/* ===================================================
	Layout stylesheet - Dyson
	Version: v1.0
	Author: Chris Knight - 16/02/2009
/* =================================================*/

/*Setup classes*/
html{text-align:center; margin:0px; padding:0px; width:100%;}
body{font-size:62.5%; width:974px; margin:0px auto; padding:0px; background:#000000; text-align:left; position:relative;}
a, a:link, a:visited, a:hover, a:active{text-decoration: none; outline:none;}
a, a:link, a:visited, a:hover, a:active{color:#333;}
a img, a:link img, a:visited  img, a:active img, a:hover img {text-decoration: none; border: 0 none; }
ul, ol{list-style:none; margin:0px; padding:0px;}
p{margin:0px 0px 5px;}

/*Global classes*/
.clear{clear:both;}
.clear:after{content:"."; display:block; height: 0px; clear:both; visibility:hidden;}
.clear {display:inline-block;}
.clear {display:block;}
* html .clear{height:1px;}
.hide{display:none;}
.site_Content{text-align:left;}
.content{min-height:481px; height:auto !important; height:481px;}
.noBorder{border:none !important;}

.greyArrow{background:url("/dc26/images/arrow.png") no-repeat left 4px; padding-left:12px;}
.greyArrow_Back{background:url("/dc26/images/arrow_back.png") no-repeat left 4px; padding-left:12px;}
.greyArrow_Front{background:url("/dc26/images/arrow.png") no-repeat right 4px; padding-right:12px;}

.blackArrow{background:url("/dc26/images/arrow_b.png") no-repeat left 4px; padding-left:12px;}
.blackArrow_Back{background:url("/dc26/images/arrow_back_b.gif") no-repeat left 4px; padding-left:12px;}
.blackArrow_Front{background:url("/dc26/images/arrow_b.png") no-repeat right 4px; padding-right:12px;}

.whiteArrow{background:url("/dc26/images/arrow_w.png") no-repeat left 4px; padding-left:12px;}
.whiteArrow_Back{background:url("/dc26/images/arrow_back_w.png") no-repeat left 4px; padding-left:12px;}
.whiteArrow_Front{background:url("/dc26/images/arrow_w.png") no-repeat right 4px; padding-right:12px;}

/*Global Typography*/
body{font-family: Arial, Helvetica, Verdana, sans-serif;}
h1{font-size:1.8em;}
h2{font-size:1.5em;}
h3{font-size:1.3em;}
h4{font-size:1.2em;}
h1, h2, h3, h4{margin-top:0px;}
a, p, ul li, ol li, span{font-size:1.1em;}

/*Global Colours*/
a, a:link, a:visited{color:#999;}
h1, h2, h3, h4, ul li, ol li, p{color:#FFF;}

.textColour1{color:#999;}
.textColour2{color:#2999E8;}


/*--Structure--------------------------------------------------------------------------------------*/
/*Nav*/
#nav_TopNav{margin:0px 20px 20px 5px; padding-top:20px;}
#nav_DysonHome{float:left; display:block;}
#nav_Purchase{float:right;}
	#nav_GoodDesignLogo{margin-right:10px; margin-top:2px; float:left;}
	#nav_Purchase img{float:left;}
	#nav_Purchase_Text{float:left; margin-left:15px;}
		#nav_Purchase_Text h2{margin:4px 0px 0px 0px; font-weight:normal; font-size:1.5em; text-shadow:#333 0px 0px;}
			#nav_Purchase_Text h2 a{color:#FFF;}
				#nav_Purchase_Text h2 a:hover, #nav_Purchase_Text h2 a:focus{color:#999;}
		#nav_Purchase_Text h3{margin:-2px 0px 0px; font-weight:normal; font-size:1.2em;}
			#nav_Purchase_Text h3 a:hover, #nav_Purchase_Text h3 a:focus{color:#FFF;}
			
#nav_NavList{border:1px solid #333; position:relative; margin-bottom:20px;}
	#nav_NavList ul li{float:left; padding:0px 15px; margin:6px 0px 0px; border-right:1px solid #333; font-size:1.3em; text-shadow:#333 0px 0px;}
		#nav_NavList ul li a.nav_Selected{color:#FFF;}
		#nav_NavList ul li a:hover, #nav_NavList ul li a:focus{color:#FFF;}
		#nav_NavList li#nav_NavList_Home{padding:0px; margin:0px;}
			#nav_NavList li#nav_NavList_Home a{background:url("/dc26/images/nav/back.jpg") no-repeat; text-indent:-10000em; height:28px; width:51px; display:block;}
			    #nav_NavList li#nav_NavList_Home a:hover, #nav_NavList li#nav_NavList_Home a:focus{background-image:url("/dc26/images/nav/back_Alt.jpg");}
		#nav_NavList ul li.nav_NavList_End{border-right:none;}
	#nav_NavList li#nav_NavCompetition{float:right; padding-right:65px;}
		#nav_NavList li#nav_NavCompetition img#nav_NavList_CompLogo{position:absolute; top:-10px; right:10px;}
	#nav_NavList .dyBox_TextOnlyLink{margin-top:0px !important; background:none !important; padding-left:0px !important; display:inline;}
	
/*Footer*/
#footer{border-top:1px solid #333; padding:10px 20px 0px; margin-top:20px;}
#foot_Share{float:left;}
	#foot_Share h3{color:#999;}
#foot_Links{float:right;}
	#foot_Links ul li{float:left; margin-right:10px; border-right: 1px solid #333; padding-right:10px;}
	#foot_Links ul li.end{padding:0px; margin:0px;}
	
.content{position:relative;}