@charset "UTF-8";
/* CSS Document */

body {margin: 0px;  background-image: url(../images/newBG.jpg); /*background-repeat: no-repeat;*/ background-color: #ccc; font-family: tahoma; background-position: center top;}

img {border: 0px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', Georgia; font-weight: 700;} 
h1 {font-size: 28px; color: #014099; line-height: 33px; margin: 0px 0px 10px 0px;}

p {margin: 15px 0px 15px 0px;}

a:link {text-decoration: underline; color: #002e89;}
a:active {text-decoration: underline; color: #002e89;}
a:visited {text-decoration: underline; color: #002e89;}
a:hover {text-decoration: none; color: #002e89;}
header {margin-bottom:25px;}
.wrap {width: 925px; margin-left: auto; margin-right: auto;}

  #top {height: 126px;font-size: 10px; color: #fff; background-image: url(../images/top_bg.png); background-repeat: no-repeat; background-size: 100%; position: relative; z-index: 5002;}
    #top span {color: #fd8f06;}
    #top a{color:#fff;}
    #top p {margin:2px 0; float:left;}
	#top a.social {float:left; color: #fd8f06; text-decoration: none; font-weight: 700; margin-left:5px;}
	#top a.social:hover {font-size: 11px;}
	#top a.social img, #top a.social span {float:left; display:block; line-height: 18px;}	
	.logo {position: absolute; top: 32px; left: 30px;}

	#top_tagline {width: 256px; height: 15px; position: absolute; top: 103px; left: 73px; font-size: 12px; line-height: 16px; text-align: right; text-transform: uppercase; color: #ffffff; font-family: go_futura, Arial, Helvetica, sans-serif;}

  #nav_menu {height: 68px; background-image: url(../images/navbar.png);}
  
  #nav {font-family: 'Oswald', Georgia; margin: 0px; padding: 0;}
    #nav li {
    	height: 52px;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		float: left;
	}
	    .nav_a {margin: 0px; padding: 0px 10px 0px 9px; font-size: 16px; line-height: 47px; text-transform: uppercase;}
	    a:link.nav_a {text-decoration: none; color: #ffffff;}
	    a:active.nav_a {text-decoration: none; color: #ffffff;}
	    a:visited.nav_a {text-decoration: none; color: #ffffff;}
	    a:hover.nav_a {text-decoration: none; color: #fd8f06;}
		
		.dropdown {display: none;}
		  #nav li:hover .dropdown {display: block; width: 250px; padding: 2px; background-color: #fc8e03; position: absolute; top: 160px;  z-index: 5002;}
		    .dropdown a {display: block; background-color: #ffffff; font-size: 19px; text-transform:uppercase; line-height: 34px; text-indent: 8px;}
			  .dropdown a:link {text-decoration: none; color: #014099;}
			  .dropdown a:active {text-decoration: none; color: #014099;}
			  .dropdown a:visited {text-decoration: none; color: #014099;}
			  .dropdown a:hover {text-decoration: none; color: #ffffff; background-color: #014099;}

  #content {position: relative;}
    #content ul {list-style-image: url(../images/arrow.png); list-style-position: oustide; margin: 0px 0px 0px 2px; padding: 0px;}

    /*#main_content { padding: 15px 0px 30px 0px;}*/
    #main_content > div {margin-bottom: 25px;}
	  #content_left {width: 680px; border-right: 1px solid #fd8f06; padding:0 20px;  font-size: 15px; color: #000000; float: left;}
	    #content_left span {color: #fd8f06;}
	    
	    #content_left h2 {font-weight: 300;}
		#coupon {width: 233px; height: 90px; padding: 46px 26px 0px 22px;
		 font-size: 11px; color: #2a2a2a; line-height: 11px; background-image: url(../images/coupon.png);background-repeat: no-repeat; background-size:100% 100%;}
		  #coupon span {font-size: 10px; color: #2a2a2a;}
		  #coupon p {margin: 6px 0px 6px 0px;}
		  #coupon li {font-size: 10px;}

	  #content_right {width: 170px; font-size: 12px;  color: #014099; line-height: 20px; padding: 0px 17px; position: relative; float: right;}

	    .thousands_tires {position: absolute; bottom: 25px; left: 25px; z-index: 5001; width: 380px; font-family: 'Oswald', Georgia; font-size: 44px; line-height: 46px; color: #003398;}
		  .thousands_tires span {letter-spacing: -2px;}

	    #main_quote {width: 453px; height: 32px; padding: 28px 0px 0px 4px; background-image: url(../images/quote.jpg);  font-size: 18px; color: #014099;}
		  #main_quote span {color: #fd8f06;}
		  
		.truck_tires_ct {display: block; height: 30px; margin: 20px 0px 10px 0px; padding: 0px 37px 0px 0px; position: relative; float: left;}
		  .truck_tires_ct span {display: block; float: left; margin: 0px 0px 0px 7px; font-family: 'Oswald', Georgia; font-size: 16px; line-height: 30px; color: #014099;}
		    .truck_tires_ct:hover span {text-decoration: underline;}
		  .truck_tires_ct img {display: block; float: left;}

	  #sub_content {color: #000000; background-color:#fff; padding:15px; overflow: auto;}


/* New Home Page */

#slideshow_wrap {width: 708px; height: 354px; position: relative; float:left;}

  #slideshow {position: relative; z-index: 100; overflow:hidden;}
  
    .slideshow_item {width: 708px; height: 354px; position: relative; z-index: 100;}
		.slideshow_item img {display: block; position: relative; z-index: 99;}
		.slideshow_item h2 {
			position: absolute;
			top: 0px;
			right: 0px;
			z-index: 100;
			width:300px;
			height:354px;
			padding:20px  15px;
			margin: 0;
			
			font-family: 'Oswald', Georgia;
			font-size: 30px;
			line-height: 38px;
			text-transform: uppercase;
			color: #fd8f06;
			text-align: right;
			text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), -2px 2px 2px rgba(0, 0, 0, 0.4);
			
			background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari*/
			background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11-12*/
			background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
			background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/
			
		}
		.slideshow_item span {
			width: 270px;
			font-family: 'Oswald', Georgia;
			font-size: 18px;
			line-height: 24px;
			margin-top:10px;
			color: #fff;
			text-align: right;
			text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), -2px 2px 2px rgba(0, 0, 0, 0.4);
		}
		.slideshow_text a:link {text-decoration: none;}
	    .slideshow_text a:visited {text-decoration: none;}
	    .slideshow_text a:hover {text-decoration: none;}
	    .slideshow_text a:active {text-decoration: none;}
		
  #slideshow_nav {height: 20px; position: absolute; bottom: 0px; right: 15px; z-index: 101;}
  
    .slideshow_nav_item {display: block; width: 11px; height: 11px; margin: 0px 0px 0px 8px; background-image: url('../images/slideshow_nav_bg.png'); background-position: top right; float: left;}
	  .sna {background-position: top left;}
#vid_thumb {position:absolute; bottom:30px; right:15px; z-index: 100; border: 2px solid #000;}

#shop-link {
	float:right; 
	width:195px;
}
#shop-link a {
	display: block;
	padding: 0;
	margin: -11px 0 0 -13px;
}
#form-wrapper{float:right; width:195px; background-color: #fff;}
	#form-wrapper #form-title {background-image: url('../images/form-top.png'); font-weight: 700; background-position: bottom; background-repeat: no-repeat; margin:0; padding: 3px 0 15px 0; color: #014099; text-align: center;}
	#form-wrapper .form {background-color: #014099; padding:6px 15px;}
		#form-wrapper .form .row {margin-bottom: 10px;}
		#form-wrapper .form .row.buttons input {text-indent: -10px; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position-x: 113px; background-position-y: 8px; background-size: 9px; font-size: 13px; background-color:#fd8f06; cursor: pointer; width:168px;}
		#form-wrapper .form .row.buttons input:hover { background-position-x: 113px; text-shadow: 0px 0px 6px #000;}
		#form-wrapper .form input {margin:0; width:155px;}
		#form-wrapper .form label {display:none;}
			::-webkit-input-placeholder { /* WebKit browsers */
			    color:    #014099;
			}
			:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			    color:    #014099;
			}
			::-moz-placeholder { /* Mozilla Firefox 19+ */
			    color:    #014099;
			}
			:-ms-input-placeholder { /* Internet Explorer 10+ */
			    color:    #014099;
			}

#home_content { background-color: #fff; overflow: hidden; padding:10px 0;}

  	.home_img {display: block; border: 1px solid #002f92;}
  
  	.content_testimonial {display: block; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 8px; font-size: 14px; line-height: 18px; color: #014099; background-image: url('../images/testimonial_p.png'); background-repeat: no-repeat; background-position: 10px 148px;}
    	.content_testimonial span {display: block; margin: 0px 0px 15px 0px; font-family: 'Oswald', Georgia; font-size: 20px; line-height: 26px; font-weight: 700;}

#home_info {margin: 30px 0px 0px 0px; overflow: hidden;}

  	.home_info_item {margin: 0px 0px 0px 27px; float: left;}
    	#home_info .home_info_item:first-child {margin: 0px;}
	
  	.home_info_link {display: block; width: 300px; height: 144px; background-image: url('../images/home_info_bg.png');}
    .home_info_link_span {width: 192px; display: block; padding: 14px 0px 0px 8px; font-family: 'Oswald', Georgia; font-size: 25px; line-height: 35px; text-transform: uppercase;}
	  .home_info_link span span {color: #fd8f06;}
	a:link.home_info_link {text-decoration: none; color: #ffffff;}
	a:visited.home_info_link {text-decoration: none; color: #ffffff;}
	a:hover.home_info_link {text-decoration: none; color: #fd8f06;}
	a:active.home_info_link {text-decoration: none; color: #ffffff;}

#homepage-boxes > div {
	float:left;
	margin-right:42px;
}
#homepage-boxes > div:last-child {margin-right:0;}

#logos {background-image: url(../images/bottom-grad.png);}	
	#home_icons {overflow: hidden; height: 65px; padding-top: 42px;}
	  #home_icons a {display: block; margin: 0px 0px 0px 52px; float: left;}
	    #home_icons a:first-child {margin: 0px;}
#footer-divide {background-image: url(../images/footer-divide.png); margin:0; padding:0; height:14px;}
#footer {background-image: url(../images/footer.png);}

	#bottom {width: 925px; clear: both; padding-top: 10px; }
		#bottom p {font-size: 9px; color: #ffffff; padding:0; margin:0;}
	    #copy {float: left; padding: 15px 0px 10px 2px;  font-size: 10px; color: #ffffff;}

	    #ptc {float: right; padding: 8px 0px 10px 0px;}

/*p.townPhoto {
	text-align: center;
}
p.townPhoto img {
	width:35%;
} */

.shadow{box-shadow:3px 3px 20px #000,-3px -3px 20px #000;}
.shadow2{box-shadow:3px 0px 20px #000,-3px 0px 20px #000;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#page_sales #nav li.tab-sales, #page_index #nav li.tab-index, #page_about #nav li.tab-about,
#page_wholesale #nav li.tab-wholesale, #page_truck-tires-ct #nav li.tab-truck-tires-ct, 
#page_locations #nav li.tab-locations, #page_contact #nav li.tab-contact, #page_brands #nav li.tab-brands, 
#page_tire-safety #nav li.tab-about, #page_cooper-tire-ct #nav li.tab-brands, 
#page_nexen-performance-tires-ct #nav li.tab-brands, #page_bf-goodrich-tires-ct #nav li.tab-brands,
#page_michelin-tires-ct #nav li.tab-brands, #page_continental-tires-ct #nav li.tab-brands,
#page_hankook-tires-ct #nav li.tab-brands{

    	height: 52px;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		float: left;
		background-image: url(../images/nav_notch.png);
		background-repeat: no-repeat;
		background-size: 25px;
		background-position: bottom;
	}
	
#service_list {list-style-type: square; margin-left: 15px; list-style-image: none;}
#service_list a {color: #000;}

#service_img {float: left; margin: 0 20px 20px 0 ;}

#EGMapContainer1 { float: left; margin: 25px 0 25px 25xp;}