@charset "utf-8";

/* CSS Document */

body {
	background-color: #CCCCCC;
	background-image: url(../img/engine.png);
	background-repeat: repeat;
	background-attachment: fixed;
	margin: 0px;
	padding: 0px;
}
.hidden {
    display: none;
}
.clear_left {
	clear: left;
}
.hide_on_mobile {
	/* [disabled]display: none; */
}
.centered_list {
	list-style-position: inside;
	padding: 0px;
}
.clear_floats {
	clear: both;
}

.coupon {
	float: left;
	/* [disabled]width: 433px; */
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 2px;
	padding-right: 1px;
	padding-left: 1px;
}
.coupon h2 {
	margin: 0px;
	padding: 0px;
}
.form_field_label {
	width: 25%;
	/* [disabled]background-color: #F69; */
	float: left;
	/* [disabled]border: thin solid #000; */
	padding-bottom: 5px;
	clear: left;
}
.form_field {
	width: 75%;
	/* [disabled]background-color: #6F9; */
	float: left;
	/* [disabled]border: thin solid #000; */
	padding-bottom: 5px;
}
input[type=text] {
  border: 1px solid #999;
  height: 20px;
  width: 98%;
  font-size: 14px;
}
textarea {
  border: 1px solid #999;
  width: 98%;
  font-size: 14px;
}



#container {
	width: 100%;
	max-width: 1025px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#header {
	/* [disabled]height: 250px; */
	overflow: hidden;

}
#header #banner {
	float: left;
	/* [disabled]max-width: 100%; */
	height: auto;
	width: 80%;
}




#header #right_head {
	/* [disabled]height: 200px; */
	float: right;
	width: 20%;
}
#header p {
	margin-top: 15px;
	margin-bottom: 5px;
}
#header h4 {
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
}
#header #right_head {
	margin-right: auto;
	margin-left: auto;
}

#header #right_head h6 {
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 18px;
	/* [disabled]width: 200px; */
}
#header #right_head #gas_prices {
	/* [disabled]padding: 0px; */
	/* [disabled]margin: 0px; */
	/* [disabled]height: 40px; */
}
#header #right_head img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

#container #header #right_head #gas_prices tr   td p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20%;
}
#header #right_head h6 #ultra_logo {
	padding-top: 10px;
}
#header #right_head h6 #napa_logo {
	padding-top: 10px;
}

#header #discount {
	text-align: center;
	padding-top: 5px;
}

#header #main_menu {
	/* [disabled]width: 1000px; */
	/* [disabled]background-color: #CCC; */
	clear: left;
}

ul.resp_menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
	background-image: url(../img/menu_button.jpg);
	/* [disabled]max-width: 825px; */
}
ul.resp_menu li {
	float: left;
	/* [disabled]background-image: url(../img/menu_button.jpg); */
}
ul.resp_menu li a {
	display: inline-block;
	color: #333333;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	font-size: 17px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin: 0px;
	background-image: url(../img/menu_button.jpg);
}
ul.resp_menu li a:hover {
	color: #C00;
}
ul.resp_menu li.icon {
	display: none;
}

#content_home {
	padding-top: 0px;
	background-color: #FFF;
	padding-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
#content_home h2 {
	font-weight: bold;
	text-align: center;
}
#content_home ul li {
	text-align: center;
}
#content_home #col_1 {
	float: left;
	width: 48%;
	background-color: #FFF;
	text-align: center;
	padding-right: 1%;
	padding-left: 1%;
	/* [disabled]clear: both; */
}
#content_home #col_1 ul li  {
	text-align: justify;
	margin-bottom: 0px;
	margin-top: 0px;
}
#content_home #col_1 #ase_logo {
	/* [disabled]float: left; */
	padding-right: 10px;
}
#content_home #col_1 h4 {
	margin-top: 25px;
	margin-bottom: 10px;
}


#content_home #col_2 {
	/* [disabled]clear: inherit; */
	float: left;
	width: 48%;
	background-color: #FFF;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 17px;
}
#content_home #col_2 p {
	text-align: justify;
}

#content_home #col_2 h6 {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
#content_products {
	background-color: #FFF;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-right: 25px;
	padding-left: 25px;
	text-align: justify;
}
#content_products h2 {
	text-align: center;
}
#content_products  h3 {
	text-align: center;
	margin: 5px;
}
#content_products #col_products {
	float: left;
	width: 33%;
	text-align: left;
	margin-left: 4%;
}
#content_products #col_products #products_col1 {
	/* [disabled]width: 275px; */
	float: left;
	/* [disabled]padding-left: 50px; */
}
#content_products #col_services {
	float: left;
	width: 63%;
	text-align: left;
}
#content_products #col_services #services_col1 {
	float: left;
	width: 50%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	/* [disabled]padding-left: 50px; */
}
#content_products #col_services #services_col2 {
	float: left;
	width: 50%;
	padding: 0px;
	margin: 0px;
}
#content_products #service_rates {
	clear: both;
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}


#content_products #service_rates #rates_table {
	font-weight: bold;
}
#content_products #service_rates #rates_table tr #service {
	background-image: url(../img/servicesbkg.jpg);
	padding-left: 10px;
	text-align: left;
}
#content_products #service_rates #rates_table tr #qualifier {
	text-align: center;
	background-image: url(../img/ratesbkg.jpg);
	font-weight: normal;
}

#content_products #service_rates #rates_table tr #rate {
	text-align: right;
	background-image: url(../img/ratesbkg.jpg);
	padding-right: 10px;
}
#content_products #service_rates p {
	text-align: right;
	margin-top: 5px;
	font-size: 12px;
}


#content_products #nascar_fuel {
	border: medium solid #06C;
	margin-top: 20px;
	margin-right: 5px;
	padding: 2px;
}
#content_products #acdelco_logo {
	margin-right: 5px;
}
#content_schedule {
	background-color: #FFF;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 20px;
}
#content_schedule #contact_form {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	max-width: 450px;
}
#content_thankyou {
	background-color: #FFF;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}





#content_specials {
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: center;
	background-color: #FFF;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 870px;
}
#coupon_table {
	/* [disabled]margin-top: 25px; */
}

#coupon_table table tr td {
	position: relative;
}
#coupon_table table tr td img {
	width: 100%;
}
#coupon_table table tr td h2  {
	margin: 0px;
	padding: 0px;
}



#content_directions {
	background-color: #FFF;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 20px;
}
#content_directions #google_directions {
	width: 325px;
	float: right;
	padding-right: 35px;
}
#content_directions #google_map {
	/* [disabled]float: left; */
	text-align: center;
	padding-bottom: 25px;
	/* [disabled]padding-left: 35px; */
	margin-right: 25px;
	margin-left: 25px;
}

#content_specials h3 {
	color: #F33;
	margin-bottom: 5px;
	margin-right: 2%;
	margin-left: 2%;
}
#content_specials h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2%;
	margin-left: 2%;
}
#content_links {
	padding-top: 0px;
	padding-bottom: 20px;
	padding-right: 50px;
	padding-left: 50px;
}
#content_links
h2 {
	text-align: center;
}


#content_about {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 20px;
}
#content_about p {
	text-align: justify;
	margin-right: 30px;
	margin-left: 30px;
}
#content_about #ase_logo {
	float: left;
	padding-left: 75px;
}
#content_about h5 {
	padding-right: 145px;
	padding-top: 20px;
}

#content_contact {
	text-align: center;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#footer {
	background-color: #FFF;
	padding-bottom: 10px;
	clear: both;
}
#footer h6 {
	text-align: center;
	margin: 0px;
}
.print_button {
	background-color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}


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

.coupon {
	float: none;	
}
}


@media screen and (max-width:1025px) {
	
/*#header #right_head h6 #ultra_logo {
	display: none;
}
#header #right_head h6 #napa_logo {
	display: none;
}*/

  ul.resp_menu li:not(:first-child) {display: none;}
  ul.resp_menu li.icon {
    float: right;
    display: inline-block;
	padding-right: 10px;
  }
  ul.resp_menu.responsive {position: relative;}
  ul.resp_menu.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.resp_menu.responsive li {
    float: none;
    display: inline;
  }
  ul.resp_menu.responsive li a {
    display: block;
    text-align: left;
  }
}

@media screen and (max-width:825px) {
	
.hide_on_mobile {
	display: none;
}
#header #right_head img {
	display: none;
}
#header #banner {
	float: left;
	height: auto;
	width: 70%;
}
#header #right_head {
	width: 30%;
}
#header #discount {
	clear: both;
}
#content_home #col_1{
	float: none;
	width: 92%;
	margin-right: auto;
	margin-left: auto;
}
#content_home #col_2{
	float: none;
	width: 92%;
	margin-right: auto;
	margin-left: auto;
}
#content_about #ase_logo {
	float: none;
	padding-left: 0;
}
#content_about h5 {
	padding-right: 0;
	padding-top: 0;
	text-align: center;
}
#content_products #col_products {
	float: none;
	width: 100%;
	margin-left: 0px;
}
#content_products #col_services {
	float: none;
	width: 100%;
	clear: both;
}

}

@media screen and (max-width:550px) {
.form_field_label {
	width: 95%;
	float: none;
	text-align: left;
	margin-left: 5%;
}
.form_field {
	width: 90%;
	float: none;
	margin-left: 5%;
}

.hide_on_phone {
	display: none;
}
#header h4 {
	font-size: 75%;	
}
}

@media screen and (max-width:500px) {
#header #right_head {
	font-size: 0.75em;
}
#header #right_head h6{
	font-size: 1em;
	margin-top: 5px;
}
.coupon img {
	height: auto;
	width: 90%;
}
.coupon h2 {
	font-size: 6vw;
}
#content_contact h2 #email_link {
	font-size: 80%;
}
}
h2 {
	margin-right: 2%;
	margin-left: 2%;
}