/* --- Navbar Style --- */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

body{
	margin: 0px;
	padding: 0px;
}

.navigation{
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	clear: left;
	width: 100%;
	min-width: 800px;
	background-image: url(../img/navi/bg_navigation.jpg);
}

.navigation a,
.navigation a:hover{
border:none;
text-decoration: none;
}


.navigation p{
		margin: 0px;
	padding: 0px;
	padding-bottom: 16px;
	color: #1a0f08;
	font-size: 10px;
	padding-top: 8px;
	padding-right: 10px;
	line-height: 12px;
	letter-spacing: 1px;
	text-align: right;
	display: block;
}

a img{ border: none;}
img.navilogo{float:left;
padding-left: 20px;
padding-top: 20px;}

.pro_linedrop {

	position: relative;
	font-size: 12px;
	z-index: 500;
	min-width: 800px;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
}

.pro_linedrop .select a {
	display: block;
	float: left;
	padding: 0px;
	text-decoration: none;
	white-space: nowrap;
	color: #b28e5f;
}

.pro_linedrop .select li.line a {color:#cccccc;}

.pro_linedrop .select a b {
display:block; 
padding:0 30px 10px 15px; 

}

 .line a:hover, 
.line li:hover a {
	background: url(http://www.loopsky.com/img/navi/insub.gif);
cursor:pointer; 
}


li.noline a:hover, 
li.noline li:hover a {
	background: url(http://www.loopsky.com/img/navi/nosub.gif);
cursor:pointer; 
}
.pro_linedrop .select li.nosub:hover a {
		background: url(http://www.loopsky.com/img/navi/nosub.gif);
cursor:pointer; 
}


.pro_linedrop .select li.line a:hover, 
.pro_linedrop .select li.line:hover a {
		background: url(http://www.loopsky.com/img/navi/insub.gif);
}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 30px 9px 15px; 

cursor:pointer;
}

.pro_linedrop .sub {
display:none;

}
.pro_linedrop ul ul {display:none;}


.pro_linedrop .sub {
margin:0; 
margin-top: 16px;
padding:0;
list-style:none;

}

.pro_linedrop .sub li {	}

li.categorytop{
	background-image: url(http://www.loopsky.com/img/navi/pt_categorytop.gif);
background-repeat: no-repeat;
background-position: right;
padding-right: 6px;

width: 160px;
margin-left: 60px;
}

.pro_linedrop .select :hover .sub {
	height: 40px;
	display: block;
	position: absolute;
	float: left;
	width: 100%;
	min-width: 800px;
	top: 58px;
	left: 0;
	text-align: center;
	background: url(http://www.loopsky.com/img/navi/bg_sub.png);
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #3a2b1b;
}

/* IE6 only */
.pro_linedrop table{
	border-collapse: collapse;
	margin: -1px;
	font-size: 1em;
	width: 0;
	height: 0;
	background-repeat: repeat-y;
}

* html .pro_linedrop .select :hover .sub {	height: 40px;
	display: block;
	position: absolute;
	float: left;
	width:1000px;
	overflow: hidden;
	top: 58px;
	left: 0;
	text-align: center;
	background: url(http://www.loopsky.com/img/navi/bg_sub.png);
background-position: bottom;
	background-repeat: repeat-x; }
	
	
	

.pro_linedrop .select :hover .rt li {}

.pro_linedrop .select :hover .sub li a 
{
	display: block;
	height: 44px;
	line-height: 44px;
	float: left;
	padding: 0 20px;
	margin: 0;
	white-space: nowrap;
	color: #b28e5f;
	font-size: 12px;
	background-image:none;
}

.pro_linedrop .select :hover .sub li.subline a {color:#c00;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{
	color: #f6e4ca;
	line-height: 44px;
	position: relative;


}

.pro_linedrop .select :hover .sub li:hover > a {
	color: #f6e4ca;
}

.pro_linedrop .select :hover .sub :hover ul {

	display: block;
	position: absolute;
	float: left;
	top: 36px;
	line-height: 44px;
	left: 0;
	text-align: center;
	background: url(http://www.loopsky.com/img/navi/bg_sub.png);
	background-repeat: repeat-x;
	width: 100%;

}

.pro_linedrop .select :hover .sub :hover ul li a {width:80px; text-align:left; height:20px; line-height:18px;}
.pro_linedrop .select :hover .sub :hover ul li a:hover {line-height:16px;}



div.clearer{
	clear: both;


}

/* @group furniture_menu */

ul.fmenu {
	margin: 8px 10px;
	padding: 0;
	float: left;
	width: 200px;
}

.fmenu span {
display: none;
}

.fmenu  li {

float:left;
list-style:none;
display:inline;
margin: 4px;
}

.fmenu a {
	background: url(../img/navi/bg_fmenubt.png) no-repeat;
		height:80px;
width: 80px;
display:block;
outline: none;
border: none;
}

a.fmenu_01{
	background-position: 0px 0px;}
a.fmenu_02{
	background-position: -90px 0px;}
a.fmenu_03{
	background-position:  0px -90px;}
a.fmenu_04{
	background-position: -90px -90px;}
a.fmenu_05{
	background-position: 0px -180px;}
a.fmenu_06{
	background-position:  -90px -180px;}
a.fmenu_07{
	background-position:  0px -270px;}
a.fmenu_08{
	background-position: -90px -270px;}
a.fmenu_09{
	background-position: 0px -360px;}
a.fmenu_10{
	background-position:  -90px -360px;}

a.fmenu_01:hover{
	background-position: -192px 0px;}
a.fmenu_02:hover{
	background-position: -282px 0px;}
a.fmenu_03:hover{
	background-position: -192px -90px;}
a.fmenu_04:hover{
	background-position: -282px -90px;}
a.fmenu_05:hover{
	background-position: -192px -180px;}
a.fmenu_06:hover{
	background-position:  -282px -180px;}
a.fmenu_07:hover{
	background-position:  -192px -270px;}
a.fmenu_08:hover{
	background-position: -282px -270px;}
a.fmenu_09:hover{
	background-position: -192px -360px;}
a.fmenu_10:hover{
	background-position:  -282px -360px;}



/* @end */