@import url("/stylesheets/core.css");
* {
  font-family: Arial, Helvetica, sans-serif;
}
body {
  background:url(/images/header-bg.gif) repeat-x top left;
  text-align:left;
}
#body-index h1{
	font-size:138.5%;
	font-weight:normal;
}
h1{
	font-size:160%;
	color:#ffffff;
	margin-bottom:0.5em;
	font-weight:bold;
}
p{
	margin-bottom:0.6em;
	margin-top:0.2em;
}
strong{
	font-weight:bold;
	color:#ffd400;
}
.user_errors{
	padding:5px;
	font-size:77%;
}
.error_field{
	border:#760000 2px solid;
}
body#body-index #container {background:url(/images/bg-index.jpg) no-repeat top left;}
body#body-happy-customers #container {background:url(/images/bg-happy-customers.jpg) no-repeat top left;}
body#body-benefits #container {background:url(/images/bg-benefits.jpg) no-repeat top left;}
body#body-competition #container {background:url(/images/bg-competition.jpg) no-repeat top left;}
body#body-where-to-buy #container {background:url(/images/bg-where-to-buy.jpg) no-repeat top left;}
body#body-how-it-works #container {background:url(/images/bg-how-it-works.jpg) no-repeat top left;}
body#body-how-it-works-static #container {background:url(/images/bg-how-it-works-static.jpg) no-repeat top left;}
body#body-no-flash #container {background:url(/images/bg-no-flash.jpg) no-repeat top left;}
body#body-error #container {background:url(/images/bg-no-flash.jpg) no-repeat top left;}
body#body-terms-and-conditions #container {
  background:url(/images/bg-terms-and-conditions.jpg) no-repeat top left;
}

#container {
  height:600px;
  margin:0 auto;
  width:1015px;
}
  #container #navigation {
    font-size:93%;
    font-weight:bold;
    margin:0 0 0 250px;
  }
    #navigation li {
      background:url(/images/navigation-divider.gif) no-repeat right center;
      display:inline;
      float:left;
      margin:13px 0 0 0;
      padding:7px 11px 5px 11px;
      text-transform:uppercase;
    }
    #navigation li a {
      color:#FFFFFF;
      text-decoration:none;
    }
    
/*HOME MODULES*/
.home-module {
  color:#FFFFFF;
  width:210px;
}
  .home-module h2 {
    font-size:138.5%
  }
  .home-module p {
    font-size:85%;
  }
  .home-module a {
    background:url(/images/link-arrow.gif) no-repeat center right;
    color:#ffd400;
    padding:0 10px 0 0;
    text-decoration:none;
  }
#top-module {
  margin:85px 0 0 680px;
}
#bottom-module {
  margin:45px 0 0 680px;
}
#home-flash {
  float:left;
/*  margin:-320px 0pt 0pt 0px; */
  position: absolute;
  top: 137px;
}

/*HAPPY CUSTOMER COLUMNS*/
#happy-left {
  color:#FFFFFF;
  float:left;
  height:400px;
  margin:100px 0 0 45px;
  width:450px;
}
  #happy-left p {
    font-size:85%;
    width:350px;
  }
  #happy-left label {
    color:#f5c700;
    float:left;
    font-size:85%;
    text-transform:uppercase;
    width:105px;
  }
  #happy-left textarea {
    height:85px;
    width:235px;
  }
  #happy-left #review_padder {
    width:400px;
    height:215px;
  }
  #happy-left #logo_greenfingers {
    float:right;
    margin:-90px 0 0 0;
  }
  
#happy-right {
  float:left;
  margin:93px 0 0 17px;
  width:305px;
}

/*WHERE TO BUY COLUMNS*/
#where-left {
  float:left;
  margin:90px 0 0 45px;
  width:360px;
}
  #where-left h1,#where-left h2 {
    color:#FFFFFF;
    font-size:146.5%;
    font-weight:bold;
    margin:10px 0 0 0;
  }
  #where-left p {
    color:#FFFFFF;
    font-size:85%;
  }
  #where-left span {
    color:#f5c700;
    text-transform:uppercase;
  }
  #where-left a {
    color:#f5c700;
    text-decoration:none;
  }
  #where-left #find_button {
    vertical-align:bottom;
  }
#where-right {
  float:left;
  margin:92px 0 0 101px;
  width:427px;
}

/*HOW IT WORKS STATIC*/
#text-container {
  color:#FFFFFF;
  width:275px;
  margin:80px 0 0 675px;
}
  #text-container p {
    font-size:85%;
  }
  #text-container ul {
    font-size:85%;
  }
  #text-container #how-list li {
    list-style-image:url(/images/li.gif);
    margin:6px 0;
  }
  
/*NO FLASH PAGE*/
#no-flash-holder {
  font-size:85%;
  margin:200px 0 0 450px;
}
  #no-flash-holder a {
    color:#00b25f;
    font-weight:bold;
  }
  
/*FLASH PAGE*/
#flash-holder {
/*  position: absolute;
  top: 134px;
  left: 138px;*/
  margin:94px 0pt 0pt 12px;
}

/*FOOTER*/    
#footer {
  font-size:77%;
  font-weight:bold;
  height:25px;
  margin:10px auto;
  width:900px;
}
  #footer p {
    float:left;
    margin:5px 5px 0px 5px;
  }
  #footer p#hozelock-footer-logo {
    margin:0 0 0 0;
  }
  #footer a {
    color:#005bbb;
    text-decoration:none;
  }
  #footer #hozelock-footer-logo {

  }
  #footer #waa-link {
    float:right;
  }
    
/*GENERAL HELPERS*/
.cb {
	clear:both;
	font-size:0px;
	line-height:0px;
}

body#body-benefits #container #benefits{
	margin-left:680px;
	margin-top:80px;
	width:260px;
	color:#ffffff;
}
body#body-benefits #container #benefits h1#relax{
	width:260px;
}
body#body-benefits #container #benefits h2{
	font-weight:bold;
}

body #container #benefits p,body #container #competition p{
	font-size:85%;
}
body #container #benefits p,body #container #competition a{
	color:#FFFFFF;
	font-size:85%;
	text-decoration:none;
}
body #container #competition #terms-link{
  float:left;
	margin:-20px 0pt 0pt 140px;
}
body#body-benefits #container #benefits li{
	list-style-image:url(/images/li.gif);
	margin-bottom:10px;
}

body#body-competition #container #competition{
	margin-left:650px;
	margin-top:65px;
	width:300px;
	color:#ffffff;
}
body#body-competition #container #competition .large{
	clear:both;
	height:30px;
}
body#body-competition #container #competition .large label{
	float:left;
	width:100px;
	text-transform:uppercase;
	color:#f5c700;
	font-size:77%;
}
body#body-competition #container #competition .large label.check_box_label{
	text-transform:none;
	color:#ffffff;
	float:left;
	width:250px;
	font-size:85%;
	margin-bottom:0px;
}
body#body-competition #container #competition .large input{
	float:left;
}
body#body-competition #container #competition .large input#competition_register{
	float:left;
	margin-top:5px;
	margin-right:15px;
}
body#body-competition #container #competition #competition-form{
	margin-top:5px;
}
body#body-terms-and-conditions #container {
  height:675px;
}

body#body-terms-and-conditions #container h1 {
  color:#000000;
  margin:100px 0 10px 50px;
}
  
body#body-terms-and-conditions #container p {
	margin:15px 50px;
}