/*
@viewport {
   width: device-width;
}
*/

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.xdebug-var-dump {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	background: #FFFFFF;	
	z-index: 10000;
}

.row-fluid {
	height: 115px;
}

.social_media_header {	
	display: block;
	width: 227px;
	height: 56px;
	background: transparent url('../img/header-social-bar.png') no-repeat top left;
	padding-left: 62px;
}

ul.social_media_header li {
	margin: 5px 9px 0 9px;
}

.st_facebook_custom {
	background: transparent url('../img/button-FB-like.png') no-repeat top left;
	height: 24px;
	width: 51px;
	padding: 4px 25px 4px 26px;
}

.st_email_custom {
	background: transparent url('../img/button-send.png') no-repeat top left;
	height: 24px;
	width: 55px;
	padding: 4px 27px 4px 28px;
}

input, select, textarea,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline:none; 
/*	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-transition: none;
	-webkit-transition: none; */
}
input:focus, select:focus, textarea:focus { 
	border: 1px solid #ffce00 !important; 
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)  !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)  !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

/*
.content, div.oil_finder {width:1200px;}
#emailModal { display:none;} 
*/

.content {	
	width:1140px; 
	margin: 0px auto;
	position:relative;
	clear:both;
	}

body, html {
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: #f2f2f2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	background-image: url('../img/white-tile.jpg');
	background-repeat: repeat;
	background-position: top left;
}

body.products {
	background: #333333 url('../img/liner-tile-big.jpg');
}

a, a:visited, a:focus, a:hover, a:hover p {
	color: #333333;
	text-decoration: none;
	outline: none;
}

ul {
	list-style-type: none;
/*	margin: 0px; */
	padding: 0px;
	display:block; 
}

ul li { list-style: none; }


h1, h2 ,h3, h4 { font-weight:normal;}
p { 
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

.left { float:left;}
.right { float:right;}

div.header_wrapper a, div.header_wrapper a:visited, div.header_wrapper a:focus, 
div.footer_wrapper a, div.footer_wrapper a:visited, div.footer_wrapper a:focus, 
div.footer a, div.footer a:visited, div.footer a:focus {
	color: #FFFFFF;
	text-decoration: none;
}

div.header_wrapper a:hover,
div.footer_wrapper a:hover,
div.footer a:hover,
div.footer_wrapper p a:hover,
div.footer p a:hover {
	color: #ffce00;
	text-decoration: none;
}

div.main { 
	top:0px !important;
	margin-top: 75px;
	width: 100%;
	float: left;
}

div.tiny_nav { display:none;}

.navbar-container { 
	width: 100%; 
	height: 101px; 
	float: left; 
	/*
	position: fixed;
	*/
	position: absolute;
	top: 0;
	z-index: 99; 
	background-image: url('../img/header_top-tile.jpg'), url('../img/header_bg.jpg');
	background-position: top left, top left;
	background-repeat: repeat-x, repeat-x;
	box-shadow: 5px 5px 15px #000000;
}
.navbar-fixed-top, .navbar-fixed-bottom {
	position: relative;
}
/*#banner_slides{
	height: 622px;
}*/

/* .navbar { margin: 0 auto; width: 69.027%;} */

.navbar-inverse .navbar-inner, .navbar-inner {
	height: 101px;
	background-color: #d81b1b;
	background-image: url('../img/header_top-tile.jpg'), url('../img/header_bg.jpg');
	background-position: top left, top left;
	background-repeat: repeat-x, repeat-x;
	padding:0px;
	filter:none; /* IE9 header background fix */
}

.navbar-block { margin: 0 auto; width:1140px; position:relative;}

.row-fluid nav.group.span9 { width: 62.9566%; margin: 0; }

.upper_nav li {
	position: relative;
	font-size: 7pt;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	float:left;
}

.upper_nav li a {
	display: inline-block;
	margin-top: 2px;
}

a.social_fonts  {
	color: #fff;
	font-size: 1.6em;
}
a.social_fonts:hover{
	color: #96cf72;

}


input.search {
	width: 180px;
	height: 32px;
	padding: 0px 10px;
	margin-left: 40px;
	border: none;
	background-color: #165A94;
	font-size: 13px;
	line-height: 32px;
	color: #ebebeb;
	border-radius: 0px;
}

button.search {
	height: 32px;
	width: 25px;
	border: none;
	background: #165A94 url('../img/sprite_icon_search.png') -8px 0 no-repeat;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 32px;
	color: #ebebeb;
	margin-right: 20px;
}



/*
 *	Header : Lower Navigation
*****************************/
	div.lower_nav ul.group.left {width: 90%;margin: 0;}

	.lower_nav {margin-top: 14px; width: 100%;}

	.lower_nav li{
		position: relative;
		float: left;
		background: url('../img/bg_transparent_red.png') repeat;
		border: 1px solid #e61717;
		font-family: Ciutadella-Bold;
		font-size: 18px;
		font-weight: normal;
		line-height: 45px;
		letter-spacing: .05em;
		text-transform: uppercase;
		text-align: center;
		margin-right: 2px;
		cursor: pointer;
	}
	.lower_nav li.products{
		background-position: 0 0;
		width: 130px;
		/* width: 20%; */
		height: 43px;
	}
	.lower_nav li.diy_guide{
		background-position: -135px 0;
		width: 126px;
		height: 43px;
	}
	.lower_nav li.experience_peak{
		background-position: -263px 0;
		width: 210px;
		/* width: 28%; */
		height: 43px;
	}
	.lower_nav li.purchase{
		background-position: -479px 0;
		width: 177px;
		/* width: 22%; */
		height: 43px;
	}
	.lower_nav li.about{
		background-position: -662px 0;
		width: 133px;
		/* width: 18%; */
		height: 43px;
	}
	.lower_nav > li a{
		/* width: 100%; */
		height: 100%;
		display: block;
		z-index: 100;
	}
	
	div.subnavbox {
		display: none;
		position: absolute; 
		top: 40px;
		padding: 0 35px 0 35px;
		overflow: hidden;
	}
	
	div.subnavbox.left {
		margin-left: -35px;
		left: 0;
	}
	
	div.subnavbox.right {
		margin-right: -35px;
		right: 0;
	}
	
	ul.subnav {
		position: relative; 
		display: table;
		width: auto;
		height: 90px;
    	white-space: nowrap;
		margin: 3px 0 0 0;
		box-shadow: 0px 0px 20px 5px #000000 inset, 0px 0px 50px 0px rgba(200,200,200,0.1); 
		z-index: 2;
		padding: 0 15px 0 15px;
	}
	
	ul.subnav li {
		float: none;
		display: inline-block;
		position: relative;
		background-image: none;
		border: 0;
		font-family: Ciutadella-Bold;
		font-size: 18px;
		font-weight: normal;
		line-height: 15px;
		letter-spacing: .05em;
		text-transform: uppercase;
		padding: 0px 20px 0px 20px;
		margin: 38px 0 0 0;
		border-right: 1px solid #FFFFFF;
	}
	
	ul.subnav li.last {
		border: 0;
	}
	
	ul.subnav li a {
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 15px;
	}

	.lower_nav > li:nth-child(1) {

	}
/*
 *	Header : Lower Navigation : Submenu
***************************************/
	div.sub_menu {
		z-index:500;	
	}

	.lower_nav li.products div.sub_menu{
		position: relative;
		top: 0px;
		left: 0px;
		width: 862px;
		background: #FFFFFF;
		display: none;
	}
	.lower_nav li.products div.sub_menu .sub_nav{
		width: 175px;
	}
	.lower_nav li.products:hover div.sub_menu{
		display: block;
	}
	.lower_nav li.experience_peak div.sub_menu,
	.lower_nav li.about div.sub_menu,
	.lower_nav li.purchase div.sub_menu{
		position: relative;
		top: 1px;
		left: 0px;
		width: 235px;
		display: none;
	}
	.lower_nav li.experience_peak:hover div.sub_menu,
	.lower_nav li.about:hover div.sub_menu,
	.lower_nav li.purchase:hover div.sub_menu{
		display: block;
	}
	.lower_nav div.sub_menu .sub_nav{
		height: 0;
		width: 100%;
		float: left;
	}	

	.lower_nav div.sub_menu .sub_nav ul {
		margin:0px;
	}

	#products_sub_menu div.sub_nav ul {
		min-height: 387px;
		
	}

	.lower_nav div.sub_nav ul{
		border-bottom: none;
		box-shadow: 0 6px 4px -4px #666;
		-moz-box-shadow: 0 6px 4px -4px #666;
		-webkit-box-shadow: 0 6px 4px -4px #666;
	}
	.lower_nav div.sub_menu ul li{
		float: none;
		background: none;
		border: 1px solid #26477d;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 13px;
		font-weight: bold;
		line-height: 16px;
		text-transform: uppercase;
		text-align: center;
	}
	.lower_nav div.sub_menu ul li a{
		font-family: Verdana, Geneva, sans-serif;
		font-size: 13px;
		font-weight: bold;
		line-height: 20px;
		text-transform: uppercase;
	}	
	.lower_nav div.sub_menu .sub_nav ul li{
		/*padding: 10px 20px;*/
		border: 1px solid #FFFFFF;
		border-top: none;
		background-color: #003a70;
		color: #FFFFFF;
		text-align: left;
	}
	.lower_nav div.sub_menu .sub_nav ul li:first-child{
		border-top: 1px solid #FFFFFF;
	}
	.lower_nav li.products div.sub_menu .sub_nav ul li{
			width: 170px;
			padding: 0px 0px;
			z-index:4;
	}
	.lower_nav div.sub_menu .sub_nav ul li:hover,
	.lower_nav div.sub_menu .sub_nav ul li:hover a{
		color: #007cba;
		cursor: pointer;
	}
	.lower_nav div.sub_menu .sub_nav ul li a{
		display: block;
		padding: 10px 20px;
	}
	.lower_nav div.sub_menu ul li.active,
	.lower_nav li.experience_peak div.sub_menu ul li:hover,
	.lower_nav li.about div.sub_menu ul li:hover,
	.lower_nav li.purchase div.sub_menu ul li:hover,
	.lower_nav div.sub_menu ul li.active a,
	.lower_nav li.experience_peak div.sub_menu ul li:hover a,
	.lower_nav li.about div.sub_menu ul li:hover a,
	.lower_nav li.purchase div.sub_menu ul li:hover a{
		background-color: #FFFFFF;
		color: #003a70;
	}
	.lower_nav div.sub_menu .sub_content ul li{
		position: absolute;
		top: 0px;
		left: 170px;
	/*	width: 692px; */
		width: 570px;
		max-height: 387px;
		float: right;
		background: #FFFFFF;
		border: 1px solid #FFFFFF;
		-moz-box-shadow: 0px 4px 9px -4px #999;
		-webkit-box-shadow: 0px 4px 9px -4px #999;
		box-shadow: 0px 4px 9px -4px #999;
		display: none;
		overflow: hidden;
	}	
	.lower_nav div.sub_menu .sub_content a div.sub_category{
	/*	width: 230px; */
		width: 180px;
		height: 190px;
		padding: 2px 5px;
		float: left;
		background: url('../img/divider.png') right center no-repeat;
		background-color: #FFFFFF;
	}
	.lower_nav div.sub_menu .sub_content a:nth-child(3n+3) div.sub_category{
		background: none;
	}
	.lower_nav div.sub_menu .sub_content a div.sub_category .product{
		height: 183px;
	}
	.lower_nav div.sub_menu .sub_content a div.sub_category:hover .product{
		background: #ebebeb;
	}
	.lower_nav div.sub_menu .sub_content div.sub_category:hover a,
	.lower_nav div.sub_menu .sub_content div.sub_category:hover p{
	 	color: #003a70;
	}
	 div.sub_category a,
	 div.sub_category p{
	 	color: #333333;
	 	font-size: 14px;
	 	font-weight: bold;
	 	text-transform: none;
	 	line-height: 16px;
	 	margin: 0px;
	 }
	 div.sub_category p{
		padding: 0px 5px;
	 }
	.lower_nav div.sub_menu .sub_content div.sub_category img{
		max-height: 150px;
		max-width: 100%;
	}
/*
 *	Header : Lower Navigation : Social Media
********************************************/	

	.menu-wrap .social_media {
		margin: 0px; margin-right:20px;
	}
	.menu-wrap .social_media li{
		background: none;
		border: none;
		padding: 0px;
		height: 43px;
		width: 33px;
		position: relative;
		float: left;
	}

	.menu-wrap .social_media li.facebook div{
		background: url('../img/sprite_social_media.png') no-repeat 0 0;
		width: 10px;
		height: 20px;
		margin: 10px 15px;
	}
	.menu-wrap .social_media li.facebook:hover div{
		background-position: 0 -21px;
	}
	.menu-wrap .social_media li.twitter div{
		background: url('../img/sprite_social_media.png') no-repeat -24px -2px;
		width: 24px;
		height: 16px;
		margin: 12px 8px;
	}
	.menu-wrap .social_media li.twitter:hover div{
		background-position: -24px -23px;
	}
	.menu-wrap .social_media li.youtube div{
		background: url('../img/sprite_social_media.png') no-repeat -58px -1px;
		width: 18px;
		height: 20px;
		margin: 10px 11px;
		
	}
	.menu-wrap .social_media li.youtube:hover div{
		background-position: -58px -22px;
	}

div.logo.span3 { width:37.0434%; }

.container-fluid-wide { padding:0px; }

#header_logo { position: relative; max-width: 236px; width: 236px; height: 132px; margin: 0 0 0 15px; z-index: 20; }

/* Carousel */

#banner_slides { 
	background-image: url('../img/under-slide-tile.jpg');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 10px;
	margin-top: 100px;
}

#banner_slides .slide img { width:100%; }
#banner_slides .pagination {
	margin: 0px 15px 0px 20px;
	padding: 0px;
	float:left;
}

.caption {
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 filter: alpha(opacity=0);
	 -moz-opacity: 0;
	 -khtml-opacity: 0;
	 opacity: 0;
}

.slides_pagination {
	position: relative;
	line-height: 40px;
	height:42px;
	/*width: 1100px; !* 72%; *!*/
	margin: 0 auto;
}

#banner_slides ul.pagination li {
	float: left;
	margin: 10px 5px;
	line-height: 20px;
}

#banner_slides ul.pagination li a {
	color: #FFF;
	font-size: 11px;
}

#banner_slides ul.pagination li.current a {
color: #FFFFFF;
font-weight: bold;
}

.slides_pagination p,
#banner_caption,
#banner_caption a {
	margin: 12px 0px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f2f2f2;
}

#banner_social {
	min-width: 300px;
	height: 24px;
	float: right;
	margin-top: 10px;
}

#banner_social span {
	margin-right: 5px;
	float: right;
}

.slides_pagination div.fb-like {
	width: 90px;
	height: 24px;
	float: right;
	margin: 2px 0 0 0;
}

img.fbimg { padding:10px;}

div.fb-send { max-width: 55px; }
div.fb-like, div.fb-send {
	margin: 10px 0px 10px 10px;
	width: 90px;
	height: 21px;
	line-height: 20px;

}

.fb_iframe_widget {
	position: relative;
	display: -moz-inline-block;
	display: inline-block;
}

.fb_iframe_widget span {
	display: inline-block;
	position: relative;
	text-align: justify;
	vertical-align: text-bottom;
}
.fb_iframe_widget span {
	min-height: 20px;
}




/* Oil Finder styling
  *********************/
  
	div.oil_finder{
		position: relative;
		top: 30px;
		width: 1140px; 
		margin-bottom: 0px;
		margin: 0px auto;
		padding-bottom: 55px;
		background: url('../img/shadow_base.png') bottom center no-repeat;
	}
	div.oil_finder .image,
	div.oil_finder .text{
	/* 	float: left; */ 
		width:50%;
		display:inline-block;
	}

	div.oil_finder .image { 
		text-align: right;
		vertical-align:top;
		}
	div.oil_finder img {
		position: relative;
		/* margin-left: 3%; /* 169px; */
		z-index: 2;
	}
	div.oil_finder div.text {
		position: relative;
		margin-top: 45px;
	/*	margin-left: 3px; */
		width: 47%;
	}
	div.oil_finder div.text h1{
		font-family: Ciutadella-Bold;
		font-size: 40px;
		color: #333333;
		text-transform: uppercase;
		margin-bottom: -6px;
		margin-top: 0px;
	}
	div.oil_finder div.text p{
		margin: 0px auto 8px;
		font-size: 18px;
		color: #333333;
	}
	a.button{
		display: block;
		width: 131px;
		height: 37px;
		background: url('../img/btn_find_oil.png') top center no-repeat;
		color: #FFFFFF;	
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		line-height: 34px;
	}
	a.button:hover{
		background: url('../img/btn_find_oil_rollover.png') top center no-repeat;
		color: #1d1d1d;
	}


/* PROMO BLOCKS */

#featured_products_wrapper { margin-bottom:25px; display: table; padding-bottom: 105px;
		background: url('../img/shadow_base.png') bottom center no-repeat; }
.featured_products { display: block; margin: 35px auto; max-width: 1142px;} 

div.promo {
	position: relative;
	/* width: 362px;
	height: 322px; */
	z-index: 0;
	margin: 0px auto;
	height: auto;
	z-index: 4;
}

div.promo div.promo_title {
	position: relative;
	height: 38px;
	max-width: 361px;
	background: transparent url('../img/promo-title-tab.png') no-repeat bottom center;
	background-size: contain;
	z-index: 5;
	margin: 15px auto -9px auto;
	font-family: Ciutadella-Bold;
	font-size: 1.3em;
	color: #333333;
	text-align: center;
	text-transform: uppercase;
	padding-top: 12px;
}


div.promo div.cutcorners_top,
div.promo div.cutcorners_bottom { 
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 35px;
	background: url('../img/promo_cutcorner_top_big.png') no-repeat ;
	background-size: contain;
	top:0px;
}

div.promo div.cutcorners_bottom {
	background: url('../img/promo_cutcorner_bottom_big.png') no-repeat bottom; 
	background-size: contain;
	bottom:0px;
	width: 100%;
	top:auto;
}



div.promo .octagon_frame {
	position: absolute;
	z-index: 2;
	background: url('../img/octagon_frame.png');
	width: 362px;
	height: 322px;
	display:none; /****/
}

div.promo_base {
	position: relative;
	/* width: 362px;
	height: 322px; */
	margin: 0px auto; 
	padding: 9px 0 24px 0; /* 4% 6% */
	max-width: 549px;
	background-image: url('../img/footer_top-tile.jpg'), url('../img/header_top-tile.jpg');
	background-color: #1a1c21;
	background-position: top left, bottom left;
	background-repeat: repeat-x, repeat-x;
/*	border-radius:5%;
	-moz-box-shadow: 0px 4px 9px 0px #999;
	-webkit-box-shadow: 0px 4px 9px 0px #999;
	box-shadow: 0px 4px 9px 0px #999; */
}

div.promo_base:hover {
	background-color: #d81b1b;
}

div.promo_base h1, div.promo_base h2 {
	position: relative;
	z-index: 3;
	margin: 0px 0px 0px 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}

div.promo_base h1 {
	font-family: Ciutadella-Medium;
	font-size: 25px;
	line-height: 26px;
}

div.promo_base:hover h1, 
div.promo_base:hover h2 {
	color: #FFFFFF;	
}

div.promo_base h2 {
	font-family: Ciutadella-Regular;
	font-size: 16px;
	line-height: 16px;
	font-style: italic;
	color: #d81b1b;
}

div.promo_base p, div.promo_base a:hover p { 
	margin-left:25px;
}

div.promo:hover div.promo_hover {
	display: block;
	width:100%;
	height:100%;
}

div.promo:hover div.promo_hover img {
	/* height:100%; */
}

div.promo_hover {
	position: absolute;
	top: 0;
	left: 0;
	/* width: 362px;
	height: 322px; */
	padding: 4px 0px 0px 6px;
	padding:0px;
	display: none;
	overflow:hidden;
}

div.promo_base img {
	width:100%;
	max-width:100%;
	margin-bottom:14px;
	height: auto;
	position:relative;
	top: auto;
}

div.promo_base div.text {
	position:relative; bottom:auto;
}

.content.big_promos div.promo_base { max-width:570px;}
.content.big_promos div.promo_base div.cutcorners_top {
	background: url('../img/promo_cutcorner_top_big.png') no-repeat;
	background-size: contain;
}
.content.big_promos div.promo_base div.cutcorners_bottom {
	background: url('../img/promo_cutcorner_bottom_big.png') no-repeat bottom; 
	background-size: contain;
}

.content.big_promos div.promo_hover img.background { width:101%;max-width:101%; }

div.experience_promos div.promo  { margin-bottom:40px;}
div.experience_promos div.promo a:hover p { color:#fff; }


/* 3Step Truck feature */

#steps_filler {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3500px;
}

#steps_wrapper {
	position: relative;
	margin: 0 auto; 
	display: block; 
	height: auto;
	min-height: 580px;
	max-width: 1142px;
}

#scrollablecontainer {
	position: relative;
	margin: 0 auto; 
	display: block; 
	height: 3500px;
	max-width: 1142px;
}

#steps { 
	position: relative;
	max-width: 1142px;
	display: block; 
	margin: 35px auto; 
	margin-left: 10%;
	margin-right: 10%;
} 

.truck_step {
	position: relative;
	width: 100%;
	max-width: 621px;
	float: right;
	margin-top: 0px;
}

.truck_step img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

.truck_step img.off {
	display: none;
}

#scrollMsg {
	left: 50%;
	margin-left: -44px;
	margin-top: -50px;
	display: none;
}

.stepscaption {
	position: absolute;
	top: 0;
	left: 0;	
	z-index: 60;
	margin-bottom: 65px;
}

#threeeasystepsimg {
	width: 117px;
	float: left;	
}

#threeeasystepsimg img {
	width: 100%;	
}

.stepscaptionimgs {
	position: relative;
	float: left;	
	display: block;
	width: 200px;
	height: 128px;
	margin: 5px 15px 0 20px;	
}

.stepscaptionimgs img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.stepscaptionimgs img.off {
	display: none;
}

#bubble1 {
	display: none;
	position: absolute;
	top: 30px;
	right: -110px;
	z-index: 51;
}

#bubble1 img,
#bubble2 img{
	width: 100%;	
}

#bubble2 {
	display: none;
	position: absolute;
	top: 247px;
	right: 575px;
	z-index: 51;
	width: 219px;
}


/* no animation */

#steps_wrapper.noanim .step {
	position: relative;
	width: 100%;
	max-width: 1142px;
	height: auto;
	display: table; 
	margin: 0 auto; 
	clear: both;
	z-index: 4;
	padding-right: 10%;
	padding-left: 10%;
	margin-bottom: 50px;
}

#steps_wrapper.noanim .step .stepscaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 40%;
}

#steps_wrapper.noanim .step .stepscaption .threeeasystepsimg {
	position: relative;
	width: 35%;
	margin-right: 2%;
	max-width: 117px;
	display: inline-block;
	float: left;
}

#steps_wrapper.noanim .step .stepscaption .threeeasystepsimg img {
	width: 100%;	
}

#steps_wrapper.noanim .step .stepscaption .stepscaptionimgs {
	position: relative;
	display: inline-block;
	width: 63%;
	margin: 0;
	padding: 0;	
	max-width: 200px;
}

#steps_wrapper.noanim .step .stepscaption .stepscaptionimgs img {
	width: 100%;
}

#steps_wrapper.noanim .step .truck_step {
	display: inline-block;
	position: relative;
	width: 73%;
	max-width: 621px;
	margin: 15px 0 0 0;
}

#steps_wrapper.noanim .step .truck_step img {
	position: relative;
	z-index: 1;
	width: 100%;
}

#steps_wrapper.noanim .step #bubble1 {
	display: block;
	position: absolute;
	top: 5%;
	right: -30px;
	z-index: 5;
	width: 33%;
	max-width: 208px;
}

#steps_wrapper.noanim .step #bubble1 img,
#steps_wrapper.noanim .step #bubble2 img{
	width: 100%;	
}

#steps_wrapper.noanim .step #bubble2 {
	display: block;
	position: absolute;
	top: 50%;
	left: -10%;
	z-index: 51;
	width: 33%;
	max-width: 208px;
}

/* end no animation */

@media screen and (max-width: 1139px) {
	
	#threeeasystepsimg {
		width: 100px;	
		border: 1px solid #FFFFFF;
	}
	
	.stepscaptionimgs {
		width: 170px;
	}
	
	.stepscaption {
		left: -15px;	
	}
}

@media screen and (max-width: 1023px) {
	
	/*#steps_wrapper {
		min-height: none;
	}*/
	
	#steps {
		margin-top: 0px;	
	}
	
	#threeeasystepsimg {
		width: 117px;	
	}
	
	.stepscaptionimgs {
		width:200px;
		margin-bottom: 25px;
	}
	
	.stepscaption {
		position: relative;
		display: block;
		float: left;
	}
	
	#bubble1 {
		top: 170px;
		right: -80px;
	}
	
	
	#bubble2 {
		top: 350px;
	}
}

@media screen and (max-width: 767px) {
	#steps_wrapper.noanim .step .stepscaption {
		position: relative;
		display: block;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
	}
	
	#steps_wrapper.noanim .step .truck_step {
		width: 100%;
	}
}

/* end home 3 step animation */

div.footer_wrapper {
	position: relative;
	margin-top: 15px; 
	z-index: 10;
	width: 100%;
	background: url('../img/footer-bg-tile.jpg');
	overflow: hidden;
	background-size: 100% 100%;
}

footer {
	position: relative;
	height: 334px;
	padding-top: 25px;
	width: 96% !important;
	max-width: 1150px;
	margin: 0 auto;
}

footer h1 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
	padding: 0px 0px 3px;
	margin-bottom: 0px;
}

footer div.logos {
	display: inline-block;
	width: 235px;
	padding-top: 15px;
	padding-right: 4px;
	background: #000000;
}

.footer_nav {	
	display: inline;
}

.footer_nav .sub_menu {
	display: table;
	padding-top: 10px;
	padding-bottom: 22px;
	margin-bottom: 2px;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

.footer_nav .sub_menu ul {
	padding: 0px ;
	margin: 0;
	list-style-type: none;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}

ul.span3.footersection li {
	display: inline-block;
	vertical-align: top;
	width: auto;
	margin-right: 15px;
}

#footerColumn1 {
	width: 50%;
}

#footerColumn2 {
	width: 23%;
}

#footerColumn3 {
	width: 27%;
}

ul.span3.footersection li ul {
	width: auto;
	float: left;
}

ul.span3.footersection li ul li {
	display: block;
	vertical-align: top;
	margin-right: 0px;
}

ul.span3.footersection li ul li { 
	padding-top: 5px; 
	padding-bottom: 5px; 
	line-height:1.2em; 
}

footer .connect h1, 
footer .connect ul {
	float: right;	
}

footer .connect h1 {
	line-height: 40px;
	margin: 25px 15px 25px 0px;
}
footer ul.social_media { padding-top:22px;}

footer .social_media li {
	border: none;
	padding: 0px;
	margin-right: 30px;
	width: 48px;
	height: 43px;
	float: left;
}

footer .social_media li.facebook div{
		background: url('../img/sprite_social_media_large.png') no-repeat 0 0;
		width: 19px;
		height: 40px;
		margin: 2px 15px;
}
footer .social_media li.facebook:hover div{
	background-position: 0 -44px;
}
footer .social_media li.twitter div{
	background: url('../img/sprite_social_media_large.png') no-repeat -89px -6px;
	width: 48px;
	height: 32px;
	margin: 5px 0px;
}
footer .social_media li.twitter:hover div{
	background-position: -89px -50px;
}
footer .social_media li.youtube div{
	background: url('../img/sprite_social_media_large.png') no-repeat -196px -2px;
	width: 37px;
	height: 41px;
	margin: 1px 5px;
}
footer .social_media li.youtube:hover div{
	background-position: -196px -46px;
}

div.footer_base {
	position: relative;
	width: 100%;
	height: 70px;
	z-index: 11;
}

div.footer_base div.static_content {
	height: 70px;
	width:96%;
	max-width:1140px;
	margin:0px auto;
}

div.footer_base div.static_content div {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 70px;
	/* margin: 0px 6% 0px 0px; */
	text-align: right;
}

div.footer_base.copyright {
	background: #6c0b0d;
	padding: 0px 20px;
}


/* Title Bar styling
  *********************/
div.title_bar{
	/*
	position: fixed;
	*/
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	width: 100%;
	height: 140px; 
	/*
	background-image: url('../img/header_top-tile.png'), url('../img/liner-tile.jpg');
	background-position: bottom left, top left;
	background-repeat: repeat-x, repeat;
	*/
	background-image: url('../img/liner-tile.jpg');
	background-position: top left;
	background-repeat: repeat;
	padding: 0 0px 10px 0px;
	z-index: 60;
	box-shadow: 0px 7px 10px #000000 inset; 
}


div.title_bar_edge{
	height: 14px;
	display: block;
	width: 100%;
	background: transparent url('../img/header_top-tile.png') repeat-x bottom left;
	position: absolute;
	bottom: -5px;
	left: 0;
}

div.title_bar.home {
	margin-top: -40px;
}

div.midpage_title_bar {
	position: relative;
	margin-top: 0;
	width: 100%;
	height: 14px; 
	background-image: url('../img/header_top-tile.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 0;
	z-index: 4;
}

div.title_bar div.title_bar_tab,
div.midpage_title_bar div.title_bar_tab {
	position: absolute;
	bottom: -36px;
	left: 0;
	height: 45px;
	width: 361px;
	background: transparent url('../img/section-title-tab.png') no-repeat bottom center;
	background-size: contain;
	z-index: 5;
	margin: -9px 0 0 0;
	font-family: Ciutadella-Bold;
	font-size: 1.3em;
	color: #333333;
	text-align: center;
	text-transform: uppercase;
	padding-top: 12px;
}

div.title_bar .content {
	margin:0px auto;
	padding-left:0;
	position:relative;
}
div.title_bar h1{
	margin: 0px;
	/*font-family: VeneerThree;*/
	font-family: Ciutadella-Bold;
	text-transform: uppercase;
	font-size: 60px;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 55px;
	
}
div.title_bar h2{
	margin: 0px;
	font-family: Ciutadella-Regular;
	font-size: 20px;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 24px;
}

div.title_bar div.twitter_feed {
	top:0px;
	right:0px;
	position:absolute;
}

 /* Breadcrumb styling
  *********************/
div.breadcrumb_wrapper{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 2px solid #CCC;
}
div.breadcrumb_wrapper.detail{
	position: relative;
	width: 100%;
	border-bottom: none;
}
ul.breadcrumb{
	max-width: 1140px;
	margin: 0px auto;
	padding: 0px 20px 0 0;
	background-color: transparent;
	font-size:0px;
	line-height:normal;
}
ul.breadcrumb:before,
ul.breadcrumb:after {
	content: "";
	display: table;
} 
ul.breadcrumb:after {
	clear: both;
}
ul.breadcrumb li {
	line-height: normal;
}
ul.breadcrumb li a{
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #6d6e71;
	margin: 13px 0px 10px 0px;
	padding: 0px 5px;
	border-right: 1px solid #999;
}
ul.breadcrumb li a:hover,
ul.breadcrumb li:last-child a:hover{
	text-decoration: underline;
}
ul.breadcrumb li:first-child a{
	padding-left: 0px;
}
ul.breadcrumb li:last-child a{
	border-right: none;
	color: #000000;
}

iframe.emailModal {
	width: 100%;
	min-height: 500px;
	border: none;
}



/*	Footer: Social footer (on or off)
 */		

div.footer_base.social.active{
	position: fixed;
	bottom: 0;
	
	-webkit-transition: bottom 1s ease;  
	-moz-transition: bottom 1s ease;  
	-o-transition: bottom 1s ease;  
	-ms-transition: bottom 1s ease;  
	transition: bottom 1s ease; 
}
	div.footer_base.social{
		position: fixed;
		bottom:-100px;
		
	width: 100%;
	height: 100px;
	height: 100px;
	-webkit-transition: bottom 1s ease;  
	-moz-transition: bottom 1s ease;  
	-o-transition: bottom 1s ease;  
	-ms-transition: bottom 1s ease;  
	transition: bottom 1s ease; 
	}
div.footer_base div.social_bar{
	background: #1d1d1d url('../img/footer_top-tile.jpg') repeat-x top left;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
div.footer_base div.social_bar div.tab{
	position: absolute;
	top: -52px;
	left: 126px;
	height: 61px;
	width: 227px;
	background-image: url('../img/sprite_footer_tab.png');
	background-position: 0 0;
	cursor: pointer;
}
div.footer_base div.social_bar div.tab:hover{
	background-position: 0 0px;		
}
div.footer_base.social.active div.social_bar div.tab{	
	background-image: url('../img/footer-social-bar-tab.png');
}
div.footer_base.social.active div.social_bar div.tab{	
	background-image: url('../img/sprite_footer_tab.png');
	background-position: 0 -74px;
}
div.footer_base.social.active div.social_bar div.tab:hover{	
	background-position: 0px -74px;
}

/*	Footer: Social footer, general
*/	
div.footer_base div.social_bar div.logo,
div.footer_base div.social_bar ul.social_media,
div.footer_base div.social_bar div.social_feed_wrapper{
	position: relative;
	float: left;
}
div.footer_base div.social_bar div.social_feed_wrapper{
	width: 870px;
	float: right;
}
div.social_bar_content{ 
	position: relative; 
	width: 1140px;
	margin: 0px auto;
}

/*	Footer: Social footer, logo
*/	
div.footer_base div.social_bar div.logo{
	width: 250px;
	height: 100px;
	margin-top: 10px;
}
div.footer_base div.social_bar .logo img {
	position: relative;
	top: 24px;
}	
div.footer_base div.social_bar .logo h1 {
	position: relative;
	left: 6px;
	top: 10px;
	font-family: Ciutadella-BoldItalic;
	font-size: 30px;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: -1px;
	line-height: 30px;
	margin: 15px 0px 5px 0px;
}
div.footer_base div.social_bar .logo a {
	font-family: Ciutadella-RegularItalic;
	font-size: 16px;
	color: #FFF;
	line-height: 16px;
	font-weight: 300;
	text-decoration: underline;
	position: relative;
	left: 7px;
	top: 2px;
	text-transform: uppercase;
}

div.footer_base div.social_bar .logo a:hover {
	color: #ffce00;
}

/*	Footer: Social footer, social media column
*/	
div.footer_base div.social_bar ul.social_media{
	margin: 0px;
	padding-left: 27px;
}
.footer_base .social_media li{
	border: none;
	padding: 0px;
	margin: 8px 25px 8px 0px;
}
.footer_base .social_media li div{ 
	background: url('../img/sprite_social_media_round.png') no-repeat 0 0;
	width: 23px;
	height: 23px;	
}
.footer_base .social_media li.facebook div{
	background-position: 0 0;
}
.footer_base .social_media li.facebook:hover div,
.footer_base .social_media li.facebook.active div{
	background-position: -27px 0;
}
.footer_base .social_media li.twitter div{
	background-position: 0 -31px;
}
.footer_base .social_media li.twitter:hover div,
.footer_base .social_media li.twitter.active div{
	background-position: -27px -31px;
}
.footer_base .social_media li.instagram div{
	background-position: 0px -63px;
}
.footer_base .social_media li.instagram:hover div,
.footer_base .social_media li.instagram.active div{
	background-position: -27px -63px;
}

/*	Footer: Social footer, social media feed
*/		

div.footer_base div.social_feed_wrapper{
	height: 99px;
	margin-top: 10px;
}
.social_interact_buttons{
	display: block;
	position: absolute;
	top: 10px; 
	right: 0;
	max-width: 200px;
}
div.social_feed {
	margin-top: 10px;
	height: 80px;
}
div.social_feed .main_feed{
	width: 650px;
	height: 100%;
}
div.social_feed.facebook.active,
div.social_feed.twitter.active,
div.social_feed.instagram.active{
	display: block;
}


div.social_feed img{
	position: relative;
	float: left;
}
div.social_feed.facebook img.icon,
div.social_feed.instagram img{
	width: 66px;
	height: 66px;
	margin: 7px 20px 7px 35px;
}
div.social_feed.twitter img{
	width: 66px;
	height: 66px;
	margin: 7px 20px 7px 35px;
}
div.social_feed h5{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	color: #103e6c;
	margin: 4px 0px 0px;
}
div.social_feed h5 a{
	color: #FFFFFF;
}
/*div.social_feed.instagram h5,
div.social_feed.instagram p.feed
{
	margin-bottom: 3px;
}*/

div.social_feed.instagram p.feed { display:inline; }

div.social_feed p.feed{
	position: relative;
	max-width: 420px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
}

div.social_feed p.feed a{
	color: #FFFFFF;
}
div.social_feed p.feed span.time{
	font-style: italic;
	font-size: 12px;
}

div.social_feed .fb-follow.fb_iframe_widget{
	position: relative;
	height: 20px;
	display: block;
	margin: 0px 0px 0px 10px;
}
div.social_feed div.fb-like,
div.social_feed div.fb-send {
	margin: 4px 0px 10px 10px;
	width: auto;
	height: 21px;
	overflow: hidden;
	float: left;
}
div.social_feed div.fb-send{
	overflow: visible;
}
div.social_feed button.fb-comment {
	position: relative;
	width: 128px;
	height: 26px;
	background: url('../img/btn_fb_comment.png');
	border: none;
	margin: 6px 0px 0px 8px;
}
div.social_feed div.facebook_comment_wrapper{
	min-height: 157px;
	width: 633px;
	background: url('../img/comment_box.png');
	position: absolute;
	top: -145px;
	left: 240px;
}
div.facebook_comment {
	position: absolute;
	bottom: 21px;
	left: 3px;
	width: 628px;
	min-height: 134px;
	border: 2px solid #dcddde;
	border-bottom: none;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 98%, #f8f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#f9f9f9), color-stop(100%,#f8f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 98%,#f8f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 98%,#f8f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 98%,#f8f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 98%,#f8f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f9f9',GradientType=0 ); /* IE6-9 */
}
div.facebook_comment img{
	margin: 15px;
}
div.fb-comments.fb_iframe_widget{
	/*height: 85px;
	overflow: hidden;*/
}
div.icon_wrap {
	margin-left: 10px;
	margin-top: 4px;
}
div.icon_wrap:first-child{
	margin-top: 18px;
}
div.social_feed button.insta-comment {
	position: relative;
	display: block;
	width: 128px;
	height: 26px;
	background: url('../img/btn_instagram_comment.png');
	border: none;
	margin: 3px 0px 0px 7px;
}
div.social_feed button.insta-follow {
	position: relative;
	display: block;
	width: 161px;
	height: 24px;
	background: url('../img/btn_instagram_follow.png');
	border: none;
	margin: 3px 0px 0px 8px;
}
div.social_feed button.insta-like {
	position: relative;
	display: block;
	width: 62px;
	height: 25px;
	background: url('../img/btn_instagram_like.png');
	border: none;
	margin: 0px 0px 0px 8px;
}




div#social_bar { 
	display:block;
	z-index: 100;
}

div#static-social_bar{ display:none;}

.menu-bar {	
	width:760px; 
	height:43px; 
	top:-58px; 
	right:0; 
	position:absolute;
}

.lower_nav li.products { width:130px; }
.lower_nav li.about { width:160px; }
.lower_nav li.experience_peak { width:190px; }
.lower_nav li.purchase { width:130px; }
.lower_nav li.diy_guide { width:100px; }


.menu-wrap {right:0px;}

.lower_nav {  width:auto;  margin:0px; }

 #pagetop {  height:140px;  }

div.social_content h1 { font-size:17px;}
div.instagram.social_section div.social_content h1 { font-weight:normal; height:110px; overflow: hidden; }
div.instagram_social_wrap div.fb-like { margin:0px;}


div.social_content a h1:hover,
.blog div.social_content a h2:hover,
div.social_content a:hover { color: #73bf43; }

div.blog_menu a { color:#fff; }
div.blog_menu h1 { font-size:22px; }
div.blog_menu ul { padding-right:20px; }


div.product_info { min-height:377px; }
div.product_info div.specs { padding:25px 0px 10px; text-align:center; width:100%; max-width:340px; }
div.blue_button.msds { float:none; display: inline-block; }

ul.info_tab { margin-top: 10px; }
li.tab h1 { margin:30px 0px 13px;}
li.tab h2 p { margin: 0px;}
li.tab ul, li.tab li { padding-left:0px; text-indent: 0px; margin-left:7px; margin-top:0px; }

a.btn_prev { left:7px; }
a.btn_next { right:4px;}
div.related_product td { padding:0px;}
div.related_product table, div.related_product img { width:69px; }
div.related_product div.text { width:217px;}

div.msds ul { border:1px solid #fff; }
div.msds ul li { min-width:113px; padding-left:9px; }


/* motorsports pages */

div.racing_content_wrapper img#racing_header { margin-bottom:-37px; }

ul.racing_tabs { margin-left: 4.824%; display:inline-block; }
ul.racing_content li { max-width:1140px; width:100%; }
ul.racing_content li.active { display:inline-block; }

.racing_content div.driver { width:25%; margin:20px 0px; padding:0px 27px; text-align:center; }
.racing_content div.driver img { width:100%; max-width:220px; height:auto; margin:0px auto; }
.racing_content div.driver .title_wrap { max-width:220px;margin:0px auto;text-align: left}

.motor-history { width:auto; padding:0px 425px 20px 3%; min-height:320px;}
.image_block { position:absolute;right:0px;}

ul.team { max-width:1140px; width:100%;}
ul.team li.driver_info.active { padding: 30px 4.9122807%; display:inline-block;width: 100%;}

li.driver_info div.main_image { position:relative; z-index:4;}
ul.team li.driver_info a { padding-right:0px;}
ul.team li.driver_info .content { width:100%;min-height: 350px;}
li.driver_info button.hero_card { margin-top:20px; }
li.driver_info div.driver_bio { float:none; width:100%; margin:0px; padding:0px 250px; z-index:1; }
li.driver_info div.driver_connect { position:absolute; top:10px; right:0px; float:none; margin:0px; z-index:4;}

ul.team li.driver_info div.driver_gallery.content { min-height: 250px; min-width: 100% }

div.driver_gallery a { display:inline-block; width:25%; padding:1%; text-align: center;}
div.driver_gallery a img { width:100%; max-width:220px; height:auto; float:none; margin:0px;}

/* contact page stuff */

.contact #contact_form {
	max-width:738px;
	width:64.736%;
	padding-left:  8.3%;
	padding-right: 0%;

}

.contact #contact_form .row { 
	margin-left:0px;
}

.contact .form_header { 
	padding-left: 30px; 
	position:relative;
	background: url('../img/products-section-divider.jpg') no-repeat bottom center;
	background-size: 100%;
	min-height: 140px;
}

.contact .form_header h1 {
	font-family: Ciutadella-Bold;
	color: #1d1d1d;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
}

.contact .form_header {
	font-family: Ciutadella-Regular;
	color: #1d1d1d;
	font-size: 16px;
	font-weight: normal;
	padding-right: 25px;
}

.contact div.contact_info { 
 	max-width:400px; 
 	width:35.087719%;
 }

 .contact label.radio, .contact label.checkbox { display:inline-block; width:auto;}
 .contact input.half, .contact select.half {
 	width:29.5%; 
	margin-right:7.7%;
 	font-size:16px; 
	line-height: 1em;
 }



.contact input.full, .contact select.full, 
.contact textarea.full { width:66.666%; font-size:16px; line-height:normal; }

.contact form .row .group.right { width:100%;}
.contact div.radio.full { float:none; width:auto; margin-left:130px; }
.contact form .row .group.right input:first-child { margin-left:130px; }

.contact .updates.row { margin-left:0px; padding-left: 130px}

#interVeil{ 
	position: absolute;
	background: #000000 url('../img/black-screen.png');
	right: 0;
	width: 10px;
	top: 0;
	z-index: 5;
	visibility: hidden;
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	/*
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);
	opacity: 0;
	*/
}

.popupclosebutton {
	display: block;
	height: 27px;
	width: 27px;
	background: transparent url('../img/btn-close-popup.png') no-repeat top left;
}

.popupclosebutton:hover {
	display: block;
	height: 27px;
	width: 27px;
	background: transparent url('../img/btn-close-popup-over.png') no-repeat top left;
}

.popupclosebutton img {
	height: 27px;
	width: 27px;
}

/* *** @media STARTS HERE IN DESCENDING ORDER *** */


@media screen and (max-width: 1280px) {

	.content, div.oil_finder, .featured_products {	max-width:1140px; width:100%; }
	.navbar-block {  max-width:1140px; width:100%;}
	.content.textbody { width:96%; }

	div.footer_wrapper { background-size: 100% 100%; }
	div#social_bar { display:block;}
	.lower_nav ul.social_media { display:block;}

	

	/*.featured_products {width: 72%;} */
	/* .lower_nav div.sub_menu .sub_content ul li {width: 230px;} 
	.lower_nav div.sub_menu .sub_content a div.sub_category {height: 130px;}
	.lower_nav div.sub_menu .sub_content div.sub_category img {max-height: 100%;}
	*/
}


@media screen and (max-width: 1139px) {
 	.navbar { margin: 0 auto; width: 100%;} 
 	div#social_bar { display:none; }

 	.related_products .related_product { display:none;}
 	.related_products .related_product:last-child,
 	.related_products .related_product:first-child { display:inline-block;}


	div.social div.social_block div.ep_email { left: 31px; bottom: 22px; }

 	#header_logo { margin-left: 15px; }
	.slides_pagination {width: 100%;}
	
	#truck_step_1 {
		margin-top: 170px;
	}
}


@media screen and (max-width: 1023px) {


	.menu-bar { width:750px;}
	.lower_nav li a { font-size: 0.95em; } 
	
	.lower_nav li.products { width:120px; }
	.lower_nav li.about { width:150px; }
	.lower_nav li.experience_peak { width:180px; }
	.lower_nav li.purchase { width:130px; }
	.lower_nav li.diy_guide { width:130px; }
	
	.lower_nav li.products div.sub_menu .sub_nav ul li { width: 150px; }
	.lower_nav div.sub_menu .sub_content ul li { left:150px; width:550px;}

	.lower_nav li.experience_peak div.sub_menu, 
		.lower_nav li.about div.sub_menu, 
		.lower_nav li.purchase div.sub_menu {
			width:150px;
		}

	/* nav menu drop to full width */ 
	/*
	.menu-bar { background:#000033; top:-12px; width:100%;} 
 	#pagetop { height:144px; } 
 	*/

 	div.title_bar h1 { font-size:52px;}
 	div.title_bar div.twitter_feed { display:none;} 

	div.product_line div.product{ width:50%; }
 	div.product_subcategory div.product{ width:50%; }
 	div.product_subcategory div.product a p { max-width:380px; margin:0px auto; padding:0px 5px; }


 	div.facebook div.social_content { padding: 10px 20px 15px;}
 	div.social_section_wrapper { width:50% !important; }

	div.blog_block .entry div.text, 
	div.blog_block .entry div.post { padding-left:85px;}
 	.blog_listing .blog_block .month { left:0px; }
 	div.blog_block {margin-right:275px !important;}

 	.racing_content div.driver { width:33.333%;}
 	/*.motor-history { padding-right:3%; min-height: auto;}*/
 	.motor-history { padding-right:3%;}
 	.image_block { position:relative;right:auto;width:97%;float:none;margin:25px auto 0px;}
 	.image_block img { margin:0px 1% 20px; width:23%;}

 	div.social div.social_block div.ep_email { left: 31px; bottom: 20px; }
	div.social div.social_block div.ep_email span {font-size: 14px; }
 	
}

@media (max-width: 979px) {
	.menu-bar { width:688px;}
	.lower_nav li a,
	.lower_nav li { font-size: 16px; } 
	
	.lower_nav li.products { width:110px; }
	.lower_nav li.about { width:140px; }
	.lower_nav li.experience_peak { width:175px; }
	.lower_nav li.purchase { width:115px; }
	.lower_nav li.diy_guide { width:100px; }
	
	div.big_promos div.promo { width:100%; float:none; margin-bottom: 30px;}
	div.big_promos div.promo:last-child {margin-right: auto;}

	div.oil_finder div.text { margin-top:0px; }

	div.logo { height:113px; }
	.container-fluid-wide { padding:0px; }
	#header_logo { max-width: 236px; width: 236px; height: 132px;margin: 0 0 0 15px; } 
	.navbar-container { width: 100%; height: 101px; float: left; position: fixed; z-index: 99; }

	.menu-wrap .social_media { margin:0px;}
	.menu-bar { width:688px;}

	/* div.featured_products {width: 100%;} */
	div.navbar {margin: 0 auto; width: 100%;}
	input.search { width: 100px; }
	button.search { margin-right:0px;}
	.icon-facebook, .icon-twitter, .icon-youtube {font-size: .7em; }
	div.oil_finder {width: 100%; min-height: 225px; margin-top: 30px;}

	#products_sub_menu div.sub_nav ul { max-height: 409px;/* 367px; */ }

	footer.content.row-fluid{ width: 96% !important;}

	div.social div.social_block div.ep_email { left: 25px; bottom: 14px; }
	div.social div.social_block div.ep_email span {font-size: 14px; }

	ul.racing_tabs li { min-width:100px; padding: 10px 20px;}
}



@media screen and (max-width: 919px) {
	.menu-bar { width:608px;}
	.lower_nav li a,
	.lower_nav li { font-size: 14px; } 
	.lower_nav li.products { width:80px; }
	.lower_nav li.about { width:115px; }
	.lower_nav li.experience_peak { width:135px; }
	.lower_nav li.purchase { width:85px; }
	.lower_nav li.diy_guide { width:70px; }


	.lower_nav li.products div.sub_menu .sub_nav ul li { width: 115px; }
	.lower_nav div.sub_menu .sub_content ul li { left:110px; width:480px;}
	.lower_nav li.experience_peak div.sub_menu, 
		.lower_nav li.about div.sub_menu, 
		.lower_nav li.purchase div.sub_menu {
			width:125px;
		}

	.lower_nav div.sub_menu ul li a { font-size: .8em; }
	.lower_nav div.sub_menu ul li {font-size: .8em; }
	.lower_nav li.products div.sub_menu .sub_nav {font-size:0.8em;width:115px;}
	.lower_nav div.sub_menu .sub_content a div.sub_category  {height:133px; width:155px; }
	.lower_nav div.sub_menu .sub_content div.sub_category img {width: 50%; max-height: 75px;}
	.lower_nav div.sub_menu .sub_content div.sub_category p { font-size: 0.8em; line-height:12px;}
	.lower_nav div.sub_menu .sub_content a div.sub_category .product {height: auto;}
	/*.lower_nav div.sub_menu ul li { min-height:; }*/

	div.promo_base h1, div.promo_base h2,
	div.promo_base p, div.promo_base a:hover p { margin-left:15px; }


	div.facebook_image { width:70% !important; }
	div.social_section.facebook { width:30% !important;}
	div.social div.social_block div.ep_twitter { right:19% !important;}
	div.social div.social_block div.ep_youtube { left:53% !important; }
	div.social div.social_block div.ep_instagram { right:3% !important;}

	ul.team li.driver_info { padding: 30px 3%;}
	li.driver_info div.driver_bio { padding-right:0px; padding-left:240px; min-height:560px;}
	li.driver_info div.driver_connect { left:0px; top:240px; }
	li.driver_info div.has_herocard div.driver_bio { min-height:610px;}
	li.driver_info div.has_herocard div.driver_connect { top:290px; }
	div.driver_gallery a { width:33.333%;}


	div.search div.title_bar.content { padding:35px 0px 35px 20%;}
	.search div.title_bar h1 { width:100%;}
	
	div.footer_wrapper .footer_nav .span3{ float:left; width:22%;margin-right:1.5% }

}

@media screen and (max-width: 839px) {
	/* this buys us an extra 100px */
	.menu-bar ul.social_media { display:none;}
	.menu-bar { width:508px;}
	.lower_nav li.products div.sub_menu .sub_nav ul li { width: 100px; }
 	.lower_nav li.products div.sub_menu .sub_nav ul li a { padding: 10px;}
	.lower_nav div.sub_menu .sub_content ul li { left:100px; width:480px;}
	.lower_nav div.sub_menu .sub_content a div.sub_category { height: 113px; width: 135px; padding-top: 20px; }

	
	div.social div.social_block div.ep_facebook { left:12% !important;bottom:42% !important;}
	div.social div.social_block div.ep_twitter { left:21% !important;bottom:42% !important;}
	div.social div.social_block div.ep_youtube { left:50% !important; bottom:42% !important;}
	div.social div.social_block div.ep_instagram { left:75% !important; bottom:42% !important;}

	div.news.content img { top:40px; width:50%;}
	div.news.content .month{ left:30px; }
	div.news.content div.description { margin-left:50% }
	div.news.content div.description h1 { margin-right:0px; }

	.content div.about_media { position:relative; margin:20px auto; top:0px; width:100%; max-width:420px;}
	.content div.about_info { padding-right:0px;}

	.contact #contact_form, .contact div.contact_info { width:100%; max-width:100%; border:0px; }
	.contact div.contact_info { padding-top:30px; border-top: 2px solid #333; text-align: center;}
	
	.contact div.confirmation_message{ width: 100%; }
	.contact .contact_info_block { display: inline-block; width: 329px; margin: 25px; float: none; vertical-align: top;}

	ul.racing_tabs li { font-size:20px; padding:10px 15px;}
}

@media (min-width: 1025px) {
	.noanim {
		display: none !important;
	}
}

@media (max-width: 1024px) {
	#scrollablecontainer {
		display: none !important;
	}
	/*#pagetop {
		display: none !important;
	}*/
}



@media screen and (max-width: 768px) {
	/*html, body { 
		width: 768px; 
		overflow-x: hidden;
	}*/
	.lower_nav li a,
	.lower_nav li { font-size: 16px; } 
	#banner_slides { margin-top: 0px; }
	
	#footer_nav {
		width: 75%;
		margin: 0 !important;
	}
	
	#footerLogosBox { 
		width: 135px;
		margin: 13% 3% 0 0 !important;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#footerColumn1 {
		width: 30%;
	}
	
	#footerColumn2 {
		width: 30%;
	}
	
	#footerColumn3 {
		width: 30%;
	}
	
	.related_products .related_product,
	.related_products .related_product:first-child { display:none;}
 	.related_products .related_product:last-child { display:block;}

	/* transplanted from above */
	.menu-bar { background: #e61717; top:-14px; width:100%; } 
 	/* #pagetop { height:145px; } */

	div#social_bar {display: none; }
	#header_logo { width: auto; height: 95px; position: relative; z-index: 100; }
	.navbar { margin: 0 auto; width: 100%; z-index: 90;}
	/*.menu-bar { position: relative; z-index: 50;}*/
	.menu-bar { 
		position: relative;
		z-index: 50;
	}
	div.title_bar{
		position: absolute;
		top: 0;
		left: 0;
	}
	div.title_bar h1 { font-size:40px;}
	/* div.menu-bar { background:pink;} */
	div.menu-bar ul.social_media { display:none;}

	nav.span10 { position:absolute; right:0px; top:0px; z-index:4; }

	.lower_nav li a { font-size: 0.8em; }

	.lower_nav { width:auto; margin:0px auto; float:none; }
	.lower_nav li.products { width: 18%; margin-left: 2px;}
	.lower_nav li.diy_guide { width: 17%;}
	.lower_nav li.experience_peak { width: 25%;}
	.lower_nav li.purchase { width: 18%;}
	.lower_nav li.about { width: 20%;}


	.lower_nav div.sub_menu .sub_content ul li { width:420px; }
	.lower_nav div.sub_menu .sub_content a div.sub_category { width: 130px; }
	div.sub_category a, div.sub_category p { font-size:0.8em;}

	/* div.oil_finder img, div.oil_finder div.text { float:none; margin-left: 0px; } */
	#home-slides-row-fluid { display: table; clear: both;  }
	div.oil_finder { display: block; }
	div.oil_finder div.image, div.oil_finder div.text { text-align: center; width:100%; }
	div.oil_finder div.text { margin-top:0px; padding:0px 0px 37px 0px; }
	div.oil_finder a.button { margin:0px auto; }

	.featured_products { width: 72%; margin: 0 auto; }
	div.promo_base { margin-top:0; } /* padding-bottom:5%;} */
	div.experience_promos div.promo { width:100%; margin:0px; }
	div.experience_promos div.promo:last-child { margin-bottom:60px;}

/*
	div.right.group {margin: 20px 0 0 0;}
*/

	div.reveal-modal { width:590px; margin-left:-295px; padding:30px 15px; }

	div.footer_wrapper .local { margin: 0px 3% !important; width:94%; }
	div.footer_wrapper .location { width:100%; padding-right:0px; }
	div.footer_wrapper .footer_nav {margin: 0px 3%; width:94%; }


	div.product_line div.product { width:50%; max-width:50%;}

	div.product_details div.info_tab_wrapper { margin-left :0px; width:100%;max-width:100%;min-width:320px;}
	div.product_details .product_info { position:relative; width:100%; margin-bottom: 50px;}
	div.product_details .product_info .specs { margin:0px auto;}
	div.product_details ul.info_tab_content li p { margin:1em 0px; }


	div.facebook_image { width:100% !important;}
	div.social_section.facebook { width:100% !important; height:auto !important; }
	div.facebook div.social_image h1 { width:242px;}
	div.facebook div.social_content {height:auto;padding: 10px 32px 15px;}

 	div.blog_block {margin-right:0px !important;}
 	div.blog_menu { display:none;}

 	.racing_content div.driver { width:50%;}

 	div.event.content.contentbox {margin:0px; margin-bottom:40px !important; width:100%; }
 	div.event.content.contentbox .description { min-height:40px; max-width:100%; }

 	div.header.content div.social { display:none;}

	/* magical big menu again */
	.lower_nav li.products div.sub_menu .sub_nav ul li { width: 125px; }
 	.lower_nav li.products div.sub_menu .sub_nav ul li a { padding: 10px 20px;}
	.lower_nav div.sub_menu .sub_content ul li { left:125px; width:500px;}
	.lower_nav div.sub_menu .sub_content a div.sub_category { height: 190px; width: 160px; }
	.lower_nav div.sub_menu .sub_content div.sub_category img {width: 100%; max-height: 150px;}

	.lower_nav li.experience_peak div.sub_menu, 
	.lower_nav li.about div.sub_menu, 
	.lower_nav li.purchase div.sub_menu { 
		width:130px; 
	}

/*
	.lower_nav li {
		position: relative;
		float: left;
		background: url('../img/bg_transparent_red.png') repeat;
		border: 1px solid #e61717;
		font-family: Ciutadella-Bold;
		font-size: 1.25em;
		font-weight: normal;
		line-height: 45px;
		letter-spacing: .05em;
		text-transform: uppercase;
		text-align: center;
		margin-right: 2px;
		padding: 0 1% 0 1%;
		width: 100%;
	}
	*/
	.navbar-container {
		width: 100%;
		height: 130px;
		float: left;
		position: relative;
		z-index: 99;
		/* margin-top: -41px; */
	}
	
	div.row-fluid nav.group.span9 {width: 100%; 
		position: absolute;
		top: 11px;
	}
	
	.navbar-inverse .navbar-inner, .navbar-inner { height: 130px;}


	/* Store Locator - skinny menu */
	div.content.store-locator .map-wrapper { margin-left:200px; }
	div.content.store-locator div.left-menu { left:-200px; width:200px;}
	div.content.store-locator div.left-menu div.sub-view:first-child { padding: 35px 171px 35px 20px;} 
	
	div.content.store-locator div.left-menu input#cityInput { width:100%; }
	div.content.store-locator div.left-menu select#stateInput { width:100%; }
	div.store-locator div.radius select { width:100%; min-width:50px;}
	div.store-locator div.radius br {display:none;}

	div.content.store-locator div#locator_search_results { width:200px; }
	div.content.store-locator div.return a { margin-left:20px; }
		.store-locator .search_results input#zipInput { width:100px;}
	div.store-locator div.searchable.row, ul.map-list { margin-left:8px;}
	ul.map-list div.number { width:100%; }
	ul.map-list li p.result { font-size:12px;}

	div.content.store-locator div#map { font-size:13px;}
	
	div.title_bar {
		margin-top: 45px;
	}
	
	div.title_bar.home {
		margin-top: 4px;
	}
	
	div.tiny_nav #mobiletitlebar {
		display: block;
		position: relative;
		height: 9px;
		text-align: center;
		background: transparent url('../img/header_top-tile.jpg') repeat-x top left;
		box-shadow: none;
	}
	
	#mobiletitlebar div.title_bar_tab {
		display: block;
		position: relative;
		bottom: auto;
		margin: 0 auto;
	}
	
	div.navbar-container { top: 0px; }
	/*ul.subnav {display: none;}*/
	
	#pagetop { height: 160px; }
	#homepagetop { height: 140px; }
	
}

@media (min-width: 641px) {
	#prinav .products .subnavbox {
		left: -315px !important;
	}
	#prinav .products .subnav {
		display: inline-block;
		width: 705px;
		height: auto;
		background: #333333 url('../img/liner-tile-big.jpg');
		white-space: normal;
	}
	#prinav >li:not(.products) .subnav {
		display: inline-block;
		height: auto;
		width: 100%;
		padding: 0;
		float: left;
	}
	div.subnavbox {
		left: 0;
		right: auto !important;
		padding-left: 0px;
		right: auto;
		overflow: initial;
		padding: 0 !important;
	}
	div.subnavbox.left {
		margin-left: 0px !important;
	}
	#prinav >li:not(.products) .subnav li {
		float: left;
		width: 100%;
		padding: 20px;
		margin: 0px;
		border-right: none;
		text-align: left;
		min-width: 190px;
	}
	#prinav > li .subnav {
		background: #333333 url('../img/liner-tile-big.jpg');
	}
	#prinav .products .subnav li {
		float: left;
		display: block;
		width: 225px;
		margin: 10px 0 0 0;
		padding: 10px 20px 10px 20px;
	}
	#prinav .products .subnav > li > a > img {
		max-height: 115px;
	}
	#prinav .products .subnav li:nth-child(3n) {
		border-right: none;
	}
	.menu-item-title {
		clear: both;
		float: left;
		width: 100%;
		margin-top: 10px;
	}


}

@media screen and (max-width: 640px) {
	/*html, body { 
		width: 640px; 
		overflow-x: hidden;
	}*/
	#homepagetop { height: 100px; }
	div.title_bar { margin-top: 0px; }
	div#social_bar { display:none;}
	#header_logo { position:relative; z-index:0;}
 	.lower_nav li a { font-size: 0.7em; }
 	.lower_nav {/*width:480px;*/width: 97.5%;}
 	.lower_nav li.products, .lower_nav li.experience_peak, .lower_nav li.purchase, .lower_nav li.about { width: 100%; }
 	.lower_nav li.products:hover div.sub_menu, .lower_nav li.experience_peak:hover div.sub_menu, .lower_nav li.purchase:hover div.sub_menu, .lower_nav li.about:hover div.sub_menu {display: none; }
 	.upper_nav ul.group.left {display: none;}
 	input.search { width: 120px; }
 	#pagetop { height: 282px; }
 	.navbar-container { background-color: #d81b1b; height: 282px; }
 	.footer_nav .sub_menu ul { font-size: .75em; line-height: 1.2em; }
 	div.title_bar h1 { font-size:28px;line-height:38px;}
 	div.title_bar h2 { font-size:18px;line-height:22px;}


	div.product_line div.product{ max-width:100%;width:100%;margin:0px auto;float:none; }
 	div.product_subcategory div.product{ max-width:380px;width:90%;margin:20px auto;float:none; }
 	div.product_subcategory div.product a p { max-width:380px; margin:0px auto; padding:0px 5px; }
 	div.related_products.content div.product_line_name { margin-left:0px; }

 	div.news.content img { top:0px; width:100%; height:auto; float:none !important; }
	div.news.content .month{ left:auto; }
	div.news.content div.description { margin-left:0px; }

	.content ul.warranty_content { padding:150px 3% 50px;}

	div.search div.title_bar.content { padding-left:5%;}

	div.racing_content_wrapper img#racing_header { margin:0px; }
/*	ul.racing_tabs { margin-left:0px; width:100%;}
	ul.racing_tabs li { margin:0px; width:25%; min-width:97px; padding: 10px 0px; } */
	.motor-history h1 {line-height:32px;}
	.image_block img { margin:0px 1% 20px; width:31%;}
	.image_block img:first-child { display:none;}

	.contact #contact_form { padding-left: 18px; margin-top: 0; }
	.contact .form_header { padding: 0px 0 35px 0;  margin: 0 15px 0 0;}
	.contact .form_header img { position:relative; margin-right:10px; display: block;}

	.contact label { font-size:14px; width: 90px; }
	.contact label.subject { width:100%; display: none; }
	.contact div.radio.full { margin:0px; }
	.contact form .row .group.right input:first-child {margin-left:100px;}
	.contact .contact_info_block { width: 329px; margin: 25px auto; float: none; clear: both; }
	.contact #contact_comments { width:100%; }
	.contact .updates.row { padding-left: 0px }
	.contact .updates.row label { width:80%; padding-left: 5px}
	.contact .updates.row #updates_checkbox { vertical-align:top; margin-top:9px; }
	.contact .row.submit {text-align: center; padding-right: 18px; }


 	/* FAKE MENU EXPERIMENT */
 	div.menu-bar, div.title_bar { display:none; }
 	div.tiny_nav { 
		display:block; 
		text-align:center; 
		background: #000000;
 	}
	div.tiny_nav #griptab {
		position: relative;
		display: block;
		background: #1d1d1d url('../img/liner-tile.jpg') repeat-x top left;
		height: 73px;
		width: 100%;
		cursor: pointer;
	}
	
	div.tiny_nav #griptab div.tabOn {
		positin: absolute;
		top: 0;
		left: 0;
		height: 73px;
		width: 100%;
		background: transparent url('../img/mobile-nav-grip-open.gif') no-repeat center center;
	}
	
	div.tiny_nav #griptab div.tabOff {
		positin: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 73px;
		width: 100%;
		background: transparent url('../img/mobile-nav-grip-closed.gif') no-repeat center center;
	}
	
	#tiny_prinav {
		display: none;
		z-index: 100;
	}
	
 	div.tiny_nav a { 
 		display:block;
 		width:100%;
		background: url('../img/bg_transparent_red.png') repeat;
		border: 1px solid #e61717;
		color:#fff;
		font-family: Ciutadella-Bold;
		font-size: 1.25em;
		font-weight: normal;
		line-height: 40px;
		letter-spacing: .05em;
		text-transform: uppercase;
		text-align: center;
		margin:0px;
		text-decoration:none;
		padding-top:0.20em;
	}
	div.tiny_nav a:hover { color: #ffce00; }
	
	div.tiny_nav div.subnav a {
		background-image: none;
		background: #1d1d1d;	
		border-bottom: 1px solid #666666;
		border-top: 1px solid #666666;
		font-size: 16px;
	}
		
	.navbar-container { height: 101px; }
	.navbar-inverse .navbar-inner, .navbar-inner { height: 101px; }
	#pagetop { height:101px;}
	.menu-item-title {
		display: block;
	}
	/* END FAKE MENU EXPERIMENT */

}

@media screen and (max-width: 615px) {
	/*html, body { 
		width: 615px; 
		overflow-x: hidden;
	}*/
	/* LETS TRY AND ALLOW FOR 640+ scrollbar */
	div.social_section_wrapper { width: 100% !important; }
	div.reveal-modal { width:450px; margin-left:-225px; padding:20px 10px; }
	/* and these are in a resizing iframe */
	form.email_form div.row { margin-left:-75px; }
	.email div.terms.row, .email div.button.row { margin-left:15px; }
	div.search div p.results_shown { width:100%; }

	.racing_content div.driver { width:100%;}
	li.driver_info img { float:none; padding-bottom:20px;}
	li.driver_info div.main_image a {display:block;width:220px;margin-left:55px;}
	li.driver_info div.main_image a button.hero_card { margin:0px 0px 20px;}
	li.driver_info div.driver_bio { padding-left: 0px;}
	/*li.driver_info div.driver_bio { padding-left: 0px; min-height:auto; }*/
	li.driver_info div.driver_connect { width:100%; min-height:180px; position:relative; top:0px;}
	li.driver_info div.has_herocard div.driver_connect { top:0px; }
	li.driver_info div.driver_connect.invisible { display:none; }
	ul.team li.driver_info.active .content .main_image.left { float:none; }
	div.driver_gallery a { width:50%; }
	.image_block img:first-child { display:block; }
	.image_block img { width:48% }
	
}

@media screen and (max-width: 570px) {
	#footer_nav {
		width: 100%;
	}
	
	#footerLogosBox { 
		display: none;
	}
	
	div.content.store-locator .map-wrapper {
		width: 100%;
		margin: 0;
	}
	
	div.content.store-locator div.left-menu div.sub-view {
		width: 100%;	
	}
	
	div.content.store-locator div.left-menu {
		width: 100%;	
		left: 0;
	}
	
	div.store-locator .full,
	div.content.store-locator div.left-menu input#cityInput,
	div.content.store-locator div.left-menu select#stateInput,
	div.store-locator div.radius select {
		width: 95%;	
	}
	
	div.content.store-locator div.left-menu select#stateInput {
		float: left;	
	}
	
	div.content.store-locator div.left-menu div.sub-view-container {
		width: 100%;	
	}
	
	div.content.store-locator div.left-menu div.sub-view:first-child {
		padding-right: 0;	
	}
	
	div.content.store-locator div#locator_search_results {
		display: none;
		position: absolute;
		border: 1px solid green;
		top: 0; 
		right: 0;
		width: 100%;
	}
	
}
@media screen and (max-width: 480px) {
	/*html, body { 
		width: 479px; 
		overflow-x: hidden;
	}*/
	
	.slides_pagination { display:none; }
	div.oil_finder { top:25px;}

	div.breadcrumb_wrapper.product ul { display:none; }
	div.product_line div.product { width:100%;max-width:100%;}
	div ul.info_tab li { padding: 3px 15px;}
	footer .connect h1 {width:100px;line-height: 20px;}
	footer .social_media li {margin-right:5%;}

	div.results_per_page { width:100%;}

	ul.racing_tabs { margin-left:0px; width:100%;}
	ul.racing_tabs li { margin:0px; width:50%; min-width:97px; padding: 10px 0px; }

	div.reveal-modal { width:311px; margin-left:-155px; padding:20px 5px; }
	iframe.emailModal { min-height:590px;}

	form.email_form div.row { margin-left:-80px; }
	.email div.terms.row, .email div.button.row { margin-left:10px; }
	.email div.terms.row label { font-size:12px; }
	.email input.half { width:140px; margin-right:20px;}
	.email div.birthdate select.month { width:120px;}
	.email div.birthdate select.day, .email div.birthdate select.year { width:65px; }
	.email label.change_oil, .email label.flush_antifreeze {width:100%;line-height:20px;height:auto;}
	.email input.full { width:300px;}
	.social_media_header { display: none; }
	#header_logo {
		display: block;
		width: 236px;
		margin: 0 auto;
	}
	div.promo div.promo_title {
		font-size: 0.9em;	
		padding-top: 15px;
	}
	
	.contact .contact_info_block {
		width: 280px;
		margin: 10px auto;
	}
	
	.contact div.contact_info {
		padding-left: 0px;	
	}
	
	
	
}	

@media screen and (max-width: 390px) {
	/*html, body { 
		width: 390px; 
		overflow-x: hidden;
	}*/
	
	#banner_slides,
	#banner_slides .slides_container div { 
		width: 390px; 
	}
	.related_products { display:none; }
	/* .navbar-inner div.logo.span2 {overflow:hidden;} */
	div div.results_per_page { width:100%; }
	ul.racing_tabs li { width:100%; }

	div.footer_wrapper .footer_nav .span3 { width:48%; min-height:100px; }
	div.promo div.promo_title {
		display: none;
	}
	
	div.promo {
		margin-top: 10px;	
	}
}

@media screen and (max-width: 360px) {
	/*html, body { 
		width: 359px; 
		overflow-x: hidden;
	}*/
	
	#banner_slides,
	#banner_slides .slides_container div { 
		width: 359px; 
	}
	div ul.info_tab li { padding:1px 10px;}
	div.info_tab_wrapper { padding-left:3%; }
	ul.info_tab { margin-left:0px; }
	ul#info_tab_content { margin-left:2px; }

	footer .connect h1 { width:95px; }
	footer .social_media li { margin-right:4%;}
	
	div.title_bar div.title_bar_tab,
	div.midpage_title_bar div.title_bar_tab {
		width: 95%;
		background: transparent url('../img/section-title-tab.png') no-repeat top center;
		background-size: contain;
		padding-top: 6px;
	}
	
	.contact input.full, .contact select.full, 
	.contact textarea.full { width:95%; font-size:16px; line-height:normal; }
	.contact input.half, .contact select.half {
		width:95%; 
		margin-right:7.7%;
		font-size:16px; 
		line-height: 1em;
	 }
	 .contact form .row .group.right input:first-child {
		margin-left: 0; 
	 }
	 
	 .contact #contact_comments {
		width: 95%;
	}
}


@media screen and (max-width: 312px) {
	/*html, body { 
		width: 311px; 
		overflow-x: hidden;
	}*/
	#banner_slides,
	#banner_slides .slides_container div { 
		width: 311px; 
	}
	
	.lower_nav { width: 311px; }
	

	.email form, form.email_form { width:395px;}
	.email fieldset { font-size:20px; }
	.email form, form.email_form { font-size: 13px; }
	.email label { width:70px; }
	.email div.terms.row, .email div.button.row { margin-left:-80px; }
	.email div.terms.row label { font-size:10px; }
	.email input.full { width:200px;}
	.email #email_last_name, .email #birthday_day  {margin-left:80px;}
	


	footer .social_media li { border: none; padding: 0px; margin-right: 10px; height: 43px; width: 33px; position: relative; float: left; }
	footer .social_media li.facebook div{ background: url('../img/sprite_social_media.png') no-repeat 0 0; width: 10px; height: 20px; margin: 10px 5px; }
	footer .social_media li.facebook:hover div{ background-position: 0 -21px; }
	footer .social_media li.twitter div{ background: url('../img/sprite_social_media.png') no-repeat -24px -2px; width: 24px; height: 16px; margin: 10px 5px; }
	footer .social_media li.twitter:hover div{ background-position: -24px -23px; }
	footer .social_media li.youtube div{ background: url('../img/sprite_social_media.png') no-repeat -58px -1px; width: 18px; height: 20px; margin: 10px 5px; }
	footer .social_media li.youtube:hover div{ background-position: -58px -22px; }
	
	
	div.tiny_nav #mobiletitlebar { display: none;}
	
	
}
@media (min-width: 920px) and (max-width: 979px) {
	#prinav .products .subnav li {
		width: 185px !important;
		padding: 5px 10px !important;
	}
	#prinav .products .subnav {
		width: 585px !important;
	}
	#prinav .products .subnavbox {
		left: 0px !important;
	}
}

@media (min-width: 768px) and (max-width: 919px) {
	#prinav .products .subnav li {
		width: 155px !important;
		padding: 5px 10px !important;
	}
	#prinav .products .subnav {
		width: 495px !important;
	}
	#prinav .products .subnavbox {
		left: 0px !important;
	}
}