/************************************ SPLASH DIRECT CAT/SUBCAT/SEARCH **********************************/

.catBanner {position:relative; width:743px; /*height:178px;*/ margin-bottom:20px;}

.catBox {position:relative; float:left; display:inline; width:743px; height:158px; margin-bottom:20px; background: url(../img/category/catBox.jpg) no-repeat;}
.catBox h2 {position:absolute; top:2px; left:10px; line-height:17px;}
.catBox h2 a {color:#fff; font-size:14px; position:relative;}
.catBox p {position:absolute; top:35px; left:10px; color:#131313; font-size:11px; line-height:16px; width:340px;}
.catBox .buttonContainer {position: absolute; left:10px; top:95px;} 
.catBox h3 {position:absolute; bottom:6px; left:10px; color:#fff; font-size:14px; line-height:17px;}
.catBox .offerContainer {position:absolute; top:31px; right:174px; width:200px; height:64px; z-index:10;  }
.catBox .placeholder {position:absolute; top:0; right:0; width:158px; height:158px; z-index:10;}
.catBox.banner {width:366px; height:228px; /*background: url(../img/tempImgs/366x228.jpg) no-repeat;*/}
.catBox.banner h2 {top:11px; left:16px;}
.catBox.banner h2 a {font-size:20px;}
.catBox.banner p {top:56px; left:16px; width:195px;}
.catBox.banner .buttonContainer {left:262px; top:195px;} 
.catBox.banner h3, .catBox.banner .offerContainer, .catBox.banner .placeholder {display:none;}

.subcatBanner {position:relative; width:743px; /*height:128px;*/ margin-bottom:20px;}

.subcatBox {position:relative; float:left; display:inline; width:366px; height:169px; margin-bottom:10px; background: url(../img/subcategory/subcatBox.jpg) no-repeat;}
.subcatBox h2 {position:absolute; top:2px; left:10px; line-height:17px;}
.subcatBox h2 a {color:#fff; font-size:14px; position:relative;}
.subcatBox p {position:absolute; top:35px; left:10px; color:#131313; font-size:11px; line-height:16px; width:210px;}
.subcatBox .buttonContainer {position: absolute; left:10px; top:110px;} 
.subcatBox h3 {position:absolute; bottom:6px; left:10px; color:#fff; font-size:11px; line-height:13px;}
.subcatBox .placeholder {position:absolute; top:29px; right:7px; width:108px; height:108px; z-index:10;}

.filterBox {position: relative; width:743px; height:29px; margin:-15px 0 20px 0;}
.filterBox .selectFilter {float:right; display:inline; height:29px; background: url(../img/subcategory/filterSep.gif) no-repeat left top; padding-left:17px; margin-right:30px;}
.filterBox .selectFilter label {margin:9px 5px 0 0; color: #5c768c; font-size: 10px; font-weight: bold; float: left; display: inline;}
.filterBox .selectFilter select {width:140px; margin-top:5px; padding: 1px 0; border: 1px solid #a4a4a4; color: #424242; font-size: 10px; font-weight: normal; float: left; display: inline;}
.filterBox .selectFilter a {margin:2px 0 0 15px;}
.filterBox .inputFilter {float:left; display:inline; height:29px; background: url(../img/subcategory/filterSep.gif) no-repeat right top; padding-right:17px; margin-left:10px; width:198px;}
.filterBox .inputFilter label {display:none;}
.filterBox .inputFilter input {width:134px; margin-top:5px; padding:2px 0 2px 4px; border: 1px solid #a4a4a4; color: #424242; font-size: 10px; font-weight: normal; float: left; display: inline;}
.filterBox .inputFilter a {margin:2px 0 0 8px;}

.paginationBar {position:relative; float:left; display:inline; text-align:center; width:384px; height:20px; margin: 0; padding-top: 5px;}
.paginationBarContainer {margin-left:50px;}
.paginationBarContainer .previousContainer {float:left; display: inline; height: 18px; padding-top: 1px;}
.paginationBarContainer .nextContainer {float:left; display: inline; height: 18px; padding-top:1px;}
.paginationBarContainer .pageNoContainer {float:left; display: inline; margin:0 12px 0 12px; width:80px; height: 18px; padding-top: 1px; text-align:center; font-size: 11px;}
.paginationBarContainer p, .paginationBarContainer a {float:left; display: inline; font-size: 11px; line-height: 15px;}
.paginationBarContainer a.startIcon {padding-right:2px; margin:5px 11px 0 0; background: url(../img/subcategory/startIcon.gif) no-repeat left 0; width: 8px; height: 7px;}
.paginationBarContainer a:hover.startIcon {background: url(../img/subcategory/startIcon.gif) no-repeat left -7px;}
.paginationBarContainer a.endIcon {padding-right:2px; margin:5px 0 0 11px; background: url(../img/subcategory/endIcon.gif) no-repeat right 0; width: 8px; height: 7px;}
.paginationBarContainer a:hover.endIcon {background: url(../img/subcategory/endIcon.gif) no-repeat right -7px;}
.paginationBarContainer a.nextIcon {background: url(../img/subcategory/nextIcon.gif) no-repeat right 0; padding-right:11px;}
.paginationBarContainer a:hover.nextIcon {background: url(../img/subcategory/nextIcon.gif) no-repeat right -15px;}
.paginationBarContainer a.previousIcon {background: url(../img/subcategory/previousIcon.gif) no-repeat left 0; padding-left:12px;}
.paginationBarContainer a:hover.previousIcon {background: url(../img/subcategory/previousIcon.gif) no-repeat left -15px;}
.paginationBarContainer a {text-decoration:none; color:#4e6881; font-weight: normal; padding-right:2px;}
.paginationBarContainer a:hover {text-decoration:underline; color: #159bea; cursor:pointer;}
.paginationBarContainer a.navOn {text-decoration:underline; color: #159bea; font-weight:bold;}
.paginationBarContainer .pageNoContainer a {display:inline; line-height: 15px; float: none;}
.paginationBarContainer .pageNoContainer a.on { text-decoration:underline; }
.paginationBarContainer .pageNoContainer span.dots {margin:0px; color:#4e6881; font-weight: bold;}
.paginationBarContainer .next {margin:0 6px 0 0px;}
.paginationBarContainer .previous {margin:0 0 0 9px;}
.paginationBarContainer .viewAll {width:60px; position:absolute; top: 0; right: 0; margin: 0; padding: 0; text-align: right;}
.paginationBarContainer .viewAll p {padding: 6px 0 0 0; margin: 0; float: right; display: inline;}
.paginationBarContainer .viewAll p a {font-weight: normal; text-decoration: none; padding: 0;}
.paginationBarContainer .viewAll p a:hover {text-decoration: underline; color: #159bea;}

.paginationBottom {position:relative; height:29px; margin:-15px 0 20px 73px;}
.paginationBottom .paginationBar {float:right; width:420px; margin:0 109px 0 0;}
.paginationBottom.centerAlign .paginationBar {margin-right:160px;}
.paginationBottom .paginationBarContainer {margin-left:0;}
.paginationBottom .paginationBarContainer .pageNoContainer {width:160px;}

/*** ALTERNATIVE FILTER STYLES ***/
.filterBox.noButton .paginationBar {width:430px; margin-left:23px;}
.filterBox.noButton .paginationBarContainer .pageNoContainer {width:110px;}

.filterBox.searchResults .paginationBar {width:307px;}
.filterBox.searchResults .paginationBarContainer {margin-left:10px;}
.filterBox.searchResults .paginationBarContainer .pageNoContainer {width:93px; margin:0 7px;}
.filterBox.searchResults .selectFilter {padding-left:12px; margin-left:10px;}
.filterBox.searchResults .inputFilter {padding-right:0; width:210px;}

.filterBox.noResults .inputFilter {padding-right:0; width:210px; background:none; margin-left:158px;}
.filterBox.noResults .selectFilter {background:none; margin-right:172px;}
.filterBox.noResults .paginationBar {display:none;}
/********************************/

.productItemContainer .bottomBg { width: 743px; background: url(../img/subcategory/containerBottom.gif) no-repeat left bottom; padding: 18px 0 15px 0; }
.productItemContainer .cornerTL {position: absolute; top:0; left:0; width:10px; height:10px; background: url(../img/productBoxes/containerTL.gif) no-repeat right top; display:block;}
.productItemContainer .cornerTR {position: absolute; top:0; right:0; width:10px; height:10px; background: url(../img/productBoxes/containerTR.gif) no-repeat right top; display:block;}

.noSearchResults {position: relative; width:743px; height:50px; padding-top:130px; margin-bottom:20px; text-align: center; background: url(../img/search/noResultsBg.gif) no-repeat;} 
.noSearchResults p {margin: 0; color: #131313; font-size: 11px; font-weight:bold;} 

/* nextopia search */
.searchBanner { width:742px; height:101px; }

/* nextopia */
.clear-fix:after { display:block; visibility:hidden; content:"."; height:0; clear:both; }
.filter { width:743px; border-bottom:1px dotted #acafb3;}
.filter h2 { margin-left:-99999px; padding-bottom:12px; }

.search .refineSearch { background:url(../img/search/nextopia/filterBodyBG.gif) no-repeat 0 100%; padding-bottom:60px; }
.search .refinements { padding:12px 0 0 12px; font-family:Tahoma; font-size:11px; color:#4e6881; }
.search .refineList { display:inline; float:left; margin-right:30px; padding-right:30px; background:url(../img/search/nextopia/filterDivider.gif) no-repeat 100% 50%; }
.search .paginationBarContainer {padding-top:5px; float:left; display:inline;}
.search .refineList ul strong { font-size:12px; display:block; padding-bottom:3px; }
.search .refineList ul li { margin-bottom:3px; }
.search .refineList ul li a { color:#4e6881; }
.search .refineList ul li a:hover { text-decoration:none; color:#159bea; }
.search .refineList a.expander { font-weight:bold; display:block; margin-top:3px; cursor:pointer; }
.search .sortContainer { float:left; font-family:Tahoma; font-size:11px; font-weight:bold; color:#4e6881; padding:12px 10px 12px 25px; }
.search .sortContainer ul {display:inline;}
.search .doyoumean { float:none; padding:35px 0 18px; width:204px; margin:auto; }
.search .sortContainer label { margin-right:5px; }
.search .sortContainer select { border:1px solid #4e6881; font-weight:normal;}
.search .searchSortlist strong, .search .searchSortlist li { float:left; margin-right:5px; }
.search .searchSortlist li { font-weight:normal; }
.search .searchSortlist li.sortAscending a { background:url(../img/search/nextopia/sortAscend.gif) no-repeat 100% 3px; padding-right:10px; margin-right:5px; }
.search .searchSortlist li.sortDescending a { background:url(../img/search/nextopia/sortDescend.gif) no-repeat 100% 3px; padding-right:10px; }
.search .searchSortlist li a { font-weight:normal; color:#4e6881; padding-right:5px; }
.search .searchSortlist li a.currentSort { text-decoration:underline; }
.search .searchSortlist li:after { content:"|"; }
.search .searchSortlist li.sortDescending:after { content:""; }
.search .productItemContainer .bottomBg { padding-left:6px; }
.filter .results { margin:0 0 10px 15px; font-size:12px; font-weight:bold; font-family:Tahoma; color:#4A9394;}

.search .noResults p { color:#4E6881; font-size:11px; font-weight:bold; width:100%; text-align:center; }
#ctl00_phMainContent_pnlNoResults h2 { line-height:1.2em; color:#4E6881; padding-left:5px;}

.suggestions { position:relative; top:30px; }
.suggestions li { float:left; color:#4E6881; font-size:12px; font-weight:bold; }
.suggestions li a { margin-left:10px; color:#4E6881; text-decoration:none; }
.suggestions li a:hover { text-decoration:underline; }

#subCategory .paging { width:440px; height:30px; background:url(../img/search/nextopia/pagingDivider.gif) no-repeat 100% -4px; padding-top:4px; float:left; }
#subCategory .pagingBottom { width:375px; margin:-15px 0 0 95px; }
#subCategory .pagingBottom .paging { background:none; }
#subCategory .firstPage .top ul { position:relative; left:98px; }
#subCategory .otherPage .top ul { position:relative; left:25px; }
#subCategory .firstPage .pagingBottom ul { position:relative; left:130px; }
#subCategory .otherPage .pagingBottom ul { position:relative; left:45px; }
#subCategory .paging ul li { float:left; }
#subCategory .paging ul li.on a, #subCategory .paging ul li a:hover { color:#159bea; text-decoration:underline; }
#subCategory .paging ul li.liFirst { margin-right:5px; }
#subCategory .paging ul li.liPrev { margin-right:74px; }
#subCategory .paging ul li.liNext { padding-left:74px; }
#subCategory .paging ul li.liLast { margin-left:5px; }
#subCategory .paging ul li.liFirst a:hover, #subCategory .paging ul li.liPrev a:hover, #subCategory .paging ul li.liNext a:hover, #subCategory .paging ul li.liLast a:hover { text-decoration:none; }
#subCategory .paging ul li.liFirst strong, #subCategory .paging ul li.liPrev strong, #subCategory .paging ul li.liNext strong, #subCategory .paging ul li.liLast strong { font-size:14px; }

/*** AVAIL INFO ***/
.closeAvailButton{position:absolute; right:30px; top:19px; z-index:10;}
.deliveryInfoContainer, .deliveryInfoContainerTop{display:none;}
.availBox{/*position:absolute;*/ width:652px; height:556px; z-index:9999;}
.availBox .background{width:624px; height:505px; background:url(../img/popups/availInfoBg.png) no-repeat; padding:51px 0 0 28px;}
.availBox .content{position:relative; width:606px; height:495px; margin:0; z-index:10;}
.availBox .content .header h3{display:block; background:url(../img/popups/ttlAddedToYourBasket.png) left top no-repeat; width:258px; height:0; padding-top:43px; overflow:hidden;}
.availBox .content p{color:#2b2e38; font-size:11px; line-height:14px; margin-bottom:10px;}
.availBox .content .product{float:left; display:block; width:401px; height:163px; padding:6px 0 0 5px;}
.availBox .content .product h3{font-size:12px; font-weight:bold; color:#224e84; padding:0 0 15px 3px;}
.availBox .content .product .imgHolder{display:block; float:left; width:100px; height:100px; border:1px solid #dadada; overflow:hidden;}
.availBox .content .product p{float:left; font-size:10px; color:#131313; padding-left:11px; width:288px; line-height:10px; margin:0;}
.availBox .content .product ol{float:left; padding:4px 0 0 11px;}
.availBox .content .product ol li, .availBox .content .product ul li{list-style: inside decimal; font-size:11px; color:#131313; width:288px; position: relative; left: 11px;}
.availBox .content .product p.qty{font-size:20px; color:#009ade; padding-top:10px;}
.availBox .content .product p.qty em {margin-right: 20px; font-size:16px; color:#001e6e; font-weight: bold;}
.availBox .content .product p.price{font-size:20px; color:#009ade; padding-top:8px;}
.availBox .content .product p.price strong{font-size:14px;}
.availBox .content .product p.price span{font-size:11px; font-weight:bold;}
.availBox .content .product p.sku{margin-bottom: 5px; font-size:10px; color:#224e84; padding-top:8px; font-weight: bold;}
.availBox .content .availBanner{position:relative; float:left; display:block; background:url(../img/popups/availBanner.png) left top no-repeat; width:188px; height:130px; top:3px;}
.availBox .content .availBanner p{font-size:18px; font-weight:bold; color:#fff; margin:0;}
.availBox .content .availBanner p.spend{position:absolute; left:0; top:56px; width:92px; text-align:center;}
.availBox .content .availBanner p.save{position:absolute; right:0; bottom:15px; width:85px; text-align:center;}
.availBox .content h3.otherCustomersRecommend{clear:both; display:block; background:url(../img/popups/ttlOtherCustomersRecommend.gif) left top no-repeat; width:341px; height:0; padding:28px 0 0 0; overflow:hidden;}
.availBox .content .btn_continueShopping{position: relative; top: 10px; display:block; background:url(../img/popups/btn_continueShopping.png) left top no-repeat; width:175px; height:0; padding-top:48px; overflow:hidden;}
.availBox .content .btn_continueCheckout{position: relative; top: 10px; float:right; display:block; background:url(../img/popups/btn_continueCheckout.png) left top no-repeat; width:265px; height:0; padding-top:48px; overflow:hidden;}
#fancybox-close
{
	background: url('/common/img/buttons/closeFancyBox.png') no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 24px;
	position: absolute;
	right: 38px;
	top: 30px;
	width: 65px;
	z-index: 1103;
}
#fancybox-close:hover
{
	background-position: 0 -24px;
}