/* grey background #f7f7f7 */

body{
font-family: Verdana, Arial, Helvetica Neue Lite, Helvetica, sans-serif;
background: #8a644b url('http://www.ecoscapemulch.co.uk/images/main_bg.gif') top center repeat-y;
font-size: medium;
color: #000000;
padding: 0;
margin: 0;
}

.mainframe {
color: #ffffff;
background: #000000;
border-left: #cfb65a solid 1px;
width: 960px;
padding: 0;
margin: 0 auto;
}

.leftcolumn {
color: #ffffff;
background: #000000;
width: 160px;
padding: 0;
margin: 0;
float: left;
}

.maincolumn {
width: 767px;
border-left: #339933 solid 1px;
border-right: #339933 solid 10px;
padding: 0;
margin: 0 0 0 172px;
}

.widecolumn {
width: 940px;
border-left: 0 none;
border-right: #339933 solid 10px;
padding: 0;
margin: 0 0 0 0;
color: #000000;
background: #ffffff;
}

.head {
width: 767px;
height: 87px;
padding: 0;
margin: 0;
background: #ff7f00 url('http://www.ecoscapemulch.co.uk/images/head_bg.jpg') top left repeat-x;
text-align: right;
}

.widehead {
width: 100%;
height: 87px;
padding: 0;
margin: 0;
background: #ff7f00 url('http://www.ecoscapemulch.co.uk/images/head_bg.jpg') top left repeat-x;
text-align: right;
}

img {border: 0 none;}

.mainimg {
width: 767px;
height: 200px;
padding: 0;
margin: 0;
font-size: 0;
line-height: 0;
}

.separator {clear: both; height: 1px; font-size: 0.1em;}
.spacer {clear: both; height: 10px; font-size: 0.1em;}
.clearleft {clear: left; height: 1px; font-size: 0.1em;}
.clearright {clear: right; height: 1px; font-size: 0.1em;}

.mainimage {
padding: 0; 
margin: 0;
border: 0 none;
}

.rightpanel {width: 183px; float: right; margin: 0; padding: 0;}
.leftpanel {width: 183px; float: right; margin: 0; padding: 0;}
.entrancetop {background: #ffffff; height: 420px; overflow: hidden; margin: 0;}

.entranceimage {
float: right;
width: 400px;
padding: 0; 
margin: 10px 0 0 0;
border: 0 none;
}

.heading {
width: 767px;
height: 61px;
color: #ffffff;
background: #ff7f00 url('http://www.ecoscapemulch.co.uk/images/heading_bg.gif') top left no-repeat;
padding: 0;
margin: 0;
}

.wideheading {
clear:both;
width: 100%;
height: 61px;
color: #ffffff;
background: #ff7f00 url('http://www.ecoscapemulch.co.uk/images/heading_bg.gif') top left no-repeat;
padding: 0;
margin: 0;
}

.maincontent {
color: #000000;
background: #ffffff url('http://www.ecoscapemulch.co.uk/images/ecoscape_relax.gif') bottom left no-repeat;
padding: 1px 25px 150px 25px; 
margin: 0;
text-align: justify;
}

.address {
color: #000000;
background-color: #ffffff;
text-align: center;
padding: 0; 
margin: 0;
}

.footer {
font-family: tahoma, verdana, arial, helvetica, sans-serif;
padding: 0;
margin: 0;
clear: both;
}

.webmastercontainer {
color: #000000;
background: #000000;
width: 150px;
float: left;
font-size: 0.7em;
text-align: center;
padding: 0;
margin: 0;
}

.addresscontainer {
color: #ffffff;
background: #ff8400;
width: 767px;
font-size: 0.7em;
text-align: center;
padding: 0;
margin: 0 0 0 172px;
border-left: #339933 solid 1px;
border-right: #339933 solid 10px;
}

.wideaddresscontainer {
color: #ffffff;
background: #000000;
width: 767px;
font-size: 0.7em;
text-align: center;
padding: 0;
margin: 0 0 0 172px;
border-left: #000000 solid 1px;
border-right: #339933 solid 10px;
}

ul.menu {
		list-style-type: none;
		padding: 0;
		margin: 86px 0 0 5px;
		width: 150px;
		text-align: left;
		}
		
li.menu {
		color: #ffffff;
		background: #000000;
		margin: 0 0 0 5px;
		padding: 5px 5px 5px 0px;
		font-size: 0.75em;
		font-weight: bold;
		border-top: 1px solid #ff7f00;
/* 		border-left: 5px solid #000000; */
		cursor: pointer;
		}
		
li.menuthis {		
		color: #ffffff;
		background: #000000;
		margin: 0 0 0 5px;
		padding: 5px 5px 5px 0px;
		font-size: 0.75em;
		font-weight: bold;
		border-top: 1px solid #ff7f00;
/* 		border-left: 5px solid #209731; */
		cursor: pointer;
		}

li.menu:hover {		
		color: #ffffff;
		background: #ff7f00;
		margin: 0 0 0 5px;
		padding: 5px 5px 5px 0px;
		font-size: 0.75em;
		font-weight: bold;
		border-top: 1px solid #ff7f00;
/* 		border-left: 5px solid #ff7f00; */
		cursor: pointer;
		}

li.menuhover {		
		color: #ffffff;
		background: #ff7f00;
		margin: 0 0 0 5px;
		padding: 5px 5px 5px 0px;
		font-size: 0.75em;
		font-weight: bold;
		border-top: 1px solid #ff7f00;
/* 		border-left: 5px solid #ff7f00; */
		cursor: pointer;
		}
		
li.menuoff {		
		color: #ffffff;
		background: #000000;
		margin: 0 0 0 5px;
		padding: 5px 5px 5px 0px;
		font-size: 0.75em;
		font-weight: bold;
		border-top: 1px solid #ff7f00;
/* 		border-left: 5px solid #000000; */
		}

.floatcheck {width: 33%; float: left; font-size: 0.8em; text-align: left;}

.nindoff {width: 8px; height: 18px; background: #000000; float: left; margin: 0 8px 0 0;}
.nindon {width: 8px; height: 18px; background: #209731; float: left; margin: 0 8px 0 0;}

ul.menu a:link{color: #ffffff; text-decoration: none;}
ul.menu a:visited{color :#ffffff; text-decoration: none;}
ul.menu a:hover{color: #ffffff; text-decoration: none;}
ul.menu a:active{color: #ffffff; text-decoration: none;}

.lhfeatures {margin: 35px 5px 10px 10px; color: #ffffff; font-size: 0.6em; text-align: center;}

a:link{color: #000000; text-decoration: underline;}
a:visited{color :#000000; text-decoration: underline;}
a:hover{color: #ff7f00; text-decoration: none;}
a:active{color: #ff7f00; text-decoration: underline;}

a.antilink:link{color: #ff7f00; text-decoration: underline;}
a.antilink:visited{color :#ff7f00; text-decoration: underline;}
a.antilink:hover{color: #000000; text-decoration: none;}
a.antilink:active{color: #ff7f00; text-decoration: underline;}

a.menulink:link {color: #000000; text-decoration: none;}
a.menulink:visited {color :#000000; text-decoration: none;}
a.menulink:hover {color: #000000; text-decoration: none;}
a.menulink:active {color: #000000; text-decoration: none;}

a.headerlink:link{color: #ffffff; text-decoration: none; margin: 0; padding: 0;}
a.headerlink:visited{color :#ffffff; text-decoration: none; margin: 0; padding: 0;}
a.headerlink:hover{color: #ffffff; text-decoration: none; margin: 0; padding: 0;}
a.headerlink:active{color: #ffffff; text-decoration: none; margin: 0; padding: 0;}

a.subtitlelink:link{color: #ff7f00; text-decoration: none; margin: 0; padding: 0;}
a.subtitlelink:visited{color :#ff7f00; text-decoration: none; margin: 0; padding: 0;}
a.subtitlelink:hover{color: #ff7f00; text-decoration: none; margin: 0; padding: 0;}
a.subtitlelink:active{color: #ff7f00; text-decoration: none; margin: 0; padding: 0;}

a.webmasterlink:link {color: #999999; text-decoration: none; font-style: italic;} 
a.webmasterlink:visited {color: #999999; text-decoration: none; font-style: italic;} 
a.webmasterlink:hover {color: #dddddd; text-decoration: underline; font-style: italic;}
a.webmasterlink:active {color: #dddddd; text-decoration: none; font-style: italic;}

a.footerlink:link {color: #ffffff; text-decoration: underline;} 
a.footerlink:visited {color: #ffffff; text-decoration: underline;} 
a.footerlink:hover {color: #ffffff; text-decoration: none;}
a.footerlink:active {color: #ffffff; text-decoration: underline;}

p.webmaster {margin: 0px; padding: 0;}

p.footeraddress {margin: 0px; padding: 15px 0 10px 0;}

p.tight {margin: 0; padding: 0;}

hr {color: #ff7f00; height: 1px; margin: 0; border: 1px solid #ff7f00; margin: 5px;}

.underlined {text-decoration: underline;}

.house{color: #ff7f00; font-weight: bold;}

h1{
font-family: Berlin Sans FB, Verdana, Arial, Helvetica Neue Lite, Helvetica, sans-serif;
font-size: 1.8em;
font-weight: normal;
color: #ffffff;
padding: 15px 0 0 15px;
margin: 0;
}

h2{
font-size: 1.2em;
font-weight: normal;
color: #ff7f00;
}

h2.centered{
font-size: 1.3em;
font-weight: normal;
color: #ff7f00;
text-align: center;
}

h3{
font-size: 1.1em;
font-weight: normal;
color: #ff7f00;
margin: 10px 0 10px 0;
}

h3.centered{
font-size: 1.1em;
font-weight: normal;
color: #ff7f00;
text-align: center;
}

h4{
font-size: 1em;
font-weight: normal;
color: #ff7f00;
}

h5{
font-size: 0.9em;
color: #ff7f00;
}

h6{
font-size: 0.9em;
color: #000000;
}

ul {list-style-type: square;}

ol {font-size: 0.75em;}

li {margin-bottom: 5px;}

.clear{
height: 1px;
clear: both;
}

.addresstext {font-size: 0.8em; margin: 5px;}

.maintext {font-size: 0.75em; text-align: justify;}
.centeredtext {font-size: 0.75em; text-align: center;}
.indentedtext {font-size: 0.75em; text-align: justify; margin-left: 25px;}

li.maintext{
margin: 0 15px 5px 0;
}

.righttext {font-size: 0.75em; text-align: right;}

.smaller {
font-size: 0.8em;
}

.larger {
font-size: 1.2em;
}

.caption {
font-size: 0.6em;
}

.centered {text-align: center;}

.tightcentered {text-align: center; margin: 0; padding: 0;}

.centeredtext {font-size: 0.75em; text-align: center;}

.warningtext {color: #dd0000; font-size: 0.6em; text-align: center;}

.ecoscapetext {color: #008000; text-align: right; font-weight: bold;}

.button {font-weight: bold; cursor: pointer;}

.boldbutton {font-weight: bold; margin: 15px; cursor: pointer;}

.smallbutton {font-size: 0.8em;}

.rightimage{float: right; text-align: right; border: 0 none; margin: 0 0 0 15px;}

.highlighted {font-weight: 600; font-size: 0.75em; color: #003366;}

.shaded {background-color: #FFEFDD;}

.shadedcaption {background-color: #FFEFDD; font-size: 0.6em;}

.webimage {border: 2px solid #ff7f00;}

.columns {padding: 0 0 0 10px;}
.leftcol30 {width: 30%; float: left;}
.leftcol50 {width: 50%; float: left; display: block}
.leftcol70 {width: 70%; float: left;}
.rightcol50 {width: 50%; float: right; display: block}
.rightcol {float: right;}

.floatingbox {float: left; margin: 10px 10px 10px 0;font-size: 0.75em;}
.floatingbox110 {float: left; margin: 10px 10px 10px 0; width: 110px;}

.form {margin: 0; padding: 0;}
.formfield {font-size: 0.75em; margin: 10px; margin: 10px; text-align: left;}
.formlabel {width: 150px; float: left; font-weight: bold;}
.formlabelwide {width: 250px; float: left; font-weight: bold;}

.featurestable {width: 100%; background-color: #FFE0C0; font-size: 0.75em; text-align: left; border-bottom: 1px solid #ff7f00;}

.lightcell {background-color: #FFF0E0; width: 33%}

th {text-align: left; background-color: #ffffff; border-bottom: 1px solid #ff7f00; font-size: 1.1em; }

.thumbnail {border: 3px solid #ff7f00;}

.gallerycontent {text-align: center;}

.image_caption {font-size: 0.8em; width: 600px; margin: 5px;}

.textboxplain {border: 0 none; font-weight: bold; color: #dd0000;}

.menupanel {width: 170px; margin: 10px 5px; padding: 7px 0 0 0; font-size: 0.8em; font-weight: bold; cursor: pointer; text-align: center; background: transparent url('images/curved_upper.gif') top center no-repeat; border: 0 none; display: block;}

.menupanel:hover {width: 170px; margin: 10px 5px; padding: 7px 0 0 0; font-size: 0.8em; font-weight: bold; cursor: pointer; text-align: center; background: transparent url('images/curved_upper_h.gif') top center no-repeat; border: 0 none; display: block;}

/* .menupanel:hover {background: #ff7f00 url('images/menubg2.jpg') left center repeat-x; border: #ff9c31 1px solid; margin: 5px; padding: 5px; font-size: 0.8em; font-weight: bold; cursor: pointer;} */

.paneltext {width: 170px; margin: 10px 5px; padding: 10px 0 0 0; font-size: 0.8em; color: #000000; text-align: center; background: transparent url('images/curves_bg.gif') top center no-repeat; border: 0 none;}

.paneltext p {margin: 0 10px;}

.rightcaption {float: right; margin: 5px 0 5px 15px; text-align: center; font-size: 0.7em;}

.topimage {float: left; margin: 0 0 0 1px;}