@charset "utf-8";
/* CSS Document */

body {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	background: #056aa5 url("../images/bkgd.jpg") 50% 0 no-repeat;
	}

a {
	color: #0067a1;
	text-decoration: underline;
	}

p { padding: 0 0 12px 0; }
p.wide { width: 500px; }

h2 {
	padding-bottom: 18px;
	font: normal 18px/18px Arial, Helvetica, sans-serif;
	color: #900;
	}
	#gmcertified h2 { padding: 10px 0 0 0; }
h3 {
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #787878;
	}
	#gmcertified h3 { padding-bottom: 4px; }

h4 { font: bold 14px/18px Arial, Helvetica, sans-serif; }
h5 {
	padding-bottom: 10px;
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	}

#outerdiv {
	margin: 0 auto;
	width: 960px;
	}

#header {
	margin-bottom: 10px;
	width: 960px;
	height: 114px;
	background: #fff url("../images/striping.gif") 0 100% repeat-x;
	}
	
	#logos {
		padding: 12px 18px;
		height: 81px;
		clear: both;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 57px; }
	html>body #logos { height: 57px; }
	
		.right { float: right; }
		.left { float: left; }
	
	ul#topnav {
		margin: 0 6px 7px 6px;
		height: 26px;
		border-top: 1px solid #d1d1d1;
		background: url("../images/bkgdTopnav.gif") 0 0 no-repeat;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 25px; }
	html>body ul#topnav { height: 25px; }
	
		ul#topnav li {
			margin-right: 1px;
			display: inline;
			float: left;
			height: 25px;
			}
			
			ul#topnav li a {
				padding-top: 25px;
				height: 0;
				display: block;
				overflow: hidden;
				}
				
			#topnav li#home { width: 96px; }
			#topnav li#home a:hover, #topnav li#home a.active { background: url("../images/topnavHome.gif") 0 0 no-repeat; }
			#topnav li#dealers { width: 158px; }
			#topnav li#dealers a:hover, #topnav li#dealers a.active { background: url("../images/topnavDealers.gif") 0 0 no-repeat; }
			#topnav li#quote { width: 151px; }
			#topnav li#quote a:hover, #topnav li#quote a.active { background: url("../images/topnavQuote.gif") 0 0 no-repeat; }
			#topnav li#inventory { width: 190px; }
			#topnav li#inventory a:hover, #topnav li#inventory a.active { background: url("../images/topnavInv.gif") 0 0 no-repeat; }
			#topnav li#gallery { width: 177px; }
			#topnav li#gallery a:hover, #topnav li#gallery a.active { background: url("../images/topnavGallery.gif") 0 0 no-repeat; }
			#topnav li#events { margin: 0; width: 171px; }
			#topnav li#events a:hover, #topnav li#events a.active { background: url("../images/topnavEvents.gif") 0 0 no-repeat; }
		

#feature {
	margin: 0 10px 10px 0;
	width: 635px;
	height: 382px;
	background: #fff;
	border: 6px solid #fff;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 623px;
	height: 370px; }
html>body #feature { width: 623px; height: 370px; }

#video {
	margin-bottom: 10px;
	width: 315px;
	height: 382px;
	background: #c1d3e4;
	border: 6px solid #fff;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 303px;
	height: 370px; }
html>body #video { width: 303px; height: 370px; }

	#videoWrapper { border: 1px solid #c1d3e4; }

#banner1, #banner2 {
	margin: 0 10px 10px 0;
	width: 315px;
	height: 111px;
	background: #fff;
	float: left;
	}

#banner1 {
	border: 6px solid #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 303px;
	height: 99px; }
html>body #banner1 { width: 303px; height: 99px; }

#banner2 {
	border-top: 6px solid #fff;
	border-right: 6px solid #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 309px;
	height: 105px; }
html>body #banner2 { width: 309px; height: 105px; }

#gmcertified {
	margin-bottom: 10px;
	padding: 7px 6px 0 21px;
	width: 635px;
	height: 232px;
	background: #fff url("../images/striping.gif") 0 0 repeat-x;
	float: right;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 608px;
	height: 225px; }
html>body #gmcertified { width: 608px; height: 225px; }

	#gmcertified .innerdiv, #gmcertified .innerdiv2, #gmcertified .innerdiv3, #gmcertified .innerdiv4, #gmcertified .fuelSolutions_1, #gmcertified .fuelSolutions_2 {
		width: 608px;
		height: 225px;
		}

	#gmcertified .innerdiv {
		background: #fff url("../images/bkgdCertified.jpg") 100% 100% no-repeat;
		}

	#gmcertified .innerdiv2 {
		background: #fff url("../images/bkgdGasCard.jpg") 100% 100% no-repeat;
		}

	#gmcertified .fuelSolutions_1 {
		background: #fff url("../images/bkgdFuelSolutions.jpg") 100% 100% no-repeat;
		}

	#gmcertified .fuelSolutions_2 {
		background: #fff url("../images/bkgdFuelSolutions_2.jpg") 100% 100% no-repeat;
		}
		
		#gmcertified .innerdiv3 p.lgtxt {
			font-size: 12px;
			width: 335px;
			}
		#gmcertified .innerdiv3 sup { font-size: 8px; }
	
	#gmcertified .innerdiv4 { background: #fff url("../images/bkgdHomeSweeps.jpg") 100% 100% no-repeat; }
		#gmcertified .innerdiv4 img { padding-bottom: 20px; float: left; clear: both; }
	
	#gmcertified p.footnote {
		font-size: 10px;
		}

#twothirdsBanner {
	margin-bottom: 10px;
	padding: 7px 6px 6px 6px;
	width: 635px;
	height: 232px;
	background: #fff url("../images/striping.gif") 0 0 repeat-x;
	float: right;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 623px;
	height: 219px; }
html>body #twothirdsBanner { width: 623px; height: 219px; }

#fullBanner {
	margin-bottom: 10px;
	padding: 6px;
	width: 635px;
	height: 233px;
	float: right;
	background-color: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 623px;
	height: 220px; }
html>body #fullBanner { width: 623px; height: 220px; }

#main {
	margin-bottom: 10px;
	padding: 18px;
	width: 960px;
	background: #fff url("../images/striping.gif") 0 100% repeat-x;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 924px; }
html>body #main { width: 924px; }

	#sweeps #main { background: #fff url("../images/bkgdSweepsAutoShow.jpg") 514px 76px no-repeat; }
	
	#gallery #main {
		padding: 6px;
		width: 960px;
		background: #fff;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 948px; }
	html>body #gallery #main { width: 948px; }
	
	
	
/* ////////// Testimonials ////////// */

#testimonialsWide {
	margin-bottom: 28px;
	padding: 9px 9px 0 9px;
	width: 924px;
	background: url("../images/striping.gif") 0 0 repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 906px; }
html>body #testimonialsWide { width: 906px; }

	fieldset .colLeft {
		margin-right: 18px;
		width: 280px;
		float: left;
		}

	fieldset .colRight {
		width: 608px;
		float: left;
		}
		
		fieldset p {
			padding-bottom: 9px;
			float: left;
			}
		fieldset label {
			display: block;
			clear: right;
			height: 18px;
			white-space: nowrap;
			}

.listTest {
	margin-bottom: 6px;
	background: url("../images/bkgdModTest.gif") 0 0 repeat-x;
	float: left;
	clear: both;
	}
	.listTest .innerdiv { background: url("../images/bkgdListTest.gif") 0 100% no-repeat; }
	.listTest .last { margin-right: 0; }
	
.modTest {
	margin-right: 6px;
	padding: 10px 6px 6px 6px;
	width: 180px;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 168px; }
html>body .modTest { width: 168px; }

	.modTest h5 { padding-bottom: 6px; }
	.modTest p { font-style: italic; }
	.modTest img, .btnVote { float: right; }


#titleTest { margin-bottom: 30px; }

#titleTest h2 {
	padding-bottom: 10px;
	width: 611px;
	float: left;
	}
	
	.pagination {
		float: left;
		width: 611px;
		}
	.pagination .pages {
		margin: 0 18px;
		font-weight: bold;
		}

#leftCol_wide {
	margin-right: 18px;
	width: 611px;
	float: left;
	}
#rightCol {
	width: 295px;
	float: right;
	}
#leftCol {
	margin-right: 18px;
	width: 295px;
	float: left;
	}
#rightCol_wide {
	width: 611px;
	float: right;
	}
	
	#leftCol #videoWrapper, #rightCol #videoWrapper { height: 300px; }

.author {
	font-style: italic;
	text-align: right;
	}
img.banner {
	margin-bottom: 18px;
	float: left;
	}

/* ////////// Zip Code and Dealer Searches ////////// */
#zipSearch {
	margin-bottom: 20px;
	padding: 10px;
	width: 285px;
	background-color: #ddd;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 265px; }
html>body #zipSearch { width: 265px; }

	#zipSearch h3 {
		padding-right: 6px;
		color: #333;
		line-height: 26px;
		float: left;
		}
	#zipSearch input.txt60 { width: 60px; }

table#dealerSearch { 
	margin-top: 10px;
	width: 100%;
	}
	#dealerSearch th, #dealerSearch td {
		padding: 2px 4px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		vertical-align: top;
		}
	#dealerSearch th {
		font-weight: bold;
		border-bottom: 2px solid #ccc;
		vertical-align: bottom;
		}
	#dealerSearch tr.even td { background-color: #eee; }
	
	#dealerSearch a:visited { color: #666; }

/* ////////// */

input, select, option, textarea {
	padding: 1px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}

.txt200 {
	width: 200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 194px; }
html>body .txt200 { width: 194px; }

.txt280 {
	width: 278px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 274px; }
html>body .txt280 { width: 274px; }

.txt600 {
	width: 600px;
	height: 158px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 596px;
	height: 154px; }
html>body .txt600 { width: 596px; height: 154px; }

.dd60 {
	width: 60px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 54px; }
html>body .dd60 { width: 54px; }

.dd280 {
	width: 278px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 274px; }
html>body .dd280 { width: 274px; }



#footer {
	width: 960px;
	height: 33px;
	line-height: 33px;
	font-size: 10px;
	text-align: center;
	background: #fff;
	}

.pgHdr { padding-bottom: 24px; }

ul.triList { padding: 6px 0 12px 0; }
	
	.triList li {
		margin: 0 0 0 12px;
		list-style-image: url(../images/bulletTri.gif);
		}

.footnote { font: normal 10px/14px Arial, Helvetica, sans-serif; }

.clear {
	height: 0;
	font-size: 0;
	line-height: 0;
	color: none;
	background: none;
	clear: both;
	}
	
/*
	FLASH RELATED STYLES
	added by jm on 11/03/2008
*/
#error{
	width:400px;
	padding:2em 1em 1em 1em;
	border:1px solid #ddd;
	margin:80px auto 0 auto;
	background-color:#fff;
	}

	#error p{margin-bottom:1em; line-height:1.5em;}
	#error h1{margin-top:1em; font-size:2.7em; font-weight:normal; line-height:1em;}
	#error h2{margin-top:.5em;  margin-left:.4em; font-size:1.8em; color:#666; font-weight:normal;}
	#error h4{margin-top:1em; margin-bottom:.2em; font-size:1.3em;}

object{display:block; outline:none;}


	/* Radio Button Label Fix */
	
	/* -------------------------------------------
 * Flow Layout List 
 * RadioButtonList RepeatLayout="Flow"
  ------------------------------------------- */
.flowLayoutList
{
	display: block;
	height: 25px;
}
.flowLayoutList INPUT,
.flowLayoutList LABEL
{
	line-height: 20px;
	vertical-align: middle;
}
.flowLayoutList INPUT[type="radio"]
{
	float: left;
    width: 20px;
    padding: 0;
    vertical-align: top;       
}
 
.flowLayoutList INPUT[type="checkbox"]
{
	float: left;
    width: 20px;
    padding: 0;
    vertical-align: top;       
}

.flowLayoutList LABEL
{	
	clear: right;
	margin-right: 35px;    
    white-space: nowrap;
}

