body{
background:#B4B4B4 url(../../images/header/Background.jpg) no-repeat 50% 0;
font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #666666;
line-height: 130%;
margin:0px;
min-height:100%;
padding:0px;
width:100%
}
#border
{
border: 0px ;
width: 1000px;
background:url('../../images/header/shadow.png') repeat-y !important;
background: #ffffff;
margin: 0 auto;
}	
div#container{left:0px; margin:0px auto; padding:0px; text-align:left; top:0px; voice-family:inherit; width:980px;}
#header{
margin-top: 0px;
height: 120px;
}
#topbanner img{padding: 0 0; margin: 0 0; border: 0;display:block;}
#topbannerimg{padding: 0 0; margin: 0 0; border: 0;}
#logo 
{
float: left;
width: 620px;
background: #000000 url(../../images/header/logoBG.gif) repeat-x;
height: 120px;
}
#logo .SSlogo{padding: 34px 0 0 60px; border: 0;}
#header h1, #header p{display: none;}

#languageButtons {float: left; width: 360px; height: 100%; padding: 0px 0 0 0px; font-size: 12px; color: #000000; background: #fff100 url(../../images/header/blackYellowblend.gif) no-repeat 0 0;}
.languageGroup{padding: 6px 10px 20px 200px;}
#languageButtons a {color: #000000; text-decoration: none; font-weight: bold;}

#topBar{height: 16px; font-size: 10px; color: #777777; background: #000000;}
#languageSelect{float: right; padding-right: 40px;}
#languageSelect a{color: #000000; text-decoration: none; font-weight: bold;}
#loginStatus{float: right; padding-right: 30px;}
#loginStatus a{color: #000000; text-decoration: none; font-weight: bold;}
* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -58px; 
} 

.footer, .push { 
    height: 58px; 
}
.push{height: 180px; background-color: #ffffff;}
.footer{background: #ffffff;}
.footer p{padding: 44px 0 0 16px; font-size: 10px;}
.footerfinal{background: url('../../images/header/Footer.gif') no-repeat; width: 1000px; height: 25px;margin: 0 auto;}
.clear{clear: both;}
.image{border: 0;}
.shadowed { 
  float:left;
  background: url(../../images/drop-shadow.png) no-repeat bottom right !important;
  background: url(../../images/drop-shadow.gif) no-repeat bottom right;
  margin: 10px 10px 0 10px !important;
  margin: 10px 10px 0 5px;
  }

.shadowed img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
#content{background: #ffffff; height: 100%; margin-top: 20px;}

#content h1{font-size: 16px; font-weight: bold; margin: 20px 0 10px 0;}
#content h2{font-size: 15px; font-weight: bold; margin: 20px 0 20px 0;}
#content h4{font-size: 14px; font-weight: bold; margin: 20px 0 20px 0;}
#content h5{font-size: 13px; font-weight: bold; margin: 20px 0 20px 0;}
#content h6{font-size: 12px;  margin: 16px 4px 4px 4px; padding: 0 0 0 0;}
#content ul{padding-top: 4px; margin-top: 0;list-style: squares inside; font-size: 10px; margin-left: 10px; padding-left: 10px;}

#content p{font: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}

#content h2, #content h4, #content h6, #content p{}

.highlighttext{color:#00601C; font-family: Verdana, Arial, Sans-Serif;}

#content #BrakeServiceSpray{text-transform: uppercase; color: #000; font-family: Verdana, Arial, Helvetica, Sans-Serif;}
#content .subTitle{}
/* home central*/

#HomeCentral{margin-left: 10px; margin-right: 10px; margin-bottom: 20px;}

.BubbleBox{Margin-left: 10px; width: 343px; background: url(../../images/BubbleBGx.gif) 0 0 no-repeat;}

div#HomeCentral h3{font-family: Arial, Sans-Serif;}
#hcLeft{float: left; width: 370px;}

#hcRight{float: left; width: 370px;}

#hcLeft h3, #hcRight h3, #hcLeft p, #hcRight p {padding-left: 30px;}

#hcLeft h3, #hcRight h3 {font-size: 15px; letter-spacing: -0.5px; color: #333333; padding-top: 0px; margin-top: 8px; margin-bottom: 2px; padding-bottom: 0;}
#hcLeft p, #hcRight p {margin-top: 0; margin-bottom: 20px; padding-top: 0; padding-bottom: 0; color: #666666; font-size: 11px; line-height: 14px;}

#hc1, #hc2, #hc3{float: left; width: 240px; padding: 0 40px 0 40px;}
#hc1 h3, #hc2 h3, #hc3 h3 {font-size: 14px; letter-spacing: .02em; padding: 0 5px 5px 5px;}
#hc1 p, #hc2 p, #hc3 p {font-size: 11px; letter-spacing: .02em; padding: 0 5px 0 5px;}


#FeatureSection{margin-top:0px; margin-left: 20px;}
    .featureBox{}
    #homeleftcol{margin-left: 50px; padding-left: 0; _margin-left: 25px; }
    #homecentercol{margin-left: 10px; _margin-left: 10px; padding-right:0px;}
    #homerightcol{margin-left: 10px; _margin-left: 10px;}
    .featurecol{float: left; width: 290; background: #fff;}
    .featurecol img{clear: both;}
    
 #HomeSection .featurecol h4{background: #fff54c; padding: 4px 4px; margin: 3px 0px; text-transform:none; text-align: left; 
                             color: #000000;}
 #HomeSection .featurecol p{clear: both; margin: 4px 4px 8px 4px; padding: 0;}
    
    .featureBox{height: 260px; width: 290px;}
.featureBoxcontent{border: solid 2px #F0F0F0; height: 200px;}

 .productdisplay{}
 .productdisplay h2{margin: 20px 0 14px 0; padding: 0 0 0 0; font-size: 18px;}

 .table{}
 .productTable{margin: 20px 0 0 20px;}
 
 .itemRow td{border-top: 1px dashed #CCCCCC;}
 .compoundCell{width: 170px; vertical-align:top; padding: 0 30px 0 0;}
 .compoundCell h4{margin: 0 0 0 0; padding: 4px 4px; height: 100%; height: 30px;}
 
 .compoundCell h4#Orig{background: #000000; color: #FFFFFF;}
 .compoundCell h4#Gree{background: #205F57; color: #FFFFFF;}
 .compoundCell h4#Yell{background: #FFFF00; color: #000000;}
 .compoundCell h4#Blue{background: #0066FF; color: #000000;}
 .compoundCell h4#Grey{background: #CCCCCC; color: #000000;}
 .productCol{width: 160px; border-left: 1px solid #CCCCCC; padding: 0 10px 0 0; vertical-align: top;}
 .productCol h3, .compoundCol h3{margin: 0 0 0 0; padding: 4px 4px; font-size: 12px;}
 .productCol p{margin: 2px 4px; padding: 0 0; font-size: 11px;}
 .productname, .compoundHeading{border: 0 0 0 0px; background: #666666; color: #FFFFFF;}
 
 ul.compatibilitylist{padding-top: 4px; margin-top: 0;list-style-type: square; font-size: 10px;}
 
 .compoundCell2{width: 170px; vertical-align:top; padding: 0 16px 0 0;}
 .compoundCell2 h4{margin: 0 0 0 0; padding: 4px 4px; height: 100%; height: 50px; background: #ffffff url(../../images/compoundshape.png) 0 37px no-repeat; _background: #ffffff url(../../images/compoundshape.gif) 0 37px no-repeat;}
 
 .compoundCell2 h4#Orig{background-color: #000000; color: #FFFFFF; margin: 0px 0 8px 0;}
 .compoundCell2 h4#Gree{background-color: #205F57; color: #FFFFFF; margin: 0px 0 8px 0;}
 .compoundCell2 h4#Yell{background-color: #FFFF00; color: #000000; margin: 0px 0 8px 0;}
  .compoundCell2 h4#GHP2{background-color: #15333A; color: #ffffff; margin: 0px 0 8px 0;}
 .compoundCell2 h4#Blue{background-color: #0066FF; color: #000000; margin: 0px 0 8px 0;}
 .compoundCell2 h4#Grey{background-color: #CCCCCC; color: #000000; margin: 0px 0 8px 0;}
 .productCol2{width: 170px; padding: 0 0px 0 0; vertical-align: top;}
 .productCol2 h3, .compoundCol2 h3{margin: 0 0 0 0; padding: 4px 4px; font-size: 12px;}
 .productCol2 p{margin: 2px 4px; padding: 0 0; font-size: 11px;}

.itemRow2 td{border-top: dashed 1px #CCCCCC;}
td.productCol2{border-top: none;}
p.compat{margin: 0 0 0 0px; padding: 0 0 10px 30px;}

.productCell2{border-left: solid 1px #CCCCCC; padding: 0 0 0 20px;}

/* style the size, background color, border and margin of the submenu links */
.FeatureSection a {
float:left;
width:144px;
height:96px;
border: 0px;
}
/* style position of the links on hover */
#FeatureSectionXX a:hover {
position:relative;
}
/* keep the large image hidden with a position absolute to take it out of the page flow */

#FeatureSectionXX a img.bigger {visibility:hidden; position:absolute; z-index:0;}

/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
#FeatureSectionXX a:hover img {
width:360px; height:240px;
position:absolute;
left:-180px; top:-38px;
border:0;
padding:5px;
background:#ccc;

}
#FeatureSectionXX a:hover img.bigger{visibility: visible; position:absolute; 
width:360px; 
height:240px; 
z-index:200;}

.midBanner{margin: 16px 0 16px 0;}

#MainSectionXX h2{margin: 0 0 0 0; padding: 0 0 0 0; font-size: 14px;}
#MainSection{margin: 0px 0px;}
/* #MainSection img.midBanner{margin: 0 0 0 0; padding: 0 0 0 0;} */

.pageColumnOneThird{float: left; width: 256px; padding: 0 0 0 40px;}
.pageColumnTwoThirds{float:left; width: 514px;}
ul.standardUL{padding-top: 4px; margin-top: 0;list-style-type: square; font-size: 10px;}
.standardUL li{padding-top: 2px;}

ul.niceUL{}
.niceUL li{font-size: 12px; list-style-image: url(../../images/bullets/GreenArrow.gif); margin: 4px 0;}
#discdisplay{margin-left: 100px;}

.subCol1{float: left; width: 237px; margin: 20px 0 0 20px; _margin: 20px 0 0 13px;}

span.rimtype{font-size: 12px; font-weight: bold; font-variant: small-caps;}
#compoundTable{width: 600px; float: left; margin: 20px 0 40px 120px;}
#compoundTable th{}
.compoundCol{padding: 0 10px 0 0;}
#compoundTable .tableheading{font-size: 14px;}
#compoundTable #rimtype{width: 160px;}
#compoundTable #compound{width: 160px;}
#compoundTable #description{width: 280px;}
#compoundTable td{border-top: dashed 1px #cccccc;}
#compoundTable td.compoundIdentity{text-align: center; vertical-align: middle;}
#compoundTable .compoundlogo{margin: 12px 0 2px 0;}
#compoundTable h4{font-size: 12px; margin: 2px 0 12px 0; padding: 0 0;}
#compoundTable p {margin: 4px 0; padding: 0 0;}

/* Section Master Styles */

/* InfoLayout Master Styles */
.infoColumn1{float: left; width: 500px; margin-top: 20px; padding-left: 0px;}
.infoColumn2{float: left; width: 440px; padding-left: 0px; padding-top: 40px;}
.fullColumn{float: left; padding-left: 0px;}
.infoColumn1, .infoColumn2, .fullColumn{margin: 0 0px 0 0px;}

.textCol{padding: 0px 40px 0 40px;}
/* Tech Center */

#subColTechPartners .image{margin: 0 10px 0 0;}
/* Distribution Section Styles */

.header {cursor: hand; cursor:pointer;background-color:#cccccc; padding-left: 10px;}
.details {display:none; visibility:hidden; padding-left: 40px;}
.newsdetailsnotvisible{display:none; visibility:hidden;}
.newsdetailsvisible{display:block; visibility:visible;}
.distcontainer{width: 220px; height: 240px;}


.ClickableheaderFloat{cursor: hand; cursor: pointer; background-color: #DADADA; float: left; margin: 4px 4px 4px 4px; padding: 2px;}
.headerFloat{background-color: #DADADA; float: left; margin: 4px 4px 4px 4px; padding: 2px;}

.distaddress{margin: 0 0 0 0; padding: 0 0 0 0;}

.gridDist td{vertical-align:top; padding: 0 0px 10px 40px;}
.gridDist img.flag{padding-right: 5px;}
.distcontainer h5, td.distcontainer h6{margin: 0 0 0 0; padding: 0 0 0 0;}



/* News Section items */
.newsTable{margin: 30px 0 0 0; padding: 0 0 0 0; width: 100%;}
.newsTable td{background-color: Blue;}
.newsPhotoCol{}
.newsItemcolumn{vertical-align:top;}
.languageSelectCol{width: 120px; text-align: center;}
.green{background-color: #B2E599; float:left;}

tr.newsRow td{margin-top: 0px;}
#content .news .newsTable h5{font-size: 12px; margin: 0 0 4px 0; padding: 0 0 0 0;}
.news p{margin: 2px 0 2px 0; padding: 0 0 0 0;}
#content .news p.newsdate{margin: 0 0 0 0px; padding: 0 0 0 0px; font-size: 10px;}
.newsItemTable{width: 100%;}
.newsColumn{width: 75%;}

/* new items for CSS layout*/
.newsblock{margin-top: 50px;}
#content .news h5{font-size: 15px; margin: 0 0 10px 0px; padding: 0 0 0 0;}
.floatDescription{float: left; padding: 5px 0 0 0; color: #999;}

.newsTitle{float: left;}
.newsLanguageSelector{float: right;}
.newsItemTextx p{width: 400px; margin-bottom: 20px;}
.newItemContentCol{width: 360px; float: left;}
.newsItemTextCol{}
.newsItemphotoCol{width: 300px; float: right; margin-left:10px; margin-top: 20px;}
/* Recent News*/

#content .featurecol .featurebox h6{font-size: 13px;  margin: 16px 4px 4px 4px; padding: 0 0 0 0;}
#RecentNews p{font-size: 11px; line-height: 13px; margin: 0px 0 0px 0; padding: 0px 0px 0px 0;}

/* Events Section Items */
.eventTable{width: 700px;}
h5.tableHead{background: #686868; color: #ffffff; padding: 4px 4px;}
p.importantData{font-weight: bold;}

.itemrow{padding-top: 10px;}
.EventTitle{width: 200px;}
.eventTable td{vertical-align: top;}
.editImages{height: 120px; overflow-y: scroll;}
.imageInEdit{float: left;}
p.tableData{font-size: 11px;}

.rptPhoto{width: 150px; height: 160px; float:left; font-size:12px; color:#666666; padding-left: 10px;}

/* Production Section */

#productionPhotos{margin: 76px 0 0 40px;}
.productionImage{float: left; margin: 0 20px 10px 0px;}

/* RnD Section*/

#RnDphotos{margin: 20px 0 20px 20px; _margin: 20px 0 20px 10px;}
.rndImage{float: left; margin: 0 15px 20px 15px;}

/* Contact Form */
.required{font-weight: bold;}
.contactTableTitle {width: 80px;}

/* Links */
a.highlightlink:link{font-weight: bold; color: #00601C; text-decoration: none; padding-left: 18px; padding-top: 2px; background: url(../../images/bullets/GreenArrow.gif) no-repeat 0 3px;}
a.highlightlink:visited{font-weight: bold; color: #00601C; text-decoration: none; padding-left: 18px; padding-top: 2px; background: url(../../images/bullets/GreenArrow.gif) no-repeat 0 3px;}
a.highlightlink:hover{font-weight: bold; color: #00601C; text-decoration: underline; padding-left: 18px; padding-top: 2px; background: url(../../images/bullets/GreenArrow.gif) no-repeat 0 3px;}


a.bulletLink:link{color: #00601C; text-decoration: none; padding-left: 6px; padding-top: 2px;}
a.bulletLink:visited{color: #336600; text-decoration: none; padding-left: 6px; padding-top: 2px;}
a.bulletLink:hover{color: #336600; text-decoration: underline; padding-left: 6px; padding-top: 2px;}

a.quoteLink:link{color: #888888; text-decoration: none; padding-left: 6px; padding-top: 2px;}
a.quoteLink:visited{color: #888888; text-decoration: none; padding-left: 6px; padding-top: 2px;}
a.quoteLink:hover{color: #999999; text-decoration: none; padding-left: 6px; padding-top: 2px;}

a.arrowlink:link{font-weight: normal; color: #888888; text-decoration: underline; padding-left: 15px; padding-top: 0px; background: url(../../images/bullets/GreyArrow.gif) no-repeat 0 3px;}
a.arrowlink:visited{font-weight: normal; color: #888888; text-decoration: none; padding-left: 15px; padding-top: 0px; background: url(../../images/bullets/GreyArrow.gif) no-repeat 0 3px;}
a.arrowlink:hover{font-weight: normal; color: #888888; text-decoration: none; padding-left: 15px; padding-top: 0px; background: url(../../images/bullets/GreyArrow.gif) no-repeat 0 3px;}

#homeSpecialBanner{padding-left: 10px;}

/* dealer dowload */

.cleanUL{list-style-type: none;}
.cleanUL li{font-size: 12px;}
.dlwIcon{margin-left: 20px;}

.dlIcon{margin-top: 20px;}

/* reviews section */

.reviewpublicationname {color: #00601C; font-weight: bold;}
.reviewtextbox{float:left; width: 460px; vertical-align: text-top;}
.reviewtextbox p{margin: 0 30px; padding: 0 0;}
.reviewtext{padding: 0 0 0 20px;}
.reviewdetails, .reviewimagebox {margin-left: 40px;}
.reviewimagebox{vertical-align: text-top; float:left;}
.reviewimage{}
.reviewbox{padding-right: 0px; margin-top:40px; margin-bottom: 40px;}

/* login and membership */
.loginBox{height:180px;}
.loginTextBox {width: 200px;}

/* Silencer Page */
#SilencerContent h5{color: #222;}
.SrespA{width: 140px; float: left;}
.SrespB{width: 540px; float: left;}
.strongUL{list-style-type: square;}
.strongUL li{font-size: 12px;}
.padprepimages{float: left; width: 160px; padding: 20px 20px 0 0px; margin-bottom: 40px;}
.prepNumber{font-size: 20px; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-weight: bold; color: #333; padding: 0 6px 0 0;}
.padPrepPara{margin-top: 10px;}

.fakeLink{cursor: default;}
.normalLink{cursor: pointer;}

/* Distributor Area */
#dlimagetable {width: 100%;}
#dlimagetable .dlimagetd{text-align: center; width: 260px;}
#dlimagetable td{border-bottom: dotted 1px #888; padding: 20px 0 20px 0;}

/* OE Page */

.oemcell{width: 200px; padding: 0 60px 40px 60px;}
.oemcell p.oemtitle{text-align: center; font-size: 14px; font-weight: bold; padding: 14px 0 0 0;}
.oemcell p.oemLink{text-align:center;}