/**
* poolshopdirect.com
* 
* site.css
*/

body{ margin: 3px 3px 10px 3px; background: #FFF; font: normal small Verdana, Arial, Helvetica, sans-serif; }

/* Fonts and things */
img { border: 0; margin: 0px; padding: 0px; }
form { border: 0 }
h1 { font-weight: bold; font-size: 1.4em; color: #00376D; margin-top: 0.2em; margin-bottom: 0.3em; }
h2 { font-weight: bold; font-size: 1.3em; color: #00376D; margin-top: 0.2em; margin-bottom: 0.3em; }
h3 { font-weight: bold; font-size: 1.2em; color: #00376D; margin-top: 0.2em; margin-bottom: 0.3em; }
h4 { font-weight: normal; font-size: 1.1em; color: #00376D; margin-top: 0.2em; margin-bottom: 0.3em; }
h5 { font-weight: normal; font-size: small; margin-top: 0.2em; margin-bottom: 0.3em; }
p { margin: 0 0 1.0em 0; }
table { border-collapse: collapse; }
th { background-color:#00376D; text-align: left; color: #FFF; }
.bskHead { font-weight: bold; font-size: 0.8em; padding: 2px; }
.bskItem { font-weight: bold; font-size: 0.8em; color: #444; vertical-align: middle; background: #DDF; }
.bskItem2 { font-weight: bold; font-size: 0.8em; color: #444; vertical-align: middle; background: #DFD; }
.checkbox { padding: 0px; margin: 1px; }
textarea, input, select { font-size: normal 1.05em; border: 1px solid #000; padding: 2px; }
input { background-color: #FFF; }
button { font-size: normal 0.95em; background-color: #000; height: 6px; }
pre { font: courier; border: 1px dotted #000; width: 98%; padding: 3px; background: #FFF; }
input.button { color: #FFF; font-weight: bold; background-color: #0C1BD4; }
input.order { color: #000; font-weight: bold; background-color: yellow; }
.smallBla { color: #000; font-size: 0.8em; }
.error { color: #F00; font-weight: bold; }

/* Product Div styles */
.prodTD { height: 100%; }
.prodDiv { margin-bottom: 5px; border-bottom: 1px solid #BBB; padding: 2px; font-size: 0.85em; }
.prodFloatDiv { margin-bottom: 0px; border-top: 1px solid #BBB; border-left: 1px solid #BBB; border-right: 1px solid #BBB; padding: 2px; font-size: 0.85em; height: 100%; margin-left: 5px; margin-right: 5px; text-align: center; }
.prodPriceDiv { margin-bottom: 5px; border-left: 1px solid #BBB; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; padding: 2px; font-size: 0.85em; margin-left: 5px; margin-right: 5px; text-align: center; }
.orderPara { border-top: 1px solid #00F; background-color: #DFF0F1; font-weight: bold; }
.excelLeisure { margin-top: 10px; width: 100%; }
a.normalOrder:link { font-weight: bold; text-decoration: none; color: #000; background: yellow; padding: 1px; }
a.normalOrder:hover { font-weight: bold; text-decoration: underline; color: #000; background: yellow; padding: 1px; }
a.normalOrder:active { font-weight: bold; text-decoration: underline; color: #000; background: yellow; padding: 1px; }
a.normalOrder:visited { font-weight: bold; text-decoration: none; color: #000; background: yellow; padding: 1px; }
a.order:link { font-weight: bold; text-decoration: none; color: #000; background: yellow; float: right; padding: 1px; }
a.order:hover { font-weight: bold; text-decoration: underline; color: #000; background: yellow; float: right; padding: 1px; }
a.order:active { font-weight: bold; text-decoration: underline; color: #000; background: yellow; float: right; padding: 1px; }
a.order:visited { font-weight: bold; text-decoration: none; color: #000; background: yellow; float: right; padding: 1px; }
a.centerOrder:link { font-weight: bold; text-decoration: none; color: #000; background: yellow; text-align: center; padding: 1px; }
a.centerOrder:hover { font-weight: bold; text-decoration: underline; color: #000; background: yellow; text-align: center; padding: 1px; }
a.centerOrder:active { font-weight: bold; text-decoration: underline; color: #000; background: yellow; text-align: center; padding: 1px; }
a.centerOrder:visited { font-weight: bold; text-decoration: none; color: #000; background: yellow; text-align: center; padding: 1px; }

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; }

/* More link */
a.more:link { text-decoration: none; color: #009; float: right; }
a.more:hover { text-decoration: underline; color: #F00; float: right; }
a.more:active { text-decoration: underline; color: #F00; float: right; }
a.more:visited { text-decoration: none; color: #8505A5; float: right; }

/* navigation */
.nav_on { border-bottom: 2px dotted #808080; padding: 2px 0 2px 0; background: #49BDEF url( '/images/nav_on_pointer.gif' ) no-repeat right; color: #FFF; font-weight: bold; padding-left: 5px; }
.nav_off { border-bottom: 2px dotted #808080; padding: 2px 0 2px 0; background: url( '/images/nav_off_pointer.gif' ) no-repeat right; color: #00155E; font-weight: bold; padding-left: 5px; }

/* layout divs */
.clr { clear: both; }
#rhsPiccies { text-align: center; }

/**
* Sitemap
*/
.channelOuter { width: 100%; border: 1px #DCDEED solid; margin-bottom: 10px; }
.channelTitle { color: #000; width: 100%; background-color: #CCC; height: 20px; vertical-align: middle; padding-top: 2px; padding-bottom: 2px; }
.channelCell { width: 100%; padding: 2px; }
.channelIndivCell { width: 48%; text-align: left; vertical-align: top; float: left; padding: 2px; font-size: 11px; }
.titleText { color: #000; margin: 2px 0px 5px 5px; vertical-align: middle; }