/* - - - - - - - - - - - - - - - - - - - - -

Title : Ecomist
URL : www.ecomist.com.au

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

- - - - - - - - - - - - - - - - - - - - - */

/*
-----------------------------------------------------------------------------
Global Styles
-----------------------------------------------------------------------------*/

div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; }

html, body { 
	margin: 0;
	padding: 0;
	height: 100%;
	color:#000;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	}

fieldset { border: 0; }

img { border: 0; }

h1 { font: normal 18px Arial, Helvetica, sans-serif; /*color: #0079c0;*/ color:#000000; }
h2 { font: bold 16px Arial, Helvetica, sans-serif; color:#007abe; }
h3 { font: bold 14px Arial, Helvetica, sans-serif; color:#0079BF; }

p, td, li { font: normal 12px/18px Arial, Helvetica, sans-serif; }

a { color: #0079c0; text-decoration:underline; }
a:hover  { color: #0079c0; text-decoration:none; }

.clear { clear: both; font-size: 0; height: 0; line-height: 0; }

hr { height: 1px; border: solid; color: #d9e2e9; }
html>body hr { border: none;  border-top: 1px solid #d9e2e9; }


/*
-----------------------------------------------------------------------------
Template Styles
-----------------------------------------------------------------------------*/

#container { margin: 0 auto; width: 1000px; height: 700px; min-height: 700px; }
	
	html>body #container { height: auto; }	

#headerWrapper {  width:1000px; height:114px; }
	#logo { width:369; float:left; }
	#leaf { width: 361px; float:right; }
	
#navWrapper { width:218px; background:url(../templateimages/navbg.jpg) repeat-y; float: left; }	
	#navTopLeft { width:42px; height:237px; background: url(../templateimages/navlefttop.jpg) top no-repeat; float:left; }
	#navList { width: 151px; background:url(../templateimages/navlistbg.jpg) repeat-y; float:right; /*padding-left:25px;*/ }
		
			/* ------------------------------------------------------------------------- 
			NAV BAR START
			------------------------------------------------------------------------- */ 
			
			#navbarbg { border-bottom: 1px dashed #333; border-top: 1px dashed #333; padding: 0px 0; }
			/* #navbar { width: 180px; height: 200px; min-height: 220px; }	*/
			
			html>body #navbar { height: auto; }
			
				#navList {
					float: left;
					width: 176px;
					text-align: left;
					padding-top: 10px;
					padding-bottom: 10px;
					color:#FFFFFF;
					/*border-bottom: #48a621 url(..templateimages/navborderbottom.jpg);*/
					}
						
					#navList ul { /*width: 151px;*/ height: auto; margin: 0; padding: 0; list-style: none; display: block; }
					
						#navList li { /*width: 151px;*/ 
						margin: 0px; 
						padding: 0px; 
						display: block;
					background: url(/persistent/templateimages/navborderbottom.jpg) no-repeat;
						 }
						#navList li a {
							/*width: 151px;*/
							height: 27px;
							font: normal 12px/27px Verdana, Arial, Helvetica, sans-serif;
							color:  #fff;
							text-decoration: none;
							padding: 0 0 0 15px;
							margin: 0;
							}
					
						#navList li a:hover { color: #127ebf; background:#fff url(../templateimages/navselected.jpg) left no-repeat; display: block; margin: 0; }
						#navList li a.navlink_selected { color: #127ebf; background:#fff url(../templateimages/navselected.jpg) left no-repeat; display: block; }
						#navList li.navlink_selected { color: #fff; font-weight: bold; }
							#navList li a.sub_link_selected { text-decoration: none; }
							#navList li a.subsub_link { text-decoration: none; padding: 0 0 0 35px; }
						#navList li { }
						
							#navList ul li ul { height: auto; margin: 0px; padding: 0px; display: block; background:#429b1d; /*width: 175px;*/  }
					
								#navList li ul li { border: 0; }
								#navList li ul li a {	
									/*width: 151px;*/
									font: normal 11px/27px Arial, Helvetica, sans-serif;
									color: #fff;
									text-decoration: none;
									margin: 0px;
									padding: 0 0 0 25px;
									display: block;
									background: none !important;
									}
									
								#navList li ul li a:hover { color: #127ebf; text-decoration: none; background: none; }
								#navList li ul li a.sub_link_selected { color: #fff; text-decoration: underline; background: none; }
								#navList li ul li a.subsub_link_selected { color: #fff; text-decoration: underline; background: none; padding: 0 35px; }
								#navList li ul li ul li a {	
									/*width: 151px;*/
									font: normal 11px/27px Arial, Helvetica, sans-serif;
									color: #fff;
									text-decoration: none;
									margin: 0px;
									padding: 0 0 0 35px;
									display: block;
									}
									
								#navList li ul li ul li a:hover { color: #127ebf; text-decoration: none; background: none; }
						
						/* ------------------------------------------------------------------------- 
						NAV BAR END
						------------------------------------------------------------------------- */ 
	#navBottom { width:218px; height:164px; }
		
#contentWrapper { padding-bottom:120px; /*footer height*/ width: 782px; float: right; }
	
	#flashbanner { width:505px; height: 162px; float: left; border-left: solid 1px #fff; }
	#waterdrop { width: 276px; height: 162px; float: right; }
	
		#subnavWrap { width:781px; height:31px; background:url(../templateimages/subnavBg.jpg) repeat-x; border-left:solid 1px #fff; }
			#subnav { width: 500px; float: left; }
			#shopOnline { width: 276px; height: 31px; float: right; }

		#content { width:460px; float:left; padding-left:26px; }
		#contentDefault { width:756px; float: right; padding-left:26px; }
		
		#news { width: 276px; float: right; }


#footerBarWrap {
	width: 1000px;
	height:150px;
	margin: 0 auto;
	border-top:solid 1px #dae1e9;
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	color:#b8c2ce;
	}

#footerBar {
	width:650px;
	margin: 0 auto;
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	color:#666;
	padding-left: 150px;
	}
	
		#footerBar a{ text-decoration: underline; }
		#footerBar a:hover { text-decoration: none; }	
		
		td.News { border: 1px solid #ccc; height: 150px; }
		
		#flashcontent { width:505px; height: 162px; float: left; border-left: solid 1px #fff; }
			
			#productImages { width: 220px; float: left; }
			#productText { width: 500px; float: right; padding-right: 20px; }