@import url("//a2.nd-cdn.us/css/Master/Master_Responsive.css");
/*
####################################### 
RESPONSIVE VERSION 3.4 LAST UPDATED 2/5/16
#######################################
*/


/* Temporary Styles */
.drivecast-banner {
	position: relative;
}

.drivecast-banner img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
}

.drivecast-banner .ndcustomcolorclass {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ###REPLACE #E94039 WITH YOUR CUSTOM COLOR### */

/* MEDIA QUERIES FOR CONVENIENCE
----------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 981px) {
	/* CSS RULES HERE */
}

/* Target Desktop Exclusively */
@media only screen and (max-width: 980px) and (min-width: 641px) {
	/* CSS RULES HERE */
}

/* Target Tablet Exclusively */
@media only screen and (max-width: 640px) {
	/* CSS RULES HERE */
}

/* Target Phone Exclusively */
@media only screen and (min-width: 641px) {
	/* CSS RULES HERE */
}

/* Target Desktop AND Tablet */
@media only screen and (max-width: 980px) {
	/* CSS RULES HERE */
}

/* Target Tablet AND Phone */

/* COMMONLY EDITED STYLES
----------------------------------------------------------------------------------------------------*/
html,
body {
	overflow-x: hidden;
}

html {
	min-height: 100%;
	font-size: 16px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	height: 100%;
}

a,
a:link,
a:visited {
	text-decoration: underline;
	color: #E94039;
}

a:hover,
a:active {
	text-decoration: none;
	color: #000;
}


#nd-background {
	background: url(img/bg.jpg) no-repeat top center #171717;
	background-attachment: fixed;
}

.container {
	width: 980px;
	margin: 0 auto;
}

#contentheader {
	background: url(img/header_bg.png) repeat-x top -10px center;
	padding: 0;
	height: auto;
	margin: 0 auto;
}

#dnn_dnnLogo_imgLogo {
	float: left;
}

#dnn_HeaderContactPane {
	float: right;
}

@media only screen and (min-width:981px) {
	#dnn_dnnLogo_imgLogo {
		float: left;
		margin: 1% 0 1% 31%;
	}

	#dnn_HeaderContactPane {
		float: right;
		margin-top: 3%;
	}
}

/* Target Desktop Exclusively */


#headercontact {
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	color: #E94138;
	margin-bottom: 10px;
}

#contentheader .container {
	position: relative;
}

#headercontact .headerinfo:last-of-type {
	position: absolute;
	left: 15px;
	top: 48px;
}

#headercontact .phone {
	font-size: 1.8em;
}

#headercontact .address {
	font-size: 1.1em;
}

#headercontact .slogan {}

.webfont,
.pc-header .Head,
#BottomFooter h2,
.vlbCatalogBtn {
	font-family: "ddt", sans-serif !important;
}

.webfont2 {
	font-family: "webfont-2-here", sans-serif;
}

#nd-topbar {}

.homepage #nd-middlebar::after {
	float: left;
	clear: both;
	content: "";
}

.homepage #nd-middlebar.first-row {}

.homepage #nd-middlebar.second-row {
	background: url(img/vlbbg.jpg) no-repeat top center #333333;
}

.homepage #nd-middlebar.third-row {
	background: url(img/servicebg.png) no-repeat top 150px left 10% #E94039;
	padding: 0 0 3%;
}

.homepage #nd-middlebar.fourth-row {
	background: url(img/welcomebg.jpg) no-repeat top center;
	padding: 4% 0;
}

.homepage #nd-middlebar.fifth-row {
	background: #fff;
	padding: 2% 0;
}

.homepage #nd-middlebar.sixth-row {}

.homepage #nd-middlebar.seventh-row {}

.homepage #nd-middlebar.eighth-row {}


#main-content {
	background: #FFF;
}

#sub-content {
	background: #FFF;
	padding: 1% 0;
}

#bgbottom {
	background: #28292B;
}


/* MAIN BRANDING STYLING
----------------------------------------------------------------------------------------------------*/
.ndcustomcolorclass,
.ndcustomcolorcontainer img,
.subtitle,
.pc-header::before,
#BottomFooter a[id*="lnkSave"]:hover {
	background-color: #E94039 !important;
}

.ndcustomtextcolor1,
.ndcustomlinkcolor1 {
	color: #E94039 !important;
}

.ndmoduletextcolor1 {
	color: #E94039 !important;
}

.ndcustomtextcolor2,
.ndcustomlinkcolor2 {
	color: #000 !important;
}

.ndmoduletextcolor2 {
	color: #000 !important;
}

.ndcustombutton2 {
	background: #E94039 !important;
	color: #fff !important;
}

.ndcustomlinkcolor1:hover,
.ndcustomlinkcolor2:hover {
	color: #666666 !important;
}

.ndcustombutton1,
.ndcustom2 {
	background: #666666 !important;
	color: #fff !important;
}

.ndcustom1,
.ndcustombutton1:hover,
.ndcustombutton2:hover {
	background: #000 !important;
	color: #fff !important;
}

.ndcustomborder {
	border: 1px solid #666 !important;
}

.ndcustomcolorclass2 {
	background: #414141 !important;
}


/* SOCIAL MEDIA
----------------------------------------------------------------------------------------------------*/
#dnn_SocialPane {
	position: fixed;
	right: 0;
	top: 20%;
	z-index: 60;
}

#dnn_SocialPane #social .fa-facebook {
	background: #3B5998;
}

#dnn_SocialPane #social .fa-twitter {
	background: #5EA9DD;
}

#dnn_SocialPane #social .fa-google {
	background: #D73D32;
}

#dnn_SocialPane #social .fa-linkedin {
	background: #0177B5;
}

#dnn_SocialPane #social .fa-yelp {
	background: #C41200;
}

#dnn_SocialPane #social .fa-instagram {
	background: #517FA6;
}

#dnn_SocialPane #social .fa-youtube {
	background: #CC181E;
}

#dnn_SocialPane #social a {
	font-size: 26px;
	width: 45px;
	text-align: center;
	text-decoration: none;
	float: right;
	clear: right;
	box-sizing: border-box;
	color: #FFF;
	padding: 8px;
	display: block;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}


/* GPLUS Page
----------------------------------------------------------------------------------------------------*/
.gPlus_intro {}

.gPlus {}

.gplus-item .front {
	border-radius: 50%;
	z-index: 1;
	padding: 40% 6% 0 12%;
	box-sizing: border-box;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.gplus-item .back {
	border-radius: 50%;
	background: #222;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	z-index: 0;
}

.gplus-item {
	width: 240px;
	height: 240px;
	margin: 0 7% 3% 0;
	float: left;
	position: relative;
}

.gplus-item.flip:hover .front {
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	backface-visibility: hidden;
	z-index: 0;
}

.gplus-item.flip:hover .back {
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	z-index: 1;
}

.gplus-item:not(.flip):hover {
	opacity: .8;
}

.gplusLoc {
	color: #fff;
}

.gplusLocName {
	display: block;
	font-size: 1.6em;
	font-weight: 700;
	text-transform: uppercase;
}


/* NAVIGATION
----------------------------------------------------------------------------------------------------*/
#nd-menubar {
	background: #111;
	z-index: 15;
}

#contentnav {
	height: 50px;
	width: 980px;
}

#contentnav #dnnMenu a {
	text-transform: uppercase;
	color: #FFF;
	display: block;
	font-weight: 700;
	font-size: 1em;
	text-decoration: none;
	transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-webkit-transition: background 200ms ease-in-out;
}

#contentnav #dnnMenu .topLevel li {
	line-height: 50px;
	float: left;
	list-style-type: none;
	position: relative;
	display: block;
}

@media only screen and (min-width: 981px) {
	#contentnav #dnnMenu .topLevel li.selected>a {
		color: #E94039;
	}

	/* Current Tab */
}

/* Target Desktop Exclusively */
#contentnav #dnnMenu .subLevel li a {
	margin: 0px;
	padding: 10px 20px;
	line-height: normal;
	font-size: .9em;
}

#contentnav #dnnMenu .subLevel,
#contentnav #dnnMenu .subLevel .subLevelRight ul {
	background-color: #373737;
}



/* NET DRIVEN BUTTONS
----------------------------------------------------------------------------------------------------*/
#nd-buttons.sub {
	padding: 26% 0;
}

#nd-buttons .sub-item {
	display: block;
	float: left;
	width: 26.7%;
	margin-right: 9.9%;
}

#nd-buttons .sub-item img {
	width: 100%;
	max-width: 261px;
	height: auto;
}

#nd-buttons .sub-item:last-of-type {
	margin: 0;
}


/* CUSTOM EFFECTS
----------------------------------------------------------------------------------------------------*/
a.shrink,
a.rotate {
	display: inline-block;
	transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
}

a.shrink:hover {
	transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	-webkit-transform: scale(.9);
}

a.rotate:hover {
	transform: rotate(360deg) scale(.9);
	-moz-transform: rotate(360deg) scale(.9);
	-ms-transform: rotate(360deg) scale(.9);
	-o-transform: rotate(360deg) scale(.9);
	-webkit-transform: rotate(360deg) scale(.9);
}


/* VEHICLE LOOKUP BAR - HORIZONTAL
----------------------------------------------------------------------------------------------------*/
/* ON DESKTOP & TABLET */
@media only screen and (min-width: 641px) {
	#find-tire-bar {
		background: url(img/vlb.png) no-repeat center top;
	}

	#TireSizeFinder {}

	#TireSizeFinder #sizefinder-inputs {
		width: 58%;
		float: left;
		padding: 3% 0 5% 21%;
	}

	#TireSizeFinder #sizefinder-inputs select {
		width: 100px !important;
	}

	#TireSizeFinder #sizefinder-inputs div:not(:last-of-type) {
		width: 115px;
		float: left;
	}

	#links {
		float: right;
		width: 20%;
		margin: 1% 0 0 0;
	}

	#links a {
		color: #000;
	}

	#links a:hover {
		color: #333;
	}

	.vlbCatalogBtn {
		background: #fff;
		font-size: 19px;
		font-weight: 700;
		color: #E94039 !important;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none !important;
		display: block;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		padding: 5%;
	}

	.vlbCatalogBtn:hover {
		background: #000;
		color: #fff !important;
	}

	/*
	#find-tire-bar .searchbuttons{margin-bottom:2%; overflow:hidden;}
	#find-tire-bar .searchbuttons a{display:block; color:#05178a; width:48%; border:2px solid #05178a; font-size:12px; font-weight:700; font-family:"nimbus-sans", sans-serif; text-align:center; text-transform:uppercase; padding:5px 2px; box-sizing:border-box; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; text-decoration:none;}
	#find-tire-bar .searchbuttons a:hover{color:#FFF; background:#05178a; border-color:#FFF;}
	*/
	#find-tire-bar .searchbuttons .by-size {
		float: left;
	}

	#find-tire-bar .searchbuttons .by-brand {
		float: right;
	}
}

/* ON TABLET */
@media only screen and (max-width: 980px) and (min-width:641px) {
	#TireSizeFinder #sizefinder-inputs {
		padding: 5% 0px 1% 6%;
	}

	#links {
		margin: 5% 5% 0 0;
	}
}


/* COUPONS
----------------------------------------------------------------------------------------------------*/
.coupon-section #dnn_HomeSidePane {
	float: left;
	width: 30%;
}

.coupon-section #dnn_HomeContentPane {
	float: right;
	width: 65%;
}


#dnn_LeftPane {
	float: left;
	width: 46%;
}

#dnn_RightPane {
	float: right;
	width: 36%;
}



/* HOMETEXT
----------------------------------------------------------------------------------------------------*/
#hometext {}

#hometext.secondaryHPT {}

#hometext h1,
#hometext h2 {
	color: #FFF;
	font-size: 2em;
	text-transform: uppercase;
}

#hometext,
#hometext a:hover {
	color: #FFF;
}

#hometext p {
	margin: 0 0 10px;
	clear: both;
	line-height: 20px;
}

#hometext a {
	font-weight: 700;
}

#hometext ul {
	margin: 0 0 0 50px;
	clear: both;
}

#hometext ul li {
	margin-bottom: 10px;
}

#hometext ul.two-row li {
	width: 45%;
	float: left;
	margin-right: 2%
}

#hometext ul.three-row li {
	width: 31%;
	float: left;
	margin-right: 2%;
}

#hometext ul.four-row li {
	width: 23%;
	float: left;
	margin-right: 2%;
}

#hometext ul.five-row li {
	width: 18%;
	float: left;
	margin-right: 2%;
}

.homepage-options a {
	display: block;
	background: #000;
	min-width: 15%;
	padding: 1%;
	margin-right: 3%;
	margin-bottom: 1.5%;
	text-decoration: none !important;
	color: #fff !important;
	text-transform: uppercase;
	text-align: center;
	float: left;
}

.homepage-options a:hover {
	background: #fff;
	color: #000 !important;
}

.homepage-options a:last-of-type {
	margin-right: 0%;
}

.second-row #hometext {
	float: right;
	width: 78%;
	margin: 60px 0 120px;
}

.second-row #hometext h2 {
	color: #000;
	font-size: 1.6em;
}

.second-row #hometext h2 span {
	color: #E94039;
	font-size: 2em;
}

.second-row #hometext p {
	color: #000;
}

.second-row #hometext a {
	color: #000;
}

.third-row #hometext {
	float: right;
	width: 90%;
	margin: 7% 0;
}

.third-row #hometext h2 {
	font-size: 1.4em;
	color: #000;
	text-align: center;
}

.third-row #hometext h2 span {
	font-size: 2.4em;
	color: #fff;
}

.third-row #hometext p {
	color: #000;
	margin-bottom: 50px;
	background: #E94039;
}

.third-row #hometext a {
	color: #000;
}

.third-row #hometext img {
	float: left;
	margin: -5px 30px 0 0px;
}

/* .napa-logo{margin:15px auto !important; width:15%; text-align: center; display: block; float:none !important;} */
.napa-logo, .pa-logo{ margin: 0 !important;}
.service-top-hp{display: flex; justify-content: center; align-items: center;}
.service-top-hp img{max-width: 150px; margin: 0 !important; padding:10px;}

.ase-logo{width:15%; margin:-10px 0 !important;}

.third-row #hometext .homepage-options a {
	padding: 2%;
}

.fourth-row #hometext {
	margin: 8% 0;
}

.fourth-row #hometext h1 {
	text-align: center;
	font-size: 1.4em;
}

.fourth-row #hometext h1 span {
	font-size: 2.6em;
}

#hometext.left-aligned {}

#hometext.right-aligned {
	text-align: right;
}

/* TIRE ADVANTAGE CALCULATOR
----------------------------------------------------------------------------------------------------*/
.tac_banner {
	background: #E94039;
	width: 100% !important;
}

.tacbar {
	color: #fff;
	display: block !important;
	font-weight: 700;
	padding: 10px 20px;
	text-transform: none;
	border: 1px solid #333;
}

.tacbar a {
	color: #fff;
}

#tacinfo {
	padding: 0;
	margin-bottom: 0;
}

#tireadvantagecalculator #compare_price {
	width: 56% !important;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px),
(max-width: 980px) {
	#tireadvantagecalculator #compare_price {
		width: 100% !important;
	}

	.taccalc {
		display: none;
	}
}

/* SUBTITLE BAR
----------------------------------------------------------------------------------------------------*/
.subtitle {
	color: #fff;
	display: block !important;
	font-weight: 700;
	padding: 10px 20px;
	text-transform: none;
	border: 1px solid #333;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.31) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.31)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.31) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.31) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.31) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.31) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4f000000', GradientType=0);
}

.subtitle a {
	color: #fff;
}


/* LOCATION FINDER MODULE
----------------------------------------------------------------------------------------------------*/
.postalcode-wrapper {
	background: none;
	width: 275px;
	height: 84px;
	box-sizing: border-box;
	padding: 0% 0%;
	position: relative;
}

.postalcode-validator {
	display: block;
	background: #FE0000;
	text-align: center;
	color: #fff;
	margin: 0 0 5%;
	font-weight: 700;
	padding: 2% 1%;
	width: 100%;
	box-sizing: border-box;
	font-size: 1em;
}

.postalcode-entrybox {
	text-align: center;
	width: 80%;
	border: none;
	background: #FFFFFF;
	color: #000 !important;
	float: left;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5em;
	border-radius: 20px;
}

.postalcode-link {
	display: block;
	width: 53px;
	height: 32px;
	background: url(img/go.png) no-repeat center top;
	float: left;
	text-indent: -9999px;
}


/* NDSC WIDGET
----------------------------------------------------------------------------------------------------*/
#dnn_WidgetPane {
	position: relative;
	width: 980px;
	transform-origin: top left;
	-moz-transform-origin: top left;
	-webkit-transform-origin: top left;
	overflow: hidden;
}

#services_div {
	background: #fff;
	width: 100%;
	height: auto;
	position: relative;
	border: 0;
	margin: 0% 0;
	padding: 2% 0 0;
}

#services-page ul,
#services-page li {
	margin-left: 0 !important;
}

#services_div .ndscCatImage2 {
	border: 3px solid #000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 5px auto;
}

#services_div .ndscCatImage3 {
	width: 90px !important;
}

#services_div #services_ul li {
	margin: 0;
}

#dnn_MiddleContentPane .ndscCatImage3 {
	font-size: 10px;
	line-height: 10px;
}

#dnn_MiddleContentPane .ndcustomcolorclass,
.ndcustomcolorcontainer img,
.subtitle {
	background-color: #484848 !important
}

#left_a,
#right_a {
	display: block;
	position: absolute;
	top: 50%;
	text-indent: -9999px;
	width: 11px;
	height: 18px;
	cursor: pointer;
}

#left_a {
	left: 15px;
	background: url(img/left_a.png) no-repeat;
}

#right_a {
	right: 15px;
	background: url(img/right_a.png) no-repeat;
}

#services_ul {
	position: relative !important;
}

#slider_div {
	margin: 0 40px 0 40px;
	overflow: hidden;
}

a.ndscCatImage3 {
	color: #000 !important;
	text-decoration: none !important;
}

.view-all {}

#dnn_WidgetPane2 {}


/* TESTIMONIALS WIDGET
----------------------------------------------------------------------------------------------------*/
.ModTestimonialsC div[id*="pnlHomepageView"] {
	background: #272727;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #CCC;
	padding: 2%;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	height: 240px;
}

.visible-review {
	height: 100%;
}

#homepagereviews {
	background: #171717;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #CCC;
	padding: 2%;
	position: relative;
	z-index: 1;
	height: 100%;
	box-sizing: border-box;
}

#homepagereviews .ndcustombuttonformat {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 0 !important;
}

#homepagereviews .ndcustombuttonformat:hover {
	color: #FFF;
}

#homepagereviews .reviewsleft {
	margin-bottom: 10px;
	border-bottom: 2px solid #999;
}

#homepagereviews .reviewsright {
	background: #373737;
	-moz-box-shadow: 0 0 10px #222 inset;
	-webkit-box-shadow: 0 0 10px #222 inset;
	box-shadow: 0 0 10px #222 inset;
	padding: 2%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: .875em;
}

#homepagereviews .reviewsleft .reviewby {
	font-size: 14px;
	font-weight: 700;
}

#homepagereviews .reviewsleft .reviewon {
	font-size: 14px;
	font-style: italic;
}

#homepagereviews .reviewsright .homereview {
	border: 1px solid #999;
	background: #EFEFEF;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 20px;
	margin-bottom: 10px;
}


/* BLOG WIDGET
----------------------------------------------------------------------------------------------------*/
.ModDNNGOxBlogDashBoardC {
	background: #272727;
	padding: 2%;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	height: 240px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.ModDNNGOxBlogDashBoardC .article_list {
	background: #171717;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #CCC;
	padding: 2%;
	position: relative;
	z-index: 1;
	height: 100%;
	box-sizing: border-box;
}

.ModDNNGOxBlogDashBoardC .nav_category {
	display: none;
}

.ModDNNGOxBlogDashBoardC a {
	color: #FFF;
}

.ArticleList_Default,
.validationEngineContainer,
.ModDNNGOxBlogDashBoardC>div {
	height: 100%;
}


/* FOOTER
----------------------------------------------------------------------------------------------------*/
#BottomFooter {
	font-size: .75em;
	color: #FFF;
}

#FooterPane1Container,
#FooterPane2Container,
#FooterPane3Container,
#FooterPane4Container {
	float: left;
	padding: 10px 20px 10px;
	box-sizing: border-box;
	margin: 1% 1% 1% 0;
}

#FooterPane1Container {
	width: 46%;
}

#FooterPane2Container {
	width: 14%;
}

#FooterPane3Container {
	width: 14%;
}

#FooterPane4Container {
	width: 23%;
	margin: 1% 0;
	float: right;
}

#BottomFooter .lastpane {
	float: right !important;
	margin: 10px 0;
}

#BottomFooter a,
#BottomFooter a:hover {
	color: #FFF;
	text-decoration: none;
}

#BottomFooter h2 {
	color: #FFF;
	font-size: 1.125em;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 700;
}

#LocationWidget h2 {
	display: none;
}

#BottomFooter p {
	margin-bottom: 5px !important;
}

#BottomFooter .footerseo p {
	line-height: 18px !important;
}

#BottomFooter ul {
	margin: 0 !important;
}

#BottomFooter ul li,
.extra-links li {
	list-style: none !important;
	margin-bottom: 5px !important;
}

#BottomFooter #socialfont {
	float: left;
	clear: both;
}

#BottomFooter #socialfont .fa {
	margin-right: 5px;
	font-size: 22px !important;
	vertical-align: text-top;
	line-height: 22px !important;
	width: 30px;
	text-align: center;
	padding: 5px 0;
}

#BottomFooter #socialfont .fa {
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#BottomFooter ul li,
.extra-links li {
	list-style: none !important;
	margin-bottom: 5px !important;
}

#BottomFooter .locwidget-email {
	display: none;
}


/* BOTTOM CONTACT US FORM
----------------------------------------------------------------------------------------------------*/
#BottomFooter #EntryForm table {
	width: 100%;
}

input.mobile-c,
td.mobile-c,
textarea.mobile-c,
select.mobile-c {
	width: 100% !important;
	padding: 1% 0;
	box-sizing: border-box;
}

td.mobile-c {
	display: block;
	margin: 0.5% 0;
}

input.mobile-c,
textarea.mobile-c {
	padding: 1%;
	border: 1px solid #999;
}

.NormalRed a[href*="ctl/license"] {
	display: none;
}

#BottomFooter textarea {
	font-family: Arial, sans-serif;
	font-size: 13px;
}

#BottomFooter a[id*="lnkSave"] {
	display: block;
	padding: 2%;
	outline: 1px solid #999;
	color: #666;
	outline-offset: 3px;
	width: 42%;
	text-align: center;
	position: relative;
	left: 3px;
	background: #FFF;
	transition: all 300ms ease-in-out;
}

#BottomFooter .DynamicForms_SaveFormDiv {
	width: 60%;
	white-space-collapse: discard;
	margin-top: 1%;
}

#BottomFooter a[id*="lnkSave"]:hover {
	color: #FFF;
	outline: 1px solid #FFF;
	outline-offset: 0;
}

#BottomFooter .DynamicForms_Summary {
	background: #990000;
	color: #FFF;
	padding: 10px;
}

#BottomFooter .DynamicForms_Summary ul {
	list-style-position: inside;
}

#BottomFooter .NormalRed {
	color: #990000;
	font-weight: 700;
}



.tint div[id*="_ModuleContent"] {
	position: relative;
	z-index: 5;
}

.tint:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 255, 255, 0.5);
	transition: all .3s linear;
}

.t2:before {
	background: rgba(0, 0, 95, 0.9);
}


/* CONTAINER HEADER
----------------------------------------------------------------------------------------------------*/
.pc-header::before {
	content: " ";
	width: 500%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: -200%;
}

#dnn_SidePane,
#dnn_CTCFilterPane {
	width: 30%;
	float: left;
	z-index: 10;
	position: relative;
}

#dnn_SidePane .pc-header {
	overflow: hidden;
}


.location {
	width: 25%;
	padding: 25% 0 2%;
	box-sizing: border-box;
	float: left;
	font-size: 24px;
	font-style: italic;
	color: #FFF !important;
	text-align: center;
	display: block;
	background-size: cover;
	background-size: 400% auto;
	transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	-webkit-transition: transform 0.2s ease-in-out;
}

.location:hover {
	text-shadow: 0 0 6px #FFF;
	text-decoration: none;
}



#dnn_BottomLinksPane {
	font-size: 10px;
	margin: 10px 0 0 5px;
	text-transform: uppercase;
	overflow: hidden;
}

#dnn_BottomLinksPane a,
#dnn_BottomLinksPane a:visited {
	font-weight: 700;
}

#dnn_SEOPane,
#dnn_BottomLinksPane {
	line-height: normal;
}

#dnn_SEOPane {
	font-size: 10px;
	font-weight: 400;
	overflow: hidden;
}

#dnn_SEOPane p {
	margin-bottom: 10px;
	padding: 0 7px 0 7px;
	font-size: 10px !important;
}


#nd-buttons.contact {
	margin: 10px 0;
}


.coupon-section .see-our-coupons {
	margin: 10% 0;
	width: 100%;
	height: auto;
}

.coupon-section .coupon-wrap {
	margin: 3.5% 0;
}

#dnn_FooterPane4 #LocationWidget .locwidgetlisting .locwidget-name,
#dnn_FooterPane4 #LocationWidget .locwidgetlisting .locwidget-addr,
#dnn_FooterPane4 #LocationWidget .locwidgetlisting .locwidget-fax {
	display: none;
}

#dnn_FooterPane4 .locwidget-csz {
	margin-bottom: 0;
}


#nd-topbar {
	height: auto;
	padding: 20px 0;
}


.mobile-anchor {
	width: 90%;
	margin: 0 auto;
	transition: top 0.3s ease-in-out;
	left: 4%;
	border: 1px solid #444;
	z-index: 10 !important;
	position: fixed;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
}

.mobile-anchor+#ndatc #atcsearchsort {
	margin-top: 81px;
}

#mobile-social {
	display: none;
}

#poweredbynd {
	color: #fff;
	margin: 30px auto 0;
	width: 157px;
	height: 39px;
	padding: 3px 4px 0;
	background: url(//a2.nd-cdn.us/Skinning/ND_Badge/nd_badge.png) no-repeat center top;
}

#poweredbynd #login {}

#poweredbynd #login a.ndlogo {
	background: url(//a2.nd-cdn.us/Skinning/ND_Badge/nd_logo.png) no-repeat center top;
	width: 57px;
	height: 35px;
	float: left;
	text-indent: -9999px;
}

#poweredbynd #login a.ndlogo:hover {
	background-position: bottom;
}

#poweredbynd #login span {
	float: right;
	text-align: center;
	font-size: 9px;
	margin-top: 5px;
}

#poweredbynd #login span a {
	text-decoration: underline !important;
	color: #fff;
}

#poweredbynd #login span a:hover {
	text-decoration: underline !important;
	color: #ccc;
}

.second-background {
	background: url(img/contentbg.png) no-repeat center 274px;
}

/* Bread Cumbs */
.mobileButtons,
.tabletButtons {
	display: none;
	float: right;
}

.mobileButtons ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobileButtons li {
	list-style: none;
	padding: 0;
	margin: 0 10px 0 0;
	display: block;
	float: right;
}

.mobileButtons li a {
	padding: 0 10px;
	font-size: 14px;
	color: #d9ce96;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.nd-mobile-only {
	display: none;
}

/* Footer */
#netdriven {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#brands {
	text-align: center;
	background: #fff;
}

#brands img {
	width: 16%;
}

.mobileButtons {
	background: #282828;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 1% #000;
	z-index: 100000;
}

.social {
	background: #282828;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 10;
}

.mobileButtons li a {
	margin-top: 0 !important;
}

.mobileOverlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	z-index: 500;
}

p,
#contentmain li {
	line-height: 1.6em;
}

/* DESKTOP EXCLUSIVE STYLES */
@media only screen and (min-width: 981px) {

	/* NAVIGATION
	----------------------------------------------------------------------------------------------------*/
	/* Default Hover Effects */
	#contentnav #dnnMenu .topLevel li:hover>a {
		background: #373737;
	}

	#contentnav #dnnMenu .subLevel li a:hover {
		background: #474747
	}

	/* Single Column Styles */
	#contentnav #dnnMenu .single-column {
		width: 260px;
	}

	#contentnav #dnnMenu .single-column li a {
		border-bottom: 1px dotted #888;
	}

	/* Double Column Styles */
	#contentnav #dnnMenu .double-column {
		width: 420px;
	}

	#contentnav #dnnMenu .double-column li a {
		border-bottom: 1px dotted #888;
		border-right: 1px dotted #888;
	}

	/* Triple Column Styles */
	#contentnav #dnnMenu .triple-column {
		width: 610px;
	}

	#contentnav #dnnMenu .triple-column li a {
		border-bottom: 1px dotted #888;
		border-right: 1px dotted #888;
	}

	/* Aim In Effect (Add to <div id="contentnav">) */
	#contentnav.aim-in #dnnMenu .topLevel li a {
		outline-offset: 5px;
		transition: outline-offset 200ms ease-in-out;
		-moz-transition: outline-offset 200ms ease-in-out;
		-webkit-transition: outline-offset 200ms ease-in-out;
	}

	#contentnav.aim-in #dnnMenu .topLevel li:not(.haschild):hover>a {
		color: #FFF;
		background: #373737;
		outline: 1px solid #E94039;
		outline-offset: 0;
	}

	.nav-sizer {
		display: block !important;
		left: -9999px !important;
	}

	#nd-menubar.fixed {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
	}

	/* SOCIAL MEDIA
	----------------------------------------------------------------------------------------------------*/
	#dnn_SocialPane #social a:hover {
		padding-right: 20px;
		width: 65px;
		text-decoration: none;
	}

	/* FOOTER
	----------------------------------------------------------------------------------------------------*/
	#FooterPane1Container,
	#FooterPane2Container,
	#FooterPane3Container,
	#FooterPane4Container {
		min-height: 375px;
	}

	.mobileOverlay {
		display: none !important;
	}


	#contentnav #dnnMenu .subLevel li.haschild:hover>.subLevelRight ul {
		display: block;
	}

	#contentnav #dnnMenu .subLevel li.haschild .subLevelRight {
		position: absolute;
		top: 0;
		left: 100%;
	}

}


/* TABLET EXCLUSIVE STYLES */
@media only screen and (max-width: 980px) and (min-width:641px) {


	/* FOOTER
	----------------------------------------------------------------------------------------------------*/
	#BottomFooter li:nth-of-type(3n+2) {
		width: 32%;
		margin: 1%;
	}

	#FooterPane1Container,
	#FooterPane2Container,
	#FooterPane3Container,
	#FooterPane4Container {
		width: 48.5%;
		padding: 0;
	}

	#FooterPane1Container {
		float: left;
		margin: 1% 0.5% 0 1%;
	}

	#FooterPane2Container,
	#FooterPane3Container,
	#FooterPane4Container {
		float: right;
		clear: right;
		margin: 1% 1% 0 0.5%;
	}

	#FooterPane4Container {
		float: right;
	}

	.socialh2 {
		display: none;
	}

	#poweredbynd {
		clear: both;
	}

	#BottomFooter #socialfont {
		display: none;
	}

	#BottomFooter .DynamicForms_SaveFormDiv {
		margin-top: 3%;
	}

	/* HOMETEXT
	----------------------------------------------------------------------------------------------------*/
	#hometext {
		padding: 2%;
		float: none;
		width: auto
	}

	#TireSizeFinder #sizefinder-inputs div {
		margin: 1%;
	}

	.third-row #hometext img {
		margin: 0 70px 0 0px;
	}

	/* COUPONS
	----------------------------------------------------------------------------------------------------*/
	.check-coupons {
		width: 100%;
		height: auto;
	}

	#dnn_HomeSidePane {
		width: 25%;
		margin-left: 1%;
	}

	#dnn_HomeContentPane {
		width: 70%;
		margin-right: 1%;
	}

}



/* TABLET AND PHONE EXCLUSIVE STYLES */
@media only screen and (max-width: 980px) {

	/* COMMONLY EDITED STYLES
	----------------------------------------------------------------------------------------------------*/
	.homepage .container,
	#main-content .container {
		padding: 2%;
		box-sizing: border-box;
	}

	.container.mobile-nopadding {
		padding: 0 !important;
	}

	.nd-mobile-button {
		box-sizing: border-box;
		padding: 0 5%;
		font-size: 12px;
		font-weight: 700;
		color: #FFF;
		cursor: pointer;
		text-align: center;
		text-transform: uppercase;
		display: block;
		overflow: hidden;
		text-decoration: none !important;
	}

	.nd-mobile-button .mobile-icon {
		font-size: 30px;
		height: 36px;
		width: auto;
		float: left;
	}

	.nav-spacer {
		display: none;
	}

	#headercontact {
		display: none;
	}

	#contentheader {
		height: auto;
		text-align: center;
	}

	#dnn_dnnLogo_imgLogo {
		float: none;
		margin: 1%;
		position: static;
	}

	.homepage #nd-middlebar.third-row {
		background: #E94039;
	}

	/* NAVIGATION
	----------------------------------------------------------------------------------------------------*/
	#contentnav #dnnMenu .topLevel {
		list-style: none;
		margin: 0 0 -1px;
		padding: 0 10px
	}

	#contentnav #dnnMenu .topLevel li {
		list-style: none;
		margin: 0;
		padding: 0;
		float: none
	}

	#contentnav #dnnMenu .topLevel li.selected:first-child a {
		text-shadow: 0 0 2px #FFF
	}

	#contentnav #dnnMenu .topLevel a:hover {
		text-decoration: none
	}

	#contentnav #dnnMenu .subLevel,
	#contentnav #dnnMenu .subLevel .subLevelRight ul {
		background: #FFF;
		display: none;
		line-height: 1.2em;
		border: none;
		padding: 10px;
		text-transform: uppercase;
		text-shadow: none;
		box-shadow: none;
		left: auto !important;
		top: inherit;
		width: inherit;
		position: relative;
		width: auto;
		padding: 0;
		border-radius: 6px 0 6px 6px;
		-moz-border-radius: 6px 0 6px 6px;
		-webkit-border-radius: 6px 0 6px 6px;
		padding: 5%
	}

	#contentnav #dnnMenu .subLevel li a {
		padding-left: 15px
	}

	#contentnav #dnnMenu .subLevel ul,
	#contentnav #dnnMenu .subLevel .subLevelRight ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: inherit;
		display: block !important
	}

	#contentnav #dnnMenu .subLevel .subLevelRight li a {
		padding-left: 50px
	}

	#contentnav #dnnMenu .subLevel .subLevelRight .subLevelRight li a {
		padding-left: 70px
	}

	#contentnav #dnnMenu .subLevel .subLevelRight .subLevelRight .subLevelRight li a {
		padding-left: 90px
	}

	#contentnav #dnnMenu .topLevel li a,
	#contentnav #dnnMenu .topLevel li.selected>a {
		text-shadow: none !important
	}

	#contentnav #dnnMenu .topLevel li a:first-of-type {
		border-top: none
	}

	#contentnav #dnnMenu .subLevel .subLevelRight ul {
		padding: 5%;
	}

	#contentnav #dnnMenu a {
		font-size: 1.15em;
		color: #FFF;
	}

	#contentnav #dnnMenu .topLevel li a:not(.mobile-nav-expand) {
		border-bottom: 1px solid #666;
		padding: 15px 10px !important;
		text-transform: uppercase;
		display: block;
		line-height: normal;
	}

	#contentnav #dnnMenu .subLevel li a:not(.mobile-nav-expand) {
		border-bottom: 1px solid #FFF;
	}

	#contentnav #dnnMenu .mobile-nav-expand {
		font-size: 1.5em !important;
		position: absolute;
		right: 0;
		border: none !important;
		padding: 0 15px !important;
		z-index: 10;
		cursor: pointer;
		top: 0;
		height: calc(100% - 8px);
		margin: 4px 0;
		box-sizing: border-box;
	}

	#contentnav #dnnMenu .mobile-nav-expand.fa-angle-down {
		opacity: .8;
	}

	#contentnav #dnnMenu .mobile-nav-expand.fa-angle-up {
		opacity: 1;
	}

	/*#contentnav::before{content:"Menu"; font-size:1.25em; border-bottom:2px solid #FFF; color:#FFF; font-weight:700; padding:2%; text-transform:uppercase; display:block; margin-top:2%; }*/
	#contentnav #dnnMenu .mobile-nav-expand::before {
		line-height: 200%;
	}

	#contentnav #dnnMenu .fa-angle-up {
		color: #FFF !important;
		padding-bottom: 25px !important;
		border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
	}

	#contentnav #dnnMenu .subLevel .subLevelRight {
		display: none;
	}

	/* HOMETEXT
	----------------------------------------------------------------------------------------------------*/
	.homepage-options a {
		min-width: 23%;
	}

	/* WHEEL CONFIGURATOR
	----------------------------------------------------------------------------------------------------*/
	.DnnModule-ICGLocalFocalModulesWheelConfigurator {}


	.mobile-nav-expand {
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		color: #FFF !important;
		background: #333;
	}

	.mobile-nav-expand.icon-angle-up::after {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: -20px;
		height: 30px;
		content: "";
	}

	#BottomFooter {
		font-size: .875em;
	}

	.pc-header::before {
		width: 104%;
		left: -2%;
	}

	.location {
		font-size: 18px;
	}

	.mobile-nav-expand,
	#contentnav #dnnMenu .subLevel,
	.mobile-nav-expand.icon-angle-up::after {
		background-color: #E94039 !important;
	}

	#contentnav #dnnMenu .subLevel .subLevelRight ul {
		background: #373737;
	}

	.subLevelRight+.mobile-nav-expand {
		background: #373737 !important;
	}

	.location-dropdown,
	.call-dropdown {
		display: none;
		background: #272727 !important;
		padding: 5% 5%;
		font-size: 16px;
		color: #FFF;
		left: 5%;
		width: 90% !important;
		font-weight: 700;
	}

	.location-dropdown {
		overflow-y: scroll;
	}

	.location-choice {
		margin-bottom: 5%;
		overflow: hidden;
		border-radius: 6px;
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
		box-shadow: 0 0 3px #000;
		-moz-box-shadow: 0 0 3px #000;
		-webkit-box-shadow: 0 0 2px #000;
	}

	.location-choice .location-name {
		background: #444;
		padding: 3%;
	}

	.location-choice .location-buttons a {
		display: block;
		padding: 2% !important;
		box-sizing: border-box;
		text-transform: uppercase;
		text-align: center;
		color: #FFF;
		font-size: 14px;
		text-decoration: none;
	}

	.location-choice .location-buttons a:first-of-type {
		float: left;
		width: 50%;
		border-right: 1px solid #333;
		border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-webkit-border-radius: 0 0 0 6px;
	}

	.call-choice {
		margin-bottom: 5%;
		background: #444;
		overflow: hidden;
		border-radius: 6px;
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
		display: block;
		padding: 2% !important;
		box-shadow: 0 0 3px #000;
		-moz-box-shadow: 0 0 3px #000;
		-webkit-box-shadow: 0 0 2px #000;
	}

	.call-choice:last-of-type {
		margin-bottom: 0;
	}

	.call-choice .name-phone {
		color: #FFF;
		font-size: 14px;
		float: left;
		width: 70%;
	}

	.call-choice .call-button {
		float: right;
		width: 10%;
		height: 100%;
		text-align: center;
		padding: 2%;
		border-radius: 6px;
	}

	.location-choice .location-buttons a:last-of-type {
		float: right;
		width: 50%;
		border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-webkit-border-radius: 0 0 6px 0;
	}

	.gallery_boxs .box {
		width: 24% !important;
		margin: 0.5% !important;
	}

	.location-choice:last-of-type {
		margin: 0;
	}

	.close-button {
		position: absolute;
		top: 0.5%;
		right: 0.5%;
		text-decoration: none !important;
		color: #FFF;
		font-size: 26px !important;
		cursor: pointer;
	}

	.call-button .fa {
		font-size: 26px;
		color: #FFF !important;
	}

	.close-button:hover,
	.call-button .fa:hover {
		color: #FFF;
	}

	#quoting-buttons #quoting-buttons {
		height: auto;
		position: absolute;
		top: 10px;
	}

	#quoting-buttons a#nd-quotebadge {}


	#BottomFooter li {
		width: 31%;
		margin: 1%;
		float: left;
		list-style: none;
	}

	/* Prevents Nav From Loading First */
	#contentnav {
		display: none;
	}

	.nd-mobile-window #contentnav {
		display: block;
	}

	#atcclicktorefinesearch {
		display: block !important;
		-moz-transition: all 200ms ease-in-out;
		-webkit-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}

	/* Mobile Buttons in Header */
	.mobileButtons {
		/*box-shadow:0 2px 5px #000;*/
	}

	.mobileButtons {
		display: block
	}

	/* Style to have the connect text be left of footer social icons*/
	/* #BottomFooter #socialfont {float:right; } */
	#mobile-social .fa,
	#mobile-buttons .fa {
		font-size: 22px;
	}

	#mobile-social .fa,
	#mobile-buttons .fa {
		display: inline-block;
		font-style: normal;
		font-weight: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: none;
	}

	#mobile-buttons span {
		display: inline-block;
		height: 25px;
	}

	#mobile-buttons label {
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		cursor: pointer;
		margin-top: 5px;
	}

	#mobile-buttons .nd-mobile-button.ndcustomcolorclass {
		box-shadow: 0 0 2px #000 inset;
		-moz-box-shadow: 0 0 2px #000 inset;
		-webkit-box-shadow: 0 0 2px #000 inset;
	}

	#mobile-buttons a {
		color: #FFF;
		padding: 1.5% 2%;
	}

	#mobile-buttons a:hover {
		color: #FFF;
		text-decoration: none;
	}


	.mobileonhover {
		position: absolute;
		bottom: -7px;
		left: 0;
		height: 0;
		border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
	}

	.mm-clicked {
		background: #373737;
		border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
		position: absolute !important;
		padding-bottom: 2.5% !important;
	}

	#mobileMenuBtn {
		float: left;
		position: relative;
		z-index: 10000;
		margin-right: 1.5%;
	}

	.fa-phone {
		position: relative;
		z-index: 10000;
	}


	.left-button {
		float: left;
	}

	.right-button {
		float: right;
	}


	#dnn_SidePane {
		display: none;
	}

	#dnn_CTCFilterPane {
		width: 100%;
		float: none;
	}

	.nd-mobile-popup {
		opacity: 0;
		position: absolute !important;
		left: 10%;
		width: 80% !important;
		/*height:80%;*/
		box-sizing: border-box;
		box-shadow: #000;
		background: #FFF;
		z-index: 50;
		box-shadow: 0 0 15px #000;
		-moz-box-shadow: 0 0 15px #000;
		-webkit-box-shadow: 0 0 15px #000;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		overflow: hidden;
	}

	#dnn_SidePane .pc-header {
		padding: 2%;
	}

	#dnn_SidePane .pc-header h1 {
		margin: 0;
		color: #FFF;
	}

	#dnn_SidePane .pc-body {
		padding: 2%;
	}

	#dnn_SidePane .close-window {
		text-transform: lowercase;
		float: right;
		text-decoration: none;
		color: #FFF;
		cursor: pointer;
	}

	.view-testimonials,
	.community-heroes,
	.slider-image {
		width: 100%;
	}

	.tpms {
		max-width: 20%;
	}

	.tabletButtons {
		display: block;
	}

	#contentnav {
		width: 100%;
		padding: 0;
	}

	#BottomFooter h2 {
		font-size: 16px;
	}

	#contentheader {
		height: auto;
		padding: 1%;
		box-sizing: border-box;
	}

	#brands img {
		width: auto;
		height: auto;
	}

	/* Permanent Styles */
	.container,
	#contentheader {
		width: 100%;
	}

	#main-content .container {
		padding-top: 0;
	}

	#netdriven {
		width: 100%;
		padding-bottom: 12%;
	}

	.ndcustombutton1,
	.ndcustombutton2 {
		display: block;
		margin-bottom: 5px;
		text-align: center;
		padding-top: 8px 0;
	}

	.atctypeimage,
	.atccategoryimage {
		display: block;
	}

	#locations {
		background: url(img/locations.png) no-repeat;
		background-size: 100% auto;
	}

	#dnn_HeaderContactPane {
		width: auto;
		margin-right: 0;
	}


	/* Nav */
	#contentnav #dnnMenu .subLevel li a {
		border-bottom: 1px solid #FFF;
		color: #FFF;
	}

	.mobile-menu-title {
		font-size: 24px;
		color: #FFF;
		font-weight: 700;
		padding: 5.5% 0 5.5% 20%;
		background: #666;
		text-transform: uppercase;
	}

	#tabletMenuBtn .fa {
		font-size: 20px;
		color: #AAA;
	}

	.mm-clicked#tabletMenuBtn {
		opacity: 1;
	}

	.mm-clicked#tabletMenuBtn .fa {
		color: #FFF;
	}

	.nd-mobile-window {
		position: fixed;
		width: 40%;
		left: -80%;
		z-index: 100;
		overflow-y: scroll;
		/*height:100%;*/
		box-sizing: border-box;
		background: #373737;
		z-index: 1000;
	}


	.nd-slidewindow .atcSideFilter {
		color: #FFF;
	}
}



/* PHONE EXCLUSIVE STYLES */
@media only screen and (max-width: 640px) {

	/* COMMONLY EDITED STYLES
	----------------------------------------------------------------------------------------------------*/
	#dnn_dnnLogo_imgLogo {
		max-width: 60%;
	}

	#bgbottom {
		background: none;
	}

	#dnn_ContentPane,
	#dnn_HomeSidePane,
	#dnn_LeftPane,
	#dnn_RightPane,
	#dnn_HomeContentPane,
	#contentnav {
		width: auto;
		float: none;
	}

	#brands {
		display: none;
	}

	#dnn_RightPane {
		margin-top: 20px;
	}

	.second-row #hometext {
		float: none;
		margin: 2% 0;
		width: 100%;
	}

	.third-row #hometext {
		float: none;
		width: 100%;
		margin: 2% 0;
	}

	.third-row #hometext img {
		display: none;
	}

	/* MAIN BRANDING STYLING
	----------------------------------------------------------------------------------------------------*/
	.mobile-footer-button,
	#FooterPane1Container,
	#FooterPane2Container,
	#FooterPane3Container,
	#FooterPane4Container,
	.vlbCatalogBtn {
		background-color: #E94039 !important;
	}

	img.mobile-image-full {
		width: 75%;
		height: auto;
		margin: 2% auto !important;
		display: block;
		clear: both;
		float: none !important;
	}

	/* SOCIAL MEDIA
	----------------------------------------------------------------------------------------------------*/
	#dnn_SocialPane {
		bottom: 0;
		left: 0;
		width: 100%;
		top: auto;
	}

	#dnn_SocialPane #socialfont a {
		float: left;
	}

	#dnn_SocialPane #socialfont.one-set a {
		width: 100%;
	}

	#dnn_SocialPane #socialfont.two-set a {
		width: 50%;
	}

	#dnn_SocialPane #socialfont.three-set a {
		width: 33%;
	}

	#dnn_SocialPane #socialfont.three-set a:nth-of-type(2) {
		width: 34%;
	}

	#dnn_SocialPane #socialfont.four-set a {
		width: 25%;
	}

	#dnn_SocialPane #socialfont.five-set a {
		width: 20%;
	}

	/* NAVIGATION
	----------------------------------------------------------------------------------------------------*/
	#contentnav {
		height: auto;
	}

	#contentnav a {
		color: #FFF;
	}

	/* NET DRIVEN BUTTONS
	----------------------------------------------------------------------------------------------------*/
	#nd-buttons {
		display: none;
	}

	/* VEHICLE LOOKUP BAR - HORIZONTAL
	----------------------------------------------------------------------------------------------------*/
	#find-tire-bar {
		width: auto;
		height: auto;
		padding: 2%;
		background: #FFF;
	}

	#links {
		width: 100%;
		margin: 0;
	}

	.vlbCatalogBtn {
		width: 100%;
		display: block;
		text-align: center;
		font-weight: 700;
		text-decoration: none;
		text-transform: uppercase;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		color: #FFF;
		padding: 2%;
		box-sizing: border-box;
	}

	#sizefinder-inputs {
		padding: 0;
		height: auto;
		float: none;
	}

	#sizefinder-inputs select {
		width: 100% !important;
		padding: 1%;
		margin-bottom: 2%;
		display: block;
		font-size: 16px;
	}

	#services_div {
		width: 100%;
		box-sizing: border-box;
	}

	.vlb-horizontal div {
		float: none;
	}

	/* COUPONS
	----------------------------------------------------------------------------------------------------*/
	.coupon-section #dnn_HomeSidePane {
		display: none;
	}

	.coupon-section #dnn_HomeContentPane {
		width: 100%;
		height: auto;
	}

	.coupon-section .see-our-coupons {
		display: none;
	}

	/* HOMETEXT
	----------------------------------------------------------------------------------------------------*/
	#hometext {
		padding: 0;
		margin: 0;
		width: auto;
		float: none;
	}

	#hometext ul li,
	#hometext ul.two-row li,
	#hometext ul.three-row li,
	#hometext ul.four-row li,
	#hometext ul.five-row li {
		width: auto;
		float: none;
	}

	.homepage-options a {
		min-width: 43%;
	}

	/* SUBTITLE BAR
	----------------------------------------------------------------------------------------------------*/
	.subtitle {
		padding: 1%;
	}

	.subtitle+* {
		padding: 1%;
	}

	/* NDSC WIDGET
	----------------------------------------------------------------------------------------------------*/
	#dnn_WidgetPane {
		display: none;
	}

	/* FOOTER
	----------------------------------------------------------------------------------------------------*/
	#BottomFooter .DynamicForms_SaveFormDiv {
		margin-top: 2%;
	}

	#BottomFooter a[id*="lnkSave"] {
		width: 100%;
	}

	#BottomFooter li {
		width: 48%;
		padding: 1%;
		float: left;
		box-sizing: border-box;
	}

	#bottomnav #dnnMenu a,
	.extra-links li a,
	#BottomFooter {
		font-size: 12px;
	}

	#BottomFooter h2 {
		display: none;
	}

	#BottomFooter,
	#BottomFooter a {
		color: #FFF;
	}

	#FooterPane1Container,
	#FooterPane2Container {
		float: left;
		width: 96%;
		height: auto;
		padding: 3%;
		min-height: inherit;
		display: none;
		margin: 0 2% 2%;
		clear: both;
	}

	#FooterPane1Container,
	#FooterPane3Container {
		border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px 6px;
		-webkit-border-radius: 0 6px 6px 6px;
	}

	#FooterPane3Container,
	#FooterPane4Container {
		float: right;
		width: 96%;
		height: auto;
		padding: 3%;
		min-height: inherit;
		display: none;
		margin: 0 2% 2%;
		clear: both;
	}

	#FooterPane2Container,
	#FooterPane4Container {
		border-radius: 6px 0 6px 6px;
		-moz-border-radius: 6px 0 6px 6px;
		-webkit-border-radius: 6px 0 6px 6px;
	}

	/* CONTAINER HEADER
	----------------------------------------------------------------------------------------------------*/
	.pc-header h1,
	.pc-title h1,
	.pc-header::before,
	.pc-title::before {
		font-size: 22px;
	}



	.ndmobilehide {
		display: none !important;
	}

	.nd-mobile-only {
		display: block;
	}

	.gallery_boxs .box {
		width: 48% !important;
		margin: 0.5% !important;
	}

	/* Mobile Buttons */
	#mobile-buttons a {
		padding: 2% 3%;
	}

	.mm-clicked {
		padding-bottom: 4% !important;
	}

	#ndatc #tiresidewall_animation,
	#ndatc .atcSideFilter {
		display: block !important;
	}

	/* Overwrite in module.css */
	#dnn_SidePane:not(.DNNEmptyPane)+#dnn_ContentPane {
		float: none;
		width: auto;
	}

	#atcclicktorefinesearch {
		white-space: normal !important;
		display: none;
	}

	/* REMOVE LATER */
	.nd-app-button,
	.nd-app-button .fa-angle-down {
		font-size: 1.5em
	}

	.mobile-footer-button {
		width: 46%;
		position: relative;
		top: 0;
		left: 0;
		display: inline-block;
		margin: 2%;
		color: #BBB;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		padding: 2%;
		box-sizing: border-box;
		float: left;
		font-weight: 700;
		transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		cursor: pointer;
		height: auto;
		color: #FFF !important;
	}

	.mobile-footer-button span {
		font-size: 24px;
		float: left;
		width: 25%;
		margin-right: 5%;
		text-align: center;
	}

	.mobile-footer-button p {
		float: left;
	}

	.mobile-footer-button.clicked {
		background: #333;
		border-radius: 6px 6px 0 0;
		padding-bottom: 4% !important;
		margin: 2% 2% 0;
	}

	/*.mobile-footer-button.clicked + div{background:#333 !important;}*/

	.slider-image {
		width: 100%;
	}


	#bottom-content {
		display: none;
	}

	#nd-topbar {
		display: none;
	}

	.tpms {
		display: none;
	}

	.view-testimonials,
	.community-heroes {
		display: none;
	}

	.mobile-vlb {
		margin: 0;
	}

	.couponsliderview::after {
		content: "";
		display: block;
	}


	/* Navigation Skinner Editable */
	.mobileonhover {
		background: #444;
	}

	.nd-mobile-search-window {
		position: fixed;
		top: -50%;
		left: 0;
		width: 100%;
		height: 10%;
		background: #444;
		z-index: 1000;
		box-sizing: border-box;
		padding: 1%;
	}

	.nd-mobile-window {
		position: fixed;
		width: 80%;
		left: -80%;
		z-index: 100;
		overflow-y: scroll;
		/*height:100%;*/
		box-sizing: border-box;
	}


	.nd-app-button {
		box-sizing: border-box;
		padding: 5% !important;
		height: auto;
		font-weight: 700;
		color: #FFF;
		cursor: pointer;
		text-transform: uppercase;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		display: block;
		overflow: hidden;
		text-decoration: none !important;
		text-shadow: 0 0 3px #000;
		color: #FFF !important;
		background: #282828;
		margin-top: 2%;
	}

	.nd-app-button.two-row:nth-of-type(odd) {
		width: 49%;
		float: left;
		text-align: center;
		padding: 3%;
	}

	.nd-app-button.two-row:nth-of-type(even) {
		width: 49%;
		float: right;
		text-align: center;
		padding: 3%;
	}

	.nd-app-button.two-row i {
		display: block;
		margin: 0 auto 2%;
		text-align: center;
	}

	.nd-app-button.two-row.last-of-row {
		width: 50%;
		margin-left: 25%;
	}

	.nd-app-button img {
		height: 36px;
		vertical-align: bottom;
		/*position:absolute; left:5px; top:5px;*/
	}

	.nd-app-button .mobile-icon {
		font-size: 36px;
		height: 36px;
		width: auto;
		float: left;
	}

	.nd-app-button:click {
		animation: mobile-button-click 0.3s linear;
		-moz-animation: mobile-button-click 0.3s linear;
		-webkit-animation: mobile-button-click 0.3s linear;
	}

	.app-open {
		border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
	}

	.nd-app-button .drop-down {
		box-shadow: 0px 0px 2px #000 inset;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		display: inline-block;
		text-align: center;
		float: right;
		width: 15%;
	}

	.nd-app-button .drop-down:hover {
		box-shadow: 0px 0px 5px #000 inset;
	}

	.nd-app-button .fa {
		font-size: 1.25em;
	}

	.nd-popup-window {
		z-index: 100;
		background: #222;
		box-sizing: border-box;
		left: 0;
		top: 0;
		padding: 3%;
		display: none;
		border-left: 6px solid #E94039;
		border-bottom: 6px solid #E94039;
		border-right: 6px solid #E94039;
		border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		-webkit-border-radius: 0 0 6px 6px;
	}

	/*Strip All Styles*/
	.nd-popup-window * {}


	#nd-topbar {
		box-sizing: border-box;
	}

	.searchbuttons {
		display: none;
	}

	/* Temp */
	*.nd-mobile-app {
		background: #C8C8C8;
		border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		-webkit-border-radius: 0 0 6px 6px;
		border-left: 3px solid #E94039;
		border-bottom: 3px solid #E94039;
		border-right: 3px solid #E94039;
		padding: 4%;
	}

	table.nd-mobile-app,
	table.nd-mobile-app tr,
	table.nd-mobile-app td,
	table.nd-mobile-app tbody,
	table.nd-mobile-app table {
		display: block;
	}

	/* DNN Control Overrides */
	.ControlPanel {
		display: none !important;
	}

	#nd-topbar {
		position: relative;
		padding: 2%;
	}

	#info {
		padding: 2%;
		margin-bottom: 0;
	}

	.nd-slidewindow {
		position: fixed;
		width: 80% !important;
		float: none !important;
		left: -80%;
		z-index: 100;
		background: #222;
		z-index: 1000;
		overflow: scroll;
		height: 100%;
		box-sizing: border-box;
		box-shadow: -20px 0 20px #000 inset;
		-moz-box-shadow: -20px 0 20px #000 inset;
		-webkit-box-shadow: -20px 0 20px #000 inset;
		display: block !important;
		top: 0;
	}

	.nd-slidewindow .atcSideFilter {
		color: #FFF;
	}

	.phoneSocialBar {
		position: fixed;
		bottom: 0;
		left: 0;
		height: 10%;
		width: 100%;
		z-index: 10000;
	}

	#mobileVLB {
		position: fixed;
		top: 0;
		right: -50%;
		width: 50%;
		height: 100%;
		background: #0000FF;
		color: #FFF;
		z-index: 10000;
	}

	.nd-mobilehide {
		display: none;
	}

}


@media only screen and (max-width: 640px) and (orientation: landscape) {
	#dnn_SocialPane {
		display: none;
	}
}

.column-repair {
	float: left;
	width: 33.33%;
	padding: 5px;
}

.row-repair::after {
	content: "";
	clear: both;
	display: table;
}



/* Social Media - Connect with us page
----------------------------------------------------------------------------------------------------*/
.sm-connect {}

.smfont {
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}

.sm-connect .sm-feed {
	float: left;
	width: 48%;
}

.sm-connect .sm-buttons {}

.sm-connect .sm-buttons a {
	color: #fff !important;
	display: block;
	text-decoration: none;
	border-radius: 20px;
	padding: 3% 10%;
	box-sizing: border-box;
	text-align: center;
	margin: 0 5px 30px;
	transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-webkit-transition: all ease-in-out .2s;
	box-shadow: 0 3px 3px #333;
}

.sm-connect .sm-buttons a:hover {
	background: #999 !important;
	transform: scale(.95);
	-moz-transform: scale(.95);
	-webkit-transform: scale(.95);
	box-shadow: inset 0 3px 3px #333;
}

.sm-connect .sm-buttons a span {
	float: left;
	font-size: 3em;
	margin: 20px 0 0;
}

.sm-connect .sm-buttons a h2 {
	margin: 0;
	font-size: 2.25em;
}

.sm-connect .sm-buttons a p {
	line-height: normal;
	font-size: 1.25em;
	margin: 0 !important;
}

.sm-connect h2.fb-bar {
	background: #3B5998;
	color: #fff;
}

.sm-connect .fb-area .sm-buttons a {
	background: #3B5998;
}

.sm-connect h2.tw-bar {
	background: #5EA9DD;
	color: #fff;
}

.sm-connect .tw-area .sm-buttons a {
	background: #5EA9DD;
}

.sm-connect h2.gp-bar {
	background: #D73D32;
	color: #fff;
}

.sm-connect .gp-area .sm-buttons a {
	background: #D73D32;
}

.sm-connect h2.pt-bar {
	background: #BD081C;
	color: #fff;
}

.sm-connect .pt-area .sm-buttons a {
	background: #BD081C;
}

.sm-connect h2.yp-bar {
	background: #D32323;
	color: #fff;
}

.sm-connect .yp-area .sm-buttons a {
	background: #D32323;
}


.sm-connect h2.fb-bar,
.sm-connect h2.tw-bar,
.sm-connect h2.gp-bar,
.sm-connect h2.pt-bar,
.sm-connect h2.yp-bar {
	text-align: center;
	font-size: 2.5em;
	padding: 1% 0;
}

.fb_iframe_widget span,
.twitter-timeline,
#___person_0,
#___person_0 iframe,
.PIN_1480714890434_embed_grid PIN_1480714890434_c3 {
	width: 100% !important;
	max-width: 470px;
}


@media only screen and (max-width: 980px) and (min-width:641px) {

	.fb-page,
	.fb-page span,
	.fb-page span iframe[style] {
		width: 100% !important;
	}
}

/* Target Tablet Exclusively */

@media only screen and (max-width: 640px) {
	.sm-connect .sm-feed {
		display: none;
	}

	.sm-connect .sm-buttons {
		float: none;
		width: 100%;
	}

	.sm-connect h2.fb-bar,
	.sm-connect h2.tw-bar,
	.sm-connect h2.gp-bar,
	.sm-connect h2.pt-bar,
	.sm-connect h2.yp-bar {
		padding: 2% 0;
		font-size: 1.75em;
	}
}

/* Target Phone Exclusively */




@media only screen and (min-width: 981px) {
	/* CSS RULES HERE */
}

/* Target Desktop Exclusively */
@media only screen and (max-width: 980px) and (min-width:641px) {
	/* CSS RULES HERE */
}

/* Target Tablet Exclusively */
@media only screen and (min-width: 641px) {
	/* CSS RULES HERE */
}

/* Target Desktop AND Tablet */
@media only screen and (max-width: 980px) {
	/* CSS RULES HERE */
}

/* Target Tablet AND Phone */