/* OCEAN FRESH MAIN */

/* COMMON STYLES */
.containerSilverCurve {position: relative; width: 586px; margin: 0; background: url(../img/headerBarSilverCurve.jpg) no-repeat top left;}
.containerSilverCurve h1.headerBar, .containerSilverCurve h2.headerBar {position: relative; width: 370px; height: 27px; padding-top: 3px; margin: 0; text-indent: 10px; color: #fff; font-size: 11px; font-weight: bold;}

.containerSilverCurve .viewAll {position: absolute; top: 4px; right: 23px; background: url(../img/containerSilverView.gif) no-repeat; width: 44px; height: 20px; padding: 0px 0 0 12px;}
.containerSilverCurve a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; word-spacing: 1px;}
.containerSilverCurve a:hover {text-decoration: underline;}

.containerSilver {position: relative; width: 586px; margin: 0; background: url(../img/headerBarSilver.jpg) no-repeat top left; z-index:10;}
.containerSilver h1.headerBar, .containerSilver h2.headerBar {position: relative; width: 370px; height: 16px; padding-top: 3px; margin: 0; text-indent: 10px; color: #fff; font-size: 11px; font-weight: bold;}

.containerBlue {position: relative; width: 586px; margin: 0; background: url(../img/headerBarBlue.jpg) no-repeat top left;}
.containerBlue h2.headerBar {position: relative; width: 370px; height: 16px; padding-top: 3px; margin: 0; text-indent: 10px; color: #fff; font-size: 11px; font-weight: bold;}

#bannerPlaceholder {position: relative; width: 586px; margin-bottom: 10px;}

/* HOME PAGE */
div.specialBanner {position: absolute; top: 0px; left: 0px; width: 88px; height: 88px; display: block; background: url(../img/specialBanner.gif) no-repeat; z-index: 10;}
div.saleBanner {position: absolute; top: 0px; left: 0px; width: 88px; height: 88px; display: block; background: url(../img/saleBanner.gif) no-repeat; z-index: 10;}
div.specialBannerSmall {position: absolute; top: 0px; left: 0px; width: 49px; height: 49px; display: block; background: url(../img/specialBannerSmall.gif) no-repeat; z-index: 10;}
div.saleBannerSmall {position: absolute; top: 0px; left: 0px; width: 49px; height: 49px; display: block; background: url(../img/saleBannerSmall.gif) no-repeat; z-index: 10;}

.productBoxContainer {position: relative; width: 575px; padding: 4px 0 0 11px; margin: 0;}
.productBoxContainer .productBox {position: relative; float: left; display: inline; width: 179px; height: 256px; padding: 0 1px; margin: 0 10px 15px 0; background: url(../img/productBoxes/productBox181.gif) no-repeat;}
.productBoxContainer .productBox h2 {width: 100%; height: 30px; margin: 0; text-align: center; padding-top: 5px;}
.productBoxContainer .productBox h2 a {color: #024665; font-size: 10px; font-weight: bold; text-decoration: none; line-height: 11px;}
.productBoxContainer .productBox h2 a:hover {text-decoration: underline;}
.productBoxContainer .productBox .placeholder {position: relative; width: 179px; height: 134px; margin-bottom: 5px; text-align: center;}
.productBoxContainer .productBox .placeholder a {position: absolute; top: 0px; left: 0px; width: 179px; height: 134px; display: block; z-index: 20; background: url(../img/trans1x1.gif);}
.productBoxContainer .productBox .info {position: relative; width: 179px; height: 54px; background: url(../img/stripePurple.gif) repeat-x top left; margin-bottom: 2px;}
.productBoxContainer .productBox.special .info {background: url(../img/stripeYellow.gif) repeat-x top left;}
.productBoxContainer .productBox.sale .info {background: url(../img/stripeRed.gif) repeat-x top left;}
.productBoxContainer .productBox .info p.msg {width: 100%; height: 16px; line-height: 14px; text-align: center; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; margin-bottom: 2px;}
.productBoxContainer .productBox .info p.price {width: 100%; text-align: center; color: #024665; font-size: 14px; font-weight: bold; margin-bottom: 3px;}
.productBoxContainer .productBox .info p.price span.text {font-size: 11px; font-weight: normal; text-transform: uppercase;}
.productBoxContainer .productBox .info p.was {width: 100%; text-align: center; color: #666; font-size: 11px; font-weight: normal; text-transform: uppercase;}
.productBoxContainer .productBox .info p.was span.save {color: #33ccff; font-weight: bold; margin-left: 15px;}
.productBoxContainer .productBox.special .info p.price, .productBoxContainer .productBox.sale .info p.price {color: #ff3300;}
.productBoxContainer .productBox.special .info p.was span.save {color: #cc0066;}
.productBoxContainer .productBox.sale .info p.was span.save {color: #f37d02;}

.specialOffersContainer {position: relative; width: 576px; padding: 4px 0 0 10px; margin: 0;}
.specialOffersContainer .productBox {position: relative; float: left; display: inline; width: 276px; height: 141px; padding: 7px 1px 0 1px; margin: 0 10px 15px 0; background: url(../img/productBoxes/productBox278.gif) no-repeat;}
.specialOffersContainer .productBox .placeholder {position: relative; float: left; display: inline; width: 110px; height: 83px; margin: 0 7px 5px 7px;}
.specialOffersContainer .productBox .placeholder a {position: absolute; top: 0px; left: 0px; width: 110px; height: 82px; display: block; z-index: 20; background: url(../img/trans1x1.gif);}
.specialOffersContainer .productBox .info {position: relative; float: left; display: inline; width: 145px;}
.specialOffersContainer .productBox .info h2 {width: 100%; height: 40px; margin: 0; text-align: center;}
.specialOffersContainer .productBox .info h2 a {color: #024665; font-size: 10px; font-weight: bold; text-decoration: none; line-height: 11px;}
.specialOffersContainer .productBox .info h2 a:hover {text-decoration: underline;}
.specialOffersContainer .productBox .info p.price {width: 100%; text-align: center; color: #ff3300; font-size: 14px; font-weight: bold; margin-bottom: 3px;}
.specialOffersContainer .productBox .info p.price span.text {font-size: 11px; font-weight: normal; text-transform: uppercase;}
.specialOffersContainer .productBox .info p.was {width: 100%; text-align: center; color: #666; font-size: 11px; font-weight: normal; text-transform: uppercase;}
.specialOffersContainer .productBox .info p.was span.save {color: #cc0066; font-weight: bold; margin-left: 10px;}
.specialOffersContainer .productBox .commercialMsg {position: relative; width: 276px; height: 50px; background: url(../img/stripeYellow.gif) repeat-x top left;}
.specialOffersContainer .productBox .commercialMsg p {width: 100%; height: 16px; line-height: 14px; text-align: center; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; margin-bottom: 11px;}

.productItemContainer {position: relative; width: 574px; padding: 4px 0 0 12px; margin: 0;}
.productItem {position: relative; float: left; display: inline; width: 131px; height: 214px; padding: 7px 1px 0 1px; margin: 0 10px 10px 0; background: url(../img/productBoxes/productBox133.gif) no-repeat;}
.productItem .placeholder {position: relative; width: 110px; height: 83px; margin: 0 auto 5px auto;}
.productItem .placeholder a {position: absolute; top: 0px; left: 0px; width: 110px; height: 82px; display: block; z-index: 20; background: url(../img/trans1x1.gif);}
.productItem .info {position: relative; width: 131px;}
.productItem .info h2 {width: 100%; height: 28px; margin: 0; text-align: center;}
.productItem .info h2 a {color: #024665; font-size: 10px; font-weight: bold; text-decoration: none; line-height: 11px;}
.productItem .info h2 a:hover {text-decoration: underline;}
.productItem .info p.price {width: 100%; text-align: center; color: #ff3300; font-size: 14px; font-weight: bold; margin-bottom: 3px; line-height: 12px;}
.productItem .info p.price span.text {font-size: 11px; font-weight: normal; text-transform: uppercase;}
.productItem .info p.was {width: 100%; text-align: center; color: #666; font-size: 10px; font-weight: normal; text-transform: uppercase; margin-bottom: 5px;}
.productItem .info p.was span.save {color: #f37d02; font-weight: bold; margin-left: 5px;}
.productItem .commercialMsg {position: absolute; left:1px; bottom:5px; width: 131px; height: 60px; background: url(../img/stripeRed.gif) repeat-x top left;}
.productItem .commercialMsg p {width: 100%; height: 24px; padding-top:2px; line-height: 10px; text-align: center; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; margin-bottom: 11px;}

.advertsContainer {position: relative; width: 586px; margin: 0; padding-top: 0px;}
.advertsContainer .advert {position: relative; float: left ;display: inline; width: 288px; height: 97px; margin: 0 0 15px 0;}
.advertsContainer .advert.natural {/*background: url(../img/banners/advertNatural.jpg) no-repeat;*/ margin-right:10px;}
.advertsContainer .advert.delivery {/*background: url(../img/banners/advertDelivery.jpg) no-repeat;*/}
.advertsContainer .advert p {position: absolute; top: 51px; right: 12px; color: #fff; font-size: 11px; font-weight: bold;}

.pageDescription {position: relative; width: 586px; margin: 0; padding-top: 15px;}
.pageDescription h1, .pageDescription h2.header {color: #000; font-size: 11px; font-weight: bold; width: 586px; border-bottom: 1px solid #828b95; padding-bottom: 4px; margin-bottom: 5px;}
.pageDescription h2, .pageDescription h3 {color: #000; font-size: 11px; font-weight: bold; margin: 0 0 5px 0;}
.pageDescription p {color: #000; font-size: 11px; font-weight: normal; line-height: 14px; margin: 0 0 12px 0;}
.pageDescription ul {margin: 0 0 10px 15px; list-style: none;}
.pageDescription ul li {position: relative; margin: 0 0 8px 0; list-style: none; color: #000; font-size: 11px; font-weight: normal; line-height: 14px; padding: 0 0 2px 15px; background: url(../img/icons/pageDescripBullet.gif) no-repeat 0px 2px;}

/* PRODUCT PAGE */
.productContainer {position: relative; width: 572px; margin: 0 auto 20px auto; padding: 15px 0 11px 0; background: url(../img/product/containerBg.gif) no-repeat bottom left;}
.productContainer.clothing{background-image:url(../img/product/containerBg_clothing.gif)}

.productContainer .leftSide {position: relative; float: left; display: inline; width: 292px;}
.productContainer .rightSide {position: relative; float: left; display: inline; width: 280px;}

.productContainer .leftSide div.specialBanner, .productContainer .leftSide div.saleBanner {position: absolute; top: 5px; left: 8px;}

.productContainer .mainImage {position: relative; width: 273px; height: 206px; margin: 0 0 7px 3px; padding: 5px 0 0 5px; z-index:2; background: url(../img/product/mainImageBg.gif) no-repeat;}
.productContainer .mainImage a {position: absolute; top: 5px; left: 5px; width: 268px; height: 201px; display: block; z-index: 20; background: url(../img/trans1x1.gif);}
.productContainer .mainImage a img.brand{position:absolute;bottom:0;right:0;z-index:99}

.productContainer .enlargeImages {position: relative; width: 138px; height: 13px; margin: 0 auto 8px auto;}
.productContainer .enlargeImages p {padding-left: 17px; height: 13px; background: url(../img/product/plusIcon.gif) no-repeat left center; color: #024665; font-size: 10px; font-weight: normal;}

.productContainer .thumbnailsContainer {width: 268px; height: 132px; margin-left: 8px; background: url(../img/product/blueShadow.gif) no-repeat bottom left;}
.productContainer.clothing .thumbnailsContainer{background:none}
.productContainer .thumbnailsContainer .repeaterBlock {padding-left:31px;}
.productContainer .thumbnail {float: left; display: inline; width: 93px; height: 71px; margin:0 12px 12px 0; padding: 4px 0 0 4px; background: url(../img/product/thumbnailBg.gif) no-repeat;}
.productContainer .thumbnail img.thumbEnlarged {position:absolute; top:5px; left:8px; z-index:1; width:0px; height: 0px;}
.productContainer .thumbnail:hover img.thumbEnlarged  {z-index:3; width: 268px; height: 201px;}

.productContainer .leftSide ul {margin: 0;}
.productContainer .leftSide ul li {position: relative; float: left; display:inline; list-style: none; margin: 0 0 7px 34px; width: 80px; padding-left: 8px; background: url(../img/product/arrowBullet.gif) no-repeat left 4px;}
.productContainer .leftSide ul li.print {padding-left: 12px; background: url(../img/product/iconPrint.gif) no-repeat left 1px;}
.productContainer .leftSide ul li.email {padding-left: 12px; background: url(../img/product/iconFriend.gif) no-repeat 1px 1px;}
.productContainer .leftSide ul li a {color: #024665; font-size: 10px; font-weight: normal; text-decoration: none;}
.productContainer .leftSide ul li a:hover {text-decoration: underline;}

.productContainer .brandImg {position: relative; width: 60px; height: 48px;}

.productContainer .productNameContainer {position: relative; width: 273px; padding-bottom: 5px; background: url(../img/icons/dotsHorizGrey.gif) repeat-x left bottom;}
.productContainer .productNameContainer h1 {height: 40px; color: #024665; font-size: 14px; font-weight: bold; line-height: 18px;}
.productContainer .productNameContainer h2 {color: #3d9ecf; font-size: 11px; font-weight: bold;}

.productContainer .rightSide ul {margin: 0; padding: 13px 0 5px 0;}
.productContainer .rightSide ul li {position: relative; margin: 0 0 8px 0; list-style: none; color: #024665; font-size: 11px; font-weight: normal; line-height: 14px; padding: 0 0 2px 15px; background: url(../img/icons/pageDescripBullet.gif) no-repeat 0px 2px;}

.productContainer .commercialMsg {position: relative; width: 273px; height:20px; margin-top:56px; margin-bottom:1px; background: url(../img/product/commercialMsgYellow.gif) repeat-x 0 0; text-align: center;}
.productContainer.clothing .commercialMsg{margin-top:0}
.productContainer.clothing .commercialMsg p{padding-top:3px}
.productContainer .commercialMsg p {color: #fff; text-transform: uppercase; font-size: 10px; font-weight: bold; padding-top:5px}

.productContainer.clothing .options{position:relative;width:100%;padding:12px 0;background:url(../img/product/options_bg.gif) 0 0 repeat-y}
.productContainer.clothing .options label{font-weight:bold;color:#024665;display:block;text-align:right;width:76px;padding-right:7px;display:inline;float:left;clear:left}
.productContainer.clothing .options select{display:block;width:140px;float:left;border:1px solid #7f9db9;color:#666;margin-bottom:6px}

.productContainer.clothing .stockInfo{position:relative;width:100%;text-align:center;color:#024665;background:url(../img/product/stock_bg.gif) 0 0 repeat-y}
.productContainer.clothing .stockInfo p{font-size:12px;line-height:2.4}

.productContainer .productPricesBox {position: relative; width: 273px; height: 121px; background: url(../img/product/productPricesBox.gif) no-repeat left bottom; text-align: center;}
.productContainer.clothing .productPricesBox{height:120px;background:none;text-align:left;}
.productContainer .productPricesBox p {font-size: 11px; font-weight: normal; line-height: 16px;}
.productContainer .productPricesBox p.price {color: #ff3300;}
.productContainer.clothing .productPricesBox p.price{position:absolute;color:#fff;font-weight:bold;font-size:14px;top:27px; right:20px}
.productContainer .productPricesBox p.price strong {font-size: 14px;}
.productContainer.clothing .productPricesBox p.price strong {font-size: 18px;}
.productContainer .productPricesBox p.was {color: #666; margin-bottom: 0;}
.productContainer.clothing .productPricesBox p.was{font-size:12px;padding:25px 0 0 14px;color:#024665}
.productContainer .productPricesBox p.was span.save {color: #cc0066; font-weight: bold; margin-left: 15px;}
.productContainer.clothing .productPricesBox p.was span.save{color:#de0404;margin:0}
.productContainer .productPricesBox p.perGram {color: #3d9ecf; font-size: 10px; margin-bottom: 3px;}
.productContainer .productPricesBox p.perGram strong {font-size: 11px;}

.productContainer .qtyContainer {position: absolute; left: 8px; bottom: 10px; width: 257px; height: 38px; background: url(../img/product/qtyContainerBg.gif) repeat-x left;}
.productContainer.clothing .qtyContainer{background:none}
.productContainer .qtyContainer fieldset {position: relative; width: 257px; height: 38px;}
.productContainer .qtyContainer fieldset .inputField {width:257px; height: 31px; padding-top:9px;}
.productContainer .qtyContainer fieldset .inputField label {color: #666; font-size: 10px; font-weight: bold; float: left; display: block; width: 50px; text-align: right; margin-right: 5px; padding-top: 3px;}
.productContainer.clothing .qtyContainer fieldset .inputField label{text-align:left;width:20px;padding:3px 0 0 10px;color:#024665}
.productContainer .qtyContainer fieldset .inputField input.quantity {color: #666; font-size: 11px; font-weight: normal; margin-right: 25px; padding:2px 0; display:block; float:left; width:32px; border:1px solid #b9bcbf; text-align: center;}
.productContainer.clothing .qtyContainer fieldset .inputField input.quantity{margin-right:53px}

.descripContainer {position: relative; width: 556px; margin-bottom: 10px; padding: 12px 15px 1px 15px;}
.descripContainer p {color: #000; font-size: 11px; font-weight: normal; line-height: 14px; margin-bottom: 10px;}
.descripContainer h2 {color: #000; font-size: 11px; font-weight: bold; margin-bottom: 5px;}

.specContainer {position: relative; width: 556px; margin-bottom: 40px; padding: 12px 15px 0px 15px;}
.specContainer table {font-size: 11px; line-height: 20px; color: #000; width: 556px; border: 0; border-collapse: collapse; vertical-align: top;}
.specContainer table th {background: url(../img/icons/pageDescripBullet.gif) no-repeat 5px center; padding: 2px 0 2px 20px; width: 180px; text-align: left;  border-bottom: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2;}
.specContainer table td {padding: 2px 0 2px 20px; border-bottom: 1px solid #c2c2c2;}

.specContainer table tr.bottom th, .specContainer table tr.bottom td {border-bottom: none;}

/* CATEGORY PAGE */
.catContainer {position: relative; width: 566px; margin: 0 auto 20px auto; padding-top: 15px;}

.catBox {position: relative; width: 566px; height: 146px; margin-bottom: 10px; background: url(../img/category/catBox.jpg) no-repeat;}
.catBox .placeholder {position: absolute; top: 5px; left: 5px; width: 179px; height: 134px;}
.catBox .content {position: relative; float: right; display: inline; width: 377px; height: 136px; margin: 0; padding-top: 10px;}
.catBox .content h2 {margin-bottom: 10px; padding-left: 10px; background: url(../img/icons/bulletDarkBlue.gif) no-repeat left 6px;}
.catBox .content h2 a {color: #024665; font-size: 14px; font-weight: bold; text-decoration: none;}
.catBox .content h2 a:hover {text-decoration: underline;}
.catBox .content p.description {color: #024665; font-size: 11px; font-weight: normal; line-height: 14px;}
.catBox .content p.price {color: #c2659a; font-size: 11px; font-weight: normal; position: absolute; bottom: 13px; left: 0; text-transform: uppercase;}
.catBox .content p.price strong {font-size: 14px;}
.catBox .content h3 {width: 265px; height: 15px; padding: 3px 25px 0 0; text-align: right; position: absolute; top: 86px; right: 0; background: url(../img/category/commercialMsgBg.gif) no-repeat; color: #fff; font-size: 10px; text-transform: uppercase;}

/* SUBCATEGORY PAGE */
.subCatContainer {position: relative; width: 576px; margin: 0 0 20px 10px; padding-top: 15px;}

.subCatBox {position: relative; float: left; display: inline; width: 278px; height: 146px; margin: 0 10px 10px 0; background: url(../img/subcategory/subCatBox.jpg) no-repeat;}
.subCatBox .imgPlaceholder {position: absolute; bottom: 0; left: 0; width: 150px; height: 115px;}
.subCatBox .sizePlaceholder {position: absolute; top: 37px; right: 36px; width: 53px; height: 49px; background: url(../img/subcategory/sizeSprite.gif) no-repeat 0 0;}
.subCatBox .sizePlaceholder.mm4 {background-position: -53px 0;}
.subCatBox .sizePlaceholder.mm6 {background-position: -106px 0;}
.subCatBox .sizePlaceholder.mm15 {background-position: 0 -49px;}
.subCatBox .sizePlaceholder.mm18 {background-position: -53px -49px;}
.subCatBox .sizePlaceholder.mm22 {background-position: -106px -49px;}
.subCatBox .sizePlaceholder.mm28 {background-position: 0 -98px;}

.subCatBox h2 {position: absolute; top: 10px; left: 15px; padding-left: 10px; background: url(../img/icons/bulletDarkBlue.gif) no-repeat left 6px;}
.subCatBox h2 a {color: #024665; font-size: 14px; font-weight: bold; text-decoration: none;}
.subCatBox h2 a:hover {text-decoration: underline;}
.subCatBox p.price {position: absolute; top: 88px; left: 155px; color: #c2659a; font-size: 11px; font-weight: normal; text-transform: uppercase;}
.subCatBox p.price strong {font-size: 14px;}

.filterBox {position: relative; width: 566px; height: 61px; margin: 0 0 15px 0; background: url(../img/subcategory/filterBox.gif) no-repeat;}
.filterBox fieldset {position: relative; width: 566px; margin: 0; padding-top: 10px;}
.filterBox .filterItems {position: relative; width: 531px; height: 25px; margin: 0; padding-left: 35px; clear: both;}
.filterBox .filterItems select {width: 120px; margin: 0 10px 0 0; padding: 1px 0; border: 1px solid #7f9db9; color: #024665; font-size: 11px; font-weight: normal; float: left; display: inline;}
.filterBox .filterItems select.sortBy {margin: 0; background-color: #267298; float: right; color: #fff; margin: 0 35px 0 10px;}
.filterBox .filterItems input {width: 114px; margin: 0 7px 0 0; padding: 2px 0 2px 4px; border: 1px solid #7f9db9; color: #024665; font-size: 11px; font-weight: normal; float: left; display: inline;}
.filterBox .filterItems h2.filterByHeader {position: relative; float: left; display: block; width: 53px; height: 14px; background: url(../img/subcategory/filterByHeader.gif) no-repeat; margin: 4px 10px 0 0px;}
.filterBox .filterItems h2.sortByHeader {position: relative; float: right; display: block; width: 48px; height: 14px; background: url(../img/subcategory/sortByHeader.gif) no-repeat; margin: 4px 0 0 0;}

.paginationBarBg {position: relative; width: 566px; height:24px; margin:0 auto 15px auto; background: url(../img/subcategory/paginationBar.gif) no-repeat;}
.paginationBar {position: absolute; bottom: 0px; left: 0px; text-align:center; width: 566px; height:18px; margin: 0; padding-top: 6px;}
.paginationBarContainer {margin-left: 100px;}
.paginationBarContainer .previousContainer {float:left; display: inline; width: 92px; height: 18px; padding-top: 1px;}
.paginationBarContainer .nextContainer {float:left; display: inline; width: 72px; height: 18px; padding: 1px 0 0 0px;}
.paginationBarContainer .pageNoContainer {float:left; display: inline; margin:0 42px 0 37px; width: 110px; height: 18px; padding-top: 1px;}
.paginationBarContainer .pageNoContainer a {float: none;}
.paginationBarContainer p, .paginationBarContainer a {float:left; display: inline; font-size: 10px;}
.paginationBarContainer a.startIcon {padding-right:2px; margin:3px 11px 0 0; background: url(../img/subcategory/startIcon.gif) no-repeat top; width: 13px; height: 8px;}
.paginationBarContainer a:hover.startIcon {background: url(../img/subcategory/startIcon.gif) no-repeat bottom;}
.paginationBarContainer a.endIcon {padding-right:2px; margin:3px 0 0 11px; background: url(../img/subcategory/endIcon.gif) no-repeat top; width: 13px; height: 8px;}
.paginationBarContainer a:hover.endIcon {background: url(../img/subcategory/endIcon.gif) no-repeat bottom;}
.paginationBarContainer a.nextIcon {padding-right:2px; margin:3px 0 0 0; background: url(../img/subcategory/nextIcon.gif) no-repeat top; width: 7px; height: 8px;}
.paginationBarContainer a:hover.nextIcon {background: url(../img/subcategory/nextIcon.gif) no-repeat bottom;}
.paginationBarContainer a.previousIcon {padding-right:2px; margin:3px 0 0 0; background: url(../img/subcategory/previousIcon.gif) no-repeat top; width: 7px; height: 8px;}
.paginationBarContainer a:hover.previousIcon {background: url(../img/subcategory/previousIcon.gif) no-repeat bottom;}
.paginationBarContainer a {text-decoration:none; color:#024665; font-weight: bold; padding-right:2px;}
.paginationBarContainer a:hover {text-decoration:none;  color:#3c9dcf;}
.paginationBarContainer a.navOn {text-decoration:underline;}
.paginationBarContainer .pageNo {float: left; display: inline; margin:0; width:110px; text-align: center; font-size: 10px;}
.paginationBarContainer .pageNo span.dots {margin:0px; color:#024665; font-weight: bold;}
.paginationBarContainer .next {margin:0 6px 0 0px;}
.paginationBarContainer .previous {margin:0 0 0 9px;}
.paginationBarContainer .viewAll {width:75px; position:absolute; top: 0px; right: 20px; margin: 0; padding: 0; text-align: right;}
.paginationBarContainer .viewAll p {padding: 7px 0 0 0; margin: 0; float: right; display: inline;}
.paginationBarContainer .viewAll p a {font-weight: bold; text-decoration: none; padding: 0;}
.paginationBarContainer .viewAll p a:hover {text-decoration: none;}

.productBoxContainer.normal .productBox {background: url(../img/productBoxes/productBox181Normal.gif) no-repeat;}

/* SEARCH PAGE */
.searchBox {position: relative; width: 566px; height: 101px; margin: 0 0 15px 0; background: url(../img/search/searchBox.gif) no-repeat;}
.searchBox fieldset {position: relative; width: 566px; margin: 0; padding-top: 8px;}
.searchBox h2.searchByHeader {position: relative; float: left; left: 35px; display: block; width: 65px; height: 14px; margin-bottom: 5px; background: url(../img/search/searchByHeader.gif) no-repeat;}
.searchBox h2.sortByHeader {position: relative; float: right; right: 107px; display: block; width: 48px; height: 14px; margin-bottom: 5px; background: url(../img/search/sortByHeader.gif) no-repeat;}
.searchBox .filterItems {position: relative; width: 531px; height: 25px; margin: 0; padding-left: 35px; clear: both;}
.searchBox .filterItems select {width: 120px; margin: 0 10px 0 0; padding: 1px 0; border: 1px solid #7f9db9; color: #024665; font-size: 11px; font-weight: normal; float: left; display: inline;}
.searchBox .filterItems select.sortBy {margin: 0; background-color: #267298; float: right; color: #fff; margin: 0 35px 0 10px;}
.searchBox .filterItems input {width: 114px; margin: 0 10px 0 0; padding: 2px 0 2px 4px; border: 1px solid #7f9db9; color: #024665; font-size: 11px; font-weight: normal; float: left; display: inline;}

.searchBox .filterItems .clearSearch {float: left; display: inline; background:  url(../img/search/clearSearch.gif) no-repeat left 0px; padding-left: 18px; margin: 2px 0 0 0px;}
.searchBox .filterItems .clearSearch a {color:#556673; font-size: 11px; font-weight: bold; text-decoration: none;}
.searchBox .filterItems .clearSearch a:hover {text-decoration: underline;}

.noSearchResults {position: relative; width: 566px; height: 140px; margin-left: 10px; padding-top: 30px; text-align: center;} 
.noSearchResults h2 {display: block; background: url(../img/search/sorryHeader.gif) no-repeat; width: 144px; height: 40px; margin: 0 auto 20px auto;} 
.noSearchResults p {margin: 0; color: #024665; font-size: 11px; font-weight: normal;} 

/************************************************** ERROR PAGES *******************************************************/

.error404Content {position: relative; width: 586px; margin: 0; padding: 38px 0 10px 0; z-index: 10;}
.error404Content h2 {background: url(../img/errorHeaderSprite.gif) no-repeat left 0; width: 435px; display: block; margin: 0 auto 30px auto;}
.error404Content p {margin: 0 0 5px 40px; padding:0px; color: #000; font-size: 11px; font-weight: bold;}
.error404Content ul {margin: 0 0 30px 40px; padding:0; list-style:none; list-style-position: outside; width: 480px; color: #000; font-size: 11px; font-weight: normal;}
.error404Content ul li {line-height:16px; padding-left:15px; background: url(../img/icons/pageDescripBullet.gif) no-repeat left 2px; margin-bottom: 7px;}
.error404Content a {color: #48b2d6; font-size: 11px; font-weight: bold; text-decoration: underline;}
.error404Content a:hover {text-decoration: none;}

.error500Content {position: relative; width: 586px; margin: 0; padding: 38px 0 10px 0; text-align: center; z-index: 10;}
.error500Content h2 {background: url(../img/errorHeaderSprite.gif) no-repeat left -15px; width: 369px; display: block; margin: 0 auto 30px auto;}
.error500Content P {color: #000; font-size: 11px; font-weight: bold; margin-bottom: 25px;}

#mainContent .contentPanelFoot2.errors {margin-bottom:50px;}