﻿
/*Master Page*/

body{font-family:Arial,helvetica, Sans-Serif;background: #8b8b8b}

.goLeft{float:left;}
.goRight{float:right;}

a{color: #b8b8ba;text-decoration:none;}

.clearIt{height: 1px;margin: -1px 0 0 0;clear: both; display: block;line-height: 1px; font-size: 0.1em} 

.bgWrap{background: #fff url(../Images/mainBg.jpg) no-repeat top center;width:100%}
.wrap{width: 1018px;margin: 0 auto;color: #818181;font-family: Arial, Helvetica, Sans-Serif;font-size: 12px;}

.head{width:954px;height: 121px;padding: 0 54px 0 0;background:#000;border-bottom:3px solid #292929;margin:0 auto;position:relative;z-index:10}
.head .goLeft{padding:36px 0 0 54px}
.head .goRight{width: 420px;}
.topSublinks{padding-top: 20px; float: right; font-size: 9px; height: 10px; width: 400px;text-transform:uppercase }
.topSublinks li{display: inline;}
.topSublinks a, .topSublinks a:visited{color:#8b8b8b;  padding: 3px 6px 5px 4px;float: right;font-weight:bold;background:url(../Images/toplink-sep.png) no-repeat right 4px}
.topSublinks a:hover{color: #fff;text-decoration:underline}
.addthis_toolbox .hover_menu a{background-image:none;float:none}
.custom_button{color:#8b8b8b;padding-right: 20px !important; padding: 3px 20px 5px 4px;display:block; background:url(../Images/shareIcon.png) no-repeat right 1px !important;}
.custom_button:hover{color:#fff;text-decoration:underline}

table.topSearch{float: right; display:block; margin-top: 15px; line-height: 0.1em; clear: both;}
.topSearch input.textBx {
    height: 16px;  
    border-collapse: collapse;
    border: none !important;
    background: url(../Images/textBox-bg.gif) repeat-x;
    color: #707070;
    font-size: 10px;
    padding: 2px;
    width: 207px;
    margin-right:0 !important;
    font-weight:bold
}

.topSearch span{padding-right:5px;color:#8b8b8b;font-size:11px;float:left;margin: 5px 5px 0 0}



h3{color: #4A4A4C}

/*IE BORDER FIX*/
* html .topSearch input.sub {padding-top: 2px; margin-right: 3px;}

/*TopNav*/
.topNav {float:right;overflow:visible !important;clear:right}
ul a{cursor:pointer !important}
.topNav img{vertical-align: middle;}
.topNav ul {padding: 0;margin: 20px -12px 0 0 !important;list-style: none;}
.topNav li ul{margin: 0 !important}
.topNav li{float:left;display:block !important; position: relative; padding: 0 0 0 0!important;color:#8b8b8b;margin-right:6px}
div.topNav ul li a,div.topNav ul li a:visited{color: #8b8b8b; font-size: 15px !important; text-decoration: none !imporant;border:none !important;display:block !important;padding:10px 8px 12px 12px !important}
div.topNav ul li li a,div.topNav ul li li a:visited{font-size:12px !important;padding:0 0 0 12px !important} 
.collections-nav .rmSlide{width: auto !important;top:37px;left:0}
.collections-nav .rmSlide ul{position:relative;}

.topNav li:hover{background: url(../Images/topnav-standard.gif) repeat-x !important;}
.topNav li.collections-nav:hover{background: url(../Images/topnav-collections.png) repeat-x !important}
.topNav li.resources-nav:hover{background: url(../Images/topnav-resources.gif) repeat-x !important}
.topNav li span{padding: 0 !important}

.topNav li ul{background: #7d7e80 url(../Images/topnav-standard-dd.png) repeat-x;border:none!important;min-width:200px;padding:20px 12px !important;}
.topNav li.resources-nav ul{background:#1895a6 url(../Images/topnav-resources-dd.png) repeat-x;}
.topNav li.collections-nav ul{background:#cd4833 url(../Images/topnav-collections-dd.png) repeat-x;}

.topNav li:hover ul {padding: 10px 5px 5px; }
.topNav li:hover a{color:#fff !important}

.topNav li ul li{display: block !important; float:none !important;padding: 5px 0 !important;height:14px }
.topNav li ul li:hover{background: none !important}
.topNav li ul li a{color:#fff !important;padding:0 0 0 12px !important;background:url(../Images/whiteArw.png) no-repeat left 5px}
.topNav li ul li a:hover{text-decoration:underline}

.topNav .RadTabStripVertical .rtsUL, .topNav .RadTabStrip .rtsLevel, .topNav .RadTabStrip .rtsLI, .topNav .RadTabStrip .rtsUL{overflow:visible !important}

.topNav .collectionsList{display:none}

.topNav .collectionsWrap{position:absolute;top:34px;left:0;display:none}

/*.topNav .rmSlide .rpSlide{display:none}*/

.content{
    padding:0 5px; 
    background: url(../Images/content-span.png) repeat-y;
    min-height: 100px;
    position:relative;
    z-index:1
}

#home .content{background: url(../Images/homeBg.png) no-repeat top center;}

.footerWrap{background: #9b9b9b url(../Images/footerSpan.png) repeat-x;padding-bottom:30px}

.footer{
    width: 960px;
    margin: 0 auto;
    background: url(../Images/footerBg.png) no-repeat top right;
    padding: 25px 0;
}

* html .footer
{
    padding: 12px 20px;
    width: 785px;
}

.footer h3{font-size: 14px;color: #fff;margin-bottom:10px}

.footer .linkGroup{padding: 0 35px 0 0;float:left}
.footer .linkGroup div{float:none !important}
.linkGroup .RadMenu .rmHorizontal .rmItem{clear:left}
.footer ul li{font-size: 11px;padding-bottom:10px;}
.footer ul li a{color: #f1f1f1;}
.footer ul li a:hover{color: #fff;text-decoration: underline;}

.footer .pfNews{width:414px; float:left;line-height: 14px;font-size:11px;color:#545556;padding-top:10px;padding-left:25px}
.footer .pfNews ul{margin: 0px;}
.footer .pfNews ul li{padding: 3px;}

.footer .pfNews h3{margin: 10px 0;color:#545556;font-size:14px}
.footer .pfNews div{float:right;width:200px;padding:24px 0 0 26px}

.pfNews input.textBx {
    height: 19px;  
    border-collapse: collapse;
    border: none !important;
    background: url(../Images/footer-txtbox-bg.gif) repeat-x 0 -23px;
    color: #818181;
    font-size: 10px;
    margin-top: 5px;
    padding: 2px 2px 2px 5px;
    width: 191px;
}

.btnSignUp{text-indent:-9999px;background:url(../Images/submit.gif) no-repeat 0 0;width:91px;height:24px;border-collapse:collapse;border:none;cursor:pointer;display:inline-block}
.btnSignUp:hover{background-position: 0 -24px}

.pfNews select{width: 196px; margin: 5px 3px 0 0; float: right;}

.footer .pfNews input.sub{margin: 15px 2px 0 0;}

.subfooter{
    width: 985px;
    height: 17px;
    margin: 0 auto;
    padding: 8px 8px 12px 15px;
    background: url(../Images/subFooterBg.png) no-repeat 0 0;
    font-weight: bold;
    font-size: 9px;
    color: #fff;
    display:block;
}

.subfooter a{color: #fff; padding: 0 5px;}

.subfooter a:hover{text-decoration: underline;}

.subfooter td{height:23px}
.subfooter td.socialLinks span{float:left;padding:8px 10px 5px 0 }
.subfooter td.socialLinks a{padding:0 !important;width:25px;height:23px;float:left;text-indent:-9999px}
a.twitter{background:url(../Images/icon-tw.png) no-repeat 0 0;}
a.facebook{background:url(../Images/icon-fb.png) no-repeat 0 0;}
a.youtube{background:url(../Images/icon-yt.png) no-repeat 0 0;}
.subfooter td.socialLinks a:hover{background-position: 0 -23px !important}
.subfooter img{vertical-align:middle}

/* Homepage */

#home #slideshow{width:1008px;height:404px;overflow:hidden;position:relative;text-indent:-9999px}
    #slideshow .slide{position:absolute;top:0;left:0;display:none;z-index:1;width:1008px !important;height:404px !important}
    #slideshow .slide:hover{cursor:pointer}
        #slideshow .slide img.mainImage{position:absolute;top:0;left:0;z-index:4;width:1008px !important;height:404px !important}
        #slideshow .slide img.headline{position:absolute;top:200px;left:100px;z-index:5;display:none}
        #slideshow .slide img.subline{position:absolute;top:260px;left:100px;z-index:6;display:none}

.slideshow {display:none}

#home .content #slideshow .popUp{display:block;position:absolute;top:404px;left:40px;width:530px;padding:0 24px 12px 18px;background:url(../Images/flash_popUp.png) no-repeat top left;font-size:14px;text-indent:0;z-index:10}
#home .content #slideshow .popUp img{display:inline;vertical-align:middle}
#home .popUp span{float:left;padding-top:13px;}
#home .content #slideshow .popUp a {float:right;display:block;margin-top:8px;}
#home .content #slideshow .popUp .closeBtn{color:#9c3022;float:left;margin-right:15px;margin-top:0;padding-top:0}
#home .content #slideshow .popUp em{font-style:normal;color:#106470}
#home .content #slideshow .popUp strong{font-weight:normal;color:#9c3022}

.content .spotlightSection{
    width: 960px;
    margin: 0 auto;
    position:relative
}

#home .spotlightSection .spotlight{float:left;width:236px;padding:12px 18px 12px 226px;line-height:14px;font-size:11px;color:#545556}
#home .spotlightSection .spotlight img{float:left;padding:0 20px;margin-left:-233px}
#home .spotlightSection .spotlight h3{color:#106470;font-size:16px;margin: 5px 0 10px;}
#home .spotlightSection .spotlight h3 em{font-style:normal;color:#9c3022}
#home .spotlightSection .spotlight a{display:block;float:left;margin-top:8px;color:#9c3022;font-size:12px;font-weight:bold;}
#home .spotlightSection .spotlight a:hover{text-decoration:underline}
  
/*Content Pages*/
#contentPage .content{padding: 0 14px 25px 14px; font-family: helvetica, Arial, Sans-Serif}
.content .banner{width: 712px;height:103px; margin-bottom: 5px;background:url(../Images/banner-bg.png) no-repeat 0 0;padding:3px 0 0 3px}
    .banner img{width:710px !important;height:98px !important;}
.content .breadcrumb{font-size: 10px; text-align: right; color:#9c3022;padding-bottom:10px;font-weight:bold}
.content .breadcrumb a{color: #106470;padding-right:10px;background:url(../Images/breadcrumbArw.gif) no-repeat right 3px;margin-right:1px}
.content .breadcrumb a:hover{text-decoration: underline;}
.content .googleMap {width: 500px; height: 285px;}
.content .leftArea{width: 155px; margin: 35px 42px 35px 24px; padding:22px 20px; float: left;background:#fafafa;border: 1px solid #f0f0f0}
    .content .leftArea .RadPanelBar{width:155px !important}
.content .leftArea h1{font-size: 18px; font-weight: normal; margin: 0 0 15px 5px; color: #58585a;}
.content .leftArea ul{margin-left: 10px; padding-left: 10px; list-style-position: outside;}
.content .leftArea ul.navigation{width: 125px; padding-left: 10px; margin-left: 10px; list-style-position: outside;}
.content .leftArea a.rpExpanded, .content .leftArea a.rpSelected {color: #9c3002;border-bottom: none}
.content .leftArea .rpSlide .rpExpanded, .content .leftArea .rpSlide .rpSelected{color: #106470;background:url(../Images/selectedArrow.png) no-repeat 0 6px}
.content .leftArea .navigation li{border-bottom: solid 1px #eff1f1; padding: 6px 6px 6px 0; list-style-image: url(../Images/navArrow.gif); }
.content .leftArea .navigation li a{color: #77787b;}
.content .leftArea .navigation li a:hover{color: #cacaca;}
.content .leftArea .navigation li ul.selectedItem{border-top: 1px solid #eff1f1; margin-top: 10px; padding-top: 5px;}
.content .leftArea .navigation li ul.selectedItem li{border: none; list-style-image:none; margin-left: 10px; font-size: 11px;}
.content .leftArea .navigation li ul.selectedItem .selectedItem a{color: #b20838;}
.content .leftArea .navigation li ul.selectedItem li a{background:none;}
.content .leftArea .navigation li ul.selectedItem li a:hover{color:#b20838}
.content .leftArea .navSpotlight{text-align: center; margin-top: 15px;}
.content .mainArea{ width: 718px; float: left; margin-top: 15px;padding-bottom:20px;color:#545556 }
.content h1{color: #4a4a4c; font-size: 18px; font-weight: normal;}
.content .mainArea .contentBlock h2, .content .mainArea .paddedContentBlock h2, .content .twoColumnContentBlock h2, .topContent h2{width: 100%; color: #4a4a4c; font-size: 18px; font-weight: normal; margin: 0 0 15px 0;}
.content .twoColumnContentBlock ul{margin: 10px 0; list-style-type: circle;}
.content .twoColumnContentBlock li{margin-left: 10px; padding: 5px 0 5px 5px;}
.content .contentBlock{width: 292px; float: left; padding: 0 25px 0; line-height: 16px; font-size: 11px; position: relative;}
.content .paddedContentBlock {width: 263px; float: left; padding: 0 25px 0 60px; line-height: 16px; font-size: 11px; position: relative;}
.content .contentBlock p, .content .threeColumnBlock p, .content .paddedContentBlock p, .content .twoColumnContentBlock p {margin: 10px 0 15px 0; position: relative;}
.content .contentBlock .learnmore, .content .paddedContentBlock .learnmore{position: absolute; right: 30px; bottom: -5px; }
.content .fullWidthContent{width: 620px; padding: 15px 50px 0 25px; line-height: 16px; font-size: 11px; position: relative; float:left;}
.greyBorder{border-right: solid 1px #e2e2e3;}


/*Product Page*/
.content .mainArea .productAreaTop{width: 685px; margin: 10px 0 0 10px; height: 6px; background: url(../Images/product-wrap-top.gif) no-repeat 0 0; display: block; line-height: 1px; font-size: 0.1em} 
.content .mainArea .productArea{width: 690px; padding: 0 0 20px 0; margin-left: 20px;} /*background: url(../Images/product-wrap-span.gif) repeat-y;*/
* html .content .mainArea .productArea{width: 680px; padding: 0; margin-left: 5px;}
.content .mainArea .productArea .product{width: 156px; height: 156px; margin: 6px 5px 0 5px; float: left; position: relative;border:1px solid #f0f0f0}
.content .mainArea .productArea .product .productTitle{width: 156px; height: 14px; text-align: center; padding: 4px 0 2px 0; font-size: 12px;}
.content .mainArea .productArea .product .productTitle a{color: #fff;}
.content .mainArea .productArea .product .off{background: url(../Images/product-title-bg.gif) no-repeat; }
.content .mainArea .productArea .product .on{background: url(../Images/product-title-bg-over.gif) no-repeat;}
.content .mainArea .productArea img{display: block;}
.content .mainArea .productAreaBottom{width: 685px; margin-left: 10px; height: 13px; background: url(../Images/product-wrap-bottom.gif) no-repeat 0 0 ; display: block; line-height: 1px; font-size: 0.1em} 

/*Press Release Page*/
ul.sf_newsList{margin-left: 0}
.pressReleaseBlock{padding:0 0 0 2px;line-height:16px}
.sustain{padding: 0 0 0 2px;line-height:16px;width:660px}
.pressRoomSection{padding: 10px 0 10px 2px !important;width:100% !important}
.pressRoomHeader{float:none !Important}
.sf_newsList h2{font-size:13px !imporant; margin: 0 0 3px -2px !important; padding: 0 !important; font-weight: bold !important;}
.sf_newsList h2.sf_newsTitle a{font-size:13px; margin: 0; padding: 0; color:#404041; text-decoration: none;}
.sf_newsList p.sf_newsDate, .prDate, .sf_newsDate{line-height: 9px; font-size: 9px; color: #aeb0b2;margin:6px 0 3px 0;display:block}
.sf_newsList p{line-height: 16px; color: #929295}
.sf_newsList .sf_readMore a, .pressReleaseBlock .learnmore a{font-size: 11px; color: #9C3022;padding-right: 13px;background: url(../Images/learn-more-arrow.gif) no-repeat right;font-weight:bold}
.sf_newsList .sf_readMore a:hover, .pressReleaseBlock .learnmore a:hover{text-decoration: underline;}
.sf_postBookmark{clear:both;padding:12px 0}
.sf_postBookmark a{float:left;margin-right:5px}
.sf_singleNews .rightArea{padding: 0 !important;margin-top:-15px}
.sf_singleNews h2{padding-top:10px}
.sf_singleNews a{color:#9c3002;}
.sf_singleNews a:hover{text-decoration:underline;}
.content .mainArea .rightArea {width: 625px; padding: 0 20px 0 40px; float: left; line-height: 16px;}
.content .mainArea .rightArea ol{list-style-type: decimal; margin-left: 10px; padding-left: 10px;}
.content .mainArea .rightArea ol li a, .content .mainArea .rightArea ul li a{color: #9c3022; text-decoration: underline}
.content .mainArea .rightArea ol li a:hover, .content .mainArea .rightArea ul li a:hover{text-decoration: none;}
.content .mainArea .rightArea ul {margin-left: 10px; padding-left: 10px; list-style-type: circle}
.content .mainArea  h2, .pressReleaseBlock h3{font-size: 18px; color: #000000; font-weight: normal; float: left; padding-bottom: 5px; width: 100%;} 
.pressReleaseBlock h3{font-size:14px}
.content .mainArea .rightArea table.pressReleaseBlock{margin: 15px 0; line-height:16px;} 
.content .mainArea .rightArea .darkBorder{width: 455px; height: 1px; line-height: 0.1em; margin: 0 0 10px 0; background: url(../Images/newsBorder.gif) no-repeat;} 

.content .newsPagination{float: right; margin-top: 15px;}
.content .search .newsPagination{margin-bottom:15px}
.content .newsPagination a.redLink{color: #b42b2a;}
.content .newsPagination a{text-decoration: underline;}
.content .newsPagination a:hover{text-decoration: none;}
.content .mailLink a{background: url(../Images/emailIcon.gif) no-repeat left; font-size: 10px; padding-left: 18px; color: #4695cb; }
.content .mailLink a:hover{text-decoration: underline;}
.topContent p{padding-top: 5px;}


/*Resource Center Page*/
table.greyLineBottom {border-bottom: solid 1px #d3d3d3; margin-left: 25px}
.content .mainArea .rightArea .docLinks td{padding-left: 5px;padding-top: 2px;}
.content .mainArea .rightArea .docLinks a{color: #9c3022; text-decoration: underline;}
.content .mainArea .rightArea .docLinks a:hover{text-decoration: underline;}

/*Think Green Page*/
.content .mainArea .twoColumnContentBlock h2.thinkGreen{width: 100%; width: 251px; height: 18px; color: #fff; font-size: 16px; background: url(../Images/greenThinking-header.gif) no-repeat; font-weight: normal; padding: 5px 10px;}
.tGreen h2{color: #92a12b !important;}
.tGreen h3{color: #1776b7 !important;}
ul.thinkGreen {list-style-type: disc; color: #1776b7 !important}
.tGreen li {color: #818181;}
.tGreen{line-height: 16px; padding: 0 10px 10px 0}

/* Where to buy page */
.content table.findDealerResults{text-align: center; font-size: 9px; line-height: 12px; color: #262626; margin-top: 15px;}
.content .findDealerResults a{color: #636363;}
.content .findDealerResults a:hover{text-decoration: underline;}
.content .findDealerResults td{height: 65px; padding: 7px;}
.content .findDealerResults td.storeName{text-align: left;}
.content .findDealerResults .tr1 td.tdSpacer, .content .findDealerResults .tr2 td.tdSpacer{width: 15px; background: #fff; padding:0;}
.content .findDealerResults td h4{font-size: 10px; font-weight: normal; margin: 0}


.search{padding: 10px 60px 25px 65px;color:#545556}
.content .srText{font-size: 15px; color: #9c3022;display:block;padding-top:8px}
.content .searchArea{width: 320px; float: left; padding: 15px 60px 0 0; line-height: 16px; font-size: 11px; position: relative}
.content .searchArea td {padding-top: 5px; padding-bottom: 5px;}
.content .googleMapsSection{width: 500px; float: left; margin-top:15px; overflow: hidden}
.content .threeColumnBlock h2, .content .searchResultSection h2{color: #4a4a4c; font-size: 18px; font-weight: normal; margin-bottom: 5px; width: 100%;}
.content .dealearResults .key{float: right; font-size: 10px; margin: 6px 0} 
.content .dealearResults .key span{padding-right: 15px}
.content .searchArea p{margin: 5px 0 15px 0}
.content .dealerResults{height: 130px; margin-right: 7px; padding: 5px; line-height: 16px; color:#4A4A4C;}
.content .dealerResults h4{margin: 3px 0 5px 0;}
.content .dealerResults a{color: #9c3022;}
.content .dealerResults a:hover{text-decoration: underline;}

.content .tr1 .dealerResults{background: #f5f5f5;}
.content .tr2 .dealerResults{background: #ebebeb;}
.content .dealerResults .keyResluts{text-align: right;}
.content .dealerResults .keyResluts img{padding-right: 5px;}

.content .searchArea h2, .content .searchResultsSection h2 {margin: 5px 0 0 0; color: #000; font-size: 18px; font-weight: normal; width: 100%;}
.content .searchResultTitle td{padding: 10px 0;line-height:18px}
.content .searchResultTitle img{vertical-align: middle; padding-right: 5px;margin-top:-2px}

.searchResults dt{padding: 5px;}
.searchResults dd {padding-bottom: 10px; display:block;}
.searchResults dd a{display: none;}
.searchResults .sf_pager a{color: #B20838; text-decoration: none;}
.searchResults .sf_pager a:hover{text-decoration: underline;}
.searchResults {clear: both; display: block;}
.searchResults a{color: #B20838; text-decoration: none;}
.searchResults a:hover{text-decoration: underline;}

/*Product Detail Page*/
.content .mainArea .productDetail{width: 675px; min-height: 400px;}
.content .mainArea .productCategory{padding:20px 0 0 35px}
* html .content mainArea .productDetail{height: 400px;}
 .productDetail a {color: #b42b2a; font-weight: normal;}
    
 .productDetail a.underline {text-decoration: underline; }
.content .mainArea .productDetail a.bold {font-weight: bold; }
.content .mainArea .productDetail .intro {width: 625px;}
.content .mainArea .productDetail .intro .introCopy {width:600px; line-height: 16px; margin: 10px 0;}
.content .mainArea .productDetail .filterSection{width: 600px; height: 23px; background: url(../Images/filterBg.png) repeat-x; padding: 3px; float: left;}
.content .mainArea .newsPagination{float: right; margin: 0 45px 0 0;}
.content .mainArea .productDetail h2.productType{font-size: 14px; margin: 10px 0; font-weight: normal; height: 14px; width: 100%;}
.content .mainArea .productDetail .productThumb{width: 122px; height: 106px; background: url(../Images/prodDetailThumbBorder.gif) no-repeat; padding: 10px; margin-right: 10px; position: relative; float:left;}
.content .mainArea .productDetail .productThumb img{max-height:110px}
.content .mainArea .productDetail .productThumb .zoom{position: absolute; right: 1px; bottom: 1px;}
.content .mainArea .productDetail .productInfo{width: 125px; height: 125px; margin-right: 5px; font-size: 11px; float: left; line-height: 16px;}
.content .mainArea .productDetail .productInfo img{margin-bottom: 5px;}
.content .mainArea .productDetail .productInfo a.pdf{padding-left: 15px; background: url(../Images/pdfIcon.gif) no-repeat; color: #cb4148; text-decoration: underline; font-size: 9px;}
.content .mainArea .productDetail .productInfo a.pdf:hover{text-decoration: none;}
.productCell td{width: 50%}
/*Customer Service Page*/
.content .mainArea .spotlightSection, .content .mainArea .spotlightBottom{width: 585px; float:right; margin-right:  50px;}
.content .mainArea .spoltightSection div{float: right;}
.content .mainArea .spotlightSection h2{margin: 0;}
.content .mainArea .spotlightSection .spotlight2{padding-left: 15px;}
.content .mainArea .spotlightSection img{ float: left; padding: 0 3px 20px 0;}
.content .mainArea .sp3{position: absolute; bottom: 10px; right: 10px;}

/*Legal Page*/
.content .contentScroll{width: 850px;height: 495px;overflow-y: scroll;overflow-x: hidden; font-size: 11px;}
.content .contentScroll .legalContent{ width: 810px; padding: 10px 20px 10px 10px;}
.content .contentScroll .legalContent h1{margin-top: 45px; border-bottom: solid 4px #9f9fa0;}
.content .contentScroll .legalContent ul{margin: 10px 0; padding-left: 15px;}
.content .contentScroll .legalContent li{list-style-image: url(../Images/greyArrow.gif);  color: #b20838; padding:3px 0; font-size: 12px;}
.content .contentScroll .legalContent li a{color: #b20838;}
.content .contentScroll .legalContent h2{font-weight: normal; color: #5a5758; font-size: 13px; margin: 15px 0; width: 100%;}
#legal.content{margin-bottom: 0; padding-bottom: 10px;}
#legal .goRight{text-align: right; font-size: 11px; line-height: 14px;}

/*Template Page*/
.content .twoColumnContentBlock{float: left; width: 263px; float: left; padding: 10px 25px 25px; line-height: 16px; font-size: 11px; position: relative;}
.content .twoColumnContentBlock.greyBorder{margin-top:15px}
.content .twoColumnContentBlock h3{margin-bottom:6px}
.content .imageContentBlock{float: left; margin: 25px 0 0 25px; width: 320px; height: 240px; background: url(../Images/imageBlockBg.gif) no-repeat; padding: 7px 9px 5px 6px;}

/*Callout Popup*/
.productPopUp {
	font-family: Arial;
	border: none;
	width: 136px;
	height: 106px;
	padding: 15px 10px;
	background: url(../Images/popUpBg.png) no-repeat;
	text-align: left; 
	font-size: 11px; 
	color: #fff;
	position: absolute;
	top: 20px;
	left: 0;
	display: none;
	line-height: 14px;
}

.productPopUp a{color: #fff; height: 30px; overflow: hidden;}
.mask {height: 112px; overflow: hidden;}

/*Level 2 Product Detail*/
.printEmailControls{text-align: right; font-size: 10px; }
.printEmailControls a{color: #b7b8b8;font-size:11px;font-weight:bold}
.printEmailControls a.print{background: url(../Images/print.gif) no-repeat right 1px; padding-right: 15px; margin-right: 5px;}
.printEmailControls a.print:hover{color: #106470; background-position: right -12px;}
.printEmailControls a.email{background: url(../Images/email.gif) no-repeat right 1px; padding-right: 15px;}
.printEmailControls a.email:hover{color: #106470; background-position: right -12px;}
.productDetail .detailImage{float: left;margin-left:2px}
.productDetail .detailDescription{width: 305px; height: 225px; color:#000;line-height: 18px; float:right; padding-top: 15px; position: relative; overflow: hidden;}
.productDetail .detailThumbs{width: 281px; height: 54px; padding: 12px; background: url(../Images/thumbsBg.gif) no-repeat 0 0; bottom: 0; position: absolute; font-size: 12px; font-weight: bold; color: #000000;}
.productDetail .detailThumbs .thumbs{width: 16px; height: 16px; margin: 10px 7px 0 0; padding: 2px; float: left; border: 1px solid #e7e7e7;}
.productDetail .detailThumbs .thumbs .selected {border: 1px solid green;}
.productDetail .detailImageControls{width: 280px; float: left; margin-top: 5px; text-align: right; color: #000; font-weight: bold; font-size: 12px;}
.productDetail .detailImageControls img{vertical-align: middle;}
.productDetail .detailDocumentsHeader{width: 655px; height: 23px; margin-top: 15px; padding: 10px 0 0 5px; }
.productDetail .detailDocuments h3{font-weight: bold; font-size: 14px; color: #000;}
.productDetail .detailDocuments{height: 97px; width:659px; padding: 16px 0 0 18px; background: #fff url(../Images/detailDocuments.png) no-repeat;}
.productDetail .detailDocuments .detailDocumentLink{width: 119px; height: 45px; padding: 20px 15px 10px; float: left; line-height: 14px; }
.productDetail .detailDocuments .detailDocumentLink img{margin-left:-15px}
.productDetail .detailDocuments .detailDocumentLink a{color: #106470; font-size: 12px; font-weight: bold;  background: url(../Images/linkArrow.gif) no-repeat right;}
.productDetail .detailDocuments .detailDocumentLink a:hover{color:#106470;}
.detailDescription h3{font-size: 18px; font-weight: normal; color: #000; margin: 0; padding: 0;}

.last{border-right: 0 !important;}
.topContent, .bottomContent {width: 634px; padding: 25px; font-size: 11px; line-height: 16px; display:block; clear:both;}
.bottomContent{padding-top: 25px;}
.topContent img{padding-bottom: 10px;}
.bottomContent h3{color: #4a4a4c;}
.bottomContent .cnctTable td{padding-bottom: 15px; color: #818181; padding-right: 15px;}



.content .contentBlock{width: 292px; float: left; padding: 0 25px 0;  position: relative;}
.collectionDescription{width: 660px; margin: 0 0 10px 25px; line-height: 16px; font-size: 11px;}
.familyDescription{width: 625px; line-height: 16px; font-size: 11px;}
.featuredFamily{width: 667px; margin: 0 0 10px 15px;}
.prodNav{float: right; padding-bottom: 10px;}
.prodNav a{padding-left: 10px; float: right; text-decoration: underline;font-size:13px;font-weight:bold}
.prodNav a:hover{text-decoration: none;}

.sf_pager a{color: #B20838; text-decoration: none;}
.sf_pager a:hover{color: #666; text-decoration:underline;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickboxP <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickboxP specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
  z-index: 9999 !important;
  height: 700px !important;
  position: absolute !important;
  margin-top: 0 !important;
  top: 20px !important;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickboxP settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:0;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}




/*REGISTRATION PAGE*/
.rgst td{padding: 0 5px 5px 0}

.rgst .cbl td{padding-top: 2px;}
.rgst .textbox input{height: 15px; border-collapse: collapse;border: 1px solid #eaebeb;background: url(../Images/textBox-bg.gif) repeat-x;font-size: 10px;padding: 2px; margin: 5px 0; }
.rgst .textbox{width: 140px; height: 15px; border-collapse: collapse;border: 1px solid #ccc;background: url(../Images/textBox-bg.gif) repeat-x;font-size: 10px;padding: 2px; margin: 5px 0; }
.rgst .twoCol .textbox{width: 296px; height: 15px; border-collapse: collapse;border: 1px solid #ccc;background: url(../Images/textBox-bg.gif) repeat-x;font-size: 10px;padding: 2px; margin: 5px 0; }
.rgst .textboxNoBG{color: #818181; width: 140px; height: 15px; border-collapse: collapse;border: 1px solid #ccc;font-size: 10px;padding: 2px; margin: 5px 0; }
.rgst .sideLogin .textbox{background: #fff;}
.rgst .check input{margin-right: 3px;}
.rgst .check label{padding: 0 5px;}
.pressPage{line-height: 16px;}
td.sideLogin{background: url(../Images/sideLoginBg.gif) no-repeat 0 0; padding: 10px 10px 0 30px;}

/*RESOURCE CENTER */
.techDocsSearch{font-size: 11px; line-height: 16px; margin-left: 25px}
.techDocsSearch h2{margin-bottom: 10px; width: 100%}
.techDocsSearch h3{font-size: 16px; font-weight: normal; padding-bottom: 10px; display: inline;}
.techDocsSearch h4{font-size: 11px; color: rgb(74, 74, 76); font-weight: bold; margin: 5px 0;}
.techDocsSearch .redHdr{color: #9c3022}

.techDocsSearchResults{font-size: 11px; line-height: 16px; clear: both; margin-left: 25px}
.techDocsSearchResults h2{margin-bottom: 10px; width: 100%}
.techDocsSearchResults h3{font-size: 16px; font-weight: normal; padding-bottom: 10px; display: inline;}
.techDocsSearchResults h4{font-size: 11px; color: rgb(74, 74, 76); font-weight: bold; margin: 5px 0;}
.techDocsSearchResults tr.documentSearchResult a { color: #9c3022; }
.techDocsSearchResults tr.documentSearchResult td { padding: 10px 2px; vertical-align: middle; background-color: #F6F6F6; }
.techDocsSearchResults tr.documentSearchResultAlt a { color: #9c3022; }
.techDocsSearchResults tr.documentSearchResultAlt td { padding: 10px 2px; vertical-align: middle; background-color: #E5E5E5; }
.techDocsSearchResults tr.pagination td { padding: 10px 2px;}
.techDocsSearchResults tr.pagination a { color: #9c3022; }
.techDocsSearchResults tr.noSearchResults td { padding: 10px 2px; }



input.textBx {height: 15px;border-collapse: collapse; border: 1px solid #ccc;background: url(../Images/textBox-bg.gif) repeat-x;color: #b9bbbd;font-size: 10px;padding: 2px;width: 165px; margin-right: 2px;}
.checkBox{padding-top: 5px;}
.checkBox input{margin-right: 3px; vertical-align: middle;}


.lbLogin {
background:url("../Images/lbBg.png") no-repeat scroll center top transparent;
color:#58585A;
margin:0;
padding:44px;
}


.RadMenu_BottomNav{width: 138px; }
* html .RadMenu_BottomNav{padding-right: 40px;}
.RadMenu_BottomNav {white-space: normal !important;}
.RadMenu_BottomNav li{display: block; float: none !important;}
.RadMenu_BottomNav a{cursor: pointer !important}
RadMenu a.rmLink{cursor: pointer !important}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-top:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/

.cboxIE #cboxTopLeft{background:transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
RadMenu_BottomNav .RadMenu .rmItem{padding-bottom: 10px;}

.RadMenu a.rmLink {margin-bottom: 10px;}
    .topNav .RadMenu a.rmLink{margin-bottom:0}

.content .googleMapsSection .rpRootGroup{ line-height: 16px;}

.rpSlide .rpGroup {width: 90% !important}

/*Clear Floats*/
.group:after, .popUp:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*addthis styles*/
/* AddThis Vertical Hover Menu */

.addthis_toolbox{float:right}

.addthis_toolbox .custom_hover {
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button {
    font-weight: bold;

    cursor: pointer;
}

.addthis_toolbox .custom_hover .custom_button.active {
    background-color: #eee;
}

.addthis_toolbox .hover_menu  {
    display: none;
    position: absolute;
    background: #fff;
    z-index:9999
}

.addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 5px 0 0;   
    -moz-border-radius-topleft: 0;
    
}
.addthis_toolbox .hover_menu  {
    width: 136px;
    padding: 1px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_menu a {    
    position: relative;
    display: block;
    width: 102px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color: #00bff3;
}

.addthis_toolbox .hover_menu a:hover {    
    background: #f5f5f5;
    color: #027999;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .hover_menu .more a {
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .hover_menu .more a:hover {
    background: none;
}
.addthis_toolbox .hover_menu .more span {
    display: none;
}

/*New Products Left Nav*/

.RadPanelBar .rpRootGroup {
    border-style:solid;
    border-width:1px;
}

.RadPanelBar .rpItem {
    display:block;
    float:none;
    overflow:hidden;
    position:static;
}

.RadPanelBar .rpRootGroup, .RadPanelBar .rpGroup, .RadPanelBar .rpItem {
    list-style:none outside none;
    margin:0;
    padding:0;
}

.leftArea .RadPanelBar .rpLink {
    background-repeat:repeat-x;
    border-bottom-style:solid;
    border-bottom-width:1px;
    cursor:pointer;
    overflow:hidden;
    text-decoration:none;
}

.RadPanelBar .rpLink, .RadPanelBar .rpOut, .RadPanelBar .rpText {
    display:block;
}

.RadPanelBar .rpGroup .rpLink, .RadPanelBar .rpGroup .rpTemplate {
    background-color:transparent;
    border-bottom:0 none;
    font-size:12px;
    line-height:22px;
}


td .privacy a{color: #9c3002;float:right;margin-bottom:5px}
.sideLogin a{color:#9c3002;}
td .privacy a:hover, .sideLogin a:hover{text-decoration:underline}
.searchResultsSection{min-height:250px}

.topNav .RadPanelBar_SideNav{display:none}

.sideLogin div{width:200px}

/*SPANISH STYLES*/

.es .topSublinks{width: 335px}
.es .head {padding-right:40px;width:968px}
.es .head .goLeft{padding-left:40px;}
.es .footer .linkGroup{max-width:150px;padding-right:30px}
.sitemapLinks{width:530px}
.es .sitemapLinks{width:580px;}
.footerCopyright{width:300px}
.es .footerCopyright{width:250px}
.es .topNav{width:730px}
.searchResultsSection ul, .searchResultsSection li{border: none !important}
.searchResultsSection .RadPanelBar{margin-bottom:20px;float:left;margin-right:80px}
.searchResultsSection .RadPanelBar a{color:#9c3002}
.searchResultsSection .RadPanelBar .rpSlide ul li span.rpText {padding-left: 0 !important}
.searchResultsSection .rpExpandable{font-weight:bold;color:#000 !important}
.iFrm{line-height:16px}
.iFrm a{color:#9c3002 !important}
.es .btnSignUp{background-image:url(../Images/submit-es-home.gif)}
.topSearch .stag{text-transform:uppercase}
.es .footer .pfNews {padding-left:15px}
