
/*** ESSENTIAL STYLES ***/

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

}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			5px;
	top:			70px; /* match top ul list item height */
	z-index:		99;
    width: 208px;
    background: #e4eef7;
    border: 2px solid #4d5055;
}


ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			-210px; /* match ul width */
	top:			0;
}
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:			228px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	 display: block;
     float: left;
     margin: 33px 0 0 9px;
      padding: 0;
 list-style: none;
}

.sf-menu a {
 font-weight: bold;
 font-size: 15px;
  color: #505050;
  text-decoration:none;
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding-top: 46px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  margin: 0 21px;
  min-width: 42px;
  width: auto !important;
  width: 42px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

}
.sf-menu li {
 list-style: none;
}
.sf-menu li ul {
  padding: 0;
  margin: 0;
}
.sf-menu li li, .sf-menu li li li {
	 text-align: left;
    margin: 0 !important;
    padding: 0 0 2px !important;
    background: url(images/sub-nav-bg.gif) 0 100% repeat-x;

}
.sf-menu li li a, .sf-menu li li li a {
 height: auto;
 padding: 6px 6px 6px 23px;
 text-align: left;
 text-transform: none;
 color: #1B1718;
 font-size: 14px;
 margin: 0 !important;
 background: transparent url(images/left_nav_arrows.gif) 7px 50% no-repeat !important;
}


.sf-menu li li a.sf-with-ul {
  background: url(images/arrows-ffffff.png) 215px -140px no-repeat;
}


.sf-menu li li a.sf-with-ul span {
  display: none;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
    color: #ff8a00;
    background-position: 50% -83px;
}
.sf-menu li li:hover, .sf-menu li li.sfHover {
  background-position: 0 100%;
}
.sf-menu li li.last_item {
  background: transparent;
  padding-bottom: 0 !important;
}
.sf-menu li li a:hover, .sf-menu li li li a:hover {
  background:#46a8ff url(images/left_nav_over_bg.gif) repeat-x 0 0 !important;
color:white;
}



/*   ######################################   */

.sf-menu a#home-tab {
  background-image: url(images/home-icon.png);
}
.sf-menu a#cart-tab {
  background-image: url(images/cart-icon.png);
}
.sf-menu a#ship-tab {
  background-image: url(images/ship-icon.png);
}
.sf-menu a#sell-tab {
  background-image: url(images/sell-icon.png);
}
.sf-menu a#info-tab {
  background-image: url(images/info-icon.png);
}
.sf-menu a#help-tab {
  background-image: url(images/help-icon.png);
}
.sf-menu a#contact-tab {
  background-image: url(images/mail-icon.png);
  margin-left: 2;
}


/*   ######################################   */


/*** arrows **/
.sf-menu a.sf-with-ul {


}
.sf-sub-indicator {

   display: none;
}

