@charset "utf-8";
/* CSS Document */

body 
{ margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; 
  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:url(images/watermark.jpg) fixed top left; }

#MainHolder
{ 
	width:720px; 
	text-align:left; 
	vertical-align:top; 
	margin:0 auto; 
	padding:0; 
}

#HeaderMenu
{ 
	position:relative; 
	float:left; 
	width:100%; 
	height:55px; 
	background:url(images/topflat.jpg) top left no-repeat; 
	border-left: #000000 1px solid; 
	border-right:#000000 1px solid; 
}

#MainEdit
{ 	
	float:left; 
	width:100%; 
	background:#ffffff; 
	border-left: #000000 1px solid; 
	border-right:#000000 1px solid; 
	z-index:100; 
}

.fiftyfifty
{ 
	float:left; 
	width:340px; 
	padding:10px;
}

.fullWidth
{ 
	float:left; 
	width:97%; 
	padding:10px;
}

.fullWidthNoPadding
{ 
	float:left; 
	width:97%; 
}

#footer
{ 
	float:left; 
	width:700px; 
	padding:10px; 
	background:#ffffff; 
	border:#000000 1px solid;
	
}

/* enquiry forms */
label
{
	float:left;
	text-align:right;
	width:160px;
	margin: 0.4em 0.5em 0 0;
}

label.long {
	width:35em;
	text-align:left;
	margin-left:7em;
}

input
{	width:auto; 
	margin:0.2em 0 0 0;
	border:#7E8040 1px solid;
}

.mainContactDetails
{ 
	position:relative; 
	float:left; 
	width:100%;
}

.phonefaxLeft
{ 
	position:relative; 
	float:left; 
	width:60px 
}

.phonefaxRight
{ 
	position:relative; 
	float:left; 
	width:200px 
}

.borderBLK
{ 
	border:#000000 1px solid; 
}


/* Product Pages */

.mainProdPage
{
	position:relative;
	float:left;
	width:100%;
}

.imgPadding
{ padding-right:20px;}

.ProdPageColumns
{
	position:relative;
	float:left;
	width:170px;
	padding:4px;
}

.imgPaddingLeft
{
	padding-left:40px;
}

.greenBox
{
	position:relative;
	background:#99CC99;
	width:250px;
	padding:10px;
}

.liquidLeft
{
	position:relative;
	float:left;
	width:340px;
	border:#000000 1px solid;
	padding:4px;
}
.liquidRight
{
	position:relative;
	float:left;
	width:110px;
	border:#000000 1px solid;
	padding:4px;
}

/* h tags texts and links */

h1
{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#a6815c; 
	padding:0; 
	margin:0; 
	letter-spacing:-1px; 
}

h2
{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#a6815c; 
	padding:0; 
	margin:0; 
}

.h2BLK
{
	color:#000000;
}

.error
{
	color:#FF0000;
	font-weight:bold;
}

.size10
{ font-size:10px; }

a:link 
{ color: #b58f33; text-decoration: none }
a:visited 
{ color: #b58f33; text-decoration: none }
a:active 
{ color: #b58f33; text-decoration: none }
a:hover 
{ color: #856720; text-decoration: none }


/* NAVIGATION START */

#nav {
position:relative;
list-style:none;
width:500px;
font-family:arial, verdana, sans-serif;
left:120px;
top:38px;
margin:0;
padding:0;
z-index:500;
}

#nav li.top {
display:block;
float:left;
}

#nav li a.top_link {
display:block;
float:left;
height:16px;
line-height:16px;
color:#ffffff;
text-decoration:none;
font-weight:bold;
font-size:12px;
cursor:pointer;
padding:0;
}

#nav li a.top_link span {
float:left;
display:block;
padding:0 10px;
}

/* for IE 6 */
#nav li a.top_link:hover {
color:#ffffff;
background:#845520;
}

#nav li:hover > a.top_link span {
background:#845520;
}

#nav li:hover > a.top_link {
color:#ffffff;
}

#nav table {
border-collapse:collapse;
width:0;
position:absolute;
top:0;
left:0;
margin:0;
}

#nav li:hover {
position:relative;
z-index:200;
}

#nav a:hover {
visibility:visible;
position:relative;
z-index:200;
}

#nav ul {
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
list-style:none;
margin:0;
padding:0;
}

/* sub menu popup */
#nav :hover ul {
left:0;
top:16px;
white-space:nowrap;
border-top:#000000 1px solid;
width:140px;
height:auto;
z-index:1000;
background:#a4825c;
padding:8px 10px 10px 5px;
}

#nav :hover ul li a {
display:block;
list-style:none;
font-size:12px;
height:20px;
line-height:20px;
width:auto;
color:#ffffff;
font-weight:700;
text-decoration:none;
padding:0 5px;
}

#nav :hover ul li a:hover {
background:#845520;
color:#ffffff;
}