@charset "utf-8";
/* CSS Document */

body {
background-color:#f2f2f2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
}

img {max-width: 100%; height:auto; border:0; }

#wrapper {
width: 1024px;
margin: 20px auto 20px auto;
padding:0px;
}

h1 {
font-size: 20px;
}

h2 {
font-size: 16px;
}

h2.acc {margin: 5px auto;
}

h3 {
font-size: 14px;
}

.acc-corner h4 {
	text-align:center;
	margin-top: 0px;
	}

p {
	line-height: 1.5em;
	}
	

.content-main li {
line-height: 1.25em;
margin-top: 8px;
}

.col-lin ul, .col-lin li {
line-height: 1.5em;
}


	
/* start of logo section */

.logo-top {
	float:left;
}

.tagline {
float:left; 
width: 770px; 
text-align: right;
margin-top: 40px;
}

.tagline h2 {
font-size:18px; 
padding: 0px; 
margin: 0px; 
}

.m2 {
margin-top: 20px;
}

.corner {
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php); 
}


.col-rgt p.caption, .ls-col p.caption, .col-lft p.caption, .box-hm p.caption {
margin: 0px;
padding: 0px;
font-weight:bold;
font-size: 11px;
}

.col-rgt ul, .col-rgt li {
	line-height: 1.5em;
}



/* start of top navigation */

.topnav {
background:#000000;
background-color:#000000;
min-height: 35px;
padding: 2px 5px 2px 50px;
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php);
}

.topnav-col-lft {
	float:left; 
	width: 620px; 
	padding-top: 0px;
	margin-left: 0px;
}

.navphone {
float:left; 
width: 320px; 
color:#FFFFFF;
margin: 8px 0px 5px 0px; 
padding: 0px; 
font-size: 16px; 
font-weight: bold;
text-align:right;
}


body#home a#homenav,
body#products a#prodnav,
body#prod-about a#prodnav-about,
body#topics a#topicsnav,
body#faq a#faqnav,
body#order a#ordernav,
body#about a#aboutnav,
body#contact a#contactnav,
body#testimonial a#testimonial {
	color: #fff;
	background: #d5272c;

}

body.prod-about #css3menu2 a.prodnav-about,
body.chucks #css3menu2 a.nav-chucks,
body.wheels #css3menu2 a.nav-wheels,
body.accessories #css3menu2 a.nav-acc,
body.specs #css3menu2 a.nav-spec {
	color: #fff;
	background: #d5272c;

}



/* end of top navigation */

.subhead {
	margin-top: 15px;
	width: 100%;	
}

.subnav {
	/*float:left; */
	display:inline-block;
width: 510px;
margin-top: 0px;
margin-right: 0px;
margin-left: 70px;
text-align:right;
}

.spacer-nav {
	height: 15px;
	width: 100%;
}


/* main content box */

.content-hm {
	width: 100%;
}

.content-main { 
width: 100%; 
background:#FFf;
border: 1px solid #CCCCCC;

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php);
}

.content-main .col-lin { /* one column */
float:left;
width: 94%;
margin: 10px 20px 10px 20px;
}

.content-main .col2-a {
	float:left; 
	width: 46%; 
	margin: 7px 30px 10px 20px;
}

.content-main .col2-b {
	float:left; 
	width: 44%;
	margin: 7px 20px 10px 20px;
}


.content-main .col3 { /* 3 columns across */
float:left;
width: 30%;
margin: 10px 15px 10px 10px;
border: 1px solid #CCCCCC;

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php);
}


.content-main .col2-es { /* 2 columns across */
float:left;
width: 46%;
margin: 10px 15px 10px 10px;
border: 1px solid #CCCCCC;

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php);
}


.content-main .col2-ls { /* 2 columns across */
float:left;
width: 46%;
margin: 10px 15px 10px 10px;
border: 1px solid #CCCCCC;

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php);
}

.content-main .col3 .ml2e {
	margin-left: 2em;
}

.content-sub {
width: 100%; 
margin-top: 20px;
padding: 0px 10px;
}

.content-sub .col-lft {
float:left; 
width: 45%;
margin: 0px 20px 0px 10px;
}

.content-sub .col-rgt {
float:left; 
width: 44%;
margin: 0px 10px 0px 30px;
}

.content-sub .col-lft-ps {
float:left; 
width: 30%;
margin: 0px 10px 0px 20px;
}

.content-sub .col-rgt-ps {
float:left; 
width:60%;
margin: 0px 20px 0px 20px;
}

.content-sub .col3 .ps{	
min-height: 53em;	
}



.pkg {  /* package pricing*/
	background: #000000;
}


.pkg h2{
	margin-top: 0px;
	 margin-bottom: 2px; 
	 padding: 5px 5px;
	 color: #ffffff;
	 text-align:center;
	 }
	 
.ps-price-col {
	float:left;
	width: 46%;
	margin: 0px 5px;
}

.ps-price-col ul {
  padding: 0px 5px 0px 20px;
}

.ps-price-col ul li {
  padding: 0px;
}

.es-price-col {
	float:left;
	width: 46%;
	margin: 0px 5px;
}

.es-price-col ul {
  padding: 0px 5px 0px 20px;
}

.es-price-col ul li {
  padding: 0px;
}
	

 .ps-price-chart {
	float:left; 
	width: 600px;
	margin: 0px 20px 0px 20px;
}

 .es-price-chart {
	float:left; 
	width: 600px;
	margin: 0px 20px 0px 20px;
}

.es-chart-txt {
	text-align:center;
	color: #ffffff;
	background:#000000;
	}
	
.kinetic-price-chart { 
	width: 540px;
	margin: 0px auto 0px auto;
}

.kinetic-chart-txt {
	text-align:center;
	color: #ffffff;
	background:#000000;
	}
	
.content-main .kinetic-chart-txt h3 {
		margin-bottom: 0px;
	margin-left: 0px;
}
	
.content-main .es-chart-txt h3 {
	margin-bottom: 0px;
	margin-left: 0px;
}


 .cr-price-chart {
	float:left; 
	width: 90%;
	margin: 15px 20px 0px 20px;
}

.cr-chart-txt {
	text-align:center;
	color: #ffffff;
	background:#000000;
	width: 100%;
	margin-right: auto; 
	margin-left: auto;
	}
	
.content-main .cr-chart-txt h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.col-lft-ft {
display:inline-block; 
width: 55%;	
}

.col-rgt-ft {
	display:inline-block;
	text-align:center;
}

.content-main h2 {
font-size: 18px;
margin-left: 10px;
}

h2.step {
	font-size: 12px;
	margin: 10px 0px 5px 10px;
}

.content-main h3 {
font-size: 14px;
margin-bottom: 4px;
margin-left: 10px;
line-height: 1.5em;
}

.content-main p {
margin: 10px 10px 0px 10px;
line-height: 1.5em;
}

.col-lin .col-lft {
float:left; 
width: 700px; 
margin-right: 30px;	
}

.col-lin .col-rgt {
float:left;
width: 200px;
margin-right: 30px;
text-align:center;
}

.col-lin .col-lft-torque {
float:left; 
width: 620px; 
margin-right: 20px;	
}

.col-lin .col-rgt-torque {
float:left;
width: 280px;
margin-right: 30px;
}

.col-rgt .col-rgt-img {
	float:none;
	width: 200px;

	}

.col-rgt .col-rgt-img2 {
	float:none;
margin-top: 20px;		
}

.col-rgt .col-rgt-img3 {
	float:none;
margin-top: 30px;		
}

.col-rgt .col-rgt-img4 {
	float:none;
margin-top: 40px;		
}


.col-rgt-img-prod {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

.img-dbl {
	display:inline-block; 
	width: 200px;
}

.img1 {
margin-top: 10px;		
}

.img2 {
margin-top: 20px;		
}

.img3 {
margin-top: 30px;		
}

.img4 {
margin-top: 40px;		
}

.img5 {
margin-top: 50px;		
}

.col-lin .faq-cc {float:left; width: 500px;}
.col-lin .faq-cc2 {float:left; margin:0px 0px -25px 0px;}
.col-lin .faq-pp {float:left; width: 150px;}
.col-lin .faq-pp2 {float:left;}

.col-lin .faq-cc ul {
margin-top: 0px;
margin-bottom: 0px;
}
.col-lin .faq-pp ul {
margin-top: 0px;
margin-bottom: 0px;
}

.col-lin .pm-wt {
	margin-top: 0px; margin-bottom: 0px;
}

.main-img {
margin-right: 0px; 
margin-left: 0px;
border: 1px solid #CCCCCC;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px; 
border-radius: 10px 10px 0px 0px; 
behavior: url(PIE.php);
}

.main-img-ps {
margin-right: auto; 
margin-left: auto;
border: 1px solid #CCCCCC;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px; 
border-radius: 10px 10px 0px 0px; 
behavior: url(PIE.php);
}

.main-img .main-img-head {
background:#CCCCCC;
margin-right: 0px; 
margin-left: 0px;
border: 1px solid #CCCCCC; 
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px; 
border-radius: 10px 10px 0px 0px; 
behavior: url(PIE.php);
}

.main-img-ps .main-img-head {
background:#CCCCCC;
margin-right: 0px; 
margin-left: 0px;
border: 1px solid #CCCCCC; 
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px; 
border-radius: 10px 10px 0px 0px; 
behavior: url(PIE.php);
}

.acc-box {
margin: 0px 10px 10px 10px;
border: 1px solid #CCCCCC;

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php);
}


.acc-box .acc-box-head {
background:#CCCCCC;
margin: 0px;
border: 1px solid #CCCCCC; 
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px; 
border-radius: 10px 10px 0px 0px; 
behavior: url(PIE.php);
}


.feature {
border: 1px solid #bccaf5; 
background-color: #d9dbe0; 
margin-top: 15px;
margin-right: 0px; 
margin-left: 0px;
padding: 0px;
}

.feature h2 {
	text-align:center;
	margin-top: 10px;
}

.feature .col {
	float:left;
	width: 46%;
	margin: 0px 5px;
}

.feature .col ul {
  padding: 0px 5px 0px 20px;
}

.feature .col ul li {
  padding: 0px;

}

.col-rgt .kinetic-volt .col {
	float:left;
	width: 46%;
	margin: 0px 5px;
}

.col-rgt .kinetic-volt .col ul {
  padding: 0px 5px 0px 20px;
}

.col-rgt .kinetic-volt .col li {
  padding: 0px;

}

.ce {
	margin-bottom: -5px;
}

.col-rgt .col6 {
width: 90%;
margin: 0px 15px 10px 10px;
border: 1px solid #CCCCCC;

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php);
}

/* end main content box of sub pages */


/* start of home page text boxes */

.top-hm {  
float:left;
width: 670px; 
border: 1px solid #CCCCCC;
min-height: 115px;
margin-right: 17px;
margin-bottom: 10px;

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;  
border-radius: 10px; 
-moz-box-shadow: 5px 5px 5px #666; 
-webkit-box-shadow: 5px 5px 5px #666;  
box-shadow: 5px 5px 5px #666; 
behavior: url(PIE.php); 
background:#FFFFFF;
}

.top1 { /* gray bar under top-hm image */
border-bottom: 2px solid #999999; 
margin: 0px 10px ;
text-align:center;
}

.top-hm h1 {
font-size: 22px;
margin-top: 10px;
margin-bottom: 3px;
}

.top-hm h2 {
	font-size: 22px;
	padding-top: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	text-align:center;
}

.top-hm p {
margin: 10px 10px 5px 15px;
line-height: 1.5em;
}

.top-hm p.red {
	color: #FF0000;
	font-weight: bold;
}
 /* end of home main txt box */


.box-hm {
float:left;
  background: -webkit-linear-gradient(#ffffff 70%, #e8e8e8); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffffff 70%, #e8e8e8); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffffff 70%, #e8e8e8); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffffff 70%, #e8e8e8); /* Standard syntax */

border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: none;

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

-moz-box-shadow: 5px 5px 5px #666;  
-webkit-box-shadow: 5px 5px 5px #666;  
box-shadow: 5px 5px 5px #666;
}

.box1 {
	width: 324px;
	min-height: 265px;
	margin-right: 0px;
}

.box2 {
	width: 325px;
	min-height: 240px;
	margin-top: 20px;
	margin-right: 18px;
}

.box3 {
	width: 325px;
	margin-top: 20px;
	min-height: 240px;
}

.box4 {
	width: 100%;
	min-height: 300px;
	margin-top: 20px;
}

.box5 {
	width: 100%;
	min-height: 265px;
	margin-top: 20px;
}

.chucks-hm {
float:left;
width: 240px;
margin-right: 15px;
}

.brdr0 {
	border-right: none;
}

.box-hm h2 {
font-size: 16px;
padding: 5px 0px 0px 10px;
margin: 10px 0px 5px 10px;
}

.box-hm .col-a   {
float:left; 
width:198px;
padding-right: 5px;
}

.box-hm .col-b {
float:left;
width: 121px;
}

.box-hm ul   { 
padding-top: 5px;
margin-left: 1.6em;
padding-left: 1.6em;
list-style-image:url(images/bullet-hm-blk.gif);
}

.box-hm ul li{
margin-top: 8px;
}

.box-hm .col-b ul{ 
list-style-image:url(images/bullet-hm-red3.gif);
font-weight:bold;
margin: 0px 5px 4px 20px;
padding: 0px 0px 5px 1em;
}

.box-hm .col-b li {
margin-top: 10px; 
margin-bottom: 5px; 
padding-top: 0px; 
}

.box-hm .col-a a:link {
color:#000;
text-decoration:none;
}

.box-hm .col-b a:link {
color:#FF0000;
text-decoration:none;
}

.box-hm .col-b a:hover {
color:#FF0000;
text-decoration:underline;
}


.customer-login {/* instruction login */
text-align:right; 
margin-right: 20px;
}

.pg-title {
/*float:left;  */
display:inline-block;
margin-right: 20px; 
width: 410px;
}


.pg-title-faq {
float:left; 
margin-right: 20px; 
}

.pg-title h1 {
margin: 5px 0px 0px 25px;
}

.s14 {
font-size: 14px;
}
.s16 {
font-size: 16px;
}

.s20 {
	font-size: 20px;
}

.s30 {
font-size: 30px;
}

.nav2 {
float:left; 
width: 414px; 
padding-top: 25px; 
position: relative; 
z-index: 1;
}

.price {
float:left; 
width: 86px;
margin-top: 33px; 
padding-left: 5px;
}

.price2 {
text-align:center;
padding-top:8px;
}

/*.btn-price {
margin-top: 25px; 
margin-left: 5px;
} */



.btn-price {
  background: #68afe6;
  background-image: -webkit-linear-gradient(top, #68afe6, #4b88d0);
  background-image: -moz-linear-gradient(top, #68afe6, #4b88d0);
  background-image: -ms-linear-gradient(top, #68afe6, #4b88d0);
  background-image: -o-linear-gradient(top, #68afe6, #4b88d0);
  background-image: linear-gradient(to bottom, #68afe6, #4b88d0);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
   font-family: Verdana, Arial, Sans-Serif;
  font-size: 12px;
  padding-top: 6px;
  padding-right: 20px;
  padding-bottom: 6px;
  padding-left: 20px;
  text-decoration: none;
}

.btn-price:hover {
  background: #6bb2e8;
  background-image: -webkit-linear-gradient(top, #6bb2e8, #34659f);
  background-image: -moz-linear-gradient(top, #6bb2e8, #34659f);
  background-image: -ms-linear-gradient(top, #6bb2e8, #34659f);
  background-image: -o-linear-gradient(top, #6bb2e8, #34659f);
  background-image: linear-gradient(to bottom, #6bb2e8, #34659f);
  text-decoration: none;
}


.btn-price2 {
  background: #68afe6;
  background-image: -webkit-linear-gradient(top, #68afe6, #2d72c3);
  background-image: -moz-linear-gradient(top, #68afe6, #2d72c3);
  background-image: -ms-linear-gradient(top, #68afe6, #2d72c3);
  background-image: -o-linear-gradient(top, #68afe6, #2d72c3);
  background-image: linear-gradient(to bottom, #68afe6, #2d72c3);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  border: 1px solid #043f85;
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 24px;
  font-weigh:bold;
  padding-top: 4px;
  padding-right: 30px;
  padding-bottom: 4px;
  padding-left: 30px;
  text-decoration: none;
}

.btn-price2:hover {
  background: #6bb2e8;
  background-image: -webkit-linear-gradient(top, #6bb2e8, #34659f);
  background-image: -moz-linear-gradient(top, #6bb2e8, #34659f);
  background-image: -ms-linear-gradient(top, #6bb2e8, #34659f);
  background-image: -o-linear-gradient(top, #6bb2e8, #34659f);
  background-image: linear-gradient(to bottom, #6bb2e8, #34659f);
  text-decoration: none;
}





/* testimonial rotator box setup */

.box-testimonial-main {
margin: 5px 0px 10px 10px;
padding: 15px 5px 5px 5px;
border: 1px solid #CCCCCC;
background-color:#f6f6f6;

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php);
}

.box-testimonial-pc {
	height: 140px;
	margin-top: 50px;
}

.bq1 {
background:url(../images/quote-open-sm.png) top left no-repeat;
padding-top: 5px;
}


.bq2-main {
background: url(../images/quote-close.png) bottom right no-repeat;		
}
		
.bq-content {
margin-top: -5px;
margin-left: 40px;
margin-right: 30px;
line-height: 1.5em;
font-style:italic;
}

.bq-name {
margin-right: 45px; 
text-align:right;
font-style:italic;
}

/* end of testimonial rotator section */


/* testimonial page setup */
.box-testimonial {
margin: 5px 15px 15px 10px;
padding: 10px 20px;
border: 1px solid #CCCCCC;
background-color:#f6f6f6;

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php);
}

.box-testimonial-top {
margin: 5px 15px 15px 10px;
padding: 0;
border: 1px solid #CCCCCC;
background-color:#f6f6f6;

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php);
}

.testimonial-top {
	padding: 10px 20px;
	width: 100%;
}

.testimonial-leftcol {
	float:left; 
	margin-right: 20px; 
	width: 345px;
}

.testimonial-rgtcol {
	float:left; 
	width: 540px;
}

 blockquote {			
font-style: italic;
margin: 0.25em;
padding: 0.25em 10px 0.25em 5px;
line-height: 1.45;
position: relative;
background:url(images/quote-open.png) top left no-repeat;
}

.cbs blockquote {			
font-style: italic;
margin: 0.25em;
padding: 0.25em 10px 0.25em 5px;
line-height: 1.45;
position: relative;
background:url(images/quote-open.png) top left no-repeat;
}

.box-testimonial blockquote {			
font-style: italic;
margin: 0.25em;
padding: 0.25em 10px 0.25em 5px;
line-height: 1.45;
position: relative;
background:url(images/quote-open.png) top left no-repeat;
}

.bq1 {
background:url(images/quote-open-sm.png) top left no-repeat;
padding-top: 5px;
}


.bq2-main {
background: url(images/quote-close.png) bottom right no-repeat;		
}
		
.bq-content {
margin-top: -5px;
margin-left: 40px;
margin-right: 30px;
line-height: 1.5em;
font-style:italic;
}

.bq-name {
margin-right: 45px; 
text-align:right;
font-style:italic;
}		

.bq2 {
margin-top: -5px;
margin-left: 30px;
margin-right: 0px;
background: url(images/quote-close.png) bottom right no-repeat;
}

.bq3 {
margin-top: -5px;
margin-left: 30px;
margin-right: 0px;
background: url(images/quote-close.png) bottom right no-repeat;
}

.textrotator2 {font-style:italic; min-height: 140px;}

blockquote cite {
display: block;
margin-top: 5px;
text-align:right;
margin-right: 45px;
font-weight:bold;
}

blockquote cite:before {
content: "\2014 \2009";
}
		
.corner-testimonial {
background:#c8cfdd;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px; 
border-radius: 10px 10px 0px 0px; 
behavior: url(PIE.php);
margin: 0px;
}


/* end of testimonial page */

/* colors, font sizing, margins and padding */
.s10 {
	font-size: 10px;
}

.s12 {
	font-size: 12px;
}

.red {
color:#CC0000;
font-weight: bold;
}

.wht {
color:#FFFFFF;
}

.gray {
color:#838383;
}

.blk {
color:#000;
}


.mgn0 {
	margin-top: 0px;
}

.mgn10 {
margin-top: 10px;	
}

.mgn15 {
margin-top: 10px;	
}


.mgn20 {
margin-top: 20px;	
}

.mgn30 {
margin-top: 30px;	
}

.mgn50 {
margin-top: 50px;	
}

.pshm {
margin-top: 20px;	
}

.pdg0{
padding: 0px;	
}

.ctr {
	text-align:center;
}

/* this is for the red navigation links */

a.redcheck:link, a.redcheck:visited, a.redcheck:hover{
color: #F20000;
font-weight: bold;
margin-left: 10px;
text-decoration: none;
}

a.redcheck12:link, a.redcheck12:visited, a.redcheck12:hover{
color: #F20000;
font-weight: bold;
font-size: 14px;
margin-left: 10px;
margin-bottom: 15px;
text-decoration: none;
}

a.redcheck:hover, a.redcheck12:hover  {
text-decoration: underline;
}

a.topic:link, a.topic:visited, a.topic:hover {
color: #000;
text-decoration: none;
}

/* setup of "learn more" text on sub pages */
ul.sub-learn { 
/*list-style-image:url(images/bullet-hm-red3.gif);*/
list-style:none;
margin: 0px 0px 0px 1em;
padding:0px 30px 5px 1em;
text-align: right;
font-weight:bold;
}

ul.sub-learn li {
margin-top: 0px;
padding-top: 0px;
font-size: 13px;
}


.sub-learn a:link, .sub-learn a:visited, .sub-learn a:hover {
color:#FF0000;
font-size: 12px;
text-decoration:none;
}


.sub-learn a:hover {
color:#FF0000;
text-decoration:underline;
}
/* end setup of "learn more" text on sub pages */

/* for ps pricing page  */
.col5-ps {
	width: 300px;
margin: 5px 15px 10px 0px;
border: 1px solid #CCCCCC;

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;  
border-radius: 10px; 
behavior: url(PIE.php);
}
/* for ps pricing page  */


.guide {
	font-size: 10px;
	margin-top: 15px;
	text-align: center;
	border: 1px solid black;
}

table.guide tr.d1 td {
	background-color:#CCCCCC;
	font-size: 11px;
}
table.guide tr.d0 td {
	background-color:#fff;
	font-size: 11px;
}


/* start of chuck selection */
.ch-ttl {font-size: 12px;
font-weight: bold;
text-align: center;
margin-left: 1px;
}
.chart-head {font-size: 10px;
font-weight: bold;
text-align: center;
margin-left: 1px;
line-height: 1.0em;
}
.chart-text {font-size: 10px;
text-align: center;
margin-left: 1px;
line-height: 1.0em;
}
.style1 {font-size: 9px;}

tr.selection, td.selection  {
background-color:#CCCCCC;
font-size: 11px;
font-weight: bold;
text-align: center;
margin-left: 1px;
}

tr.d1 td {
background-color:#dddddd;
}
/* end of chuck selection chart */


.liners-hm ul{ 
width: 160px;
padding-top: 5px;
list-style-image:url(images/bullet-hm-blk.gif);
margin-left: auto;
margin-right:auto;
}


.address {
float:left;
width: 600px;
padding: 0px; 
}

.address p {
font-size: 11px;
margin: 0px;
padding: 0px;
line-height: 1.5em;
}

.copyright {
font-size: 11px;
margin: 0px;
padding: 0px;
line-height: 1.5em;
}


.cc {
float:left;
width: 420px;
}


	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	.chuck table { 
		width: 100%; 
		border-collapse: collapse;
		text-align:center; 
		
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	.chuck th { 
		background: #ccc; 
		color: #000; 
		font-weight: bold; 
		text-align: center; 
	}
	.chuck td, .chuck th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: center; 
	}
	

	/* Zebra striping */
		.ps table { 
		width: 100%; 
		border-collapse: collapse;
		text-align:center; 
		
	}
	
	.ps tr:nth-of-type(odd) { 
		background: #eee; 
	}
	.ps th { 
		background: #ccc; 
		color: #000; 
		font-weight: bold; 
		text-align: center; 
	}
	.ps td, .ps th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: center; 
	}
	
	
		/* ES Zebra striping */
		.es table { 
		width: 100%; 
		border-collapse: collapse;
		text-align:center; 
		
	}
	
	.es tr:nth-of-type(odd) { 
		background: #eee; 
	}
	.es th { 
		background: #cccccc; 
		color: #000; 
		font-weight: bold; 
		text-align: center; 
	}
	.es td, .es th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: center; 
	}
	
	 
	 table.cr {
		width:100%;
		margin-right: auto;
		margin-left: auto;
	}

	.cr th { 
		background: #cccccc; 
		color: #000; 
		font-weight: bold; 
		text-align: center; 
	}
	.cr td, .cr th { 
		padding: 12px; 
		border: 1px solid #ccc; 
		text-align: center; 
	}
	
	.cr td {
		background: #ffffff;}
		
		
	/* Kinetic Zebra striping */
	.kinetic table { 
		width: 100%; 
		border-collapse: collapse;
		text-align:center; 
		margin-left: auto;
		margin-right: auto;
		
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	.kinetic th { 
		background: #ccc; 
		color: #000; 
		font-weight: bold; 
		text-align: center; 
	}
	.kinetic td, .kinetic th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: center; 
	}

		
	
	.pc-price {
	width: 95%; margin-left: 20px;
	}
	
	
	.btn-price3 {
  background: #68afe6;
  background-image: -webkit-linear-gradient(top, #68afe6, #4b88d0);
  background-image: -moz-linear-gradient(top, #68afe6, #4b88d0);
  background-image: -ms-linear-gradient(top, #68afe6, #4b88d0);
  background-image: -o-linear-gradient(top, #68afe6, #4b88d0);
  background-image: linear-gradient(to bottom, #68afe6, #4b88d0);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
   font-family: Verdana, Arial, Sans-Serif;
  font-size: 12px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  text-decoration: none;
}

.btn-price3:hover {
  background: #6bb2e8;
  background-image: -webkit-linear-gradient(top, #6bb2e8, #34659f);
  background-image: -moz-linear-gradient(top, #6bb2e8, #34659f);
  background-image: -ms-linear-gradient(top, #6bb2e8, #34659f);
  background-image: -o-linear-gradient(top, #6bb2e8, #34659f);
  background-image: linear-gradient(to bottom, #6bb2e8, #34659f);
  text-decoration: none;
}

.btn-83 {
 margin-top: 5px;
width: 88px;	
}

.btn-ls {
 margin-top: 5px;
width: 88px;
margin-left: auto;
margin-right: auto;	
}
	
	
.video-icon {
float:left; margin-left: 65px;	
}

.video-icon-price {
float:left; margin-left: 15px;	
}

.video-icon-acc {
margin-left: 15px;	
}


.video-txt {
float:left;  
margin-left: 40px;
vertical-align:text-top;	
}

.video-txt-price {
float:left;  
margin-left: 10px;
vertical-align:text-top;	
}

.video-txt p {
padding-top: 5px;
text-align:center;	
}

.video-txt-price p {
padding-top: 5px;
text-align:center;	
}

.ps-pkg-desc {
	height: 140px;
	overflow:hidden;}
	
.es-pkg-desc {
	height: 110px;
	overflow:hidden;}	
	
.ls-pkg-desc {
	height: 110px;
	overflow:hidden;}	

.es-section-sp {
	height:30px;
}

.ls-col { float:left; width: 46%; text-align:center;}

.cr-inc {
	width: 100%;
}
.cr-products {
	display:inline-block; 
width: 48%;
padding-top: 8px;
text-align:center;
margin-left: 5px;}

.kinetic-img {
	width: 95%;
}

.kinetic-img-col {
float:left; 
width: 45%; 
text-align:center;
margin-left: 10px;
}
.chuck-sel {
	float:none; width: 98%;
}
.chuck-col-a {
	display:inline-block; 
	width: 380px;
	}
.chuck-col-b {display:inline-block; 
	width: 240px; margin-left: 10px;}

/* Responsive code here */
@media screen and (max-width:1023px) {
#wrapper {width:100%;}
.tagline {float:right; width: 70%; text-align: right;  padding-right: 20px;}

.pg-title {margin-right: 10px; width: 40%;}

.top-hm {float:none; margin-right: auto; margin-left: auto; width: 95%;}
.pshm {margin-top: 0px;}
.content-hm .box1, .content-hm .box3 {width: 46%; margin-left: 25px;min-height: 230px;}
.content-hm .box2 {width: 46%; margin-right: 0px; margin-left: 25px;min-height: 230px;}

.box-hm .col-a {width: 70%;}
.content-hm .box4, .content-hm .box5 {width: 95%; margin-left: 25px;}
.content-hm .chucks-hm {width: 44%; margin-left: 5px;}

.testimonial-leftcol { width: 30%;}
.testimonial-rgtcol {width: 60%;}
.col-lin .col-lft {float:left; width: 65%; margin-right: 20px;}
.col-lin .col-rgt {float:left; width: 30%; margin-right: 10px;}
.col-lin .col-lft-torque {width: 60%; }
.col-lin .col-rgt-torque {width: 30%}
.content-main .col2-a {margin: 7px 15px 10px 10px;}

.content-main .col2-b {margin-right: 10px;margin-left: 10px; }
.chuck-col-b {display:block; margin-top: 10px;margin-right: auto; margin-left: auto;}
.chuck-col-a br {display:none;}
}

@media all and (max-width: 1015px) {
.navphone {width: 98%; color:#000000;padding: 0px; font-size: 16px;font-weight: bold; text-align:center;}
.subhead { margin-top: 0px; }
.subnav { margin-right: auto; margin-left: auto; display:block;}
}

@media all and (max-width: 980px) {
.col-lft-ft {width: 90%;	}
.col-rgt-ft {text-align:center;}
.ps-price-chart {float:none; width: 80%; margin: 0px auto;}
.es-price-chart {float:none; width: 80%; margin: 0px auto;}
}



@media all and (max-width: 940px) {
.navphone {width: 98%; color:#000000;padding: 0px; font-size: 16px; font-weight: bold;text-align:center;}
.tagline {float:left; width: 70%; margin-top: 25px;}

.tagline h2 {font-size:16px;  }
.pg-title {margin-right: 10px; width: 80%;}
.navphone {width: 90%;float:left; color:#000000;margin: 8px 0px 5px 0px; text-align:center;}

.pshm {margin-top: 0px;}

.testimonial-leftcol {  width: 30%;}
.testimonial-rgtcol { width: 60%;}
.col-lin .col-lft {float:left; width: 60%; margin-right: 20px;}
.col-lin .col-rgt {float:left; width: 30%; margin-right: 10px;}
.col-lin .col-lft-torque {width: 60%; margin-right: 20px;}
.col-lin .-torque {width: 30%; margin-right: 10px;}

.content-sub .col-lft-ps {width: 33%;margin: 0px 10px 0px 10px;}

.content-sub .col-rgt-ps {width:57%;margin: 0px 10px 0px 20px;}
.ps-header {height: 50px;}
.content-hm .box1, .content-hm .box3 {width: 45%; margin-left: 25px;min-height: 240px;}
.content-hm .box2 {width: 45%; margin-right: 0px; margin-left: 25px;min-height: 240px;}
.box-hm .col-a {width: 60%;}
}


@media all and (max-width: 900px) {	
.content-sub .col-lft {margin: 0px 10px 0px 20px;}
.content-sub .col-rgt {margin: 0px 10px 0px 10px;}	
.col-lft h3 br {display:none;}
}

@media all and (max-width: 890px) {	
.tagline { width: 60%;}
}


@media all and (max-width: 870px) {
.col-lin .faq-cc {float:left; width: 80%;}
.col-lin .faq-cc2 {float:left; margin:0px 0px 0px 30px;}
}

@media all and (max-width: 850px) {
.ps-price-col {width: 90%;margin: 0px 5px;}

.ps-price-col ul  {margin-bottom: 0px;}
.es-price-col ul  {margin-bottom: 0px;}
.ps-pkg-desc {height: 200px;}
.es-pkg-desc {height: 120px;}
}

@media all and (max-width: 820px) {
.content-sub .col-lft-ps {width: 37%;margin: 0px 10px 0px 10px;}

.content-sub .col-rgt-ps {width:50%;margin: 0px 10px 0px 10px;}
.content-main .col2-ls {margin: 10px 5px 10px 5px;}
}
@media all and (max-width: 799px) {
.content-hm .box1, .content-hm .box3 {min-height: 250px;}
.content-hm .box2 {min-height: 250px;}
.video-icon {margin-left: 25px;	}
}
@media all and (max-width: 799px) {
.pc-price {margin-left: 5px;}
}

@media all and (max-width: 730px) {
.video-txt-price { float:none;  }
.video-icon-price {margin-left: 2px;  }
}

@media all and (max-width: 700px) {
 .tagline { width: 330px; margin-top: 30px;}
  .tagline h2 {font-size:14px; padding: 0px; margin: 0px; }	
.pg-title { margin-right: 0px; width: 95%;}	
.content-hm .box1 {width: 95%; min-height: 200px; margin-top: 20px; margin-left: 10px;}
.content-hm .box2 {width: 95%; min-height: 200px;margin-top: 20px; margin-left: 10px;}
.content-hm .box3 { width: 95%; min-height: 200px;margin-top: 20px; margin-left: 10px;}

.box-hm .col-a {float:left; width:70%; padding-right: 5px;}
.box-hm .col-b {float:left; width: 121px;}	

.testimonial-leftcol { float:none; width: 90%;}
.testimonial-rgtcol {float:none; width: 90%;}
.col-lin .col-lft {float:none; width: 95%; margin-right: 5px;}
.col-lin .col-rgt {float:none; width: 95%; margin-right:auto; margin-left:auto;}

.content-sub .col-lft {float:none; width: 95%; margin: 0px 5px 0px 5px;}
.content-sub .col-rgt {float:none; width: 95%; margin: 0px 5px 0px 5px; }

.content-main .col2-a {float:none; width: 85%;margin: 0px 10px;}
.content-main .col2-b {float:none; width: 85%; margin: 0px 10px;}
.content-main .col2-a p {margin-bottom: 0px;}
.content-main .col2-b p {margin-top: 0px;}

.col-rgt .acc-box {margin: 10px 10px 10px 10px; text-align:center;}

.col-lin .col-lft-torque {float:none; width: 95%; margin-right: 5px;}
.col-lin .col-rgt-torque {float:none; width: 95%; margin-right: auto; margin-left: auto;}
.col-rgt-img {/*(float: left; margin-top: 10px; margin-left: 10px;*/text-align:center; width: 96%; margin-left: auto; margin-right: auto;}

.col-rgt .col-rgt-img2 {float:left; margin-top: 10px; margin-left: 10px;}
.col-rgt .col-rgt-img3 {float:left; margin-top: 10px; margin-left: 10px;}
.col-rgt .col-rgt-img-prod {width: 96%; margin-right: auto; margin-left: auto; }
.img1, .img2, .img3, .img4, .img5 {margin-top: 10px;}
.main-img {width: 80%; text-align:center; margin-right:auto; margin-left: auto;}

.price2 {margin-top: 15px;}
.content-main h2 {margin-left: 5px;}
.box-testimonial-main {margin: 5px 0px 10px 5px; padding: 5px 5px 5px 5px;}                                 
.es-section-sp {height:5px;}
.content-main .col2-es  {float:none; margin-right:auto; margin-left: auto; width: 80%;}

.content-main .col2-ls  {float:none; margin-right:auto; margin-left: auto; width: 80%;}
.es-pkg-desc {height: auto;}
.ls-pkg-desc {height: auto;}
.col2-es .acc-box { width: 70%; margin-right: auto; margin-left: auto;}
.chuck-col-b {margin-bottom: 15px;}
}

@media all and (max-width: 640px) {
 .top-hm h1 {font-size: 16px;}
 .top-hm h2 {font-size: 16px;}
.ps-price-col {float:left;width: 46%;margin: 0px 5px;}
.es-price-col {float:left;width: 46%;margin: 0px 5px;}

.col3 .acc-box {width: 60%; margin: 0px auto 10px auto}
.col2 .acc-box {width: 60%; margin: 0px auto 10px auto}
.ps-pkg-desc {height: 120px; height:auto; margin-bottom: 20px;}
.es-pkg-desc {height: 120px; height:auto; margin-bottom: 20px;}
.ps-header { height:auto;}
.es-header { height:auto;}
.ls-header { height:auto;}
}

@media all and (max-width: 610px) {
  .tagline { width: 95%; text-align: center; margin-top: 10px;}	
}

@media all and (max-width: 599px) {

  body {min-width: 320px; width:100%;}

  .logo-top {float:left;}

  .tagline h2 {font-size:16px; padding: 0px; margin: 0px; }
  .topnav {padding: 3px 5px 3px 5px;}
  .topnav-col-lft {width: 90%; }
  .navphone {color:#000000; text-align:center; margin:0px; padding: 0px; }

  .pg-title h1 {margin: 5px 0px 0px 5px;}
    .subnav {margin-left: 5px; width: 95%;}
    .content-main .col-lin { width: 97%; margin: 10px 5px 10px 5px;}
 .content-hm .box1 {width: 95%; margin-top: 20px; margin-left: 10px;}
.content-hm .box2 {width: 95%; margin-top: 20px; margin-left: 10px;}
.content-hm. box3 { width: 95%; margin-top: 20px; margin-left: 10px;}

.box-hm .col-a {float:left; width:70%; padding-right: 5px;}
.box-hm .col-b {float:left; width: 121px;}

.box-testimonial-top {margin: 5px 0px 15px 0px; padding: 0px;}
.cbs blockquote {margin: 0.25em; padding: 0.25em 10px 0.25em 5px;}
.box-testimonial-top blockquote .bq3 {margin-top: -5px; margin-left: 25px;}
.box-testimonial {margin: 5px 0px; padding: 5px 0px;} 
.box-testimonial blockquote {margin: 0.10em; padding: 0.5em 0px 0.25em 25px; line-height: 1.45;}

.bq2 { margin-top: -5px; margin-left: 0px; margin-right: 0px;}
.content-main .col2-es  { float:none; width: 80%; margin-right:auto; margin-left: auto;}

.address {width: 95%;}
}

@media all and (max-width: 550px) {
	.price {clear:both; float:none; width: 96%; text-align:center; padding-top: 20px; margin-right: auto; margin-left: auto; }	
	.col3 .acc-box {width: 75%; margin: 0px auto 10px auto; text-align:center;}
.col2 .acc-box {width: 75%; margin: 0px auto 10px auto; text-align:center;}
.es-price-col {float:none; margin: 0px 5px; width: 90%;}
.cr-products {width: 80%;}
}

@media all and (max-width: 500px) {
	.nav2 {width: 98%; padding-top: 15px; }
	.nav2 br {display:none;}	
	.price {clear:both; float:none; width: 96%; text-align:center; padding-top: 20px; margin-right: auto; margin-left: auto; }	
	 .top-hm h1 {font-size: 14px;}
	 .top-hm h2 {display:none;}		
	 .top1 {border-bottom:none;}
	 .intro-sm {display:none;}
	.content-sub .col-lft-ps {float:none; width: 95%; margin: 0px 2px 0px 2px;}

.content-sub .col-rgt-ps {float:none; width:90%; margin:  0px 2px 0px 2px;}

.main-img-ps {width: 70%; text-align:center;}
}


@media all and (max-width: 470px) {
		.video-icon {margin-left: 30px;	}
    .video-txt {margin-left: 20px;}
	.content-main .col2-es {width: 90%;}
	.content-main .col2-ls {width: 90%;}
}

@media all and (max-width: 460px) {
		.top-hm {box-shadow:none;}
		.box-hm {box-shadow:none;}	
	.box-hm .col-a {float:left; width:60%; padding-right: 5px;}
	.feature .col {float:none; width: 95%;}
	.col2 .acc-box {width: 90%;}
}

@media all and (max-width: 400px) {
	.video-icon {margin-left: 2px;	}
 .video-txt {margin-left: 5px;	}
.video-txt p {margin: 10px 0px 0px 2px;}
}

@media all and (max-width: 359px) {
   body {min-width: 318px; width:100%;}

  .logo-top {float:left;}
  .tagline { width: 98%; text-align: center; margin-top: 10px;}
  .tagline h2 {font-size:12px; padding: 0px; margin: 0px; }
  .topnav {padding: 3px 5px 3px 5px;}
  .topnav-col-lft {width: 90%; }
  .navphone {color:#000000; text-align:center; font-size: 14px; margin:0px; padding: 0px; }
  .content-main .col-lin { width: 97%; margin: 10px 5px 10px 5px;}

  .content-hm { width: 100%; margin: 0px auto;}
  .box-hm {box-shadow:none;}	
.content-hm .box1 {width: 320px;min-height: 265px;margin-right: 0px; margin-left: 0px;}

.content-hm .box2 {width: 320px;min-height: 240px;margin-top: 20; margin-right: 0px; margin-left: 0px;}

.content-hm .box3 {width: 320px;margin-top: 20px;min-height: 240px;margin-right: 0px;margin-left: 0px;}
 .box-hm .col-a {float:left; width:190px; padding-right: 5px;}
.box-hm .col-b {float:left; width: 121px;}

.content-sub .col-lft {margin: 0px 0px 0px 0px;}
.content-sub .col-rgt {margin: 0px 0px 0px 0px;}

.box-testimonial-top {margin: 5px 0px; padding: 0px;}
.box-testimonial {margin: 5px 0px; padding: 5px 0px;} 
.box-testimonial blockquote {margin: 0.10em; padding: 0.5em 0px 0.25em 25px; line-height: 1.45;}
.bq2 { margin-top: -5px; margin-left: 0px; margin-right: 0px;}
.col-lin .col-lft {float:none; width: 98%; margin-right: 5px;}
.col-lin .col-rgt {float:none; width: 98%; margin-right: 5px;}
.cc { width: 90%;}
.main-img-ps {width: 90%; text-align:center;}
.pc-price { width: 95%; margin-left: 5px; margin-right: 5px;}


.address {width: 95%;}
}

@media all and (max-width: 325px) {
.box-hm {box-shadow:none;}	
.content-hm .box1 {width: 315px; margin-left: 0px;}
.content-hm .box2 {width: 315px; margin-left: 0px;}
.content-hm .box3 {width: 315px; margin-left: 0px;}
.content-hm .box-hm .col-a {float:left; width:180px; padding-right: 5px;}	

}