div:after {
display: block;
clear: both;
content: ".";
height: 0px;
line-height: 0px;
visibility: hidden;
}

img
{
border: 0;
display: inline;
}

html {
overflow-y: scroll;
}

a
{
	text-decoration: none;
	color: #666666;
}

body
{
background: #fff;
margin: 0;
padding: 0;
color:#666666;
font-family: 'Avenir', Verdana;
}

h1,h2

{
	font-size: 24px;
	/* font-weight: normal; */
	color: black;
	font-weight: 500;
}

#wrapper
{
width: 960px;
margin: 10px auto 0px;
padding: 0;
}

#header
{
width: 960px;
position: relative;
/* margin-bottom: 20px;
padding-bottom: 5px; */
border-bottom: 1px solid #E3E3E3;
height: 145px;
}

	.home_left
	{
	float: left;
	width: 500px;
	}

	.home_right
	{
		float:right;
		width:400px;
		padding:0px 20px;
		margin-bottom:20px;
	}

	.logo
	{
		float: left;
		height:80px;
	}

.header_right {

float: right;
margin-right: 10px;

}

.header_right1 {

float: right;
margin-right: -20px;
	
}

.still_trading
{

	float: right;
	position: relative;
	margin-top: -12px;
	margin-bottom: -150px;
	padding: 10px 10px 10px 15px;
	background-color: #000;
	color: rgb(247, 243, 239);
	border-radius: 0px 0px 10px 10px;
	font-size: 10px;
	text-align: center;
	/* width: 350px; */

}

.still_trading span
{
	font-size: 24px;
	font-weight: 500;
	color:#FFFFFF;
	margin-bottom:-10px;
}


#logo_container
{
float:left;
padding: 5px 0px 20px 0px;
height: 70px;
width:100%;
}

.contact_details
{
	/* height:30px; */
	float:left;
	position: absolute;
	bottom: 5px;
	left: 0px;
	font-weight:500;
}

	.contact_details p
	{
	height:10px;
	}
	.contact_details p span
	{
	font-size: 24px;
	font-weight: 500;
	color:#1874CD;
	margin-bottom:-10px;
	}

.social
{
	float:left;
	width:100%;
}
	.facebook
	{
	float: left;
	margin-top:0px;
	}
	.twitter
	{
	float: left;
	margin-top:0px;
	}

#top_nav
{
	float: right;
	line-height: 35px;
	font-size: 16px;
	z-index: 10000000000;
	/* width: 100%; */
	/* margin-left: -45px; */
	position: absolute;
	bottom: 0px;
	right: 0px;
}
	.top_nav_a
	{
	font-weight: 500;
	color:#E3E3E3;
	padding: 0px 12px;
	}
	.top_nav_a:hover
	{
	color:#000;
	}

	.top_nav_a_bold
	{
	font-weight: 600;
	color: white !important;
	padding: 0px 15px;
	background-color: #1874CD;
	border-radius: 10px 10px 0px 0px;
	}



/*------------------------------------*\
    NAV
\*------------------------------------*/
#nav{
    list-style:none;
    margin-bottom:0px;
    float:left;
    width:100%;
    z-index:1000000000;
}
#nav li{
    float:left;
    position:relative;
}
#nav a{
    display:block;
    color:black;
    text-decoration:none;
}
#nav a:hover{
    color:#1874CD;
}

/*--- DROPDOWN ---*/
#nav ul{
    list-style:none;
    position:absolute;
    display:none;
    /* padding-top: 40px; */
    top: 35px;
    left: 0px;
    /* margin-top: 40px; */
}
#nav ul li:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
}
#nav ul li{
    /* padding-top:1px; */ /* Introducing a padding between the li and the a give the illusion spaced items */
    border-bottom: 1px solid rgb(156, 156, 156);
    float:none;
	
    margin: 5px 0px;
	
    /* margin-left: -35px; */
    font-size:13px;
    z-index:10000000000000000;
    /* background-color:#e3e3e3; */
}
#nav ul li:first-child
{
	margin-top: 0px;
	text-align: center;
	font-size: 13px;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ 
	font-size: 13px;
	left: 0;
	margin-left: 0px;
	display: block;
	padding: 0px;
	z-index: 100;
	padding: 7px 12px;
	background-color: #e3e3e3;
	border-radius: 0px 0px 10px 10px;
	text-align: center;
}

#nav li:hover ul a
{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	text-align:left;
	width: 125px;
}

#main_body
{
height: auto;
width: 950px;
margin:0px;
float: left;
position: relative;
}

.top_banner
{
	width:100%;
	float:left;
}

.home_text_section
{
float:left;
width:960px;
background: none;
border-top:1px solid #E3E3E3;
min-height:250px;
}

.home_text_top
{
float:left;
width:960px;
background: none;
border-bottom:1px solid #E3E3E3;
padding-bottom:20px;
}

.home_text_bottom
{
float: left;
width: 100%;
padding-bottom: 37px;
}

.home_text_bottom1
{
float: left;
width: 100%;
border-top: 1px solid #E3E3E3;
}

.home_text_bottom2
{
float: left;
width: 100%;
}
	.home_text_top_sub
	{
	float:left;
	width:960px;
	background: none;
	padding-bottom:20px;
	}
	.home_text_top_sub_heritage
	{
	float:left;
	width:960px;
	background: none;
	margin-bottom:-50px;
	}

.home_text_top_sub_contact
	{
	float: left;
	width: 480px;
	background: none;
	margin-bottom: 40px;
	margin-top: 30px;
	padding-right: 25px;
	border-right: 1px solid #e3e3e3;
	min-height: 350px;
	}

.home_text_left
{
	float: left;
	width: 73%;
	min-height: 300px;
}
	.best_buy_image
	{
		float:left;
	}
	.best_buy_response
	{
		float:right;
		padding:10px;
	}
	.details_tab
	{
		float: left;
		margin-top: 1px;
		padding-right: 10px;
	}

.home_text_right
{
	float: right;
	width: 27%;
	min-height: 300px;
	max-height: 300px;
	padding: 0px 0px;
	margin-bottom: 20px;

}


.brands_section
{
	float:left;
	width:960px;
	background: none;
	border-top:1px solid #E3E3E3;
}

	.brand_logo
	{
	float:left;
	padding-right:7px;
	}

#footer
{
clear: both;
margin: 0px auto;
width: 960px;
background: none;
height: 50px;
border-top: 1px solid #E3E3E3;
line-height: 50px;
margin-top: 10px;
}

	#footer a
	{
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	padding: 0px 10px 0px 0px;
	}

	#footer a:hover
	{
	color: #3D3D89;
	}


.dyson_logo
{
	float:left;
	padding:20px 10px 10px 0px;
	width:100%;
}

.heritage_text

{
	
	float: left;
	width: 64%;
	padding-right: 1%;
	margin-top: 20px;

}
.heritage_image

{
	float: right;
	width: 30%;
	background-image: url("/images/daintys_heritage1.png");
	background-repeat: no-repeat;
	min-height: 350px;
	/* min-width: 25%; */
	padding-bottom: 50px;
	margin-bottom: 30px;
}

.tick_section

{

	width:960px;
	background: none;
	border-bottom:1px solid #E3E3E3;

}




/* 
==============================
For contact form.
==============================
*/

.contact_form
{
	width:400px;
	float:right;
	padding-top: 50px;
	padding-right: 20px;
	margin-bottom:30px;

}

.form_name, .form_number,  .form_work, .form_message
{
width:100%;
height:25px;

}

.form_message
{
min-height: 120px !important;
max-width: 400px;
max-height: 300px;
}


.Submit_button
{
	background-color: #1874CD;
	padding: 5px 10px;
	border-radius: 0px 0px 5px 5px;
	color: white;
	font-size: 15px;
	margin-top: -23px;
	margin-left: 0px;
	border: 0px;
}

.home_text_top_sub_contact span
{
	font-size: 24px;
	font-weight: 500;
	color:#1874CD;
}

.home_text_top_sub_contact p:first-child
{
height:10px;
}




















