/* Simon's universal rules */
body, div, h1, h2, p, img, ul, li {margin:0; padding:0;}
body{ 
	font-size: 62.5%; 
	font-family: Arial, Helvetica, sans-serif; 
	background: url("/extension/whichgreen-design/design/whichgreen-design/images/background-header.jpg") repeat-x scroll 0 60px #fff;
}
body#home{ 
	background: url("/extension/whichgreen-design/design/whichgreen-design/images/background-header-home.jpg") repeat-x scroll 0 60px #fff;
}
.clr {clear:both;height:1px;}
img a:hover {border:none; outline:none; background-image:none;}
img, a {border:none;}

div#heading h1{
	font-size: 4em;
	text-shadow: 1px 1px 0 #fff;
	padding: 16px 0px 0px 0px;
}

div#intro{
	width: 525px;
	padding-top: 10px;
}

body#home div#intro{
	padding-top: 20px;
}

div#left div#intro p{
	font-size: 1.8em;
	text-shadow: 1px 1px 0 #fff;
	margin: 0px;
}

body#home div#left div#intro p{
	font-size:1.5em;
}

div#content-left{
	border-right: 1px solid #ccc;
	float: left;
	width: 570px;
}

div#content-left div.inner{
	padding: 0px 45px 0px 0px;
}

div#content-right{
	float: left;
	width: 365px;
}

div#content-right div.inner{
	padding: 0px 55px 0px 25px;
}

/* Header rules */
#container {width:940px; margin:0 auto;}
#header {
	width:100%; 
	height:50px; 
	margin-top: 10px;
}
#header h1 {margin-left:500px;color:white; font-size:1.6em;padding-top:42px; font-weight:normal;}
/* Link rules */
#linktop {
	height:34px;
	width:650px;
	float: right;
	padding-top: 8px;
	text-align: center;
}
#linktop li {
	float:left;
	list-style-image:none; 
	list-style-type:none;
	width:auto;
	height:33px;
	line-height:30px; 
	text-align:center;
	color:white; 
	font-weight:bold; 
	font-size:1.2em;
	padding-left: 22px;
}
#linkbot {height:26px;width:100%;}
#linkbot ul {margin-left:40px;}
#linkbot li {float:left;list-style-image:none; list-style-type:none;height:33px;line-height:26px; text-align:center;color:white; font-weight:bold; font-size:1.2em;margin-right:15px;}
#linktop a, #linkbot a, #footer a {color:#000; text-decoration:none;}
#linktop a:hover, #linkbot a:hover, #footer a:hover {color:#ddd; text-decoration:underline;}
#linktop-inner{
	width: 670px;
	margin: 0px auto;
}

#linktop-inner ul{
	float: right;
}

#linktop li a{
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	padding: 0px 8px;
}

#linktop li a.lastli{
	border-right: none;
}

#linktop li .vsep{
	height: 15px;
	margin-left: 1px solid #fff;
	width: 1px;
	display: block;
}

#linktop li.selected { 
	background: #fff;
	color: #000;
	height:34px;
}

#linktop li a:hover{
	color: #000;
}

#linktop li.selected a, #linktop li.selected a:hover{
	color: #000;
	text-decoration: none;
}

.current_node_id_3457 li.selected { }



/* Breadcrumbs */
#crumb {margin-left:40px;margin-top:8px;font-size:1.1em;}
#crumb a {color:#666; text-decoration:none;}
#crumb a:hover {text-decoration:underline;}




/* Main content */
#content {
	width:940px;
	margin-top:0px;
	background-image:url(/extension/whichgreen-design/design/whichgreen-design/images/washing-machine-small.png); 
	background-repeat:no-repeat; 
	background-position: top right; 
	color: #3E3635;
	color: #000;
}

#content a{
	color: #3E3635;
	text-decoration: underline;
}

#content a:hover{
	color: #3E3635;
	text-decoration: none;
}

#lefty {width:550px;float:left;margin-right:66px;margin-left:40px;}
* html #left {margin-left:20px;}
#left h1, #right h1 {font-size:2em;}
#right h2 {font-size:1.4em;width:293px;}
#left p {margin:10px 0;font-size:1.3em;}
#right {width:315px;float:left;}
#right p {color:#666;font-size:1em;}
	
/* Table Styles */
#tablecontainer {border:solid 1px #999;}
#compare_table {border-collapse: collapse;width: 313px;}
#compare_table td {border: 0;padding: 10px 0 10px 0;}
#compare_table th {color: white;font-weight: bold;text-align: center;padding: 10px 0 10px 0;border: 0;border-collapse: collapse;}
#compare_table #th_pos {background:#f69;padding-left: 10px;padding-right: 10px;}
#compare_table #th_provider {text-align: left;background:#f69;padding-left: 10px;}
#compare_table #th_year { background:#f69;padding-right: 10px;}
#compare_table #th_total {background:#f69;padding-right: 10px;}
#compare_table td.td_pos,#compare_table td.td_pos_last {background:#f69;color: white;text-align: center;padding-left: 10px;padding-right: 10px;}
#compare_table td.td_pos_last {background:#f69;}
#compare_table td.td_year {text-align: right;padding: 0 10px 0 0;}
#compare_table td.td_total {text-align: right;padding: 0 10px 0 0;}
#compare_table td.td_provider {padding-left: 10px;}
#compare_table a {color: black;text-decoration: underline;}
#tablecontainer h2 span {color:#f69;}
#tablecontainer h2 {background-color:#69c;color:white;padding:10px;font-size:1.8em;}
.table_top {font-weight:bold;font-size:1.1em;width:290px;}


body#home div#intro p{
	margin-top: 15px;
}

body#home div#intro div.attribute-image{
	margin-top: 15px;

}

/* Footer */
#footer {
	background-color: #fff;
	color: #000;
	width:100%;
	margin-top:45px;
	height:60px;
	text-align: center;
}
#footer p {display:block;text-align:right;font-size:1.3em;color:#000;margin:0 auto;line-height:auto;padding-top:12px}


/* Form styles */
form  {background-color:#eff6fd;}
fieldset {border:none;margin:10px 10px 0 10px;}

#contact label {font-size:1.2em;float:left;clear:left;margin-bottom:10px;width:90%} /*Width so IE6 uses the whole line*/
#contact input {margin:0 10px 0 0;padding:0;float:left;}


#details label {font-size:1.2em;float:left;clear: left;display:block;width:140px;margin-bottom:15px;position:relative;} /*Position fixes the IE6 hasLayout bug*/
#details input {margin:0 10px 0 10px;padding:0;float:left;margin-bottom:15px; }
textarea {margin-left:10px;margin-bottom:15px;float:left;}
#submit {margin-left:165px;margin-bottom:20px;}


/* homepage */
#content.home {background-image:none;}
#crumb.home {display:none;}
#left.home p {padding-left:0px; }
#left.home div.content-view-embed {padding-left:3px; }
div#left.home  h1 {
font-size:3.8em;padding: 0px 0px 0px 0px;
}
#left.home  h2 {font-size:1.7em;padding-left:30px;padding-bottom:18px;}
#left.home a, #right.home a { color:#333333; text-decoration:underline; }

#right.home { }
#right.home p {}

input.box { width: 200px; }
textarea { width: 250px; }
div.validation_error {
	color: red;
	margin-bottom: 3px;
	margin-top: 3px;
	font-size: 1.1em;
	margin-left: 150px;
	font-weight: bold;
	clear: both;
}

div#social-links {
	float:none;
	padding-top:0;
	height: 30px;
}

div#social-links div.social-button a{
	color: #000;
	text-decoration: none;
}

div#social-links div.social-button a:hover{
	color: #000;
	text-decoration: underline;
}

div#footer div#social-links {
	float:none;
	height:30px;
	padding-top:0;
	position:absolute;
	right:0;
	top:-45px;
}

div#social-links a:hover{
	text-decoration: none;
}

a.addthis_button_compact span.link-text{
	position:absolute;
	left:42px;
	top:-1px;
}

div#logo{
	float: left;
	padding-top: 10px;
}

div#footer #footer-content{
	width: 940px;
	margin: 0px auto;
	text-align: left;	
	border-top: 1px solid #ccc;
	position: relative;
}

div#footer div#left-links{
	float: left;
	width: 400px;
	padding-top: 15px;
}

div#footer div#right-links{
	float: right;
	width: 215px;
	padding-top: 20px;
}

div.social-button{
	float: left;
	width: 95px;
	position: relative;
}

div.social-button a, div.social-button span.at300bs a{
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
	font-size: 1.3em;
	float: left;
	display: block;
}

span.at300bs, span.at15t_compact{
	display: none;
}

div.addthis_default_style .at300b,
div.addthis_default_style .at300m{
	padding: 0 0 0 10px;
}

div.social-button .link-text{
	padding-top: 4px;
}

div.social-button a:hover{
	text-decoration: underline;
}

#linkbot, #crumb{
	display: none;
}

#heading{
	height: 171px;
	background-image:url(/extension/whichgreen-design/design/whichgreen-design/images/washing-machine-small.png); 
	background-repeat: no-repeat;
	background-position:498px 1px;
	width: 940px;
	margin-bottom: 25px;
}

body#home #heading{
	height: 378px;
	background-image:url(/extension/whichgreen-design/design/whichgreen-design/images/washing-machine-large.png); 
	background-position: top right;
}




div.clear{
		clear:both;
}

li.selected div.nav-l, li.selected div.nav-r{
	width: 7px;
	height: 29px;
	float: left;
	background-image: url('/extension/whichgreen-design/design/whichgreen-design/images/nav_shadow_l.png');
}

li.selected div.nav-r{
	background-image: url('/extension/whichgreen-design/design/whichgreen-design/images/nav_shadow_r.png');
}

li.selected div.nav-m{
	height: 29px;
	float: left;
	background: url("/extension/whichgreen-design/design/whichgreen-design/images/nav_shadow_m.png") repeat-x scroll 0 0 transparent;
}

#right-links a, #right-links a:hover{
	display: block;
	line-height: 25px;
	float: left;
	font-size:1.3em;
	padding-left: 15px;
	color: #000;
}



#right-links a.right-links-first{
	padding-right: 15px;
	border-right: 1px solid #ccc;
}

body#home div#content-left, body#home div#content-right{
	display: none;
} 

div#left{
	margin-left: 0px;
}


div.clr{
	overflow: hidden;
}

body.node_2771 div#social-footer,
body.node_1609 div#social-footer{
	display: none;
}




