﻿/* Header > Menu */

#menu {
	float: left;
}

#menu chromemenu {
}

/*** MENU_1 ***/

ul#menu{
	float: left;
	padding: 0;
	margin: 0;
}
#menu li{
	float: left;
	width: 120px;
	list-style: none;
}

ul#menu_1 a{
	display: block;
	width: 120px;
	height: 30px;
}

#products {
	left: 0;
	width: 120px;
	background: url("../images/menue.gif") no-repeat 0 0px;
	
}

#products a:hover {
	background: url("../images/menue.gif") no-repeat 0 -30px;
}

#tools {
	left: 121px;
	width: 120px;
	background: url("../images/menue.gif") no-repeat -121px 0px;
}

#tools a:hover {
	background: url("../images/menue.gif") no-repeat -121px -30px;
}

#furniture {
	left: 242px;
	width: 120px;
	background: url("../images/menue.gif") no-repeat -242px 0px;
	
}

#furniture a:hover{
	background: url("../images/menue.gif") no-repeat -242px -30px;
}

#promotion {
	left: 363px;
	width: 120px;
	background: url("../images/menue.gif") no-repeat -363px 0px;

}

#promotion a:hover {
	background: url("../images/menue.gif") no-repeat -363px -30px;
}

#contact {
	left: 484px;
	width: 120px;
	background: url("../images/menue.gif") no-repeat -484px 0px;

}

#contact a:hover {
	background: url("../images/menue.gif") no-repeat -484px -30px;
}

/*** Menu_1 end ***/

#menu .chromestyle li a:hover {
	/*color: #ffffff;
	background-color: #ff6699;*/

}


.chromestyle{
	padding-top:95px;
	margin: 0;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle {
}

.chromestyle ul{
}

#menu .chromestyle ul li a{
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
/*background: url(chromebg4-over.gif) center center repeat-x; THEME CHANGE HERE*/
}


/* ######### Style for Drop Down Menu ######### */

#menu .dropmenudiv{
	/*width:100%;*/
	position:absolute;
	top: 0;
	border: 1px solid #666666; /*THEME CHANGE HERE*/
	background-color:#666666;
	text-align: left;
	line-height:18px;
	z-index:100;
	color: #ffffff;
	width: 200px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


#menu .dropmenudiv a{
	width: 200px;
	display: block;
	text-indent: 5px;
	text-align: left;
	/*border: 1px solid #E8BEBE; THEME CHANGE HERE*/
	padding: 5px 0 0 0;
	text-decoration: none;
	color: white;
	background-color: #666666;
}

#menu .dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	color: #ffffff;
	background-color: #ff6699;
}
