/*
    US TILE STYLESHEET
    www.webadvanced.com
*/

/*MASTER / HOME PAGE*/
html, body, form { padding: 0; margin: 0;}
a{cursor: pointer; text-decoration: underline;}
body{background: #6a6a6a url(../images/mainBg.jpg) repeat-x; font-size:11px; font-family: trebuchet MS, verdana, arial, sans-serif; color: #272727;}
img{line-height: 0; border:0;}
h2{font: 14px Georgia, times new roman, serif; color: #761401; line-height:22px; margin: 0 0 10px 0;}
h4{border-bottom: solid 1px #e9e9e9; font-family: georgia, serif; font-size: 16px; font-weight: bold; color:#000;}
h5{color: #761401;}
.header{color: #9b9b9b; height:77px; padding: 15px 15px 10px 7px; text-align: right;}
.header a {color: #9b9b9b;}
.whiteBg a{color: #761401}
img, div, td { behavior: url(../iepngfix.htc) }/*IE 5.5+ .pngfix */
*:first-child+html img{display: block;} * html img{display:block;}
.wraper{width:100%; margin: 0 auto; background:url(../images/containerBg.jpg) top center no-repeat;}
.contentWrap{width:997px; margin: 0 auto; background:url(../images/contShadow.gif) repeat-y top center ;}
.topLeftshadow{background: url(../images/leftShadowRepeat.png) repeat-y;}
.topRightshadow{background: url(../images/rightShadowRepeat.png) repeat-y;}
.whiteBg{background: #fff;}
.mainWrap{margin: 12px;}
.topNav{height: 34px;}
.contentArea{width: 100%; margin: 0 auto;}
.spotlights{padding: 5px 0 15px 0;}
.spotlightText{padding: 5px; width: 308px;}
.spotlight1{width: 320px; float: left;}
.spotlight2{width: 318px; float: left;}
.spotlight3{width: 315px; float: left;}
.footer{padding-top: 15px; line-height:18px; text-align: center; color: #9b9b9b;}
.footer a{color: #9b9b9b;}
.breadcrumbs {padding:25px 0px 10px 10px;font-size:11px;font-family:arial; border-bottom: solid 1px #e6e6e6}
.breadcrumbs a{color: #777}
.spotlightImage, .spotlightImageMargin{border: solid 1px #e9e9e9; padding: 5px; width: 300px; }
.spotlightImageMargin{margin-right: 8px;}
hr {height: 1px; border: solid 1px #e9e9e9}

/*LEFT NAV*/
.mainnav{list-style-type:none;  margin: 0; padding: 0;}
.mainnav a{color: #000; text-decoration: none; font-family: arial; font-size: 13px;}
.mainnav li{height: 18px; padding:5px 0 0 20px; border-bottom: solid 1px #e6e6e6}
.mainnav li.on{height: 18px; background: #761401 }
.mainnav li.on a{color: #fff; font-weight: bold;}

/*PRODUCT PAGE*/
.parentDisplay{font: 24px Georgia, times new roman, serif; color:#000; padding-left:10px; margin: 0 0 5px 0;}
.contentTitle {font:36px gerorgia, Times New Roman, Serif; color: #000; margin: 10px 0 5px 0; padding-left: 10px; }
.leftNav{width:290px; padding-right: 20px; margin-top: 10px; float:left;}
.rightSection{float: left; margin-top: 10px; width: 640px;}
.topContent{margin-bottom: 8px; width: 616px; padding: 10px 13px 0; float: left; background: #eeedeb;}
.topContent, .galleryTopContent a{color: #721301}
.bottomContent{background: url(../images/bottomContentBg.gif) repeat-y; width: 644px; float: left; color: #000; font-size: 12px; font-family: Arial, Sans-Serif; padding-bottom: 35px;}
.bottomContent a{text-decoration: none;}
.bottomContent a:hover{text-decoration: underline;}
.leftContent{width: 389px; padding: 20px 28px; float:left; line-height: 20px;}
.rightContent{width: 170px; margin-left:9px; padding: 20px 10px; float:left; text-align: center;}
.spacer{margin: 12px 0; background: url(../images/spacer.gif) repeat-x;}
.contentSpacer{background: url(../images/spacer.gif) repeat-x;}
.leftNavSpotlight{margin:25px 0 10px;}
.leftNavSpotlightText{padding: 10px;}

/*GALLERY PAGE*/
.galleryTitle{font:36px gerorgia, Times New Roman, Serif; color: #000; margin: 5px 0 5px 0; padding-left: 10px;}
.galleryBottomContent{background: #fff; width: 644px; float: left; color: #000; font-size: 12px; font-family: Arial, Sans-Serif; padding-bottom: 35px;}
.galleryBottomContent table{margin: 0 auto}
.galleryBottomContent table td{width: 20%; text-align: center;}
.gallerySpacer{height:5px;}
.galleryTopContent{margin-bottom: 15px; width: 602px; padding: 25px 15px 25px 20px; float: left; background: #eeedeb; line-height: 20px; font-size:12px}

/*STANDARD PAGE*/
.standardPageContent{background: #fff; width: 596px; float: left; color: #000; font-size: 12px; font-family: Arial, Sans-Serif; padding: 10px 20px 25px 35px;}
.pdfList table{width: 100%;} 
.pdfList table td{padding: 10px 0; border-bottom: dotted 1px #e9e9e9;} 
.pinkBg{background: #eeedeb; padding: 8px; text-align: center;}
.pinkBg table{width: 100%}
.centerContentTbl td{text-align: center;}

/*CONTACT PAGE*/
.contentPageWrap{padding: 30px 60px 30px 25px;} 
.contentPageContent{margin-top: 5px; padding:15px;}
.contactForm{padding: 15px}
.contactInfo{background: #fff; padding: 15px;}
.contactImage{background: #eeedeb; padding: 15px; margin-bottom: 15px;}

/*LOCATOR PAGE*/
.locatorPageContent {margin-top: 10px; padding: 10px 0 0 15px;}
.locatorStates{margin:5px 15px 0 0px; float:left; }
.locatorStates ul{margin:0; padding:0; list-style-type: none;}
.locatorStates td{padding-right: 15px;}
.locatorDistributors{border: solid 1px #e9e9e9; padding:7px; margin: 5px 0 50px 0; float:right; height: 500px; width:390px; text-align: left; overflow: auto;}
.hidden{display: none;}
.unhidden{display: block;}

/*PROFILE PAGE*/
.rightSection .profile{color: #000; padding-bottom: 15px;}
.rightSection .profile ul{float: left; margin-right: 20px;}
.profileLogo{width: 250px; border: 1px solid #e5e5e5; padding: 20px;margin-bottom: 10px; min-height: 50px; text-align: center;}
.profileContactInformation, .profileSideInfo{width: 250px; padding: 10px}
.profileImages {margin: 25px 0; display: block; clear: both;}
.profileImages td{background: #eeedeb; padding: 4px;}
.profileImages td.tablespacer{background: #fff; width: 10px;}