*{
  font-family: Helvetica;
  line-height: 16px;
  font-size: 13px;
}

h1, h1 *{font-size:32px; font-weight:lighter; text-transform:uppercase; color:#797777; margin:12px 0;line-height: 36px;}
h1 strong{font-weight:800; color:#00aeef}
h2, h2 *{font-size:18px; text-transform:uppercase; margin:12px 0 20px;}
h3{margin:10px 0;}
h1 .date{font-size:28px;}

img{
  height:auto;
  max-height:100%;
}

.section{display:block; clear:both;position: relative;}
.section .border-bottom{border-bottom:2px solid #00aeef; margin-bottom:30px; padding-bottom:20px; }
.section .border-bottom:last-child {border-bottom: none;}

.section .part-left, .section .part-right{

  display:inline-block;
}

.section .part-left{
  width:60%;
}

.section .part-right {
  width: 38%;
  position: relative;
  bottom: 30px;
  float:right;
}


.section .part-right img {
  height: auto;
  width: 100%;
  max-width: none;
  max-height: none;
  margin-bottom:10px;
}

a{text-decoration: none; color: #00aeef}


div#topnav {
    float: right;
}

.pad10{padding-bottom: 10px;}
.pad20{padding-bottom: 20px;}
.pad30{padding-bottom: 30px;}
.pad40{padding-bottom: 40px;}
.pad50{padding-bottom: 50px;}
.pad60{padding-bottom: 60px;}
.pad70{padding-bottom: 70px;}
.pad80{padding-bottom: 80px;}
.pad90{padding-bottom: 90px;}
.pad100{padding-bottom: 100px;}
.pad110{padding-bottom: 110px;}


#wrapper{
  overflow: hidden;
}

#wrapper.Automotive .sidenav{
  display:none;
}

#wrapper.Automotive #logo img{
  width:200px;
}

#wrapper.OEM #logo img{
  width:150px;
}

#wrapper.Automotive.Welcome .contentimgwrapper{
  margin-top:100px;
}

.contentimgwrapper{
  float:right;
  width: 100%;
}

#header{
  padding: 30px 0;
}

#footer{background: #797777; color: white; padding: 40px 0 60px; text-transform: uppercase;}
#footer ul{list-style: none; }
#footer ul li{margin-bottom: 5px; }
#footer a{color: white; text-decoration: underline}

#byline{
  color:#797777;
  text-transform: uppercase;
  font-size: 12px;
  padding-top: 10px;
}

#topnav ul{list-style:none; float: right;margin: 0;padding: 0;}
#topnav ul li{float: right; margin-right: 21px; padding-top:10px;}
#topnav ul li a{color:#000; text-decoration: none; font-size: 12px; font-weight: lighter;text-transform: uppercase;letter-spacing: -0.1px;}
#topnav ul li a.selected{ font-weight: 800;}
#topnav ul.submenu{display:none}

#secondarynav{z-index: 200; height: 24px; overflow: visible; display: block; font-size: 13px; font-weight: lighter; text-transform: uppercase}
#secondarynav .row.margin{  margin: 0 10px 20px;}

#secondarynav .topelement{cursor: pointer; color: #fff; background: #797777; padding: 5px 0; text-align: center; line-height: 15px; position:relative; font-size:12px;}
#secondarynav .topelement a{padding:0 6px; color:#fff; line-height:15px;}
#secondarynav .submenu{display: none; background: #797777; padding: 15px 0; position: absolute; width: 100%; left:0px; margin-top: 5px}
#secondarynav .submenu a{display: block; padding-top: 2px; text-align: left; text-indent: 20px; text-decoration: none; color: #fff;}
#secondarynav .topelement:hover .submenu{display: block;}
#secondarynav .topelement:hover, #secondarynav .topelement.selected{background: #d2232a} 
#secondarynav .submenu a:hover, #secondarynav .submenu a.selected {background: #979696}
#secondarynav .submenu a.spacer{margin-bottom: 15px;}

#secondarynav .container_3 .menuitem{width: 32.66666666666667%}
#secondarynav .container_4 .menuitem{width: 24.25%}
#secondarynav .container_5 .menuitem{width: 19.2%}
#secondarynav .container_6 .menuitem{width: 15.83333333333333%}
#secondarynav .container_7 .menuitem{width: 13.3%}
#secondarynav .container_8 .menuitem{width: 11.625%}
#secondarynav .container_9 .menuitem{width: 10.22222222222222%}
#secondarynav .container_10 .menuitem{width: 9.1%}
#secondarynav .container_11 .menuitem{width: 8.18181818181818%}

#secondarynav .menuitem{float:left; margin-right:1%;}
#secondarynav .menuitem:last-child{margin-right:0;}
#secondarynav .menuitem .orange:hover, #secondarynav .menuitem .orange.selected{background:#f18734}

#secondarynav .nono{display:none}

#secondarynav .preMenuTitle{  font-size: 11px;  text-align: left;  cursor: default;  border-bottom: 2px solid #969696;  display: block;  padding: 0 10px 3px;  color: #CCC;  letter-spacing: 0.5px;  margin-bottom: 5px; }

#secondarynav a + .preMenuTitle{margin-top: 10px}

#belownav{padding: 0; margin: 0; border:none; height: 1px; display: block; background: #000; clear:both}

.sidenav ul{list-style:none; padding:0; margin:0;}
.sidenav ul li a{border-bottom:1px solid; display:block; text-transform:uppercase; font-weight:lighter; color: #797777; margin-top:5px; position: relative; padding: 3px 0; }
.sidenav ul li a.selected{color:#000; font-weight: 500}
.sidenav ul.submenu{display:none}
.sidenav li.selected > ul.submenu{display:inline}
.sidenav ul.submenu li a{margin-left: 10px; border-color: #CCC; font-size:11px}
.sidenav ul.submenu li:last-child a{margin-left: 0; padding-left: 10px; border-color: #797777;}

#hero{width: 100%; position: relative;  top: -25px; margin-bottom:20px}
/* give slideshow some style */

#hero .cycle{ margin: 0 10px; }

/* give each slide the same dimensions */
#hero .cycle div { width: 100%; }

/* make sure each slide image is centered */
/*#hero .cycle div img { margin: auto; display: block;  max-width: inherit; height: 536px; }*/

#productwrapper{
  padding-top:50px;
}

#productwrapper .sidebar{
  position: absolute;
  right: -95px;
}

.thumbs.automotive{
  display: none;
}


.sidebar .caption{
    color:#fff;
  padding-top:6px;
}

.productImageWrapper{
  position: relative;
  padding-bottom:80px;
 min-height: 370px;
}

#productwrapper .desc{
  position: absolute;
  right: -15px;
  text-align: left;
  top: 240px;}

#prodname{
  position: absolute;
  right: 0;
  top: 120px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 86px;
  color: #58595B;
  font-weight: bold;
  line-height: 68px;
}

#wrapper.Lighting #prodname:after{
  content:"";
  background:url(/img/pro-series-flap.png) no-repeat;
  width: 354px;
  height: 68px;
  position: absolute;
  right: -374px;
  display: block;
    top: 2px;
}

#wrapper.Lighting #prodname.performance:after{
   background:url(/media/74533/Performance.png?v2) no-repeat;
}

.smallProductImage {
  border: 1px solid;
  height: 170px;
}
.smallimageplaceholder{
  border: 1px solid #ddd;
}

table td{padding:5px 18px 5px 0}

img.border{border: 1px solid #797777}

.goose_start, .goose_end{display:none;}
.quote_name {
    font-size: 10px;
    font-style: italic;
    line-height: 14px;
    color: #484646;
    font-weight: bold;
    margin-top:20px;
      display: inline-block;
}

.quote_description, .quote_name {
    font-size: 10px;
    font-style: italic;
    line-height: 14px;
    color: #484646;
    position: relative;
}

hr {
    border: none;
    height: 1px;
    background-color: #CCC;
}

@media only screen and (max-width: 1360px) and (min-width: 1160px){

/*  #hero .cycle {margin-left: -561px;}*/
  #topnav ul li{margin-right: 9px;}
  #secondarynav .topelement{font-size: 10.5px;}
  .smallProductImage {height: 140px}

}

@media only screen and (max-width: 1159px) and (min-width: 968px){

/*  #hero .cycle {margin-left: -414px;}*/
  #topnav ul li{margin-right: 18px;}
 
  
  
}

@media only screen and (max-width: 967px) and (min-width: 480px){
 /* #hero .cycle {margin-left: -255px;}*/
#topnav ul li{margin-right: 18px;}

}

@media only screen and (max-width: 1159px) {
  #secondarynav .topelement{padding:5px 13px;}
  #secondarynav .topelement{font-size: 9px;}
  #prodname{top:30%;}
  .smallProductImage {height: 108px; }
  div#topnav{max-width: 300px;}
}


























































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */