/* HTML
------------------------------------------ */

body {background: #fff url(../images/back.gif) repeat-x 0px -7px; font-family: Arial, sans-serif; text-align: center; font-size: small; margin: 0;}
h1 {font-size: 125%;color:#fff;margin:0;padding:0;float:left; width: 800px;}
h2 {font-size: 115%;}
h3 {font-size: 105%;}
h4 {font-size: 75%;}
p {font-size: 100%; margin: 5px 5px 8px 0px; color: #555;line-height: 18px;}
ul li {color:#555;}
a {font-weight: bold; text-decoration: none;color: #333;}
a img {border: none;}
.error {color:#c40000; font-weight:bold;}

/* STRUCTURE
------------------------------------------ */

#wrap-body {background:transparent url(../images/background.gif) no-repeat top left;width: 1020px;margin: 0 auto;padding-top: 20px;}
#wrapper {margin: 20px auto; width: 978px; text-align:left;background:#fff; }
#header {float: left; clear: both; position: relative; width: 978px; display: inline;background:#fff;height: 120px;}
#core {float:left; width: 710px;margin: 25px 0 10px 25px;display:inline;padding:0;}
#core h2 {font-family: Tahoma, Arial, sans-serif;font-size: 24px;margin: 0px 0 10px 0;color:#4bbf58;font-weight:normal;padding:0;}
#core a {text-decoration:underline;}
#side {float:right; width: 200px;clear:none;margin:25px 25px 10px 0px;padding:0;display:inline;}
#side .greenpanel {background:#1d8e18;padding: 10px;width: 180px;display:inline;float:left; clear:both;margin-bottom:15px;}
#side .greenpanel p {color:#fff; font-size: 16px;float:left; clear:both;width: 100%;}
#footer {clear: left; float: left; position: relative; width: 978px; display: inline;margin: 15px 0 35px 0; }
#footer .inside {margin: 0 0 25px 25px; width: 710px;height: 160px;float:left;  border-top: solid 3px #e3e2e2;border-bottom: solid 3px #e3e2e2;padding: 15px 0;}
#footer .inside .footer-logos {float:right; width: 520px;}
#footer img {margin: 0;}
#footer .side {margin: 0 25px 25px 0px; width: 200px;height: 160px;float:right; border-top: solid 3px #e3e2e2;border-bottom: solid 3px #e3e2e2;padding: 15px 0;}
#footer .side p{color:#999;}
#footer .inside .left {width: 180px;margin:0;padding:0;float:left; clear:none;}
#footer .inside p {width: 180px;}
#footer .inside ul {list-style-type:none;margin:0;padding:0;width: 180px;float:left;clear:none;}
#footer .inside ul li{float:left; width:180px;}
#footer .inside ul li a{float:left; width: 180px;color:#999;font-weight:normal;}
#footer .inside p {margin:0;padding:0;color:#999;}
.left {float:left; width: 475px;position:relative;}

.isLet {width: 450px;height: 350px;background:transparent url(../images/letbylarge.png) no-repeat top left; position:absolute; left: 0px;top: 0px;}
.isOffer {width: 450px;height: 350px;background:transparent url(../images/underofferlarge.png) no-repeat top left; position:absolute; left: 0px;top: 0px;}

/* NAVIGATION
------------------------------------------ */

#nav {float: left;clear:both;height: 45px; width: 978px;margin-bottom: 1px;background:#7FD288;}
#nav ul{margin: 0; padding: 0; list-style-type: none;}
#nav ul li{display:inline;}
#nav ul li a{font-size: 18px;float:left;padding: 12px 20px;border-right: solid 1px #fff; color:#fff;font-family:Tahoma; font-weight: normal;}
#nav ul li a span {}
#nav ul li a:hover, #wrapper ul li.selected a{background:#4bbf58;}
#nav ul li#logout, #nav ul li#login {float:right;border-right:none; border-left: solid 1px #fff;}
#subnav {float: left;clear:both; width: 958px; background:#4bbf58;padding: 10px;margin:0;display:inline;}
#subnav ul{margin: 0; padding: 0; list-style-type: none;}
#subnav ul li{}
#subnav ul li a{font-size: 100%;}
#subnav ul li a:hover, #wrapper ul li.selected a{}

/* MISC CLASSES
------------------------------------------ */

.logo {float: right; margin: 10px 25px 25px 10px;display:inline;}
.utility {float: left;margin: 25px;}
.utility a{}
p.copy {float: left; margin: 5px;}
#main-image {width: 468px;float:left; border:solid 1px #ccc;padding: 4px; margin-bottom: 7px;display:inline;}
.thumbs {margin:0;padding:0;}
.thumbs img {border: solid 1px #ccc;width: 80px;height: 80px;padding: 4px;margin-left: 0;display:inline;}
.thumbs img:hover {border-color: #FF9900;}
.pcm {float:right; width: 80px;color:#fff;font-size: 125%;margin:0;padding:0;font-weight:bold;}

/* ARTICLE LISTS
------------------------------------------ */

.home {float:left; width:100%; clear:both; height: 300px;position:relative;background:#f7f7f7;}
.home-image {position:absolute;left:25px;top: 15px; width:660px;background:#fff;height:260px;}
.home-image img {width: 660px;height: 260px;}
.home-intro {position:absolute; right: 25px; top: 15px; width: 250px;background:#16772d;height: 316px;}
.home-promos {width: 250px; float:right; margin: 5px 25px 0 0;display:inline;}
.home-intro p {color:#fff;margin: 0 10px 3px 10px;}
.home-list { float:left; width: 670px; padding-top: 10px;margin-left: 25px;display:inline;}
.home-list .product {width: 190px; border:solid 1px #ccc; background:#f7f7f7; padding: 10px;float:left;margin-right: 10px;display:inline;}
.home-list .product img {width: 190px;height: 190px;float:left;clear:both;}
.home-list .product#last img{height: 215px;}
.home-list .product h2{background:#4bbf58;padding:8px 6px;width: 178px;color:#fff;float:left; clear:both;margin:0;font-size: 12px;}
.home-bar {background:#4bbf58;float:left; clear:both;height: 45px;margin-left: -8px; width: 950px;padding: 10px 10px 10px 35px;display:inline;}
.home-bar p {color:#fff; margin:0;padding:0;clear:both;}
.middle {float:right;width: 220px;color:#666;}
.middle p.summary {font-size: 18px; margin: 0 0 0px 0;border-top: dotted 1px #666;padding: 7px 0;color:#777;}
.middle p.price {font-size: 18px; margin: 0 0 10px 0;border-top: dotted 1px #666;border-bottom: dotted 1px #666;padding: 4px 0;}
.middle p.beds {font-size: 18px; margin: 0 0 0px 0;border-top: dotted 1px #666;padding: 4px 0;}

#core .col {float:left; width: 300px;}

.main .article {float: left;}
.main .article .thumbnail{}
.main .article h2.title{}
.main .article p.date {}
.main .article p.summary{font-size: 100%;}
.main .article a.readmore{}

/* PRODUCT LISTS
------------------------------------------ */

.productlist {float:left;clear:both; margin:0;padding:0;width: 100%;}
.productlist .product {float: left;width: 345px;background:#e4eeef;margin: 0 10px 5px 0;position:relative;}
.productlist .product .thumb{position:relative; float:left;background:#fff;width: 120px;height: 120px;margin: 10px;padding: 4px; border:solid 1px #ccc;}
.productlist .product .letbybanner {width: 120px;height: 120px;background:transparent url(../images/letbybanner.png) no-repeat top left; position:absolute; left: 12px;top: 12px;}
.productlist .product .underofferbanner {width: 120px;height: 120px;background:transparent url(../images/underofferbanner.png) no-repeat top left; position:absolute; left: 12px;top: 12px;}

.productlist .product h2{color:#4bbf58;font-size: 18px !important;margin:7px 0 0 0 !important;float:right; width: 195px;}
.productlist .product a h2{color:#4bbf58;}
.productlist .product p.summary{font-size: 11px;line-height: 14px;}
.productlist .product p.price{margin:0;}
.productlist .product p.date{margin:0;}
.productlist .product a.viewmore{position:absolute; bottom: 7px; right: 7px;}
.form-panel {float:left; width: 660px; padding: 10px; border:none; background:#f7f7f7; clear:both; margin-bottom: 15px;margin-left: 0px;} 

/* FORMS
------------------------------------------ */
.insidepanel {float:left; clear:both; border:solid 1px #ccc; margin: 0 0 15px 0;background:#fff; width: 638px;padding: 10px;}
.contactform {}
label {margin: 5px 3px 3px 3px; float: left; font-weight: bold;color:#666;width: 200px; }
.textinput {width: 250px; margin: 3px; padding: 4px; border: solid 1px #666;}
.textbox {width: 250px; margin: 3px; padding:4px; border: solid 1px #666; font-family: Arial, sans-serif;height: 100px;}
select {margin: 3px;}
checkbox {margin: 3px;}
.submitbutton {background:#333;color:#fff; border:none;padding:6px 8px; float:left; margin: 15px 0 15px 210px;display:inline;}

#documentListing {float:left;clear:both;width:100%;}
#documentListing tr td {background:#f7f7f7;border-bottom: solid 2px #fff;padding: 5px 4px;}
#documentListing tr td a{background:transparent url(../images/document.png) no-repeat 0px 0px;padding-left: 21px;}

.categories {float:left;clear:both; background:#f7f7f7; width:690px;display:inline;padding: 10px;margin: 0 0 10px 0;}
.categories ul {float:left;width:100%; list-style:none;margin:0;padding:0;}
.categories ul li {float:left;display:inline;margin: 0 7px 0 0;}
.categories ul li a {font-weight:bold;float:left; }