@charset "utf-8";
/* List of products */

#body{
 	height:1060px;
	}

#body .main-container{
	height: 1074px;
	background: url('../img/homepage-faded.jpg') no-repeat top left #000;
	}

#body .main-container .contents{
	height: 1074px;
	}

#body .main-container .contents .pad{
	padding: 0;
}

.products{
	clear:both;
	}

.products ul{
	list-style-type: none;
	}

.products li img{
	margin-top: 6px;
	border: 1px solid #78a4a5;
	}

.prod-title{
	width: 310px;
	float: left;
	padding: 20px 0 0 20px;
	}

.prod-options{
	margin: 33px 20px 0 0;
	width: 300px;
	float: right;
	height: 60px;
	background: url('../img/right-gradient-border.png') no-repeat bottom left;
	}

.prod-options li{
	float: left;
	width: 130px;
	}

.border{
	background: url('../img/left-gradient-border.png') no-repeat bottom left;
	}

.product-name{
	font-weight: bold;
	margin-bottom: 2px;
	}

.product-thumb{
	position: relative;
	text-align: center;
	padding: 20px;
	margin:0;
	float: left;
	width: 150px;
	}

.product-thumb .hotdeal{
	background:url(../img/april-specials-sml.png);
	width:75px;
	height:75px;
	position: absolute;
top:51px;
left:21px;
display:block;
	}
	
ul.options{
	position: absolute;
	bottom: 23px;
	right:19px; 
	}
.options li{
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	padding:0;
	margin:0;
	float: left;
	}

.legend{
	font-weight: bold;
	margin-bottom: 4px;
	}

.made-measure-selector,.shaver-toothbrush-selector,.touch-switch-selector,.sensor-selector{
	height: 20px;
	text-indent: 25px;
	}

.made-measure-selector{
	background: url('../img/options.png') no-repeat 0 -60px;
	}    

.shaver-toothbrush-selector{
	background: url('../img/options.png') no-repeat 0 -20px;
	} 

.touch-switch-selector{
	background: url('../img/options.png') no-repeat 0 -40px;
	} 

.sensor-selector{
	background: url('../img/options.png') no-repeat 0 0;
	}       

.tickbox{
	width: 20px;
	height: 20px;
	display: block;
	background: url('../img/tick.png') no-repeat 0 -20px;
	float: left;
	cursor:pointer;
	}	

.tickbox:hover, .tickbox.selected{
	background: url('../img/tick.png') no-repeat 0 0;
	}

/*.product-prices{
	position:absolute;
	bottom:22px;
	left:21px;
	font-size: 11px;
	color: #000;
	background: #78A4A5;
	padding: 3px;
	display:none;	
	}

.product-thumb:hover .product-prices{
	display:block;
	}*/	

