@charset "utf-8";
/* CSS Document */

/* Header Menu */
ul.header-menu {
	display: block;
	list-style: none;
	/*background-color: #DDDDDD;*/
	text-align: center;
	width: 650px;
	float: right;
	padding-left: 0px;
	margin-left: 0px;
	font-size: 10pt;
	position: absolute;
	bottom: -2px;
	right: 0px;
	z-index: 999998;
}

ul.header-menu ul {
	padding-left: 0px;
	margin-left: 0px;
}

ul.header-menu li {
	display: inline;
	position: static;
	/*behavior: url('http://www.reallyeasycart.co.uk/mini_site/base/files/IEFixes.htc'); /*ie 6 fixs**/
}
ul.header-menu li:hover {
	position: relative;
}
ul.header-menu li a {
	display: inline-block;
	padding: 6px 12px;
	color: #333333;
	text-decoration: none;
}

ul.header-menu li:hover a, ul.header-menu li.hover a, ul.header-menu li a:hover, ul.header-menu li a.hover {
	background-color: #fdfdfd;
    color: #000000;
}
ul.header-menu li.current a {
	background-color: #fdfdfd;
    color: #000000;
}
ul.header-menu li:hover ul a, ul.header-menu li.hover ul a, ul.header-menu li ul a:hover, ul.header-menu li ul a.hover {
	border-top: 0px;
}

ul.header-menu li.containsSub>a {
	background-image: url('http://www.reallyeasycart.co.uk/mini_site/base/images/MenuBarDown.gif');
	background-repeat: no-repeat;
	background-position: 95% 50%;
	padding-right: 20px;
}
ul.header-menu li.containsSub:hover>a, ul.header-menu li.containsSub.hover>a {
	background-image: url('http://www.reallyeasycart.co.uk/mini_site/base/images/MenuBarDownHover.gif');
}
ul.header-menu li.containsSub>ul>li>a {
	background-image: none;
}
ul.header-menu li.containsSub:hover>ul>li>a, ul.header-menu li.containsSub.hover>ul>li>a {
	background-image: none;
}
ul.header-menu li.containsSub>ul>li.containsSub>a {
	background-image: url('http://www.reallyeasycart.co.uk/mini_site/base/images/MenuBarRight.gif');
	background-repeat: no-repeat;
	background-position: 95% 50%;
	padding-right: 4px;
}
ul.header-menu li.containsSub>ul>li.containsSub:hover>a, ul.header-menu li.containsSub>ul>li.containsSub.hover>a {
	background-image: url('http://www.reallyeasycart.co.uk/mini_site/base/images/MenuBarRightHover.gif');
}
ul.header-menu li.containsSub:hover>ul>li.containsSub>a, ul.header-menu li.containsSub.hover>ul>li.containsSub>a {
	background-image: url('http://www.reallyeasycart.co.uk/mini_site/base/images/MenuBarRight.gif');
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.header-menu li.containsSub:hover>ul>li.containsSub:hover>a, ul.header-menu li.containsSub.hover>ul>li.containsSub.hover>a {
	background-image: url('http://www.reallyeasycart.co.uk/mini_site/base/images/MenuBarRightHover.gif');
}

/* Header Sub Menu */
ul.header-menu li ul {
	display: none;
	position: absolute;
	top: 26px;
	 /* - CHANGE THIS TO RIGHT:... WHEN USING THE MENU TO THE RIGHT */
	left: 0px;  
	text-align: left;
	border: 1px solid #666;
	z-index: 1000;
	margin-top: -4px;
	margin-top: 0px !ie;
	background-color: #fdfdfd;
	background-image: url('http://localhost/projects/really_easy_cart/spinoffs/mini_site/templates/base/images/medium_light_gradient.png');
	background-position: top left;
	background-repeat: repeat-x;
}
ul.header-menu li ul li a {
	padding: 4px;
	background-color: transparent;
	width: 200px;
	margin-left: 0px;
}
ul.header-menu li:hover ul li a, ul.header-menu li.hover ul li a {
	background-color: transparent;
	color: #333333;
}
ul.header-menu li:hover>ul li a, ul.header-menu li.hover>ul li a {
	background-color: transparent;
	color: #333333;
	/*Remove any rounded corners */
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px;
}
ul.header-menu li:hover>ul li:hover a, ul.header-menu li.hover>ul li.hover a {
	background-color: #fdfdfd;
    color: #000000;
}
ul.header-menu li:hover>ul li:hover>ul>li>a, ul.header-menu li.hover>ul li.hover>ul>li>a {
	background-color: transparent;
	color: #333333;
}

ul.header-menu li:hover>ul>li>ul>li:hover>a, ul.header-menu li.hover>ul>li>ul>li.hover>a {
	background-color: #fdfdfd;
    color: #000000;
}

ul.header-menu li:hover>ul, ul.header-menu li.hover>ul {
	display: block;
}
ul.header-menu li:hover>ul>ul, ul.header-menu li.hover>ul>ul {
	display: none;
}
ul.header-menu ul>li:hover>ul, ul.header-menu ul>li.hover>ul {
	display: block;
	 /* - CHANGE THIS TO RIGHT:... WHEN USING THE MENU TO THE RIGHT */
	left: 40px; 
	top: 10px;
}

ul.header-menu ul>li:hover>ul>ul, ul.header-menu ul>li.hover>ul>ul {
	display: none;
}



/**  HANDHELD DEVICE STYLING
 *   css that will only come into effect on hand held devices 
 *   (handheld devices by default should be re-directed to the iphone/mobile friendly template anyway) 
 */
@media handheld {
	
	ul.header-menu {
	}
}