/* 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-image:url(/extension/whichgreen-design/design/whichgreen-design/images/header-back-whole5.gif); background-repeat:repeat-x; background-position: top center; background-attachment:scroll;}
.clr {clear:both;height:1px;}
img a:hover {border:none; outline:none; background-image:none;}
img, a {border:none;}




/* Header rules */
#container {width:1000px; margin:0 auto;}
#header {width:100%; height:99px; background-image:url(/var/ezwebin_site/storage/images/media/banners/whichgreen/whichgreen-banner/25328-1-eng-GB/whichgreen-banner.jpg); background-repeat:no-repeat;}
#header h1 {margin-left:500px;color:white; font-size:1.6em;padding-top:42px; font-weight:normal;}
/* Link rules */
#linktop {height:34px; width:100%;}
#linktop li {float:left;list-style-image:none; list-style-type:none;width:165px;border-right:solid 1px #333;height:33px;line-height:30px; text-align:center;color:white; font-weight:bold; font-size:1.2em;}
#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:white; text-decoration:none;}
#linktop a:hover, #linkbot a:hover, #footer a:hover {color:#333; text-decoration:underline;}
#linktop li.selected { background-image:url(/extension/whichgreen-design/design/whichgreen-design/images/link-active.gif);height:34px;}
.current_node_id_1532 li.selected {border-left:solid 1px black;margin-left:-1px; }



/* 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:1000px; background-image:url('/extension/whichgreen-design/design/whichgreen-design/images/content-back.gif'); background-repeat:repeat-y;margin-top:15px;}
#left {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.2em;}
#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;}




/* Footer */
#footer {background-color:#ff6699;width:100%;margin-top:20px;height:30px;}
#footer p {width:956px;display:block;text-align:right;font-size:1.2em;color:white;margin:0 auto;line-height:30px;}


/* 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:30px; }
#left.home div.content-view-embed {padding-left:30px; }
#left.home  h1 {font-size:2.4em;padding:20px 0 15px 30px;}
#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;
}