/* layoutstylesaqua.css */ 

/* Universal style rule */ 
*{ 
  margin: 0; 
  padding: 0; 
  /* Temporary borders */ 
  border: dashed 0px #f00;
} 

body { 
   background: url(images/bluebk.jpg);
   background-repeat: repeat-x; 
  font-family: Arial, Helvetica, sans-serif; 
background-attachment: fixed;
}  

#wrapper{ 
  width: 928px; 
 background-color: #fff;  
  /* Put 20px margin above the wrapper */ 
  /* Set right and left to auto for centering */ 
  margin: 20px auto; 
  position:relative; 
} 








/********** Major layout divisions **********/ 
#branding{ 
  /* For absolutely-positioned hyperlinks */ 
  position:relative; 
background-color: #404DBD;
border: double 1px #fff;
} 

/********** Branding division styles **********/ 

/* Fixes the mysterious image gap */ 
#branding img{ 
  display:block; 
} 


/********** Leftcolumn division styles **********/ 
 /********** aquarium product nav division styles **********/ 
#ap{
border: 1px solid black;
width: 170px;
background-color: #DCE4EE;
margin:10px;
}

#ap a{
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
padding: 2px;
display: block;
width: 100%;
color: blue;
text-decoration: none;
border-bottom: 1px solid black;
}

#ap a{ /*Non IE rule*/
width: auto;
}

#ap a:hover{
background-color: #C3D0F0;
color: blue;
border: solid 1px #3366FF
}


#aplist{
border: 1px solid black;
width: 150px;
background-color: #DCE4EE;
margin:20px;
}

#aplist a{
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;

}

#aplist a{ /*Non IE rule*/
width: auto;
}

#aplist a:hover{
background-color: #C3D0F0;
color: black;
text-decoration: underline;
border: solid 1px #3366FF
}
 /********** environmental cleaner nav division styles **********/ 

#ec{
border: 1px solid black;
width: 170px;
background-color: #D6F4D2;
margin:10px;
}

#ec a{
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
padding: 2px;
display: block;
width: 100%;
color: green;
text-decoration: none;
border-bottom: 1px solid black;
}

#ec a{ /*Non IE rule*/
width: auto;
}

#ec a:hover{
background-color: #AADAAA;
color: green;
border: solid 1px #66CC66;
}


#eclist{
border: 1px solid black;
width: 150px;
background-color: #D6F4D2;
margin:20px;
}

#eclist a{
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;

}

#eclist a{ /*Non IE rule*/
width: auto;
}

#eclist a:hover{
background-color: #AADAAA;
color: black;
text-decoration: underline;
border: solid 1px #66CC66;
}
 /********** miscellaneous nav division styles **********/ 

#misc{
border: 1px solid black;
width: 170px;
background-color: #EED8D8;
margin:10px;
}

#misc a{
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
padding: 2px;
display: block;
width: 100%;
color: red;
text-decoration: none;
border-bottom: 1px solid black;
}

#misc a{ /*Non IE rule*/
width: auto;
}

#misc a:hover{
background-color: #EFCCCD;
color: red;
border: solid 1px #FF9999;
}

#misclist{
border: 1px solid black;
width: 150px;
background-color: #EED8D8;
margin:20px;
}

#misclist a{
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;

}

#misclist a{ /*Non IE rule*/
width: auto;
}

#misclist a:hover{
background-color: #EFCCCD;
color: black;
text-decoration: underline;
border: solid 1px #FF9999;
}

a.black{
color:black;
  font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}

#leftcolumn{ 
  /* Remember, content and navbar left 
  margins must match this width */ 
  width:192px; 
  /* Center images and text inside this div */ 
  text-align:center; 
  /* For absolutely-positioned leftcolumn */ 
  position:absolute; 
  top:112px; /* Same as branding div height */ 
  left:0; 
} 

/* Applies to images in the leftcolumn div */ 
#leftcolumn img{ 
  width:80%; 
} 

/* Applies to paragraphs and lists in the leftcolumn division */ 
#leftcolumn p, 
#leftcolumn .leftcollist{ 
  border:solid 2px #117b6f; 
  padding:8px; 
  width:80%; 
  font-size:0.8em; 
  margin:1em auto; 
  text-align:left; 
} 

/* Unordered lists in left column */ 
#leftcolumn ul{ 
  margin-left:1em; 
} 

/********** left and right Navbar space division styles **********/

#leftnavbarspace{ 
  background:#aaa url(images/navbak.gif) repeat-x center; 
  height:32px; 
  /* For absolutely-positioned navbar */ 
  position:absolute; 
  top:76px; /* Same as branding div height */ 
  left:0px; /* Same as leftcolumn width */ 
  width:192px; /* Layout width minus leftcolumn width */ 
} 

#rightnavbarspace{ 
  background:#aaa url(images/navbak.gif) repeat-x center; 
  height:32px; 
  /* For absolutely-positioned navbar */ 
  position:absolute; 
  top:76px; /* Same as branding div height */ 
  left:738px; /* Same as leftcolumn width */ 
  width:190px; /* Layout width minus leftcolumn width */ 
} 

/********** Navbar division styles **********/ 
#navbar{ 
  background:#aaa url(images/navbak.gif) repeat-x center; 
  height:32px; 
  /* For absolutely-positioned navbar */ 
  position:absolute; 
  top:76px; /* Same as branding div height */ 
  left:192px; /* Same as leftcolumn width */ 
  width:546px; /* Layout width minus leftcolumn width */ 
} 

/* Remove bullets from ul in the navbar */ 
#navbar ul{ 
  list-style-type:none; 
} 

/* List items in the navbar */ 
#navbar li{ 
  float:left; 
  /* Required for drop-down menus */ 
  position:relative; 
} 

/* Applies to navbar links, unvisited and visited */ 
#navbar a, 
#navbar a:link, 
#navbar a:visited{ 
  text-decoration:none; 
  font-family:Verdana, Geneva, Arial, Sans-Serif; 
  font-size:14px; 
  color:#000; 
  background:#aaa url(images/navbak.gif) repeat-x center; 
  display:block; 
  height:32px; 
  width:90px; 
  border-right: solid 1px #ddd; 
  line-height:32px; 
  text-align:center; 
  outline-style:none; 
} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
  background:#fff; 
  color:#71828A; 
} 


#form{
text-align:center;
}


/********** Content division styles **********/ 
#content{ 
  /* Left margin must match leftcolumn width */ 
  margin-left:192px; 
  background-color:#fff; 
  color:#000; 
  padding:2.5em 10px 10px 20px; 
border-left: solid 1px #ccc;
min-height: 650px;
} 

/* Applies to paragraphs in the content division */ 
#content p{ 
  line-height:1.5em; 

} 

/* Applies to all lists in the content division */ 
#content ul, #content ol{ 
  padding:10px 0 10px 40px; 
} 

/* Styles h1, h2, and h3 style rules in the content division */ 
#content h1, #content h2, #content h3{ 
  font-family: Arial, Helvetica, sans-serif; 
  color:#000; 
  font-weight:normal; 
  font-style:italic; 
  letter-spacing:0.08em; 
} 

/* Size h1 headings in the content division */ 
#content h1{ 
  font-size:2em; 
} 

/* Size h2 headings in the content division */ 
#content h2{ 
  font-size:1.5em; 
} 
/* Size h3 headings in the content division */ 
#content h3{ 
  font-size:1.25em; 
  font-style:normal; 
} 

/********** Paypal box division styles **********/ 

#middlebox{
width:340px;
text-align:center;
  /* Temporary borders */ 
  border: dashed 1px #f00;
padding:2px;
margin-left:170px;
}

#leftbox{
width:340px;
text-align:center;
 margin-bottom: 10px;
float:left;
  /* Temporary borders */ 
  border: dashed 1px #f00;
padding:2px;
}

#rightbox{
width:340px;
text-align:center;
float:left;
 margin-bottom: 10px;
  /* Temporary borders */ 
  border: dashed 1px #f00;
padding:2px;
}


/********** Footer division styles **********/ 
#footer{ 
background:#aaa url(images/footbak.gif) repeat-x center;
  border-top: solid 1px #aaa; 
  padding:5px; 
  text-align:center; 
color:#ccc;
clear:both;

} 

#footer a:link, 
#footer a:visited{ 
  /* No underline on links */ 
  text-decoration:none; 
font-size:16px; 
  font-style:normal;
} 

#footer a:hover, 
#footer a:active{ 
  color:#71828A; 
  border:dotted 1px #333; 
} 
p.copyright{
 font-size:14px; 
  font-style:normal;
  text-align:right; 
color:#ccc;
}

/* Captioned images */ 
div.captionpic{
   width:200px;
   padding:0.25em;
   margin:4px 4px 0 0;
   float:right;
   border:solid 0px #000;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:14px;
   color:#000;
   text-align:center; 
}
 
/* Applies to the image inside a captionpic div */
div.captionpic img{
   width:auto;
   border:none;
}



/* Style for tables of thumbnail images */ 
table.thumbs{ 
text-align: center; 
border-collapse: collapse; 
width: 100%;
position:relative;
z-index:3; 
} 

/* Style for table cells that contain thumbnails */ 
td.thumbs{  
padding: 8px; 
} 

/* Style for thumbnail images */ 
img.thumbs{ 
width: 250px; 
} 



/* Unvisited links (grey) */
a:link img{
   border:double 3px #ccc;
   text-decoration: none;
}
/* Visited links (grey) */ 
a:visited img {
   border:double 3px #ccc;
   text-decoration: none;
}
/* Hover links (black) */ 
a:hover img{
   border:double 3px #000;
   text-decoration: none;
}
/* Active links (grey) */ 
a:active img{
   border:double 1px #ccc;
   text-decoration: none;
}

/* Applies to id="product" */
#bigpic{
text-align:center;   
width: auto;
}

p.center{
text-align:center; 
}



p.greenpress{
text-align:center; 
text-decoration:underline;
font-size:20px;
color:green;
font-weight:bold;
}

p.bluepress{
text-align:center;
text-decoration:underline; 
font-size:20px;
color:blue;
font-weight:bold;
}

p.purplepress{
text-align:center;
text-decoration:underline; 
font-size:20px;
color:purple;
font-weight:bold;
}




/*************** General styles ************/ 
.hotkey{ 
  text-decoration:underline; 
} 

/* Acronyms and abbreviations */ 
  acronym,abbr{ 
  border-bottom:dotted 1px #333; 
  cursor:help; 
} 

/*********** Printer-Friendly Styles **********/ 
@media print{ 
/* Start printer-friendly styles */ 

/* Make wrapper the full page width */ 
#wrapper{ 
  width:100%; 
} 

/* Hide leftcolumn, navbar,and footer */ 
#leftcolumn, 
#navbar, 
#footer{ 
  display:none; 
} 

/* Get rid of content div margins and 
padding. Use a different font for print */ 
#content{ 
  margin:0; 
  padding:0; 
  font-family:'Century Schoolbook', Times, Serif; 
  font-size:1em; 
} 
/*End printer-friendly styles */ 
}