@charset "UTF-8";
/* ===================
Vont Web Marketing
Copyright 2009
written for - www.vipauto.com

colors
----------

=================== */

/* resets and overrides
---------- */
* {
	margin: 0;
	padding: 0;
}

/* links & type 
---------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E2851B;
	background-image: url(../_images/bg-tile.gif);
	background-repeat: repeat;
	line-height: 15px;
	color: #252525;
}
h1 {
	padding-left: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #9E1412;
	display: block;
	line-height: 20px;
}
h2  {
	color: #3e546f;
	display: block;
	padding-left: 25px;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 5px;
}

a:link, a:active, a:visited {
	text-decoration: underline;
	color: #0367d2;
}
input {
	height: 18px;
}
form .ea {
	width: 210px;
	margin-left: 10px;
}

/* layout 
---------- */
#wrap {
	width: 915px;
	margin-left: 50%;
	position: absolute;
	left: -458px;
}
#header {
	width: 915px;
}
.logo-banner  {
	padding-bottom: 10px;
	padding-left: 15px;
}
#head-top {
	font-size: 11px;
	line-height: 22px;
	color: #FFF;
	font-weight: bold;
}
#head-top a{
	font-size: 11px;
	line-height: 22px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#head-top a:hover {
	font-size: 11px;
	line-height: 22px;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
#head-links {
	padding-right: 15px;
}
#store-finder {
	padding-top: 10px;
}
#store-finder form {
	display: block;
	vertical-align: middle;
	margin-top: 5px;
}
#zipcode {
	width: 120px;
	height: 15px;
}
#nav {
	background-image: url(../_images/bg-nav.gif);
	background-repeat: repeat-x;
	height: 25px;
}
#nav img {
	padding-left: 15px;
}
#nav a {
	text-decoration: none;
}
#nav a:hover {
	text-decoration: none;
}
#content {
	background-color: #EBEDF2;
	background-image: url(../_images/bg-content.gif);
	background-repeat: repeat-y;
	width: 915px;
}
#left {
	width: 295px;
	background-image: url(../_images/bg-left.gif);
	background-repeat: repeat-y;
	margin-bottom: 25px;
}
#left .left-promo {
	padding-top: 10px;
	padding-left: 30px;
}
#left-copy {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}
#left-copy .left-title {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #3e546f;
}
#left-copy ul {
	color: #41768e;
	list-style-position: inside;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	padding-left: 10px;
}
#left-copy ul li {
	list-style-position: inside;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 15px;
}
#left-copy ul a {
	color: #41768e;
}
.indexdisclaimer {
	font-size: 8px;
	font-style: italic;
	line-height: 8px;
	display: block;
	padding-left: 60px;
}
#quotes p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: center;
}
#quotes {
	text-align: center;
}
#coupon {
	text-align: center;
	margin-top: 50px;
}
#coupon a {
	border: none;
}
#coupon img {
	border: none;
}
#left-newsletter {
	width: 270px;
	height: 130px;
	background-image: url(../_images/promo-email.gif);
	background-repeat: no-repeat;
	margin-left: 13px;
	margin-top: 20px;
	padding-top: 3px;
	margin-bottom: 25px;
}
#left-newsletter p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.rss {
	padding-right: 5px;
}
#right {
	background-attachment: scroll;
	background-image: url(../_images/bg-right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 620px;
}
#right .title {
	padding-bottom: 20px;
	padding-left: 25px;
}
#right p {
	font-size: 12px;
	line-height: 16px;
	color: #3e546f;
}
#single {
	margin-bottom: 20px;
	margin-right: 40px;
	padding-top: 30px;
}
#single .subtitle {
	padding-left: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #9E1412;
	display: block;
}
#single .policy-subtitle {
	display: block;
	padding-top: 15px;
	padding-left: 25px;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 18px;
	color: #3e546f;
}
#single .subnav {
	display: block;
	height: 20px;
	width: 400px;
	margin-left: 25px;
	background-image: url(../_images/bg-howto_nav.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	margin-bottom: 15px;
}
#single .subnav a {
	color: #FFFFFF;
	text-decoration: none;
}
#single .subnav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#single p {
	padding-left: 25px;
	padding-bottom: 15px;
}
#single .policy-tanda {
	display: block;
	padding-left: 25px;
	font-size: 14px;
	line-height: 18px;
	color: #9E1412;
}
#single .policy-ul {
	font-size: 12px;
	line-height: 14px;
	color: #3e546f;
	padding-bottom: 15px;
	padding-left: 50px;
	list-style-position: outside;
	list-style-image: url(../_images/bullet.gif);
	padding-right: 50px;
}
#single .policy-ul li {
	padding-top: 3px;
	padding-bottom: 3px;
}
#single .pledge-box {
	background-image: url(../_images/pledge-repeat.gif);
	background-repeat: repeat-y;
}
#single .pledge-box ol {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #3e546f;
	margin-left: 25px;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
#single .pledge-box .red {
	color: #9E0013;
}
#single .how-to {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	color: #3e546f;
}
#single .how-to li {
	margin-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#single .subhead {
	display: block;
	padding-left: 25px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
#single blockquote {
	padding-left: 40px;
}
#videolinks {
	margin-left: 25px;
	margin-bottom: 15px;
}
#carcarelogo {
	float: left;
	width: 200px;
}
#carcarelink {
	float: right;
	width: 250px;
	color: #3e546f;
}
#warranty-table  {
	border: solid 3e5f6f;
	}
#warranty-table tr td {
	padding: 2px;
}
.warranties-title {
	font-size: 14px;
	line-height: 16px;
	color: #BE2C37;
	font-weight: bold;
}
.warranties-category {
	font-weight: bold;
	text-decoration: underline;
	color: #3e546f;
}
.warranties {
	font-size: 12px;
	line-height: 14px;
	color: #3e546f;
}
#coupon-table {
	padding-left: 25px;
}
#coupon-table img {
	border: none;
}
#coupon-table .coupon-block {
	background-color: #EAECF0;
	background-image: url(../_images/coupon_bg.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#coupon-table .coupon-title {
	font-size: 14px;
	line-height: 20px;
	color: #9E1412;
	padding-top: 15px;
	padding-bottom: 5px;
}
#coupon-table .coupon-subtitle {
	font-size: 12px;
	line-height: 16px;
	color: #3e546f;
	display: block;
	padding-left: 15px;
	padding-bottom: 5px;
}
#coupon-table .coupon-descrip {
	font-size: 12px;
	line-height: 16px;
	color: #3e546f;
	display: block;
	padding-left: 15px;
	padding-bottom: 5px;
}
#coupon-table .coupon-descrip p {
	margin: 0px;
	padding: 0px;
}
#coupon-table .coupon-link {
	display: block;
	padding-bottom: 4px;
	padding-left: 15px;
}
#tireform {
	padding-left: 25px;
}
.form-subtext {
	font-size: 10px;
	font-style: italic;
	line-height: 14px;
}
#main {
	width: 373px;
	margin-top: 30px;
	padding-right: 20px;
	margin-bottom: 25px;
	float: left;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCC;
}
#main .index {
	font-size: 14px;
	line-height: 20px;
}
#main p {
	line-height: 16px;
	padding-left: 25px;
}
#main ul {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-position: inside;
	padding-left: 40px;
	color: #3e546f;
	list-style-image: url(../_images/bullet.gif);
}
#main li {
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
}
#side {
	width: 185px;
	padding-left: 15px;
	margin-top: 30px;
}
#side a {
	color: #810715;
	text-decoration: underline;
}
#side .sidetitle {
	padding-bottom: 15px;
}
#side p {
	font-size: 14px;
	line-height: 20px;
	color: #810715;
	padding-right: 20px;
	padding-bottom: 10px;
}
.disclaimer   {
	font-size: 8px;
	font-style: italic;
	line-height: 8px;
}
#side hr {
	padding: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #810F14;
}
#side .plus {
	list-style-image: url(../_images/plus.gif);
	list-style-type: none;
	margin: 0px;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	color: #000;
	list-style-position: outside;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-decoration: none;
	display: block;
}
#side .plus a {
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	color: #000;
	text-decoration: none;
}
#side .plus li {
	list-style-position: inside;
}
#side .plus-sub{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
	list-style-position: outside;
	display: block;
	font-weight: bold;
	margin-right: 5px;
	padding: 0px;
	margin-bottom: 5px;
}
#side .sidedisclaimer {
	font-size: 9px;
	line-height: normal;
	color: #000;
	padding-left: 5px;
	text-align: right;
}
#side .tire-guarantee {
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #000;
}
#side .details {
	font-size: 10px;
	padding-left: 40px;
}
.blue {
	color: #41768e;
}
.blue-bold {
	color: #01359C;
}
.orange {
	color: #eb8113;
}
#promo-single {
	width: 555px;
	clear: both;
	height: 165px;
	margin-bottom: 20px;
	vertical-align: middle;
	margin-left: 25px;
}
#double {
	margin-left: 25px;
}
#single .single-promo {
	padding-top: 5px;
}
#double-l {
	width: 270px;
	margin-bottom: 25px;
}
#double-r {
	width: 270px;
	height: 130px;
	background-image: url(../_images/promo-email.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
}
#double-r p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footer {
	width: 915px;
	font-size: 12px;
	line-height: 15px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 15px;
	clear: both;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer .sub {
	font-size: 10px;
}
#footer .sub a {
	font-size: 10px;
	text-decoration: underline;
}
hr {
	margin-left: 25px;
}
#newsletter-content {
	background-color: #EBEDF2;
	background-image: url(../_images/bg-content.gif);
	background-repeat: repeat-y;
	width: 915px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#newsletter-content .lp {
	padding-left: 20px;
	padding-top: 20px;
}









/* You can override this with your own body stuff if you so wish.  Just comment it out to use your own css */
/* I stole it from tizag.com which is a css help site. It's a good place to start learning CSS if you dont already know it.*/
/* Another good place is www.csszengarden.com/ */


/* This encompasses the ENTIRE results window */
div.phpGoogleStoreLocator_body
{
	overflow:hidden;
	display: block;
	padding-bottom: 20px;
}

/* This is the width/height of the map that is displayed on the results page.  This can also be used to hide the map.*/
div.phpGoogleStoreLocator_map
{
	padding: 0px;
	margin-right:57px;
	margin-top:20px;
	_margin:45px 30px 0px 0px; /* ie6 hack */
	width:415px;
	height:445px;
	float: right;
	border: 2px solid white;
}

/* This is the header that goes above the results list */
div.phpGoogleStoreLocator_results_header
{
   float:left;
   width: 350px;
   padding:10px;
   margin-right:5px;
   display: none;


}

div.phpGoogleStoreLocator_results_header_anchor
{
   float:left;
   padding-right:20px;

}

div.phpGoogleStoreLocator_results_header_distance
{
 float:left;
 padding-right:20px;
 clear:right;
}

div.phpGoogleStoreLocator_results_header_information
{
 float:left;
}

/* This is the block that displays the Store Locations near: 80439 message*/
div.phpGoogleStoreLocator_results_store_locations_near
{

   /* Put a border around the message */
   /*border:none;*/
}

/* This is the block that displays the list of categories that the results came from */
div.phpGoogleStoreLocator_results_categories_list
{
   /* Hide the categories list */
   display:none; 

   /* Put a border around the list */
   /* border:none;*/
}


div.phpGoogleStoreLocator_results_block
{
	padding:20px;
	float:left;
	width: 375px;
}

/* This is used to style each individual result */
div.phpGoogleStoreLocator_result
{
     padding:5px;  
     margin:5px; 
     width:330px;
	clear:both;
	float:left;
	

      

}

/* This is the number of the result in the results it has an anchor tag on it that takes you to that location on the map */
div.phpGoogleStoreLocator_result_location_anchor_number
{
/*   border:none;  */
 /* display:none; */
    /* For some reason, height 100% will not actually set the height to 100% of the phpGoogleStoreLocator_result container div, I dont know why. */
    /* But in anycase, this height simulates a table column cell that stretches down to the bottom of the container */
     float:left;
     padding-right:25px; 
}

/* Use this to display/hide the distance */
div.phpGoogleStoreLocator_result_location_distance
{
/*   border:none;  */
 /* display:none; */

 	float:left;
    padding-right:25px; 


}

/* This is the image that is associated with a location. */
img.phpGoogleStoreLocator_result_location_image
{
 width:103px;
 height:124px;
      border:0px;
}

/* This is the contain for the image that is associated with a location. */
div.phpGoogleStoreLocator_result_location_image
{

 float:left;
  padding-right:10px; 
/*  border:none; */
/*  border-color:purple; */
}

/*  Start Data set div, this aligns everything to the left when there is no image available */
div.phpGoogleStoreLocator_result_location_data
{
/*   border:none;  */
  float:left; 
/*  border-color:yellow; */

}


/* Use this to display/hide the storename */
div.phpGoogleStoreLocator_result_location_storename
{
/*   border:none;  */
 /* display:none; */

}

/* Use this to display/hide the address */
div.phpGoogleStoreLocator_result_location_address
{
/*   border:none;  */
 /* display:none; */
}

/* Use this to display/hide the city */
div.phpGoogleStoreLocator_result_location_city
{
/*   border:none;  */
 /* display:none; */
}

/* Use this to display/hide the state */
div.phpGoogleStoreLocator_result_location_state
{
/*   border:none;  */
 /* display:none; */
   float:left;
   padding-right:10px; 
}

/* Use this to display/hide the zip */
div.phpGoogleStoreLocator_result_location_zip
{
/*   border:none;  */
 /* display:none; */
  float:left;
  padding-right:10px;
}

/* Use this to display/hide the country */
div.phpGoogleStoreLocator_result_location_country
{
/*   border:none;  */
 /* display:none; */


}

/* Use this to display/hide the comments AND ratings stars*/
div.phpGoogleStoreLocator_result_location_phone
{
     padding-right:10px;  
/*    margin-bottom:-15px;
  border:none;  */
 /* display:none; */
 
}

/* Use this to display/hide the comments AND ratings stars*/
div.phpGoogleStoreLocator_result_location_comments
{
     padding:10px;  
/*     margin-bottom:-15px;
   border:none;  */
 /* display:none; */
 
}

/* Use this to display/hide the map and directions info*/
div.phpGoogleStoreLocator_result_location_map_and_directions
{
     padding:5px 10px 3px 10px;
/*   border:none;  */
 /* display:none; */
}

/* Use this to display/hide the hours*/
div.phpGoogleStoreLocator_result_location_hours
{
     padding-right:10px;  
/*     margin-bottom:-15px;
   border:none;  */
 /* display:none; */
}

/* Use this to display/hide the notes*/
div.phpGoogleStoreLocator_result_location_notes
{
/*     padding:10px;
     margin-bottom:-10px;
   */
/*   border:none; */
 /* display:none; */
 }

/* Use this to display/hide the powered by msg*/
div.phpGoogleStoreLocator_powered_by
{
 /* border:none; */
  display:none;
 text-align:center;
}

/* Use this to display/hide the notes*/
div.phpGoogleStoreLocator_execution_time
{
 /* border:none; */
 display:none;
 text-align:center;
}

/* This is for the white balloon that pops up on the map when you click on a location icon on the map.  */
div.phpGoogleStoreLocator_map_balloon_body
{
/*  white-space:nowrap;  */
 font-size:12px;
}


/* Google tool tip marker, this is for the tooltip that shows when you hover over an icon on the map. */
div.markerToolTip 
{
   text-align: center;
    white-space: nowrap;
    margin: 0;
    padding: 2px 0.5ex;
    border: 1px solid #555;
    font-weight: bold;
    background: #fff;
        opacity: .80;
        -moz-opacity: .80;
        filter: alpha(opacity=80);
}

/***** This is critical to layout design to line things up, dont change it.  ******/
.clearboth {
clear:both;
}
#columnarForm label {
	display: block;
	float: left;
	width: 125px;
	text-align: right;
	padding-right: 8px;
}
#columnarForm {
	display: block;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
#columnarForm p {
	display: block;
	padding-bottom: 8px;
}
#instore-coupon {
	height: 127px;
	width: 270px;
	background-image: url(../_images/coupon-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding-top:5px;
	font-size:14px;
}