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

body{ margin: 3px 3px 10px 3px; width: 975px; margin-left: auto; margin-right: auto; 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: #F00; margin-top: 0.2em; margin-bottom: 0.3em; }
h2 { font-weight: bold; font-size: 1.3em; color: #F00; margin-top: 0.2em; margin-bottom: 0.3em; }
h3 { font-weight: bold; font-size: 1.2em; color: #F00; margin-top: 0.2em; margin-bottom: 0.3em; }
h4 { font-weight: normal; font-size: 1.1em; color: #F00; 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; }
.error { font-weight: bold; color: #F00; }
.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; }
.titlebar { font-size: 1.2em; font-weight: bold; color: #7D9BCB; }
textarea, input, select { font-size: normal 1.05em; padding: 2px; border: 1px solid #7D9BCB; }
input { background-color: #FFF; border: 1px solid #7D9BCB; }
button { font-size: normal 0.95em; background-color: #9DB2D7; color: #FFF; height: 6px; }
pre { font: courier; border: 1px dotted #000; width: 98%; padding: 3px; background: #FFF; }
input.button { color: #FFF; font-weight: bold; background-color: #F00; border: 0px; }
.smallBla { font-size: 0.9em; }
/*ul.pointer { list-style:url( '/images/bullets/wheel.gif' ); color: #000; font-weight: bold; margin-left: 25px; padding: 0px; text-align: left; }*/
ul.pointer { list-style-type:none; margin: 0px; padding: 0px; text-align: left; }
ul.pointer li { background-image: url( '/images/bullets/wheel.gif' ); background-repeat: no-repeat; background-position: 0.4em; padding-left: 30px; font-weight: bold; }

/* Product Div styles */
#middle .offerBox { margin: 0 0 10px 0; border: 2px solid #FA0001; background: #F8FDC4; padding: 0px; color: #000; }
#middle .boxInner { padding: 2px; }
#middle .boxTop { font-weight: bold; font-size: 1.4em; color: #FFF; padding: 2px; background: #FA0001; text-align: center; }
#right .offerBox { margin: 0 0 10px 0; border: 2px solid #FA0001; background: #F8FDC4; padding: 0px; color: #000; }
#right .boxInner { padding: 2px; }
#right .boxTop { font-weight: bold; font-size: 1.4em; color: #FFF; padding: 2px; background: #FA0001; text-align: center; }

.prodDiv { margin-bottom: 5px; border-bottom: 1px solid #BBB; padding: 2px; font-size: 0.85em; }
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: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; }

a.white:link { text-decoration: none; color: #FFF; }
a.white:hover { text-decoration: underline; color: #FFF; }
a.white:active { text-decoration: underline; color: #FFF; }
a.white:visited { text-decoration: none; color: #FFF; }

/* navigation */
.nav_on { border-bottom: 2px dotted #808080; padding: 2px 0 2px 0; background: #BDCAE4 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: #00F; font-weight: bold; padding-left: 5px; }

/* layout divs */
.clr { clear: both; }

/* Rounded edges */
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #ff4a37; }
b.r1{ margin: 0 5px }
b.r2{ margin: 0 3px }
b.r3{ margin: 0 2px }
b.rtop b.r4, b.rbottom b.r4{ margin: 0 1px;height: 2px; }

/* Grey outer */
.greyOuter { padding: 0px; border: 1px solid #414141; margin-top: 0px; margin-bottom: 10px; }
.greyInner { padding: 2px; }
.greyTop { margin-top: 0px; width: 100%; background: #414141 url( '/images/darkgrey_top.gif' ) bottom left repeat-x; border-bottom: 1px solid #414141; }
.greyTop h1 { color: #FFF; font-size: 1.0em; margin-left: 5px; }
b.gtop, b.gbottom{display:block;background: #FFF}
b.gtop b, b.gbottom b{display:block;height: 1px; overflow: hidden; background: #414141; }
b.gtop b.r4, b.gbottom b.r4{ margin: 0 1px;height: 2px; }

/* category listing */
.categoryDiv { height: 109px; border: 2px solid #FA0001; margin-bottom: 10px; }
.categoryDiv2 { padding: 0px; border: 1px solid #BBB; margin-top: 0px; }
.categoryTop2 { padding: 0px; background: #ff191f; }
.categoryTop2 h1 { margin-top: 0px; width: 100%; color: #FFF; background: #ff4a37 url( '/images/offer_bk_head.gif' ) repeat-x; font-size: 1.1em; }

.categoryTop3 { margin-top: 0px; width: 100%; background: #ff4a37 url( '/images/offer_bk_head.gif' ) bottom left repeat-x; border-bottom: 1px solid #FF4A37; }
.categoryTop3 h1 { color: #FFF; font-size: 1.0em; }
.categoryDiv3 { margin: 0 0 10px 0; border-left: 1px solid #BBB; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; background: #EEE; overflow: hidden; }

.categoryFrontHead { font-weight: bold; font-size: 1.4em; color: #FFF; padding: 0px; background: #FA0001; text-align: center; }
.categoryFront { margin: 0 0 10px 0; border-bottom: 2px solid #FA0001; border-left: 2px solid #FA0001; border-right: 2px solid #FA0001; background: #FFF; padding: 2px; color: #000; }
a.category:link { text-decoration: none; color: #464646; font-weight: bold; font-size: 0.85em; text-transform: capitalize; } 
a.category:hover { text-decoration: underline; color: #464646; font-weight: bold; font-size: 0.85em; text-transform: capitalize; }
a.category:active { text-decoration: underline; color: #464646; font-weight: bold; font-size: 0.85em; text-transform: capitalize; }
a.category:visited { text-decoration: none; color: #464646; font-weight: bold; font-size: 0.85em; text-transform: capitalize; }


/* sitemap */
.channelOuter { width: 100%; margin-bottom: 10px; }
.channelTitle { font-weight: bold; font-size: 1.4em; color: #FFF; padding: 0px; background: #FA0001; }
.channelCell { border-bottom: 2px solid #FA0001; border-left: 2px solid #FA0001; border-right: 2px solid #FA0001; background: #FFF; padding: 2px; color: #000; }

/* footer */
#ftr { font-size: 0.8em; color: #686868; width: 100%; text-align: center; }