﻿/* from MasterB */

body{

font:76%/135% Verdana, Geneva, Helvetica, sans-serif;
color: #333333;
line-height: 130%;
margin:0px;
padding:0px;
text-align: center;
}
body.road{background: #ffffff url(../../images/BG1.jpg) no-repeat 50% 0;}
body.mtb{background: #ffffff url(../../images/MTB_1.jpg) no-repeat 50% 0;}
body.cross{background: #ffffff url(../../images/Cross_1.jpg) no-repeat 50% 0;}
#bodybg{  background: url(../../images/bodyBG.png) repeat-x 0 0 transparent;}
#transboxH

    {width: 980px;
    height: 155px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	padding: 0 0 0px 0px;	
    background: url(../../images/headBG.png) repeat-x scroll 0 0 transparent;
    }
#transbox
  {width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	padding: 0 0 20px 0px;	
    background: url(../../images/black.png) repeat scroll 0 0 transparent;
  }
  
 #wrapper
 {
     width: 940px;
     
     margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;	
    
     }
    #content
    {
        background: #ffffff;
        padding: 0 0 20px 0;
        }
        
    #SwissStopLogo{padding: 10px 0 0 20px;}   
    #scbp{padding: 0 0 0 20px;}       
   p{padding: 0 0 0 0;
     margin: 0 0 0 0;
     } 
     #nav{width: 940px;margin: 42px 0 0 20px;
          }
     .clear{clear:both;}     
   img {border: 0 0 0 0;}
   
   #featureSection1{margin: 20px 0 0 0;}
 .feature1{width: 300px; height: 280px; background: url(../../images/featureBG1.png) no-repeat 0 30px; margin: 0 0 0 10px; float: left;}
 .feature2{width: 300px; height: 205px; background: url(../../images/featureBG2.png) no-repeat 0 0; margin: 0 0 0 10px; float: left;}
  
  .feature1 img{margin: 0 0 0 20px;}
  
  #content .featureSection h2{font-family: Tahoma, Geneva, sans-serif; font-weight: bold; margin: 20px 10px 6px 30px; line-height: 20px;}
  #content .featureSection h4{margin: 20px 0 0 30px;} 
  
  #content .featureSection h5{margin: 4px 30px 4px 30px; font-weight: normal; line-height: 130%; font-size: 100%; color: #666;}
  
  .feature2 p{margin: 14px 60px 10px 30px; color:#666;}
  
  img#FP3 {padding: 4px 0 6px 14px;}
  img#Silencer {padding: 4px 0 2px 60px;}
  img#Disc {padding: 8px 0 6px 10px} 
  #OEtext {width: 140px; float: left;}
  #OEtext p{margin: 14px 0 0 30px; color: #666;}
  #OElogos {width: 130px; float: left;}
  
  #compounds{margin: 30px 0 0 30px;}
  #compounds img{padding: 0 10px 0 0;}
  #OElogos{margin: 6px 0 0 30px;}
  #OElogos img{padding: 6px 0;}
  #teams{margin: 20px 0 0 30px;}
  #teams img{padding: 0 50px 0 0;}
  #lowerSection{padding: 0 0 20px 0;}
  .lsection{float: left;}
  #news{width: 313px;}
  #tech{width: 313px;}
  #media{width: 314px;}
  .lsection h3{background: #ffff33; border-top: solid 4px #666666; border-bottom: solid 4px #666666; padding: 8px 40px;}
  .lsection h5{padding: 10px 30px 2px 40px; font-size: 102%; margin: 0 0;}
  .lsection p{padding: 2px 30px 2px 40px; margin: 0 0;}
  p.readMore{ font-style:italic;}
  #footer{width: 940px;
     margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left; position: relative;}
	#footer p{margin: 0 0; padding: 0 0;}
	
	.reviewItem{margin: 0 0 6px 0}
/* end from MasterB*/

#content h1{font-size: 18px; font-weight: bold; margin: 20px 0 20px 0;}
#content h2{font-size: 18px; font-weight: bold; margin: 20px 0 20px 0;}
#content h4{font-size: 16px; font-weight: bold; margin: 20px 0 20px 0;}
#content h5{}
#content h6{}
#content ul{}

/* links */

.fakeLink{cursor: default;}
.normalLink{cursor: pointer;}
.image{border: 0;}

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;}


/* language buttons */

#languageButtons {float: right; width: 400px; padding: 0px 0 0 0px; font-size: 12px; color: #ffffff;}
.languageGroup{padding: 6px 10px 20px 200px;}
#languageButtons a {color: #ffffff; text-decoration: none; font-weight: bold;}
#languageButtons a:hover {text-decoration: underline;}

#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: 60px;}
#loginStatus a{color: #ffffff; text-decoration: none; font-weight: bold;}
* { 
    margin: 0; 
} 
/* style for product tables */

.productdisplay{margin: 0 0 40px 20px;}
 .productdisplay h2{margin: 20px 0 30px 20px; padding: 0 0 0 0; font-size: 18px;}

 .table{}
 .productTable{margin: 0px 0 40px 20px;}
 
 .itemRow td{border-top: 1px dashed #CCCCCC;}
 .compoundCell{width: 170px; vertical-align:top; padding: 0 30px 0 0;}
 .compoundCell h4{font-size: 16px; 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 10px 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; margin-right: 4px;}
 ul.compatibilitylist, ul.compatibilitylist li{font-size: 12px;}
 
 .compoundCell2{width: 170px; vertical-align:top; padding: 0 16px 0 0;}
 .compoundCell2 h4{font-size: 16px; margin: 0px 0 0px 0; padding: 12px 12px; height: 100%; height: 49px; background: #ffffff url(../../images/compoundshape.png) 0 52px no-repeat; _background: #ffffff url(../../images/compoundshape.gif) 0 52px 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: #FFF200; 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: 220px; padding: 0 0px 0 0; vertical-align: top;}
 .productCol2 h3, .compoundCol2 h3{margin: 0 0 0 0; padding: 4px 4px; font-size: 16px;}
 .productCol2 p{margin: 2px 4px; padding: 0 0; font-size: 11px;}

.new{background: red; margin-left: 8px; padding: 8px 8px;}
.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;}

/* Filtered Search */

#SearchColumn{width: 180px; float: left; background: #fafafa; padding: 10px 10px 10px 20px;}
.ResultsColumn{width: 720px; float: left; background: #fff;}

#discdisplayFiltered{margin-left: 40px;}
.SearchColumn h2{margin: 20px 0 14px 0; padding: 0 0 0 0; font-size: 18px;}

#SearchColumn ul {padding:10px 0 10px 10px; margin:0; list-style:none;}

#SearchColumn ul li a {display: inline-block; padding-left: 20px; line-height: 18px; background: transparent url(../../images/bullets/filter_blank.gif) no-repeat center left;
    font-size:12px; font-family: verdana, sans-serif; color:#666; text-decoration: none;}
#SearchColumn ul li a.selected{background: transparent url(../../images/bullets/filter_selected.gif) no-repeat center left;}    
#SearchColumn ul li a:hover{text-decoration: underline;}

/* 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.nonHLlink:link{font-weight: bold; color: #666666; text-decoration: none; padding-top: 2px;}
a.nonHLlink:visited{font-weight: bold; color: #666666; text-decoration: none; padding-top: 2px;}
a.nonHLlink:hover{font-weight: bold; color: #666666; text-decoration: underline; padding-top: 2px;}

/* 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;}

/* 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;}
.textCol p{padding: 4px 0;}
/* general layout */

#MainSection p{margin: 8px 0 0 0;}
.pageColumnOneThird{float: left; width: 256px; padding: 40px 0 0 40px;}
.pageColumnTwoThirds{float:left; width: 514px; padding: 40px 0 0 40px;}
.pageColumnFullWidth{float:left; width: 880px; padding: 0 0px 0 40px;}
ul.standardUL{padding-top: 4px; margin-top: 0;list-style-type: square; font-size: 10px;}
.standardUL li{padding-top: 2px;}

/* compounds */

.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;}

/* 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;}
.newsItemContentCol{width: 700px; float: left;}
.newsItemTextCol{}
.newsItemphotoCol{width: 700px; float: left; margin-left:10px; padding-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;}

/* 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;}
.oemcell p.oemNote{text-align:center; font-size: 11px;}

/* Teams Page */
.teamcell{width: 300px; padding: 0 80px 60px 80px;}
h2.sectionTitle{background: #f0f0f0; padding: 4px 0 4px 4px;}
h4.sectionSubTitle{padding: 0 0 0 20px;}

/* 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;}

/* Distributor Area */
#dlimagetable {width: 100%;}
#dlimagetable .dlimagetd{text-align: center; width: 260px;}
#dlimagetable td{border-bottom: dotted 1px #888; padding: 20px 0 20px 0;}

/* mobile App*/

#mobilePhoto{margin: 76px 0 0 140px;}
p.mobileDLlink{margin: 10px 0;}
