body {

  font: 62.5%/1.6em verdana, arial;
  margin:0;
  padding:0;      
  text-align:center;
  background:#adcaf2;
}

div#container {

  width:1000px;
  text-align:left;
  margin:0 auto;
  height:301px;
position:relative;

}

.home #container { 

  height:670px;
  background: #000 url(/images/home-background.jpg);
  position:relative;

}


#view_basket {

position:absolute;
top:288px;
left:812px;
color:#333;
font-weight:bold;
font-size:1.2em;

}


a {

color:#333;
/* text-decoration:none; */

}

#view_basket a {

color:#fff;

}

.home #view_basket {

display:none;

}

/* ####################### START HEADER / FOOTER ###################### */


div#header {

  height:311px;
  background:#78a9da url(/images/header.jpg) no-repeat;

}

div#header h1 {

  font-size:17px;
  font-weight:normal;
  padding-top:287px;
  margin-top:0;
  margin-left:20px;
  color:#fff;

}


div#footer {

  background:#78a9da;
  text-align:center;
  padding:10px 0 10px 0;
  color:#fff;

}

div#footer a {

  font-size:10px;
  color:#fff;
  text-decoration:none;

}

.home div#footer {

position:absolute;
top:635px;
left:320px;
background:none;

}


/* ----------------------- END HEADER / FOOTER ------------------------ */


/* ####################### START MAIN NAV ###################### */

div#main_nav ul {

  list-style-type:none;
  margin:0;
  padding:0;
  padding-left:20px;
  padding-right:0px;
  height:40px;
  background:#f5911e;
  background:#78a9da;
  color:#fff;
  font-size:12px;
  padding-top:2px;
  

}

.home div#main_nav ul { /* re-position nav for home page only */

  background:none;

  padding-top:60px;

}

div#main_nav ul li {

  display:inline;
 

}

div#main_nav ul li a { /* main nav link */

  text-decoration:none;
  font-size:12px;
  color:#fff;
  display:block;
  float:left;
  padding:7px 9px 7px 9px;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
 background:#f5911e;
font-weight:bold;
border:none;

}

.home div#main_nav ul li a { /* main nav link */

background:#9ad060;

}

div#main_nav ul li#install_partners a {

border-right:1px solid #fff;
border:none;

}
 

div#main_nav ul li#solar_thermal a, div#main_nav ul li#solar_voltaic a {

 /* font-weight:bold; */

}

div#main_nav ul li a:hover { /* main nav hover */

  color:#fff;
 background:#e07a0a;


}

.approvals #approvals_guarantees a,
.solar_energy_installation #installation_help a,
.contact_us #contact_us a, .flexcell #flexcell a,
.solar_thermal_overview #solar_thermal a,
.solar_panels_collectors #solar_thermal a,
.solar_panels_how_they_work #solar_thermal a,
.evacuated_tube_panels #solar_thermal a,
.solar_ancillaries #solar_thermal a,
.solar_thermal_kits #solar_thermal a,
.solar_thermal_case_studies #solar_thermal a,


.photovoltaic_overview #solar_voltaic a,
.photovoltaic_how_they_work #solar_voltaic a,
.photovoltaic_thin_film #solar_voltaic a,
.photovoltaic_mono #solar_voltaic a,
.photovoltaic_solar_ancillaries #solar_voltaic a,
.photovoltaic_kits #solar_voltaic a,
.photovoltaic_case_studies #solar_voltaic a,
.solar_tile #solar_tile a,
.grants #grants a,
.useful_links #useful_links a,
.install_partners #install_partners a,
.faqs #faqs a

 {

color:#fff;
background:#666;

}

/* ----------------------- END MAIN NAV ------------------------ */


/* ####################### START SUB NAV ###################### */


div#sub_nav {

 width:190px;

}

div#sub_nav{

  float:left;
  margin-right:20px;

}

div#sub_nav ul {

  list-style-type:none;
  width:190px;
  margin:18px 0 0 0;
  padding:0;
  font-weight:bold;

}


div#sub_nav ul li a { /* sub nav link */

  text-decoration:none;
  font-size:12px;
  color:#fff;
  display:block;
  width:190px;
  background:#f5911e;
  padding:5px 0 5px 10px; 
  margin-bottom:1px;

}

.photovoltaic_overview div#sub_nav ul li a,
.photovoltaic_how_they_work div#sub_nav ul li a,
.photovoltaic_benefits div#sub_nav ul li a,
.photovoltaic_technical div#sub_nav ul li a,
.photovoltaic_thin_film div#sub_nav ul li a,
.photovoltaic_mono div#sub_nav ul li a,
.photovoltaic_solar_ancillaries div#sub_nav ul li a,
.photovoltaic_kits div#sub_nav ul li a,
.photovoltaic_case_studies div#sub_nav ul li a

 {

  background:#b1d36f;

}

div#sub_nav ul li a:hover { /* sub nav hover */

  color:#fff;
  background:#e07a0a;

}

.photovoltaic_overview div#sub_nav ul li a:hover,
.photovoltaic_how_they_work div#sub_nav ul li a:hover,
.photovoltaic_benefits div#sub_nav ul li a:hover,
.photovoltaic_technical div#sub_nav ul li a:hover,
.photovoltaic_thin_film div#sub_nav ul li a:hover,
.photovoltaic_mono div#sub_nav ul li a:hover,
.photovoltaic_solar_ancillaries div#sub_nav ul li a:hover,
.photovoltaic_kits div#sub_nav ul li a:hover,
.photovoltaic_case_studies div#sub_nav ul li a:hover

 { /* sub nav hover */

  color:#fff;
  background:#7ba332;

}


/* .solar_panel_overview div#sub_nav ul li#solar_panel_overview a, */
.solar_thermal_overview div#sub_nav ul li#solar_thermal_overview a, 
.evacuated_tube_panels div#sub_nav ul li#evacuated_tube_panels a,
.solar_panels_collectors div#sub_nav ul li#flat_plate_collectors a,
.solar_panels_controllers div#sub_nav ul li#controllers a,
.solar_panels_how_they_work div#sub_nav ul li#how_they_work a,
.solar_panels_benefits div#sub_nav ul li#the_benefits a,
.solar_panels_technical div#sub_nav ul li#technical a,
.solar_ancillaries div#sub_nav ul li#solar_ancillaries a,
.solar_thermal_kits div#sub_nav ul li#solar_thermal_kits a,
.solar_thermal_case_studies div#sub_nav ul li#solar_thermal_case_studies a

 {
  
 background:#666;

}

.photovoltaic_overview div#sub_nav ul li#photovoltaic_overview a,
.photovoltaic_how_they_work div#sub_nav ul li#how_they_work a,
.photovoltaic_benefits div#sub_nav ul li#the_benefits a,
.photovoltaic_technical div#sub_nav ul li#technical a,
.photovoltaic_thin_film div#sub_nav ul li#photovoltaic_thin_film a,
.photovoltaic_mono div#sub_nav ul li#photovoltaic_mono a,
.photovoltaic_solar_ancillaries div#sub_nav ul li#photovoltaic_solar_ancillaries a,
.photovoltaic_kits div#sub_nav ul li#photovoltaic_kits a,
.photovoltaic_case_studies div#sub_nav ul li#photovoltaic_case_studies a

 {
  
 background:#666;

}



/* ----------------------- END SUB NAV ------------------------ */


/* ####################### COMMON PAGE CONTENT ###################### */


div#inner {

  background-color:#fff;
  padding:20px;

}

 p {

  font-size:1.2em;
  color:#333;
  line-height:1.6em;

}

h2 {

  font-size:1.8em;
  padding:0;
  margin:0;

}

span.myplanet {

  font-weight:bold;

}

span.myplanet sup {

font-size:.6em;
position:relative;
top:-4px;

}


span.orange {

color:#f5911e;

}

span.green {

  color:#b1d36f;

}

h3 {

font-size:1.4em;
margin-top:0;
padding-top:0;

}

#sub_content {

width:750px;
float:left;
position:relative;

}

p span.highlight {

font-weight:bold;
color:#78a9da;

}

div#strapline img#solar_keymark {

margin-right:230px;

}

div.tech_data_link {

position:absolute;
top:-4px;
left:520px;
background: url(/images/pdf-s.gif) no-repeat 4px;
height:19px;
border:2px solid #78a9da;
padding:3px 6px;


}

div.tech_data_link div {

margin:2px 0 0 20px;
font-size:1.1em;

}

div.tech_data_link div a {

color:#333;
text-decoration:none;
font-weight:bold;

}

div.tech_data_link div a:hover {

color:#f00;

}

.ancillary {

float:left;
margin-right:45px;

}

.ancillary div img {

border:1px solid #ccc;

}

.ancillary div.kit_label {

font-size:1.2em;
font-weight:bold;
margin-top:5px;
margin-bottom:15px;
padding:.4em 0;
text-align:center;
background:#eee;
}

form, input, select {

font-size:11px;

}

form {

background:#78a9da;

}

*+html form {

margin-top:10px;
padding:5px;

}

fieldset {

border:0;

}