/* --------------------------------- */
/* Charco Caps 						 */

body
{
	font: normal 0.8em Tahoma, Verdana, Arial;
	margin: 20px 0;
	padding: 0;
	background-color: #0E548F;
}

* { 
	padding:0; 
	margin:0; 
	text-indent:0; 
	list-style:none;
}

fieldset { border: 0; }
a { text-decoration: none; font-weight: normal; }
a:hover { text-decoration: underline; }

h2, h3, h4 {
	font: 1.2em Tahoma, Arial;
	font-weight: 900;
	line-height: 1.45em;
}
h3 { font-size: 1em; }
h4 { font-size: 0.9em; margin: 5px 0; }

p {
	margin-top: 5px;
}
.charco-caps { display:none }

/* --------------------------------- */
/* Wrap								 */

#wrap {
	width: 998px;
	margin:0 auto;
}

/* --------------------------------- */
/* Menu - Side bar					 */
#side-bar {
	display: inline;
	position: relative;
	float: left;
	background: #0000FF;
	width: 136px;
}
ul.menu {
	position: absolute;
	width: 136px;
	background: url(images/round-left-bottom.jpg) bottom left no-repeat;	
	padding-bottom: 15px;
}

ul.menu .home { border: none; }

ul.menu li {
	background-color: #EC429A;
	border-top: solid 1px #E37BAE;
	height: 26px;
	text-align: right;
	/*background: url(images/menu-bg-right.png) 136px center no-repeat;*/
}
ul.menu li.selected {
	width: 148px;
	background-color:#B2296F;
}
/*ul.menu li:hover { background-color:#B2296F; }*/
ul.menu li a {
	padding-right: 10px;
	line-height: 26px;
	color: white;
	font-weight: bold;
	display: block;
	* width: 126px;	
}
ul.menu li a:hover { text-decoration: none; }
#menu-top {
	border: none;
	width: 136px;
	height: 10px; 
	background: #EC429A url(images/round-left-up.jpg) left top no-repeat;
}
/* --------------------------------- */
/* Ballon Man						 */
#ballon-man, #ballon-man-shadow, #ballon-man-index, #ballon-man-shadow-index {
	position: absolute;
	margin: 0 auto;
	z-index: 9999;
	left: -40px;
	margin-top: 245px;
}

#ballon-man-shadow {
	margin-top: 475px;
}

#ballon-man img { behavior: url(js/iepngfix.htc); }
#ballon-man-shadow img { behavior: url(js/iepngfix.htc); }

#ballon-man-index, #ballon-man-shadow-index {
	margin-top: -600px;
	margin-left: -600px;	
}

/* --------------------------------- */
/* Header 							 */
#header {
	float: left;
	text-indent: -9999px;
	width: 842px;
}

	.h-home { height: 241px; background: url(images/headers/h-home.jpg) no-repeat; }
	.h-ww { height: 162px; background: url(images/headers/h-ww.jpg) no-repeat; }
	.h-0 { height: 162px; background: url(images/headers/h-1.jpg) no-repeat; }
	.h-1 { height: 162px; background: url(images/headers/h-2.jpg) no-repeat; }
	.h-2 { height: 162px; background: url(images/headers/h-3.jpg) no-repeat; }
	.h-3 { height: 162px; background: url(images/headers/h-4.jpg) no-repeat; }
	.h-4 { height: 162px; background: url(images/headers/h-5.jpg) no-repeat; }
	.h-5 { height: 162px; background: url(images/headers/h-6.jpg) no-repeat; }

/* --------------------------------- */
/* Content (Right-bar)				 */

#right-bar {
	display: inline;
	float: left;
	width: 842px;
}

	#content {
		width: 823px;
		background: white url(images/rounded-bottom.gif) bottom center no-repeat;
		padding-top: 10px;
		padding: 10px 15px 10px 0;
		float: left;
		margin-left: 4px;
		display:inline;		
	}
	
	#commercial {
		float: left;
		width: 350px;
		height: 300px;
		text-align: center;
	}
	
	.preferred { 
		font: 0.95em Helvetica, sans-serif;
		font-weight: bolder;
		color: #1E5F97;
	}	
	
	.view-tv-ad {
		display: block;
		background: url(images/view-ad.gif) no-repeat;
		text-indent: -9999px;
		width: 214px;
		height: 27px;
		margin: 0 auto;
		margin-top: 5px;
		overflow: hidden;		
	}
	#text-home {
		margin-top: 10px;
		height: 240px;
		overflow: auto;
		padding: 0 10px;
	}
	.txt-smaller {
		font-size: 0.8em;
	}
	
	#take-quiz {
		position: absolute;
		margin-top: -32px;
		margin-left: -20px;
	}
	
	#take-quiz a{
		background: url(images/take-the-quiz.png) no-repeat;
		display: block;
		width: 138px;
		height: 66px;
		text-indent: -9999px;
	}
	
/* --------------------------------- */
/* Footer						 	*/	
#footer {
	clear: both;
	overflow: hidden;
}

#partners {
	clear: left;
	float: left;
	width: 147px;
	height: 40px;
	background: url(images/logos.png) no-repeat;
}
#partners li { float: left; }
#partners a {
	display: block;
	float:left;
	height: 40px;
	width: 48px;
	float: left;
	text-indent: -9999px;
}

#bottom-menu { float: left; margin-left: 10px; height: 50px; }
#bottom-menu ul li {
	margin-top: 5px;
	display: inline;
	float: left;
	border-left: white solid 1px;
}
#bottom-menu ul li.first { border: none; }
#bottom-menu ul li a {
	padding: 0 5px;
	font-size: 0.85em;
	line-height: 18px;
	color: white;
	text-decoration: none;
} 
#bottom-menu ul li a:hover { text-decoration: underline }
#bottom-menu .copyright { 
	display: block; 
	clear: left; 
	text-align: center; 
	color: white; 
	font-size: 0.85em;
	margin-top: 5px;
}

/* --------------------------------- */
/* Right side Edge (details)		 */

#bottom-right-side-detail {
	float: right;
	height: 27px;
	width: 148px;
	background: url(images/right-down-detail.gif) no-repeat;
}

#right-side-detail-middle, #right-side-detail-top, #right-side-detail-bottom {
	display: inline;
	float: right;
	clear:right;
	width: 19px;
}

#right-side-detail-top { height: 150px; background: url(images/right-edge-detail-top.gif) bottom no-repeat;}
#right-side-detail-middle { background: #0F5392 url(images/right-edge-detail-middle.gif) repeat-y;}
#right-side-detail-bottom { height: 174px; margin-top: 5px; background: url(images/right-edge-detail-bottom.gif) no-repeat; }
/* ------------------------- */
/* Other pages				*/
#text-general {
	margin: 0 60px 40px 80px;
	line-height: 1.5em;
}

ul.list-colorized li {
	margin: 15px 0 0 20px;
	padding-left: 15px;
	background: url(images/item-list.gif) left 3px no-repeat;
}

/* ------------------------- */
/* Product Info				*/
.product-pictures {
	text-align: right;
	padding: 0 0 0 15px;
	float: right;
}

/* ------------------------- */
/* Gas and Food				*/
.high-gas-producing-column, .low-gas-producing-column{
	margin-top: 20px;
	width: 50%;
	float: left;
}
.high-gas-producing-column h3, .low-gas-producing-column h3 {
	color: #006699;
}

.high-gas-producing-column ul li, .low-gas-producing-column ul li {
	padding-left: 20px;
	line-height: 20px;
	background: url(images/item-list-smaller.gif) 10px 0 no-repeat;
}

/* ------------------------- */
/* Gas Etiquette Quiz		*/
#etiquette-quiz, #sign-up {
	margin-top: 5px;
	padding: 0 10px 10px 10px;
}
#etiquette-quiz { padding-left: 0px; }
#etiquette-quiz legend {
	padding: 0 5px;
	display: none;
}
span.italic { font-style: italic; }

ul#quiz-questions li.li-question {
	float: left;
	width: 310px;
	padding: 0 10px;
}

#quiz-questions span.question {
	display: block;
	margin-top: 5px;
}
.question-options { margin: 5px 0 0 15px; border-left: #FEDAF0 solid 2px; } 
.question-options.show-result { border: none; margin-left: 0; float: left; }

.question-options.show-result li {	
	float: left;
	clear: left;
	padding: 0;
	margin-top: 2px;
}

.question-options.show-result li .percentage {
	padding-top: 3px;
	width: 40px;
	float: left;
	font-weight: bold;
	color: #0E548F;
}
.question-options.show-result li .answer { float: left; padding: 3px; border-left: #FEDAF0 solid 2px; width: 255px; }
.question-options li {
	/* background-color: #FFFFEC; */
	/*border: solid 1px white;*/
	padding-left: 8px;
}

#etiquette-quiz input.button { 
	margin: 10px 0 0 15px;
}

#thanks-for-taking-the-quiz { 
	display: block;
	margin-bottom: 15px;
	margin-top: 10px;
} 
#sign-up {
 	border: #EC429A solid 1px;	
	width: 400px;
	padding-top: 5px;
	margin-left: 15px;
}
#sign-up legend {
	font-size: 1.2em;
	padding: 0 3px 0 3px;
}
#sign-up label {
	clear: left;
	display: block;	
	margin-top: 2px;
}

#sign-up ul li {
	float: left;
	width: 48%;
	padding: 0 0 0 5px;
	height: 46px;
}

input.button {
	padding: 1px 4px;
}

#sign-up input.textbox {
	padding: 2px 3px;
	width: 94%;
}
.zipcode { width: 70px; }
.phone, .phoneb { padding: 2px 3px; width: 35px; }
.phoneb { width: 55px; }
li.phone { clear: left;}
 
span.required { color: #36C; }
#sign-up .buttons {
	clear: left;
	float: left;
	padding: 10px 0;
}
#sign-up .required-info{
	padding: 10px 0;
	clear: both;
	float: right;
	display: block;
}
.form_error {
	background-color: #FEE9EA; 
}
div.error_message {
	font-size: 0.8em;
	color: red;
	display: inline;
}
.privacy, .ww-logo {
	display: block;
	width: 400px;
	clear: left;
	margin-left: 15px;
	font-size: 0.8em;
}
.ww-logo { text-align: right; }
.ww-logos { margin: 20px 0 15px 0; }
.ww-links { margin-left: 130px; }
span.link { display: block; font-style: italic; }
span.first { margin-top: 15px; }
span.link a { font-style: normal; }
.errorMessage, .quizErrorMessage { color: red; }
.gotohome { clear: both; margin-top: 10px; }
.quizresults { margin-top: 20px; }

/*#sign-up input.textbox, input.button  {
	width: 97%;
	background: #FFFFCC;
	padding: 5px;
	font-size: 1.1em;
	vertical-align:middle;
}

#sign-up input.required {
	background: #FFFFCC url(images/required.png) center right no-repeat;
}


input.button {
	background: #EC429A;
	color: #FFFFFF;
	font-size: 1em;
	float: left;
	width: 100px;
}
#sign-up input.reset { margin-left: 5px; }
*/

/* ------------------------- */
/* Where to buy 			*/
#stores { padding: 30px 0; float: left; width: 700px; }
#stores li { float: left; }
#stores a img { border: none; }
.other-options { clear: left; font-weight: bold; }

/* ------------------------------ */
/*  Blog */
.widecolumn { width: 700px; }
.narrowcolumn {
 	float: left;
	width: 500px;
	padding-right: 20px;
}

h2 a { color: #069; font-weight: bold; }
.post { margin-bottom: 30px; clear: left; }
#sidebar ul li { margin-bottom: 20px; }

a img { border: none; }