/* About Page ____________________________________________________ */

.des3		{	padding:20px 10px 10px 10px;	}
.des3 h3 	{ 	margin-bottom:10px; }
.grid2 		{ 	padding:20px 30px; }


/*PLT Landing Page _______________________________________________ */

div.pre , h1.pre { font-family: 'Roboto', Arial, Helvetica, sans-serif;  } /* Atrezzo */	
div.pre {	margin:0px; padding:2px 4px; color:#fff; font-weight:500; font-size:10px; 
			text-transform:uppercase; width:100%;	} 

/*Atrezzo Gradient*/	
div.pa { background: -moz-linear-gradient(left,  rgba(19,75,139,1) 0%, rgba(19,75,139,0) 91%, rgba(19,75,139,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(19,75,139,1)), color-stop(91%,rgba(19,75,139,0)), color-stop(100%,rgba(19,75,139,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(19,75,139,1) 0%,rgba(19,75,139,0) 91%,rgba(19,75,139,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(19,75,139,1) 0%,rgba(19,75,139,0) 91%,rgba(19,75,139,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(19,75,139,1) 0%,rgba(19,75,139,0) 91%,rgba(19,75,139,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(19,75,139,1) 0%,rgba(19,75,139,0) 91%,rgba(19,75,139,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134b8b', endColorstr='#00134b8b',GradientType=1 ); /* IE6-9 */
}	
div.li	{ background: -moz-linear-gradient(left,  rgba(123,99,44,1) 0%, rgba(123,99,44,0) 91%, rgba(123,99,44,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(123,99,44,1)), color-stop(91%,rgba(123,99,44,0)), color-stop(100%,rgba(123,99,44,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(123,99,44,1) 0%,rgba(123,99,44,0) 91%,rgba(123,99,44,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(123,99,44,1) 0%,rgba(123,99,44,0) 91%,rgba(123,99,44,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(123,99,44,1) 0%,rgba(123,99,44,0) 91%,rgba(123,99,44,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(123,99,44,1) 0%,rgba(123,99,44,0) 91%,rgba(123,99,44,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b632c', endColorstr='#007b632c',GradientType=1 ); /* IE6-9 */
}
div.wi { background: -moz-linear-gradient(left,  rgba(48,48,48,1) 0%, rgba(48,48,48,0) 91%, rgba(48,48,48,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(48,48,48,1)), color-stop(91%,rgba(48,48,48,0)), color-stop(100%,rgba(48,48,48,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(48,48,48,1) 0%,rgba(48,48,48,0) 91%,rgba(48,48,48,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(48,48,48,1) 0%,rgba(48,48,48,0) 91%,rgba(48,48,48,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(48,48,48,1) 0%,rgba(48,48,48,0) 91%,rgba(48,48,48,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(48,48,48,1) 0%,rgba(48,48,48,0) 91%,rgba(48,48,48,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#00303030',GradientType=1 ); /* IE6-9 */
}
div.co { background: -moz-linear-gradient(left,  rgba(149,149,149,1) 0%, rgba(149,149,149,0) 91%, rgba(149,149,149,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(149,149,149,1)), color-stop(91%,rgba(149,149,149,0)), color-stop(100%,rgba(149,149,149,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(149,149,149,1) 0%,rgba(149,149,149,0) 91%,rgba(149,149,149,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(149,149,149,1) 0%,rgba(149,149,149,0) 91%,rgba(149,149,149,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(149,149,149,1) 0%,rgba(149,149,149,0) 91%,rgba(149,149,149,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(149,149,149,1) 0%,rgba(149,149,149,0) 91%,rgba(149,149,149,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#00959595',GradientType=1 ); /* IE6-9 */
}

h1.pre  { font-size:20px; padding-top:5px; font-weight:400; }					/*name*/
h2.pre  { color:#666; font-size:11px; padding-top:6px; font-weight:normal; }	/*descript*/
.pa{color:#7fcbee;}	.li{color:#ffbc22;}.wi{color:#82cff3;}.co{color:#d79e1d;}	/*colors*/

.preview h1 {	text-indent:0px !important;	}
.sect img { margin-right:8px; height:8px; width:8px; }
.sect { font-weight:bold; font-size:11px; text-transform:uppercase; padding:8px 7px 3px;
/*		background:#e1e1e1; border-top:solid 1px #204f7e; */
		color:#000; 
		  }
/* Tire names for PLT product pages only */
.plt { margin-top:-10px !important; }
.plt div.pre { 	width:24%; font-size:14px; }			/* Atrezzo */
.plt h1.pre  { 	font-size:55px; padding-top:15px; font-weight:300; text-indent:0px !important; 
					text-transform:uppercase; } 	/*name*/
.plt h2.pre  { 	color:#000; font-size:12px; padding-top:15px; text-transform:uppercase;
					line-height:16px; }	/*descript*/

.plt h1.pa { color:#88d9ff; }
.plt h1.wi { color:#fff; }
.plt h2.li { color:#fff; }
.plt h2.co { color:#fff; }

/*Commercial Truck Title on product pages*/

/*Regional*/
.re .ct 		{ margin-top:-5px !important; color:#000;  }
.re .ct h2 		{ font-size:60px; font-weight:300; padding-bottom:10px;  }
.re .ct h2 span { color:#000; }
.re .ct h3 		{ text-transform:uppercase;  }


/*Mixed Service*/
.mx .ct 		{ margin-top:-5px !important; }
.mx .ct h2 		{ font-size:60px; font-weight:300; padding-bottom:10px;  }
.mx .ct h2 span { color:#9acdff; }
.mx .ct h3 		{ text-transform:uppercase; color:#fff;  }
/*Line Haul*/
.li .ct 		{ margin-top:-5px !important; }
.li .ct h2 		{ font-size:60px; font-weight:300; padding-bottom:10px;  }
.li .ct h2 span { color:#9acdff; }
.li .ct h3 		{ text-transform:uppercase; color:#fff;  }



/*	MRT _________________________ */

img.eft {  width:66px; height:32px; }

h3.mrt {
	position:relative;
	top:7px;
	padding:2px 5px;
	color:#fff !important;
	background-image: url(../images/trans.png);
	background-repeat: repeat;
	display:inline;
	}


/*	INDEX _________________________ */

.info h2 { 
	font-family: 'Roboto', Arial, Helvetica, sans-serif; 
	font-weight:400;	font-size:24px;		color:#fff;
/*	text-transform:uppercase; */line-height:22px;
/*	margin-top:20px;*/
	}
.info h3 { 
	font-family: 'Roboto', Arial, Helvetica, sans-serif; 
	font-weight:400;	font-size:13px;		color:#000;
	line-height:14px;
	margin-top:8px;
	}	

.nivo {
	width:100%;
	float:left;
	background:#fff;
	}
	
.index {
	width:100%;
	float:left;
	text-align:center; 
	}
		
/*.col { background:#f1f1f1;} */		
.footnav { 
	float:left;
	font-size:11px;
	text-align:left;
	padding:0px 20px;
	margin-bottom:15px;
	line-height:18px;
	width:100%;	
	}	
	.footnav p {
		color:#000;
		margin-left:8px;
		}	
	.footnav ul { 
		margin-left:0px; 
		margin-bottom:10px;		
		}	
	.footnav ul li {
		list-style-type: none;	
/*		background:#666;*/
		}	
	.footnav ul a {
		color:#666;
		display:block;
		margin-left:8px;
		padding:2px 2px 2px 2px;
		}	
	.footnav ul a:hover {
		color:#06C;
/*		background:#f2f2f2;*/
		text-decoration:underline;
		background-repeat: no-repeat;
		background-position: 5px center;	
		}			
		






img.marginBottom10 { margin-bottom:10px !important; }
img.marginBottom20 { margin-bottom:20px !important; }


/*	Applications _________________________ */

div.app { padding:0px 20px; width:100% !important; /*background:red;	*/}
div.app ol { margin-left:16px; padding: 5px 0px; }


/*	Related Links _________________________ */

a div.btn { 					
	padding:6px 0px 6px 10px;		/*	Related link's cell padding	*/
	border:solid 1px #eee;
	} 		
	div.rel div a  { 
	color:#999;	
	}
	div.rel a div:hover { 	
	background:#036; 
	color:#fff;
	}
	div.rel a div.blank:hover { 	
	background:#fff; cursor:default;
	}	
	div.rel h5 {
	font-size:100%; background:#fafafa;
	padding: 5px 0px 5px 15px; margin: 0px 0px;
	text-transform:uppercase;
	}

/*	360 / Mileage Ratings _________________________ */

table.mile { width:100%; margin: 20px 0px }
table.mile thead { background:#eee; }
table.mile td { border-top:solid 1px #eee; padding-left:5px; }

.thumbs { margin-left:20px;}

div.v360 { margin-bottom:0px; }

	.v360 a { 	
	color:#666;
	}
	.v360 a:hover p { 	
	color:#005096;
	text-decoration:underline;	
	}	
	.v360 a:hover h2 { 
	color:#000;	
	text-decoration:none !important;	
	}	
	.v360 a:hover img , .pix a:hover img , a:hover img {
	-moz-opacity: 	0.90;
	opacity: 		0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
	}

div.pix { 
	visibility:hidden !important;
	}
	

table , td { margin:0px; padding:0px; border:none; }

div.spacer {
	height:20px;
	background:#fff;
	}
table.ratings {
	background:#fff;
	/*	border:solid 1px #e1e1e1;*/
	color:#666;
	}
.des { padding:0px 30px; 	/*same*/	}
	.des p {
	font-size:inherit; 
	}
	
.desMRT { padding:25px 25px 15px; 	/*same*/	}	
.desMRT ul { margin-left:14px; }
	
.des2 { padding-top:20px;	}	
.des2 ol , .des2 ul{ margin-left:20px !important; }
.tdes { padding: 0px 10px; }

div.fb {
	padding:0px 5px;
	}
	div.fb h2 {
	color:#005096;
	margin-bottom:5px !important;
	line-height: 18px;
	text-transform:uppercase;
	}
	img.fb {
/*	margin:10px;*/
/*	background:red;*/
	width:95%;
	}
	

h1, h2, h3, h4, h5 { padding:0px; margin:0px; font-size:13px; }
p { padding:0px; margin:0px; }

.info h1 , .preview h1 {
	text-indent:-9999px;
	}
img.preview { margin-bottom:10px; margin-top:5px; }

a {
	color: #69C;
	text-decoration: none;
	}
a:hover {
	color: #09F;
	}


/*	Performance Ratings ___________________________________  */

.pass .ratings {
		background: #1e5799; /* Old browsers */
		background: -moz-linear-gradient(left,  #1e5799 0%, #8dd8f8 85%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, 
		color-stop(0%,#1e5799), 
		color-stop(85%,#8dd8f8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #1e5799 0%,#8dd8f8 85%); /* 
		Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #1e5799 0%,#8dd8f8 85%); /* Opera 11.10+ 
		*/
		background: -ms-linear-gradient(left,  #1e5799 0%,#8dd8f8 85%); /* IE10+ */
		background: linear-gradient(to right,  #1e5799 0%,#8dd8f8 85%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', 
		endColorstr='#8dd8f8'
		,GradientType=1 ); /* IE6-9 */		
		}
.winter .ratings {
		background: #8dd8f8; /* Old browsers */
		background: -moz-linear-gradient(left,  #8dd8f8 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, 
		color-stop(0%,#8dd8f8), 
		color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #8dd8f8 0%,#ffffff 100%); /* 
		Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #8dd8f8 0%,#ffffff 100%);/*Opera11.10+ */
		background: -ms-linear-gradient(left,  #8dd8f8 0%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to right,  #8dd8f8 0%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd8f8', 
		endColorstr='#ffffff'
		,GradientType=1 ); /* IE6-9 */
		}
.lt .ratings {
		background: #a5571e; /* Old browsers */
		background: -moz-linear-gradient(left,  #a5571e 0%, #ffcf06 85%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top,
		color-stop(0%,#a5571e), 
		color-stop(85%,#ffcf06)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #a5571e 0%,#ffcf06 85%); /* 
		Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #a5571e 0%,#ffcf06 85%); /*Opera11.10+ */
		background: -ms-linear-gradient(left,  #a5571e 0%,#ffcf06 85%); /* IE10+ */
		background: linear-gradient(to right,  #a5571e 0%,#ffcf06 85%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5571e', 
		endColorstr='#ffcf06'
		,GradientType=1 ); /* IE6-9 */
		}		

.pass span , ,winter span , .lt span { 	
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; line-height:11px;
	}
.pass , .winter , .lt { 
	line-height:12px;
	padding: 0px 0px 0px 0px;
	}
.ratings {
	width:100%;
	height:6px; 			/*height of bar*/
	margin-top:		4px; 
	margin-bottom:	8px;
	}		
	.preview .ratings {
		height:4px; 			/*height of bar for PREVIEW only */
		margin-top:	2px; 

		}			
	.num {
		font-family:Arial, Helvetica, sans-serif; font-size:9px;	
		width:	15px;
		height:	15px;
		padding: 2px 0px 0px 0px;
		background:#fff; border:solid 1px #999;		
		position:relative;	top:-6px;
		text-align:center;	vertical-align:middle;
		}	
	.bar {
		float:right; background:#e9eaeb;
		height:100%; 
		}			
	.six .bar 	{ width:45%; 	}	
	.seven .bar { width:35%; 	}	
	.eight .bar { width:25%; 	}	
	.nine .bar 	{ width:15%; 	}				
	.ten .bar 	{ width:5%; 	}					

.preview img { 
/*	border:solid 1px #666; */
	padding:0px; 
	}

.preview a 			{ color:#999; 	}
.preview a:hover 	{ color:#000; 	}
.preview a:active . .preview a:visited { outline:none !important;}

.preview a:hover h1, .preview a:hover h2 { color:#000; }
			
/*	Global ___________________________________  */

span.small { font-size:9px; }
.right { text-align:right; }
.center { text-align:center; }
.gallery { visibility:hidden; }
.gallery img { width:1px; height:1px }

div.p5	{ padding:5px;	}
div.p10	{ padding:10px;	}
div.p15	{ padding:15px;	}
div.p20	{ padding:20px;	}
div.p25	{ padding:25px;	}
div.p30	{ padding:30px;	}

a img { border:none; }
		
.header {
	background: #036;
	padding:7px 0px;
	position:relative;
	top:0px;
	z-index:11;
	width:100%;
	margin: 0 ;
	float:left;
	/*shadow*/
	-webkit-box-shadow: 0px 12px 10px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    0px 12px 10px rgba(50, 50, 50, 0.6);
	box-shadow:         0px 12px 10px rgba(50, 50, 50, 0.6);
	}
#logo {
	/*float:left; */
	margin:5px 15px 0px 15px;
	}
	#logo img { width:180px; float:left; margin-right:20px; }	

#footer {
/*	height:100px;*/
	width:100%;
	padding:30px 0px 0px 0px;
}


table.specs {
	margin-top:15px;
	background: rgba(255,255,255,0.85);
	padding:0px;
	}
.specs td {
	border-bottom:solid 1px #CCC;
	padding:2px 0px;
	width:auto;
	}
.specs tr:nth-child(2n+1) {
	background-color: #F5F5F5;
	}
.specs tr:hover {
	background-color: #dce4ea;		/*highlight*/
	color:#000;
	}
.specs tr.abbrev td , .specs tr.abbrev td:hover { background:#fff; color:#666;

}	
.specs strong { margin-left:3px; white-space:nowrap; }
td.cell { text-indent:15px; } /* 1st column */

thead td {
border-bottom:solid 1px #fff !important;
color:#666; height:18px;
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}

ul.top { background:#fafafa; visibility:hidden;}
ul.top img { margin:0px 3px 3px 0px; }
ul.top li a {  display:block; width:100%; height:20px; padding-top:7px;	}
ul.top li a:hover {  background:#eee; }

.social { position:absolute; right:15px; top:15px; }

 @media screen and (min-width: 1400px) {
h1, h2, h3, h4, h5 { padding:0px; margin:0px; font-size:14px; }
div.preview { font-size:11px !important; }
}
 @media screen and (max-width: 740px) {
.des { padding:20px; 	/*same*/	}
ul.top { visibility:visible;	}	 
.pass span , .winter span , .lt span { 	
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8px; line-height:11px;
	}
.ratings {
	width:100%;
	height:6px; 			/*height of bar*/
	margin-top:		2px; 
	margin-bottom:	4px;
	}		 
	table.mile { width:48%; margin: 20px 0px; float:left; }	 
	.pass , .winter , .lt { 
	width:40%; float:left; padding:10px; margin-bottom:15px;
	}	
}
 @media screen and (max-width: 600px) {
	.social { position:absolute; right:15px; top:50px; }
}
 @media screen and (max-width: 400px) {
 
	table.mile { width:100% !important; }	 
	.pass , .winter , .lt { 
	width:100% !important; padding:0px; margin-bottom:15px; display:block;
	}		 
.table {
	width:100%;
	overflow:none;
	}
table.specs td {
	padding:2px;
	}
img.fb {
	width:40%;
	float:left;
	padding-right:5px;
	}
div.col {
	float:left;
	}
td.cell {
	text-indent:0px;
} /* 1st column */
.header	{
/*	background:#fff; */
	width:100%; margin: 0px; padding:10px 0px;	
	/*shadow*/
	-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         0px 0px 0px rgba(50, 50, 50, 0.6);
	}
#logo img { width:140px; float:left;  }		
.pix img { float:right; }
div.v360 { width:100% !important; }
.tdes { padding: 0px 20px; }
div .thumbs div img { margin-bottom:20px; }
div.fb h2 { font-size:11px; line-height:12px; margin-bottom:0px; }
img.eft {  width:66px !important; height:32px !important; }

}