/**
 * Theme: Courtyard House Furnish for Magento eCommerce *
 *
 * @copyright       Copyright 2008, Lotus Seeds Design
 * * @license    	Single domain license
 * @link            http://www.lotusseedsdeisgn.com * 
 * @version         1.0  $Date: Saturday, Dec 20 2008 $
 * @revision        $Revision: 1 $

 
 * stylesheet adapted from superfish.css (http://users.tpg.com.au/j_birch/plugins/superfish/#download)
 */

/* Top menu */
.top-menu {width:940px;margin:0 auto;}


/* This style sheet controls superfish menu*/

#menu {width: 100%;clear: both;height: 42px;position: relative;z-index: 1000;}
/*** ESSENTIAL STYLES ***/



.sf-menu {margin-top: 10px;line-height: 1.0;}

.sf-menu ul { 
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li a span { font-size:13px;}

.sf-menu ul li {width:100%;}
	
.sf-menu li a span {font-size: 15px; padding-left:10;}
#menu a:hover {text-decoration: none;}

.sf-menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */}

.sf-menu li {	float:left;position:relative;margin-right:5px;}
	

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		9999;
	background-image: none;
}


ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;z-index: 99999;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			13.5em;/* match ul width */
	top:			0;
	z-index:		9999999;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:0; /* match ul width */
	top:0;margin-left:13.5em;}


/*** DEMO SKIN ***/
.sf-menu {float:left;	margin-bottom:	1em;}
	
.sf-menu a {letter-spacing: 1px;;
	text-align: center;display: block;
	padding: 		8px 15px;font-weight: bold;}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#092e40;
}

.sf-menu li a {padding: 10px 15px 0 15px;margin-left: 1px;height: 23px;padding-bottom: 4px solid #fff;
	background: url(../images/base_images/menu-trans.png); overflow: hidden;line-height: 1em; text-align:right; font-family:Georgia sans-serif;}
	


.sf-menu li a:hover {	background: #fff}
	

	
	/*disable dropdown background image*/	
.sf-menu li li {background-image: none;background-color: #FCFAEB;} 
	
.sf-menu li.active a{ background:#fff;background-image: none;}


/*disable top bg image for subsequent levels*/
.sf-menu li li, .sf-menu li li a:hover, .sf-menu li li a:hover,
.sf-menu li li a:focus, .sf-menu li li a:active {position:		relative;
background: url(../images/base_images/bar-bg.jpg) repeat-x left 55%; }

.sf-menu li li ul{margin-left: 1px;}

.sf-menu li ul {margin-top: -6px}
.sf-menu li li,
.sf-menu li li li,
.sf-menu li.active li {background-image: none;background:#9DE5B2;border-top: none;}

.sf-menu li li ul li, .sf-menu li.active li ul {border-top: 1px solid #F7EBB8;}
	

.sf-menu li ul li a {text-align: left;}

.sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu li a:active {
outline:0;
text-decoration: none;
}

/*preventing the nav_tab shows up in second and subsequent levels*/
.sf-menu li li.sfHover,
.sf-menu li li a:active  {background: #9DE5B2}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 25px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
*.sf-sub-indicator {
	z-index: 30000;
	position:		absolute;
	display:		block;
	right:			4px;
	top:			1.25em;  /*IE6 only*/
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	background:		url(../images/base_images/icon-nav-pointer.gif) no-repeat 0 0;  }
a > .sf-sub-indicator {   /*give all except IE6 the correct values*/ 
	top:			.8em;
	background-position: 0 bottom;  /*use translucent arrow for modern browsers*/
}
 apply hovers to modern browsers 
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: 0 bottom;  /*arrow hovers for modern browsers*/
}

 point right for anchors in subs 
.sf-menu ul .sf-sub-indicator { background-position:  0 0;top:			1.85em;right:0; /*IE6 only*/ 
 }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
 apply hovers to modern browsers 
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: 0 0;  /*arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
/*
.sf-shadow ul {
	background:	url(../images/base_images/shadow-trans.png) no-repeat bottom right;
	padding: 0 15px 15px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	}

.sf-shadow ul.sf-shadow-off {background: #fff;}
*/