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

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

body {background:url(/Images/whiteBkgd.jpg) center repeat-y #efefef;}

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

#header {position:relative; height:78px;}
.logo {position:absolute; top:8px; left:20px;}

.footer {width:898px; margin:15px auto 0px auto; color:#CCC; padding:7px 25px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.footerNav {font-weight:bold; float:right;}
.footerNav a:link, .footerNav a:active, .footerNav a:visited {color:#CCC; text-decoration:none; margin:0px 10px;}
.footerNav a:hover {text-decoration:underline;}

/* Search Results */
.bkgdFrame {padding:5px 52px; font-size:11px; line-height:150%;}
.bkgdFrame h1 {text-transform:uppercase; font-size:30px; font-weight:normal; margin-bottom:11px;}
.bkgdFrame h2 {margin-bottom:12px;}
.resultsTable {margin-left:35px;}
.resultsTable td {background:none;}

.FilterTitle {float:left; font-weight:bold; font-size:12px; width:135px; padding-top:2px; color:#999;}
.FilterOptions {float:left; width:230px; margin-top:0px;}
.FilterOptions select {color:#6c6c6b; font-size:11px; font-weight:bold;}

.SortTitle {float:left; font-weight:bold; width:135px; font-size:12px; padding-top:2px; color:#999;}
.SortOptions {float:left; margin-top:0px;}
.SortOptions a:link, .SortOptions a:visited, .SortOptions a:active {text-decoration:none; color:#FFF; 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;}
.SortOptions a.filterDn:link, .SortOptions a.filterDn:visited, .SortOptions a.filterDn:active, .SortOptions a.filterDn:hover {background:url(/images/filterDn.gif) no-repeat;}
.SortOptions a.filterUp:link, .SortOptions a.filterUp:visited, .SortOptions a.filterUp:active, .SortOptions a.filterUp:hover {background:url(/images/filterUp.gif) no-repeat;}

.backLink {display:block; float:right; margin-top:-25px; padding:5px 0px;}

/* Pager */
.pager {height:80px; position:relative;}
.resultsPerPage {position:absolute; left:0px;}
.jumpToPage {position:absolute; right:0px;}
.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; border-bottom:1px solid #CCC; font-size:11px; line-height:150%;}
.listingHolder .bkgd {margin:19px 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; float:left;}
.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 {float:right; width:85px; margin-right:-5px; color:#666;}
.listingHolder ul li {list-style-image:none; list-style:square;}

/* Home Detail page */
.DetailsHolder {float:left; width:250px; margin-top:-15px;}
.DetailsHolder h1 {margin-bottom:0px;}
.DetailsHolder h2 {margin-bottom:20px;}
.DetailsHolder a {display:block; text-align:right;}
.DetailsHolder .specs {margin-bottom:20px;}
.DetailsHolder .specs td {padding:2px; background:none;}
.DetailsHolder p {padding:8px 0px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.DetailsHolder a.pdf {display:block; text-align:left; width:111px; height:40px; background:url(/Images/pdfBrochureLink.gif); text-indent:-99999px;}
.ModelImages {float:right; width:525px;}
.ModelImages td {background:none;}

/*** Reused Styles ***/
.cntHldr {background-color:#e0dfdf; padding:5px 20px;}
/*** Page specific Styles ***/

/* Homepage */

/* Retailers */
.retailerHolder {float:right; margin-top:-45px; width:330px; padding:20px; line-height:150%;}
.retailerHolder .newSearchLink {padding:10px 15px; display:block; background:url(/Images/linkArrow_left.gif) left no-repeat;}
.retailerHolder h2 {color:#666;}
.retailer {border-top:1px solid #999; padding:20px 0px 0px 0px; width:320px;}
.retailer .location {background:url(/images/retailerArrow.gif) no-repeat left; padding-left:60px;}
.retailer .location strong {color:#666;}
.retailer .contact {padding-left:60px;}
.retailer .type {padding-left:60px; padding-top:6px; font-style:italic;}
.retailer a:link, .facility a:visited, .facility a:active {margin-right:10px; text-decoration:underline; text-transform:uppercase;}
.retailer a:hover {}

/* Galleries */
.galleryHolder {float:right; margin-top:-45px; margin-left:25px; padding:20px 0px; width:485px;}
.galleryTextHolder {}
.gallery {margin:0 auto; width:439px; padding-top:1px; background-color:#FFF;}

.optionGalleryHolder {float:right; margin-top:-45px; margin-left:0px; padding-top:17px; width:445px;}
.optionGalleryTextHolder {}
.optionGalleryTbl {margin:0px 8px 8px 8px;}
.optionGalleryTbl td {width:100px !important; text-align:center;}
.optionGalleryText {text-align:center;}
.optionGalleryText a:link, .optionGalleryText a:visited{line-height:120%; text-decoration:underline;}
.optionGalleryText a:hover {}

/* Contact Form */
#formHolder {margin:0px auto;}
#formHolder fieldset {padding:0px 10px; margin:10px 0px; border:none; border-bottom:1px solid #DDD; position:relative;}
#formHolder legend {padding:5px 40px 15px 40px; font-size:17px; font-weight:bold; margin:0px;}
#formHolder label {display:block; padding-bottom:10px;}
#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:440px; position:absolute; top:0px; right:0px; margin-top:0px;}
#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;}