/* @override http://www.westany.com/skin/frontend/default/westany/css/menu.css */

/* @override http://westany.com/skin/frontend/default/westany/css/menu.css */

/* @override http://westany.com/skin/frontend/default/westany/css/menu.css */

/* @override http://malibupilateschair.info/skin/frontend/default/westany/css/menu.css */

/* @override http://magento.ti/skin/frontend/default/westany/css/menu.css */

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

#nav { width:900px; margin: 0 auto; padding:0 0 18px 0px; font-size:1.1em;  }

.nav {
	background-color:#edeeed; background-image:url(../images/nav_footer.gif); background-position: bottom center; background-repeat: no-repeat;
	
}
/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; background-color: #fff; padding: 0; margin:0; background-image:url(../images/top_repeat.gif); background-position: right; background-repeat: repeat; }

#nav li.selected { position:relative; text-align:left; background-color: #fff; padding: 0; margin:0; background-image:url(../images/top_selected_repeat.gif); background-position: right; background-repeat: repeat; }


#nav li.active { position:relative; text-align:left; background-color: #fff; padding: 0; margin:0; background-image:url(../images/top_selected_repeat.gif); background-position: right; background-repeat: repeat; }
#nav li.over { z-index:999; }

#nav li a,
#nav li a:hover { display:block; text-decoration:none; padding: 0; margin:0; background-image:url(../images/top_right.gif); background-position: right; background-repeat: no-repeat; }

#nav li a:hover{
	color: #cc3333;
}
#nav li.selected a,
#nav li.selected a:hover { 
	color: #cc3333;

display:block; text-decoration:none; padding: 0; margin:0; background-image:url(../images/top_selected_right.gif); background-position: right; background-repeat: no-repeat; }




#nav span { display:block; cursor:pointer; white-space:nowrap; padding: 6px 15px 3px 15px;  background-repeat: no-repeat;
background-image:url(../images/top_left.gif); background-position: left; background-repeat: no-repeat;

}

#nav li.selected span { display:block; cursor:pointer; white-space:nowrap; padding: 6px 15px 3px 15px;  background-repeat: no-repeat;
background-image:url(../images/top_selected_left.gif); background-position: left; background-repeat: no-repeat;

}

#nav span.home-link {  cursor:pointer; padding: 0 0 0 18px;  background-repeat: no-repeat;
background-image:url(../images/westany-mini-logoX.gif); background-position: left; background-repeat: no-repeat;

}


#nav span.mini_logo { display:block; cursor:pointer; white-space:nowrap; padding: 6px 15px 3px 25px;  background-repeat: no-repeat;
background-image:url(../images/top_mini_logo_left.gif); background-position: left; background-repeat: no-repeat;

}

#nav li.selected span.mini_logo { display:block; cursor:pointer; white-space:nowrap; padding: 6px 15px 3px 25px;  background-repeat: no-repeat;
background-image:url(../images/top_mini_logo_selected_left.gif); background-position: left; background-repeat: no-repeat;

}

#nav li.active span { display:block; cursor:pointer; white-space:nowrap; padding: 6px 15px 3px 15px;  background-repeat: no-repeat;
background-image:url(../images/top_selected_left.gif); background-position: left; background-repeat: no-repeat;

}

#nav li.active span.mini_logo { display:block; cursor:pointer; white-space:nowrap; padding: 6px 15px 3px 25px;  background-repeat: no-repeat;
background-image:url(../images/top_mini_logo_selected_left.gif); background-position: left; background-repeat: no-repeat;

}

#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; }

#nav li.active a { color:#cc3333; background-image:url(../images/top_selected_right.gif); background-position: right; background-repeat: no-repeat;}

#nav a { float:left; padding:0px 0px 0px 0px; color:#666; font-weight:normal; }
#nav li.over a,
#nav a:hover { color:#cc3333; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:#ecf3f6; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px; background-image: none;}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }






.top-product-repeat {
	background-image: url(../images/top-product-repeat.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	width: 100%;
}

.top-product-left {
	background-image: url(../images/top-product-left.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.top-product-right {
	background-image: url(../images/top-product-right.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}








.top-product2 {
	padding: 0 0 5px 0;
	margin: 0 auto;
	text-align: center;
}




#Menu {
}

#Menu ul {
	text-align: center;
/* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
 	margin: 0 0 0 0;
 	padding: 0;


/* Just some margin to align the blue border below the menu */
}

#Menu li {
	display: inline;
	margin: 0;
	padding: 0;
	


	}

/* Menu links are horizontally aligned using display: inline */


#Menu li a {
    color: #000;
	text-decoration: none;
    padding: 5px 0px 5px 0px;
	font-size: 11px;
	background-image: url(../images/top-product-item-right_l.gif);
	background-position: top right;
	background-repeat: no-repeat;	
}


#Menu li a span {
	margin: 0;
    padding: 5px 20px 5px 30px;
	background-image: url(../images/top-product-item-left_l.gif);
	background-position: top left;
	background-repeat: no-repeat;
	


}




#Menu li a span.price {
	margin: 0;
    padding: 5px 0px 5px 0px;
	background-image: none;

	


}


#Menu li a span.new {
	margin: 0;
    padding: 5px 0px 5px 0px;
	background-image: none;	
	color: #cc3333;

}

#Menu li.selected a span.new {
	margin: 0;
    padding: 5px 0px 5px 0px;
	background-image: none;	
	color: #cc3333;

}



#Menu li.selected a {
color: #cc3333;
	text-decoration: none;
	font-size: 11px;
	background-image: url(../images/top-product-item-right-selected_l.gif);
	background-position: top right;
	background-repeat: no-repeat;	
}


#Menu li.selected a span {
	background-image: url(../images/top-product-item-left-selected_l.gif);
	background-position: top left;
	background-repeat: no-repeat;
	


}

#Menu li.selected a span.price {
	margin: 0;
    padding: 5px 0px 5px 0px;
	background-image: none;

	


}















.nav-2col {

width: 980px;
margin: 0 auto;
}

#nav-2col {
	margin-left: 0px;
}

#nav-2col {
	float: left;
	width: 980px;
	padding-left: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	height: 45px;
	background-color: #edeeed;
	background-image: url(../images/nav_footer.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#menu-2col {
	height: 41px;
	position: relative;
	font-size: 12px;
	margin: 0;
	z-index: 1000;
	float: left;
	padding-right: 0px;
	padding-left: 40px;
}

#menu-2col table.ie6 {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#menu-2col ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu-2col ul li {
	float: left;
	background-image: url(../images/top_repeat.gif);
	background-position: top right;
	background-repeat: repeat-x;
}

#menu-2col ul li a {
	display: block;
	float: left;
	padding: 0 15px 0 0;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	background: url(../images/top_right.gif) no-repeat right top;
}

#menu-2col ul li a b {
	display: block;
	float: left;
	padding: 0 0 0 15px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	background: url(../images/top_left.gif) no-repeat left top;
	cursor: pointer;
}

#menu-2col ul li div.holder {
	position: absolute;
	left: -9999px;
}

#menu-2col ul li div .leftSide {
	float: left;
	background: #ddd url(../images/dropLeft.gif) no-repeat left bottom;
}

#menu-2col ul li div .rightSide {
	float: left;
	margin-left: 5px;
	display: inline;
	padding: 0 12px 0 0;
	background: #aaa url(../images/dropRight.gif) no-repeat right bottom;
}

#menu-2col ul li:hover {
	position: relative;
}

#menu-2col ul li a:hover {
	color: #cc3333;
	background-position: right center;
	white-space: nowrap;
	position: relative;
}

#menu-2col ul li a:hover b {
	color: #cc3333;
	background-position: left center;
}

#menu-2col ul li a.sub:hover {
	color: #cc3333;
	background-position: right bottom;
	white-space: nowrap;
	position: relative;
}

#menu-2col ul li a.sub:hover b {
	color: #cc3333;
	background-position: left bottom;
}

#menu-2col ul li:hover > a {
	color: #cc3333;
	position: relative;
}

#menu-2col ul li:hover a.sub {
	color: #cc3333;
	background-position: right bottom;
	white-space: nowrap;
	position: relative;
}

#menu-2col ul li:hover a.sub > b {
	color: #cc3333;
	background-position: left bottom;
}

#menu-2col ul :hover div.holder {
	position: absolute;
	top: 27px;
	left: 0px;
	margin: 0;
	padding: 0;
}

#menu-2col ul li.right a:hover div.holder {
	left: auto;
	right: 0px;
	top: 27px;
}

#menu-2col ul li.right:hover div.holder {
	left: auto;
	right: 0px;
	top: 27px;
}

#menu-2col ul dl {
	width: auto;
	margin: 0px 0 20px 0;
	padding: 0 5px 0 7px;
	list-style: none;
}

#menu-2col ul dl dt {
	padding: 10px 10px 0 0px;
	margin: 0;
	line-height: 14px;
	background: transparent;
	color: #cc3333;
	white-space: nowrap;
	font-weight: bold;
}

#menu-2col ul dl dd {
	display: block;
	padding: 0;
	margin: 0;
}

#menu-2col ul dd a {
	background-image: none;
	display: block;
	height: 16px;
	line-height: 20px;
	color: #421;
	text-align: left;
	margin: 0;
	padding: 0 10px;
	font-weight: normal;
	white-space: nowrap;
	float: none;
}

#menu-2col ul dt a {
	background-image: none;
	display: block;
	height: 14px;
	line-height: 14px;
	color: #cc3333;
	text-align: left;
	margin: 0;
	padding: 0 0px;
	font-weight: bold;
	white-space: nowrap;
	float: none;
}

#menu-2col ul dd.parent a {
	background-image: none;
	display: block;
	height: 16px;
	line-height: 20px;
	color: #421;
	text-align: left;
	margin: 0;
	padding: 0 10px 0 0;
	font-weight: normal;
	white-space: nowrap;
	float: none;
}

#menu-2col ul dd a:hover {
	color: #cc3333;
	text-decoration: underline;
}

#menu-2col ul table td {
	vertical-align: top;
}

#menu-2col ul li.mini-logo a b {
	display: block;
	float: left;
	padding: 0 0 0 28px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	background: url(../images/top_mini_logo_left.gif) no-repeat left top;
	cursor: pointer;
}

.menu-header {
	background-color: transparent;
	height: 6px
}