@charset "utf-8";

@import "reset.css";
@import "base.css";
@import "header.css";
@import "productblock.css";
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

body{

}
/*body{
  background: #000;
  font-family: Helvetica, Arial, sans-serif;
  margin:0;
  padding:0;
  font-size: 12px;
  line-height: 1.35em;
}*/
.bone{
  width: 992px;
  margin: 0 auto;
}
.bone-customcalc{
  margin: 0 auto;
  background: #fff;
}
a{
  color: #000;
  text-decoration: underline;
}
a:hover{
  text-decoration: none;
}
h1,h2,h3 {
  color: #2d69c1;
  font-weight:bold;
}
h1 a,h2 a,h3  a{
  color: #2d69c1;
}
hr {
  display: block;
  border: 0;
  border-top: 1px solid #4a7ebb;
  height: 0;
  overflow: hidden;
  margin: 2em 0;
}

.product-code{
  color:#204b89;
}


/* Nav
-------------------------------------------------------------- */
.navigate{
  overflow: hidden;
  padding:3px 0;
  position: relative;
  z-index: 10;
  font-size: 12px;
  background-color: #4a7ebb;
}
.navigate ul{
  margin: 0 0 0 -5px;
  padding:0;
}
.navigate li{
  margin: 0;
  padding:1px 10px;
  list-style: none;
  float: left;
  border-left: 5px solid #4a7ebb;
}
.navigate a{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
.navigate a:hover{
  text-decoration: underline;
}

/* additional-nav
-------------------------------------------------------------- */
.additional-nav{
  width: 992px;
  overflow:hidden;
  margin:15px 0 0;
  padding-top: 15px;
}
.additional-nav ul{
  width: 1022px;
  margin:0;
  padding:0;
  list-style:none;
}
.additional-nav li{
  width: 225px;
  margin: 0 30px 0 0;
  float:left;
}
.additional-nav a{
  text-decoration:none;
}
.additional-nav .more-video{color:#fff;}
#js .additional-nav .more-video{display:none;}

.additional-nav .ttl{
  display:block;
  padding:0px 0 0px 10px;
  color:#bdbdbd;
  font-size: 12px;
  font-weight:bold;
  line-height:32px;

  background: #171717 url(/images/backgrounds/add.nav.png) repeat-x 0 0;
  background: -moz-linear-gradient(
    center top,
    rgb(143,143,143) 0%,
    rgb(67,67,67) 30%,
    rgb(42,42,42) 60%,
    rgb(23,23,23) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(143,143,143)),
    color-stop(0.3, rgb(67,67,67)),
    color-stop(0.6, rgb(42,42,42)),
    color-stop(1, rgb(23,23,23))
  );
  background: linear-gradient(
    center top,
    rgb(143,143,143) 0%,
    rgb(67,67,67) 30%,
    rgb(42,42,42) 60%,
    rgb(23,23,23) 100%
  );

  -webkit-border-radius: 8px 8px 0 0 ;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;

  <!--[if !IE]>
    behavior: url(/stylesheets/PIE.htc);
  <![endif]-->
}
.additional-nav .ttl:before{
  content:">";
  color:#0d5875;
  margin-right: .4em;
}

.additional-nav img{
  opacity: .8;
  filter: alpha(opacity = 80);
  display:block;
}
.additional-nav a:hover img{
  opacity: 1;
  filter: alpha(opacity = 100);
}

/* find-dialer-form
-------------------------------------------------------------- */

.find-dialer-form{
  position:relative;
}
.find-dialer-form form{
  position:absolute;
  bottom: 0;
  left: 0;
  margin:0;
  width: 225px;
  height: 91px;
}
.find-dialer-form fieldset{
  background: url(/images/backgrounds/block.70.png);
  background: rgba(0,0,0,.7);
  margin:0;
  width: 225px;
  height: 90px;
  padding: 5px 0 0;
  text-align:center;
}
.find-dialer-form fieldset .selectGroups{
  text-align:left;
  padding-left: 5px;
}
.find-dialer-form fieldset p{
  margin: .1em 0 0;
}
.find-dialer-form a{
  color:#fff;
  text-decoration:underline;
}
.find-dialer-form a:hover{
  text-decoration:none;
}
#js .find-dialer-form form{
  display:none;
}
#js .find-dialer-form_hover form{
  display:block;
}

/* products-gallery
-------------------------------------------------------------- */
.products-gallery{
  color:#fff;
}
.products-gallery ul{
  margin:0;
  padding:0;
  list-style:none;
}
.products-gallery li{
  margin:0;
  list-style:none;
}

.rounded-title{
  display:block;
  white-space:nowrap;
  padding: 0 15px;
  color:#000;
  background:#fff;
  font-size: 18px;
  font-weight:bold;

  height: 1.8em;
  line-height: 1.7em;

  -webkit-border-radius: .9em;
  -moz-border-radius: .9em;
  border-radius: .9em;

  <!--[if !IE]>
  behavior: url(/stylesheets/PIE.htc);
  <![endif]-->
}
h1.rounded-title{
  color:#fff;
  background: #000;
  background: rgba(0,0,0,.7);
}

#js .white-solutions{
  width: 242px;
  height: 500px;
  overflow: hidden;
  position: relative;
  background: white;
  float: right;
}

#js .white-solutions .solutions-text {
  margin: 15px;
}

#js .white-solutions .solutions-text p{
  font-size: 11px;
  color: black;
}

#js .white-solutions .solutions-text b{
  font-size: 14px;
  color: black;
}

#js .white-solutions .solutions-text ul{
  margin-top:10px;
}

#js .white-solutions .solutions-text li{
  list-style: none;
}

#js .white-solutions .solutions-text a{
  color:#2D69C1;
  font-weight: bold;
  text-decoration:underline;
  font-size:13px;
}

#js .products-gallery{
  width: 750px;
  height: 500px;
  overflow: hidden;
  position: relative;
  float: left;
}
#js .products-gallery li{
  position:absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display:none;
  display:block;
}
#js .products-gallery li span{
  display:none;
}
#js .products-gallery .h-wrap,
.content .visual h1{
  position:absolute;
  top: 15px;
  left: 10px;
  z-index: 100;
}
/*.gallery-nav{
  position:absolute;
  bottom:15px;
  right:15px;
  z-index: 110;
  color:#000;
  height: 22px;
  line-height: 22px;
  font-size: 10px;
}*/
.gallery-nav{
  width: 710px;
  position: absolute;
  left: 20px;
  bottom: 230px;
  z-index: 110;
  color: #000;
  height: 39px;
  line-height: 39px;
  font-size: 10px;
}
.gallery-nav .nav-btn{
  display:block;
  position:relative;
  width: 23px;
  height: 36px;
  float:left;
  overflow:hidden;
  cursor:pointer;
}
.gallery-nav .nav-btn i{
  display:block;
  width: 23px;
  height: 36px;
  background: url(/images/backgrounds/gallery.png) no-repeat 0 0;
  position:absolute;
}
/*.gallery-nav .btn-prev i{left:0;top:0;}
.gallery-nav .btn-next i{left:-22px;top:0;}
.gallery-nav .btn-prev i.hover{left:0;top:-22px;}
.gallery-nav .btn-next i.hover{left:-22px;top:-22px;}*/
.gallery-nav .btn-prev i{
  background: url(/images/nav_arrow_left.png) no-repeat 0 0;
}
.gallery-nav .btn-next i{
  background: url(/images/nav_arrow_right.png) no-repeat 0 0;
}
.gallery-nav .nav-caption{
  display:block;
  /*background: #ffffff;*/
  width: 664px;
  text-align:center;
  float:left;
  height: 22px;
  overflow:hidden;
}
.gallery-nav .nav-caption strong{
  font-size: 11px;
}
.gallery-nav .nav-caption a{
  text-decoration:none;
}
.gallery-nav .nav-caption a:hover{
  text-decoration:underline;
}

/* Middle
-------------------------------------------------------------- */
.middle{
  position:relative;
  z-index: 500;
  margin-top: 0px;
  margin: 0;
}
.mainfix{
  overflow: hidden;
  padding: 0;
  position: relative;
}
.main{
  width: 700px;
  float: left;
}
.side{
  width: 290px;
  float: left;
}

.columns .column-1{
  width: 410px;
  float: left;
  padding:0 20px;
}
.columns .column-2{
  width: 300px;
  float: right;
  padding:0 60px 0 15px;
}

.column-2-quote{
  width: 470px;
  float: right;
}

.columns .column-social{
  width: 300px;
  float: right;
  padding:0;
}

.column-1-quote{
  width: 470px;
  float: left;
  padding:0px 0px 20px 0px;
}

.columns .column-1 h2,
.columns .column-2 h2{
  margin-left: -15px;
}

.col .col-l{
  width: 410px;
  float:left;
}
.col .col-r{
  width: 410px;
  float:right;
}

.content{
  background: #fff;
  padding:20px;
  color: #000;
}
.content p{
  color: #000;
}
.content .visual{
  margin: -10px -10px 1.5em;
  position:relative;
}

.content .banner{
  margin: -20px -20px 1.5em;
  position:relative;
  height: 260px;
}

.banner p {
  font-family: Lato;
  font-weight: 300;
  font-size: 50px;
  color: white;
  padding: 50px;
}

.homepagephoto {
  position:relative;
  width: 750px;
  height: 500px;
}

.homepagephoto p {
  font-family: Lato;
  font-weight: 300;
  font-size: 40px;
  color: white;
  padding: 30px;
}

.homepagephoto a {
  color: white;
  text-decoration: none;
}

.homepagephoto a:hover{
  color: rgb(213,213,213); /*#e5f4f7*/;
}

.content header{
  margin: 0 0 2em;
}
.content header h1{
  margin: 0;
}
.content header p{
  margin: 0;
}

.made-usa img{
  vertical-align: middle;
  margin-left: 35px;
}
.desc{
  font-weight: bold;
}

/* job */
.job h2,
.job h3{
  color: #000;
}
.job .apply{
  margin-top: 3em;
}

/* info */
.info{

}
.info dt{
  font-size: 1.2em;
  margin: 0 0 .2em;
  font-weight: bold;
}
.info dd{
  margin: 0;
  padding: 0;
}
.info_hours .nm{
  display: -moz-inline-box;
  display: inline-block;
  width: 9em;
  vertical-align: middle;
  text-align: right;
}
.info_hours .tp{
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
}

/* team-list */
.team-list{
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
}
.team-list li{
  margin: 0 0 1em;
  padding: 0;
}
.team-list h3{
  margin: 0 0 .1em;
  padding: 0;
  font-weight: bold;
  font-size: 1em;
}
.team-list .post{
  color: #7f7f7f;
  font-style: italic;
  margin: 0 0 .1em;
}
.team-list p{
  margin: 0;
}

/* history */
.history{
  margin: 0;
  padding: 0;
  list-style: none;
}
.history li{
  margin: 0;
  padding: 0 0 0 4.1em;
  position: relative;
}
.history li .year{
  font-weight: bold;
  position: absolute;
  left: 0;
}
.history li p{
  margin: 0 0 1em;
}

/* testimonials */
.testimonials{
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
}
.testimonials li{
  margin: 0 0 2em;
  padding: 0 0 1em;
  background: url(/images/back/line.png) no-repeat 50% 100%;
}
.testimonials blockquote{
  margin: 0;
  padding: 0;
}
.testimonials blockquote p{
  margin: 0 0 1em;
}
.testimonials blockquote .author{
  margin: -.6em 0 0;
  font-weight: bold;
}

/* programs,affiliations */
.programs,
.affiliations{
  margin: 0 10px;
  padding: 0;
}
.programs .program,
.affiliations .affiliation{
  margin: 0;
  padding: 20px 0 15px;
  list-style: none;
  background: url(/images/back/line.png) repeat-x 0 0;
}
.affiliations .affiliation{
  margin: 0 0 1em;
  padding: 0;
  border-top: 0;
  background: none;
}

.program .image,
.affiliation .image{
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  text-align: center;
}
.program .text,
.affiliation .text{
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  width: 770px;
}
.program h4,
.affiliation h4{
  margin: 0 0 .15em;
  font-size: 1.2em;
  font-weight: bold;
}
.program p,
.affiliation p{
  margin: 0;
}

/* opportunities */
.opportunities{
  margin: 1em 0 0;
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
.opportunities td{
  border: 0;
  padding: 0;
}
.opportunities thead td{
  text-transform: uppercase;
  font-size: .9em;
}
.opportunities tbody td{
  font-size: 1.2em;
  line-height: 1.2em;
  padding:.5em 0;
}

/* products */
.product-main-name{
  font-size: 2.8em;
}
.products{
  margin: 2em 0 0;
  padding:0;
  list-style: none;
}
.products li{
  float: left;
  width: 160px;
  padding:0;
  margin:0 30px 15px 0;
}
.products a{
  text-decoration: none;
  display: block;
}
.products a span{
  display: block;
  font-weight: bold;
  margin:0 0 .3em;
  font-size: 1.2em;
}
.products a:hover span{
  text-decoration: underline;
}
.products_configure{
  margin: 2em 0;
  padding:0;
  list-style: none;
}
.products_configure li{
  margin: 0;
  padding:0 18px;
  width: 200px;
  float:left;
  text-align:center;
}
.products_configure h2{
  margin: 0;
  font-size: 20px;
}
.products_configure figure{
  margin:1em 0;
}
.products_configure .site-button{
  margin:0 auto;
}

.chat-group{
  margin:2em 0 0;
  padding:0;
}
.chat-group .chat{
  list-style:none;
  margin:0 20px 20px 0;
  padding: 0;
  width: 290px;
  display: -moz-inline-stack;
  display:inline-block;
  vertical-align:top;
}
.chat-group .chat a{text-decoration:none;}
.chat-group .name{
  display:block;
  margin:0;
  padding:0 0 1px;
  text-transform:none;
  text-align:center;
  color:#fff;
  font-size: 14px;
  line-height: 1.23;
  font-weight:bold;
}
.chat-group .title_i{
  /* padding-left:10px !important;
  padding-right:10px !important; */
  padding:0 !important;
  margin:5px 10px 4px;
  text-align:center !important;
  height: 2.8em;
  overflow:hidden;
}
.chat-group .p-title{
  font-size: 1.2em;
  display:inline-block;
  vertical-align:middle;
  text-align: center;
  font-weight:normal;
  height: 1.88em;
  line-height: 1.88em;
}
.chat-group .info{
  display: block;
  padding: 10px;
}
.chat-group .figure{
  display:block;
  margin:0;
  text-align:center;
  height: 120px;
}

/* product-group */

.product-group{
  margin:2em 0 0;
  padding:0;
}
.product-group .product{
  list-style:none;
  margin:0 20px 20px 0;
  padding: 0;
  width: 215px;
  display: -moz-inline-stack;
  display:inline-block;
  vertical-align:top;
}
.product-group .product a{text-decoration:none;}
.product-group .name{
  display:block;
  margin:0;
  padding:0 0 1px;
  text-transform:none;
  text-align:left;
  color:#fff;
  font-size: 14px;
  line-height: 1.23;
  font-weight:bold;
}
.product-group .title_i{
  /* padding-left:10px !important;
  padding-right:10px !important; */
  padding:0 !important;
  margin:5px 10px 4px;
  text-align:left !important;
  height: 2.8em;
  overflow:hidden;
}
.product-group .p-code{
  font-size: 1.5em;
  display:inline-block;
  vertical-align:middle;
  width: 90px;
  font-weight:normal;
  height: 1.88em;
  line-height: 1.88em;
}
.product-group .p-name{
  display:inline-block;
  vertical-align:middle;
  width: 95px;
  font-size: 11px;
  max-height: 3.65em;
}
.product-group .info{
  display:block;
  padding:10px;
}
.product-group .figure{
  display:block;
  margin:0;
  text-align:center;
  height: 90px;
}
.product-group .more{
  display:block;
  text-align:center;
}

.product-detail{
  margin:1em 0;
}
.detail-description{
  margin:0 0 1em;
  position:relative;
}
.detail-description figure{
  width: 390px;
  float:left;
}
.detail-description-quote figure{
  width: 340px;
}

.detail-description figure img{
  width: 180px;
}
.detail-description .text{
  overflow:hidden;
  font-size: 15px;
}
.product-description p{
  margin: 0;
}
.action{
  margin: 0;
  padding: 0;
  list-style:none;
}
.action li{
  margin:0 0 .3em;
  padding:0;
}
.detail-description .action{
  position:absolute;
  top: 0;
  left: 200px;
  margin: 0;
  padding: 0;
  list-style:none;
}
.detail-description .action .button_i{
  width: 8em;
  padding-right: 10px;
}

.detail-specifications {
  margin-top: 40px;
}

.product-detail #player{
  margin:0 auto;
}

/* specifications */
.specifications{
  margin:0;
  padding:0;
}
.specifications li{
  margin:0 0 .8em;
  list-style:none;
}
.specifications .term{
  display:block;
  width: 150px;
  font-weight:bold;
  float:left;
  text-align:right;
}
.specifications .def{
  display:block;
  margin-left: 160px;
}

/* photo-gallery */
.photo-gallery{
  padding:10px;
}
.photo-gallery a{
  margin:0 1em 0 0;
  text-decoration:none;
}
.photo-gallery a img{
  vertical-align:bottom;
}

/* documents-list */
.documents-list{
  margin: 0;
}
.documents-list li{
  margin: .5em 0;
}
.documents-list a{
  font-weight:bold;
}
.documents-list .type{
  color:grey;
  margin-left:.5em;
  font-size: .9em;
}

/* features-list */
.features-list{
  margin: 0;
}
.features-list li{
  margin: .5em 0;
}

/* similar-products */
.similar-products{

}
.similar-products h2{
  font-size: 12px;
  margin:0;
  color:#fff;
  text-transform:uppercase;
}
.similar-products h2 span{text-align:left !important;}
.similar-products ul{
  border-bottom-width:2px;
  margin: 0 0 -10px;
  padding:10px;
  list-style:none;
  /* text-align: justify; */
}
/* .similar-products ul:after { content:""; display:inline-block; width:100%; height:0; overflow:hidden; } */

.similar li{
  margin: 0 0 10px;
  padding: 0;
  width: 150px;
  /* float:left; */
  display: -moz-inline-box;
  display:inline-block;
  text-align:left;
  vertical-align:top;
}
.similar a{
  display:block;
  margin: 0 10px;
  padding: 0;
  text-align:center;
  /*width: 145px;*/
  text-decoration:none;
}
.similar img,
.similar strong,
.similar span{
  display:block;
  margin: 0 auto;
}
.similar strong,
.similar span{
  margin:.2em 0 0;
}
.similar strong{
  font-size: 14px;
  color:#2D69C1;
}
.similar a:hover strong{
  text-decoration:underline;
}

/* faq-nav */
.faq-nav{
  margin: 2em 0;
  padding:0;
}
.faq-nav li{
  margin: 0 0 .1em;
  padding:0;
  list-style:none;
}

.faq-list{
  margin: 2em 0;
  padding: 0;
}
.faq-list li{
  margin: 0 0 2em;
  padding: 0;
  list-style:none;
}
.faq-list h2{
  margin: 0 0 .5em;
}

/* site-map */
.site-map{
  margin: 1em 0;
  padding: 0;
  list-style:none;
}
.site-map li{
  margin: .7em 0 0;
  padding: 0;
  font-size: 16px;
}
.site-map li li{
  font-size: 14px;
}

/* calculator */
.calculator .col-l{
  width: 460px;
}
.calculator .col-r{
  width: 420px;
}
.calculator figure{text-align:center;}
.calc-form{
  width: 378px;
  padding:20px;
  border: 1px solid #3a7496;
  margin: 0 auto;
}
.calc-form form{
  width: 378px;
  padding:0px;
  border:0;
}
.calc-form .input input, .calc-form .input textarea{
  width: 350px;
}
.calc-form .input select{
  width: 362px;
}
.calc-form .input_vin input{
  width: auto;
}
.shopping{
  text-align:center;
  font-weight:bold;
  text-transform:uppercase;
  margin-top: 3em;
}

/* calc-results */
.calc-results{

}
.result-head{
  margin: 2em 0 0;
  padding: 0;
  font-size: 15px;
}
.result-head dt{
  margin: 0 .25em 0 0;
  padding: 0;
  float:left;
  color:#2D69C1;
  font-weight:bold;
}
.result-head dd{
  margin: 0 0 1em;
  padding: 0;
  font-weight:bold;
}
.more_info{
  font-size: 15px;
}
.calc-results h2{
  font-size: 15px;
  margin-top: 0;
}
.result-list{
  margin:0;
  padding:0;
}
.result-item{
  margin:1.5em 0;
  padding:0;
  list-style:none;
  position:relative;
}
.result-item .info, .result-item .custom-info{
  width: 100%;
  float: left;
  padding: 0 0 1.7em;
}
.result-item .info{
  background:url("/images/back/line.png") repeat-x scroll 50% 100% transparent;
  width: 740px;
}
.result-item .custom-info{
  /*max-width: 350px;*/
  border-bottom-width: 4px;
  border-bottom-style: solid;
  /*border-bottom-color: #2D69C1;*/
  padding:0 0 1em;
}
.result-item figure{
  float: left;
  margin-right: 1em;
  width: 180px;
}
.result-item .text{
  overflow:hidden;
}
.result-item h3{
  font-size: 14px;
}
.result-item .install{
  /*text-align: right;
  position:relative;
  top:-1.15em;
  line-height:1;
  margin:0 0 -1em;*/

  font-size: 13px;
  font-weight: bold;
  text-align: left;
  position: relative;
  /*margin: 0 0 5px 480px;*/
}
.result-item dl{
  margin:0;
  padding: 0;
}
.result-item dl dt{
  margin:.7em 0 0;
  padding: 0;
  font-size: 1em;
  font-weight:normal;
}
.result-item dl dd{
  margin:0 0 .2em 60px;
  padding: 0;
  list-style:disc;
  display:list-item;
}
.result-item .action{
  float:left;
  width: 130px;
  margin-left: 20px;
  padding-top: 1.85em;
}
.result-item .action .button_i{
  width: 90px;
  padding-right: 10px;
}

.result-dealer {
  list-style: none;
}
.result-dealer figure{
  float: left;
  margin-right: 1em;
}

/* Dealer */
/*.dealer-network{
  padding-bottom: 320px;
  background: url(/images/map.gif) no-repeat 130px 100%;
}
*/
.dealer-network .action{
  margin-top: 1.4em;
}
.dealer-network .action .button_i{
  width: 7em;
}

.dealer-result{

}
.dealer-map{
  float:right;
}
.dealer-lists{
  float:left;
  width: 300px;
}
.dealer-lists .dealer-list{
  margin:0 0 30px !important;
}
.dealer-lists .dealer-item{
  margin:0 0 20px 0 !important;
}

.dealer-list,
.dealer-item ul{
  margin:2em 0;
  padding:0;
  list-style:none;
}
.dealer-item{
  margin:0 15px 0 0;
  /*padding:10px;*/
  width: 300px;
  float:left;
  font-size: 14px;
}
/* .dealer-list_vip .dealer-item{
  border: 1px solid #3A7496;
} */
.dealer-item .rounded{
  padding:10px;
}
.dealer-item h2{
  margin:0;
  font-size: 20px;
  line-height: 1.32;
  text-transform:none;
}
.dealer-item ul{
  margin:0 0 1em;
}
.dealer-item li{
  margin:0 0 .7em;
  padding:0;
}
.dealer-item .adr .street-address{
  display:block;
}
.dealer-item .fone .tel,
.dealer-item .contact span{
  display:block;
}
.dealer-item .contact a{
  font-weight:bold;
  color:#2D69C1;
}
.dealer-item .term{
  font-weight:bold;
}
.dealer-item .certified{
  text-transform:uppercase;
  font-size: 12px;
  font-weight:bold;
  text-align:center;
  margin: 1.5em 0;
}
.dealer-item dl{
  margin:0;
}

/* form */
form{
  width: 410px;
}
.register-form{
  width:auto;
}
form fieldset{
  margin: 0 0 1.4em;
  border: 0;
  padding: 0;
}

legend{
  font-size:16px;
  font-weight:bold;
  padding:0 0 .5em;
  white-space: normal;
  float:left;
  width: 100%;
}
legend span{
  display:block;
  width: 100%;
}

form ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
form ul li{
  margin: 0 0 .8em;
}
form .label{

}
form .input{
  margin-left: 15px;
}
form .button{
  float: right;
  margin: 0;
}
form .f-required{
  float: left;
  margin: 0;
}
.req,
.f-required p,
.f-required,
.error{
  color: #ff0000;
}

div.error,
.error label,
.formError{
  color:red;
}
div.error,
.formError{
  font-size: 10px;
}
.formHint{
  font-size: 11px;
  font-style:italic;
  color:#898989;
  margin-top: .2em;
}

.required p{
  margin: 0;
  padding-bottom: 5px;
}
.required .req{
  vertical-align: super;
}

form .input input,
form .input textarea{
  width: 380px;
}
form .input select{
  width: 392px;
}
form .input input.chkbox{
  width: auto;
}

form .custom_input input,
form .custom_input textarea{
  width: 380px;
}
form .custom_input select{
  width: auto;
}
form .custom_input input.chkbox{
  width: auto;
}

form .or, .calc-form .or{
  font-size: 14px;
  text-align:center;
  font-weight:bold;
  margin: 0;
}

.check-list{

}
.check-list li{
  width: 44%;
  display: -moz-inline-box;
  display:inline-block;
  vertical-align:top;
  margin: 0 5% .2em 0;
}
.check-list label{
  display: -moz-inline-box;
  display: inline-block;
  padding-left: 16px;
  /*position:relative;
  zoom:1;*/
}
.check-list label input{
  position:absolute;
  /*left: 0;*/
  /*margin: .1em 0 0 0;*/
  padding:0;
  margin: .2em 0 0 -16px;
}

/* Footer
-------------------------------------------------------------- */
.bbb{
  position: absolute;
  right: 0;
  margin-top: 4px;
}

footer {
  width: 976px;
  padding:15px 0 15px 16px;
  margin: 5px auto;
  color: #ffffff;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  position:relative;
  color: black;
}
footer a {
  /*color: #ffffff;*/
  color: black;
}

.social-tools{
  margin: 22px 0 0 0;
  padding: 0 100px 0 0;
  float:right;
}
.social-tools li{
  margin: 0 0 0 5px;
  padding: 0;
  float:left;
  list-style:none;
}
.social-tools a{
  display:block;
  height:14px;
  margin:0;
  padding:0;
  width:14px;
  background: url(/images/icons-transparent2.png) no-repeat;
}

/* no, gray icons are not good
.share-print {background-position:-14px -70px !important;}
.share-email {background-position:-14px -28px !important;}
.share-digg {background-position:-14px -14px !important;}
.share-facebook {background-position:-14px -42px !important;}
.share-twitter {background-position:-14px -84px !important;}
.share-delicious {background-position:-14px 0 !important;}
.share-linkedin {background-position:-14px -56px !important;}
.share-blogger {background-position:-14px -98px !important;}

.share-print:hover {background-position:0 -70px !important;}
.share-email:hover {background-position:0 -28px !important;}
.share-digg:hover {background-position:0 -14px !important;}
.share-facebook:hover {background-position:0 -42px !important;}
.share-twitter:hover {background-position:0 -84px !important;}
.share-delicious:hover {background-position:0 0 !important;}
.share-linkedin:hover {background-position:0 -56px !important;}
.share-blogger:hover {background-position:0 -98px !important;} */

.share-email {background-position:0 -28px !important;}
.share-facebook {background-position:0 -42px !important;}
.share-linkedin {background-position:0 -56px !important;}
.share-print {background-position:0 -70px !important;}
.share-twitter {background-position:0 -84px !important;}
.share-blogger {background-position:0 -98px !important;}
.share-pinterest {background-position:0 -112px !important;}

.footer-menu{
  float:left;
  margin: 0;
  padding: 0;
}
.footer-menu li{
  display:inline;
  list-style:none;
  margin: 0 20px 0 0;
  padding: 0;
}

.copyright{
  clear:left;
  float:left;
  margin: 6px 0 0;
  width: 500px;
}

.about_harmar{
    clear:left;
    float:left;
    margin: 6px 0 0;
    width: 970px;
}

/* UTIL */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* Video */
/* #js .video-block{display:none;}
#js .videobox .video-block{display:block;} */
.video-block p{
  color:#fff;
  font-size: 12px;
}
.video-block p a{
  color:#fff;
}
.videobox{
  display:none;
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index: 9999;
}
.v-shadow{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: .7;
  filter: alpha(opacity = 70);
}
.v-content{
  position:absolute;
  left:50%;
  top:50%;
  z-index: 10;
}
.v-content .close{
  position:absolute;
  right:-25px;
  top:-25px;
  width: 30px;
  height: 30px;
  overflow:hidden;
  background: url(/images/backgrounds/close.png);
  cursor:pointer;
}


/* TABS */
.ui-tabs .ui-tabs-hide {
  display: none;
}
.tabs-content{
}
.tabs-nav{
  margin:0 0 -1px;
  padding:0;
  position:relative;
  z-index: 100;
}
.tabs-nav li{
  margin:0;
  padding:0;
  display:inline;
  display:inline-block;
  vertical-align:bottom;
  list-style:none;
}
.tab-body{
  padding:10px;
  display:none;
}
#nojs .tabs-body{
  display:block;
}


#player{
  width:640px;
  height:360px;
}
.coming-soon{
  margin: 0;
  padding: 50px 0;
  text-align:center;
}

/* buttons */

.site-button,
.site-title,
.site-tab{
  color: #fff;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:bold;
  font-size: 12px;

  display: -moz-inline-box;
  display:inline-block;
  position:relative;

  border:1px solid #216288;

  background:#265b9b url(/images/backgrounds/btn.png) repeat-x 0 0;
  background-image:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(117,172,211)),
    color-stop(1, rgb(26,81,149))
  );
  background-image:-moz-linear-gradient(
    center top,
    rgb(117,172,211) 0%,
    rgb(26,81,149) 100%
  );
  background-image:gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(117,172,211)),
    color-stop(1, rgb(26,81,149))
  );

  -webkit-box-shadow: inset rgba(255,255,255,0.6) 0 2px 2px , inset rgba(255,255,255,0.3) 0 -2px 2px , inset rgba(255,255,255,0.15) 2px 0 2px , inset rgba(255,255,255,0.15) -2px 0 2px;
  -moz-box-shadow: inset rgba(255,255,255,0.6) 0 2px 2px , inset rgba(255,255,255,0.3) 0 -2px 2px , inset rgba(255,255,255,0.15) 2px 0 2px , inset rgba(255,255,255,0.15) -2px 0 2px;
  box-shadow: inset rgba(255,255,255,0.6) 0 2px 2px , inset rgba(255,255,255,0.3) 0 -2px 2px , inset rgba(255,255,255,0.15) 2px 0 2px , inset rgba(255,255,255,0.15) -2px 0 2px;

  padding:0;

}
.site-button{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  <!--[if !IE]>
    behavior: url(/stylesheets/PIE.htc);
  <![endif]-->
}
.site-button-reset-padding {
  padding:0;
}
.contact-button{
  margin-top: 1.5em;
  background: rgb(0,130,225) url(/images/backgrounds/btn.png) repeat-x 0 0;
  background-image:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(0,130,225)),
    color-stop(1, rgb(0,130,225))
  );
  background-image:-moz-linear-gradient(
    center top,
    rgb(0,130,225) 0%,
    rgb(0,130,225) 100%
  );
  background-image:gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(0,130,225)),
    color-stop(1, rgb(0,130,225))
  );
}

.site-button:after,
.site-title:after,
.site-tab:after {
  content: "";
  position: relative;
  height: 50%;
  top: 3px;
  left: 3px;
  right:3px;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  background: rgba(255,255,255,.1);

  background:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255,255,255,.4)),
    color-stop(1, rgba(255,255,255,.05))
  );
  background:-moz-linear-gradient(
    center top,
    rgba(255,255,255,.4) 0%,
    rgba(255,255,255,.05) 100%
  );
  background:gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255,255,255,.4)),
    color-stop(1, rgba(255,255,255,.05))
  );
}

.site-button .button_i{
  display: -moz-inline-box;
  display:inline-block;
  padding:4px 5px;
  margin:0 5px;
  background:url(/images/backgrounds/btn.hov.png) no-repeat -1000px -1000px;
}
button.site-button .button_i{
  padding:5px 10px 6px;
  padding: 3px 10px 4px 0px;
  <!--[if IE 9]>
    padding: 3px 10px 4px\0/;
  <![endif]-->
}
.site-button .button_act{
  padding-right: 30px;
  background: url(/images/backgrounds/btn.act.png) no-repeat 100% 50%;
}

.site-title,
.site-tab{
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;

  border-bottom: 0;
  -webkit-box-shadow: inset rgba(255,255,255,0.6) 0 2px 2px , inset rgba(255,255,255,0.15) 2px 0 2px , inset rgba(255,255,255,0.15) -2px 0 2px;
  -moz-box-shadow: inset rgba(255,255,255,0.6) 0 2px 2px , inset rgba(255,255,255,0.15) 2px 0 2px , inset rgba(255,255,255,0.15) -2px 0 2px;
  box-shadow: inset rgba(255,255,255,0.6) 0 2px 2px , inset rgba(255,255,255,0.15) 2px 0 2px , inset rgba(255,255,255,0.15) -2px 0 2px;

  <!--[if !IE]>
  behavior: url(/stylesheets/PIE.htc);
  <![endif]-->
}
.site-title{
  display:block;
}
.site-tab{
  border-bottom:0;
}
.site-title .title_i,
.site-tab .tab_i{
  display:block;
  padding:4px 10px;
  text-align:center;
  background:url(/images/backgrounds/btn.hov.png) no-repeat -1000px -1000px;
}
.site-title .title_i{
  padding:5px 10px;
}
.site-button em {
  text-transform:none;
  font-size: 11px;
  font-weight:normal;
  margin-left: .5em;
}


.site-button:hover,
a:hover .site-button,
.site-tab:hover,
.ui-tabs-selected .site-tab,
a:hover .site-title{
  background:#306cb2 url(/images/backgrounds/btn.hov.png) repeat-x 0 0;
  background-image:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(129,190,232)),
    color-stop(1, rgb(39,99,173))
  );
  background-image:-moz-linear-gradient(
    center top,
    rgb(129,190,232) 0%,
    rgb(39,99,173) 100%
  );
  background-image:gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(129,190,232)),
    color-stop(1, rgb(39,99,173))
  );
}

/* rounded */
.rounded{
  display:block;
  position:relative;
  border:1px solid #216288;

  -webkit-box-shadow:
    inset rgb(134,171,207) 0 1px 0, inset rgb(134,171,207) 0 -1px 0, inset rgb(134,171,207) 1px 0 0, inset rgb(134,171,207) -1px 0 0,
    inset rgb(67,114,170) 0 2px 0, inset rgb(67,114,170) 0 -2px 0, inset rgb(67,114,170) 2px 0 0, inset rgb(67,114,170) -2px 0 0
  ;
  -moz-box-shadow:
    inset rgb(134,171,207) 0 1px 0, inset rgb(134,171,207) 0 -1px 0, inset rgb(134,171,207) 1px 0 0, inset rgb(134,171,207) -1px 0 0,
    inset rgb(67,114,170) 0 2px 0, inset rgb(67,114,170) 0 -2px 0, inset rgb(67,114,170) 2px 0 0, inset rgb(67,114,170) -2px 0 0
  ;
  box-shadow:
    inset rgb(134,171,207) 0 1px 0, inset rgb(134,171,207) 0 -1px 0, inset rgb(134,171,207) 1px 0 0, inset rgb(134,171,207) -1px 0 0,
    inset rgb(67,114,170) 0 2px 0, inset rgb(67,114,170) 0 -2px 0, inset rgb(67,114,170) 2px 0 0, inset rgb(67,114,170) -2px 0 0
  ;

}
.rounded-all{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  <!--[if !IE]>
  behavior: url(/stylesheets/PIE.htc);
  <![endif]-->
}

.rounded-b_lr{
  border-top:0;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;

  -webkit-box-shadow:
    inset rgb(134,171,207) 0 -1px 0, inset rgb(134,171,207) 1px 0 0, inset rgb(134,171,207) -1px 0 0,
    inset rgb(67,114,170) 0 -2px 0, inset rgb(67,114,170) 2px 0 0, inset rgb(67,114,170) -2px 0 0
  ;
  -moz-box-shadow:
    inset rgb(134,171,207) 0 -1px 0, inset rgb(134,171,207) 1px 0 0, inset rgb(134,171,207) -1px 0 0,
    inset rgb(67,114,170) 0 -2px 0, inset rgb(67,114,170) 2px 0 0, inset rgb(67,114,170) -2px 0 0
  ;
  box-shadow:
    inset rgb(134,171,207) 0 -1px 0, inset rgb(134,171,207) 1px 0 0, inset rgb(134,171,207) -1px 0 0,
    inset rgb(67,114,170) 0 -2px 0, inset rgb(67,114,170) 2px 0 0, inset rgb(67,114,170) -2px 0 0
  ;

  <!--[if !IE]>
  behavior: url(/stylesheets/PIE.htc);
  <![endif]-->
}

.rounded-b_lr-t_r{
  -webkit-border-radius: 0 4px 4px 4px;
  -moz-border-radius: 0 4px 4px 4px;
  border-radius: 0 4px 4px 4px;

  <!--[if !IE]>
  behavior: url(/stylesheets/PIE.htc);
  <![endif]-->
}

.error_flash { padding: 5px 8px; margin: 10px 0; background-color: #FCC; border: solid 1px #C66;}
.notice_flash { color: #333; font-weight: bold; padding: 5px; margin: 5px; border: 2px #333 solid; background: #8f8;}

.hitch_class{
  font-weight: bold;
  color: #ff0000;
  font-size: 14px;
}

.quote-p-header{
  height: 50px;
}

.quote-p-header h1{
  color:#ffffff;
}

.quote-head-p-code{
  float:left;
  margin-left:15px;
  margin-top:10px;
  height: 40px;
  width:40%;
}

.quote-head-p-name{
  float: left;
  margin-left: 15px;
  margin-top:10px;
  height:40px;
  width:50%;
  text-transform: none;
}

.quote-p-info{
  margin: 0px 10px 0px 10px;
  padding: 10px 0px 0px 0px;
}

.quote-p-img {
  margin-bottom:5px;
}

.quote-head-info{
  height: 50px;
  margin: 10px 0px 0px 30px;
}

.quote-your-info{
  text-transform: capitalize;
}

.quote-submit-btn{
  width:82px;
  height: 26px;
  float:right;
}

.column-2-quote-sel-dealer{
  width: 550px;
  float: right;
}

.column-1-quote-sel-dealer {
  width: 300px;
  float: left;
  padding:0px 0px 20px 0px;
}

.quote-return-home{
  text-align: right;
}

.quote-return-home a{
  height:20px;
  padding: 3px 5px 0px 5px;
}

.input-button{
  padding:5px;
}

.measure-th{
  color:black;
}

.measure-left-top{
  width: 458px;
  height: 750px;
  float: left;
  border: 1px solid black;
}

.measure-right-top{
  float: right;
  width: 480px;
  height: 750px;
  border: 1px solid black;
  /*padding-bottom: 20px;*/
}

.measure-left-bottom{
  width:458px;
  float:left;
  border: 1px solid black;
}

.measure-right-bottom{
  float:right;
  width: 480px;
  border: 1px solid black;
  padding-bottom: 20px;
}

.measure-top-section{
  height: 710px;
}

.measure-bottom-section{
  height: 550px;
}


.measure-left-top table tr td, table tr th{
  padding: 0px 0px 0px 3px;
}

.measure-left-bottom table tr td, table tr th{
  padding: 0px 0px 0px 3px;
}

.measure-tbl-caption-left{
  margin:2px 0px 2px 0px;
  color: black;
  font-size: 15px;
}

.measure-tbl-caption-right{
  margin:2px 0px 2px 0px;
  font-size: 15px;
}

.measure-hitch-left{
  float:left;
}

.measure-hitch-section{
  padding-top:20px;
  height:130px;
}

.measure-hitch-right{
  width:800px;
  float:right;
  text-align:left;
}

/* Messages */
.errorExplanation,
.infoExplanation,
.successExplanation,
.warningExplanation  {
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
}
.infoExplanation {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('/images/icons/info.png');
}
.successExplanation {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('/images/icons/success.png');
}
.warningExplanation {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('/images/icons/warning.png');
}
.errorExplanation {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('/images/icons/error.png');
}
.errorExplanation h2,
.infoExplanation h2,
.successExplanation h2,
.warningExplanation h2{
  margin:0 0 1em;
}
.invoice_header_label{
  display:inline;
  margin-left:30px;
  color:black;
}

.invoice_table{
  line-height: 1;
}

.invoice_table table{
  border:1px solid;
}

.invoice_table table tr{
  border:1px solid;
}

.invoice_table table tr th{
  background:grey;
  border-width:1px;
  border-style:solid;
  padding:3px 3px 3px 3px;
  text-align:center;
}

.invoice_table table tr td{
  border-width:1px;
  border-style:solid;
}

.invoice_info{
  font-size:14px;
  font-weight: bold;
}

.invoice_freight{
  margin-top:10px;
}

.invoice_freight_label{
  float:left;
}

.invoice_freight_field{
  float:right;
}

.invoice_freight{
  margin-left:400px;
}

.invoice_total{
  margin-left:730px;
}

.invoice_total table{
  border:1px solid;width:220px;
}

.invoice_total table td{
  border-width:1px;
  border-style:solid;
  font-weight:bold;
  font-size:14px;
}

.invoice_empty{
  height:90px;
}

.invoice_contact_info{
  font-size:14px;
  margin-left:20px;
}

.invoice_contact_info table td{
  width:120px;
}

.invoice_shipping{
  height:180px;
}

.invoice_bill_to{
  float:left;
  font-size:14px;
  margin-left:20px;
}

.invoice_ship_to{
  float:left;
  margin-left:180px;
  font-size:14px;
}


.invoice_item_tabel table tr th{
  background:grey;
  padding:3px 3px 3px 3px;
  text-align:center;
}

.invoice_hitch_label{
  margin-bottom:0px;
  color:black;
}

.est_right_head{
  float:left;
  border:2px #333 solid;
  padding:10px 200px 10px 10px;
  font-size:14px;
  margin-left:40px;
}

.est_header{
  height:230px;
}

.est_main_info{
  font-size: 14px;
}

.est_contact_info_left{
  float:left;
}

.est_contact_info_right{
  float:left;
  margin-left:200px;
}

.est_contact_info{
  height:150px;
}

.est_label1{
  float:left;
}

.est_label2{
  margin-left:180px;
}

.est_acc_number{
  text-align:right;
  padding-right:260px;
  margin-bottom:25px;
}

.est_table_th{
  border:2px black solid;
  text-align:center;
}

.est_table_td{
  text-align:center;
}

.est_prices{
  margin-top:100px;
}

.quote_right_head{
  float:left;
  padding:10px 200px 10px 10px;
  font-size:14px;
  margin-left:40px;
  font-weight: bold;
}

.quote_left_head{
  float:left;
  text-align:center;
}

.quote_contact_info{
  height:150px;
  margin-left:50px;
}

.quote_label1{
  float:left;
  font-weight: bold;
}

.quote_label2{
  margin-left:100px;
}

.quote_label3{
  margin-left:130px;
}

.quote_contact_info_right{
  float:left;
  margin-left:200px;
}

.quote_table_container{
  margin-left:50px;
}

.quote_table tr th{
  text-align:center;
}

.quote_table_td_left_top{
  border-left:1px black solid;
  border-top:1px black solid;
}

.quote_table_td_left_top_bottom{
  border-left:1px black solid;
  border-top:1px black solid;
  border-bottom:1px black solid;
  text-align:center;
}


.quote_table_td_right_top{
  border-right:1px black solid;
  border-top:1px black solid;
}

.quote_table_td_left_top_right{
  border-left:1px black solid;
  border-top:1px black solid;
  border-right:1px black solid;
  text-align:right;
}

.quote_table_td_top_bot_right{
  border-bottom:1px black solid;
  border-top:1px black solid;
  border-right:1px black solid;
  text-align:right;
}

.dealer_more{
  text-align: right;
  padding-right: 1.5em;
}

.dealer_more a{
  color: #2D69C1;
  font-weight: bold;
}

#dealer_body{
  padding:10px;
  background:none;
  color:#000000;
  background-color:#FFFFFF;
}
#dealer_left_column{
  float:left;
  width:230px;
}

.clear{
  display: block;
  clear: both;
}

.order_info b, .order_info a {
  color: #2d69c1;
}

.summitlifts li {
  list-style: none;
  font-size: 13px;
}

.userlogin-box{
  width: 400px;
  margin: 80px auto;
  margin-top: 20px;
  color: #fff;
}