/* Global Styles */ 
html,body,img,h1,h2,h3,h4,h5,h6,ul,li,p,dl,dd,dt,span {margin:0; padding: 0; border: none; font-size: 100%;}
body{padding: 30px 0 60px 0; color: #fff; font-family: Arial, Helvetica, Serif; background: #eeeeee url(../images/bg.jpg) no-repeat top center; }
.siteEntry {background:url(../Images/landing-bg.jpg) no-repeat top center #FFFFFF;}
a{text-decoration: none; color: #fff;}
h3 {font: bold 14px arial; color:#000; display: block; padding: 15px 0 0 0;}
h4 {font: bold 12px arial; color:#000; display: block; padding: 15px 0 0 0;}
h5 {font: bold 12px arial; color:#000; display: block; padding: 15px 0 0 0;}
.mainContent h4{border-bottom: 2px solid #999; padding-bottom: 5px;}
.wrap{position: relative; margin: 0 auto; width: 1000px; border: 1px solid #ccc; overflow: hidden;}
.logo img{display: block;}
.searchArea{float: right;position: relative; z-index: 100}
    .searchArea a{padding-top: 2px; display: block; float: left; margin-right: 10px;}
.contentArea{min-height: 500px;}
    .contentArea a{color: #333 !important;}
    * html .contentArea{height: 500px}
.footer{background: #9f9f9f; padding: 8px;  line-height: 11px; height: 50px; clear: both;}
    .footer h2{float: right; font-size: 16px; font-weight: normal; line-height: 48px; }
    .footer ul{list-style-type:none; border-left: 1px solid #fff; padding-left: 3px; margin-right: 30px; float: left; line-height: 11px; }
    .footer li{list-style-type:none; padding-bottom: 2px;}
    .footer li a{color: #fff; font-size: 11px;}
.content{z-index: 99; position: relative; width: 1000px;}
.contactFooter{text-align: right; font-size: 11px; margin: 15px auto; width: 1000px;color:#333;}
.web-advanced {width:1000px;height:15px;margin:0 auto;}
.web-advanced a {font-size:11px;float:right;color:#9f9f9f;}
.clear{clear: both; height: 0px; margin: -1px 0 0 0; line-height: 0.1em;}
.dynamic{min-height:500px;}
    * html .dynamic{height: 500px;}

/* Homepage */
#bgImage{position: absolute; margin: 0 auto; z-index: -1; width: 1000px; background: url(../images/bg-homepage.jpg) no-repeat;top:0;}
    #bgImage img{position: absolute; z-index: 1;}
.spotlights{background: #fff; padding: 15px 20px; overflow: auto;}
    * html .spotlights {height: 125px;}
    .spotlights li{display: block; float: left; width: 305px; margin-right: 15px; height: 105px; color: #9e9e9e; font-size: 10px; overflow: hidden;}
    .spotlights li a{color: #333;text-decoration:underline;}
    .spotlights li a:hover{text-decoration:none;}
    .spotlights li img{float: left; padding-right: 15px}
    .spotlights li h2{font-size: 11px; font-weight: bold; margin-bottom: 3px; color: #999}

/* Top Navigation */
.navStrip{height: 19px; padding: 5px 15px 4px 15px; background: url(../Images/navBg.png) repeat; font-size: 13px; line-height: 14px;position:relative;z-index:14;overflow:visible}
ul.mainnav {position: relative; list-style-type: none; float: left; display: block;}
.mainnav li {width:auto !important;white-space:nowrap;float: left;list-style-type: none; float: left; display: inline; margin-right: 25px;}
.mainnav li a {display: inline-block; background: url(../Images/navLnk.png) no-repeat 0 0; padding: 1px 5px; cursor: pointer; font-weight: bold;}
.mainnav li a:hover {background-position: 0 -19px;}
.mainnav li .popOut {border: solid 2px #9e9e9e;font-weight: bold; z-index: 1000; display: none; white-space:normal; margin-top: 3px; padding-bottom:10px; position: absolute; top: 16px; left: -15px; background-color: #b2b2b2; width: 600px; height: 500px; margin: 0 auto;line-height: 14px; overflow: visible  }
.mainnav li .popOut {font-weight: bold; z-index: 1000; display: none; white-space:normal; margin-top: 3px; padding-bottom:10px; position: absolute; top: 16px; left: -15px; background-color: #b2b2b2; width: 600px; height: 500px; margin: 0 auto;line-height: 14px; overflow: visible  }
.mainnav li .popOut a {padding:0;background:none;color:#fff; height: auto; z-index: 9999; font-weight: normal; color: #eee; font-size: 11px}
.mainnav li .popOut a:hover {background:#d0d0d0;}
.mainnav li .popOut span{display: block; padding: 5px 0;}
.mainnav li .popOut div.columnHeader a{ font-size: 100%; line-height:14px; color: #FFFFFF; text-decoration: none; font-family:Arial,Helvetica,Serif; }
.mainnav a.secondaryattributes, .mainnav a.secondaryattributes2 { color: #D81921 !important; font-weight: bold; vertical-align: text-top; text-decoration: none; font-family:arial; }
.mainnav .attributeBox { border-bottom: solid 2px #9e9e9e; border-top: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; position: absolute; right: 0px; left: 460px; top: -2px; width: 230px; color: #FFFFFF; background:url(../Images/nav-divider-line.gif) left repeat-y;background-color: #b2b2b2;}
/*.mainnav li .popOut div.primaryattributes, .mainnav li .popOut div.primaryattributes2 {float: left; width:110px; padding: 0 10px 10px 0; display:none;}*/
.mainnav li .popOut div.attributes { padding: 5px 5px 0 5px; margin: 5px 0 0 5px;}
.mainnav li .popOut div.secondaryattributes {border-right: solid 2px #9e9e9e;border-bottom: solid 2px #9e9e9e;border-top: solid 2px #9e9e9e; border-left: 1px solid #d3d3d3; width: 180px; background-color: #b2b2b2; padding-left:10px; padding-top:10px; position: absolute; left: 150px; top: -2px;}
.mainnav li .popOut div.thirdattributes, .mainnav li .popOut div.thirdattributes2  { border: solid 2px #9e9e9e; width: 150px;background-color: #b2b2b2; padding-left:10px; padding-top:10px; position: absolute; left: 160px; top: -2px; border-left: 1px solid #d3d3d3;}
.mainnav li .popOut div.thirdattributes .columnHeader a, .mainnav li .popOut div.thirdattributes2 .columnHeader a { font-weight:bold;font-size:14px;}
.subMenu {margin:7px 0 0 5px;padding:0;list-style:none;}
    .subMenu li {display:block;float:left;}
        .subMenu li a {margin:0 0 0 15px;font-size:11px;color:#4D4D4D;text-decoration:none;}
        .subMenu li a:hover {color:#D81921;}
.popOut-column { float: left; width: 180px; padding-bottom: 10px; }

/* Product Repeater Page */
.products{background:#fff; padding: 20px;position: relative; color: #000; font-size: 12px;overflow:auto}
.cont .products{min-height: 450px;}
    * html .products{height: 450px;}
.topStrip{position:absolute;top:0;left:0;width:1000px;height:103px;z-index:-1;}
.prdImg{width: 500px; height:500px; float: left;}
.prds{float: left; width: 460px;}
.intro{padding: 0 20px; font-size: 12px; line-height: 18px; color: #000;}
    .intro h2{color: #b12f25; float: left; font: bold 30px arial,helvetica, sans-serif;}
    .intro h3{clear:both;float: left; font-style: italic; font-weight: normal; font-size:14px; font-family: georgia, times, serif; color: #666; padding-top: 0;margin-bottom:5px;}
    .intro a{color: #000; font-weight: bold; float: left; vertical-align:bottom; padding: 10px 10px; font-size: 10px;}
    .intro p{clear: both}
.prd{width: 125px; height: 120px; min-height: 120px; float: left; margin: 10px 6px 13px 20px; font-size: 10px; color: #000}
    * html .prd{height: 120px;}
    .prd .pht{height: 65px; display: block; padding-bottom: 5px;text-align: center}
    .prd span{display: block;}
    .prd img{padding-bottom: 14px;}
    .prd .name{text-transform:uppercase; font-style:oblique; font-weight: bold;}
    .prd .lnks{border-top: 1px solid #c1c1c1; margin-top: 3px; padding-top: 2px;}
    .prd .lnks a{color: #000; text-decoration:underline; float: left}
    .prd .lnks a.qV{float: right; cursor: pointer}
a.qvClose{cursor: pointer}
.paging{float: right; vertical-align: bottom;}

.dynamic a{color: #333 !important;}

/*Quick View*/
.quickView{width: 484px;padding: 15px; z-index: 10; position:absolute; top: -999px; left: 5px;border: 2px solid #ccc; background:#fff;-moz-box-shadow: 5px 5px 7px #ababab;-webkit-box-shadow: 5px 5px 7px #ababab;box-shadow:5px 5px 7px #ababab; color: #000; font-size: 12px;}
    .quickView th{border-bottom: 1px solid #ccc;}
    .quickView td{padding-top: 5px;}
    .quickView a{color: #333; font-size: 11px; font-weight: normal;}
        .quickView .atrs td{border-bottom: 1px solid #ccc; padding: 4px 0; width: 150px; line-height: 16px;}
            .quickView .atrs td img, .tabList li .color img{border: 1px solid #666; margin: 0 4px 0 0;}
            .quickView .atrs td.ser{font-weight: bold; font-size: 14px; text-transform: uppercase; color: #333}
            .quickView .atrs td span{float:none; text-align: left; display: block}
            .quickView .atrs td.icns img{border: 0;}
    .quickView span{float:right; font-style: oblique; color: #777; margin-top: 5px}
    .quickView .clr{border: 1px solid #666 !important;}

/* Product Details */
.catLanding{min-height:460px;}
    * html .catLanding{height: 460px;}
.prdIcons{width: 560px; height: 55px; left: 15px; bottom:5px; padding-bottom: 10px; font-size: 10px; color: #000; position: absolute; }
    .prdIcons div{float: left; margin-right: 20px; border-left: 1px solid #ccc; padding-left: 5px;max-width:270px;overflow:hidden;max-height:50px}
        .prdIcons div img{padding: 2px 3px;max-width:300px;max-height:50px;}
    .prdIcons .prdSpec{float: right;}
.largeImage{width: 550px; float: left; text-align: center; padding: 20px 0;}
    /*.largeImage img{width: 500px;}*/
.prdDetails{width: 380px; float: left;  padding-bottom: 10px;position:relative;}
    .prdDetails h2{color: #222; font-size: 18px; float: left;margin-bottom:5px}
    .prdDetails img.matIcon{float: left; margin-left: 20px;}
    .prdDetails span#matDesc{display: none;}
    .prdDetails p.desc{padding: 3px 0 3px 8px; margin: 15px 0; border-left: 1px solid #ccc; line-height: 16px; font-size: 11px;}
    .prdDetails .tabs{border-bottom: 1px solid #ccc;}
        .prdDetails .tabs a{display: inline-block; margin-right: 4px; color: #000; background: #fff; padding: 2px 3px; border: 1px solid #ccc; border-bottom: none; 
                            -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; outline: none; cursor: pointer}
            .prdDetails .tabs a.on, .prdDetails .tabs a:hover{background: #ccc; color: #fff;} 
            .prdDetails .tabs a.on{cursor: default}
    .prdDetails ul.tabList{position: relative; list-style-type: none; overflow: visible; min-height:340px}
        * html .prdDetails .tabList{height: 340px;}
        .prdDetails .tabList li{padding: 5px; position: absolute; top: 0; left:0; width: 100%;}
    .prdDetails .descIcons, .color{position: relative; }
    .prdDetails .descIcons{border-top: 1px solid #ccc; border-bottom:1px solid #ccc; padding-top: 5px;}
        .prdDetails .descIcons span, .color span, span#matDesc {position: absolute; top: -30px; left: 0; display: none; padding: 5px;  border: 1px solid #ccc; -moz-box-shadow: 3px 3px 3px #999; -webkit-box-shadow: 3px 3px 3px #999; font-size: 11px; z-index: 999; background: #fff}
        .color span{color: #000; top:-15px;}
        span#matDesc{top: -20px;}
.color{font-style: oblique; font-weight: bold; padding: 5px 5px 10px;border-bottom: 1px solid #ccc; }
    .color img{margin-top: 5px;border:solid 1px #9e9e9e}
    .color div{font-weight:normal;}
.lbl{font-style: italic;text-align:left}
.line{padding-left: 10px; border-left: 1px solid #ccc;}
.lines{text-align: center; border-right: 1px solid #ccc; border-left:1px solid #ccc;}
.reco{clear: both; padding-top: 5px;border-top:1px solid #ccc}

.Image1 img {height:440px;}
.Image2 img {width:440px;}

/* Content Page */
ul.sideNav{width: 175px; margin-right: 20px; float: left;}
ul.sideNav, .sideNav li{list-style-type:none;}
.sideNav li{font-size: 12px; border-bottom: 2px solid #9f9f9f; padding: 3px 0;}
    .sideNav li a{color: #999;}
    .sideNav li.on a{color: #000; font-weight: bold;}
        .sideNav li.on ul{border-left: 1px solid #b3b3b3; padding-left: 4px; margin: 10px 0;}
        .sideNav li.on li{border-bottom: none; padding: 0 0 5px 0;}
            .sideNav li.on li a{font-style:italic; font-weight:normal}
            .sideNav li.on li.selected a{font-weight: bold;}
.mainContent{width: 740px; font-size: 12px; color: #000; line-height: 18px; border-left: 2px solid #b3b3b3; padding: 0 10px; float: left; min-height: 550px;}
    * html .mainContent{height: 550px;}
.mainContent a{color: #000; text-decoration: underline;}
.mainContent h1{font-size: 22px; margin-bottom: 10px; color: #b5b5b5;}

/* Dealer Locator */
.map{padding-left: 195px;min-height:475px;}
    * html .map {height: 475px;}
    .mapImages{width: 580px; float: left;}
    .map .countryList{width:740px;overflow:auto;height: 40px;}
    .map .countryList a{cursor: pointer; font-weight: bold; display: block; float: left; font-size: 12px; height: 20px; line-height: 20px; text-align: center; width: 100px; background: #b2c6ca; color: #fff;margin-right:2px;}
    .map .countryList a.on, .map .countryList a:hover{background:#8dabb7}
    .map .countries li{display: none;}
    .map .factoryContact, .map .distributors{width: 170px;float:left; border: 1px solid #8dabb7; padding: 5px;}
    .map .factoryContact h2, .map .distributors h2{background: #8dabb7; padding: 2px; font: bold 13px arial; color: #fff; margin: -5px 0 5px -5px; width: 176px;}
    .map .factoryContact{}
    .map .distributors{border-top: none;}
    .map .intl .factoryContact, .map .intl .distributors{float: none;}
.products textarea{width: 500px;}

#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;}
#cboxOverlay{background:#333}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:transparent url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:transparent url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:transparent url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:transparent url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:transparent url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:transparent url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:transparent url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:transparent url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;padding-top:30px;}
        #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;}

.cboxIE #cboxTopLeft{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/borderMiddleRight.png, sizingMethod='scale');}

.downloadTable td{border-bottom: 2px solid #ccc;padding:10px 0;}

/*Sitemap*/
ul.sitemap{margin: 20px 0 0  25px;}
    .sitemap a{color: #000;text-decoration:underline}
    .sitemap a:hover{text-decoration: none;}
    .sitemap li{margin: 3px 0 3px 25px;}
    
.thankYou{width:520px; min-height:475px;}
    * html .thankYou{height: 475px;}
.thankYouLine{height:1px; line-height:1px; background:#ccc;display:block;margin:8px 0;}
.formPage .fields td{padding-right: 10px;}
.formPage .fields input{width: 100%;}

* html .products{overflow:visible}