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

	Copyright (c) 2008 Aqua Scapes of New Hampshire
    Aqua Scapes of New Hampshire Style Sheet
   	Developed by The Green Pen
    February 2008

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

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

	--- Site Colors
	
	#bce5f0 - Light Blue Borders
	#e1fac4 - Lightest Green

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

body { 
		margin: 0; 
		color: #444; 
		font-family: Verdana, "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; 
		background: #ddd;
		}

p { padding-left: 10px; padding-right: 10px; }

em { background: none; }

p em { background: none; }

ul { list-style-type: none;	margin-left: 0; }

ul li {	margin-bottom: 18px; }

p img { display: block; }

h1,h2,h3,h4,h5,h6, legend {color: #444; font-family: Georgia, "lucida bright", "times new roman", serif; padding-left: 10px; padding-right: 10px; }

h3 { clear:both; }

h4 {  }

blockquote { color: #02203f; }

a:link, a:visited {	text-decoration: underline;	font-weight: bold; color: #444; }		
		
a:hover, a:active {	text-decoration: none; font-weight: bold; }	


/* --------------- /blueprint -------------- */

.container { width: 950px; padding-left: 5px; background: #fff url(../i/container-bg.gif) repeat-y; }
.border { padding-right: 0; border-right: 5px solid #eee; }

/* --------------- /branding --------------- */

#branding { 
		width: 955px;
		padding-top: 15px;
		overflow: hidden; 
		}		
		
#branding #logo {
	float: right;
	margin-right: 20px;
	background: url(../i/anh_logo.gif) no-repeat;
	width: 261px;
	height: 121px;
	overflow: hidden; text-indent: -999em;
}

#branding #logo a { display: block; width: 261px; height: 121px; }

#main-nav {
	float: left;
	padding-top: 7px;
	height: 95px;
	width: 640px;
	background: #fff;
	margin-left: 10px;
	display: inline;
	margin-bottom: 2px;
	}
	
#main-nav li { margin: 0; float: left; }	
	
#main-nav li a {
		float: left;
		width: 206px;
		height: 95px;
		text-indent: -999em; overflow: hidden;
		}	
	
#main-nav li#company a { margin-right: 11px; }
	
#main-nav li#company a:link, 
#main-nav li#company a:visited { background: transparent url(../i/about-bg.gif) 0 0 no-repeat; }
#main-nav li#company a:hover, 
#main-nav li#company a:active { background: transparent url(../i/about-bg.gif) 0 -95px no-repeat; }

#main-nav li#events a { margin-right: 11px; }

#main-nav li#events a:link,
#main-nav li#events a:visited { background: transparent url(../i/events-bg.gif) 0 0 no-repeat; }
#main-nav li#events a:hover,
#main-nav li#events a:active { background: transparent url(../i/events-bg.gif) 0 -95px no-repeat; }

#main-nav li#products a:link,
#main-nav li#products a:visited { background: transparent url(../i/products-bg.gif) 0 0 no-repeat; }
#main-nav li#products a:hover,
#main-nav li#products a:active { background: transparent url(../i/products-bg.gif) 0 -95px no-repeat; }

/* -nav highlighting --- */

.events #main-nav li#events a { background: transparent url(../i/events-bg.gif) 0 -95px no-repeat; }
.company #main-nav li#company a { background: transparent url(../i/about-bg.gif) 0 -95px no-repeat; }
.products #main-nav li#products a { background: transparent url(../i/products-bg.gif) 0 -95px no-repeat; }	

/* --------------- /content --------------- */

#anh-content { 
		width: 955px;
		overflow: hidden; 
		}
		
#main-content {
		float: left;
		margin-left: 10px;
		display: inline;
		width: 640px;
		overflow: hidden;
}		

#main-content h2 {
		color: #589a24; 
		background: #daebcc;
		}
		
#main-content h3 {
		color: #104b8f; 
		}		
		
#main-content ul li {
		background: url(../i/std-bullet.gif) 0px 5px no-repeat;
		padding-left: 20px;
		margin-left: 10px;
}		

#page-intro, #main {
		background: #104b8f url(../i/page-intro-bg.gif) bottom no-repeat; 
		margin-bottom: 18px;
		padding-bottom: .25em;
		}
		
#page-intro h1 {
	background: url(../i/intro-h1-bg.gif) 0 0 no-repeat;
	padding: 30px 20px 20px 20px;
	margin-bottom: 0;
	font-size: 2.5em;
	font-weight: normal;
	color: #fff;
}	

#page-intro h1 img { margin-bottom: 0; }	

#page-intro p {
		color: #fff;
		font-size: 120%;
		padding-left: 20px;
		padding-right: 20px;
		}	

#page-intro p a:link, #page-intro p a:visited {	text-decoration: underline;	font-weight: bold; color: #fff; }		
		
#page-intro p a:hover, #page-intro p a:active {	text-decoration: none; font-weight: bold; }	

#featured-events {
		float: left;
		width: 315px;
		overflow: hidden;
		margin-right: 10px;
		}
		
#featured-events h2 { 
		background: url(../i/featured-events-bg.gif) no-repeat; 
		height: 60px; 
		text-indent: -999em; overflow: hidden; 
		}		
		
#featured-products {
		float: left;
		width: 315px;
		overflow: hidden;
		}		
		
#featured-products h2 { 
		background: url(../i/featured-products-bg.gif) no-repeat; 
		height: 60px; 
		text-indent: -999em; overflow: hidden; 
		}		
		
/* --------------- /sidebar --------------- */

#sidebar {
		float: left;
		margin-left: 10px;
		padding-bottom: 0.5em;
		width: 285px;
		overflow: hidden;
		background: #acc4df url(../i/sidebar-bg.gif) bottom no-repeat;
}

#sidebar h3 { border-bottom: 2px solid #fff; margin-left: 15px; margin-right: 15px; padding: 0; color: #104b8f; }

#sidebar h2.sidebar-heading {
		clear: both;
		background: url(../i/sidebar-heading-bg.gif) left no-repeat;
		margin-left: 15px; margin-right: 15px;
		text-indent: -999em; overflow: hidden; 
		margin-bottom: 12px;
		}

#sidebar h3 { padding-bottom: 0.25em; padding-top: 0.5em; }

#sidebar ul.sidebar-nav {
		list-style-type: none;
		margin-left: 15px;
		}

#sidebar ul.sidebar-nav li {
		background: transparent url(../i/sidebar-bullet.gif) 0px 5px no-repeat;
		line-height: 18px;
		padding: 0;
		margin-bottom: 0.5em;
		padding-left: 20px;
		}
		
#sidebar p { padding-left: 15px; padding-right: 15px; color: #222; }

#sidebar p a { color: #222; }		
		
#util-nav {	
		float: left; 
		background: url(../i/util-nav-bg.gif) top left no-repeat;
		width: 280px;
		height: 20px;
		padding-top: 10px;
		margin-bottom: 12px;
		padding-left: 5px;
		}

#util-nav li { float: left; }
		
#util-nav li a { font-family: georgia; font-weight: normal; text-transform: uppercase; font-size: 80%; margin-left: 15px; }		
		
#util-nav li a:link,
#util-nav li a:visited { text-decoration: underline; color: #fff; }

#util-nav li a:hover,
#util-nav li a:active,
#util-nav li a:focus { text-decoration: none; color: #fff; }			

/* --------------- /footer --------------- */

#footer { 
	width: 955px; 
	overflow: hidden; 
	padding-top: 12px; 
	}

#footer #footer-content {
	float: left;
	border-top: 1px dotted #acc4df;
	margin-top: 12px;
	margin-left: 20px;
	display: inline;
	width: 915px;
	overflow: hidden;
	padding-top: 12px;
}

#footer #footer-content ul {
	float: left;
	margin-left: 10px;
	padding-right: 20px;
	border-right: 1px dotted #ccc;
}

#footer #footer-content p, #footer #footer-content ul li { font-size: 80%; }

#footer #footer-content ul li { float: left; margin-right: 15px; }

#footer #footer-content ul li a { font-weight: normal; }

/* --------------- /utility --------------- */

ul.contactinformation {
		list-style-type: none;
		margin-left: 0;
		}
		
ul.contactinformation li {
		line-height: 18px;
		padding: 0;
		margin-bottom: 0.25em;
		padding-left: 20px;
		}
		
ul.events {
	list-style-type: none;
	margin-left: 0;
}	

ul.events li {
		line-height: 18px;
		padding: 0;
		margin-bottom: 0.5em;
		padding-left: 20px;
		}			

/* --------------- /i --------------- */

.img-ctr {
		display: block;
		margin-right: 50px; 
		}	
		
.apd-logo {
		padding: 0;
		margin: 0;
		height: 108px;
		width: 270px;
		background: #fff;
		}	
		
.apd-logo img { margin-right: 0; }			

/* --------------- /forms ---------------- */

#contact #main-content form { padding-left: 0; }

form dt {
		margin: 0 0 6px 0;
		}		
		
form dd {
		margin: 0 0 12px 0;
		}		
		
legend {
		padding: 0 .5em;
		font-size: 120%;
		text-transform: uppercase;
		color: #104b8f;
		}			

#contacted_by, #address, #city, #comments, #state, #zip, #contact_number {	
		width: 560px;
		background: #f5f5f5;
		border: 1px dotted #ccc;
		padding: 2px 5px;
		}	
		
#contact #main-content #email {
		width: 560px;
		background: #f5f5f5;
		border: 1px dotted #ccc;
		padding: 2px 5px;
		}
		
#city, #state, #zip {
		width: 300px;
}			
		
#comments {
		font-family: inherit;
		font-size: 100%;
}		
		
form .submit {
		width: 120px;
		border: 1px dotted #ccc;
		background: #70bd33;
		font-weight: bold;
		color: #fff;
		padding: 2px;
}		
		
#name, #l114639-114639 {
		background: #fff;
		border: 1px dotted #ccc;
		font-weight: bold;
		color: #444;
		margin-bottom: 10px;
		padding: 3px 0 3px 5px;
		width: 220px;
		}		
		
#found_us { width: 250px; }	

.submit {
		width: 90px;
		border: 1px dotted #ccc;
		background: #70bd33;
		font-weight: bold;
		color: #fff;
		padding: 2px;
}
		
fieldset {
		margin: 0;
		padding: 0 15px;
		padding-bottom: 1em;
		background: transparent;
		border: none;
		height: 1%;
		}
		
#main-content form fieldset {
		width: 580px;
		margin: 0;
		padding: 18px 20px 0 20px;
		background: transparent;
		border: 1px solid #70bd33;
		height: 1%;
		}
		
/* --------------- /

/* --------------- /TE Style Overrides --------------- */

p#breadcrumbs {
		float: left;
		font-size: 90%;
		color: #104b8f;
		padding-left: 15px;
}

p#breadcrumbs a {
		font-style: normal;
		font-weight: normal;
		color: #104b8f;
}

form.global-form { margin-bottom: 18px; }

ul#navSubDept {
		padding-left: 10px;
}

#main-content div.products { width: 640px; overflow: hidden; margin: 0; padding-left: 10px; }

#main-content div.products ul li {
		margin: 0; 
		padding: 0;
		margin-bottom: 18px;
		margin-left: 5px;
		float: left;
		width: 300px;
		height: 160px;
		border: 1px solid #70bd33;
		background: none;
}

div.products ul li p.image { float: left; width: 140px; margin-top: 15px; margin-right: 5px; }
div.products ul li p.image img { margin: 0; }
div.products ul li p.title { margin-top: 10px; }
div.products ul li p.price { 
	font-weight: bold;
	font-size: 120%;
	color: #5b8b24; 
}

div.products ul li p.title a { color: #104b8f; }

#sidebar #search {
		padding-left: 15px;
		margin-bottom: 18px;
}

#sidebar .inner ul { margin-left: 15px; }

#sidebar .inner ul li {
		background: transparent url(../i/sidebar-bullet.gif) 0px 5px no-repeat;
		line-height: 18px;
		padding: 0;
		margin-bottom: 0.5em;
		padding-left: 20px;
}

#content #product {
	float: left;
	width: 618px;
	overflow: hidden;
	border: 1px solid #70bd33;
	padding: 10px;
}

#content #product .image {
	float: left;
	width: 220px;
	padding: 10px;
}

#content #product .image img {
	margin-bottom: 0px;
}

#content #product .info {
	float: left;
	width: 356px;
	overflow: hidden;
	/*height: 200px;*/
	margin-left: 10px;
	padding-top: 10px;
}

#content #product div.info p {
	padding: 0;
	margin-bottom: 9px;
}

#content #product div.info p.price {
	font-weight: bold;
	font-size: 120%;
	color: #5b8b24;	
}

#content #product div.info p.producttitle {
	font-weight: bold;
	font-size: 120%;
	color: #104b8f;
	background: #acc4df;
	padding: 5px;
}

.formButton {
		border: 1px dotted #ccc;
		background: #5b8b24;
		font-weight: bold;
		color: #fff;
		padding: 2px 10px;
		margin-left: 0px;
}

#ThisForm {
	padding: 0 10px;
}

form.global-form tr td { border: none; }

#content form.global-form fieldset { margin-bottom: 18px; }

#content form.global-form fieldset address {
	font-style: normal;
	width: 300px;
}

#content .modules address {
	font-style: normal;
	margin-bottom: 18px;
	margin-left: 15px;
}

#content form.global-form fieldset table#discount #comments { width: 400px; }

table td a { padding-top: 0; margin-top: 0; }


#cc_month { margin-bottom: 10px; }

/* ---- shopping cart ---- */
p.actions { padding-left: 0; }


/* ---- customer login ---- */
p.notregistered a:link, p.notregistered a:visited {
	font-size: 120%;
	font-weight: bold;
	color: #104b8f;
}

p.notregistered a:hover, p.notregistered a:active {
	font-size: 120%;
	font-weight: bold;
	color: #104b8f;
}

/* ---- User Account ---- */

.para-data {
	margin-left: 15px;
}

.para-data td { border: none; }

#content table.vol-disc { margin-left: 15px; }

#smtPassChange { margin-bottom: 18px; }

#content p.message {
	background: #acc4df; 
	color: #104b8f;
}

/* ---- Checkout ---- */

#content table#order_details {
	margin-left: 15px;
}

#content #total, #content .note, #content #total {
	margin-left: 15px;
}

#content .print_invoice { margin-left: 5px; }

/* ---- Search ---- */

#content ol#search-results {
	margin-left: 35px; 
}

#content ol#search-results li { color: #104b8f; font-weight: bold; border-bottom: 1px dotted #acc4df; margin-bottom: 18px; }

#content ol#search-results li p { color: #444; font-weight: normal; }

#content ol#search-results h4 { color: #5b8b24; font-weight: bold; }

#content ol#search-results h4 a {
	color: #104b8f;
}

/* ---- Pagination ---- */

div.products #pagination p { color: #5b8b24; font-weight: bold; }

div.products #pagination p.links a { color: #104b8f; font-weight: bold; }
