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

Title : Hydro H2O
URL : http://hydroh2o.com.au/

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

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


/*----------------------------------------------------------------------------- 
	Global Styles
-----------------------------------------------------------------------------*/
html, body { margin: 0; padding: 0; }

body {
	background: #f8f2df;
	font: normal 12px/18px Arial, Helvetica, sans-serif; 
	color: #444444;
}

h1, h2, h3, h4, h5, p { margin:0; padding:0; }

h1 { font: normal 20px Arial, Helvetica, sans-serif; color: #28312d; margin-bottom: 16px; }
h2 { font: bold 16px Arial, Helvetica, sans-serif; color:#000000; margin-bottom: 5px; margin-top: 15px; }
h3 { font: bold 13px Arial, Helvetica, sans-serif; color:#d7353c; margin-bottom: 5px; margin-top: 15px; }

#heading h1 { font: bold 18px Arial, Helvetica, sans-serif; color: #000000; line-height: 51px; }

p { margin-bottom: 20px; }

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

ul, ol {
	padding: 0 20px 20px 40px;
}
	
a, a:hover { color: #048ca8; }
a:visted { color: #1f5965; }

.clear { clear: both; line-height: 0; padding:0; margin:0; }

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

.tableStyle {
	background: #f5f4f4;
}


	.tableStyle td {
		border: 1px solid #ffffff;
		padding: 8px;
	}

.tableHeader {
	background: #f9f2df;
	/*color: #d4383b;*/
	font-size: 14px;
}

.tableNoBg { background: #ffffff; }

hr { 
	border: 0;
	border-bottom: 1px solid #048ca8;
	height: 1px;
	margin: 5px 0;
}

/*----------------------------------------------------------------------------- 
	Layout Styles
-----------------------------------------------------------------------------*/

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#headerWrap {
	width: 940px;
	margin: 0 auto;
	padding-bottom: 5px;
}

	#logo { float: left; width: 187px; }
	
	#topNavWrap { /* Top navigation */
		float: right;
		margin-top: 116px;
	}
	
		ul#topNav {
			list-style: none;
			margin: 0;
			padding: 0;
			
		}
		
			ul#topNav li { display: inline; float: left; }
			
			ul#topNav a, ul#topNav a:visited {
				padding: 4px 8px 2px 8px;
				display: block;
				text-decoration: none;
				color: #444444;
				text-transform: uppercase;
				font: normal 12px Arial, Helvetica, sans-serif;
			}
			
			ul#topNav a:hover { text-decoration: underline; }
			
	
	#search { /* Search Box */
		float: right;
		width: 160px;
		padding-left: 10px;
		margin-top: 116px;
	}
	
		.searchBox { 
			width:123px; 
			border: 1px solid #dbcc9c; 
			color: #444444; 
			font: normal 12px Arial, Helvetica, sans-serif;
			padding: 2px 0 2px 2px;
			margin: 0;
		}
		.searchGo { 
			width: 28px; 
			background: url(../templateimages/search_go.jpg) no-repeat;
			border: 0;
			height: 21px;
			margin: 0;
		} 

#mainWrap {
	background: #ffffff;
	padding: 10px;
/*	width: 940px;*/
}

	#heading { 
		background: url(/images/templateimage/heading_bg.jpg) #ffffff no-repeat;
		height: 51px;
		width: 925px;
		text-align: right;
		padding: 0 15px 10px 0px;
	}
	
	#contentsWrap {
		background: url(../templateimages/nav_bg.gif) left repeat-y;
	}

	#sideNavWrap { /* Side Navigation */
		float: left;
		width: 220px;
	}
	
		ul#sideNav, ul#sideNav ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}
		
		.storeSub { }
		.catSub { display: none; }
		.hide {  }
		
			ul#sideNav li, ul#sideNav li li {
				float: left;
				width: 220px;
			}
			
			ul#sideNav a {
				color: #de1f27;
				padding: 8px;
				border-bottom: 1px solid #ffffff;
				display: block;
				font: bold 14px Arial, Helvetica, sans-serif;
				text-decoration: none;
			}
			
			ul#sideNav ul a, ul#sideNav ul a:visited {
				color: #666666;
				font: normal 12px Arial, Helvetica, sans-serif;
				padding: 6px 8px 6px 15px;
				display: block;
				text-decoration:none;
				border-bottom: 1px solid #fff;
				background: url(../templateimages/bullet_1.gif) #fffbe1 6px 50% no-repeat;
			}
			
			ul#sideNav ul ul a, ul#sideNav ul ul a:visited {
				color: #666666;
				font: normal 12px Arial, Helvetica, sans-serif;
				padding: 6px 25px;
				display: block;
				text-decoration:none;
				border-bottom: 1px dotted #f0efef;
				background: url(../templateimages/bullet_2.gif) #f7f7f7 18px 55% no-repeat; 
			}
			
			ul#sideNav a:hover { background-color: #e7dab4; }
			ul#sideNav ul a:hover { background-color: #f6efc3; color: #000000; }
			ul#sideNav ul ul a:hover { background-color: #e8e8e8; color: #000000; }
			

	#contents {
		margin-left:  233px;
		margin-right: 5px;
		padding-top: 5px;


	}	
		.breadcrumbs a, .breadcrumbs a:visited {
			color: #01687c; text-decoration: none;
		}
		
		.breadcrumbs a:hover {
			text-decoration: underline;
		}

/*----------------------------------------------------------------------------- 
	Footer Layout
-----------------------------------------------------------------------------*/
#footerWrap {
	padding: 10px;
	color: #6a5e55;
	margin-bottom: 20px;
}

	#footerWrap h5 {
		font: bold 15px Arial, Helvetica, sans-serif;
		color: #6a5e55;
		margin-bottom: 10px;
	}
	
	#footerWrap p {
		color: #6a5e55;
	}
		
		p.sitesuite {
			color: #b3a499;
			text-decoration: none;
			float: right;
		}	
		
			.sitesuite a {
				color: #b3a499;
				text-decoration: none;
				
			}
			
			.sitesuite a:hover {
				color: #6a5e55;
			}
	
		
	ul#footerNav {
		list-style: none;
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
	}
	
		ul#footerNav li {
			display: inline;
		}
		
		ul#footerNav a, ul#footerNav a:visited {
			color: #6a5e55;
			text-decoration: none;
			border-left: 1px solid #6a5e55;
			padding: 0 5px 0 8px;
		}
		
		ul#footerNav a:hover { text-decoration: underline; }
		
		.first { border: none !important; padding-left: 0 !important; }

#stats {
	display: none;
	height: 0;
	line-height: 0;
}

/*----------------------------------------------------------------------------- 
	Store Layout
-----------------------------------------------------------------------------*/
#productGallery {
	float: right;
	padding-left: 10px;
	text-align: right;
	width: 221px;
}

	#productGallery img { margin-bottom: 4px; border: 1px solid #cecece; }
	
.thumb { border: 2px solid #048ca8; }

.productname { text-decoration:none; }


/*----------------------------------------------------------------------------- 
	Sitemap
-----------------------------------------------------------------------------*/

#sitemap {
	margin: 0 0 0 40px;
	padding: 0;
}

#sitemap li { padding-bottom: 8px; }

	#sitemap ul {
		padding: 10px 0 0 15px;
	}
	
	#sitemap ul ul {
		padding: 10px 0 0 20px;
	}
	
	#sitemap ul ul ul {
		padding: 10px 0 0 20px;
	}