/* CSS Document */
/*
    screen-modern.css: MODERN BROWSER (v5+) SCREEN
    ------------
    Job:               Job title
    Produced by:       INITIALS @ Mando Group
    Start date:        DD/MM/YYYY
    ------------
    COLOUR SPEC:
    Dark grey:         666
    Mid grey:          bbb
    Light grey:        eee
    ------------
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	hacks
*/
/* =1. type selectors */
*{margin:0;padding:0;border:none;font-size:1em;}
body
    {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 76%;
    color: #3d413c;
    background-color: #483b08;
	line-height:1.6;
    }
p.logo{
	padding: 1.8em 0 0 0.7em;
	float:left;
	}
h1{
	font-size:2em;
	color: #63ac29;
	padding: 0.3em 0 0.3em 0em;
	}
h2{
	clear:both;
	font-size:1.2em;
	margin: 1em 0 0.7em 0;
	color: #85ad38;
	}
h3{
	color: #e08c1f;
	font-size: 1.1em;
	font-weight:bold;
	margin: 1em 0 0em 0;
	}
h4{
	clear:both;
	margin: 0 0 0.5em 0;
	font-size:1.6em;
	color: #e08c1f;
	width:550px;
	}
h5{
	color: #e08c1f;
	font-size: 1em;
	font-weight:bold;
	}
ul{
	margin:0.5em 0 1.7em;
	}
ul li{
	background: url(/_common/img/leaf.png) no-repeat -2px 3px;
	list-style: none;
	padding-left:16px;
	}
ol{
	padding:0 0 1em 1.7em;
	}
#header{
	background-color: white; 
	background-image: url(/_common/img/headerbg.jpg);
	height:8.6em;
	position:relative;
	}
#header div{
	width:64em;
	margin:0 auto;
	}
#wrap-column{
	width:64em;
	margin:1.5em auto;
	background:white;
	}
#wrap{
	background:white;
	}
#col1{
	margin:0 0 0 .7em;
	}
#footer {
	background: #483b08;
	background-image:url(/_common/img/footer.gif);
	background-repeat: repeat-x;
	height: 66px;
	color:#ffffff;
	font-size:0.9em;
	margin:0em 0 0em 0;
	}
.footimg{
	margin: -4em 0 -4.5em 80%;
	}
#footerinner{
	width:64em;
	margin: 2em auto 0;
	}
#foot{
	color:#ffffff;
	font-size:0.9em;
	text-align: center;
	padding: 5em 0 1em 0;
	}
#foot li{
	display: inline;
	list-style: none;
	margin: 0 0.8em;
	background: none;
	}
#foot a{
	line height: 20px;
	text-decoration: none;
	color:#ffffff;
	padding: 0 0px;
	}
#foot a.active, #foot a:hover{
	color:#66CC33;
	}
.category img{
	float:right;
	margin: 1em;
	margin-right:0;
	}
.category img.divider{
	margin: 1em 0;
	}
#nav{
	float:right;
	font-size:0.9em;
	margin: 0.75em 0 0 0;
	padding: 0 2px 0px 50px;
	}
#nav li{
	margin:0;
	padding:0;
	display: inline;
	list-style: none;
	background: none;
	}
#nav a{
	line height: 20px;
	margin: 0 1px 4px 1px;
	text-decoration: none;
	color: #000000;
	}
#nav a.active, #nav a:hover{
	padding-bottom: 2px;
	color:#ffffff;
	}
.branch{
	float:right;
	clear:right;
	margin: -0.8em -8px 0 0;
	}
ul#sections{
	margin: 0 0 0 209px;
	padding: 0;
	list-style: none;
	clear:right;
	position:absolute;
	bottom:13px;
	}
ul#sections li{
	padding:0;
	float:left;
	margin:0 3px 0 0;
	position:relative;
	background:url(/_common/img/tabb.gif) no-repeat right top;	
	}
ul#sections a{
	display:block;
	text-decoration: none;
	color: #ffffff;
	background:url(/_common/img/taba.jpg) no-repeat left top;
	padding:0px 10px 1px;
	width: auto;
	}
ul#sections li li{
	background:none;
	}
ul#sections li li a{
	background:none;
	}
#sections a.active, #sections a:hover{
	display:block;
	padding-bottom: 1px;
	color:#363;
	}
ul#subnav1{
	list-style:none;
	background:url(/_common/img/green.gif);
	font-size:0.9em;
	width:100%;
	margin:0.8em 0 0 0;
	position: absolute;
	left: -999em;
 	}
	ul#subnav2{
	list-style:none;
	background:url(/_common/img/green.gif);
	font-size:0.9em;
	width:100%;
	margin:0.8em 0 0 0;
	position: absolute;
	left: -999em;
 	}
	ul#subnav3{
	list-style:none;
	background:url(/_common/img/green.gif);
	font-size:0.9em;
	width:100%;
	margin:0.8em 0 0 0;
	position: absolute;
	left: -999em;
 	}
#subnav1 li{
	border-top:1px dotted white; 
	width:100%;
 	}
	#subnav2 li{
	border-top:1px dotted white; 
	width:100%;
 	}
	#subnav3 li{
	border-top:1px dotted white; 
	width:100%;
 	}
ul#currentsub{
	list-style:none;
	background:url(/_common/img/lgreen.gif);
	font-size:0.9em;
	margin:0.8em 0 0 0;
	color:white;
 	}
#subnav li{
	border-top:1px dotted white; 
	width:100%;
 	} 
#sections li ul {
	position: absolute; 
	left: -999em;
	}
#sections li ul li {
	margin: 0px;
	}
#sections li:hover ul { 
	display: block;
	clear: left;
	 }
 #sections li:hover ul, #sections li.sfhover ul {
	left: auto;
	}
#header #sections #currentsub{
	background:url(/_common/img/tabbon.gif) no-repeat right top;
	color:#363;
	}
#header #sections #currentsub a{
	background:url(/_common/img/tabaon.jpg) no-repeat left top;
	color:#363;
	}
#header #sections #currentsub li li{
	background-image:none;
	background-color: #a6e773;
	}
#header #sections #currentsub li a{
	background-image:none;
	background-color: #a6e773;
	}
#sections, #sections ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#pgtitle h1{
	margin: 0 0 0 0;
	}
#pgtitle h1 img{
	margin: 0 .4em 0 0;
	}
.grass{
	padding: 0em 0 0 18em;
	}
.main{
	clear:both;
	font-weight:bold;
	font-size:1.2em;
	color: #85ad38;
	}
p.main{
	margin: 1em 1em 0 0em;
	color: #66a832;
	}
#contentlist{
	padding:0 0 0 1em;
	}
p.smalltxt{
	font-size: 0.9em;
	}
.category strong{
	margin: 4em 1em 2em 0em;
	width:550px;
	color:#5a5c59;
	}
p.txtleft{
	width:64em;
	margin:-1.2em 0 1em 0em;
	}
.postedby{
	color:#838682;
	margin:-1em 0 0 0;
	}
#regform{
	margin:2em 0 0em;
	}
#regform label{
	font-size:0.9em;
	margin:0 0 -0.5em 0;
	}
#regform input{
	width:22em;
	font-size:1.2em;
	border: 1px solid #bbccae;
	overflow:hidden;
	color:#3d6d2a;
	margin:-5em 0 1em 10em;
	padding: 0.1em;
	}
#regform #submit{
	width:57px;
	height:30px;
	display:block;
	border:none;
	margin:3em 0em 5em 28.2em;
	}
#regform #submit:active, #regform #submit:hover{
	background-position:0 -30px;
	}
.asterisk{
	color: #e08c1f;
	font-size: 1em;
	font-weight:bold;
	margin:-1.5em 0 1.5em 10em;
	}
.tablegrass{
	margin:-2em 0 -1em 30em;
	}
table{
	display:block;
	margin:3em 0 5em 0;
	}
th{
	text-align:left;
	background-color:#f5f4ec;
	color:#000;
	padding:10px;
	}
td.number{
	width:30px;
	padding:10px 10px 10px 10px;
	vertical-align:top;
	}
table tr td.product{
	width:300px;
	padding:10px 20px 10px 10px;
	vertical-align:top;
	display:block;
	}
td.quantity{
	width:150px;
	padding:10px 10px 10px 10px;
	vertical-align:top;
	}
td.quantity2{
	width:150px;
	padding:10px 10px 10px 10px;
	vertical-align:top;
	background-color:#f5f4ec;
	}
td.price{
	width:100px;
	padding:10px 10px 10px 10px;
	vertical-align:top;
	}
td.price2{
	width:100px;
	padding:10px 10px 10px 10px;
	vertical-align:top;
	background-color:#f5f4ec;
	}
td.edit{
	padding:0 1em;
	}
td.remove{
	padding:0 0em 0 2em;
	clear:both;
	}
td.remove2{
	padding:0 0em 0 2em;
	clear:both;
	background-color:#f5f4ec;
	}
.feedback{
	margin: 2em 0 0.5em 0;
	clear:both;
	font-weight:bold;
	padding:0 0 1em 0;
	font-size:1em;
	color: #85ad38;
	}
#faq{
	margin:1em 0 0 0;
	}
#faq dt{
	margin:1em 0 0.5em 0;
	font-size:1.2em;
	color: #85ad38;
	font-weight:bold;
	}
#list{
	margin:1em 0 0 0;
	}
#list dt{
	margin:1em 0 0 0;
	color: #66a832;
	font-weight:bold;
	}
#list dd{
	margin:0.5em 0 0 0;
	}


#contact dd{
	list-style:none;
	width:550px;
	}
#contact dt{
	list-style:none;
	color: #66a832;
	font-weight:bold;
	display:block;
	}
#contact dt a{
	color: #208c12;
	font-weight:500;
	}
#contact dd a.active, #contact dd a:hover{
	color: #85ad38;
	}
p.links{
	width:280px;
	}
p.txt a{
	color: #208c12;
	}
p.txt a.active, p.txt a:hover{
	color: #85ad38;
	}
p.link{
	margin:0.2em 0 2em 0;
	}
p.link a{
	color: #208c12;
	}
p.link a.active, p.link a:hover{
	color: #85ad38;
	}
a.back{
	width:57px;
	height:20px;
	background:transparent url(/_common/img/back.gif) no-repeat;
	display:block;
	margin:1em 0 0 0;
	}
a.back span{
	position:absolute;
	left:-10000px;
	}
a.back:active, a.back:hover{
	background-position:0 -20px;
	}
p.info{
	margin: 1.5em 1em 5em 13.2em;
	font-size:0.9em;
	width:450px;
	}
p.info img{
	float:left;
	margin:0.5em 1.5em 1em -13.5em;
	height: 128px;
	width:136px;
	}
#info a.calcinfo{
	width:74px;
	height:30px;
	background:transparent url(/_common/img/calcbig.gif) no-repeat;
	display:block;
	margin:-2.5em 0 0.2em 23em;
	}
#info a.calcinfo span{
	position:absolute;
	left:-10000px;
	}
#info a.calcinfo:active, #info a.calcinfo:hover{
	background-position:0 -30px;
	}
#Quanity{
	border-top: 1px solid #abbd9e;
	border-left: 1px solid #abbd9e;
	width: 3em;
	height:1.7em;
	overflow:hidden;
	background-color: #dad8d8;
	color:#3d6d2a;
	}
#info .qtxta{
	font-size: 0.8em;
	font-weight:bold;
	color: #7ac241;
	margin: -2.1em 0 0 39em;
	}
a.count2{
	width:50px;
	height:30px;
	background:transparent url(/_common/img/quote.gif) no-repeat;
	display:block;
	margin:-2.9em 0 3em 7em;
	}
a.count2 span{
	position:absolute;
	left:-10000px;
	}
a.count2:active, a.count2:hover{
	background-position:0 -30px;
	}
p.head{
	margin: 2em 0 1em 0;
	clear:both;
	color: #e08c1f;
	font-weight:bold;
	list-style:none;
	text-decoration:none;
	font-size:1.3em;
	}
#map{
	margin: 2em 0 1em 0;
	float:left;
	width:200px;
	list-style:none;
	text-decoration:none;
	}
#map li{
	margin: 0.2em 0 0em 0;
	background:none;
	padding:0;
	}
#map a{
	color: #66a832;
	list-style:none;
	text-decoration:none;
	font-weight:none;
	}
#map a.active, #map a:hover{
	display:block;
	color:#363;
	}
#map2{
	margin: 3.8em 11em 1em 0;
	float:right;
	list-style:none;
	text-decoration:none;
	}
#map2 li{
	margin: 0.2em 0 0em 0;
	background:none;
	padding:0;
	}
#map2 a{
	color: #66a832;
	list-style:none;
	text-decoration:none;
	font-weight:none;
	}
#map2 a.active, #map2 a:hover{
	display:block;
	color:#363;
	}



 
  
/* =5. tables */

/* =6. hacks */

.cf:after {content:".";display:block;height:0;clear:both;visibility:hidden;}