#menu {
	height: 26px;
	width: 100%;
	background: url(../img/menu.jpg) repeat-x;
	clear: both;
}

ul.menus {
	margin: auto;
	width: 980px;
	height: 26px;
}

ul.menus li.top {
	float: left;
	text-align: center;
	width: 194px;
	text-align: center;
	border-left: 1px solid #4e5d67;
	border-right: 1px solid #0e2028;
	line-height: 26px;
	height: 26px;
}

ul.menus li.top img {
	vertical-align: middle;
}

ul.menus li.top a.top_menu,
ul.menus li.top a.top_menu:visited,
ul.menus li.top a.top_menu:hover {
	text-decoration: none;
	color: #eef3f6;
	line-height: 26px;
	text-transform: uppercase;
	font-size: 13pt;
	font-family: arial, sans-serif;
	font-weight: bold;
	display: block;
}

ul.menus li.top:hover {
	background: url(../img/menu_hover.jpg) repeat-x;
}

ul.menus ul {
	text-transform: none;
	text-align: left;
}

.sub-menu-menus {
	z-index: 5;
	display: none;
	position: absolute;
	top: 194px;
	background: #eff3f6;
	width: 954px;
	min-height: 300px;
	line-height: 22px;
	border: 3px solid #1b252c;
	border-top: 0px;
	padding: 10px;
	opacity: 0.97;
}

a.designer {
	float: left;
	margin: 1px;
	padding: 3px;
	display: block;
}

ul.menus li.top ul li a,
ul.menus li.top ul li a:visited { 
	color: #000;
	line-height: 22px;
}
ul.menus li.top ul li a:hover {
	background-color: #d3e5e5;
	width: auto;
}

ul.middle {
	float: left;
	min-height: 100%;
	height: 100%;
	max-width: 250px;
	padding: 5px;
}

* html ul.middle {
	height: 100%;
}

ul.middle li {
	display: block;
	line-height: 18px;
}

ul.middle li h3 {
	font-size: 9pt;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

ul.middle li a,
ul.middle li a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 0px 5px;
}

ul.middle a:hover {
	background-color: #d3e5e5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}


.banner { 
	float: left;
	position: relative;
	margin-right: 10px;
	text-align: left;
	margin-top: 30px;
}

.banners_name {
	position: absolute;
	display: inline;
	left: 0;
	top: 0;
	opacity: 0.8;
	width: 118px;
	height: 70px;
	padding: 5px;
	font-weight: bold;
	font-size: 10pt;
	font-family: arial, sans-serif;
}




#footpanel { position: fixed; bottom: 0; left: 0; z-index: 8000; background: #eee; border: 1px solid #a0a0a0; border-bottom: none; width: 94%; margin: 0 3%; display: block; }
*html #footpanel { margin-top: -1px; position: absolute; top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); }
#footpanel ul { padding: 0; margin: 0; float: left; width: 100%; list-style: none; border-top: 1px solid #fff; font-size: 8pt; }
#footpanel ul li { padding: 0; margin: 0; float: left; position: relative; }
#footpanel ul li a { padding: 5px; float: left; text-indent: -9999px; height: 16px; width: 16px; text-decoration: none; color: #333; position: relative; }
html #footpanel ul li a:hover { background-color: #fff; }
html #footpanel ul li a.active { background-color: #fff; height: 17px; margin-top: -2px; border: 1px solid #555; border-top: none; z-index: 200; position: relative; }
#footpanel a small { text-align: center; width: auto; background-color: #888; opacity: 0.9; filter:alpha(opacity=90); padding: 5px 5px 5px; display: none; color: #fff; font-size: 8pt; text-indent: 0; white-space: nowrap; }
#footpanel a:hover small { display: block; position: absolute; top: -33px; left: 50%; margin-left: -40px; z-index: 9999; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
#footpanel ul li div a { text-indent: 0; width: auto; height: auto; padding: 0; float: none; color: #00629a; position: static; }
#footpanel ul li div a:hover { text-decoration: underline; }
#footpanel .subpanel { position: absolute; left: 0; bottom: 27px; display: none; border: 1px solid #555; background: #fff; overflow: auto; padding-bottom: 0px; }
#footpanel h3 { background: #eef3f6; padding: 5px 10px; color: #000; font-size: 8pt; cursor: pointer; }
#footpanel h3 span { font-size: 8pt; float: right; line-height: 10px; font-weight: normal; }
#footpanel a.fp_home { background: url(../icons/nf_16x16px.png) no-repeat center center; border-right: 1px solid #a0a0a0; }
#footpanel a.fp_cat { background: url(../icons/lightbulb.png) no-repeat 10px center; width: auto; border-left: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; padding-left: 30px; text-indent: 0; }
#footpanel a.fp_cart { background: url(../icons/cart.png) no-repeat 10px center; width: auto; border-left: 1px solid #a0a0a0; padding-left: 30px; text-indent: 0; font-weight: bold; }
#footpanel a.fp_xsell { background: url(../icons/shape_group.png) no-repeat 10px center; width: auto; border-right: 1px solid #a0a0a0; padding-left: 30px; text-indent: 0; }
#footpanel a.fp_family { background: url(../icons/group.png) no-repeat 10px center; width: auto; border-right: 1px solid #a0a0a0; padding-left: 30px; text-indent: 0; }
#footpanel a.fp_contact { background: url(../icons/email.png) no-repeat center center; }
#footpanel a.fp_payment { background: url(../icons/money_euro.png) no-repeat center center; }
#footpanel a.fp_delivery { background: url(../icons/delivery.png) no-repeat center center; }
#footpanel a.fp_lang { background: url(../icons/world.png) no-repeat center center; border-left: 1px solid #a0a0a0; }
#footpanel a.fp_user { background: url(../icons/user.png)  no-repeat 10px center; width: auto; border-left: 1px solid #a0a0a0; padding-left: 30px; text-indent: 0; }
#footpanel a.fp_history { background: url(../icons/eye.png)  no-repeat 10px center; width: auto; border-left: 1px solid #a0a0a0; padding-left: 30px; text-indent: 0; }
#footpanel a.fp_social { width: auto; border-right: 1px solid #a0a0a0; text-indent: 0; text-align: center; }
#footpanel li#fp_user, #footpanel li#fp_cart, #footpanel li#fp_lang, #footpanel li#fp_history { float: right; }


#fp_social .subpanel { width: 300px; }
#fp_social .subpanel ul { float: left; }
#fp_social .subpanel ul li { float: left; padding: 5px; width: 60px; }


#fp_cat .subpanel { width: 350px; }
#fp_cat .subpanel div.left { float: left; padding: 10px; }
#fp_cat .subpanel ul { float: left; }
#fp_cat .subpanel ul li { float: none; }

#fp_cart .subpanel { right: -28px; left: auto; width: auto; }
#fp_cart .subpanel p { padding: 10px; }
#fp_cart .subpanel table { background: #eef3f6; border-spacing: 1px; margin: 10px; }
#fp_cart .subpanel table td { background: #fff; padding: 3px 5px; height: 40px; white-space: nowrap; }

#fp_family .subpanel { left: 0; right: auto; width: auto; }
#fp_family .subpanel p { padding: 10px; }
#fp_family .subpanel table { background: #eef3f6; border-spacing: 1px; margin: 10px; }
#fp_family .subpanel table td { background: #fff; padding: 3px; height: 40px; white-space: nowrap; }

#fp_xsell .subpanel { left: 0; right: auto; width: auto; }
#fp_xsell .subpanel p { padding: 10px; }
#fp_xsell .subpanel table { background: #eef3f6; border-spacing: 1px; margin: 10px; }
#fp_xsell .subpanel table td { background: #fff; padding: 3px; height: 40px; white-space: nowrap; }

#fp_user .subpanel { left: 0; right: auto; width: 150px; }
#fp_user .subpanel ul li { float: none; padding: 5px; }

#fp_history .subpanel { left: 0; right: auto; width: auto; white-space: nowrap; max-height: 200px; overflow: auto; }
#fp_history .subpanel ul li { float: none; padding: 3px 5px; line-height: 20px; }
#fp_history .subpanel ul li img { vertical-align: middle; }

#fp_lang .subpanel { right: 0; left: auto; width: 150px; }
#fp_lang .subpanel ul li { float: none; padding: 5px; }
#fp_lang .subpanel ul li img { vertical-align: middle; }