@charset "utf-8";

/*----- Reset (Optimised) -----*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
/*---------- Global ----------*/
body{
	background: #443a2d;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 11px;
	cursor:default;
	}

#skip{
	display:none;
	}

hr{
	background: url('../img/right-gradient-border.png') no-repeat top left;
	border:0;
	}

.hide{
	display:none;
	}
	
/*---------- Heading ----------*/

.heading{
	background: url('../img/heading.png') no-repeat top left;
	text-indent: -9999px;
	height: 71px;
	width: 687px;
	margin: 6px auto 0 auto;
	}

#header{
	width: 100%;
	height: 110px;
	margin: 0 7px;
	color: #fff;
	}

#header a{
	color: #fff;
	text-decoration: none;
	}
	
.help,.cart{
	float: left;
	margin-top: 4px;
	height: 12px;
	border: 1px solid #78a4a5;
	background: url('../img/header-bg.gif') #30372a repeat-x;
	padding: 8px;
	text-transform: uppercase;
	}

.help{
	width: 280px;
	}

.cart{
	width: 211px;
	}

.cart div{
	float: right;
	}
	
/*---------- Navigation ----------*/

#nav{
	clear:both;
	margin-top: -7px;
}

#nav ul{
	text-transform:uppercase;
	margin: 0 auto;
	list-style-type: none;
	}
	
#nav ul li{
	float: left;
	}	
	
#nav ul li a{
	height: 36px;
	display: block;
	text-indent: -9999px;
	border: 1px solid #78a4a5;
	}

#nav-heated-mirrors a{
	width: 111px;
	background: url('../img/navigation-sprite_v3.gif') #30372a 0 36px;
	}

#nav-home a{
	width: 51px;
	background: url('../img/navigation-sprite_v3.gif') #30372a -111px 36px;
	margin: 0 1px 0 1px;
	}

#custom-made-mirrors a{
	background: url('../img/navigation-sprite_v3.gif') #30372a -166px 36px;
	width: 203px;
	margin: 0 1px 0 1px;
	}

#nav-about a{
	background: url('../img/navigation-sprite_v3.gif') #30372a -372px 36px;
	width: 58px;
	margin: 0 1px 0 0;
	}

#nav-heated-mirrors a:hover, #nav-heated-mirrors a.selected{
	background: url('../img/navigation-sprite_v3.gif') #e30a08 0 0;
	}

#nav-home a:hover, #nav-home a.selected{
	background: url('../img/navigation-sprite_v3.gif') #e30a08 -111px 0;
	}

#custom-made-mirrors a:hover, #custom-made-mirrors a.selected{
	background: url('../img/navigation-sprite_v3.gif') #e30a08 -166px 0;
	}

#nav-about a:hover, #nav-about a.selected{
	background: url('../img/navigation-sprite_v3.gif') #30372a -372px 0;
	}

	
/*---------- Typography ----------*/

h1{
	line-height: 15px;
	}

h2{
	line-height: 12px;
	}

a,a:visited{
	color: #fff;
	text-decoration: none;
	}

p.error-message{
	color:red;
	font-style:italic;
	}

.custom-text p{
	color: #F0DFC6;
	}

input,textarea{
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;	
	}

/*---------- Body ----------*/

#container{
	width: 975px;
	margin: 0 auto;
	}

#body{
	width: 975px;
	margin: 0 auto;
	background: url('../img/body-vertical-shadow.jpg') repeat-y;
	padding: 8px;
 	height:539px;
	position: relative;
	}

.top-shadow{
	height: 7px;
	background: url('../img/body-top-shadow.jpg') no-repeat bottom left;
	width: 975px;	
	}

.bottom-shadow{
	height: 7px;
	background: url('../img/body-bottom-shadow.jpg') no-repeat top right;
	width: 975px;	
	}

#body .main-container{
	position: absolute;
	background: url('../img/homepage-faded.jpg') no-repeat top left #000;
	color: #fff;
	top:0;
	left:7px;
	width: 958px;
	height: 555px;
	border: 1px solid #78a4a5;
	}

#body .main-container .contents{
	position: absolute;
	top:0;
	left:0;
	/*width: 100%;
	height: 100%;*/
	width: 958px;
	height: 555px;
	}

#body .main-container .contents .pad{
	/*padding: 22px 0 0 22px;*/
	padding: 22px;
}

#body .main-container .contents .buttons{
	position:absolute;
	bottom:24px;
	right:20px;
	width: 500px; /* Was 320 before sale addition */
	}
/*---------- Footer ----------*/

#footer{
	clear:both;
	color: #fff;
	margin-top: 10px;
	margin: 10px 7px;
	height:95px;
	background:transparent url('../img/british-product.gif') no-repeat bottom left;
	}

#footer p{
	margin-top: 12px;
	text-align:center;
	line-height: 14px;
	}

#footer .account-help{
	float: right;
	}
#footer .terms-privacy{
	float: left;
	}

#footer .cards, #footer .vcard{
	clear: both;
	margin: 10px auto 0;
	text-align: center;
	line-height: 14px;
	}

#footer .cards{
	width: 220px;
	}
	
#footer a, #footer a:visited{
	text-decoration: none;
	color: #fff;
	}

#footer a:hover{
	text-decoration:underline;
	}

#comodo{
	margin-top: -55px;
	float: right;
	}

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

.options li.made-measure-icon{
	background: url('../img/options.png') no-repeat 0 -60px;
	}

.options li.shaver-toothbrush-icon{
	background: url('../img/options.png') no-repeat 0 -20px;
	}
	
.options li.touch-switch-icon{
	background: url('../img/options.png') no-repeat 0 -40px;
	}

.options li.sensor-icon{
	background: url('../img/options.png') no-repeat 0 0;
	}

/* Sale */

.sale-banner{
	position: absolute; top:0; left:0;
	width: 210px; height: 210px;
	z-index: 99;
	background: url('../img/sale_v7.png') no-repeat top left;
	text-indent: -9999px;
	}
.january-specials-banner{
	position: absolute; top:0; left:0;
	width: 210px; height: 210px;
	z-index: 99;
	background: url('../img/january-specials.png') no-repeat top left;
	text-indent: -9999px;
	}

.february-specials-banner{
	position: absolute; top:0; left:0;
	width: 210px; height: 210px;
	z-index: 99;
	background: url('../img/february-specials.png') no-repeat top left;
	text-indent: -9999px;
	}

.march-specials-banner{
	position: absolute; top:0; left:0;
	width: 210px; height: 210px;
	z-index: 99;
	background: url('../img/march-specials.png') no-repeat top left;
	text-indent: -9999px;
	}

.april-specials-banner{
	position: absolute; top:0; left:0;
	width: 210px; height: 210px;
	z-index: 99;
	background: url('../img/april-specials.png') no-repeat top left;
	text-indent: -9999px;
	}