/* ----- Miele screen stylesheet ----- */
/* ----- Fuse Digital 2009 ------------------ */
/* ----- enjoy. ----------------------------- */

/*
	
	----- Colours -----
	
	Red: #f00
	Panel Light Grey: #f3f3f3
	Default Text Grey: #686868
	Deeper Text Grey: #4b4b4b
	Dotted Divider Grey: #929292
	
	----- Site Dimensions -----
	
	Width: 895px

*/

* {
	margin: 0; /* global reset of margin and padding */
	padding: 0;
	outline: none;
}

/* ----- Tags ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
body {
	background: #fff;
	text-align: center; /* centre in IE */
	font: 11px Helvetica, Arial, sans-serif;
	color: #686868;
}
ul {
	list-style: none; /* no bullets on lists by default */
	margin-bottom:10px;
}
ul.alt {
	list-style-type:disc;
	list-style-position:inside;
}
ul li {
	padding-bottom:5px;
}
a {
	color: #686868;
}
a:hover {
	color: #f00;
}
a img {
	border: none;
}
a.lnk {
	font-weight:bold;
	background:url(../images/icons/red_arrow.gif) 0 4px no-repeat;
	padding-left:10px;
	text-decoration:none;
}
a:hover.lnk {
	color:#ff0000;
}
p {
	margin-bottom:20px;
}

/* ----- Universal Styles ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.hide {
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}


/* ----- Containers ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#site {
	width: 100%;
	margin: 0 auto;
	/*background:url(../images/global/header.gif) -20% 3px no-repeat;*/
}
#header {
	width:960px;
	margin:0 auto;
}
#navigation-content {
	clear: both;
	float: left;
	width: 100%;
}
#overlays {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
}

/* ----- Masthead ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#masthead {
	width: 100%;
	float:left;
	/*height: 370px;
	background: #262626;*/
}
#masthead #hero {
	width:960px;
	height:370px;
	margin:0 auto;
}
#logo {
	width: 960px;
	height: 55px;
	margin:20px 0 15px 0;
}
#logo a {
	display: block;
	width: 960px;
	height: 55px;
	background: url(../images/global/logo.gif) 0 0 no-repeat;
	text-indent: -1000em;
}


/* ----- Navigation ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* ----- Primary Navigation ----- */
/* ------------------------------------------------------------ */
#global-nav {
	position: relative;
	clear: left;
	width: 960px;
	height:36px;
	margin:0 auto 50px auto;
	border-top:solid 1px #929292;
	background: #4e4c48;
	font: 1.182em "Helvetica Neue", Helvetica, Arial, sans-serif; /* 11*1.182=13 */
}
#global-nav.ext {
	margin:0 auto 90px auto;
}
#global-nav ul {
	width:960px;
	height:30px;
	margin:9px auto 0 auto;
	text-align:left;
}
#global-nav ul li{
	float:left;
	margin-right:10px;
	margin-left:10px;
	padding-left:7px;
}
#global-nav ul li.current{
	float:left;
	background:url(../images/icons/red_arrow.gif) 0 4px no-repeat;
}
#global-nav ul li.current a.select {
	color:#fff;
}
#global-nav ul li.current a.med-select {
	color:#4b4b4b;
}
#global-nav ul a {
	color:#959491;
	text-decoration:none;
}
#global-nav ul a:hover {
	color:#fff;
}
#global-nav ul li.final{
	float:right;
	margin-right:20px;
}
#global-nav ul li.final a {
	background-image:url(../images/icons/home.png) !important;
	background-image:url(../images/icons/home.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	width:20px;
	height:20px;
	text-indent:-100000px;
}
#global-nav ul li.final a:hover {
	background-position:0 -150px;
}

/* ----- Secondry Navigation ----- */
/* ------------------------------------------------------------ */
#global-nav .sub-nav {
	display: none;
	position: absolute;
	left: 0;
	top: 36px;
	width: 100%;
	height:36px;
	background: #dcdbda;
}
#global-nav .sub-nav ul {
	width:960px;
	height:30px;
	margin:9px auto 0 auto;
	text-align:left;
}
#global-nav .sub-nav ul li{
	float:left;
	margin-right:20px;
}
#global-nav .sub-nav ul a {
	color:#959491;
	text-decoration:none;
}
#global-nav .sub-nav ul a:hover {
	color:#4b4b4b;
}
#global-nav .sub-nav.hollow {
	display:none;
}

/* ----- Tier Navigation ----- */
/* ------------------------------------------------------------ */
#global-nav .tier-nav {
	display: none;
	position: absolute;
	left: 0;
	top: 36px;
	width: 100%;
	height:36px;
	background: #f5f5f5;
}
#global-nav .tier-nav ul {
	width:960px;
	height:30px;
	margin:9px auto 0 auto;
	text-align:left;
}
#global-nav .tier-nav ul li{
	float:left;
	margin-right:20px;
}
#global-nav .tier-nav ul a {
	color:#959491;
	text-decoration:none;
}
#global-nav .tier-nav ul a:hover {
	color:#4b4b4b;
}

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

h1 {
	font-size:1.635em; /* 11*1.635=18 */
	font-weight:normal;
	margin-bottom:12px;
}
h1.alt {
	font-size:1.635em; /* 11*1.635=18 */
	font-weight:normal;
}
h2 {
	font-size:1.27em; /* 11*1.27=14 */
}

/* ----- Listings ----- */
/* ------------------------------------------------------------ */

ul.sep {
	margin:20px 120px 0 0;
	padding:0;
	float:left;
}
ul.sep li {
	padding-bottom:3px;	
}
ul.sep a {
	text-decoration:none;
}

/* ----- Definition List ----- */
/* ------------------------------------------------------------ */

dl {
	width:660px;
}
dt {
	background-image:url(../images/buttons/nav_btn.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:15px;
	font-size:1.27em; /* 11*1.27=14 */
	color:#4b4b4b;
	padding:10px 25px;
	clear:both;
	margin-bottom:10px;
	cursor:pointer;
}
dt:hover {
	background-position:0 -139px;
	cursor:pointer;
	color:#ff0000;
}
dt.hold {
	background-position:0 -139px;
}
dd {
	width:610px;
	padding:10px 25px;
}
dd ul {
	width:170px;
	float:left;
	margin-bottom:10px;
}

/* ----- Buttons ----- */
/* ------------------------------------------------------------ */
a.button  {
	text-decoration:none;
	display:block;
	width:660px;
	height:35px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url(../images/buttons/nav_btn.gif);
	margin-top:80px;
	padding:10px 15px 0 15px;
	color:#4b4b4b;
}
.button span  {
	font-size:1.27em;
	padding-left:10px;
}
a:hover.button {
	color:#ff0000;
}


/* ----- Columns ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.col-960 {
	margin:0 auto;
	width:960px;
	text-align:left;
	font-size:1.09em; /* 11 x 1.18 = 12 */
}
.col-960.alt {
	margin:20px auto;
}
.col-520 {
	width:520px;
	float:left;
}
.col-460 {
	width:460px;
	float:left;
}
.col-460-alt {
	width:420px;
	float:right;
}
.col-675 {
	width:675px;
	float:left;
}
.col-215  {
	width:215px;
	float:right;
}


/* ----- Sub-Sections ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.sub-section {
	width:195px;
	padding:10px;
	background:#ededec;
	margin-bottom:5px;
}
.sub-section.clean {
	background:#fff;
}
.sub-section.clean a {
	text-decoration:none;
}
.sub-section-open {
	width:195px;
	padding:5px 10px;
	margin-bottom:5px;
	background:#dcdbda;
}

.sub-section.clean li#bestbrands, .sub-section.clean li#superbrands, .sub-section.clean li#trustedbrands, .sub-section.clean li#which {
	width:97px;
	height:88px;
	float:left;
}

.sub-section.clean li#bestbrands a, .sub-section.clean li#superbrands a, .sub-section.clean li#trustedbrands a, .sub-section.clean li#which a {
	display:block;
	width:97px;
	height:88px;
}

.sub-section.clean li#bestbrands {
	background-image:url(../images/logos/bestbrands.jpg);
}

.sub-section.clean li#superbrands {
	background-image:url(../images/logos/superbrands.jpg);
}

.sub-section.clean li#trustedbrands {
	background-image:url(../images/logos/mosttrusted.jpg);	
}

.sub-section.clean li#which {
	background-image:url(../images/logos/which.jpg);
}

/* ----- Footer ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#footer {
	width:100%;
	float:left;
	margin:40px auto 0 auto;
}
#footer .container {
	width:960px;
	margin:0 auto;
	padding-top:15px;
	color:#686868;
	text-align:left;
	border-top:dotted 1px #929292;
}
#footer a {
	text-decoration:none;
}