@charset "utf-8";

/*
***********
CLEAR FIX
***********
*/
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	display: inline-block;
}

*:first-child+html .clear {
	width:100%
}

/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
}

.clear {
	display: block;
}

/* End hide from IE-mac */

/* 
************
GENERAL
************
*/
body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	background:#328DBA
}

/* 
************
COMMON 
************
*/
* {
	padding:0;
	margin:0;/* box-sizing:  border-box;
 -ms-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 */
}

a {
	color:#2E8AB8
}

a:hover {
	color:#390;
	text-decoration:none
}

a img, :link img, :visited img, fieldset, input[type=checkbox], input[type=radio], img {
	border:none
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font:inherit
}

ol, ul {
	list-style:none
}

.fr {
	float:right;
	width:auto;
	clear:right;
	display:inline
}

.fl {
	float:left;
	width:auto;
	clear:right;
	display:inline
}

.ar {
	text-align:right
}

.al {
	text-align:left !important
}

.cntr {
	text-align:center;
}

/* 
******************
PAGE CONTENTS
******************
*/
/* HEADER */
#h {
	background:url(../images/aquadoo.jpg) no-repeat 0 1px;
	clear:both;
	height:136px;/*border-top:1px solid #fff;*/
}

#h h1, #h h2 {
	display:block;
	text-indent:-2000px
}

#h h1 a {
	display:block;
	height:98px;
	width:248px
}

#h h2 {
	width:166px;
	height:50px;
	top:42px;
	right:10px;
	position:absolute
}

#cmenu, #bmenu {
	clear:both;
	display:block;
	height:30px
}

#cmenu li, #bmenu li {
	float:left;
	display:inline
}

#h a:hover {
	text-decoration:underline
}

/*
TOP MENU
*/
.nav, #nav ul {
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	z-index:9;
	line-height: 27px;
	height: 30px;
}

.nav li {
	float: left;
	position: relative;
	background: #76C609;
	padding-bottom: 3px;
}

/*
top level
*/
.nav a {
	display: block;
	cursor:pointer;
	text-decoration: none;
	position:relative;
	white-space:nowrap;
	background:url(../images/bg_nav.gif) repeat-x center top #74B9DD;
	color:#fff;
	/*float:left;
 display:inline;
*/ 
	border-left: 1px solid #8BC4E3;
	border-right: 1px solid #60ABD3;
	font-size: 13px;
	height: 24px;
	line-height: 24px !important;
	text-align: center;
	width: 85px;
}

ul.nav li a:hover {
	background: url(../images/bg_nav.gif) repeat-x center bottom #76C609;
	border-left: 1px solid #C7EF94;
	border-right: 1px solid #5AAC51;
	color: #005F9C;
	height: 24px;
	text-decoration: none;
}

ul.nav li.first a, ul.nav li.first a:hover {
	border-left: 0 none;
	width: 80px;
}

ul.nav li.last a, ul.nav li.last a:hover {
	border-right: 0 none;
}

#nav ul a {
	font-size: 12px;
	line-height:24px !important;
}

#nav .hovered a {
	color:#005F9C
} /* parent item coloring on opened menu */

/*#nav a:hover b {
 background-position:100% -35px;
 
}*/
/*
2nd level and below (opened menu)
*/
#nav ul {
	border-collapse:collapse;
	border:#cdcdcd 1px solid;
	border-top:#fff 1px solid;
	position: absolute;
	display: none;
	width: 180px;
	top: auto;
	background-color:#ccc;
	margin: 0;
	padding: 0;
} /* outer borders color */

#nav ul li {
	background-color:#ebebeb;
	border-bottom:#fff 1px solid;
	padding:1px 0
} /* opened menu items color */

#nav ul a {
	margin:0;
	padding:0 8px;
	background-image:none;
	background-color:#ebebeb;
	width: 164px;
	height: auto;
	float: left;
	line-height:18px
}

#nav ul a:hover {
	background-color: #fff
}

/* 
EOF TOP MENU
*/


div.pTxt p {
	line-height: 22px;
}

/* COLUMNS */
/* PADDINGS of main cols */
#mcc {
	padding: 0 12px;
	min-height:400px
}

* html #mcc {
	height:400px
}

/* CENTRAL COLUMN hp */
#hpBan {
	text-align:center
}

/* EOF COLUMNS */

/* FOOTER */
#fc {
	text-align:center;
	color:#333;
	padding:24px 0 12px;
}

#fCopy {
	color:#2E8AB8;
	margin-top:8px
}

/* EOF FOOTER */

/* 
              _____________
     ....-''``'._ _________))  ( MODULES and WIDGETS )
             ,_  '-.___)
               `'-._)_)
     -----'``"-,__(__)
*/
/* HP Central Col Widgets */

#topvid td, #featbox td {
	padding:10px 10px 10px 5px
}

td#lefttxt {
	width:60%;
	padding-left:20px;
	font-size:12px
}

td#lefttxt h1 {
	color:#2e8ab8;
	font-size:18px;
	text-align:center
}

#featbox {
	margin:0.78em auto 0;
	height:373px;
	background:url(../images/bg_hp.gif) no-repeat 0 0;
}

td#flefttxt {
	padding:18px 8px 22px 22px;
	font-size:13px;
	line-height:15px
}

td#flefttxt h1 {
	font-size:24px;
	color:#2e8ab8;
	text-align:center;
	line-height:26px;
	margin:0;
	padding:0
}

td#fprod {
	padding:28px 26px 22px 8px;
	text-align:center
}

/* 
PRODUCT BOXES 
*/
/* Central Col Boxes */
.pBox {
	border:1px solid #f7f7f7;
	float:left;
	display:inline;
	border-collapse:collapse;
	color:#000;
	font-size:12px;
	height:218px;
	margin:0 14px 16px 13px;
	overflow:hidden;
	text-align:center;
	width:139px;
	padding:8px 16px
}

.wBox .pBox {
	border:none;
	margin:0;
	padding:8px
}

.pBox h5 a, .rvBox h5 a {
	display:block;
	font-size:10px;
	height:26px;
	margin-bottom:0px;
	margin-top:4px;
	overflow:hidden
}

.pBox h5 a:hover, .rvBox h5 a:hover, .pBrand h5 a:hover, .pCat h5 a:hover {
	text-decoration:underline
}

.pImg img, .pImgM img {
	border:1px solid #ccc;
	clear:both;
	height:123px;
	margin:0 auto;
	text-align:center;
	width:123px
}

.pPrice, .rvPrice {
	color:#006699;
	line-height:22px;
	font-size:12px
}

/* Rel Products */
#pRel .pBox {
	height:198px
}

#pRel .pBox .sku {
	margin-bottom:4px
}

/* More Images */
#pMoreImages .pBox {
	height:150px
}

/* Side Boxes */
.sBox {
	border:none;
	float:none;
	clear:both;
	width:100%;
	height:auto;
	padding:10px 8px 0
}

.sBox .pBoxIn {
	padding-bottom:8px;
	clear:both;
	float:none;
	width:100%;
	overflow:hidden
} /* needed for ie6-7*/

.sBox h5 a {
	height:auto
}

.sBox .pImg img {
	width:100px;
	height:100px
}

.sBox .pPrice {
	font-size:14px;
	line-height:24px
}

/********** Recently Viewed Boxes **********/
/* Vertical */
.rvBox {
	clear:both;
	overflow:hidden;
	margin-bottom:12px
}

.rvBox h5 a {
	height:56px
}

.rvImg img {
	float:left;
	border:1px solid #ccc;
	clear:both;
	height:100px;
	margin:0 8px 0 0;
	text-align:center;
	width:100px
}

/* Horizontal (at view cart page) */

#frontend_addcart #cRecentlyViewed {
	text-align:center
}

#frontend_addcart #cRecentlyViewed h4 {
	text-align:left
}

#frontend_addcart .rvBox {
	clear:none;
	display:inline-block;
	margin:3px 47px 3px 48px;
	width:102px
}

#frontend_addcart .rvBox h5 a {
	height:26px
}

#frontend_addcart .rvImg img {
	float:none;
	margin:0
}

/* 4 ie6-7 */
*:first-child+html #frontend_addcart .rvBox {
	float:left
}

* html #frontend_addcart .rvBox {
	float:left;
	display:inline
}

/* EOF PRODUCT BOXES */
/* BRANDS AND CATEGORIES BOXES */
.pBrand, .pCat {
	float:left;
	display:inline;
	border-collapse:collapse;
	color:#000;
	font-size:12px;
	height:156px;
	margin:0 14px 8px 13px;
	overflow:hidden;
	text-align:center;
	width:139px;
	padding:8px 16px
}

.pBrand h5 a, .pCat h5 a {
	display:block;
	font-size:12px;
	line-height:26px;
	height:26px;
	margin-top:4px;
	overflow:hidden
}

.pBrandImg img, .pCatImg img {
	border:1px solid #ccc;
	clear:both;
	height:123px;
	margin:0 auto;
	text-align:center;
	width:123px
}

/*
SIDE BOXES PAN + INNER PAGES BOXES
*/
.sPan, .inPan {
	text-align:center;
	font-size:12px;
	color:#666;
	margin:0 0 11px
}

.sH {
	background: url(../images/bg.gif) no-repeat 0 0;
	border-bottom:1px solid #e1e1e1;
	height:24px
}

.sH h4 {
	font-size:11px !important;
	color:#fff !important;
	font-weight:normal !important;
	line-height:22px !important
}

.sBody h4 {
	font-size:12px;
	font-weight:bold
}

.sBody {
	padding:6px 8px 10px;
	background: #eeeeee no-repeat 0 100%;
	line-height:16px
}

.sBody ul {
	margin:2px 0 8px 8px;
	text-align:left
}

.sBody a:hover {
	color:#ff1a00;
	text-decoration:underline
} /* side columns hover */

.sBody select {
	width:98%;
	margin:0 auto;
	text-align:center
}

/*
Side boxes special cases
*/
#sNewsletter {
	border-top:1px solid #e1e1e1
}

#sNewsletter #sNLEmail {
	width:80%;
	color:#999;
	margin:6px auto;
	text-align:center
}

#sSearchInput {
	display:inline;
	width:75%
}

#banner div {
	margin-bottom:3px;
}

/*
INNER PAGES BOXES
*/
.inPan {
	width: 169px;
	margin:28px auto
}

.inPan .sH h4 {
	border:none !important;
	margin:0 !important;
	height:auto !important
}

/*
SIDE CATEGORIES
*/
#sCats ul {
	margin-left:0
}

#sCats li a {
	padding-left:3px;
	zoom:1 /* for ie6? - to check if needed */
}

#sCats li a.exp {
	background-image:url(../images/bg_cats.gif);
	background-position:0 -1px;
	text-indent:-2000em;
	float:left;
	width:8px;
	padding-left:0
}

#sCats li a.current {
	color:#000;
	background-position:-400px -1px
}

#sCats li a:hover {
	color:#333;
	text-decoration:underline;
	background-position:-200px -1px
}

#sCats ul ul {
	font-size:10px;
	margin:4px 1px 4px 16px;
	padding-left:0
}

#sCats li li a {
	background:none;
	color:#666
}

#sCats li li a:hover {
	color:#069;
	text-decoration:none;
	background:none
}

/************
INNER PAGES 
************/
h3 {
	font-size:16px;
	color:#2E8AB8;
	text-transform:capitalize;
	clear:both;
	margin:4px 0 14px
}

#mc h4 {
	font-size:14px;
	line-height:28px;
	height:28px;
	clear:both;
	display:block;
	color: #390;
	display: block;
	margin:0 0 16px
}

.pTxt i {
	display: block;
	font-weight: bold;
}

blockquote {
	margin:0 2em 1em;
	line-height:20px;
}

.emptyPage {
	margin:1em 0
}

#mc p {
	margin:16px 0
}

.pTxt h5 {
	font-size:13px;
	margin:16px 0
}

.pTxt dl {
	padding:1em 0
}

.pTxt dt {
	font-weight:bold;
	padding:0.2em 0
}

.pTxt dd {
	padding:0.2em 0 0.8em
}

/* LOADER */
.ploader {
	top:128px;
	position:absolute;
	z-index:999;
	width:97%;
	height:56px;
	line-height:56px;
	text-align:center;
	display:none
}

.ploader .ploader-content {
	width: 218px;
	padding: 4px;
	margin:0 auto;
	height:56px;
	line-height:56px;
	background-color:#f1f1f1;
	font-size: 14px;
	border:1px solid #fff;
	text-shadow:#CCC;
	color:#666;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px
}

* html .ploader .ploader-content {
	padding: 28px 4px;
	height:auto
}

/* PAGINATION */
.pages {
	clear:both;
	margin:1em 0;
	clear:both;
	background:#eee;
	border:1px solid #e6e6e6;
	line-height:34px;
	height:34px;
	font-size:10px;
	text-align:center
}

.pages select, .pages2 select {
	padding:1px
}

.toPage {
	right:148px;
	position:absolute
}

.toPerPage {
	right:28px;
	position:absolute
}

* html .toPage {
	padding-top:8px
}

* html .toPerPage {
	padding-top:8px
}

.paging {
	position:absolute;
	left:28px;
	margin-top:8px;
	font-size:11px;
}

* html .paging {
	height:34px;
	overflow:hidden
}

.paging li {
	display:inline;
	float:left;
	margin:0 2px
}

.paging li a, .paging li a.pOn:hover {
	color:#333;
	font-weight:bold;
	background:#fff url(../images/bg_vert.gif) repeat-x 0 -103px;
	line-height:18px;
	height:18px;
	border:1px solid #ccc;
	width:18px;
	text-align:center;
	display:block
}

.paging li a.pOn, .paging li a:hover {
	color:#fff;
	background-position:0 -128px;
	background-color:#666
}

.paging .pNext *, .paging .pPrev * {
	width:46px
}

.paging .pPrev span, .paging .pNext span {
	color:#e4e4e4;
	font-weight:bold;
	background:#fff;
	line-height:18px;
	height:18px;
	border:1px solid #f1f1f1;
	text-align:center;
	display:block
}

span.pageSum {
	text-align:center;
	zoom:1
}

.pages2 {
	clear:both;
	margin:0 0 1em;
	clear:both;
	line-height:34px;
	height:34px;
	font-size:10px;
	text-align:right
}

/* Product Page */

#pPane {
	clear:both;
	background:url(../images/bg_hp.gif) no-repeat 50% 0;
	height:373px;
	width:594px;
}

.pImgM {
	width:218px;
	height:278px;
	float:right;
	display:inline;
	margin:12px 8px 22px 0;
	overflow:hidden;
}

.pImgM img {
	width:218px;
	height:211px;
	border:none;
}

.pData {
	float:left;
	width:336px;
	margin-left:12px;
	margin-top:8px;
	text-align:justify;
	font-size:13px;
	color:#000;
}

h3#pHead {
	color:#2e8ab8;
	font-size:24px;
	line-height:25px;
	margin-bottom:28px;
	margin-top:1em;
	display:block;
	text-align:center;
	text-transform:none
}

.pData .model {
	margin-top:4px;
	color:#666;
	font-weight:normal
}

.pricePan {
	clear:both;
	text-align:center;
}

.pricePan .price {
	font-size:24px;
	line-height:26px;
	color:#76C119;
	font-weight:bold
}

a.pButAddCart {
	width:218px;
	height:51px;
	display:block;
	text-indent:-2000em;
	overflow:hidden;
	cursor:pointer;
	text-align:left;
	margin:4px auto;
	background:url(../images/addtocart_but.gif) no-repeat 50% 50%;
}

#pDescr {
	margin-top:1em;
	clear:both
}

.pMore ul {
	list-style: disc;
	margin:1em 2em
}

table#productTbl td {
	padding:5px;
}

/* Search*/

#sForm {
	margin-bottom:2em;
	clear:both
}

/* Media */
.movlink {
	float: left;
	font-size: 10px;
	height: 121px;
	padding-right: 8px;
	width: 288px;
}

.movlink img {
	float: left;
	margin-right: 10px;
	width: 134px;
}

.movlink div {
	text-align:center;
	width:144px;
	float:right
}

.movlink h3 {
	color: #625D64;
	display: block;
	font-size: 11px;
	margin:0;
}

.movlink strong {
	white-space: nowrap;
}

/* EOF Inner Pages */

/*
             .-"-._( ) )
            /  ,  ,  66\
     `======\   )_\\=\_o)=   FORMS and Buttons 
             `~~"~ `"
*/
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:middle
}

a:active, input:active, * :focus {
	outline: none
}

/* ff way to remove outline from submit button
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
border: none
} */
form {
	display:inline
}

/*
**************
MAIN BUTTONS
**************
*/

.buttons {
	margin:8px 0 0
}

.but {
	cursor:pointer;
	border:0;
	overflow:hidden;
	background:#069 url(../images/bg_al.gif) repeat-x 0 0;
	color:#fff;
	font-weight:bold;
	padding:1px 2px 3px;
	height:18px;
	line-height:15px;
	vertical-align:middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
} /* some maneuvers to make it similar in all browsers, change carefully! */

.boxSubmit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:0 8px 3px !important;
	margin:6px 0
}

input.vcbutblue, input.vcbut, input.cfbut, ul.checkout_opts .opt_button_wrap input.opt_button {
	background:url(../images/bg_al.gif) repeat-x 0 0; /* same as .but, but taller */
	line-height:21px;
	height:21px;
	border:0;
	font-weight:bold;
	font-size:12px !important;
	color:#fff !important;
	cursor:pointer
}

input.vcbut {
	background-position: 0 -80px;
	width:108px !important;
}

input.cfbut {
	background-position: 0 -40px;
}

ul.checkout_opts .opt_button_wrap input.opt_button {
	width:125px !important;
}

.pDel {
	display:block;
	width:18px;
	height:18px;
	text-indent:-2000px;
	background:url(../images/del.gif) no-repeat 0 0;
	margin-top:2px;
}

input#vcCheckout, input#vcCheckoutComplete, input#vcContinueShopping, .tdCoupon input.boxSubmit, input#butCOLogin, input#butCOContinue, input#contactBut, input#butForgotPassw, input#cCreateAccount, #createAccCol .panIn a, input#butLogin {
	width:191px;
	height:43px;
	text-align:left;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	text-indent:-2000em;
	line-height:200em;
	overflow:hidden;
	background:url(../images/bg_buttons.png) no-repeat 0 0;
}

.tdCoupon input.boxSubmit {
	width:108px;
	height:23px;
	border:none;
	background-position: -215px -8px;
}

input#vcCheckout {
	background-position:0 -250px;
}

input#vcCheckoutComplete {
	background-position:-218px -250px;
	width:144px;
	height:34px;
}

input#butCOContinue {
	background-position:0 -58px;
	display:block
}

input#butCOLogin {
	background-position:-212px -58px;
	width:191px !important;
}

#createAccCol .panIn a {
	display:block;
	margin:8px auto;
	background-position:-218px -430px;
}

input#contactBut, input#butForgotPassw, input#cCreateAccount, input#butLogin {
	width:160px;
	height:36px;
	background-position:-121px -186px;
}

input#cCreateAccount {
	background-position:-121px -305px
}

input#butLogin {
	background-position:-31px -437px;
}