@import url(product.listitem.css);
@import url(facet.products.css);
@import url(facet.products.area.css);
@import url(facet.products.overview.css);
@import url(facet.products.list.css);
@import url(facet.products.3thumbs.css);
@import url(facet.category.iconview.css);

#layout_content h2 {
	color: #1b5c9d;
	font-size: 18px;
}

#layout_content .title_promotionalicon{
	padding-bottom: 15px;
}

#layout_content h3 {
	color: #900b09;
	font-size: 16px;
}

#layout_content div.product ul li {
	padding-left: 12px;
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
}

/* Ranking for TopList */

#layout_content div.facet div.product_rank {
	border-bottom: 1px solid #ddd; /* adding a bottom border which includes the rank number. */
}

#layout_content div.facet div.product_rank span.rank {
	padding: 40px 5px 0 0;
	float: left;
	color: #1b5c9d;
	font-size: 20px;
	font-weight: bold;
}

#layout_content div.facet div.product_rank div.product {
	border-bottom: none; /* disabling the normal bottom border for the product */
}


/* A-Z navigation */

ul.navigation_alphabet {
	height: 1%; /* Uses IE fix: when using overflow hidden on an element containing floated elements, it's only as wide as required. So, we set it to 100% width */
	margin-bottom: 20px;
	padding: 10px 0;
	overflow: hidden;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ddd;
	color: #555;
	background: #f7f7f7;
	font-size: 11px;
}

ul.navigation_alphabet li {
	width: 51px;
	margin: 0 5px;
	padding-left: 12px;
	float: left;
	display: inline; /* IE 5.x fix: prevents double margin bug */
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
	line-height: 14px;
}

ul.navigation_alphabet li.seperate {
	width: 151px;
	margin: 0 5px;
	margin-top:5px;
	padding-left: 12px;
	float: left;
	font-weight:bold;
	display: inline; /* IE 5.x fix: prevents double margin bug */
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
	line-height: 14px;
}

ul.navigation_alphabetbottom {
	height: 1%; /* Uses IE fix: when using overflow hidden on an element containing floated elements, it's only as wide as required. So, we set it to 100% width */
	margin-bottom: 5px;
	padding: 10px 0;
	overflow: hidden;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #ddd;
	color: #555;
	background: #f7f7f7;
	font-size: 11px;
}

ul.navigation_alphabetbottom li {
	width: 51px;
	margin: 0 5px;
	padding-left: 12px;
	float: left;
	display: inline; /* IE 5.x fix: prevents double margin bug */
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
	line-height: 14px;
}

ul.navigation_alphabetbottom li.seperate {
	width: 151px;
	margin: 0 5px;
	margin-top:5px;
	padding-left: 12px;
	float: left;
	font-weight:bold;
	display: inline; /* IE 5.x fix: prevents double margin bug */
	background: url(/images/default/li_background.gif) no-repeat 2px 4px;
	line-height: 14px;
}

/*
 *	Big thumblist
 */

#layout_content div.productlist_bigthumbs {
	width: 660px;
	font-size: 11px;
}

#layout_content div.productlist_bigthumbs div.product_information {
	height:64px;
}

#layout_content div.productlist_bigthumbs h3 {
	border-bottom: 1px solid #c0c0c0;
	font-size: 18px;
}

#layout_content div.productlist_bigthumbs h3 a {
	color: #1b5c9d;
	text-decoration: none;		
}

#layout_content div.productlist_bigthumbs h3 a:hover {
	text-decoration: underline;
}

#layout_content div.productlist_bigthumbs ul {
	width: 100%;
	margin-bottom: 5px;
	padding: 4px 0 65px 0;
	position: relative;
	min-height: 195px;	
}

#layout_content div.productlist_bigthumbs li {
	width: 162px;
	margin-right: 4px;
	float: left;
	display: inline; /* IE fix: appearantly, the doubled float-margin bug can be triggered by hovering nested anchors (in this case, the product image) as well */
}

#layout_content div.productlist_bigthumbs li.last_product {
	width: 162px;
	margin-right: 0;
	float: left;
	display: inline;
}

#layout_content div.productlist_bigthumbs h4 {
	font-size: 12px;
}

#layout_content div.productlist_bigthumbs ul {
	padding-bottom: 69px;
	background: url(/images/default/productlist_bigthumbs_bg.png) repeat-x 0 4px;
}

#layout_content div.productlist_bigthumbs a.image {
	width: 160px;
	height: 160px;
	position: relative;
	display: block;
	border: 1px solid #cacaca;
}

#layout_content div.productlist_bigthumbs a.image:hover {
	border-color: #848484;
}

#layout_content div.productlist_bigthumbs img.noproduct {
	width: 162px;
	height: 162px;
	display: block;
	position: relative;
}

#layout_content div.productlist_bigthumbs img {
	vertical-align: top;
}

#layout_content div.productlist_bigthumbs img.promotionalicon {
	position: absolute;
	top: -6px;
	left: -6px;
}

#layout_content div.productlist_bigthumbs div.product_information {
	width: 161px;
	height: 64px;
	position: absolute;
	bottom: 0;
}

#layout_content div.productlist_bigthumbs p {
	margin: 0;
}

#layout_content div.productlist_bigthumbs p.free_shipping {
	padding-top: 6px;
	float: right;
	color: #555;
}

#layout_content div.productlist_bigthumbs p.free_shipping span.pipe {
	margin: 0 3px;
	color: #c7c7c7;
}

#layout_content div.productlist_bigthumbs p.assortmentstate {
	padding-right: 3px;
	background: #ececec;
	text-align: right;
}

#layout_content div.productlist_bigthumbs p.price {
	height: 20px;
	padding: 3px;
	overflow: hidden;
	background: #ececec;
	font-weight: bold;
}

#layout_content div.productlist_bigthumbs p.price span {
	margin-top: 5px; /* Aligns the text to the bottom of the price */
	float: left;
}

#layout_content div.productlist_bigthumbs p.price strong {
	float: right;
	font-size: 16px;
}

#layout_content div.productlist_bigthumbs p.more {
	margin-top: 2px;
	color: #555;
	background-position: 2px 5px;
}

#layout_content div.productlist_bigthumbs p.more a {
	color: #555;
}

/* All products */
#layout_content div.facet_area_products,
#layout_content div.facet_overview_products {
	padding-bottom: 0px;
	width: 660px;
}


#layout_content div.facet_area_products a.products_all,
#layout_content div.facet_overview_products a.products_all {
	padding: 5px 0;
	display: block;
	border-width: 1px 0;
	border-color: #ddd;
	border-style: solid;
	background-color: #f7f7f7;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

#layout_content div.facet_area_products a.products_all:hover,
#layout_content div.facet_overview_products a.products_all:hover {
	color: #4794E0;
}

#layout_content p.facet_child_information img {
	border:1px solid #EEEEEE;
	float:left;
	margin:3px 5px 0 0;
}

/* Snow promotion Nextday delivery */
#snow_promotion_nl_subleaderboard {
    height: 80px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#snow_promotion_nl_subleaderboard a {
    height: 0;
    padding-top: 80px;
    display: block;
    background: url(/images/image.php?id=11777) no-repeat 50% 0;
}