/**
* poolshopdirect.com
* 
* site.css
*/

body{ margin: 0px; background: #FFF; font: normal small Verdana, Arial, Helvetica, sans-serif; }

#top { background: url( '/images/header.png' ); width: 100%; height: 256px; position: relative; margin: 0px; }
#top_text { position: absolute; top: 110px; left: 480px; width: 290px; text-align: center; color: #FFF; font-size: 0.9em; }
#header { position: absolute; top: 2px; left: 520px; margin: 0px; }
#nav { position: absolute; top: 75px; left: 10px; font-size: 12px; color: #FFF; }
#nav a, #nav a:hover, #nav a:link, #nav a:active, #nav a:visited { font-size: 0.85em; margin-left: 5px; margin-right: 5px; color: #FFF; font-weight: bold; }

#footer { background: url( '/images/footer.png' ); width: 100%; height: 153px; position: relative; }
#footer_addr { position: absolute; top: 30px; left: 125px; width: 500px; height: 60px; background: #FFF; font-size: 9px; }
#footer_copy { position: absolute; top: 133px; left: 0px; width: 100%; text-align: center; color: #FFF; font-size: 0.85em; }

#middle { background: url( '/images/main-rpt.gif' ); background-repeat: repeat-y; background-position: top left; width: 100%; margin: 0px; }
#middleInner { padding: 5px; }

/* Fonts and things */
img { border: 0; margin: 0px; padding: 0px; }
form { border: 0 }
h1 { font-weight: bold; font-size: 1.4em; color: #FFCC00; margin-top: 0.2em; margin-bottom: 0.3em; font-style: italic; }
h2 { font-weight: bold; font-size: 1.3em; color: #FFCC00; margin-top: 0.2em; margin-bottom: 0.3em; font-style: italic; }
h3 { font-weight: normal; font-size: 1.2em; color: #FFCC00; margin-top: 0.2em; margin-bottom: 0.3em; }
h4 { font-weight: normal; font-size: 1.1em; color: #FFCC00; margin-top: 0.2em; margin-bottom: 0.3em; }
h5 { font-weight: normal; font-size: small; color: #FFCC00; margin-top: 0.2em; margin-bottom: 0.3em; }

h2 a, h2 a:hover, h2 a:visited, h2 a:active { font-weight: bold; font-size: 1.3em; color: #FFCC00; margin-top: 0.2em; margin-bottom: 0.3em; font-style: italic; }

ul { list-style-type: none; padding: 2px; margin: 2px; }
li { background-image: url( '/images/yellow-bullet.gif' ); background-repeat: no-repeat; padding-left: 16px; }
#tdRight li { background-image: url( '/images/yellow-bullet-blue.gif' ); background-repeat: no-repeat; padding-left: 16px; color: #FFF; }
p { margin: 0 0 1.0em 0; }
strong { color: #3385ad; }
#tdMiddle { vertical-align: top; }
#tdMiddle p { color: #FFF; }
#tdMiddle strong { color: #696C71; }
#tdRight { vertical-align: top; }
#tdRight p { color: #FFF; }
#tdRight strong { color: #696C71; }

a:link { text-decoration: none; color: #00F; }
a:hover { text-decoration: underline; color: #00F; }
a:active { text-decoration: underline; color: #00F; }
a:visited { text-decoration: none; color: #00F; }

/* layout divs */
.clr { clear: both; }
