/*
------------------------------------------------------------------------
This is the main stylesheet for the 2008 Current Energy sitelet.

The graphics and design are Copyright (c) 2008 Farstar. Original site
design by Farstar. Code authoring by and Copyright (c) Joel Schou and
Fuzzy Coconut. Reproducing the design in whole or part is strictly
prohibited. However, creative inspiration is wonderful and inevitable.
Contact us at wedontplayfair.com/projects/00041/contact.php

Feel free to learn from the CSS. Copying all or part is not only shallow,
but completely useless if you want to actually learn CSS. Please respect
our hard work and only use the code for reference. We will gladly answer
your questions. Contact us at fuzzycoconut.com/contact
-----------------------------------------------------------------------
*/

/* import stylesheets */
@import "reset.css";

* {
	margin: 0;
	padding: 0;
}

html {
}

body {
	padding: 23px 0 0 30px;
	text-align: center;
	font-family: Verdana, Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-size: 75%; /* IE */
	line-height: 1.8em;
	background: #a2c333 url(../img/body.jpg) repeat-x;
}
html > body { font-size: 12px; } /* Other browsers */

#wrapper {
	position: relative;
	margin: 0 auto 30px auto;
	width: 916px;
	height: 540px;
	text-align: left;
	background: #fff url(../img/wrapper.jpg);
	border: 5px solid #fff;
}
.index #wrapper { background: #f2f6d4 url(../img/wrapper-index.jpg); }
.a1 #wrapper { background: #f2f6d4 url(../img/wrapper-a1.jpg); }
.a4 #wrapper { background: #f2f6d4 url(../img/wrapper-a4.jpg); }
.in1 #wrapper { background: #92c92f url(../img/wrapper-in1.jpg); }
.in2 #wrapper { background: #0f6db3 url(../img/wrapper-in2.jpg); }
.in3 #wrapper { background: #f2f6d4 url(../img/wrapper-in3.jpg); }
.in4 #wrapper { background: #f2f6d4 url(../img/wrapper-in4.jpg); }


/* ========= CE logo ========= */
h1 {
	position: absolute;
	right: 20px;
	top: 18px;
	height: 70px;
	width: 117px;
	background: url(../img/h1.png) no-repeat;
	overflow: hidden;
	z-index: 1000;
}
.index h1 { background: url(../img/h1-index.png) no-repeat; }
.a4 h1 { background: url(../img/h1-a4.png) no-repeat; }
.in1 h1,
.in2 h1,
.in3 h1 { display: none; }

h1 a { /* -k */
	display: block;
	height: 70px;
	width: 117px;
	text-indent: -4999px;
}

p#branding {
	position: absolute;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}
.in1 p#branding,
.in2 p#branding,
.in3 p#branding,
.in4 p#branding { display: none; }

p.branding-safeway, p.branding-texasinstruments, 
p.branding-nortel, p.branding-fritolay, 
p.branding-cintas, p.branding-rt {
	right: 160px;
	top: 33px;
}
p.branding-fritolay {
	top: 26px;
}

p.branding-logodemo {
	right: 160px;
	top: 33px;
}

p.branding-texasinstruments {
	top: 37px;
}

p.branding-cintas {
	top: 31px;
}

p.branding-rt {
	top: 25px;
}

span.logodemo {
	display: block;
	width: 89px;
	height: 54px;
	color: #666;
	padding: 10px 5px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	/*border: 1px solid #666;*/
}


/* ========= page items ========= */

/* --------- content box --------- */
#content {
	position: absolute;
}

.index #content {
	top: 204px;
	left: 337px;
	width: 499px;
}
.index #content.r1{
	width: 520px;
}
.a1 #content {
	top: 54px;
	left: 56px;
	width: 840px;
	height: auto;
}
.a1 #assess {
	display: inline;
	float: left;
}
.a2 #content {
	left: 70px;
	top: 68px;
	width: 520px;
	height: auto;
}
.a3 #content {
	left: 70px;
	top: 50px;
	width: 560px;
	height: auto;
}
.a4 #content {
	left: 368px;
	top: 220px;
	width: 460px;
	height: auto;
}

.sw1 #content,
.sw2 #content,
.sw3 #content,
.sw4 #content,
.sw5 #content,
.ftaf #content {
	left: 70px;
	width: 520px;
	height: auto;
}
.sw1 #content { top: 140px; }
.sw2 #content { top: 32px; width: 590px; }
.sw3 #content { top: 94px; }
.sw4 #content { top: 32px; width: 550px; }
.sw5 #content {
	top: 48px;
	left: 70px;
	padding-right: 100px;
	width: 438px;
	height: 436px;
	background: url(../img/content-sw5.jpg) 295px 197px no-repeat;
}
.ftaf #content { top: 143px; }

.in1 #content {
	left: 86px;
	top: 319px;
	width: 400px;
}
.in2 #content {
	left: 86px;
	top: 319px;
	width: 360px;
}
.in3 #content {
	left: 356px;
	top: 217px;
	width: 440px;
}
.in4 #content {
	left: 352px;
	top: 115px;
	width: 450px;
}


/* --------- links --------- */
a { color: #5f961e; text-decoration: none; }
a:visited { color: #899678; }
a:hover { color: #e6c027; }
a:active { color: #a42b6a; }

a img { border: none; }

a.button {
	display: block;
	margin: 18px 0 0 0;
	padding: 0;
	width: 100px;
	height: 20px;
	font-size: .75em;
	line-height: 20px;
	text-transform: uppercase;
	text-align: center;
	color: #fff !important;
	background: #c16e9a url(../img/button.png) no-repeat;
	border: none;
	cursor: pointer;
}

a.backlink.button {
	margin-top: -20px;
}


/* --------- headlines --------- */
#content h2 {
	margin: 0;
	height: 40px;
	font: 2.33em/1.285em 'Gotham Light', Gotham-Light, 'Gotham', 'Gotham Rounded Book', GothamRounded-Book, 'Gotham Rounded', Helvetica, Arial, sans-serif;
	color: #7ac142;
	text-indent: -999px;
	overflow: hidden;
}
.index #content h2 {
	width: 499px;
	height: 36px;
	color: #fff;
	background: url(../img/h2-index.png) no-repeat;
}
.index #content.r1 h2 {
	width: 520px;
	background: url(../img/h2-r1.png) no-repeat;
}
.a1 #content h2 { background: url(../img/h2-a1.png) no-repeat;}
.a2 #content h2 { background: url(../img/h2-a2.png) no-repeat;}
.a3 #content h2 { background: url(../img/h2-a3.png) no-repeat;}
.a4 #content h2 { background: url(../img/h2-a4.png) no-repeat;}
.sw1 #content h2 { background: url(../img/h2-sw1.png) no-repeat; }
.sw2 #content h2 { background: url(../img/h2-sw2.png) no-repeat; }
.sw3 #content h2 { background: url(../img/h2-sw3.png) no-repeat; }
.sw4 #content h2 { background: url(../img/h2-sw4.png) no-repeat; }
.sw5 #content h2 { background: url(../img/h2-sw5.png) no-repeat; }
.ftaf #content h2 { background: url(../img/h2-ftaf.png) no-repeat; }

.in1 #content h2 {
	text-indent: 0;
	height: 72px;
	font-size: 32px;
	color: #fff;
	/* sIFR styles are at the bottom of this document */
}
.in2 #content h2 {
	height: 57px;
	background: url(../img/h2-in2.png) no-repeat;
}
.in3 #content h2 { background: url(../img/h2-in3.png) no-repeat; }
.in4 #content h2 {
	position: relative;
	margin-left: -3px;
	height: 72px;
	background: url(../img/h2-in4.png) no-repeat;
}

h3 {
	margin: 0 0 12px 0;
	font: 1.5em/1.33em 'Gotham Light', Gotham-Light, 'Gotham', 'Gotham Rounded Book', GothamRounded-Book, 'Gotham Rounded', Helvetica, Arial, sans-serif;
	color: #80ac2d;
}

ul h3 {
	margin-left: 0;
}

h4 {
	margin: 18px 0 0 47px;
	font: 1.167em/1.25em 'Gotham Rounded Book', GothamRounded-Book, 'Gotham Rounded', Helvetica, Arial, sans-serif;
	color: #5f961e;
}
form h4 {
	font-family: 'Gotham Rounded Medium', GothamRounded-Medium, 'Gotham Rounded', Helvetica, Arial, sans-serif;
	margin: 18px 0 0 -1px;
}

h5 {
}
h6 {
}

/* --------- paragraphs --------- */
p {
	margin: 0 0 1em 0;
	color: #333;
}
.index p {
	color: #ccc;
}
.a1 p {
	width: 670px;
}
.a3 p#appt {
	display: inline;
	width: 230px;
	float: left;
}
p .special {
	font-weight: bold;
	color: #9c3;
}

.in2 p { color: #ccc; }

/* ---- next button paragraph ---- */
p.nextbtn {
	position: absolute;
	bottom: 21px;
	right: 35px;
	margin: 0;
	padding: 0 135px 0 0;
	height: 43px;
	width: auto;
	font: 18px/43px Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	color: #e6a313;
}
.a4 p.nextbtn {
	height: 100px;
	padding-right: 299px;
}

.in1 p.nextbtn,
.in2 p.nextbtn { text-shadow: #000 -2px 3px 4px; }

p.nextbtn a, p.nextbtn input {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 125px;
	height: 43px;
	text-indent: -999px;
	background: url(../img/next.png) no-repeat;
	overflow: hidden;
	border: none;
	cursor: pointer;
}
.index p.nextbtn a { background: url(../img/next-index.png) no-repeat; }
.a4 p.nextbtn a {
	position: relative;
	width: 221px;
	background: url(../img/a4-comparerates.png) no-repeat;
}

.in1 p.nextbtn a { background: url(../img/next-in1.png) no-repeat; }
.in2 p.nextbtn a { background: url(../img/next-in2.png) no-repeat; }
.a1 p.nextbtn a { background: url(../img/next-a1.png) no-repeat; }

p.takequiz {
	position: relative;
	margin: 0;
	padding: 0 114px 0 0;
	height: 40px;
	width: 380px;
	font: 16px/40px Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	color: #e6a313;
	clear: both;
}
p.takequiz a.button {
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px 0 0 0;
	font-family: Verdana, Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-style: normal;
	font-size: 9px;

}

/* --------- other text --------- */
p.message {
	padding: 1em;
	background: #ffc;
}

.soft_warning { color: #C66; }
.warning { color: #C66; font-weight: bold; }

div.error { background-color: #D33; color: white; padding: 5px; margin: 0 0 5px 0; text-align: center; }
div.error a { color: white; text-decoration: underline; }

.clear { clear: both; }

span.special s { color: #999; }
span.special ins { color: #f24215; border: none; }

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

sup {
	vertical-align: super;
	line-height: 0;
	font-size: 1.2em;
	font-family: Georgia, Times, 'Times New Roman', serif;
}
sup a {
}

blockquote {
	margin: 0 47px 18px 27px;
	padding: 0 0 0 20px;
	font: 1.25em/1.75em Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	color: #999;
	background: url(../img/blockquote.gif) 0 3px no-repeat;
}
blockquote.push {
	display: inline;
	margin-left: 0;
	width: 250px;
	float: right;
}

blockquote p {
	margin: 0;
}
blockquote p span.source {
	margin-top: -20px;
	padding-top: 16px;
	display: block;
	color: #bbb;
	background: url(../img/blockquote-p.gif) 100% 5px no-repeat;
}

ins {
	text-decoration: none;
	border-bottom: 1px solid #777;
}
del {
	color: #777;
}
cite,
abbr,
acronym,
dfn {
	text-decoration: none;
	border-bottom: 1px dotted #777;
}

address {
	margin: 0 47px 18px 60px;
	padding-left: 10px;
	font-style: normal;
	border-left: 3px solid #ebebeb;
}



/* --------- lists --------- */
#content ul {
	margin: 0;
	list-style-image: url(../img/ul-li.gif);
	list-style-type: disc;
}

#content ol {
}

ol {
}
dl {
}


/* ---- fancy lists ---- */

/* --- a1 tabs --- */
ul#tabs {
	position: relative;
	display: inline;
	margin: 0 6px 0 0;
	padding: 0;
	width: 132px;
	height: 214px;
	background: url(../img/a1-tabs.png) no-repeat;
	float: left;
	list-style: none;
	overflow: visible;
	z-index: 10;
}
#tabs li {
	position: relative;
	display: inline;
	margin: 0 0 1px 0;
	padding: 0;
	height: 42px;
	width: 132px;
	float: left;
}
#tabs li.select {
	margin-right: -9px;
	width: 141px;
}

#tabs li a {
	position: relative;
	display: block;
	padding: 6px 14px 6px 12px;
	height: 30px;
	width: 106px;
	line-height: 1.25em;
	color: #b9e65f;
	background: url(../img/a1-tabs.png) no-repeat;
}
#tabs li.elite a { background-position: 0 0; }
#tabs li.basic a { background-position: 0 -43px; }
#tabs li.acheat a { background-position: 0 -86px; }
#tabs li.air a { background-position: 0 -129px; }
#tabs li.irrigation a { background-position: 0 -172px; }

#tabs li a:hover { color: #fcb929; }

#tabs li.select a {
	padding-right: 23px;
	color: #fcb929;
	outline: none;
}
#tabs li.select.elite a { background-position: -141px 0; }
#tabs li.select.basic a { background-position: -141px -43px; }
#tabs li.select.acheat a { background-position: -141px -86px; }
#tabs li.select.air a { background-position: -141px -129px; }
#tabs li.select.irrigation a { background-position: -141px -172px; }

/* --- a1 tabbox --- */
dl.tabbox {
	position: relative;
	display: inline;
	padding: 12px 22px 0 22px;
	width: 312px;
	height: 202px;
	background: #d6ddd5 url(../img/a1-tabbox.jpg) repeat-x;
	float: left;
	z-index: 5;
}
dl.show { display: block; }
dl.hide { display: none; }

dl.tabbox dt {
	padding-bottom: 6px;
	font-size: 1.25em;
	color: #9c3;
}
dl.tabbox dd {
	line-height: 1.4em;
}

/* --- a3 recommend --- */
ol#recommend {
	margin: 20px 0 20px 0;
	list-style: none;
}

#recommend li {
	margin-bottom: 10px;
	padding-left: 50px;
}
#recommend li.basic { background: url(../img/a3-recommend-basic.gif) no-repeat; }
#recommend li.acheat { background: url(../img/a3-recommend-acheat.gif) no-repeat; }
#recommend li.air { background: url(../img/a3-recommend-air.gif) no-repeat; }
#recommend li.irrigation { background: url(../img/a3-recommend-irrigation.gif) no-repeat; }
#recommend li.elite { background: url(../img/a3-recommend-elite.gif) no-repeat; }

#recommend h3 {
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

#recommend p {
	margin: 0;
	line-height: 1.4em;
}


/* --------- forms --------- */
form {
	margin: 0;
}
form.roundform {
	position: relative;
	margin: 10px 0 0 -19px;
	padding: 0 0 30px 0;
	width: 485px;
	background: url(../img/roundform1.png) 0 100% no-repeat;
}

fieldset {
	overflow: auto;
}
#liveassist fieldset {
	overflow: visible;
}
fieldset.quiz {
	margin-bottom: 10px;
}
fieldset.demos {
	width: 390px;
}
.roundform fieldset {
	padding: 20px 19px 0 19px;
	background: url(../img/roundform2.png) no-repeat
}

label {
	display: inline;
	padding: 0 4px 0 0;
	float: left;
	clear: left;
}
/*label.req {
	color: #d0509a;
}*/

input,
textarea {
	padding: 1px;
	margin: 0;
	height: 16px;
	width: 150px;
	line-height: 16px;
	border: 1px solid #9c9c9c;
}
textarea {
	height: 64px;
}
.radiocheck input {
	border: none;
}
/*.req input,
.req textarea,
.req select,
span.radiocheck.req {
	background: #f7805c;
}*/

select {
	height: 18px;
	line-height: 12px;
	font-size: 12px;
	border: 1px solid #9c9c9c;
	background: #fff;
}

input.input_error, select.input_error {
	background: #fcc;
}
label.input_error, th.input_error, p.input_error {
	color: #c66;
}

.checkbox input,
.radios input {
	width: auto;
	height: auto;
	border: none;
}

label.radios,
label.checkbox {
	clear: none;
	display: block;
	float: none;
	padding: 0 4px 0 0;
}

span.last {
	padding-bottom: 1em;
	clear: both;
}

/* buttons stuff */
span.buttons {
	display: block;
	padding-left: 220px;
}
button {
	padding: 0;
	width: 100px;
	height: 20px;
	font-size: .75em;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff;
	background: #c16e9a url(../img/button.png) no-repeat;
	border: none;
	cursor: pointer;
}

/* mini paragraphs stuff */
form p.mini {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: .8em;
	line-height: 1.4em;
	clear: both;
}


/* required fields stuff */
p.reqnote {
	margin: 0;
	font-size: .8em;
	color: #d0509a;
}
p.reqmiss {
	margin: 0 5px 0 -5px;
	padding: 0 0 0 5px;
	font-size: .8em;
	background: #f7805c;
}


/* specific form formatting stuff */

/* --- liveassist --- */
#liveassist span.text {
	display: inline;
	float: left;
	clear: both;
}
#liveassist .text input {
	margin-right: 6px;
	width: 132px;
}
#liveassist span.last_name { clear: none; }
#liveassist #last_name { margin-right: 0px; }
#liveassist span.street_address {
	display: block;
	clear: both;
}
#liveassist #street_address { float: none; width: 274px; }

#liveassist span.state { clear: none; }
#liveassist #state { width: 45px; }
#liveassist span.zip { clear: none; }
#liveassist #zip { width: 72px; }

#liveassist span.best_time_to_call { clear: none; }
#liveassist #best_time_to_call { margin-right: 0px; }

#liveassist span.labels {
	display: block;
	height: 14px;
	clear: both;
	overflow: visible;
}
#liveassist label {
	padding: 0;
	font-size: .8em;
	line-height: 1.4em;
}
#liveassist label.first_name { width: 142px; }
#liveassist label.last_name { width: 102px; clear: none; }
#liveassist label.city { width: 142px; }
#liveassist label.state { width: 55px; clear: none; }
#liveassist label.zip { width: 82px; clear: none; }
#liveassist label.phone { width: 142px; }
#liveassist label.best_time_to_call { width: 92px; clear: none; }

#liveassist .buttons {
	padding: 6px 0 0 0;
	width: 278px;
	clear: both;
	text-align: right;
}
#liveassist .buttons p {
	display: inline;
	margin: 0;
	font: 14px/20px Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	float: left;
}

/* --- a2 --- */
.a2 tbody .first td,
.a2 tbody .first th { border-top: 1px solid #CCC; padding-top: 0.5em; }

.a2 .demos input {
	width: 97px;
}

/* --- sw1 --- */
.sw1 input {
	display: inline;
	float: left;
}
.sw1 input[type="hidden"] { display: none; }

.sw1 input.radiocheck {
	width: auto;
	height: auto;
	border: none;
}

.sw1 .buttons {
	display: inline;
	padding: 0 0 0 4px;
	float: left;
}
.sw1 button {
	display: inline;
	margin: 0;
	width: 50px;
	background: #c16e9a url(../img/button-small.png) no-repeat;
	float: left;
}

/* --- sw2 --- */
.sw2 p.mini {
	width: 275px;
	color: #666;
}

.sw2 p.nextbtn {
	right: 0;
	bottom: 10px;
}

/* --- sw3 --- */
.sw3 span.text {
	display: inline;
	float: left;
	clear: both;
}
.sw3 .text input {
	margin-right: 6px;
	width: 140px;
}
.sw3 span.last_name,
.sw3 span.email { clear: none; }
.sw3 #last_name,
.sw3 #email { margin-right: 150px; }
.sw3 span.street_address,
.sw3 span.billing_address {
	display: block;
	clear: both;
}
.sw3 #street_address,
.sw3 #billing_address { float: none; width: 290px; }

.sw3 span.state { clear: none; }
.sw3 #state, .sw3 #billing_state { width: 48px; }
.sw3 span.zip { clear: none; }
.sw3 #zip, .sw3 #billing_zip { width: 82px; margin-right: 150px; }

.sw3 span.labels {
	display: block;
	height: 14px;
	clear: both;
	overflow: visible;
}
.sw3 label {
	padding: 0;
	font-size: .8em;
	line-height: 1.4em;
}
.sw3 label.first_name { width: 150px; }
.sw3 label.last_name { width: 150px; clear: none; }
.sw3 label.city { width: 150px; }
.sw3 label.state { width: 58px; clear: none; }
.sw3 label.zip { width: 92px; clear: none; }
.sw3 label.phone { width: 150px; }
.sw3 label.email { width: 150px; clear: none; }

.sw3 label.radios { padding-top: 1em; width: 150px; }

.sw3 span.buttons {
	padding: 1em 0 0 0;
	width: 294px;
	clear: both;
}

/* --- sw4 --- */
.sw4 h3 {
	margin-top: 8px;
}

.sw4 p.title {
	font-weight: bold;
	clear: both;
	padding-top: 0.75em;
	margin-bottom: 0.75em;
}

.sw4 span.text {
	display: inline;
	float: left;
	clear: both;
}
.sw4 .text input {
	margin-right: 6px;
	width: 140px;
}

.sw4 span.other_last_name,
.sw4 span.phone_evening,
.sw4 span.ssn,
.sw4 span.dob,
.sw4 span.esi,
.sw4 span.dl_exp,
.sw4 span.dl_number,
.sw4 span.dl_state { clear: none; }

.sw4 #dl_number { width: 82px; }
.sw4 #dl_state { width: 48px; }
.sw4 #esi,
.sw4 #dl_exp_year,
.sw4 #phone_evening,
.sw4 #other_last_name { margin-right: 150px; }

.sw4 span.labels {
	display: block;
	height: 14px;
	clear: both;
	overflow: visible;
}
.sw4 label {
	padding: 0;
	font-size: .8em;
	line-height: 1.4em;
}

.sw4 label.radios { float: none; clear: both; }

.sw4 .first { margin-top: 1em; }

.sw4 label.ssn,
.sw4 label.other_ssn,
.sw4 label.dl_number,
.sw4 label.phone { width: 150px; }

.sw4 label.dob,
.sw4 label.phone_evening,
.sw4 label.esi,
.sw4 label.dl_exp,
.sw4 label.email { width: 150px; clear: none; }

.sw4 .buttons {
	padding: 1em 0 0 0;
	width: 294px;
	clear: both;
}

/* --- sw5 --- */
.ceinfo a:link, .ceinfo a:visited {
	color: #9c3;
	font-weight: bold;
	text-decoration: underline;
}
.ceinfo a:hover, .ceinfo a:active {
	color: #5f961e;
}

.sw5 p.button-wrapper {
	display: block;
	clear: both;
	padding: 1px;
	margin: 1em 0 0 0;
}

/* --- ftaf --- */
.ftaf span.text {
	display: inline;
	float: left;
	clear: both;
}
.ftaf .text input {
	margin-right: 6px;
	width: 140px;
}

.ftaf span.last_name,
.ftaf span.friend_last_name { clear: none; }
.ftaf #last_name,
.ftaf #friend_last_name { margin-right: 150px; }

.ftaf label.first_name,
.ftaf label.friend_first_name { width: 150px; }
.ftaf label.last_name,
.ftaf label.friend_last_name { width: 150px; clear: none; }
.ftaf span.email,
.ftaf span.friend_email {
	display: block;
	clear: both;
}
.ftaf #email,
.ftaf #friend_email { float: none; width: 290px; }

.ftaf span.labels {
	display: block;
	height: 14px;
	clear: both;
	overflow: visible;
}
.ftaf label {
	padding: 0;
	font-size: .8em;
	line-height: 1.4em;
}

.ftaf .buttons {
	padding: 0.5em 0 0 0;
	width: 294px;
	clear: both;
}


/* --------- tables --------- */

/* --- a2 --- */
.a2 table {

}

.a2 thead th {
	padding: 0 4px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.a2 thead th.question {
	width: auto;
	visibility: hidden;
}

.a2 tbody td,
.a2 tbody th {
	vertical-align: middle;
}
.a2 tbody td {
	text-align: center;
}
.a2 tbody th {
	line-height: 1.4em;
	padding: 3px 0 3px 20px;
}

/* --- sw2 --- */
.sw2 table {
	font-size: 10px;
	line-height: 13px;
}

.sw2 thead { background: #969696; }

.sw2 thead th {
	height: 50px;
	color: #fff;
	border-bottom: 2px solid #fefefe;
	vertical-align: middle;
}
.sw2 thead th.logo {
	width: 88px;
	font-size: 24px;
	text-align: center;
}
.sw2 thead .txu th.logo {
	text-align: left;
	text-indent: -999px;
	overflow: hidden;
	background: #969696 url(../img/sw2-thead-logo-txu.png) center no-repeat;
}

.sw2 thead th.info p {
	color: #fff;
	margin: 0 5px;
}
.sw2 thead th.cost p {
	margin: 0 5px;
	color: #fff;
}
.sw2 thead th.cost .rate {
	color: #cfd0cf;
	font-size: 1.75em;
}

.sw2 tbody {
	background: #7ac142;
}

.sw2 tbody th,
.sw2 tbody td {
	height: 50px;
	color: #fff;
	line-height: 1.25em;
	border-top: 1px solid #d4e8c9;
	vertical-align: middle;
	background-color: #7ac142;
}

.sw2 tbody .highlighted th,
.sw2 tbody .highlighted td { background-color: #609735; }

.sw2 tbody th {
	width: 88px;
	text-align: left;
	text-indent: -999px;
	overflow: hidden;
}
.sw2 tbody .gme th { background-image: url(../img/sw2-tbody-logo-gme.png); background-repeat: no-repeat; }
.sw2 tbody .cec th { background-image: url(../img/sw2-tbody-logo-cec.png); background-repeat: no-repeat; }

.sw2 tbody td.info { width: 205px; }
.sw2 tbody td.save { width: 125px; }
.sw2 tbody td.legal { width: 100px; }
.sw2 tbody td.buttons {
	width: 42px;
	text-align: center;
	background-image: url(../img/sw2-tbody-buttons-label.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.sw2 #content tbody td.info ul {
	margin: 0 5px 0 20px;
	list-style-image: url(../img/sw2-tbody-ul-li.gif);
	list-style-position: outside;
}
.sw2 #content tbody td.info ul li { white-space: nowrap; }

.sw2 tbody td.save p {
	margin: 0 5px;
	color: #fff;
}
.sw2 tbody td.save .percent {
	font-size: 1.75em;
}
.sw2 tbody td.save .rate {
	display: block;
	white-space: nowrap;
}

.sw2 tbody td.legal p {
	margin: 6px 0 0 5px;
}
.sw2 tbody td.legal a {
	display: block;
	color: #fff;
}

.sw2 tbody td.buttons label {
	display: block;
	padding: 2px 0 4px 0;
	color: #7ac142;
	font-size: 9px;
	line-height: 8px;
	float: none;
}
.sw2 tbody .highlighted td.buttons label { color: #46771f; }
.sw2 tbody td.buttons input {
	width: 14px;
	height: 14px;
	border: none;
}

.sw2 p.soft_warning {
	margin: .75em 0 0 0;
	text-align: center;

}

/* --------- flash --------- */


/* ========= floating boxes ========= */
div.sidefloat {
	position: absolute;
	right: 28px;
	margin: 0;
	padding: 0 0 20px 0;
	width: 195px;
	background: url(../img/sidefloat1.jpg) 0 100% no-repeat;
}
.sidefloat .cheat {
	padding: 25px 25px 0 25px;
	width: 145px;
	background: url(../img/sidefloat2.jpg) no-repeat;
}
#tellafriend {
	top: 98px;
}
#homecost,
#toomuch {
	top: 263px;
}

.sidefloat h2 {
	margin: 0;
	font: 15px/1.285em 'Gotham Light', Gotham-Light, 'Gotham', 'Gotham Rounded Book', GothamRounded-Book, 'Gotham Rounded', Helvetica, Arial, sans-serif;
	color: #80817f;
}

.sidefloat p {
	color: #80817f;
	line-height: 1.5em;
}

.sidefloat p a.button {
	margin: 6px 0 0 0;
}


#liveassist {
	position: relative;
	display: inline;
	margin: 0 -200px 0 13px;
	padding: 12px 22px 12px 22px;
	background: #ced6cc url(../img/a1-livebox.jpg) repeat-x;
	float: left;
	width: 279px;
}

#liveassist h3 {
	margin-bottom: 0;
	padding-bottom: 6px;
	font-size: 1.25em;
	color: #9c3;
}
#liveassist p {
	width: auto;
	line-height: 1.4em;
}

/* #### sIFR styles for .in1 */

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	/*letter-spacing: -9px;*/
	font-size: 55px;
}


/* overlay */

.overlay, .overlay_bg {
	position: absolute; top: 0; left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}       

.overlay { 
	display: none;
	z-index: 1000;
}
        
.overlay_bg {
	background-color: #609735;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	z-index: 1001;
}

.overlay_content {
	position: relative;
	background-color: #f2f6d4;
	border: 1px solid #46771f;
	top: 175px;
	padding: 20px;
	width: 300px; 
	margin: 0 auto;
	overflow: hidden;
	z-index: 1002;
}

.overlay_content p {
	width: auto;
	margin-bottom: 0;
}
.overlay_content #restart_button {
	margin-bottom: 10px;
}
.overlay_content p a:link, .overlay_content p a:visited {
	display: block;
	background: #46771f;
	border: 3px double #f2f6d4;
	font-size: 24px;
	line-height: 32px;
	color: #f2f6d4;
}
.overlay_content p a:hover, .overlay_content p a:active {
	/*background: #609735;*/
	background: #56a72f;
	
}