/* CSS Document */

body  {
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: #000000;
background-color:#B1BD7B;
background-image:url(images/eco_bg.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

p{
color:#666666;
}


#wrapper{
margin-left:1px;
width:750px;
}

#shadow{
margin:auto;
text-align:left;
}

/*for other than IE5 IE6*/	
html>body #wrapper{
margin-left:12px;
}


#whiteNav{
width:774px;
background-image:url(images/endPart.png);
background-repeat:no-repeat;
margin-top:0px;

}
#content p{
text-align:left;
padding-left:15px;
padding-right:20px;
}

#content ul li{
text-align:left;
padding-left:5px;
padding-right:20px;
padding-bottom:10px;
color:#666666;
}


.nospace{
margin-bottom:0px;
padding-bottom:0px;
}

/*used for subnavigation on the products page*/
.purpleSub {
background-color:#F1F1F1;
text-align:left;
padding-left:10px;
border-bottom:#FFFFFF solid 1px;
}

.purpleSub1{
border-bottom:#FFFFFF solid 1px;
background-color:#F1F1F1;
}

.purpleSub a{ 
color:#A186BE;
font-size:13px;
text-decoration:none;


}

.purpleSub a:down { 
color:#7A6591;
}

.purpleSub a:hover{ 
color:#7A6591;
font-size:13px;
text-decoration:underline;
}
.oneImage {
padding-left:0px;
padding-top:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding-right:0px;
padding-bottom:0px;
}

/* use for categories nav*/
.categories  {color: #EC008C; font-size:13px; padding-left:5px; text-decoration:none;}
.categories a:hover {color: #EC008C; font-size:13px; padding-left:5px; text-decoration:underline;}

.tableP{
padding-left:10px;
padding-right:10px;
}



.formA{
width:103px;
height:26px;
border:0px;
}
img .shadow{ behavior: url(iepngfix.htc); }

.shadow{
width:774px;
background-image:url(images/green_bgBar.png);
}

/*.homeText{ -- for home page intro text
text-align:left;
padding-left:40px;
padding-right:60px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}*/

.whiteText a{
text-decoration:none;
margin-top:50px;
color:#FFFFFF;
font-size:11px;
}
.whiteText {
margin-top:50px;
color:#FFFFFF;
font-size:11px;
}
.whiteT{
font-size:11px;
margin-top:0px;
}

.prodTitles{
font-size:13px;
color: #666666;
font-weight:bold;
}

.prodValent{
font-size:16px;
color: #EC008C;
}

.pinkIntro {color: #EC008C; font-size:14px; text-align:left;}
.greyIntro {font-size: 14px; color:#666666; text-align:left;}


.style1 {color: #EC008C;}
.style2 {font-size: 12px; color:#666666; text-align:left; padding-bottom:4px;}

/*for products on table*/
.style3 {
	color: #666666;font-weight: bold;font-size:13px;}
.style4 {color: #999999; font-size:14px;}
.style5 {font-size:14px; color: #666666;}
.style6 {color: #999999; font-size:13px;}
.redcolour{
color: #EC008C;
}
.redTitle{
font-size:16px;
color: #EC008C;
}
.gifset{color: #999999; font-size:10px;}



html>body .whiteText{
margin-top:40px;
}