/*** Styles for CMS editor and user dropdown ***/
@import url("/CSS/editor.css");

/*-------------------*/
/* Frontend specific */
/*-------------------*/

body {background:#EDE592;}

/*** Content Styles ***/
#siteHolder {width:930px; margin:0px auto; background-color:#FFF; padding-bottom:15px;}
#contentHolder {width:898px; margin:0px auto;}
.content {margin-top:0px; background-color:#FFF;}
.contentPadding {padding:27px 37px;}
.contentPadding2 {padding:0px 0px;}

#header {position:relative; height:150px; background:url(/Images/headerBkgd.gif) bottom repeat-x #FFF;}
.logo {position:absolute; top:10px; left:25px;}

.hpWelcomeText {background-color:#97DEFB; color:#FFF; padding:10px 20px 0px 20px; vertical-align:top;}
.hpWelcomeText h1 {color:#e6dbba; font-size:47px;}
.hpWelcomeText h2 {color:#FFF;}
.hpWelcomeText p {margin-top:15px; line-height:170%; color:#333;}

.productTypes {background:url(/images/hpbtmbkgd.gif) repeat-x left;}
.productTypes h3 {padding-top:5px; margin-bottom:0px; color:#E84F25;}
.productTypes p {font-size:10px; margin-bottom:0px;}

.hpPhoto {display:block;}

.footer {background-color:#898989; margin:15px 16px 0px 16px; color:#FFF; padding:7px 30px 7px 30px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.footerNav {font-weight:bold; float:right;}
.footerNav a:link, .footerNav a:active, .footerNav a:visited {color:#FFF; text-decoration:none;}
.footerNav a:hover {text-decoration:underline;}

/*** Navigation Styles ***/

/** Default Styles **/
#header .RadTabStrip_MainNav {font-size:12px; padding-top:76px;}
.RadTabStrip_MainNav .level1 ul {list-style-type:none;}
.RadTabStrip_MainNav .level1 li {position:relative; display:block; float:right;}
.RadTabStrip_MainNav .level1 li a {position:relative; display:block; background:url(/Images/tab-blue-middleRight.gif) right top no-repeat; text-decoration:none;}
.RadTabStrip_MainNav .level1 li a .wrap {position:relative; display:block; background: url(/Images/tab-blue-middleLeft.gif) left top no-repeat; padding:16px 8px 16px 8px; font-weight:bold; color:#f5f3e9; font-size:13px; font-weight:bold;}
/* Hover */
.RadTabStrip_MainNav .level1 a:hover {background-position:0% -125px;}
.RadTabStrip_MainNav .level1 a:hover .wrap {background-position:0% -125px;}
/* Selected */
.RadTabStrip_MainNav .level1 li a.selected {background-position:0% -125px;}
.RadTabStrip_MainNav .level1 li a.selected .wrap {background-position: 0% -125px;}

/** Home Icon / Last Item **/
#header .RadTabStrip_MainNav .level1 li.last {margin-right:8px;}
#header .RadTabStrip_MainNav .level1 li.last a {background:url(/Images/homeIcon.gif) top left no-repeat; text-indent:-99999px; height:23px; width:15px; padding:0px; margin-top:22px;}
#header .RadTabStrip_MainNav .level1 li.last a .wrap {background:none; padding:0px;}
/* Hover */
#header .RadTabStrip_MainNav .level1 li.last a:hover {padding:0px; background:url(/Images/homeIcon_hover.gif) top left no-repeat;}
#header .RadTabStrip_MainNav .level1 li.last a:hover .wrap {background:none; padding:0px;}
/* Selected */
#header .RadTabStrip_MainNav .level1 li.last a.selected {background:none; padding:0px; background:url(/Images/homeIcon_hover.gif) top left no-repeat; margin-top:22px;}
#header .RadTabStrip_MainNav .level1 li.last a.selected .wrap {background:none; padding:0px;}

/** First Item **/
#header .RadTabStrip_MainNav .level1 li.first {margin-left:0px;}
#header .RadTabStrip_MainNav .level1 li.first a {background:url(/Images/tab-blue-right.gif) right top no-repeat;}
/* Hover */
#header .RadTabStrip_MainNav .level1 li.first a:hover {background-position:100% -125px;}
/* Selected */
#header .RadTabStrip_MainNav .level1 li.first a.selected {background:url(/Images/tab-blue-right.gif) right top no-repeat; background-position:100% -125px;}

/** Second Item **/
#header .RadTabStrip_MainNav .level1 li a.second .wrap {position:relative; display:block; background:url(/Images/tab-blue-left.gif) left top no-repeat;}
/* Hover */
#header .RadTabStrip_MainNav .level1 li a.second:hover .wrap {position:relative; display:block; background-position:0% -125px;}
/* Selected */
#header .RadTabStrip_MainNav .level1 li a.secondSelected {position:relative; display:block; background-position:0% -125px;}
#header .RadTabStrip_MainNav .level1 li a.secondSelected .wrap {position:relative; display:block; background:url(/Images/tab-blue-left.gif) left top no-repeat; background-position:0% -125px;}

/* level2 tabs */
.RadTabStrip_MainNav ul li.first {margin-left:376px;}
.RadTabStrip_MainNav a {text-decoration:none;}
.RadTabStrip_MainNav a .wrap {color:#898989; padding:5px 10px;}
.RadTabStrip_MainNav a:hover .wrap {color:#E84F25;}
.RadTabStrip_MainNav a.selected .wrap {color:#E84F25;}


/* Search Results */
.FilterTitle {float:left; font-weight:bold; font-size:12px; width:250px;}
.SortTitle {float:left; font-weight:bold; font-size:12px;}
.OptionsHolder {border-top:1px solid #DDD; border-bottom:1px solid #DDD; height:41px;}
.FilterOptions {float:left; width:250px; margin-top:10px;}
.FilterOptions select {color:#E84F25; font-size:11px; font-weight:bold;}
.SortOptions {float:left; margin-top:8px;}
.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; text-align:right; margin-top:20px; padding:5px 0px; border-bottom:1px solid #DDD;  border-top:1px solid #DDD;}

/* 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; float:left; border-bottom:1px solid #DDD; position:relative;}
.listingHolder .bkgd {margin:19px 5px; background-color:#F4FCFF; padding:9px; height:113px;}
.listingHolder .title {color:#87BDD0; font-weight:bold; 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:#97DEFB; 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 */
.DetailsHolder {float:left; width:250px;}
.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;}
.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;}

/*** Reused Styles ***/

/*** Page specific Styles ***/

/* Homepage */

/* Retailers */
.retailerHolder {float:right; margin-top:-45px; width:460px;}
.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:470px;}
.retailer .location {float:left; width:230px; margin-right:10px; font-size:11px; line-height:160%; padding-left:20px;}
.retailer .location strong {color:#999966;}
.retailer .contact {float:left; width:90px; height:45px; padding-top:25px; margin-right:10px;}
.retailer .type {float:left; width:100px; 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 #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:100px; 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;}
