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

body
{	font-family:Geneva, Arial, Helvetica, sans-serif, Trebuchet MS;
	color:#000000;
	margin:0px;
	background-image:url(/customers/ecogroup/Assets/body-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}




h3
{	margin:3px 0 3px 0;
	
	font-size:15px;
}


p
{	font-size:13px;
	line-height:18px;
	margin:0px;
}

.textinput
{ border:1px #CCCCCC solid;
  margin:0px;
  width:300px;
}

select
{ 		margin:0px;
		width:300px;
		background-color: #ECECEC;
		border:1px #CCCCCC solid;
}

a img {border: none; } 

#container
{	margin: 10px auto;
	width: 960px;
}

#top
{	height:114px;
	background-image: url(/customers/ecogroup/Assets/banner-top.png);
	background-repeat:no-repeat;
	background-position:center;
	
}


#top-menu
{ 
padding:91px 0px 0px 0px;
}

#top-menu ul
{	list-style-type:none;
	margin:0;
	padding:1px 0px 0px 0px;
}

#top-menu li
{	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	font-weight:bold;
	width:159px;
	border-right:#106858 1px solid;
}

#top-menu li.noborder
{	
	border-right:none;
}

#top-menu a
{ color:#106858;
	text-transform:uppercase;
	font-size:13px;
	text-decoration:none;
}

#top-menu a:hover
{ 	text-decoration: underline;
}

/*style for drop down menu - if needed (same as on www.envirogroup.com.au,  I have not created a html version for the drop down menu.  */

#top-menu li ul
{	list-style-type:none;
	display: none;
	position: absolute;
	margin:0;
	padding:0px;
}

#top-menu ul li li a
{	color:#106858;
	background-color: #FFFFFF;
	text-align:left;
	padding-left:5px;
	font-size:10px;
	line-height:25px;
	  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  text-decoration:none;
}

#top-menu ul li li a:hover
{	text-decoration:underline;
}

/*top-leftbox: I have created this box for the flash slide show*/

#top-leftbox
{	height:228px;
width:960px;
border-bottom:#106858 1px solid;
}

/*Styles related to the main content area, including the form on the left, and specific styles for the main content. 'mainarea' and 'main' have background images that make up the 'boxed' design*/

#mainarea
{ padding:0px;
  width:960px;
  float:left;
  background-image:url(/customers/ecogroup/Assets/mainbg.jpg);
  background-repeat:repeat-y;
}

#main
{	margin:10px 0 0 0;
	background-image:url(/customers/ecogroup/Assets/main-contentbg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
	 width:960px;
} 


/*FROM module on the left*/
#left-content
{	padding: 0px 50px 20px 30px;
	border-right: #CCCCCC dashed 1px;
	color: #999999;
	width:300px;
	float:left;
}

#left-content h1
{	color: #60B00D;
	font-size:25px;
	line-height:30px;
	font-weight:bold;
	margin:15px 0 15px 0;
}
#left-content h2
{	margin:10px 0 10px 0;
	color: #999999;
	font-size:14px;
}

#left-content p
{	color: #666666;
	font-size:12px;
	line-height:16px;
}


/*main content styles*/

#main-content 
{	float:right;
	width:520px;
	padding-right:30px;
	
}

#main-content h1
{	color:#106858;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 15px 0px;
}



#main-content h2
{	margin:10px 0 10px 0;
	color: #999999;
	font-size:14px;
}

#main-content h3
{	margin:10px 0 3px 0;
	color:#106858;
	font-size:12px;
}

#main-content p
{	color: #333333;
	font-size:12px;
	line-height:16px;
}

/*main content styles fro all follow on pages*/

#main-content2 
{	float:right;
	width:700px;
	padding-right:30px;
	
}

#main-content2 h1
{	color:#106858;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 15px 0px;
}



#main-content2 h2
{	margin:10px 0 10px 0;
	color: #999999;
	font-size:14px;
}

#main-content2 h3
{	margin:10px 0 3px 0;
	color:#106858;
	font-size:12px;
}

#main-content2 p
{	color: #333333;
	font-size:12px;
	line-height:16px;
}


/*SHOP module - I am still working on this one, please don't use the shop module yet.
I will send through an updated CSS style sheet for this one. */

#shop-menu
{	width:180px;
	margin-left:20px;
	float:left;
	background-image:url(/customers/ecogroup/Assets/shop-bg.jpg);
	background-repeat:repeat-y;
}

#shop-menu h1
{	color: #FFFFFF;
	margin:0px;
	font-size:13px;
	line-height:22px;
	text-transform:uppercase;
	text-align:center;
	width:180px;
	background-image:url(/customers/ecogroup/Assets/shop-h1-bg.jpg);
}

#shop-menu ul
{	padding: 0px;
	margin:0px;
}

#shop-menu li
{ 	padding-left:15px;
	list-style-type:none;
	font-size:11px;
	line-height:22px;
	margin:2px 0 0 0;
	width:165px;
	background-color: #999999;
	color:#FFFFFF;
	
}

.no-subcategory
{ background-image:url(/customers/ecogroup/Assets/shop-li-bg1.jpg);
}

#shop-menu ul ul li
{ 	padding-left:15px;
	list-style-type:none;
	font-size:11px;
	line-height:22px;
	margin:2px 0 0 0;
	width:165px;
	background-image: url(/customers/ecogroup/Assets/shop-li-a.jpg);
}

#shop-menu ul ul li a
{ 	text-decoration:underline;
	width:180px;
	height:22px;
	color: #006600;
}


#shop-menu a
{	text-decoration:underline;
	width:180px;
	height:22px;
		color: #FFFFFF;
}

#shop-menu a:hover
{	text-decoration: none;
}



/*all footer related styles*/

#footer
{	float:left;
width:960px;
height:52px;
}

#footer-rightbox
{ float:right;
		width:420px;
	text-align:right;
	margin-top:8px;
	margin-right:15px;
	color: #999999;
	font-size:10px;
	line-height:12px;
	color:#106858;
}


#footer-rightbox a
{	text-decoration: underline;
	color:#106858;	
}

#footer-rightbox a:hover
{	text-decoration: none;}