*{

font-family:Open Sans;;

}

.sb-slidebar {

	padding: 14px;

	color: #fff;

}

.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {

	cursor: pointer;

}

body{

	padding:0;

	margin:0;

  background: url(images/page-background.jpg) no-repeat center top fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover; 

}

#whitebg {

	float:left;

	margin: 0 auto;

	width:100%;

	background:#FFFFFF;

	margin-top:20px;

	margin-bottom:20px;/**/

}

#headerwrap {

	width:100%;

	margin: 0 auto; 

}	

#header{

	max-width:1140px;

	margin: 0 auto;

} 	

#logo {

	float:left;

	max-width:300px;

	margin-top:5px;
	margin-bottom:5px;

}

#logo img {

	width:100%;

}

#logo-white {

display:none;

}

#logo h1 {

line-height: 5px; 

}

#contact {

	float:right;

	max-width:450px;

	margin: 5px 0px 0px 90px; /*Top-Right-Bottom-Left*/

	text-align:right;

}

#contact a {

	color:#000000;

	text-decoration:none;

}

.headtxt1 {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:40px; 

}

.headtxt1 a {

	color:#000000;

	text-decoration:none;

}

.headtxt1 a:hover{

	color:#41576F;

	text-decoration:none;

}

.blk a {

	color:#000000;

	text-decoration:none;

}

.blk a:hover{

	color:#41576F;

	text-decoration:none;

}

.phone {

font-family: 'Raleway', Open Sans;

color:#000000;

font-size:46px; 

font-weight:bold;

}

.phone {

color:#000000;

text-decoration:none;

}

a.page-btn {

    font-family:'Lato',sans-serif;

    font-size:18px;

    text-transform:uppercase;

    text-decoration:none;

    color:#FFFFFF;

background: #34495e;

    

    border:2px solid #FFFFFF;

    padding:10px 14px;

    cursor:pointer;

    letter-spacing:2px;

    text-align:center;

    display:inline-block;

    -webkit-transition:.4s background ease;

    -moz-transition:.4s background ease;

    -o-transition:.4s background ease;

    transition:.4s background ease;

}

.page-btn:hover {

    color:#fff;

   background:#3B3A3A;

  font-size:18px;

   text-decoration:none;

}

#menu-box {

	display:inline;

	float:right;

	max-width:38px;

	margin-top:20px;

	margin-left:10px;

	/*margin: 30px 0px 0px 10px; Top-Right-Bottom-Left*/

	text-align:right;

}

#menu-box-white {

display:none;

}



#yell-line {

	clear:both;

	float:left;

	width:100%;

	background:#036b3a;

	height:3px;

	margin: 7px 0px 0px 0px; /*Top-Right-Bottom-Left*/

}

#black-line {

	clear:both;

	float:left;

	width:100%;

	background:#000000;

	height:3px;

	margin: 7px 0px 0px 0px; /*Top-Right-Bottom-Left*/

}

#address {

	float:left;

	max-width:300px;

	text-align:left;

	

}

#metro {

	float:right;

	max-width:500px;

	margin: 0 auto;

	text-align:right;

}

#metro-white {

display:none;

}

#tireformwrap{

	clear:both;

	max-width:1140px;

	margin: 0 auto;

}

#tireformbox{

float:left;

background:rgba(12,13,9,0.7);

padding:3%;

max-width:500px;

color:#545454;

font-size:24px;

margin: 0px 0px 50px 0px; /*Top-Right-Bottom-Left*/

}

.forminput{

color: #000000;

padding:3px;

font-size:22px;

margin-bottom:6px;

width:100%;

}

.tiresbutton{

padding:10px 10px;

color:#FFFFFF;

font-size:22px;

background-color:#036b3a;

text-decoration:none;

overflow:auto;

}

a.tiresbutton{

text-decoration:none;

}

a.tiresbutton:hover{

color:#000000;

background-color:#FFF700;

}

#blue-line-home {

	clear:both;

	float:left;

	width:100%;

	background:#036b3a;

	height:3px;

	margin: 0px 0px 0px 0px; /*Top-Right-Bottom-Left*/

}

#blue-line{

	clear:both;

	float:left;

	width:100%;

	background:#036b3a;

	height:3px;

	margin: 7px 0px 0px 0px; /*Top-Right-Bottom-Left*/

}

#buttonlink{

display: block;

font-size:22px;

}

#buttonlink a{

padding:5px 20px 5px 20px;

background-color:#036b3a;

text-decoration:none;

color: #FFFFFF;

}

#buttonlink a:hover{

color: #ffffff;

background: #545454;

text-decoration:none;

}

#contentwrap {

	clear:both;

	max-width:100%;

	margin: 0 auto;

}

#content {

	max-width:1140px;

	margin: 0 auto;

}

#sub-content {

	float:left;

	margin: 0 auto;

	width:100%;

	/*padding:3%;*/

	background:#FFFFFF;

	opacity: 0.9;

    filter: alpha(opacity=90);

	margin-top:20px;

	margin-bottom:20px;/**/

	/*border:red 1px solid;*/

}

#fullbox{ 

	padding:3%;

	margin: 0 auto;

	/*border:red 1px solid;*/

}

#couponwrap{

float:left;

	margin: 0 auto;

	width:100%;

	background:#FFFFFF;

	opacity: 0.9;

    filter: alpha(opacity=90);

	margin-bottom:20px;/**/

}

#couponbox{ 

padding-left:3%;

padding-right:3%;

margin: 0 auto;

}

#coupons img{

float:left;

width:30.33%;

padding:1.5%;

padding-bottom:20px;

opacity: 1;

filter: alpha(opacity=100);

}



#photobox { 

clear:both;

width:100%;

float:left;

background-color:#ffffff;

margin-bottom: 20px; 

}

#photoleft {

float:left;

width:30%;

margin: 20px 10px 20px 22px; /*Top-Right-Bottom-Left */

}

#photoleft img{

	width:100%; 

}

#photoright { 

float:left;

width:30%;

margin: 20px 0px 20px 20px; /*Top-Right-Bottom-Left*/

}

#photoright img{

	width:100%; 

}

#tirecoupon { 

clear:both;

max-width:1140px;

margin: 0 auto;

margin-top: 20px;

margin-bottom: 20px;

}

#tirecoupon img{

	width:100%; 

}

#michelin { 

clear:both;

max-width:1140px;

margin: 0 auto;

margin-top: 20px;

margin-bottom: 20px;

}

#michelin img{

	width:100%; 

}

#full-text-box{ 

	clear:both;

	float:left;

	width: 100%;

	margin: 0 auto;

	/*border:red 1px solid;*/

}

#half-box-left{ 

float:left;

width:47%;

margin-right:2%;

/*border:green 1px solid;*/

}

#half-box-right{ 

float:right;

width:47%;

margin-right:0;

/*border:red 1px solid;*/

}

#sitemap-half-box-left{ 

float:left;

width:52%;

margin-right:2%;

}

#sitemap-half-box-left a{ 

text-decoration:none;

font-size:18px;

color:#000000;

}

#sitemap-half-box-left a:hover{ 

color:#2b3890;

text-decoration:none;

}

#sitemap-half-box-right{ 

float:right;

width:42%;

margin-right:0;

}

#sitemap-half-box-right a{ 

text-decoration:none;

font-size:18px;

color:#000000;

}

#sitemap-half-box-right a:hover{ 

color:#2b3890;

text-decoration:none;

}



#fancy-box{

float:left;

width:48%;

margin-right:2%;

margin-bottom:20px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px; 



}

#fancy-heading{

width:94%;

background:#036b3a;

padding:3%;

font-size:22px;

color:#FFFFFF;

margin-bottom:0;

}

#fancy-mainarea{

width:100%;

height:300px;

overflow:auto;

}

#fancy-items{

width:94%;

padding:3%;

margin-top:20px;

background:rgba(0,0,0,0.6);

}

#fancy-items p{

font-size:18px;

color:#ffffff;

}

#fancy-items a{

font-size:18px;

color:#ffffff;

text-decoration:none;

}

#fancy-items a:hover{

color:#dac068;

text-decoration:underline;

}

#maxvbox{

margin:0 auto;

width:500px;

}

#maxvbox-tires{

margin:0 auto;

width:90%;

margin-bottom: 80px;

}

.video-container {

	position:relative;

	width:100%;

	padding-bottom:56.25%;

	padding-top:30px;

	overflow:hidden;

}



.video-container iframe, .video-container object, .video-container embed {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

#footerwrap {

	float:left;

	clear:both;

	width:100%;

	padding-top:25px;

	padding-bottom:25px;

	background-color:#B3B2B2;

	margin: 0 auto;

}

#footer {

	margin: 0 auto;

	max-width:1140px;

	background-color:#B3B2B2;

}

#footer-left{

float:left;

text-align:left;

width:15%;

margin-right:2%;

}

#footer-right{

float:right;

width:32%;

}

#gray-line {

	clear:both;

	float:left;

	width:100%;

	background:#484848;

	height:2px;

	margin: 20px 0px 20px 0px; /*Top-Right-Bottom-Left*/

}

#footer-full{

float:left;

width:100%;

margin-right:0;

color:#484848;

font-size:14px;

}

#footer-copy{

float:left;

text-align:left;

width:50%;

margin-right:2%;

color:#484848;

font-size:14px;

}

#footer-web{

float:right;

width:40%;

color:#484848;

font-size:14px;

text-align:right;

}

#footer h1{

color:#484848;

font-size:18px;

}

#footer p{

color:#484848;

font-size:16px;

}

#footer a{

color:#484848;

text-decoration:none;

font-size:16px;

}

#footer a:hover{

color:#FF9900;

text-decoration:none;

}

h1{

	font-size:28px;

	color:#000000;

	font-weight:bold;

	text-decoration:none;

}	

h2{

	font-size:20px;

	color:#000000;

	font-weight:bold;

	text-decoration:none;

}	

p {

	font-size:18px;

	color:#000000;

}

p a {

	font-size:18px;

	color:#000000;

	text-decoration:underline;

}

p a:hover{

	font-size:18px;

	color:#2b3890;

	text-decoration:underline;

}		

.text-white {

	font-family: 'Raleway', Open Sans;

	color:#FFFFFF;

	font-size:24px;

	text-decoration:none;

}

.text-white a {

	font-size:18px;

	color:#FFFFFF;

	text-decoration:underline;

}

.text-white a:hover{

	font-size:18px;

	color:#2b3890;

	text-decoration:underline;

}

.title-white {

	font-family: 'Raleway', Open Sans;

	color:#FFFFFF;

	font-size:26px;

	text-decoration:none;

}

#spacer-box{

clear:both;

width:100%;

margin-bottom:20px;

padding: 0;

}

.dottedlinehr{

border:none;

border-bottom:#bbbbbb dotted thin;

color:#fff;

background-color:#fff;

height:1px;

}

.copyright {

	font-size:13px;

	color:#ffffff;

}

.copyright a {

	font-size:13px;

	color:#ffffff;

	text-decoration:none;

}

.copyright a:hover {

	font-size:13px;

	color:#ffffff;

	text-decoration:underline;

}	

#text ul {

    margin: 0 auto;

	padding:0;

	border: 0;

	list-style-type: none;

	font-size:18px;

	color:#215591;

}

#text li { 

	font-size:18px;

	color:#215591;

}

#resimage{

max-width:100%;

}

#resimage img{

width:100%;

}

.rebates{
padding:0;
margin:0;
list-style:none;
}
.rebatebox{
float:left;
display:block;
padding:2%;
margin:1%;
width:43%;
border:#000000 1px solid;
}
.rebatebox img{
max-height:60px;
}
.rebateprice{
float:right;
}
.largeprice{
font-size:45px;
font-weight:bold;
}
.rebatedetails{
margin-top:35px;
}
.rebateexpiry{
margin-top:35px;
font-weight:bold;
}


/* MEDIA QUERIES*/

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

#logo {

display:none;

}

#logo-white {

display:inherit;

max-width:366px;

text-align:center;

margin:0 auto;

padding: 15px 0px 0px 0px;/* Top-Right-Bottom-Left*/

}

#logo-white img {

	width:100%;

}

#menu-box {

display:none;

}

#menu-box-white {

	display:inline;

	float:right;

	max-width:38px;

	margin-top:5px;

	margin-left:10px;

	margin-right:10px;

	/*margin: 30px 0px 0px 10px; Top-Right-Bottom-Left*/

	text-align:right;



}

#contact {

margin:0 auto;

float:none;

width:100%;

text-align:center;

padding: 15px 0px 15px 0px;/* Top-Right-Bottom-Left*/

}

.headtxt1 {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:22px; 

	text-align:center;

	font-weight:bold;

	text-align:center;

	text-shadow: 

	0 0 0.2em #fff, 

	0 0 0.2em #fff,

    0 0 0.2em #fff;

}

.headtxt1 a {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:22px;

	text-decoration:none;

	text-align:center;

	font-weight:bold;

	text-shadow: 

	0 0 0.2em #fff, 

	0 0 0.2em #fff,

    0 0 0.2em #fff;

}

.headtxt1 a:hover{

	color:#41576F;

	text-decoration:none;

}

.phone {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:32px; 

	text-align:center;

	font-weight:bold;

	text-shadow: 

	0 0 0.2em #fff, 

	0 0 0.2em #fff,

    0 0 0.2em #fff;

}

.phone a {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	text-decoration:none;

font-weight:bold;

}

.phone a:hover{

	font-family: 'Raleway', Open Sans;

	color:#41576F;

	text-decoration:none;

}



#metro {

display:none;

}

#address {

display:none;

}

#metro-white {

display:inherit;

max-width:454px;

text-align:center;

margin:0 auto;

padding: 15px 0px 0px 0px;/* Top-Right-Bottom-Left*/

text-align:center;

	text-shadow: 

	0 0 0.2em #fff, 

	0 0 0.2em #fff,

    0 0 0.2em #fff;

}

#footer {

	margin: 0 auto;

	width:98%;

	background-color:#B3B2B2;

}



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

.rebatebox{
float:none;
padding:2%;
margin:1%;
width:94%;
}

body{

	padding:0;

	margin:0;

  background: url(images/small-screen.jpg) no-repeat center top fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover; 

}

.headtxt1 {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:24px; 

	text-align:center;

	font-weight:bold;

	text-shadow: 

	0 0 0.2em #fff, 

	0 0 0.2em #fff,

    0 0 0.2em #fff;

}

.headtxt1 a {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:24px;

	text-decoration:none;

	text-align:center;

	font-weight:bold;

}

.headtxt1 a:hover{

	font-family: 'Raleway', Open Sans;

	font-size:24px;

	color:#41576F;

	font-weight:bold;

	text-decoration:none;

	font-weight:bold;

}

#tireformbox{

float:none;

margin:0 auto;

background:rgba(12,13,9,0.7);

padding:3%;

color:#545454;

margin-top:20px;

margin-bottom:20px;

}

#photobox { 

clear:both;

float:left;

margin: 10px 10px 10px 10px; /*Top-Right-Bottom-Left*/

max-width:1140px;

margin: 0 auto;

padding:1%;

background-color:#ffffff;

}

#sub-content-text {

float:none;

width:90%;

margin:0 auto;

}

#footer-copy{

float:left;

text-align:left;

width:55%;

margin-right:2%;

color:#484848;

font-size:12px;

}

#footer-web{

float:right;

width:40%;

color:#484848;

font-size:12px;

}

#footer-left{

float:left;

text-align:left;

width:30%;

margin-right:2%;

}

#footer p{

color:#484848;

font-size:12px;

}

#footer a{

color:#484848;

text-decoration:none;

font-size:12px;

}

#footer a:hover{

color:#FF9900;

text-decoration:none;

}

.google-maps {

position: relative;

padding-bottom: 50%;

height: 0;

overflow: hidden;

}

.google-maps iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

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



#footer-copy{

float:none;

width:100%;

margin:0 auto;

font-size:12px;

text-align:center;

}

#footer-web{

float:none;

width:100%;

margin:0 auto;

font-size:12px;

text-align:center;

}

#half-box-left{ 

float:none;

width:100%;

margin:0 auto;

text-align:center;

}

#half-box-right{ 

float:none;

width:100%;

margin:0 auto;

text-align:center;

}

#sitemap-half-box-left{ 

float:none;

width:90%;

margin:0 auto;

text-align:center;

}

#sitemap-half-box-right{ 

float:none;

width:90%;

margin:0 auto;

text-align:center;

}

}

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

.headtxt1 {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:20px; 

	text-align:center;

	font-weight:bold;

}

.headtxt1 a {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:20px;

	text-decoration:none;

	text-align:center;

	font-weight:bold;

}

.headtxt1 a:hover{

	font-family: 'Raleway', Open Sans;

	font-size:20px;

	color:#41576F;

	font-weight:bold;

	text-decoration:none;

}

#photobox { 

float:none;

width:80%;

margin:0 auto;

text-align:center;

padding:3%;

background-color:#ffffff;

}

#photoleft {

float:none;

width:100%;

margin:0 auto;

text-align:center;

margin: 0px 0px 20px 0px; /*Top-Right-Bottom-Left*/

}

#photoright { 

float:none;

width:100%;

margin:0 auto;

text-align:center;

margin: 0px 0px 0px 0px; /*Top-Right-Bottom-Left*/

}

}

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



.headtxt1 {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:18px; 

	text-align:center;

	font-weight:bold;

}

.headtxt1 a {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:18px;

	text-decoration:none;

	text-align:center;

	font-weight:bold;

}

.headtxt1 a:hover{

	font-family: 'Raleway', Open Sans;

	font-size:18px;

	color:#41576F;

	font-weight:bold;

	text-decoration:none;

}

}

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

.headtxt1 {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:16px; 

	text-align:center;

	font-weight:bold;

}

.headtxt1 a {

	font-family: 'Raleway', Open Sans;

	color:#000000;

	font-size:16px;

	text-decoration:none;

	text-align:center;

	font-weight:bold;

}

.headtxt1 a:hover{

	font-family: 'Raleway', Open Sans;

	font-size:16px;

	color:#41576F;

	font-weight:bold;

	text-decoration:none;



}

}

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

#coupons img{

width:100%;

padding:0%;

padding-bottom:20px;

}

}