/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* jquery rating */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/images/delete.gif) no-repeat 0 -16px;display:none;}
div.star-rating,div.star-rating a{background:url(/images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
div.star-rating-readonly a{cursor:default !important}
div.star-rating{background:transparent!important;overflow:hidden!important}

img {
	border: 0;
}

body {
background-color: #fff;
font: 100%/1.5 arial, verdana, sans-serif;
color: #000;
text-align: center;
}

#container {
width: 780px;
margin: 0 auto;
padding: 50px 0 20px 0;
text-align: left;
position: relative;
}

#header {
margin-bottom: 15px;
}

#content {
width: 518px;
float: left;
border-right: 2px solid #e6e6e6;
margin-bottom: 30px;
}

#infobar {
width: 257px;
float: left;
border-left: 2px solid #e6e6e6;
margin-bottom: 40px;
margin-left: -2px;
}

#footer, #navigation {
clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.buttonred {
	background: #ff0000 url(/images/button-red.gif) repeat-x top left;
	border: outset 1px #ccc;
	padding: 3px;
	font-size: 1.1em;
	color: #ffffff;
	font-weight: bold;
}

.error {
	font-size: 0.7em;
	color: #ff0000;s
}

/* ---- main navigation - */
#navigation {
width: 740px;
background: #666 url(../images/navleft.gif) no-repeat bottom left;
font-size: 13px;
font-weight: bold;
position: absolute;
left: 20px;
top: 0;
}

#navigation form {
margin: 0;
}

#navigation ul {
list-style-type: none;
float: left;
margin-left: 3px;
}

#navigation li {
margin: 0;
padding: 8px 5px 0 10px;
float: left;
display: inline-block;
background-color: #666;
}

#navigation span {
float: right;
height: 27px;
background: url(../images/navright.gif) no-repeat bottom right;
padding-top: 8px;
padding-right: 8px;
color: #fff;
font-size: 0.9em;
font-weight: bold;
text-align: right;
}

#navigation a {
text-decoration: none;
text-transform: uppercase;
}

#navigation a:link, #navigation a:visited {
color: #fff;
}

#navigation a:hover, #navigation a:active, #navigation a:focus {
color: #ff6600;
}

/* --- nav links --- */
body#homepage #navigation a#homenav,
body#faqpage #navigation a#faqnav,
body#tipspage #navigation a#tipsnav, 
body#testspage #navigation a#testsnav,
body#lawspage #navigation a#lawsnav,
body#glossarypage #navigation a#glossarynav, 
body#cappage #navigation a#capnav {
color: #ff6600;
}

#navigation div button {
margin-top: 2px;
margin-left: 2px;
border:none;
background-color: transparent;
color: #fff;
cursor: pointer;
text-decoration: underline;
width: 55px;
}


#footer {
clear: both;
font-size: 0.8em;
line-height: normal;
margin: 0 20px;
}

#footer p {
margin-bottom: 0;
clear: both;
}

#footer ul {
list-style-type: none;
}

#footer li {
float: left;
display: inline-block;
padding-right: 5px;
margin-right: 5px;
margin-left: 0;
border-right: 1px solid #000;
}

#footer li.last {
border: none;
}

.content {
margin-left:20px;
}
/* =========================================
site-wide rules
========================================= */

a:link, a:visited {
color: #000;
}

a:hover, a:active, a:focus {
color: #444;
}

h1, h2, h3, h4, p, blockquote, ul, ol {
margin: 0 20px;
}

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

p, ul, ol, dl {
font-size: 0.85em;
}

fieldset {
border: none;
}

h2 {
font-size: 1em;
line-height: normal;
font-weight: normal;
margin-bottom: 20px;
}

h3 {
font-size: 0.75em;
font-weight: bold;
}


p {
margin-bottom: 15px;
}

table {
margin: 0;
border: 0;
}

input, select, textarea {
padding: 2px;
border: 1px solid #B3B3B3;
background: #fff url(../images/formbg.gif) repeat-x;
}

h2.postdate, .lastUpdate {
	color: #666666;
	font-weight: bold;
	margin: 0 15px 10px;
}

.center {
	text-align:center;
}

strong {
	font-weight:bold;
}

.small {
	font-size:0.8em;
}
/* =========================================
site-wide page areas
========================================= */
/* ---- header - */
#header h1 {
background: url(../images/logo.gif) no-repeat bottom left;
width: 414px;
height: 69px;
text-indent: -300em;
}

* html body#searchpage #header h1, * html body#schedulepage #header h1 {
	margin-bottom: 15px;
}

html>body#searchpage #header h1, html>body#schedulepage #header h1 {
	*margin-bottom: 15px;
}

#searchbar {
width: 740px;
height: 40px;
background: #F60 url(../images/searchgrad.gif) repeat-x scroll;
margin: 0 20px;
margin-bottom: 15px;
border: 1px solid #ff9300;
text-align: center;
vertical-align: middle;
font-size: 1.1em;
}
#searchbar table {
margin:5px auto 0;
}
#searchbar table td {
padding: 0 5px;
vertical-align:center;
}
#searchbar input#searchfield {
width: 70px;
padding: 5px;
font-size: 14px;
font-weight: bold;
font-family: verdana;
color: #000000;
border: 1px solid #B3B3B3;
background: #fff url(../images/formbg.gif) repeat-x;
}

#searchbar input.submitfield {
cursor: pointer;
padding:0;
background:none;
border:none;
}

#testbox {
height: 200px;
font-size: 1em;
font-weight: normal;
}

/* ---- map ---- */

#map {
height: 225px;
width: 225px;
border: 1px solid #333;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}

.markerTooltip 
{
color: #fff;
font-weight: bold;
font-size: 10px;
white-space: nowrap;
padding: 2px;
background-color: #fff;
border: 1px solid #333;
font-weight: bold;
background: #f60;
}

#shoppic {
width: 225px;
border: 1px solid #333;
margin: 10px auto;
}

#station-types {
	margin-top: 10px;
	padding-top: 10px;
	clear:both;
}

/* ---- infobar - */

#infobar p {
margin-bottom: 0;
margin-right: 10px;
}


/* ---- zip box ---- */

.bltop {
width: 225px;
background: #e6e6e6 url(../images/bltop.gif) no-repeat top;
}

.bltop h3 {
background-color: #e6e6e6;
padding: 5px 10px;
margin-bottom: 0;
font-weight: bold;
font-size: 0.9em;
color: #333;
text-align: center;
}

.bltop p {
text-align: right;
padding-bottom: 5px;
margin: 0;
font-size: 11px;
color: #333;
}

.blbot {
width: 225px;
padding-bottom: 5px;
background: #e6e6e6 url(../images/blbot.gif) no-repeat bottom;
}

select.countyselect {
border: 1px solid #333;
background-color: #e6e6e6;
color: #333;
font-size: 11px;
display: inline;
width:110px;
}

#infobar .refinement {
margin: 8px 0 8px 15px;
}

div.blbot div.blContent {
background-color: #e6e6e6;
margin: 0 10px 10px 10px;
font-size: 1em;
height:160px;
overflow:auto;
}

div.blbot div.blContent ul {
	margin: 0;
}

div.blbot div.blContent a {
font-weight: bold;
text-decoration: none;
color: #369;
}

div.blbot div.blContent a:hover {
color: #333;
}

#zholder a:hover {
text-decoration: underline;
}

#content h2, #fullpage h2 {
font-size: 1.4em;
line-height: normal;
color: #4d4d4d;
margin-top: 0;
margin-bottom: 10px;
padding: 5px 0 0 0;
}


/* =========================================
home page
========================================= */

body#homepage #header {
background: url(../images/hpbox.jpg) no-repeat 590px 50%;
}

#tagline {
font-size: 1.4em;
font-weight: normal;
line-height: normal;
color: #4d4d4d;
margin-top: 0;
margin-bottom: 0;
padding: 5px 155px 0 0;
}

#easy {
margin-left: 20px;
height: 280px;
background: url(../images/easy.jpg) no-repeat top left;
padding: 20px 210px 0 20px;
font-size: 1.3em;
font-weight: bold;
color: #A20000;
text-transform:uppercase;
}

#usageinfo {
margin-top: 15px;
float: left;
width: 515px;
padding-bottom: 15px;
}

#usageinfo h3 {
color: #757575;
font-size: 0.9em;
font-weight: bold;
padding: 7px 0 120px 45px;
margin-bottom: 0;
}

#usageinfo h2.mainhead {
color: #447700;
background: none;
font-size: 1.3em;
font-weight: bold;
padding: 0 0 10px 0;
margin-bottom: 0;
text-align:center;
}

#usageinfo p.intro {
font-weight: bold;
text-align:center;
}

#compareinfo, #bookinfo, #completeinfo {
float: left;
width: 170px;
}

#compareinfo * {
margin-right: 5px;
}

#bookinfo * {
margin-right: 0;
}

#completeinfo * {
margin-right: 0;
}

#compareinfo {
background: url(../images/info1.gif) no-repeat 20px 75px;
}

#bookinfo {
background: url(../images/info2.gif) no-repeat 20px 75px;
}

#completeinfo {
background: url(../images/info3.jpg) no-repeat 20px 75px;
}

#compareinfo h3 {
background: url(../images/sbut1.gif) no-repeat 0 10px;
}

#bookinfo h3 {
background: url(../images/sbut2.gif) no-repeat 0 10px;
}

#completeinfo h3 {
background: url(../images/sbut3.gif) no-repeat 0 10px;
}

ul.bullets, ul.bullets li {
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: none;
}
ul.bullets {
	margin-left: 20px;
	padding-left: 20px;
}

#infobar #quality {
height: 118px;
width: 233px;
background: #fff url(../images/quality.jpg) no-repeat top left;
margin: 5px 0 0 12px;
text-indent: -300em;
}

#infobar #nofee {
height: 108px;
width: 233px;
background: #fff url(../images/nofee.jpg) no-repeat top left;
margin: 10px 0 0 12px;
text-indent: -300em;
}

#badges {
margin-top: 28px;
float: left;
width: 515px;
padding-bottom: 15px;
}

#homepage .adMain {
	margin-left: 20px;	
}


/* =========================================
search page
========================================= */

#resultstag, #content h2#resultstag {
font-size: 1.4em;
font-weight: normal;
line-height: normal;
color: #4d4d4d;
padding-bottom: 15px;
font-weight: bold;
border-bottom: 2px solid #e6e6e6;
}

ol#results {
margin: 0;
font-size: 1em;
padding-left:10px;
}

ol#results li {
margin: 1em 0;	
}

ol#results li h3 {
font-size: 1em;
margin: 0;
}
span.type a {
font-weight: bold;
text-decoration:underline;
text-transform:uppercase;
color:#018F00;
font-style:normal;
}

span.distance, span.type {
	font-size: 0.75em;
	font-weight: normal;
	color:#666;
}
span.distance strong {
	font-weight: bold;
	color:#333;
}

p.description {
	margin: 0;
	padding-right: 10px;
}

.breadcrumb {
margin-top: 1em;
padding:5px 10px;
background: #E6E6E6;
font-size:0.75em;
}

#none {
font-size: 1.2em;
font-weight: normal;
line-height: normal;
color: #ff0000;
padding-bottom: 15px;
text-align: center;
}

div.typeRefinement {
	margin: 8px 15px 10px;
}

div.typeRefinement h3 {
	margin: 5px 0;
	font-size:0.9em;
	font-weight:bold;
	color:#333;
	padding-bottom: 5px;
	border-bottom: 1px solid #E8E8E8;
}

div.typeRefinement ul {
	margin:0 10px;
}

#test-only-dialog, #test-repair-dialog, #gold-shield-dialog {
display:none;
}

#test-only-dialog p, #test-repair-dialog p, #gold-shield-dialog p {
	font-size: 0.8em;
	margin:0;
	padding:0;
	text-align:left;
}

/* =========================================
shoppage
========================================= */
.shopInfo {
	margin:20px 0;
}
.shopInfo h3 {
	font-weight:bold;
	font-size: 1.3em;
	text-decoration: underline;
}
.shopInfo h3, .shopInfo p {
	margin:0;
}
.shopInfo p em {
	color:#AF0000;
	font-size: 0.7em;
	display:block;
	font-style:italic;
}
.shopInfo span.distance {
	font-size: 0.9em;
}
#shoppage #mapContainer {
	width: 490px;
}
#shoppage #map, #streetview {
	height: 300px;
	width: 490px;
	border: none;
	margin:0;
}
#mapOptions {
	text-align:center;
}
#mapOptions ul {
	margin:0;
}
#mapOptions ul li {
	display:inline;
}
#mapOptions ul li span {
	font-size:0.8em;
	color: #8f0000;
	cursor:pointer;
	text-decoration:underline;
	padding: 0 6px;
}
#directions-input {
	font-size: 0.7em;
	margin-top:5px;
}
#direction-from {
	width: 165px;
}
#directions-error {
	color:#8f0000;
}
#directions {
	margin-right:15px;
	font-size:0.75em;
}

#nearbyShops {
	margin: 8px 15px 10px;
}
#nearbyShops h3 {
	margin: 5px 0;
	font-size:0.9em;
	font-weight:bold;
	color:#f60;
	padding-bottom: 5px;
	border-bottom: 1px solid #E8E8E8;
}
#nearbyShops ul {
	margin:0;
}
#nearbyShops ul li {
	font-size: 0.8em;
	margin:5px 0;
}
#nearbyShops ul li div p{
	margin:0;
	font-size:0.9em;
	color: #333;
}
#amenities {
	margin: 5px 0;
}
#amenities h4{
	margin:0;
	font-size:0.7em;
	color: #666;
	margin-bottom: 5px;
	border-bottom: 1px solid #CCC;
	text-transform:uppercase;
}
#amenities ul {
	margin:0;
}
#amenities ul li {
	display: inline;
	padding-right: 5px;
}
#reviews, #writeReview {
	clear:both;
	margin-bottom:20px;
}
#writeReview h3, #reviews h3 {
	margin: 5px 0 10px;
	padding-bottom: 5px;
	border-bottom: 3px solid #DDD;
	color: #333;
	font-size: 1.2em;
}
#writeReview h3 {
	margin: 5px 0 20px;
}
#writeReview form div.row {
	margin: 5px 0;
	clear:both;
}
#writeReview form div label {
	float: left;
	width: 100px;
	font-size:0.8em;
	color: #333;
	vertical-align:center;
	text-transform: lowercase;
}
#writeReview form div textarea {
	width: 300px;
}

#reviews ol,  #reviews ol li.review ul {
	margin:0;
}
#reviews ol li.review {
	clear: both;
	margin: 5px 0;
}
#reviews ol li.review ul li {
	float: left;
}
#reviews ol li.review ul li.rating {
	height: 42px;
	width: 42px;
	color: #FFF;
	text-align:center;
	line-height: 42px;
	font-weight: bold;
	font-size: 1.6em;
	background: transparent url(/images/ratings_bg.gif) no-repeat center;
	margin-right: 5px;
}
#reviews ol li.review ul li.name, #reviews ol li.review ul li.date {
	width: 430px;
	color: #666;
	font-size: 0.9em;
	padding: 3px 0;
}
#reviews ol li.review ul li.text {
	clear:both;
	width: 490px;
}

/* =========================================
faq page
========================================= */

body#faqpage #content h2 {
font-size: 1.4em;
font-weight: normal;
line-height: normal;
color: #4d4d4d;
margin-top: 0;
margin-bottom: 0;
padding: 5px 0 0 0;
}

ol.faqs {
margin: 15px 20px 0 20px;
padding-left:20px;
list-style-position: outside;
list-style-type:decimal;
font-size: 0.9em;
}

ol.faqs li {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
background-image: none;
list-style-type:decimal;
}

ol.faqs li h3 {
display: inline;
font-weight: normal;
line-height: normal;
font-size: 1.1em;
margin: 0;
color: #470;
font-weight: bold;
}

ol.faqs li p {
margin: 0;
padding: 0;
font-size: 0.9em;
}

/* =========================================
tips page
========================================= */

#tips {
margin: 0 20px;
line-height: normal;
}
#tips h3 {
margin:0;
font-size:1.1em;
color:#336699;
}
#tips div {
margin-bottom: 15px;
}
#tips div p {
margin: 10px 0 0 0;
font-size: 1.0em;
}
#tips div img {
float: right;
margin-left: 5px;
}

/* =========================================
tests page
========================================= */
#tests {
margin: 0 20px;
line-height: normal;
}
#tests h3 {
margin:0;
font-size:1.1em;
color:#336699;
}
#tests p {
margin: 10px 0 0 0;
font-size: 1.0em;
}
#tests ul {
margin: 10px 0 0 10px;
}
#tests ul#functional h4 {
margin: 10px 0;
}

/* =========================================
cap page
========================================= */
#cap  {
margin: 0 20px;
line-height: normal;
}
#cap h3 {
margin:0;
font-size:1.1em;
color:#336699;
}
#cap p {
margin: 10px 0;
font-size: 1.0em;
}
#cap ul, #cap ul ul {
font-size: 14px;
}
#cap ul li ul li {
margin: 10px 0;
}
#cap p.small {
font-size:0.8em;
white-space:normal;
}

/* =========================================
about us page
========================================= */
#about ul li {
list-style:disc;
margin-left:25px;
}

/* =========================================
contact us page
========================================= */
#contact {
	margin: 0 20px;
}
#contact h3 {
margin:0;
font-size:1.1em;
color:#336699;
}
#contactus div.row {
	margin: 5px 0;
	clear:both;
}
#contactus div label {
	float: left;
	width: 100px;
	font-size:0.8em;
	color: #333;
	vertical-align:center;
	text-transform: lowercase;
}
#contactus div textarea {
	width: 250px;
	height: 150px;
}

/* =========================================
privacy/terms page
========================================= */
#fullpage {
border-top: 2px solid #e6e6e6;
padding-top: 20px;
padding-bottom: 20px;
margin: 0 20px;
}


/** GOOGLE AD **/
.adContent {
	margin: 0 0 10px 20px;
}
.adInfobar {
	margin: 0 15px 5px 25px;
}

/** PAGINATOR **/
div.pagination {
	padding: 3px;
	margin: 3px;
	text-align: center;
	font-size:0.9em;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #336699;
	text-decoration: none; /* no underline */
	color: #336699;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #336699;
	
	font-weight: bold;
	background-color: #336699;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #BBB;
	color: #AAA;
}

/** TESTIMONIAL **/
#testimonial {
width: 225px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 0px;
font-size: 0.8em;
}
#testimonial h3 {
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #ff6600;
}
.jcarousel-container {
    position: relative;
	width: 190px;
	padding-bottom: 25px;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width:190px;
    height: 220px;
}
.jcarousel-container .jcarousel-next {
	background: transparent url(/images/aforward.gif) no-repeat scroll;
	cursor: pointer;
	position: absolute;
	height: 20px;
	width: 20px;
	right: 0;
	bottom: 0;
}
.jcarousel-container .jcarousel-prev {
	background: transparent url(/images/aback.gif) no-repeat scroll;
	cursor: pointer;
	position: absolute;
	height: 20px;
	width: 20px;
	right: 20px;
	bottom: 0;
}
.carouselContainer {
	position:relative;
	padding: 0 0 0 28px;
}
* html .carouselContainer, * html .jcarousel-clip {
	width:190px;
}
.carouselContainer  img.testimonialQuote {
	position:absolute;
	top: 0;
	left:0;
}
.carouselContainer p {
	font-size: 1.2em;
	margin:0;
}
.carouselContainer span {
	display: block;
	color: #336699;
	font-weight:bold;
	margin-top:5px;
}
.carouselContainer small {
	display: block;
	color: #333;
	font-style:italic;
}

/* =========================================
sponsors
========================================= */
#sponsors {
float: left;
width: 165px;
margin: 0 auto;
text-align: center; 
}

.smogCoupon {
background: transparent url(/images/arrow2.png) no-repeat scroll top center;
padding: 65px 30px 90px 70px;
margin: 10px 0;
color: #FFF;
font-weight:bold;	
}