/* CSS Document */
* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
body { margin: auto; width: 988px; background-color: #AFC4A7; }
img { border: none; }

p { margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; }

div#main-body { width: 988px; border-left: 5px solid white; border-right: 5px solid white; background-image: url(../images/bg.jpg); background-repeat: repeat-y; clear: both; display: table; }
div#main-header { width: 968px; height: 48px; background-image: url(../images/header.jpg); text-align: right; padding-right: 20px; padding-top: 10px; }
div#main-header h4 { margin-top: -7px; font-size: 14px; font-weight: bold; }
div#main-header p { margin-top: -19px; font-size: 14px; font-weight: bold; }

div#content-container { width: 988px; }

div#left-menu { width: 202px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-image: url(../images/bg_scratch.gif); background-repeat: no-repeat; }
div#left-menu ul { float: left; padding: 0px 0px 0px 0px; margin: 220px 0px 0px 5px; }
div#left-menu ul li { list-style: none; margin-bottom: 5px; }
div#left-menu ul li a { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:14px; text-decoration: none; }
div#left-menu img { float: left; margin-left: 10px; }

div#content { 
	width: 776px;
	padding-left: 0px;
}

div#main-footer { width: 968px; height: 41px; background-image: url(../images/footer.jpg); padding: 10px; }
div#main-footer ul li { display: inline; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
div#main-footer ul li a { color: #000000; text-decoration: none; }

ul#top-menu li { display: inline; list-style: none; margin-bottom: 3px; text-decoration: none; padding-right: 20px; }
ul#top-menu li a { color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration: none; }

.float-left { float: left; }
.float-right { float: right; }
.clear-right { clear: right; }
.clear-left { clear: left; }
.clear-both { clear: both; }
.sub-content {
	float: left;
	margin-top: 25px;
	width: 725px;
	line-height: 18px;
	clear: both;
}

.header {
	float: left;
	margin-left: 175px;
}

h1 {
	font-size: 12px;
	color: #a82f33;
	margin-bottom: 5px;
	margin-top: 25px;
	border-bottom: 2px solid #a82f33;
}

h2 {
	font-size: 12px;
	color: #a82f33;
	margin-bottom: 5px;
	margin-top: 25px;
}

.green_row th {
	background-color: #81a865;
	padding: 2px;
	text-align: left;
}

.green_border td {
	border: 1px solid #81a865;
	padding: 2px;
}
	

.hydro-logo { position: absolute; margin-top: -45px; margin-left: -207px; z-index: 1; }
.flash-area { width: inherit; margin-top: 10px; }
.flash-area img { padding-left: 0px; }

div#featured-products { width: 776px; float: none; }
.featured-product { float: left; width: 151px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight: bold; color: #000000; margin-right: 52px; }
.featured-product img { border: none; margin-bottom: -10px; }
.featured-product a { color: #000000; }
.last-featured-product { margin-right: 0px; }

div#miscellaneous-boxes { width: 776px; margin-top: 15px; }
.reviewed-product { width: 230px; margin-right: 30px; }
.reviewed-product-box { height: 216px; background-image: url(../images/product-review-bg.jpg); text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; padding-right: 5px; padding-left: 5px; }
.reviewed-product-box img { margin-top: 5px; }
.reviewed-product-last { margin-right: 0px; }

div#humble-beginnings { width: 345px; height: 250px; background-color: #FFFFFF; margin-top: 20px; margin-bottom: 20px; margin-right: 20px; padding: 10px; background-image: url(../images/humble-beginnings-bg.jpg); }
div#home-news { width: 345px; height: 250px; background-color: #FFFFFF; margin-top: 20px; margin-bottom: 20px; padding: 10px; background-image: url(../images/humble-beginnings-bg.jpg); }


/********ABOUT US*********************/
.about-us-pics { margin-left: -50px; }
.about-us-pics ul { list-style: none; }
.about-us-pics ul li { list-style: none; }
.about-us-pics ul li img { list-style: none; padding-bottom: 10px; }
.about-us-text { width: 510px; margin-left: 10px; }
.about-us-text img { margin-top: 10px; }
.about-us-text p { margin-top: -5px; }

/**********NEWS***********/
div#news-item { width: 553px; margin-right: 15px; }
div#news-list { width: 150px; }

/**********CONTACT***********/
.contact-store { width: 700px; }
.contact-store-information { width: 400px; }
.contact-store-map { width: 300px; }


/**********FAQ***********/
p#A1, p#A2, p#A3, p#A4, p#A5, p#A6, p#A7, p#A8, p#A9, p#A10, p#A11, p#A12, p#A13, p#A14, p#A15, p#A16 { display: none; }
h1#Q1, h1#Q2, h1#Q3, h1#Q4, h1#Q5, h1#Q6, h1#Q7, h1#Q8, h1#Q9, h1#Q10, h1#Q11, h1#Q12, h1#Q13, h1#Q14, h1#Q15, h1#Q16 { cursor: pointer; }