/* TOP LEVEL MENU */

#div_Menu {
	display: block;
	position: absolute;
	top: 50px;
	height: 30px;
	color: #F1C512;
	width: 600px;
	margin: 0 0 0 340px;
	overflow: hidden;
	background: url(../images/frontend/backgrounds/dottedline.gif) 0 0 repeat-x;
	text-align: right;
}
#div_Menu A {
	margin: 0 5px;
	color: #888;
	line-height: 35px;
	height: 35px;
	text-decoration: none;
}
#div_Menu A:hover {
	color: #333;
	text-decoration: underline;
}
#div_Menu .a_MenuOpen {
	color: #333;
}



/* CATEGORIES MENU */

#div_CategoriesMenu {
	position: absolute;
	top: 100px;
	width: 940px;
	line-height: 30px;
	height: 30px;
	background: url(../images/frontend/backgrounds/menuback.gif) 0 0 repeat #555;
	border-bottom: 0px solid #d79225;
}
#div_CategoriesMenu .div_Items {
	position: absolute;
	margin: 0 0 0 0;
	border-left: 0px solid #333;
}
#div_CategoriesMenu A {
	display: block;
	float: left;
	padding: 0 14px;
	color: #fff;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	letter-spacing: 0px;
	border-right: 1px solid #fff;
}
#div_CategoriesMenu A:hover, #div_CategoriesMenu A.a_MenuOpen {
	background: #d38d1f;
	border-bottom: 0px solid orange;
}
#div_CategoriesMenu A.a_Selected {
	background: #d72b62;
	color: #fff;
}
#div_CategoriesMenu A IMG {
	margin: 0 0 0 10px;
	vertical-align: middle;
}
#div_CategoriesMenu DIV.div_Right {
}
#div_CategoriesMenu DIV.div_Right A {
	float: none;
	text-align: right;
	background: url(../images/frontend/menu/colourback.gif) right center no-repeat #555;
	padding: 0 35px 0 15px;
	border: 0;
}
#div_CategoriesMenu DIV.div_Right A:hover, #div_CategoriesMenu DIV.div_Right A.a_MenuOpen {
	background: url(../images/frontend/menu/colourback_on.gif) right center no-repeat #555;
}
#div_CategoriesMenu A.a_Sale, #div_CategoriesMenu A.a_Sale:hover {
	font-weight: normal;
}

#div_CategoriesMenu .div_Submenu {
}
#div_CategoriesMenu .div_Submenu A {
	line-height: 23px;
	height: 23px;
	padding: 0 5px 0 25px;
}
#div_CategoriesMenu .div_Submenu A:hover {
	color: #333;
}
#div_CategoriesMenu .div_Submenu A.a_Selected {
	font-weight: bold;
	color: #333;
	background: none;
}


/* IFRAMES */

#div_Iframes IFRAME {
	display: none;
	position: absolute;
	z-index: 999;
	border: 0px solid black;
	opacity: 0;
	filter: alpha(opacity=0);
}


/* SUBMENUS DEFAULT */

.div_SubMenuCats {
	display: none;
	position: absolute;
	z-index: 1000;
	font-size: 12px;
	width: 220px;
	overflow: hidden;
	margin: 0 0 0 0;
	border: 0; /* no border on this element (cacks up position calculation) */
}
.div_SubMenuCats SPAN {
	display: block;
	border: 1px solid #d38d1f;
}
.div_SubMenuCats SPAN A, .div_SubMenuCats SPAN A:visited {
	display: block;
	float: none;
	padding: 0px 10px 0 10px;
	line-height: 27px;
	text-decoration: none;
	color: #555;
	background: #fff;
}
.div_SubMenuCats SPAN A:hover, .div_SubMenuCats SPAN A.a_MenuOpen {
	background: #eee;
	color: #000;
	text-decoration: underline;
}
.div_SubMenuCats SPAN A.a_Parent {
}
.div_SubMenuCats SPAN A.a_Parent:hover, .div_SubMenuCats SPAN A.a_MenuOpen, .div_SubMenuCats SPAN A.a_MenuOpen:hover {
}


/* SUBMENUS COLOUR */

.div_SubMenuColour {
	display: none;
	position: absolute;
	z-index: 1000;
	font-size: 12px;
	width: 940px;
	overflow: hidden;
	background: #eee;
	margin: -2px 0 0 0;
	border: 0; /* no border on this element (cacks up position calculation) */
}
.div_SubMenuColour SPAN {
	display: block;
	border: 1px solid #555;
	padding: 0 15px 15px 15px;
}
.div_SubMenuColour SPAN H4 {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../images/frontend/backgrounds/dottedline.gif) left bottom repeat-x;
	line-height: 40px;
}
.div_SubMenuColour SPAN DIV.div_Colour {
	float: left;
	width: 170px;
	margin: 0 10px 20px 0;
}
.div_SubMenuColour SPAN DIV.div_Colour DIV.div_Swatch {
	display: block;
	height: 14px;
	width: 14px;
	border: 1px solid #333;
	float: left;
	margin: 3px 0 0 0;
}
.div_SubMenuColour SPAN DIV.div_Colour H5 {
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	background: url(../images/frontend/backgrounds/dottedline.gif) left bottom repeat-x;
}
.div_SubMenuColour SPAN DIV.div_Colour DIV.div_Cats {
	clear: both;
}
.div_SubMenuColour SPAN DIV.div_Colour DIV.div_Cats A, .div_SubMenuColour SPAN DIV.div_Colour DIV.div_Cats A:visited {
	display: block;
	float: none;
	padding: 0px 10px 0 10px;
	text-decoration: none;
	color: #555;
	text-align: left;
	background: url(../images/frontend/icons/arrow_darkgrey.gif) left center no-repeat;
}
.div_SubMenuColour SPAN DIV.div_Colour DIV.div_Cats A:hover {
	color: #000;
	text-decoration: underline;
}