/* CSS Document */
BODY {
	MARGIN: 0px; PADDING: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 12px; background-image: none;
}
.ef {text-decoration: none; color: #808080;}
.header {background-image: none;}

h1 {padding: 0px; margin: 0px; font-size: 22px; color: #0758c7;}
.page-header {line-height: 30px; font-size: 22px; color: #0758c7; text-decoration: none;}
a.page-header:hover {font-size: 22px; color: #333333; text-decoration: none;}
.looksgood {visibility:hidden;}
.credit {color: #4d4d4d; text-decoration:underline; font-size: 12px;}
a.credit:hover {text-decoration: none;}
.formline { width: 560px; display: block; margin-top: 10px;}
.formspacer {width: 200px; display: block; float: left;}
.formspacer2 {width: 350px; }
.formtext {width: 300px;}
.formarea {width: 300px; height: 100px;}
.formbutton {cursor: pointer; width:185px;font-size:12px; font-family:Arial,sans-serif; font-weight:bold;color:#ffffff;background-color:#0459c5;;border-style:double;border-color:#eeeeee;border-width:3px;}
.red {color: #FF0000;}
.txt10 {font-size: 10px;}
#splash { 	
  BACKGROUND: url(../splash.gif) no-repeat;
  position:absolute;
  height:275px; 
  width:431px;
  margin:-137px 0px 0px -215px;
  top: 50%; 
  left: 50%;
  text-align: left;
  padding: 0px;
}
.CategoryNavigation {color:#666666;}




.linksproducts {color: #333333; text-decoration:underline; padding-left: 5px; padding-right: 5px; font-weight:bold; line-height: 30px;}
a.linksproducts:hover {color:#0459c5; text-decoration: none; padding-left: 5px; padding-right: 5px; font-weight:bold;}
.linksproductsfirst {color: #333333; text-decoration:underline; padding-right: 5px; font-weight:bold; line-height: 30px;}
a.linksproductsfirst:hover {color:#0459c5; text-decoration: none; padding-right: 5px; font-weight:bold;}
.spacer2line {height: 5px; font-size: 1px; width: 900px; border-bottom: 1px #cccccc solid;}
.spacer5 {height: 5px; font-size: 1px; width: 900px;}
.downloads {width: 560px; display: block; height: 20px; color: #4d4d4d; text-decoration: underline; }
a.downloads:hover {width: 560px; display: block; height: 20px; color: #333333; text-decoration:none;}
#sitemap-top {width: 900px; height: 26px; background-image: url(../images/sitemap-top.gif);}
#sitemap-bottom {width: 900px; height: 8px; display: block; font-size: 1px; float: left; background-image: url(../images/sitemap-bottom.gif);}
#sitemap-bg {width: 900px; height: 200px;  background-image: url(../images/sitemap-bg.gif);}
#sitemap {background-image: url(../images/sitemap-bg.gif);}
#sitemap a {
	color: #4d4d4d;
	display: block;
	width: 270px;
	text-decoration: none;
}
#sitemap a:hover {text-decoration: underline;}
#sitemap .subheader {
	margin-left: 20px;
	font-weight: bold;
	width: 250px;
}
#sitemap a.subheader:hover {text-decoration: underline;}
#sitemap .sublink {
	margin-left: 20px;
	width: 250px;
}
#sitemap a.sublink:hover {text-decoration: underline;}
#sitemap .sublink2 {
	margin-left: 40px;
	width: 230px;
}
#sitemap a.sublink2:hover {text-decoration: underline;}
#footer h2 {
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
	color: #808080;
}
#footer ul {
	padding: 0;
	margin: 0;	
	list-style: none;
}

#footer li {
	display: block;
	float: left;
	width: 290px;
	margin-left: 5px;
}

#footer li.first {
	margin-left: 0px;
}
#footer li.second {
}
#footer li.third {
}
#footer li ul {
	margin: 0;
}
.centeredclear {text-align:center; clear:both;}
#footer li li {
	display: list-item;
	float: none;
	padding: 3px 0;
	background: url(../images/footer_dash.gif) repeat-x left bottom;
}





.tabbed {padding-left: 20px;}
.textblue {color:#0459c5;}
.boldblue {font-weight: bold; color:#0459c5;}
.ee {font-weight: bold; color:#0459c5; text-decoration:none;}
.boldbluelarge {font-weight: bold; color:#0459c5; font-size: 16px;}
.boldgray {font-weight: bold; color:#333333;}
.linksbody {color: #0459c5; text-decoration:none;}
a.linksbody:hover {color:#333333; text-decoration: underline;}
.linksbodyul {color: #0459c5; text-decoration:underline;}
a.linksbodyul:hover {color:#333333; text-decoration: none;}
.clear {clear: both;}
#page {width: 900px;}
#pageright {width: 300px; float: right;}
#pageleft {width: 580px; float:left; text-align: left;}
#footer {width: 900px; color: #777777; text-align: left;}
.navbottom{padding-left: 10px; padding-right: 10px; color: #333333; text-decoration:none;}
a.navbottom:hover {color: #0459c5;}
.terms {padding-left: 3px; padding-right: 3px; color: #777777; text-decoration:underline;}
a.terms:hover {color: #333333; text-decoration:none;}

#media-protein-skimmers-rs {width: 900px; height: 250px; background-image: url(../images/media-protein-skimmers-rs.jpg);}
#media-protein-skimmers-rs250 {width: 900px; height: 250px; background-image: url(../images/media-protein-skimmers-rs250.jpg);}
#media_home {width: 900px; height: 250px;}
#media_parts {width: 580px; height: 100px;}
.spacer10 {height: 10px; font-size: 1px; width: 900px;}
#tabs {width: 900px; height: 146px; background-image: url(../images/tabs.gif);}
#tabs a {color: #0fc7ee;}
#tabs a:hover {color: #B3B3B3;}

#tabs ul {
	padding: 0;
	margin: 0;	
	list-style: none;
}

#tabs li {
	display: block;
	float: left;
	text-align: left;
	color: #ffffff;
	margin-top: 45px;
	margin-left: 7px;
	padding-left: 25px;
	padding-right: 25px;
}

#tabs li.first {
	margin-left: 0px;
	width: 245px;
}
#tabs li.second {
	width: 245px;
}
#tabs li.third {
	margin-left: 8px;
	width: 244px;
}



#headerright {float: right; width: 200px; height: 120px; background-image: url(../images/register.gif);}
#headerright a{height: 60px; width: 200px; display: block;}
#topsearch {border: 0px solid; height: 16px; margin-left: 40px; width: 180px;}
#topsearchspan { padding-top: 7px;}
.invisible {display: none;}
#wrapper {width: 850px; margin: 0 auto; }
#header {width: 900px; margin: 0 auto; height: 120px; text-align: left;}
#headerlogo {	BACKGROUND: url(../images/logo.gif) no-repeat; HEIGHT: 120px; width: 210px; margin-left: 25px;}
#headerlogo A {DISPLAY: block; WIDTH: 210px; HEIGHT: 120px; TEXT-DECORATION: none}
#divnav {width: 850px; margin: 0px auto; z-index:5100;}	
#nav { 
	background:url("../images/nav.gif") no-repeat; 
	width:900px; 
	height:35px; 
	margin:0;
	padding:0; 
	list-style: none;
	line-height: 1;
	 text-align: left;
	}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index:5100;
}

#nav span { display: none; }

#nav li, #nav a { height:35px; display:block; } /* add the height again */

#nav li { float:left; list-style:none; position:relative; z-index:5100;}

#nav-00 { width: 24px;}
#nav-01 { width: 94px;}
#nav-02 { width: 110px;}
#nav-03 { width: 106px;}
#nav-04 { width: 143px;}
#nav-05 { width: 93px;}
#nav-06 { width: 90px;}
#nav-07 { width: 200px;}


/*-------------- X position of item -24px (width of first item)/ height of item from above -35px (height of visible portion of menu) ------------- */
#nav-01 a:hover { background:url("../images/nav.gif") -24px -35px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.gif") -118px -35px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.gif") -228px -35px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.gif") -334px -35px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.gif") -477px -35px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.gif") -567px -35px no-repeat; }


#nav a {
	display: block;
/*	width: 10em;*/
}

#nav li {
	float: left;
/*	width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -9999em;
	padding-right:1px;			
	background-color:#333333;	/* this is the bgcolor of drop down menu*/
}




/*start of third level*/

#nav li ul ul {
	margin: -22px 0 0 180px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}







/* end of third level */





#nav li:hover, #nav li.hover {  
    position: static;  
}


/* test for IE7 hack

*/

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li { 
	height:25px; 				/* Height of each drop down nav list item */
	border:1px solid #e5e5e5;
	border-top:none;
	width: 180px;
	}	

#nav li ul li a {
	width:100%;
	height:25px;				/* Height of each drop down nav link, same as above */
	line-height:25px;			/* Height of each drop down nav link, same as above */
	}

#nav li ul li a span {
	display:block;
	padding-left:14px;
	text-align: left;
	font-size: 12px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#ffffff;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }


/* Hover styles for drop down items */

#nav ul a:hover { 
	background-image:none;
	background-color:#e5e5e5;
	color:#000000;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line*/
#nav-02 ul, #nav-02 li { width:180px; }
#nav-03 ul, #nav-03 li { width:180px; }
#nav-04 ul, #nav-04 li { width:180px; }
#nav-05 ul, #nav-05 li { width:180px; }
#nav-06 ul, #nav-06 li { width:180px; }