/*** ESSENTIAL STYLES ***/
.dropmenu ul, .frontpmenu ul{
	margin:0;
}
.dropmenu {
	position:absolute;
	top: 112px;
	margin: 0 0 0 171px;
	width:804px;
	background-color:#FFF;
} 
.frontpmenu {
	position:absolute;
	top: 110px;
	margin-left: 203px;
	width:794px;
}
.sf-menu {
	margin-top:	15px 0 0 0;
	padding-top: 1px;
	padding-bottom: 0px;
	list-style:		none;
	height: 30px;
	background-color: #FFF;
}
.sfmenuNormal {
}
.sfmenuHome {
}
.sf-menu * {
	margin:	0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	text-decoration: none;
	font-weight: bold;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			29px; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

/*** SKIN Baseline ***/
.sf-menu {
	float:			left;
	margin-bottom:	0px;
}
.sf-menu li.B, .sf-menu li.F, .sf-menu li.S, .sf-menu li.H, .sf-menu li.Store {
	padding: 8px 0px 8px 5px;
	border-left: #000 solid 1px;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}
.sf-menu li a.B1A, .sf-menu li a.F1A, .sf-menu li a.S1A, .sf-menu li a.H1A,  .sf-menu li a.onelevel, .sf-menu li a.Store1A, {
	text-decoration: none;
}
.sf-menu li li a {
	border-top:		0px solid #FFcd05;
	padding: 		3px 5px 6px 5px;
	text-decoration: none;
	font-size: 1.0em;
	font-weight:bold;
}
.sf-menu li.abcd a {
	border-left:	0px solid #000;
	padding: 7px 4px 7px 4px;
}
.sf-menu li.defg a {
}
.sf-menu .three a, .sf-menu .F3A a {
	border-top:		1px solid #000;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
/* background level 1 #0099CC */
/* base hover top menu #F4741F */
/* background level 2 #D4D8BD */
/* hover level 2 #C9BA65 */
/* background Level 3 #E2DFA8 */
/* hover level 3 #B2AB9B */
/* colour for light orange #FFC56F */
/* colour for BBQ orange #F4741F */
/* colour for Furniture light green #99D9B7 */
/* colour for Furniture  green #00A14B */
/* colour for Heating light red #F88F71 */
/* colour for Heating  red #ED1C24 */
/* colour for Spa light blue #D4DAEC */
/* colour for Spa  blue #94A3D0 */
.sf-menu li a{ /* Text of main menu before hover - black*/
}
.sf-menu li.abcd a:hover { /* For Home and store locator*/
	background: #FF0;
}
.sf-menu li.defg a:hover { /* For store locator*/
	background: #FF0;
}
.sf-menu li li { /* background of drop down menu - not horizontal level 2 */
	background:		#cccccc;
	z-index:1; 
}
.sf-menu li li .B2A, .sf-menu li li .F2A, .sf-menu li li .S2A, .sf-menu li li .H2A, .sf-menu li li a.Store2A, { /* level 2 sperating lines*/
	border-top:		1px solid #333;
}

.sf-menu li li li { /* background of horizontal level 2 */
	background:		#dddddd;
}
.sf-menu li.B:hover{
	background:		#F4741F;
	color:#000; /* colour of hovered text */
	outline:		0;
}
.sf-menu li.B .sfHover {
	background:		#F4741F;
	color:#000; /* colour of hovered text */
	outline:		0;
}	
.sf-menu li a { /* Level 1 text before hover*/
	color:#000;
}
.sf-menu .B ul li{
		border-left:		 #F4741F solid 2px;
		border-right:		 #F4741F solid 2px;
		border-bottom: #000 solid 1px;
	}
.sf-menu .B2A, .sf-menu .F2A, .sf-menu .S2A, .sf-menu .H2A, .sf-menu .StoreA {
	padding-top: 5px;
}
.sf-menu .B2 ul li{
		border-left:		 #F4741F solid 2px;
		border-right:		 #F4741F solid 2px;
	}
.sf-menu .B2 ul li .first{
	border-top:		 #F4741F solid 2px;
}
.sf-menu .B2 ul li .last, 	.sf-menu .B ul li .last {
	border-bottom:		 #F4741F solid 2px;
}

/* Furniture */
	.sf-menu li.F .sfHover {
		background:		#00A14B; /* 2nd level background after moving onto 3rd level*/
		outline:		0;
	}	
	.sf-menu .F a:hover {
	/* background og hover and active */
		background:		#00A14B;
		outline:		0;
	}
	.sf-menu li.F a:active {
	/* background og hover and active */
		background:		#00f;
		outline:		0;
	}
	.sf-menu li.F:hover{
		background:		#00A14B;
		outline:		0;
	}
	.sf-menu .F ul li{
		border-left:		 #00A14B solid 2px;
		border-right:		 #00A14B solid 2px;
		border-bottom: #000 solid 1px;
	}
	.sf-menu .F2 ul li{
		border-left:		 #00A14B solid 2px;
		border-right:		 #00A14B solid 2px;
	}
	.sf-menu .F2 ul li .first{
		border-top:		 #00A14B solid 2px;
	}
	.sf-menu .F2 ul li .last, .sf-menu .F ul li .last{
		border-bottom:		 #00A14B solid 2px;
	}

/* Furniture Text */
	.sf-menu a.F1A:hover{
		color:#fff; /* level 1 colour of hovered text */
	}
	.sf-menu .sfHover .F1A {
		color: #FFF; /* colour of hovered text in 2nd level when 3rd level active*/
	}
	.sf-menu .sfHover .sfHover .F2A {
		color: #FFF; /* */
	}

	.sf-menu a.F2A:hover {
		color: #fff; /* level 2 colour of hovered text */
	}
	.sf-menu a.F3A:hover, .sf-menu a.F3.first:hover, .sf-menu a.F3.last:hover {
		color: #FFF; /* level 1 colour of hovered text */
	}
/*end of furniture */

.sf-menu li.S:hover{
	background:		#94A3D0;
	color:#000; /* colour of hovered text */
	outline:		0;
}
.sf-menu li.S .sfHover {
	background:		#94A3D0;
	color:#000; /* colour of hovered text */
	outline:		0;
}	
.sf-menu .S2 {
		border-left:		 #94A3D0 solid 2px;
		border-right:		 #94A3D0 solid 2px;
		border-bottom: #000 solid 1px;
	}
.sf-menu .S2 last{
		border-bottom:		 #94A3D0 solid 2px;
	}
/* Heating */
	.sf-menu li .H .sfHover {
		background:		#00A14B; /* 2nd level background after moving onto 3rd level*/
		outline:		0;
	}	
	.sf-menu .H a:hover {
	/* background og hover and active */
		background:		#00A14B;
		outline:		0;
	}
	.sf-menu li .H a:active {
	/* background og hover and active */
		background:		#00f;
		outline:		0;
	}
	.sf-menu li .H:hover{
		background:		#00A14B;
		outline:		0;
	}


.sf-menu .H ul li{
		border-left:		 #ED1C24 solid 2px;
		border-right:		 #ED1C24 solid 2px;
	}
	.sf-menu .H ul li .first{
		border-top:		 #ED1C24 solid 2px;
	}
	.sf-menu .H ul li .last{
		border-bottom:		 #ED1C24 solid 2px;
	}
	.sf-menu a.H1A:hover{
		color:#fff; /* level 1 colour of hovered text */
	}
	.sf-menu .sfHover .H1A {
		color: #FFF; /* colour of hovered text in 2nd level when 3rd level active*/
	}


.sf-menu li.H:hover{
	background:		#ED1C24;
	color:#fff; /* colour of hovered text */
	outline:		0;
}
.sf-menu li.H .sfHover {
	background:		#ED1C24;
	color:#fff; /* colour of hovered text */
	outline:		0;
}	
.sf-menu .H a:hover {
/* background og hover and active */
	background:		#ED1C24;
	color:#fff; /* colour of hovered text */
	outline:		0;
}
/* end of heating*/
/* Store */
	.sf-menu li .Store .sfHover {
		background:		#ff0; /* 2nd level background after moving onto 3rd level*/
		outline:		0;
	}	
	.sf-menu .Store a:hover {
	/* background og hover and active */
		background:		#ff0;
		outline:		0;
	}
	.sf-menu li .Store a:active {
	/* background og hover and active */
		background:		#ff0;
		outline:		0;
	}
	.sf-menu li .Store:hover{
		background:		#ff0;
		outline:		0;
	}


.sf-menu .Store ul li{
		border-left:		 #ff0 solid 2px;
		border-right:		 #ff0 solid 2px;
	}
	.sf-menu .Store ul li .first{
		border-top:		 #ff0 solid 2px;
	}
	.sf-menu .Store ul li .last{
		border-bottom:		 #ff0 solid 2px;
	}
	.sf-menu a.Store1A:hover{
		color:#000; /* level 1 colour of hovered text */
	}
	.sf-menu .sfHover .Store1A {
		color: #000; /* colour of hovered text in 2nd level when 3rd level active*/
	}


.sf-menu li.Store:hover{
	background:		#ff0;
	color:#000; /* colour of hovered text */
	outline:		0;
}
.sf-menu li.Store .sfHover {
	background:		#ff0;
	color:#000; /* colour of hovered text */
	outline:		0;
}	
.sf-menu .Store a:hover {
/* background og hover and active */
	background:		#ff0;
	color:#000; /* colour of hovered text */
	outline:		0;
}
/* end of store*/


.sf-menu .S a:hover {
/* background og hover and active */
	background:		#94A3D0;
	color:#000; /* colour of hovered text */
	outline:		0;
}
.sf-menu .B a:hover {
/* background og hover and active */
	background:		#F4741F;
	color:#000; /* colour of hovered text */
	outline:		0;
}
.sf-menu a:active {
/* background og hover and active */
	background:		#00f;
	color:#0f0; /* colour of hovered text */
	outline:		0;
}
.sf-menu li.S a:active {
/* background og hover and active */
	background:		#00f;
	color:#000; /* colour of hovered text */
	outline:		0;
}
.sf-menu li.H a:active {
/* background og hover and active */
	background:		#00f;
	color:#fff; /* colour of hovered text */
	outline:		0;
}
.sf-menu li.Store a:active {
/* background og hover and active */
	background:		#FBCC04; /*store hover colour */
	color:#000; /* colour of hovered text */
	outline:		0;
}
/*** arrows **/
.sf-menu li a.sf-with-ul {
	padding-right: 	1.75em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
li .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.5em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/new_images/arrows-ffffff.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
li a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			2px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { margin-top:4px; background-position:  -10px 0;}
.sf-menu ul a > .sf-sub-indicator {margin-top:4px;  background-position:  0 0;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/new_images/shadow.png') no-repeat bottom right;
	padding: 0 5px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/***Bottom Menu ***/