/* HTS Category, Sub Category, list & Search */

/*categories*/
#category{padding:17px 0 10px 0;  background-color:#fcfaf7}
.categoryOuterContainer{width:580px; height:140px; position:relative; margin:0 auto 14px auto; background-repeat:no-repeat; background-position:0 0;z-index:5; overflow:hidden;}
.categoryInnerContainer a.categoryImageLink{position:absolute;top:0; left:0;z-index:5;display:block;width:285px;height:121px;overflow:hidden;}
.categoryOuterContainer img.categoryMainImage {}
.categoryInnerContainer{width:280px;height:140px;position:absolute;top:0;left:0;z-index:10;margin:0;padding:0 10px 0 290px;/*background:transparent url('/common/img/backgrounds/category-trans.png') no-repeat 0 0;*/background:transparent url('/common/img/backgrounds/category.gif') no-repeat 0 0;}
.categoryInnerContainer h2{font-size:8pt; /*width:270px; position:absolute; top:15px; left:298px;*/ padding:15px 0 6px; background:url(../img/icons/hr_sprite.gif) 0 bottom repeat-x}
.categoryInnerContainer h2 a{color:#84606c}
.categoryInnerContainer p.catCommercialMsg{position:absolute; bottom:5px;color:#84606c;font-size:8pt;}
.categoryInnerContainer p.catPriceFrom{position:absolute; bottom:35px;color:#AC0E42;font-size:8pt;}
.categoryInnerContainer .info{/*position:absolute; top:38px; left:298px; width:270px;*/margin-top:8px}
.categoryInnerContainer .info p{/*font-size:70%;  line-height:1.2;*/font-size:8pt;color:#81808c;line-height:1.2em;}
.categoryInnerContainer .hook{position:absolute; bottom:5px; left:298px; font-size:60%; color:#84606c}

/*sub category*/
#subCategory, .brandList, .brandRange{background-color:#fcfaf7; padding:12px 0}

/*filter*/
#filter{position:relative; width:594px; height:59px; margin:0 auto; background:url(../img/filter/filter_bg.gif) 0 0 no-repeat}
#filter.search, #filter .search{height:99px; background:url(../img/filter/filter_bg.gif) 0 -59px no-repeat}
#filter.brandFilter{height:119px; background-position:0 -158px}
#filter label, #filter select{position:absolute; top:17px}
#filter.search select{top:36px}
#filter select{font-size:11px; padding:1px 0 1px 2px; background:#f3ece4; border:1px solid #a4a4a4; color:#000061}
#filter label.filterBy{left:17px}
#filter label.sortBy{left:395px}
#filter.search label.sortBy{left:459px}
#filter select.filterBy{left:90px; width:150px}
#filter select.sortBy{left:459px; width:118px}
#filter select.cat{left:187px; width:151px}
#filter select.brand{left:17px; width:151px; top:60px}
#filter input{position:absolute; top:36px; left:17px; width:146px; font-size:11px; padding:2px; background:#f3ece4; border:1px solid #a4a4a4; color:#000061}
#filter.search .resetFilter{position:absolute; top:60px; left:256px; width:65px; height:20px; line-height:2; padding-left:25px; font-size:10px; color:#fff; background:url(../img/filter/clear_list.gif) 0 0 no-repeat}
#filter.brandFilter select{left:423px}
#filter.brandFilter select.cat, #filter.brandFilter label.filterBy{top:26px}
#filter.brandFilter label.filterBy{left:290px}
#filter.brandFilter label.sortBy{left:363px}
#filter.brandFilter .sortBy{top:67px}
#filter.brandFilter .logo{position:absolute; top:10px; left:10px}

.noResults{text-align:center; font-size:70%; color:#464646; padding:0 0 30px 0}

/* Paging Styles */
.paging{clear:both; position:relative; height:26px; width:552px; margin:-6px auto 30px auto; background:url(../img/paging/bg.gif) 0 0 no-repeat}
.pagingBottom .paging{margin:0 auto; height:37px; background-position:0 -26px}
.paging a{display:block; color:#84606c; font-weight:bold; font-size:60%; text-decoration:none; line-height:12px}
.paging a span{font-size:9px}
.paging a:hover{text-decoration:underline}
.paging ul{display:block; position:absolute; top:3px; height:19px}
.pagingBottom .paging ul{top:12px}
.paging ul li{display:block; float:left; padding:0 1px}
.paging ul li.liNext{float:right;display:inline}

.paging ul.left{left:100px; width:85px}
.paging a.pagingFirst{margin:1px 6px 0 0; width:13px; height:14px; padding-top:2px }
.paging a.pagingPrevious{width:55px; height:20px; text-align:right; background: url(../img/paging/previous_bg.gif) 0 3px no-repeat}

.paging ul.pages{left:193px; top:-1px; width:160px; text-align:center}
.pagingBottom .paging ul.pages{top:7px}
.paging ul.pages li{display:inline; float:none; padding:0}
.paging ul.pages li a{display:inline}
.paging ul.pages li span{color:#84606c; font-weight:bold; font-size:60%}
.paging ul.pages li a:hover, .paging ul.pages li a.on{text-decoration:underline}

.paging ul.right{left:361px; width:64px}
.paging a.pagingNext{float:left; width:32px; height:20px; text-align:left; background: url(../img/paging/next_bg.gif) right 3px no-repeat}
.paging a.pagingLast{float:left; margin:1px 0 0 7px; width:13px; height:14px; padding-top:2px}
.paging a.pagingLast:hover, .paging a.pagingFirst:hover{text-decoration:none}

.paging .pview a {position:absolute; top:4px; left:477px; padding-left:11px; font-weight:bold; background:url(../img/paging/next_bg.gif) 0 3px no-repeat}
.pagingBottom .paging .pview a{top:12px}
.paging .pview a:hover {font-weight:bold}

/* needed? */
.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 */

/*prod repeater x2*/
.productBox{position:relative; width:285px; height:151px; float:left; margin:0 1px 10px 10px;display:inline; background:url(../img/backgrounds/pbx2.gif) 0 0 no-repeat; overflow:hidden;}
.productBox .img{position:absolute; top:22px; left:4px}
.productBox .sash{position:absolute; bottom:44px; right:1px}
.productBox h3,
 .productBox ul,
 .productBox .price,
 .productBox .commericalMsg,
 .productBox .wasSave,
 .productBox .offerText{position:absolute; left:132px; width:150px}
.productBox h3{top:4px; font-size:7pt; line-height:1.2}
.productBox h3 a{color:#81808c}
.productBox h3 a em{font-size:8pt; color:#84606c}
.productBox ul{top:44px; list-style:square none outside; color:#8f8ea8; width:136px;margin-left:12px;}
.productBox ul li{position:relative; line-height:1.2; font-size:70%}
.productBox .price{top:98px; font-size:80%; color:#ea6c4d; font-weight:bold}
.productBox .price.normal{color:#ac0e42}
.productBox .wasSave{top:112px; font-size:60%}
.productBox .wasSave .was{color:#84606c; text-decoration:line-through}
.productBox .wasSave .save{color:#a9a8b8; font-weight:bold; text-transform:uppercase}
.productBox .commericalMsg{bottom:5px; font-size:60%; color:#84606c}
.productBox .offerText{top:88px; font-size:60%; color:#ac0e42}

.brandRangeIntro{float:none; display:block; width:582px; height:140px; background-image:url(../img/backgrounds/topDeal.gif)}
div.topDeal {background-image:url(../img/backgrounds/topDealbg.gif);width:582px;height:141px;display:block;margin:0 0 10px 9px;position:relative}
.topDeal .dealIcon{position:absolute; top:0; left:0; z-index:2}
.topDeal .commericalMsg{left:300px}

.topDeal h3, .topDeal ul,.topDeal p.commercialMsg {left:280px;position:absolute;}
.topDeal h3{top:15px}
.topDeal h3 a{color:#8F8EA8;font-size:7pt}
.topDeal h3 a em{color:#84606C; font-size:8pt;}
.topDeal ul {color:#8F8EA8;font-size:7pt;line-height:13px;top:45px;list-style:square none inside;}
.topDeal p.commercialMsg {bottom:4px;color:#84606C;text-transform:uppercase;font-weight:bold;font-size:8pt;}

.topDeal .sash{bottom:95px; right:5px}
.topDeal img{top:20px; left:80px; position:absolute;}
.topDeal div{width:130px; right:1px; bottom:35px; text-align:center;color:#AC0E42;position:absolute}
.topDeal .save, .topDeal .price, .topDeal .normal{text-align:center}
.topDeal .price{font-weight:bold;}


div.brand{position:relative; width:192px; height:202px; padding:15px 0 0 0; float:left; margin:0 0 0 5px;display:inline; background:url(../img/brands/brand_bg.jpg) 0 0 no-repeat}
.brandRange .brand{height:192px; padding-top:25px}
.brand .img{display:block; width:180px; margin:0 auto;text-align:center}
.brandRange .brand .img{width:150px}
.brand .price{color:#ac0e42}
.brand .price strong{font-size:120%}
.brand h2{height:30px; text-align:center; padding:0 15px; font-size:70%; line-height:1.2}
.brand h2 a{color:#84606c}
.brand p{font-size:70%; color:#464646; text-align:center; padding:0 15px; line-height:1.2}

#brands .brandList .brand h2{position:absolute;top:105px;width:162px;}
#brands .brandList .brand p{position:absolute;top:135px;}

.brandRangeIntro{position:relative; margin:0 auto 12px auto}
.brandRangeIntro h2, .brandRangeIntro p{position:absolute; left:183px; font-size:70%}
.brandRangeIntro h2{width:390px; padding-bottom:5px; top:10px; color:#84606c; background:url(../img/icons/hr_sprite.gif) 0 bottom repeat-x}
.brandRangeIntro p{width:390px; top:34px; line-height:1.2; color:#464646}
.brandRangeIntro img{position:absolute; top:10px; left:10px}