body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #f0ebc6;
	background-image: url(../images/img_bdy_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#container {
	width: 816px;
	margin: 0 auto;
	padding-top: 30px;
}

#header {
	width: 789px;
	height: 155px;
	background:url('../images/header.png') no-repeat;
	position: relative;
}
#header h1 { padding: 25px 0 0 45px; }
#header h1 a { display: block; text-indent: -5000px; width: 230px; height: 115px; }
#header h2 {
	width: 447px;
	font-size: 24px;
	font-weight: bold;
	color: #524e3a;
	position: absolute;
	top:	 60px;
	right: 40px;
	text-align: right;
	height: 37px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 0px;
	background-image: url(../images/header_h2_bg.jpg) ;
	background-repeat: no-repeat;
}
#header ul { position: absolute; right: 37px; bottom: 5px;}
#header li { display: inline; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#header ul li a { display: block; float: left; width: 89px; height: 22px; padding-top: 4px; color: #fff; text-decoration: none; background: url('../images/main-nav.gif') top no-repeat; margin-right: 3px; text-align: center; font-size: 13px; }
#header ul li a:hover { background-position: bottom; color: #fff; }
#header ul li a.active { background-position: bottom; color: #3f3c2c; }
.PhoneIcon{
	margin-right:10px;
	margin-top:5px;
	}
#content {
    background: url('../images/content.png') repeat-y;
    width: 743px;
    padding: 0 0 0 46px;
    line-height:20px;
    }
#content h2 { font-weight: bold; font-size: 20px; }
#content h3 { font-size: 15px; font-weight: bold; }

#content .light-green { background: #7dbe36; padding: 4px; margin: 10px 0; text-align: center; color: #0c521d; }
#content .light-green p, #content .dark-green p { font-size: 12px; margin-bottom: 0; }
#content .light-green p strong { font-weight: bold; }
#content .light-green h2, #content .dark-green h2 { color: #fff; font-size: 19px; margin-bottom: 0; }
#content .light-green h3 { color: #0c521d; }
#content a  { text-decoration: none; }
#content a .light-green:hover { background-color: #8dce46;}
#content a .light-green:hover img { opacity: 50; }
#content p a, #content ul a, #content ol a, #content h2 a, #content h3 a { text-decoration: underline; }

#content .dark-green { background: #0c521d; color: #7dbe36; padding: 4px; text-align: center; margin: 10px 0; }
#content .dark-green a { color: white; text-decoration: none;}
#content a .dark-green:hover { background-color: #1c622d;}
img { opacity: 50; }

#content .white { background: white; color: black; padding: 4px; text-align: center; margin: 10px 0; font-weight: bold;}
#content .imagebox { background: transparent; color: black; padding: 0; text-align: center; margin: 10px 0; font-weight: bold;}

#sidebar { width: 234px; float: left; text-align: center; }
#sidebar p { font-size: 15px; font-weight: bold; }
#sidebar p a { color: #0c521d; }

#main-content {
    float: left;
    margin-left: 12px;
   /* background: url('../images/main_content.gif') repeat-y;*/
    width: 457px;
    padding-top: 10px;
    font-size: 12px;
    line-height: 20px;
	background-color:#f0ebc6;
}
#inner-main-content {
	padding: 0 12px 12px 12px;
}
#main-content h2 { color: #524e3a; margin: 10px 0;}
#main-content h3 { color: #000; margin: 10px 0;}
#main-content p { margin: 10px 0;  }
#main-content a { color: #524e3a; }
#main-content ol { list-style: decimal; }
#main-content ul {
    list-style: disc;
    padding: 0 15px 10px 15px;
}
#main-content ul li {
    }
#main-content strong {
    font-weight: bold;
}

#main-content ul, #main-content ol, #main-content p {
    clear: both;
}

#main-content .light-green, #main-content .dark-green { width: 200px; float: left; margin: 0 15px 10px 0; }
#main-content .dark-green { margin: 0;  }

#footer {
	width:734px;
	height: 60px;
	display: block;
	font-size: 10px;
	text-align: center;
	padding-top: 8px;
	padding-right: 55px;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
}
#copyright { color: black; text-align: center; font-size: 9px; padding: 10px 0;}

#quote-form {
    font-size: 100%;
    margin-top: 5px;
    white-space: nowrap;
}

#quote-form input {
    border: 1px solid black;
    padding: 3px;
    margin: 2px 0;
    width: 136px;
    margin-left: 4px;
}

#quote-form .units-radio {
    width: 15px;
    margin-right: 15px;
    border: 0;

}

#quote-form #id_address, #quote-form #id_town, #quote-form #id_email, #quote-form #id_county {
    width: 350px;
}

#quote-form #id_telephone {
    width: 134px;
}

#quote-form #id_delivery_postcode {
    width: 183px;
}

#quote-form input#submit {
    background-color: #2C7024;
    border-color: #2C7024;
    color: white;
    font-weight: bold;
    padding: 3px 5px;
    width: 89px;
    border-width: 1px;
    border-style: outset;
    border: 0;
    float: right;
    margin-bottom: 15px;
    background: url('../images/main-nav.gif') top repeat-x;
}

#quote-form input#submit:hover {
    background-color: #8cc63f;
    cursor: pointer;
    background-position: bottom;
}

#quote-form p {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 5px;
}

#quote-item-table {
    font-size: 80%;
}

#quote-item-table .quote-item input {
    width: 92px;
    margin: 0;
    margin-right: 10px;
    margin-top: 1px;
    margin-bottom: 3px;
}

#choose-units {
    position: relative;
    right: -90px;
    top: 0;
}

#comments textarea {
    display: none;
    width: 432px;
    border: 1px solid black;
}

#form-errors {
    color: red;
}

#sidebar-images {
    height:305px;
}