body  {
font-family:Verdana;
background: #009699;
/*background-image:url(images/bodyBack.jpg);
background-position:top left;
background-repeat:repeat-x;*/
margin: 0;  /*it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #333333;
font-size:12px;
line-height:1.5;
}

h1 {
font-size:16px;
margin:10px 0 10px 0;
color:#009699;
}

h2 {
font-size:14px;
color:#003366;
margin:10px 0 10px 0;
}

h3 {
font-size:12px;
}

a{
color:#000;
text-decoration:none;
font-weight:bold;
}

a:hover{
color:#DDD;
}

.container{
width: 100%;
margin:0 auto;
position:absolute;
top:0px;
left:0px;
}

.headerContainer{
margin: 10px auto 0px auto;
height:200px;
width:100%;
}

.header{
background-color:#FFFFFF;
background-image:url(images/header.jpg);
background-position:right;
background-repeat:no-repeat;
margin: 0px auto 0px auto;
height:200px;
width:1000px;
position:relative;
}

#contactContainer {
	font-size:11px;
	border-bottom:#003366 1px solid;
	position:relative;
	float:right;
	display:inline;
	margin-right:20px;
	top: 20px;
	padding:0px;
}

#contactDetail {
position:relative;
float:left;
border: 0px solid #CCCC00;
padding-right:20px;
padding-top:20px;
padding-bottom:5px;
text-align:left;
/*background-color:#FFFFFF;*/
}

#contactDetail a{
color:#003366;
}

#contactDetail a:hover{
color:#B1B1B1;
}

.logo{
position:relative;
float:left;
width:200px;
height:50px;
margin-left:5px;
margin-top:5px;
}

.bodyContainer{
width:100%;
}

.main{
background-color:#FFFFFF;
background-image:url(images/grass.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin: 0px auto;
width: 1000px;
text-align:left;
}

.mainNav{
position:relative;
width:100%;
text-align:center;
margin:0 auto;
border-bottom:0px solid #003366;
background-image:url(images/menuBack.jpg);
background-position:center top;
background-repeat:no-repeat;
height:45px;
padding-top:8px;
}

.mainNav a{
font-family:Arial;
color:#FFF;
font-weight:bold;
font-size:14px;
margin:0 28px;
}

.mainNav a:hover{
color:#006966;
}

.mainNav p{
text-align:center;
display:inline;
}

.menu{
list-style:none;
margin:0;
padding:0px;
width:100%;
}

.menu ul{
list-style-type:none;
margin:0;
padding:0;
}

.menu ul li{
position:relative;
}

.menu a{
font-weight:bold;
background-color:#F5F5F5;
border-bottom:1px solid #DDDDDD;
color:#000;
display:block;
font-size:11px;
padding:7px 0 2px 10px;
text-decoration:none;
vertical-align:bottom;
width:160px;
}

.menu a:hover {
background-color:#666666;
color:#FFFFFF;
}

.middleContainer{
width:100%;
background-image:url(images/dividerImage.jpg);
background-position:top;
background-repeat:repeat;
position:relative;
float:left;
height:50px;
margin-bottom:20px;
}

#content {
position:relative;
background-color:#FFFFFF;
background-image:url(images/grass.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin: 0px auto;
width: 1000px;
text-align:left;
}

.categoryContainer {
display:inline;
margin-left:25px;
font-size:11px;
width:800px;
/*border:#DDDDDD 1px solid;*/
position:relative;
float:left;
padding:5px;
}

#categoryImage{
position:relative;
float:left;
}

#categoryDescription{
/*border: 1px solid #AA1111;*/
vertical-align:bottom;
position:relative;
float:left;
width:580px;
margin-left:20px;
background-color:#FFFFFF;
}

#descriptionScroll{
overflow:auto;
height:150px;
}

.featureMainContainer{
float:left;
margin-left:20px;
width:170px;
}

.featureHeading{
width:160px;
position:relative;
float:left;
}

.featureContainer{
width:160px;
border:0px solid #000;
position:relative;
float:left;
padding-top:10px;
}

.featureMenu{
list-style:none;
margin:0;
padding:0px;
width:100%;
}

.featureMenu ul{
list-style-type:none;
margin:0;
padding:0;
}

.featureMenu ul li{
position:relative;
}

.featureMenu a{
font-weight:bold;
background-color:#F5F5F5;
border-bottom:1px solid #DDDDDD;
color:#000;
display:block;
font-size:11px;
padding:7px 0 2px 10px;
text-decoration:none;
vertical-align:bottom;
width:160px;
}

.featureMenu a:hover {
background-color:#666666;
color:#FFFFFF;
}

.catalogueContainer{
vertical-align:bottom;
position:relative;
float:left;
width: 973px;
height: 250px;
margin-bottom:30px;
/*filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
-khtml-opacity: 0.50;*/
}

.productContainer {
font-size:11px;
width:450px;
height:250px;
border:#DDDDDD 1px solid;
position:relative;
float:left;
padding:5px;
background-color:#FFFFFF;
}

.productContainer a{
color:#003366;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.productContainer a:hover{
font-size:11px;
color:#31C297;
}


#productContainerScroll{
position:relative;
overflow:auto;
height:200px;
}

.productImage{
position:relative;
float:left;
width:160px;
height:150px;
padding:5px;
text-align:center;
border-top:#DDDDDD 1px dashed;
}

.categoryList {
font-size:11px;
height:250px;
border:#DDDDDD 1px solid;
position:relative;
float:right;
padding:5px;
background-color:#FFFFFF;
}

.categoryList a{
color:#003366;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}

.categoryList a:hover{
font-size:11px;
color:#31C297;
}

#categoryListScroll{
position:relative;
overflow:auto;
height:200px;
}

.subcategoryImage{
position:relative;
float:left;
width:130px;
height:150px;
padding:5px;
text-align:center;
border-top:#DDDDDD 1px dashed;
}

.footerContainer{
/*background-image:url(images/texture1Back.jpg);
background-position:top;
background-repeat:repeat;*/
margin: 0px auto 0px auto;
width:100%;
}

#footer {
width: 1000px;
margin: 0px auto;
text-align:center;
border-top: 0px #333333 solid;
height:50px;
}

.footerMenu{
position:relative;
width:100%;
text-align:center;
margin:0 auto;
border-bottom:0px solid #003366;
height:45px;
padding-top:8px;
}

.footerMenu a{
font-family:Arial;
color:#FFF;
font-weight:bold;
font-size:14px;
margin:0 28px;
}

.footerMenu a:hover{
color:#006966;
}

.footerMenu p{
text-align:center;
display:inline;
}

.bottom {
background-color:#3f3f3f;
background-image:;
background-position:;
background-repeat:;
margin:0 auto;
text-align:center;
width:1000px;
}