html {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #F5F5EB;
}

a { color: #00A620; text-decoration: none; }
a:hover { color: #007716; }
a img { border: 0px; }

h1 { color: #01440E; font-size: 14pt; font-weight: normal; text-transform: uppercase; }
h1 b { color: #007716; }
h2 { color: #666; font-size: 12pt; font-weight: bold; }
h2.lt-green { margin: 0; padding: 10px 0 0 0; text-transform: uppercase; }
h3, p, label { font-size: 10pt; }
ul, ol {
	font-size: 10pt;
	line-height: 12pt;
	margin: 0.5em 0 0.5em 20px;
	padding: 0;
}

input, select, textarea {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	font-size: 9pt;	
}

.uc { text-transform: uppercase; }
.green { color: #A2CA38; }
.red { color: #DE002A; }
.lt-green { color: #01440E; }
.orange { color: #00A620; }
.blue { color: #666; }
.lt-grey { color: #F5F5EB; }
.left { text-align: left; }
.small { font-size: 11px; }
.left-float { float: left; margin: 0 10px 0 0; }
.right-float { float: right; margin: 0 0 0 10px; }

#site-border {
	text-align: justify;
	width: 900px;
	margin: 20px auto 0px auto;
	background: #FFF url(../images/body-back.png) repeat-y left top;
}

#site-head { width: 900px; height: 120px; background: url(../images/head-back.jpg) no-repeat left top; }
#site-head #hleft { float: left; margin: 10px 0 0 8px; }
html>body #site-head #hleft { margin: 10px 0 0 15px; }
#site-head #hright {
	color: #A2CA38;
	font-size: 14pt;
	font-weight: bold;
	text-align: right;
	margin: 0 0 0 595px;
}
#site-head #hright img { vertical-align: text-bottom; margin: 0 0 0 20px; }
#site-head:after { content: ""; display: block; height: 0; clear: both; }

/* Site Body */
#site-body { width: 100%; background: #FFF; }
#site-body:after { content: ""; display: block; height: 0; clear: both; }
#site-body #bleft {
	text-align: left;
	width: 205px;
	float: left;
	background-color: #FFF;
}
#site-body #bleft ul {
	text-transform: uppercase;
	font-weight: bold;
	list-style: none;
	margin: 10px 0 0 0;
}
#site-body #bleft ul a { 
	color: #007716;
	width: 90%;
	display: block;
	padding: 7px 0 7px 20px;
}
#site-body #bleft ul a:hover { color: #007716; background-color: #FFF500; }
#site-body #bleft ul #est {
	font-size: 8pt;
	text-align: center;
	padding: 20px 0 20px 0;
}
#site-body #bleft ul #netbop {
	color: #FFF500;
	font-size: 8pt;
	text-transform: none;
	padding: 20px 0 20px 20px;
}
#site-body #bleft ul #netbop a {
	color: #FFF500;
	width: auto;
	display: inline;
	border: 0px;
	padding: 0;
}
#site-body #bleft ul #netbop a:hover { color: #007716; background-color: transparent; }
#site-body #bleft ul ul { font-weight: bold; margin: 0 0 0 0; border: 0px; font-size: 11px; }
#site-body #bleft ul ul a { width: 80%; color: #666; padding: 7px 0 7px 40px; }
#site-body #bleft ul ul a:hover { 
	color: #007716;
	background-color: #FFF500;
	background-image: url(../images/tick-yel.gif);
	background-position: 10% 50%;
	background-repeat: no-repeat;
}
#site-body #bright {
	width: 75%;
	float: right;
	padding: 10px 0 10px 0; 
}

#features { 
	width: 300px;
	float: right;
	margin: 0 0 0 30px;
	padding: 0 0 10px 0;
}
#features h1 {
	color: #00A620;
	font-size: 12pt;
	line-height: 8pt;
	border-bottom: 4px solid #00A620;
	padding: 5px 0 0 0;
	margin: 0;
	font-weight: bold;
}
#features ul {
	list-style: none;
	line-height: 11pt;
	padding: 0;
	margin: 0;
	background: #E7F1D7;
}
#features ul li {
	height: 105px;
	padding: 10px 10px 10px 0;
	clear: both;
}
html>body #features ul li { height: auto; }
#features ul li:after { content: ""; height: 0px; display: block; clear: both; }
#features #f3 { border-bottom: 4px solid #00A620; }
#features ul img {
	float: left;
	margin: 0 10px 0 10px;
}
#features ul a { color: black; text-align: left; }
#features ul a:hover { color: #666; }
#features ul a .head { color: #00A620; font-weight: bold; text-align: left !important; }
#features ul a .link { color: #00A620; }

#breadcrumbs { text-align: right; margin: 0 20px 0 0; }
#breadcrumbs p { color: #999; font-weight: bold; }


/* Product Categories Page */
#product-cat1 { list-style: none; margin: 0; padding: 0; }
#product-cat1:after { content: ""; height: 0px; display: block; clear: both; }
#product-cat1 li {
	text-align: center;
	width: 150px;
	height: 190px;
	float: left;
	background-color: #F5F5EB;
	margin: 10px 15px 10px 0;
	padding: 0 0 10px 0;
	border: 1px solid #CCC;
}
#product-cat1 a { font-weight: bold; }
#product-cat1 img { border: 0px solid #A2CA38; margin: 0 0 5px 0; }

/* Product Subcategories Page */
#product-cat2 { list-style: none; margin: 0; padding: 0; }
#product-cat2:after { content: ""; height: 0px; display: block; clear: both; }
#product-cat2 li {
	text-align: center;
	width: 150px;
	float: left;
	background-color: #F5F5EB;
	margin: 10px 15px 10px 0;
	padding: 0 0 10px 0;
	border: 1px solid #A2CA38;
}
#product-cat2 a { font-weight: bold; }
#product-cat2 img { border: 0px solid #A2CA38; margin: 0 0 5px 0; }
#product-cat1 .split, #product-cat2 .split {
	font-size: 0pt;
	width: 100%;
	height: 0px;
	min-height: 0px;
	float: none;
	clear: both;
	background: transparent;
	border: 0px;
	padding: 0;
	margin: 0;
}

#basket { font-size: 10pt; }
#basket th { text-align: left; padding: 5px 0 5px 0; }
#basket td { padding: 5px 0 5px 0; }
#basket form { margin: 0; padding: 0; }
#basket .basket-1 { width: 60%; }
#basket .basket-2 { width: 10%; }
#basket .basket-3 { width: 15%; }
#basket .basket-4 { width: 15%; }
#basket #feature {
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #A2CA38;
	background-color: #F5F5EB;
	padding: 5px 0 5px 0;
	margin: 20px 0 20px 0;
}

#contactform { width: 50%; float: left; padding: 1em 0 3em 0; margin: 0 20px 0 0; }
#contactform div { clear: both; padding: 3px 0; }
#contactform label {
	color: #666;
	width: 100px;
	height: 17px;
	float: left;
}
#contactform input, #contactform textarea, #contactform select {
	color: black;
	width: 200px;
	border: 1px solid grey;
	margin: 0px 0px 1px 0px;
	padding: 2px;
}
#contactform #submit-but input { width: 75px; margin: 5px 0px 0px 103px; border: 0px; }

#address { margin: 2em 0 0 0; }

.order { background: url(../images/star.png) no-repeat 70% 23%; }

#orderform { width: 330px; padding: 0 0 1em 0; margin: 0; }
#orderform div { clear: both; }
#orderform h2 { color: #A2CA38; }
#orderform p { margin: 0 0 0.5em 0; padding: 0; }
#orderform #details1, #orderform #details2, #orderform #details3, #orderform #details4 { 
	background-color: #F5F5EB;
	padding: 10px 0 10px 0;
	border: 1px dashed #A2CA38; 
}
#orderform label {
	color: #666;
	width: 100px;
	height: 17px;
	float: left;
	margin: 0 0 0 10px;
}
#orderform input, #orderform textarea, #orderform select {
	color: black;
	width: 200px;
	border: 1px solid grey;
	margin: 0px 0px 1px 0px;
	padding: 2px;
}
#orderform #details3 input { width: auto; }
#orderform #details3 label { float: none; height: auto; }
#orderform #WaMsg { color: #DE002A; font-weight: bold; border: 0px; width: 100%; }
#orderform #submit-but input { width: 127px; margin: 5px 0px 0px 103px; border: 0px; }

#site-foot {
	text-align: center;
	width: 100%;
	padding: 10px 0;
	background: url(../images/foot-back.gif) no-repeat 0% 0%;
	border-top: #00A620 10px solid;
}
#site-foot ul { color: #002F09; list-style: none; margin: 0; padding: 5px 0; font-size: 11px; }
#site-foot li { display: inline; padding: 0 10px; border-right: #00A620 1px solid; }
#site-foot li.end { border: 0; }
#site-foot a { color: #CCC; }
#site-foot a:hover { color: #FFF500; }

.note { font-size: 10pt; border: 2px solid #CF8929; padding: 10px; background-color: #F5F5EB; margin: 15px 0px 0px 0px }


/* Special Offers Page */
#site-head-sp { width: 100%; background: url(../images/head-back-sp.png) no-repeat left top; }
#site-head-sp #hleft { float: left; margin: 10px 0 0 8px; }
html>body #site-head-sp #hleft { margin: 10px 0 0 15px; }
#site-head-sp #hright {
	color: #A2CA38;
	font-size: 14pt;
	font-weight: bold;
	text-align: right;
	margin: 0 0 0 595px;
}
#site-head-sp #hright img { vertical-align: text-bottom; margin: 0 0 0 20px; }
#site-head-sp:after { content: ""; display: block; height: 0; clear: both; }

#site-border-sp {
	text-align: justify;
	width: 900px;
	margin: 20px auto 0px auto;
	background: url(../images/body-back.png) repeat-y left top;
	background-color: #FFFF00;
}

#site-foot-sp {
	text-align: center;
	width: 100%;
	padding: 50px 0 10px 0;
	background: url(../images/foot-back-sp.png) no-repeat 0% 0%;
}
#site-foot-sp ul { color: #666; list-style: none; margin: 0; }
#site-foot-sp li { display: inline; }
#site-foot-sp a { color: #666; }
#site-foot-sp a:hover { color: black; }