/*** Styles for CMS editor and user dropdown ***/
@import url("/CSS/editor.css");
@import url("/CSS/user.css");

/*-------------------*/
/* Frontend specific */
/*-------------------*/

body {background:#FFF; background:url(/images/navBkgd.jpg) top repeat-x;}
td {color:#666;}

/*** Content Styles ***/
#siteHolder {width:894px; margin:0px auto; padding-bottom:0px;}
#contentHolder { margin:0px auto;}
.content {margin-top:0px; background-color:#FFF;}
.contentPadding {padding:0px;}
.contentPadding2 {padding:0px;}

.bkgdGradiant {background:url(/images/bkgd_gradiant.jpg) top repeat-x #FFF; padding:20px 35px; font-size:11px; line-height:150%;}
.bkgdGradiant h1, .bkgdGradiant h3, .bkgdGradiant p {color:#FFF;}
.bkgdGradiant a {color:#7AAE4F;}

#header {position:relative; height:78px;}
.logo {position:absolute; top:0px; left:0px;}
.clear {clear:both;}

.footer {width:804px; margin:15px auto 0px auto; color:#999; text-transform:uppercase; padding:7px 45px; font-family:Arial, Helvetica, sans-serif; font-size:10px; background:url(/images/footerBkgd.jpg) bottom repeat-x;}
.footerNav {font-weight:bold; float:right;}
.footerNav a:link, .footerNav a:active, .footerNav a:visited {color:#999; text-decoration:none; margin:0px 0px 0px 20px;}
.footerNav a:hover {text-decoration:underline;}


/* Search Results */
.searchResultsDiv {background:url(/images/searchBkgd.jpg) bottom no-repeat #6AB9D7; padding:15px 0px; font-size:11px; line-height:150%;}
.searchResultsDiv h1 {text-transform:uppercase; color:#FFF; font-size:40px; margin-left:50px; font-weight:normal;}
.resultsTable {margin-left:35px; margin-top:-25px;}

.FilterTitle {float:left; font-weight:bold; font-size:12px; width:140px; color:#FFF; margin-left:50px;}
.FilterOptions {float:left; width:200px; margin-top:0px;  color:#FFF;}
.FilterOptions select {color:#6c6c6b; font-size:11px; font-weight:bold;}

.SortTitle {float:left; font-weight:bold; width:135px; font-size:12px; color:#FFF;}
.SortOptions {float:left; margin-top:0px;}
.SortOptions a:link, .SortOptions a:visited, .SortOptions a:active {text-decoration:none; color:#666; display:block; width:82px; height:29px; background:url(/images/filterLink_up.gif) no-repeat; float:left; margin-right:4px; text-align:center; padding-top:3px;}
.SortOptions a:hover {background:url(/images/filterLink_hover.gif) no-repeat; color:#FFF;}
.SortOptions a.filterDn:link, .SortOptions a.filterDn:visited, .SortOptions a.filterDn:active, .SortOptions a.filterDn:hover {background:url(/images/filterDn.gif) no-repeat; color:#FFF;}
.SortOptions a.filterUp:link, .SortOptions a.filterUp:visited, .SortOptions a.filterUp:active, .SortOptions a.filterUp:hover {background:url(/images/filterUp.gif) no-repeat; color:#FFF;} 

a.backLink {display:block; float:right; margin-top:-10px; padding:5px 0px; color:#FFF;}

/* Pager */
.pager {height:80px; position:relative; color:#FFF; font-weight:bold; font-size:12px;}
.pager a {color:#FFF;}
.resultsPerPage {position:absolute; left:40px;}
.jumpToPage {position:absolute; right:40px;}
.pages {position:absolute; left:205px; top:6px; text-align:center; width:450px;}
.displayInfo {position:absolute; left:205px; width:450px; text-align:center; top:40px;}

/* Search Listings */
.listingHolder {width:206px; float:left; position:relative; font-size:11px; line-height:150%;}
.listingHolder .bkgd {margin:19px 5px 0px 5px; background-color:#FFF; padding:9px; height:113px;}
.listingHolder .title {color:#6c6c6b; font-weight:bold; text-transform:uppercase; margin-bottom:5px; padding-top:-10px;}
.listingHolder .thumbnail {width:82px; margin-top:4px;}
.listingHolder .thumbnail img {display:block; margin-bottom:2px; width:82px; max-height:65px;}
.thumbnail span {text-decoration:none; color:#FFF; background-color:#6c6c6b; display:block; text-align:center; padding:3px 0px;}
.thumbnail a:hover {}
.listingHolder ul {position:absolute; top:35px; right:0px; width:90px; color:#666;}
.listingHolder ul li {list-style-image:none; list-style:square;}

/* Home Detail page */
.detailsDiv {background:url(/images/modelDetailsBkgd.jpg) bottom no-repeat #6AB9D7; padding:15px 35px; font-size:11px; line-height:150%;}
.detailsDiv h1, .detailsDiv h2, .detailsDiv p, .detailsDiv td {color:#FFF;}
.DetailsHolder {float:left; width:280px; margin-top:-15px;}
.DetailsHolder h1 {margin-bottom:0px; font-size:35px;}
.DetailsHolder h2 {margin-bottom:20px;}
.DetailsHolder a {display:block; text-align:right; color:#FFF; font-size:14px; font-weight:bold; margin-bottom:6px;}
.DetailsHolder .specs {margin-bottom:20px;}
.DetailsHolder .specs td {padding:3px; line-height:normal;}
.DetailsHolder p {padding:8px 8px; background-color:#41861C; border:1px solid #84B55B;}
.DetailsHolder a.pdf {display:block; text-align:left; width:111px; height:40px; background:url(/Images/pdfBrochureLink.png); text-indent:-99999px;}
.ModelImages {float:right; width:525px;}
.imgHolder {background-color:#FFF; padding:10px;}

/*** Reused Styles ***/

/*** Page specific Styles ***/

/* Homepage */

/* Retailers */
.retailerHolder {float:right; margin-top:-45px; width:510px;}
.retailerHolder .newSearchLink {padding:10px 15px; display:block; background:url(/Images/linkArrow_left.gif) left no-repeat;}
.retailer {border-top:1px solid #DDD; padding:20px 0px; width:500px;}
.retailer .location {float:left; width:180px; height:70px; margin-right:10px; font-size:11px; line-height:160%; padding-left:30px;}
.retailer .location strong {color:#999966;}
.retailer .contact {float:left; width:110px; height:45px; padding-top:25px; margin-right:10px;}
.retailer .type {float:left; width:150px; height:45px; padding-top:25px;}
.retailer a:link, .facility a:visited, .facility a:active {margin-right:10px;}
.retailer a:hover {}

/* Galleries */
.galleryHolder {float:right; margin-top:-45px; margin-left:25px; width:439px;}
.galleryTextHolder {}

/* Contact Form */
#formHolder {margin:0px auto;}
#formHolder fieldset {padding:10px; margin:20px 0px; border:none; border-bottom:1px solid #CCC; position:relative;}
#formHolder legend {padding:5px 40px 15px 40px; font-size:17px; font-weight:bold; margin:0px;}
#formHolder label {display:block; padding-bottom:10px; color:#666;}
#formHolder label span.col {display:block; float:left; width:130px; padding-right:15px; text-align:right;}
#formHolder label span.long {width:150px;}
#formHolder .commentBox {margin-left:20px;}

#formHolder .RadioBtns label {display:inline;}
#formHolder .formColumnRight {width:340px; position:absolute; top:0px; right:0px; margin-top:10px;}
#formHolder .formColumnRight label span.col {width:50px;}
#formHolder .reqText {height:40px;}
#formHolder .btnHolder {margin:10px 40px 10px 0px; text-align:right;}
#formHolder .req, #formHolder .formColumnRight .req {float:left; width:10px; padding-right:0px; text-align:left; font-weight:bold; color:#990000;}
#siteHolder .bkgdGradiant .note {color:#666;}