/* Zee & Co. search, category and filter styles */
#category{ position:relative; padding-top:27px; }
#category .categories, #brands .brandList{ position:relative; clear:both; width:594px; padding-left:1px; }
#category .category, #brands .brand{ position:relative; float:left; width:190px; height:293px; margin:0 12px 0 0; display:inline; background:url(../img/category/bg.gif) right bottom no-repeat; }
#category .noMargin, #brands .noMargin{ margin:0 0 18px 0; }
#category .category img, #brands .brandList img{ display:block; }
#category .category h2, #brands .brandList h2{ width:186px; font-size:70%; height:25px; text-align:center; line-height:1.8; background:url(../img/category/h2.jpg) 0 0 no-repeat; }
#category .category h2 a, #brands .brandList h2 a{ color:#e5e4c1; }
#category .category .info, #brands .brandList .brandText{ width:185px; height:118px; border-right:1px solid #fff; background:url(../img/category/info_bg.gif) 0 0 repeat-x; }
#category .category p, #brands .brandList p{ font-size:60%; text-align:center; line-height:1.2; color:#2b2e38; padding:0 5px; }
#category .category p.price{ margin:5px 0 0 0; font-size:60%; text-transform:lowercase; }
#category .category p.price big{ font-size:130%; font-weight:bold; }
#category .category p.hook{ display:block; padding:0 0 5px 0; width:185px; border-right:1px solid #fff; position:absolute; bottom:0; left:0; color:#fff; line-height:1.8; background:#827287 url(../img/category/btm.gif) 0 bottom no-repeat; }

/* Sub Category Styles */
#subCategory, #brands{ position:relative; padding-top:27px; clear:both; }

/* Brands - Our Labels, Brand Range */
#brands .brand{height:230px; background:url(../img/brands/indexblock_bg.png) right 0 no-repeat; }
#brands .brandList .img{ height:115px; width:186px; background:url(../img/brands/img_bg.png) 0 bottom no-repeat; }
#brands .brandList img{ margin:auto; padding-top:15px; }
#brands .brandList .brandText{ height:110px; }

/* Brand Range */
.brandRange { position:relative; margin:0 0 15px 0; width:595px; }
.brandRange .rangeBlock{ position:relative; width:595px; height:187px; background:url(../img/brands/range_bg.jpg) 0 bottom no-repeat; }
.brandRange .luggage{ background-image:url(../img/brands/luggageRange_bg.jpg); }
.brandRange .rangeBlock h2 { position:absolute;  background:url(../img/brands/rangeH2_bg.jpg) 0 0 no-repeat;  width:601px; height:29px;  font-size:70%; text-indent:14px; line-height:2.6;}
.brandRange .rangeBlock h2 a{ position:absolute; top:0; right:15px; font-weight:normal; color:#fff; }
.brandRange .rangeBlock h2 span a{ width:460px; position:absolute; top:0; left:0; color:#e5e4c1; font-weight:bold; z-index:21;}
.brandRange .listBox{ width:50px; height:23px; position:absolute; left:305px; z-index:2000; padding-bottom:10px;}
.brandRange .topSeller{ top:40px; }
.brandRange .new{ top:73px; }
.brandRange .sale{ top:106px; }
.brandRange .offer{ top:139px; }
.brandRange .lBProduct{ position:absolute; right:3px; top:24px; width:244px; height:159px; /*background:white url(../img/brands/lBProduct_bg.jpg) 0 0 no-repeat;*/ }
.brandRange .lBProduct img{ position:absolute; top:10px; left:25px; font-size:x-small; }
.brandRange .lBProduct h3{ position:absolute; top:25px; left:85px; font-size:60%; color:#8f9069; }
.brandRange .lBProduct h3 span{ color:#2b2e38; }
.brandRange .lBProduct h3 a{ text-decoration:none; }
.brandRange .lBProduct .offerTxt{ position:absolute; top:82px; left:25px; font-size:70%; font-weight:bold; color:#80abbf; }
.brandRange .lBProduct .offerTxt.wasSave{ color:#9b5f11; }
.brandRange .lBProduct .special{ color:#80abbe; }
.brandRange .lBProduct .new{ color:#605464; }
.brandRange .lBProduct .topSeller{ color:#6e9024; }
.brandRange .lBProduct .limited{ color:#633a3a; }
.brandRange ul.imgContainer { position:relative; width:277px; height:150px; padding:32px 0 0 17px; }
.brandRange ul.imgContainer li{ display:block; float:left; width:82px; height:105px; padding-top:6px; margin-right:10px;display:inline; text-align:center; }
.brandRange ul.imgContainer li.img3{ margin:0; }
.brandRange .lBProduct .priceBlock{ width:213px; height:26px; position:absolute; top:100px; left:25px; background:#e5e4c1; }
.brandRange .lBProduct .priceBlock p{ font-size:90%; color:#2b2e38; padding:0 0 0 10px; line-height:1.8; }
.brandRange .lBProduct .commMsg{ position:absolute; top:127px; left:25px; width:213px; height:16px; font-size:60%; color:#fff; text-indent:10px; line-height:1.4; background:#827287; }

/* results filters */

/* filter containers, backgrounds, positioning */
#filter{ position:relative; top:0; left:0; height:33px; border-bottom:1px solid #fff; background:url(../img/filter/bg.png) 0 0 no-repeat; }
/* filter form elements */
#filter label{ position:absolute; top:0px; font-size:70%; font-weight: bold; color:#2b2e38; }
#filter select, #filter input{ position:absolute; left:77px; width:120px; top:0px; border:1px solid #a4a4a4; background-color:#fff; font-size:11px; color:#425041; }
#filter input{ left:79px; width:115px; }
#filter .filterBy{ position:absolute; left:13px; top:0px; width:80px; }
#filter .filterBy2{ position:absolute; left:13px; top:10px; width:80px; }

#filter select.filterBy{ position:absolute; left:97px; top:0px; width:140px; }
#filter .sortBy{ position:absolute; left:400px; top:0px; width:45px; }
#filter select.sortBy{ position:absolute; left:450px;  top:0px; width:134px; color:#fff; background-color:#827287; }

/* recently viewed items */
#container .recent, #filter .recent{ position:relative; top:0px; left:0px; width:595px; height:83px; background:url(../img/filter/lists_bg.png) 0 0 no-repeat; }
#container .recent label, #filter .recent label{ color:#fff; }
#container .recent select.brand, #filter .search select.brand{ top:9px; left:79px; width:117px; }
#container .recent select.offer, #filter .search select.offer{ top:9px; left:205px; width:117px; }
#container .recent select.cat, #filter .search select.cat{ top:36px; left:79px; width:117px; }
#container .recent .resetFilter { position:absolute; top:36px; left:252px; width:65px; height:20px; line-height:2; padding-left:17px; font-size:10px; color:#e5e4c1; background:url(../img/filter/clear_list.png) 0 0 no-repeat; }
#container .recent .sortBy, #filter .search .sortBy{ left:400px; top:10px; }
#container .recent select.sortBy, #filter .search select.sortBy{ left:450px; width:135px; top:10px; }

/* lists - special offers */
#container .lists .offerTag, #filter .lists .offerTag{ position:absolute; top:0px; left:0px; }
#container .lists, #filter .lists{ height:61px; background:url(../img/filter/offerDouble_bg.png) 0 0 no-repeat; }
#container .single, #filter .single{ height:33px; }
#container .lists label, #filter .lists label{ color:#2b2e38; }
#container .lists .filterBy, #filter .lists .filterBy{ position:absolute; top:0px; left:75px; width:50px; }
#container .lists select.brand, #filter .lists select.brand{ top:0px; left:141px; width:117px; }
#container .lists select.offer, #filter .lists select.offer{ top:0px; left:141px; width:117px; }
#container .lists .resetFilter, #filter .lists .resetFilter{ position:absolute; top:0px; left:252px; width:65px; height:20px; line-height:2; padding-left:17px; font-size:10px; color:#e5e4c1; background:url(../img/filter/clear_list.png) 0 0 no-repeat; }
#container .lists .sortBy, #filter .lists .sortBy{ left:400px; }
#container .lists select.sortBy, #filter .lists select.sortBy{ position:absolute; top:0px; left:450px; width:135px; }

#subCategory .sale_cat_list{position:relative; width:100%; margin-top:10px; height:110px;background:url(../img/banners/sale_list_banner.jpg) 0 0 no-repeat}
.sale_cat_list label{display:block; width:157px; height:17px;text-indent:-9000px; overflow:hidden; position:absolute; top:20px; right:26px}
.sale_cat_list select{position:absolute;width:157px; height:17px; font-size:11px; top:45px; right:26px}

/* search results */
#container .search, #filter .search{ height:83px; background-position:0 bottom; }
#container .search label, #filter .search label{ color:#2b2e38; }
#container .search .resetFilter, #filter .search .resetFilter{ position:absolute; top:40px; left:266px; color:#827287; font-size:x-small; width:100px; }
#container .search .resetFilterImg, #filter .search .resetFilterImg{ position:absolute; top:35px; left:250px;  color:#827287; font-size:x-small; }
#container .search .filterBy{ top:10px; left:16px; width:117px; }
#container .search input{ top:10px; left:79px; width:117px; }
#container .search select.offer { top:10px; left:205px; width:130px; }
#container .search select.cat { top:36px; left:80px; width:117px; }
#container .search .sortBy{ left:400px; top:10px; }
#container .search select.sortBy{ left:450px; width:135px; top:10px; }


#container .brandIndex, #filter .brandIndex{ position:relative; top:0; left:0; width:595px; height:33px; background:url(../img/filter/brandIndex_bg.png) 0 0 repeat-x; vertical-align:middle; }
#filter .brandIndex select.filterBy{ width:126px; left:100px; }

/* brand subcategory / range products - 2 sets of selectors due to poor IE6 support of anything clever */
#divBrands {padding-top:27px; position:relative;}
#container .brandFilter, #filter .brandFilter{ position:relative; top:0px; left:0px; width:595px; margin:0 0 0 0; height:110px; background:url(../img/filter/brand_bg.png) 0 0 no-repeat; }
#container .brandFilter select, #filter .brandFilter select{ top:49px; }
#container .brandFilter label, #filter .brandFilter label{ top:49px; }
#container .brandFilter .filterBy, #filter .brandFilter .filterBy{ position:absolute; top:30px; width:150px; left:200px; }
#container .brandFilter .sortBy, #filter .brandFilter .sortBy{ position:absolute; top:30px; left:458px; width:123px; }
#container .brandFilter .filterBrandLogo, #filter .brandFilter .filterBrandLogo{ position:absolute; top:11px; left:11px; }
#container .brandFilter p.brandTxt, #filter .brandFilter p.brandTxt{ position:absolute; top:7px; width:385px; left:200px; font-size:70%; line-height:1.4; }

.noResults{ height:110px; text-align:center; font-size:70%; color:#464646; }

/* Paging Styles */
.paging{ clear:both; position:relative; height:25px; width:595px; margin-bottom:0px; background:url(../img/paging/bg.png) 0 0 repeat-x; }
.pagingBottom{ margin-top:0px; }
.paging a{ display:block; color:#827287; font-weight:bold; font-size:70%; text-decoration:none; line-height:11px; }
.paging a span{ font-size:9px; }
.paging a:hover{ text-decoration:none; color:#8f9069; }
.paging a.on{ color:#8f9069; }
.paging ul{ display:block; position:absolute; top:6px; height:19px; }
.paging ul li{ display:block; float:left; padding:0 1px; }
.paging ul li.liNext{ float:right;display:inline; }

.paging ul.left{ left:110px; width:75px; }
.paging a.pagingFirst{ margin:0 6px 0 0; width:13px; height:19px; font-size:14px; }
.paging a.pagingPrevious{ width:64px; height:19px; text-align: right; background: url(../img/paging/previous_bg.gif) 0 0 no-repeat; }

.paging ul.pages{ left:198px; top:1px; width:210px; text-align:center; }
.paging ul.pages li{ display:inline; float:none; padding:0; }
.paging ul.pages li a{ display:inline; padding:0 1px; }
.paging ul.pages li span{ color:#827287; font-weight:bold; font-size:70%; }
.paging ul.pages li a:hover, .paging ul.pages li a.on{ text-decoration:underline; }

.paging ul.right{ left:420px; width:54px; }
.paging a.pagingNext{ float:left; width:43px; height:19px; text-align:left; background: url(../img/paging/next_bg.gif) 0 0 no-repeat; }
.paging a.pagingLast{ float:left; margin:0px 0 0 7px; width:13px; height:19px; font-size:14px; }
.paging a.pagingLast:hover, .paging a.pagingFirst:hover{ text-decoration:none; }

.paging .pview a {position:absolute; top:6px; left:535px; color:#827287; font-weight:bold; }
.paging .pview a:hover { font-weight:bold; color:#8f9069; }

.paging a.disabled{ color:#464646; }
.paging a.pagingFirst.disabled{ background-image:url(../img/paging/firstDisabled.gif); }
.paging a.pagingPrevious.disabled{ background-image:url(../img/paging/previousDisabled.gif); }
.paging a.pagingNext.disabled{ background-image:url(../img/paging/nextDisabled.gif); }
.paging a.pagingLast.disabled{ background-image:url(../img/paging/lastDisabled.gif); }
/* Paging Ends */