@charset "utf-8";
/* CSS Document */


body {

        margin:auto;
        padding:0px;
        background-color:#cdd8e0;
        color:#FFFFFF;
        font-family:Geneva, Arial, Helvetica, sans-serif;
}


p {
        line-height:18px;
        padding:0px;
        margin:0px;
}


a {
        color:#FFFFFF;
        font-family:Geneva, Arial, Helvetica, sans-serif;
        text-decoration:none;
        line-height:18px;
}

a:hover {
        text-decoration:underline;
}




img {
        border:none;
}


.clear {
        clear:both;
}


.left {
	float:left;
}

.right {
	float:right;
}

/* header & top line */

.topline {
        height:80px;
        background-color:#003b70;
        margin-bottom:5px;
        margin-left: auto;
        margin-right: auto;
        margin-top:0px;

}

.header {
        margin-left: auto;
        margin-right: auto;
        margin-top:0px;
        margin-bottom:0px;
        height:80px;
        width:900px;
        background-color:#00467f;
}

.header div.logo {
        float:right;
        padding:16px;
}

.header div.top_nav {
        margin:30px 0px 0px 15px;
        padding:0px;
        float:left;
}

.header div.top_nav a {
        font-size:75%;
        padding: 0px 15px;
        font-weight:bold;
}



#footer {
        margin-left: auto;
        margin-right: auto;
        margin-top:0px;
        margin-bottom:0px;
        height:60px;
        width:900px;
		padding:10px 0 0 0;
		clear:both;
}

#footer p {
	color:#003b70;
	font-size:70%;
	line-height:18px;
}



/* content */

.content {
        margin-left: auto;
        margin-right: auto;
        width:900px;
        float:none;
        margin-bottom:0px;
        padding:0px;
}


.home_background {
background-image:url(/images/home_bg.gif);
float:left;
width:900px;
}

.gen_background {
background-image:url(/images/gen_bg.gif);
float:left;
width:900px;
}

.home_left {
        float:left;
        width:600px;
		padding:0 0 15px 0;
}

.home_left h1 {
        float:left;
        padding:20px 120px 10px 30px;
        margin:0px 0px 0px 0px;
        font-size:150%;
        line-height:28px;
        font-weight:normal;
}

.home_left p {
  float:left;
  padding:10px 0 20px 20px;
  margin:0px 0px 0px 0px;
  font-size:90%;
  line-height:20px;
}


.home_left #widgets {
	width:100%;
	float:left;
	padding:15px 0 15px 0;
}

.home_left #widgets #home_widget1 {
	width:248px;
	background-color:#fff;
	float:left;
	height:122px;
    padding:15px 0 0 15px;
    margin:0px 25px 0 25px;
	_margin-left:12px;
	background-image:url(/images/home_widget_01.jpg);
}

.home_left #widgets #home_widget2 {
	width:248px;
	background-color:#fff;
	float:left;
	height:122px;
    padding:15px 0 0 15px;
    margin:0px;
	background-image:url(/images/home_widget_02.jpg);
}

div#widgets p {
        color:#58a4d8;
        font-size:80%;
        width:145px;
        line-height:16px;
        margin:0 0 0 0;
        padding:10px 0 0 0;
}

div#widgets h3 {
        font-weight:normal;
        color:#003a6f;
        font-size:120%;
        line-height:20px;
        margin:0 0 0 0;
        padding:0 0 0 0;
}

div#widgets a {
	color:#003a6f;
}


.home_right_links {
        float:right;
        width:255px;
        padding:20px 20px 20px 20px;
}

.home_right_links h2 {
	font-size:130%;
	color:#FFFFFF;
	font-weight:normal;
	line-height:30px;
	margin:0 0 15px 0;
	padding:0;
}
.home_right_links p {
	font-size:80%;
	line-height:16px;	
	color:#FFFFFF;
	font-weight:normal;
	margin:0 0 25px 0;
	padding:0;
}

.portal_link {
padding:0px 0px 10px 0px;
}

.portal_link a {
font-size:80%;
line-height:26px;
padding:0px 0px 0px 10px;
font-weight:normal;
}


.portal_link p {
font-size:70%;
padding:4px 10px 4px 10px;
line-height:14px;
}


.portal_link .linker {
width:255px;
height:26px;
}

#house_builder .linker {
        background-image:url(/images/linkbg_hb.gif);
}

#public_sector .linker {
        background-image:url(/images/linkbg_public.gif);
}

#shades .linker {
        background-image:url(/images/linkbg_shades.gif);
}

#bluestone_kitchens .linker {
        background-image:url(/images/linkbg_b_kitchen.gif);
}

#bluestone_bathrooms .linker {
        background-image:url(/images/linkbg_b_bath.gif);
}

#masco .linker {
        background-image:url(/images/linkbg_masco.gif);
}

#moores .linker {
        background-image:url(/images/linkbg_moores.gif);
}

#extranet .linker {
        background-image:url(/images/linkbg_extranet.gif);
}

#four_seasons .linker {
        background-image:url(/images/linkbg_four_seasons.gif);
}


.gen_right_links {
width:215px;
padding:10px;
margin:0px;
float:right;
}

.gen_right_links .portal_link {
width:215px;
padding:0px 0px 0px 0px;
margin:0px 0pc 10px 0px;
}

#house_builder .small_linker {
        background-image:url(/images/linkbg_hb_smaller.gif);
}

#public_sector .small_linker {
        background-image:url(/images/linkbg_public_smaller.gif);
}

#shades .small_linker {
        background-image:url(/images/linkbg_shades_smaller.gif);
}

#bluestone_kitchens .small_linker {
        background-image:url(/images/linkbg_b_kitchen_smaller.gif);
}

#bluestone_bathrooms .small_linker {
        background-image:url(/images/linkbg_b_bath_smaller.gif);
}

#masco .small_linker {
        background-image:url(/images/linkbg_masco_smaller.gif);
}

#moores .small_linker {
        background-image:url(/images/linkbg_moores_smaller.gif);
}

#extranet .small_linker {
        background-image:url(/images/linkbg_extranet_smaller.gif);
}





/* generic pages */





.range_body {
        width:740px;
        float:left;
        padding:0px;
        margin:0px;
}

.range_body img {
        display:block;
}

.range_background {
        background-color:#FFFFFF;
        float:left;
        padding:0px;
        margin:0px;
}




/* left nav */

.left_nav {
        width:160px;
        float:left;
        background-color:#849bc1;
}

.left_nav ul {
        list-style:none;
        padding: 30px 20px 30px 20px;
        margin:0px 0px 0px 0px;
}

.left_nav li {
        border-bottom:1px #FFFFFF dotted;
        font-size:75%;
}

.left_nav li a {
        line-height:30px;
}

.left_nav li ul li{
        font-size:100%;
}

.left_nav div.widgets {
        width:160px;
        float:left;
        margin: 0px;
        padding:0px;
        background-color:#a7a9ac;
}

.left_nav div.nav_widget {
        width:160px;
        margin:0px 0px 0px 0px;
        float:left;
        padding:0px 0px 25px 0px;
        background-color:#a7a9ac;
}

.left_nav div.nav_widget_seperator {
        border-top:1px dotted #000000;
        width:120px;
        margin:0px 20px 0px 20px;
        float:left;
        padding:0px 0px 0px 0px;
}

.nav_widget h3 {
        margin:10px 20px 10px 20px;
        font-size:100%;
        font-weight:normal;
        padding:0px 0px 0px 0px;
}

.nav_widget p {
        margin:0px 20px 0px 20px;
        font-size:75%;
        font-weight:bold;
        line-height:16px;
        padding:0px 0px 0px 0px;
}

.nav_widget p a {
        color:#ffffff;
}









/* main body */

.main_body {
        float:left;
        background-color:#FFFFFF;
        width:500px;
        padding:0px 0px 30px 0px;

}

.main_body h1 {
        padding:20px 90px 10px 20px;
        color:#00467F;
        font-size:130%;
        font-weight:bold;
        margin:0px;
}

.main_body h2 {
        padding:0px 90px 10px 20px;
        color:#00467F;
        font-size:100%;
        font-weight:normal;
        margin:0px 0px 0px 0px;
}

.main_body h3 {
        padding:0px 90px 0px 20px;
        margin:0px 0px 5px 0px;
        color:#00467F;
        font-size:70%;
        font-weight:bold;
}


.main_body p {
        padding:0px 90px 10px 20px;
        color:#333333;
        font-size:70%;
        font-weight:normal;
}

.main_body a {
        color:#00467F;
        font-weight:normal;
}

.main_body ul {
        padding:0px 0px 10px 10px;
        margin:0px 0px 0px 20px;
}

.main_body ul li {
        padding:0px 90px 0px 10px;
        margin-left:20px;
        color:#333333;
        font-size:70%;
        font-weight:normal;
        line-height:16px;
}

.main_body ul li ul {
        padding-bottom: 0px;
}

.main_body ul li ul li {
        font-size:100%;
        padding: 0px;
        margin: 0px;
}


/* generic right links */

.generic_right_col {
        float:right;
        width:235px;
        background-color:#002a5c;
        padding:0px 0px 10px 0px;
}


/* form stuffs */

form {
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 20px;
        float:left;
        width:350px;
}

.main_body form p {
        /*background-color:#00FFFF;*/
        float:left;
        padding:0px;
        margin:0px;
}

label {
        /*font-size:70%;*/
        float:left;
        width:140px;
        color:#333333;
        line-height:18px;
}

input, textarea {
        color:#333333;
        float:right;
        width:200px;
        padding:2px;
        margin:0px 0px 5px 0px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:100%;
}

input.submit {
        width:100px;
        clear:both;
}




input.radio {
        float:right;
        width:13px;
        height:13px;
        padding:0px;
        margin:2px 182px 6px 6px;

}

label.radio {
        float:right;
        line-height:18px;
        /*font-size:80%;*/
}

div.errorExplanation {
        border: 1px dashed #CCC;
        width: 450px;
        margin: 0 0 10px 0;
        padding: 10px 5px;
}

div.errorExplanation h2 {
        font-size: 110%;
        color: #00467F;
        margin: 0;
        padding: 0;
}

div.errorExplanation p {
        float: none;
        margin: 10px 0 0 0;
        padding: 0;
}

div.errorExplanation ul {
        color: #CCC;
        margin: 10px 0 0 0;
        padding: 0 0 0 20px;
}


/* saving stats */
div#saving_stats {
  float: right;
  width: 200px;
  font-size: 70%;
  margin: 10px 10px 0 10px;
  padding-left: 20px;
  padding-bottom: 10px;
  border-left: 1px solid white;
  background: url(/images/energy_smaller.jpg) 30px -5px no-repeat;
}
div#saving_stats .heading {
  margin-bottom: 5px;
  font-weight: bold;
}
div#saving_stats .more {
  margin-top: 5px;
}
div#saving_stats table {
  border-collapse: collapse;
  width: 100%;
}




div#calclink {
        float:left;
        height:122px;
        width:175px;
        background-image:url(/images/calclink_bg.gif);
        padding:15px 0 0 20px;
        margin:10px 20px 0 25px;
        _margin-left:12px;
}

div#calclink h3 {
        font-weight:normal;
        color:#003a6f;
        font-size:130%;
        line-height:20px;
        margin:0 0 0 0;
        padding:0 0 0 0;
}

div#calclink  a {
        color:#003a6f;
}
div#calclink  a:hover {
        text-decoration:underline;
}

div#calclink p {
        color:#58a4d8;
        font-size:80%;
        width:130px;
        line-height:16px;
        margin:0 0 0 0;
        padding:10px 0 0 0;
}

div#welcometext {
        border-left:1px solid #ffffff;
        float:left;
        height:137px;
        width:320px;
        margin-top:10px;
}

/* savings meter */
#meter {
  background: url(/images/savings/mes_tab_water.gif);
  width: 447px;
  height: 132px;
  margin-top:10px;
  margin-left: 20px;
  margin-bottom:20px;
}
#tabs {
  width: 447px;
  height: 36px;
}
#tabs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#tabs ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
#tabs ul li a {
  display: block;
  float: left;
  height: 36px;
}
#tabs ul li a.water {
  width: 132px;
}
#tabs ul li a.electricity {
  width: 176px;
}
#tabs ul li a.carbon {
  width: 135px;
}
#digits {
  top: 21px;
  left: 17px;
  width: 410px;
  height: 57px;
  position: relative;
}
#digits .digit {
  width: 41px;
  height: 57px;
  float: left;
}