html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1em;
	color: black;
	background: white;
}
ol, ul {
/*	list-style: none;	*/
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/*	END RESET	*/


/* 	MAIN STYLES	*/





body	{
width:100%;
background:url(img/bg_bd.gif);
background-repeat:repeat-x;

font-family:arial, sans-serif;
font-size:1.2em;
line-height:1.4em;
}

#main	{
width:756px;
width:39.4em;
margin:auto;
position:absolute;
left:50%;
margin-left:-377px;
}



/*	HEADER	*/

#header	{
background:url(img/bg_hd.gif);
background-repeat:no-repeat;
}

#header h1 a	{
display:block;
padding-left:0px;
padding-top:1em;
padding-bottom:0.04em;

color:#37a9f6;
font-family:arial;
font-weight:bold;
font-size:3.4em;
line-height:1.4em;
letter-spacing:-0.04em;
text-decoration:none;
}

#header h1 a span	{
display:block;
padding-bottom:10px;

font-size:2.35em;
letter-spacing:-0.02em;
}

/*
#header h1 a:hover	{
color:#0098ff;
}
*/

img#hd_img	{
position:absolute;
left:50%;
width:268px;
height:255px;
margin-left:80px;
margin-top:-55px;
z-index:20;
}

/*
#header h1 a:hover img#hd_img	{
background-image:url(img/ho_chrome_o_new.gif);
background-repeat:no-repeat;
}
*/

#content h4	{
clear:both;
margin-top:0.8em;
margin-bottom:0.8em;
padding-top:0.4em;
padding-bottom:0.4em;
padding-left:10px;

background-color:#aaa;

color:#fff;
font-size:0.9em;
line-height:1.2em;
font-style:normal;
font-weight:normal;
}

#content h4 em	{
display:block;
float:right;
width:290px;
padding:0;
margin-top:-0em;
padding-left:35px;

color:#fff;
font-style:normal;
font-weight:normal;
}
#content h4 a, #content h4 em a	{
color:#00548c;
text-decoration:none;
}
#content h4 a:hover	{
color:#00548c;
color:#fff;
border-style:solid;
border-width:0 0 1px 0;
border-color:#fff;
}
#content h4 em a	{
font-style:italic;display:block;
font-weight:bold;
}
#content h4 em a:hover	{
border-width:0;
}

#header hr	{
margin:0;
z-index:-5;
clear:both;
}

/*	// HEADER	*/




/*	FOOTER (copyright)	*/
h6	{
clear:both;
font-size:0.7em;
font-weight:normal;
color:#a0a0a0;
text-align:center;
padding:0 0 10px 0;
}
/*	// FOOTER (copyright)	*/



hr	{
width:100%;
height:3px;
background-color:#f0f0f0;
border-style:none;
border-width:0;
}

.lasthr	{
clear:both;
}

#left	{
float:left;
width:426px;
padding-bottom:10px;
}



p	{
font-family:georgia, times, serif;
padding-bottom:0.5em;
}

#content p	{
font-style:italic;
font-size:0.95em;
color:#00233b;
}

#content p strong	{
font-weight:bold;
}


div#side {
width:290px;
float:left;
background-color:#fff;

border-width:0 0 0 2px;
border-style:solid;
border-color:#f0f0f0;

padding-left:17px;
margin-left:20px;

}

div#side h1, div#side h2	{
padding:7px 0;

font-size:1.2em;
font-style:italic;
font-weight:bold;
letter-spacing:-0.05em;
color:#37a9f6;

border-style:solid;
border-width:3px 0;
border-color:#f0f0f0;
}

div#side h1	{
font-weight:normal;
font-style:normal;
}

div#side h2	{
color:#00548c;
border:none;
padding-bottom:10px;
}


div#side p	{
color:#848484;
padding-top:5px;
font-family:arial, sans-serif;
font-style:normal;
font-size:0.6em;
line-height:1.5em;
}

div#side p em	{
font-size:1.6em;
line-height:1.2em;
font-style:normal;
}

div#side p a	{
color:#00548c;
font-style:italic;
font-weight:bold;
}
div#side p em a	{
font-style:normal;
font-weight:normal;
}

div#side p a:hover	{
color:#37a9f6;
text-decoration:underline;
}

div#side a	{
text-decoration:none;
border:none;
}

div#side a:hover, div#side a:hover h2	{
color:#37a9f6;
}

div#side a:hover img#ho_white	{
background-image:url(img/ho_white_new_o.gif);
}
div#side a:hover img#hh_head	{
background-image:url(img/hh_head_o.gif);
}
div#side a:hover img#sf_head	{
background-image:url(img/sf_head_o.gif);
}
div#side a:hover img#vb	{
background-image:url(img/vb_o.gif);
}

a.more	{
display:block;
/*padding:5px 10px;*/
/*background-color:#37a9f6;*/
color:#fff;
font-size:0.6em;
line-height:2em;
text-decoration:none;
font-weight:bold;
margin-bottom:3px;
}
a.more:hover	{
color:#fff !important;
/*background-color:#00548c;*/
}

a.cart { 
margin: 3px 0px;
display: block;
background-image: url('img/cart_button_off.gif');
background-repeat: no-repeat;
height: 35px;
width: 175px;
}

a.cart:hover {
background-image: url('img/cart_button_on.gif');
}

a.reorder	{
display:block;
padding:5px 10px;
background-color:#37a9f6;
background-color:#aaa;
color:#fff;
font-size:0.6em;
line-height:2em;
text-decoration:none;
font-weight:bold;
}

a.reorder:hover	{
color:#fff !important;
background-color:#00548c;
}





/* NAV STYLES */

#header span.nav	{
display:block;
z-index:5;

margin-top:-0.3em;
margin-bottom:55px;
}
span.nav a	{

border-style:solid;
border-width:3px 0;
border-color:#f0f0f0;

display:block;
float:left;

color:#00548c;
font-family:arial;
font-size:0.9em;
line-height:0.7em;
font-weight:bold;
letter-spacing:-0.01em;

text-decoration:none;

padding-top:0.7em;
padding-bottom:0.7em;
padding-left:0.75em;
padding-right:0.73em;
margin-bottom:10px;
}

span.nav a:hover	{
background-color:#f0f0f0;
color:#37a9f6;
color:#0099ff;
}

#header span.nav a:hover	{
background-color:#f0f0f0;
color:#37a9f6;
color:#0099ff;
}





body#p_h span.nav a[href="http://spriteshowerfilters.com"], body#p_ho span.nav a[href="highoutput.htm"], body#p_hh span.nav a[href="handheld.htm"], body#p_sf span.nav a[href="showerfalls.htm"], body#p_vb span.nav a[href="vitabath.htm"], body#p_co span.nav a[href="contact.htm"]
{
color:#a0a0a0;
}


/* //NAV STYLES */





#content p.p2 	{
font-family:arial, sans-serif;
font-size:0.75em;
line-height:1.5em;
font-style:normal;
padding-bottom:0;
}

#content p.p2 em	{
font-style:italic;
}

#content form p	{
font-family:arial;
font-style:normal;
}


form, #content form p	{
color:#fff;
}
form	{
font-size:0.95em;

color:#fff;
background-color:#aaa;

font-style:normal;
font-size:0.9em;
font-weight:bold;


line-height:1.7em;
line-height:1.2em;
margin:0.8em 0;

padding:0.7em 0 0.5em 0;
padding-left:10px;
}

input	{
margin-top:0.5em;
}


input[type="text"]	{
width:193px;
}
input[value="subscribe"], input[value="unsubscribe"]	{
margin-left:8px;
}
input[value="Submit"]	{

padding:4px 7px 3px 6px;
margin-left:10px;
font-weight:bold;

color:#fff;
background-color:#000;
background-color:#00548c;

border:none;
}
.submit:hover	{
background-color:#37a9f6;
}

form input	{
color:#00548c;
padding:4px;
border-style:solid;
border-color:#00548c;
border-width:1px;
border:none;
}



ul	{
padding-left:20px;
margin-bottom:15px;

}

li	{
list-style-type:disc;
list-style-position:outside;

font-family:arial, sans-serif;
font-size:0.95em;
color:#00233b;
margin-bottom:10px;
padding-right:10px;
}

li em	{
font-weight:bold;
color:#00548c;
}
li strong	{
font-weight:bold;
}

.hidden	{
display:none;
}


#ho_white	{
width:265px;
height:256px;
}

#hh_head	{
width:265px;
height:268px;
}

#sf_head	{
width:264px;
height:335px;
}

#vb	{
width:264px;
height:326px;
}

#sf_full	{
width:264px;
height:490px;
}

#sf_detail	{
width:265px;
height:265px;
}

#hh_cart	{
width:265px;
height:246px;
}
#vb_full	{
width:260px;
height:326px;
}


/* 	IE PNG HACK	*/


* img	{
behavior:	url("pngbehavior.htc") !important;
}


/* 	END IE PNG HACK	*/

/*	SAFARI HACK	*/

@media screen and (-webkit-min-device-pixel-ratio:0) {	span.nav	{	margin-left:1px;	}	span.nav a	{	padding-left:0.67em;padding-right:0.66em;	} }

/*	/SAFARI HACK	*/