html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    margin: 0;
    font-size: 16px;
	font-family: 'Roboto', sans-serif; 
	font-weight:400;
	background-color:#FFF;
	color:#777777;
	text-align:left;
}
div.wrapper  {
 	margin-left:auto;
 	margin-right:auto;
	max-width:960px;
	} 
h1, h2, h3, p, ol, ul, img {
    margin: 0;
    padding: 0;
}
h1	{
	color:#CA0000;
	font-weight:900;
	font-size:34px;
	margin-bottom:20px;
	margin-top: 60px;
}
h2	{
	color:#666666;
	font-weight:900;
	font-size:28px;
	margin-bottom:20px;
}
h3	{
	color:#555555;
	font-size:20px;
	margin-top: -20px;
	margin-bottom:15px;
	font-weight:500;
}
img {
    max-width: 100%;
    height: auto;
    border: 0;
}
a {
    text-decoration: none;
	color:#CA0000;
}
a:hover	{
	color:#CA0000;
	}
a img {
	border:none;
	}
p	{
	font-size:17px;
	line-height:180%;
	margin-bottom:20px;
	font-weight:400;
}
table	{
	width:100%;
	font-size:14px;
}
th	{
	text-align:center;
	width:30%;
	background-color:#CC0000;
	padding:5px;
	color:#FFF;
	line-height:140%;
}
td	{
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}
.row_bg	{
	background-color: #EEEEEE;
}
header	{
	width:100%;
}
.top_banner	{
	text-align:right;
	height:36px;
	background-color:#000000;
}
.top_banner div a	{
	color:#FFFFFF;
	font-weight:400;
	line-height:36px;
	margin-left: 20px;
	
}
.logo	{
	float:left;
	margin-top:3px;
}
.phone	{
	float:right;
	text-align:center;
	margin-left:20px;
	background-color:#CA0000;
	padding:10px 15px 10px 15px;
	margin-bottom:10px;
	border-radius:0 0 20px 20px;
}
.phone a	{
	font-size:26px;
	color:#FFF;
	font-weight:900;
}
.phone p	{
	font-size:14px; 
	margin-bottom:0px;
	line-height:120%;
	color:#FFF;
}
.banner	{
	text-align:right;
	height:36px;
	border-top:#DDD 1px solid;
	box-shadow: 0 8px 6px -6px #DDD;
	clear:both;
}
/* 
following css for slicknav
*/
.slicknav_menu {
	display:none;
}
/* 
following css for menu
*/
nav 	{
}
#menu li	{
	display:inline;
}
#menu a	{
	line-height:36px;
	font-size:16px;
	display:inline-block;
	height:36px;
	padding-left:15px;
	padding-right:15px;
	color:#999999;
	font-weight:500;
}
#menu a:hover	{
	color:#FFF;
	background-color:#CA0000;
}
body#steer a#steerlink,
body#drive a#drivelink,
body#trailer a#trailerlink,
body#allposition a#allpositionlink	{
	color:#CA0000;
	}
body#steer a#steerlink:hover,
body#drive a#drivelink:hover,
body#trailer a#trailerlink:hover,
body#allposition a#allpositionlink:hover	{
	color:#FFF;
	}
/* 
css for slideshow

*/
.slide_one	{
	background:url(images/slide-one-widescreen.jpg);
	position:relative;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 25%; /* (img-height / img-width * container-width) (400 / 1600 * 100) */
	}
.slide_two	{
	background:url(images/slide-two-widescreen.jpg);
	position:relative;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 25%; /* (img-height / img-width * container-width) (400 / 1600 * 100) */
	}
.top_layer	{
	position:absolute; 
	top:0; 
	bottom:0; 
	left:0; 
	right:0;
	text-align: center;
	margin-top:4%;
	padding:0% 3% 3% 3%;
	}
.slide_left { 
	display: inline-block;
	vertical-align: top;
	margin-top: 60px;
	margin-right: 25px;
}
.slide_right { 
	display: inline-block;
}
.slide_heading { 
  	font-size:60px;
	color:#FFF;
	line-height:90%; /* important when line breaks on tablet widths */
	font-weight:900;
	margin-top: 0px;
}
.slide_text { 
  	font-size:30px;
	font-weight:500;
}
.slide_button a { 
	display:block;
	padding:20px;
	border:#FFF solid 1px;
	width: 550px;
	color:#FFF;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	font-weight:500;
	-webkit-transition: background-color 1s; /* For Safari 3.1 to 6.0 */
    -moz-transition: background-color 1s;
    transition: background-color 1s;
}
.slide_button a:hover { 
	background-color:#000000;
}
.highlight	{
	font-weight:900; 
	color:#CA0000;
	white-space:nowrap;
	font-style: italic;
}
.tire_selector	{
	position:relative; /* Important */
	width:96%;
	border:#DDD 1px solid;
	overflow:hidden;
	padding: 15px;
	margin-bottom: 20px;
}
.tire_selector p	{
	margin-bottom:0px;
}
.tire_selector:hover	{
	box-shadow: 5px 5px 5px #DDD;
}
.tire_selector_image	{
	display: inline-block;
}
.tire_selector_text	{
	display: inline-block;
	font-size: 30px;
	margin-left: 20px;
	vertical-align: top;
	margin-top: 11px;
	font-weight:900;
}
.tire_selector a  { /* Following css makes entire div into link */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}
.tire_menu	{
	background-color: #000000;
	color: #FFFFFF;
	width: 90px;
	font-weight:500;
	display:inline-block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
}
.tire_menu:hover	{
	background-color: #CA0000;
	color: #FFFFFF;
}
.tire	{
	padding-top: 50px;	
	padding-bottom: 50px;	
	border-bottom: 1px #CCCCCC solid;
}
.tire_description	{
	float: right; 
	width: 65%;	
}
.tire_description img	{
	margin-bottom: 10px;	
}
.product_sheet_button	{
	font-weight:500;
	border:1px #CCC solid;
	width: 255px;
	display:block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
	border-radius:5px;
}
.product_sheet_button:hover	{
	border:1px #CA0000 solid;
	background-color:#CA0000;
	color:#FFFFFF;
}
/* 
css for contact.php
*/
a.disable-link {
    pointer-events: none;
    cursor: default;
	color:#000;
}
a.disable-footer-link {
    pointer-events: none;
    cursor: default;
	color:#FFF;
}
/* 
css for thank-you.php
*/
.min_height	{
	padding-top:150px;
 	height:350px;
}
/* 
css for footer.php
*/
footer 	{
	background-color:#333;
	border-top:#888 2px solid;
	margin-top: 20px;
	padding-bottom:30px;
	padding-top:45px;
}
footer p	{
	font-size:14px;
	color:#FFF;
	margin-bottom:5px;
	}
footer a	{
	color:#CA0000;
	}
.float_left	{
	float:left; 
	margin-right:75px;
	margin-bottom:20px;
	text-align:left;
}
.float_right	{
	float:right; 
	text-align:right;
	margin-bottom:20px;
}
#contact_form	{
	padding-top:50px; /* Add top padding to the anchored div */
	margin-top:-50px;  /* Avoid unnecessary whitespace by adding a negative margin  */
}
#copyright {
	width:100%;
	margin-left:auto;
 	margin-right:auto;
	text-align:center;
	overflow:hidden;
	}
#copyright p {
	font-size:12px;
	padding-top:25px;
	}
@media only screen and (max-width: 1800px ) { 
	.top_layer	{
		margin-top:3%;
		}
	} 
@media only screen and (max-width: 1600px ) { 
	.top_layer	{
		margin-top:2%;
		}
	} 
@media only screen and (max-width: 1450px ) { 
	.top_layer	{
		margin-top:1%;
		}
	} 
@media only screen and (max-width: 1400px) {
	.slide_one	{
		background:url(images/slide-one.jpg);
		padding-top: 32.85%; /* (img-height / img-width * container-width) (460 / 1400 * 100) */
		}
	.slide_two	{
		background:url(images/slide-two.jpg);
		padding-top: 32.85%; /* (img-height / img-width * container-width) (460 / 1400 * 100) */
		}
	.top_layer	{
		margin-top:5%;
		}
}
@media only screen and (max-width: 1300px ) { 
	.top_layer	{
		margin-top:4%;
		}
	} 
@media only screen and (max-width: 1200px ) { 
	.top_layer	{
		margin-top:3%;
		}
	} 
@media only screen and (max-width: 1125px ) { 
	.top_layer	{
		margin-top:2%;
		}
	} 
@media only screen and (max-width: 1075px ) { 
	.top_layer	{
		margin-top:1%;
		}
	} 
@media only screen and (max-width: 1025px ) { 
	.slide_one, .slide_two	{
		padding-top: 46.34%; /* (img-height / img-width * container-width) (475 / 1025 * 100) */
		}
	.slide_one	{
		background:url(images/slide-one-tablet-landscape.jpg);
		}
	.slide_two	{
		background:url(images/slide-two-tablet-landscape.jpg);
		}
	.top_layer	{
		margin-top:8%;
		}
@media only screen and (max-width: 990px) { /*margins on sides of screen for tablets */
	div.wrapper {
		max-width:97%;
		}
	} 
@media only screen and (max-width: 975px ) { 
	.top_layer	{
		margin-top:7%;
		}
	} 
@media only screen and (max-width: 875px ) { 
	.top_layer	{
		margin-top:5%;
		}
	.tire_description	{
		width: 60%;	
	}
	} 
@media only screen and (max-width: 850px ) { 
	.top_layer	{
		margin-top:4%;
		}
	} 
@media screen and (max-width: 800px) {
	.top_layer	{
		margin-top:2%;
		}
	}
@media only screen and (max-width: 775px ) { 
	.tire_description	{
		width: 55%;	
	}
	}