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

body{ margin: 0px 3px 10px 3px; background: #FFF; font: normal small Helvetica, Verdana, Arial, sans-serif; width: 975px; margin-left: auto; margin-right: auto; }

/* 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 #ff191f; background: #F8FDC4; padding: 0px; color: #000; }
#middle .boxInner { padding: 2px; }
#middle .boxTop { font-weight: bold; font-size: 1.4em; color: #FFF; padding: 2px; background: #ff191f; text-align: center; }
#right .offerBox { margin: 0 0 10px 0; border: 2px solid #ff191f; background: #F8FDC4; padding: 0px; color: #000; }
#right .boxInner { padding: 2px; }
#right .boxTop { font-weight: bold; font-size: 1.4em; color: #FFF; padding: 2px; background: #ff191f; 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:visited { 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:link { text-decoration: none; color: #00F; }
a:visited { text-decoration: none; color: #00F; }
a:hover { text-decoration: underline; color: #00F; }
a:active { text-decoration: underline; color: #00F; }

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

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

/* navigation */
.nav_on a { 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; text-decoration: none; }
.nav_off a { 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; text-decoration: none; }

/* 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: #ff191f; }
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 #ff191f; 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: #ff191f; }

.categoryTop3 { margin-top: 0px; width: 100%; background: #ff191f; border-bottom: 1px solid #ff191f; }
.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: #ff191f; text-align: center; }
.categoryFront { margin: 0 0 10px 0; border-bottom: 2px solid #ff191f; border-left: 2px solid #ff191f; border-right: 2px solid #ff191f; 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: #ff191f; }
.channelCell { border-bottom: 2px solid #ff191f; border-left: 2px solid #ff191f; border-right: 2px solid #ff191f; background: #FFF; padding: 2px; color: #000; }

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

/* JMCK changes */
#top img {
    float: left;
}
#top ul {
    float: right;
    display: block;
    text-align: right;
    margin-top: 10px;
}
#top ul li {
    display: block;
    list-style-type: none;
    font-size: 12px;
}
#top #tagline {
    padding: 10px 0 0 10px;
    font-size: 1.1em;
    float: left;
    width: 250px;
    font-style: italic;
}

#top marquee {
    width: 350px;
    position: absolute;
    left: 520px;
    top: 70px;

}

#viewBasket {
    display: none;
}

#subnav {
    clear: both;
    width: 100%;
    position: relative;
	/*overflow:hidden;*/
}

#subnav li {
}

#subnav .mainnav {
    background: white;
}

#subnav table {
	margin: 0;
	padding: 0;
    width: 975px;
	border-collapse: collapse;
}
#subnav td {
	display: table-cell;
	margin: 0;
	padding: 0;
	text-align: center;
	border: 1px solid white;
    border-top: 0;
    border-bottom: 0;
    font-size: 12px;
    border-bottom: 4px solid #ff191f;
    background: #EBEFF7;
	margin-top: 4px;
}

#subnav td a {
	display: block;
    background-image: none;
    border: 0px;
    border-bottom: 1px solid white;
    padding: 2px 5px;
	font-weight: bold;
	text-decoration: none;
}

#subnav a.selected {
	background: transparent;
	border: 0px;
    border-bottom: 1px solid #ff191f;
	color: white;
}

#subnav td.hover_on,
#subnav td.selected {
    background: #ff191f;
}

#subnav td.hover_on a.hover_on {
	color: white;
    border-bottom: 1px solid white;
}

/*
#subnav li.nav_on a:hover {
    border-bottom: 1px solid white;
}
	*/

#subnav .subsubnav {
    /*
    */
    display: none;
    position: absolute;
    width: 100%;
	margin: 0;
    background: transparent url(/images/pixel-80.png);
    z-index: 2;
    padding: 3px 0;
    top: 100%;
	left: 0px;
}

#subnav .subsubnav table {
    border-bottom: 2px solid red;
}

#subnav .slow_hover {
	display: block;
}

#left, #right {
    overflow: hidden;
	text-align: center;
}

.boxInner2 form {
    padding: 3px;
}

.categoryDiv2 {
    border: 0;
}

.categoryDiv2 a img {
    width: 54px;
    height: 55px;
}

.categoryDiv2 a img.more_info {
    width: auto;
    height: auto;
}

.categoryTop2 {
    background: white;
}

.categoryTop2 h1 {
    background: white;
}

.categoryTop2 h1 a:link {
    color: #ff191f;
}

.categoryTop2 b.rtop {
    display: none;
}

#left .box {
    border: 0 !important;
}

#left img,
#right img {
    /*width: 176px !important;*/
}

#top {
    position: relative;
	z-index: 5;
}

#storefinder_search {
	/*
    display: none;
    position: absolute;
    top: 5px;
    left: 510px;
    width: 454px;
	*/
    /*min-height: 67px;*/
    background: white;
	background: #EBEFF7;
    z-index: 2;
	margin-bottom: 10px;
}

#storefinder_search h4 {
	background: #FF191F;
	color: white;
	text-transform: uppercase;
    padding: 5px;
	margin: 0;
}

#storefinder_search form {
    padding: 5px;
}

#storefinder_search input#location {
	width: 90%;
}

#storefinder_search button {
    height: auto;
	margin: 0 5px;
	margin: 0 auto;
	display: block;
}

#storefinder_search label {
    display: block;
}
#storefinder_search .close {
    position: absolute;
    top: 5px;
    right: 5px;
}

.boxRed {
    background-color: #ff191f !important;
}

#A1_homepage .oBox {
	float: left;
	width: 319px;
	margin: 10px !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
}

#A1_homepage .oBoxEven {
	margin-right: 0 !important;
}

.oBoxInner p {
	margin: 0;
	padding: 0;
}

marquee img {
	   vertical-align: middle;
}