@charset "utf-8";

/* **************************************************************

Name: product-list.css
Description: global styles all pages [ PRODUCT LIST ]

BLUE - #396F9D
ORANGE - #FF6600
grey - #ccc
RED - #CC0000
BG_HIGHLIGHT - #ebf0f5

***************************************************************

Promo block styling
-------------------------------------------------------------- */

.category_block_top{margin-bottom:1.5em}
.category_block_bottom{margin-top:1.5em}
.category_block_bottom,.category_block_top,.category_block_bottom img,.category_block_top img{display:block}
.category_block_bottom .headline{font-weight:700;margin-bottom:.2em}

/* LIST ITEM HOVERS
-------------------------------------------------------------- */
.listing-type-grid .box{background:none;margin-bottom:5px;padding:10px}
.listing-type-grid .box ul{list-style:none;margin:6px 0 0;padding:0}
.listing-type-grid .item.hover{background:#ebf0f5}
.box .wish-visable-icon{display:none}
.box.hover .wish-visable-icon{display:block}
.wish-txt{display:none}
h3 a.more-info{display:block}

/* LIST ITEM AJAX
-------------------------------------------------------------- */
.item{position:relative}

/* NEWS
-------------------------------------------------------------- */
.category-promotions .blog-summary h4{font-weight:700;margin-bottom:0.5em;margin-top:0.9em;text-decoration:none}

/* PAGER
-------------------------------------------------------------- */
.pager{background:#f5f5f5;border:1px solid #ddd;color:#333;font-size:11px;margin:15px 0;padding:12px 10px}
.pager select{margin:0;padding:0}
.pager .amount{float:left;line-height:20px}
.pager .limiter{float:right;line-height:20px}
.pager .pages{color:#333;float:left;line-height:20px;margin:0 114px;text-align:center}
.pager .pages a{color:#8c8c8c;text-decoration:underline}
.pager .pages a:hover{color:#8c8c8c;text-decoration:none}
.pager .pages ol,.pager .pages li{display:inline;padding:0 2px}
.pager .pages .current{font-weight:700}
.pager-only{clear:both}
.pager-only .pages{margin:0}
.pager span.label {display:block;float:left;font-weight:400;margin:0 10px 0 0;padding:0;width:auto;}

/* Sorter */
.sorter{ float:right;}
.sorter p{margin:0}
.sorter .view-mode a.list-fix,.sorter .view-mode a.list,.sorter .view-mode strong.list-fix,.sorter .view-mode strong.list,.sorter .view-mode a.grid-fix,.sorter .view-mode a.grid,.sorter .view-mode strong.grid-fix,.sorter .view-mode strong.grid{float:left;height:17px;margin:2px 0 0;overflow:hidden;text-align:left;text-indent:-999em;width:24px}
.sorter .sort-by{display:block;float:right}


/*PRODUCT / PROMO GRID STYLES                               
-------------------------------------------------------------- */
.listing-type-grid h4,.grouped-grid h4{margin-bottom:.5em}
.listing-type-grid li.last,.listing-type-promo-grid li.last,.grouped-grid li.last{margin-right:0}
.listing-type-grid .box .product-image img,.grouped-grid .box div img, #category-list .box img{border:2px solid #fff}
.listing-type-grid .box.hover .product-image img,.grouped-grid .box.hover div img, #category-list .box.hover img{border:2px solid #dde8ef}
p.product-image, div.product-image {margin-bottom:6px; position:relative;}
.box h3{display:inline-block;float:left;font-size:10px;margin:0 20px 2px 0;width:135px}
.listing-type-grid{line-height:1.35em}
.listing-type-grid p{float:none}
.listing-type-grid p img{float:none;margin:0;padding:0}
.listing-type-grid h5{margin-bottom:.4em}
.listing-type-grid h5 a,.catalog-listing h5 a:hover{color:#203548;text-decoration:underline}
.listing-type-grid .add-to{color:#555;font-size:.95em;font-weight:700;line-height:1.3em;margin:.7em 0}
.listing-type-grid .add-to a,.catalog-listing .add-to a:hover{text-decoration:underline}
p.product-image a{display:block;float:none}
.price-container{clear:both}

/* PRODUCT LIST LHS NAV - NARROW BY NAV
-------------------------------------------------------------- */
#left-sidebar li a:hover{color:#000;text-decoration:underline}
.narrow-by .sub-nav{padding:0 0 6px}
.narrow-by .sub-nav li{line-height:1.7em;padding:3px 0 0}
.side-col ul.narrowed-category{margin-bottom:12px;padding:3px 0 6px}
.narrowed-category li{padding:3px 9px 1px}
.narrowed-category li a{display:block;text-decoration:none}
.narrowed-category li a,.currently-lhs-nav li a,.narrowed-category li a:visited,.currently-lhs-nav li a:visited{background-position:0 -1497px;color:#707070;margin:0;padding:0 17px}
.narrowed-category li a:hover{background-position:0 -1564px;color:#000}
.clear-all-options{padding:0 9px}

/* PRODUCT LIST LHS NAV - NARROW BY
-------------------------------------------------------------- */
.narrow-by-border{-khtml-border-radius-bottomright:9px;-moz-border-radius-bottomright:9px;-webkit-border-bottom-right-radius:9px;border:1px solid #C5D520;border-bottom-right-radius:9px;margin-bottom:16px;padding-bottom:6px}
body.domce .narrow-by-border{border:1px solid #00ACCA;}
.narrow-by-border.selection{background-color:#fafbe9}
.selection-heading{background:transparent url(../images/backgrounds/bg_selection-border-btm_fb.gif) repeat-x bottom left;color:#666;font-size:11px;padding:7px 9px 12px}
.narrow-heading{background:transparent url(../images/backgrounds/bg_narrow-border-btm_fb.gif) repeat-x bottom left;color:#666;font-size:11px;padding:7px 9px 12px}
.over{color:#000;text-decoration:underline}
.narrow-by{border:0 solid #c5d520;padding:4px 10px 10px}
.narrow-by ol{background:url(../images/backgrounds/list_border_grey.gif) repeat-x bottom left;margin-bottom:12px;padding-bottom:12px}
.narrow-by li{background:transparent url(../images/backgrounds/list_border_grey.gif) repeat-x scroll left bottom;padding:6px 0 8px 0}
.narrow-by li a{background-position:0 -1689px;display:block;margin:0;padding:0 0 0 20px;text-decoration:none}
.narrow-by li a:hover{background-position:0 -1627px;color:#000}
.narrow-by li.narrow-by-head{background:none}
.narrow-by h3{background-position:bottom right;cursor:pointer;display:block;font-size:11px;margin:0;margin-bottom:0;padding:0 21px 0 0}
.narrow-by ul li li{background:none}
.narrow-by h3.hide-full-list{background-position:-156px -1160px}
.narrow-by h3.show-full-list{background-position:-156px -1230px}

/* PRICING EXTRAS STYLING */

.add-to-holder{margin-bottom:7px}

/* Category listing pages */
#category-list div.item{float:left;margin-right:10px;width:212px}
#category-list div.item.last{margin-right:0}
#category-list a img{display:block}
#category-list.image-anchor{padding:10px}
#category-list h3{background:none;border-bottom:none;font-size:1.4em;font-weight:400;margin:3px 0 6px;padding:0}
#category-list h3 a:link,#category-list h3 a:visited{color:#006BB6;text-decoration:underline}
#category-list h3 a:hover{color:#A8162D}
#category-list h4{font-size:1em;font-weight:400;margin-bottom:0}
#category-list ul{clear:both;margin-top:6px;margin-bottom:0;padding:0 0 0 1.4em}
#category-list li{color:#CCC}
#category-list .box{padding:10px}
#category-list .text-holder{padding-left:11px}

/* Category navigation */
#sub-navigation .sub-tres{margin-left:12px}
#sub-navigation .sub-tres a{background:none;font-weight:400}
#sub-navigation .sub-tres li{margin:0;padding:1px 0 2px}
#sub-navigation .sub-tres li,#sub-navigation .sub-tres li a,#sub-navigation .sub-tres .active span{background:none}
#sub-navigation .sub-tres .active span{display:block;font-weight:400}

/* Category blocks */
#category-block{-khtml-border-radius-bottomright:9px;-moz-border-radius-bottomright:9px;-webkit-border-bottom-right-radius:9px;background-color:#eff4bf;border:1px solid #cbcdb2;border-bottom-right-radius:9px;margin-bottom:12px;position:relative}
#category-block img{display:block}
#category-block h2{background:none;font-size:28px;margin:0;padding:0}
#category-block ul{list-style:none;margin:0;padding:0;position:absolute;right:19px;top:17px;width:183px}
#category-block.full-image{border:none}

/* Category promotions LHS */
.category-promo-lhs{-khtml-border-radius-bottomright:9px;-moz-border-radius-bottomright:9px;-webkit-border-bottom-right-radius:9px;background:#fafbe9;border:1px solid #C5D520;border-bottom-right-radius:9px;margin-bottom:16px}
.category-promo-lhs img{display:block;margin:1px}
.category-promo-lhs div.promo-box{background:url(../images/backgrounds/bg_selection-border-btm_fb.gif) repeat-x scroll left top;padding:10px}

/* Category promotions LHS */

.catalog-category-view{height:4px;margin:0 0 10px}

#promo-grid{float:left;padding-right:37px;width:656px}
#promo-grid .item{float:left;margin-bottom:.5em;position:relative;width:328px; margin-right:0}
#promo-grid h3{color:#006BB6;font-size:12px;font-weight:700;margin-bottom:.35em;margin-top:.35em;padding:0;text-decoration:none}
#promo-grid .promo-image-holder{float:left;margin:0;padding:0;width:auto}
#promo-grid .holder{padding:6px}
#promo-grid .last{margin-right:0}

.promo-image-holder img{margin:6px;padding:0}
.promo-description-holder{float:left;margin:0;margin-left:10px;padding:0;width:162px}
.promo-description-holder p{margin-bottom:4px}

/* NEWS
-------------------------------------------------------------- */
.blog-summary{float:right;width:175px;clear:right;}



/* catalogues
-------------------------------------------------------------- */
.col, .col_last { width:205px; float:left; text-align:center}
.catalogue_row .col {margin-right:10px}
.catalogue_row object {width:205px}

.catalogue_row .large  {font-size:1.2em;line-height:1.4;margin-bottom:2px}
#category-block span {font-size:18px;font-weight:bold}

.catalogue-holder {margin-bottom:6px;min-height:165px;height:auto !important}
.catalogue-image {width:150px; float:left;}
.catalogue-content {width:150px; margin-left:10px; float:left;}
.catalogue-detail {clear:both;}
.catalogue-detail .catalogue-headline{font-weight:bold; margin-bottom:2px; margin-top:10px}
.catalogue-detail .end_date{margin-bottom:2px}
.catalogue-detail ul{padding:0}
.catalogue-detail ul li{margin-bottom:2px;padding:0}

/* min-height - Internet Explorer */
/*\*/
* html .catalogue-holder {
height: 165px
}
/**/

