/* CSS Document */


#resultsFilter {
	margin: 0 0 10px 0;
}

#resultsFilter h1 {
	font-size: 13px;
	font-weight: bold;
}

#resultsFilter .filter {
	margin-right: 15px;
}


#sectionsContainer {
	position: relative;	
}

#sectionsContainer #noProducts {
	position: absolute;
}

.productsContainer {
	position:relative;
/*	padding: 5px; */
	padding: 0px;
	/*	height: 100px;*/ /* 10px is a silly height, but without this height, IE6 sometimes down't display any floating products in a .productsContainer*/

}


.product, .categoryDescription {
	position:relative;§
	float: left;
	text-align:center;
	border: 1px solid #DDDDDD;
	margin-right:10px;
	margin-bottom:5px;
	margin-top: 5px;
	height: 172px;
}

.categoryDescription {
	float: left;
	width: 520px;
}

.categoryDescription .desc {
	text-align:left;
	margin: 10px 10px 10px 10px;	
}


.product {
	width: 173px;
	float: left;
}

/* for when the badges are on the related prodicts tab etc*/
#tabsContainer .productsContainer .product {
	width: 146px;	
}


.product a {
	background-color:transparent;
}

.product a:hover {
	background-color:transparent;
}

.product a.productImage img {
	padding: 3px;
	border: 1px solid #000000;
	background-color:#FFFFFF;
	width: 120px;
	height: 120px;
/*	margin: 3px 3px 0px 3px; */
	margin: 3px 3px 0px 3px;
}

.product a.ip44Badge {
	position:absolute;
	display:block;
	top: 12px;
	left: 33px;
	height: 19px;
	width: 19px;
}



.product a.badgeOnRight {
	left: 123px;
}

.product a.bulbsExcludedBadge {
	position:absolute;
	display:block;
	top: 102px;
	left: 118px;
	height: 23px;
	width: 25px;
}



/* for when the badges are on the related prodicts tab etc*/
#tabsContainer .productsContainer .product a.ip44Badge {
	left: 18px;	
}

#tabsContainer .productsContainer .product a.badgeOnRight {
	left: 111px;	
}


.product a.ip44Badge img {

}

.refinableProductsContainer {

}

.refinableProductsContainer .product a.qtyPricesBadge {
	position:absolute;
	display:block;
	top: 12px;
	left: 33px;
	height: 19px;
	width: 19px;
}

#tabsContainer .productsContainer .product a.qtyPricesBadge {
	position:absolute;
	display:block;
	top: 12px;
	left: 18px;
	height: 19px;
	width: 19px;
}


.product .caption {
	font-size:10px;
	line-height:12px;
	text-align:center;
	padding: 0px;
	margin: 0px;
}



.product .caption a{
	color:#000000;
}

.product .compare {
	position:absolute;
	bottom: 0px;
	right: 0px;
}