/**
 * Raptor Commerce
 *
 * @category   Raptor
 * @package    Raptor_Supermenu
 * @copyright  Copyright (c) 2009 Raptor Commerce (http://www.raptorcommerce.com)
 */
 
#anav { font-size:11px; margin:0 auto; /* padding:0 16px; */ width:980px; height:45px; font-family: Arial; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#anav li { position:relative; text-align:left; }
#anav li.over { z-index:999; }
#anav a,
#anav a:hover { display:block; line-height:115%; text-decoration:none; }
#anav span { display:block; cursor:pointer; white-space:nowrap; }
#anav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#anav li { /*float:left; text-transform: uppercase;*/ float: left; padding:15px 16px; text-align: center; /*text-transform: uppercase; width: 11.11%;  width:auto;*/}
#anav > li.active > a { color:#ffffff; /*color:#B8AF8E;  background-color: #F5F5F5; border-top: 1px solid #eee; border-bottom: 1px solid #ccc;*/ }
#anav a { color:#30253b; font-family:"Lucida Sans Unicode"; font-size:14px; 
/*float:left;*/
font-weight:normal;
/*padding:5px 12px 6px 8px;*/ }
#anav > li.over > a,
#anav > a:hover, #anav > li > a:hover { color: #B8AF8E; }

#anav li.active { 
	background:#2f243a;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	behavior: url(/media/pie.htc);
}

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

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

/************ 2ND LEVEL ************/
#anav > li > ul { position:absolute; width:25em; top:45px; left:-10000px; z-index: 999; /*border:1px solid #ccc;*/ /*background: #f5f5f5 url(../images/topmenu/nav_bg_break_rep.png) repeat-x bottom;*/ padding: 0; /*-moz-box-shadow: 0 3px 3px #ccc; -webkit-box-shadow: 0 3px 3px #ccc;*/}

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

/* #anav ul li a { background:#0A263D; } */
/* #anav ul li a:hover { background:#d5e4eb; } */
#anav ul li a { color: #333; background-color: none; border: 0; }
#anav ul li a:hover { color: #333; background-color: none; border: 0; }
#anav ul span, #anav ul li.last li span { padding:0px 15px;}
#anav li.columns { float:left; width:146.5px; }
#anav li.columns ul { width: auto; }
#anav li.level0_header {font-weight: bold; width: 293px; padding: 0; /*border-bottom: 1px dotted #D4D4D4; color: #aaa; */text-align:left !important; margin-top:2px; }
#anav li ul li.col_1 {/*border-left: 1px dotted #D4D4D4;*/}
#anav li li li li span { padding:0 0 0 12px; }
#anav li li li a:hover { text-decoration: underline;}

#anav li.level0 ul.level0 li.columns { padding:0; text-align:left;}

#anav li.level0 ul.level0 li.columns ul li .nm-left{

}

#anav li.level0 ul.level0 li.level1{ 
	/*float:left !important;*/
	clear:both; 
	padding:0; 
	height:26px;
}


/************ 3RD+ LEVEL ************/
#anav ul ul { border: 0px; left:0; position: relative; top:0; background: none; }
#anav ul ul li { float: none; width:auto; }
#anav ul ul ul { margin-left: 10px; }
#anav ul ul ul li a { color: #FFFFFF !important; font-size: 0.95em; }

/** ie6 hack */
#anav li.over ul.shown-sub { left:0; }
#anav li.over li li ul.shown-sub { left:100px; }



/* Super Menu Child */
#anav ul.level0 .full-width { background: url("../images/topmenu/nav_child_bg_rep.png") repeat-y scroll 0 0 transparent; width:293px; height:auto; }
#anav .level0 ul.level0 .level0_header .lh_top{  background: url("../images/topmenu/nav_break_curve_bg.png") no-repeat scroll 0 0 transparent; height: 12px;  margin: 0; padding: 0; width: 293px; }
#anav .level0 ul.level0 .level0_header .lh_mid{ background: url("../images/topmenu/nav_dropdown_subtitle_bg.png") no-repeat scroll 0 0 transparent; width:293px; height:34px; }
#anav .level0 ul.level0 .level0_header .label { color: #ffffff; font-family: "Cuprum"; font-size: 14px; font-weight: normal; margin-left: 15px; padding: 0; position: absolute; top: 8px; cursor:default; }


#anav .level0 ul.level0 ul li.level1 a { 
	/*margin-left:19px;*/ 
	text-align: left;
}


#anav .level0 ul.level0 ul li.level1 a span { height:22px; width:129px; padding:0; text-align:left; color:#6C6B6B; font-size:12px; }

#anav .level0 ul.level0 .level0_footer {  background: url("../images/topmenu/nav_child_bottom_bg.png") no-repeat scroll 0 0 transparent; height: 22px;  margin: 0; padding: 0; width: 293px; }
#anav .level0 .full-width { padding:0; width:100%; }
#anav .level0 .full-width ul { margin-top:12px; }
#anav .level0 .full-width ul li.columns ul { margin-top:0; }
#anav .level0 .full-width .col_0 ul  { margin-left:12px; float:left; }
#anav .level0 .full-width .col_1 ul  { margin-left:0; float:left; }

#anav .level0:hover a{ color:#867643; }


/* CMS Menu */
#anav .level0 li.cms-menu ul li.columns  ul{ margin-left:0; }
#anav .level0 li.cms-menu ul li.columns:first-child ul{
	margin-left:12px;
}


/* Level 0 Hover */
#anav li.level0 ul.level0 { top:40px; }
#anav li.hasChildren:hover { padding:5px 3px 0; }
#anav .hasChildren:hover .l0_left{
	background: url("../images/topmenu/nav_dropdown_title_bg_left.png") no-repeat scroll 0 0 transparent;
	width:11px; height:41px; float:left;
}
#anav .hasChildren:hover .l0_mid{
	background: url("../images/topmenu/nav_dropdown_title_bg_rep.png") repeat-x scroll 0 0 transparent;
	width:auto; height:31px; float:left; padding:10px 2px 0;
}
#anav .hasChildren:hover .l0_right{
	background: url("../images/topmenu/nav_dropdown_title_bg_right.png") no-repeat scroll 0 0 transparent;
	width:11px; height:41px; float:left;
}
#anav .hasChildren:hover .l0_mid a {
	color:#ffffff !important;
}

/* Level 0  Active */
#anav li.active  .l0_mid a { color:#ffffff; }


/* Child nav hover */

#anav .level0 .full-width .columns .level1 a:hover { text-decoration:none; line-height:100%; width: auto;}

#anav .level0 .full-width .columns .level1:hover .nm-left{
	background: url("../images/topmenu/submenuHighlight.png") no-repeat scroll 0 0 transparent;
	width:9px; height:22px; float:left;
}
#anav .level0 .full-width .columns .level1:hover .nm-mid{
	background: url("../images/topmenu/submenuHighlight.png") repeat-x scroll 0 50% transparent;
	height:22px; float:left; width:115px;
}
#anav .level0 .full-width .columns .level1:hover .nm-right{
	background: url("../images/topmenu/submenuHighlight.png") no-repeat scroll 0 100% transparent;
	width:9px; height:22px; float:left;
}

#anav .level0 .full-width .columns .level1:hover  a span{
	padding-left:7px !important;
	position:relative; 
	line-height:100%; 
	padding-top:5px !important;
	width: auto;
}


#anav .level0 .full-width .columns .level1 a span{
	 line-height:100%; 
	 padding-top:5px; 
	 padding-left:16px;
	 width: auto;
}


/*********************************************************/
/*					UPSELL LISTING				 	 */
/*********************************************************/

.box-collateral #htp-grid-row {
	width: 690px;
	height: auto;
	padding: 0;
	margin: 0 0 0 15px;
}

.box-collateral #ultop{
	display: block;
	width: 690px;
	height: 10px;
	background: url(../images/inpage_itembox_top_bg.jpg) no-repeat top left;
}

.box-collateral #ulmid {
	display: block;
	width: 690px;
	height: auto;
	background: url(../images/inpage_itembox_bg_rep.jpg) repeat-y top left;
	
}


.box-collateral #ulbottom{
	clear: both;
	display: block;
	width: 690px;
	height: 11px;
	background: url(../images/inpage_itembox_bottom_bg.jpg) no-repeat top left;
}

.box-collateral #htp-grid-row li {
	
	text-align: left;
	height: 372px;
	width: 215px;
	padding: 0;
	margin: 0 .75em 0 0;
	float: left;
}


.box-collateral #htp-grid-row li #topitem{
	height: 9px;
	width: 215px;
	background: url(../images/itembox_bg_top.png) no-repeat;
}

.box-collateral #htp-grid-row li #miditem{
	height: 325px;
	width: 215px;
	background: url(../images/itembox_bg_rep-49.png) repeat-y;
}

.box-collateral #htp-grid-row li #miditem .price-box{
	text-align: center;
	width: 210px;
}

.box-collateral #htp-grid-row li #miditem .product-image{
	vertical-align: bottom;
	height: 185px;
	width: 185px;
	margin: 0 0 0 12px;
	background-color: #FFF;
	border:1px solid #e8e8e8;
	text-align: center;
}

.box-collateral #htp-grid-row li #miditem h5{
	font-weight: normal;
}

.box-collateral #htp-grid-row li #miditem h5.topmargin{	
	margin: 29px 0 0 12px;
	height:34px;
	overflow:hidden;
	width: 190px;
}

.box-collateral #htp-grid-row li #miditem h5 a{
	font-size: 15px;
	width: 180px;
	color: #4d4d4d;
	line-height:100%;
	font-weight: normal;
}

.box-collateral #htp-grid-row li #miditem .old-price{
	clear:both;
	margin: 10px 0 0 0;
	padding: 0;
	height: 12px;
	width: 210px;
}


.box-collateral #htp-grid-row li #miditem .special-price{
	margin-top: 5px;
	width: 210px;
}


.box-collateral #htp-grid-row li #miditem .special-price .price-label{
	font-size: 17px; 
	color: #575757;
	font-weight:normal;
}

.box-collateral #htp-grid-row li #miditem .special-price .price{
	font-family: 'Cuprum', arial, serif;
	font-size: 24px; 
	color: #aeaeae;
	font-weight:normal;
}



.box-collateral #htp-grid-row li #bottomitem {
	background:url(../images/itembox_bg_bottom_h10.png) no-repeat 0 0 scroll transparent !important;
	height:13px !important;
	width:216px !important;
}

.box-collateral #htp-grid-row li #bottomitem button{
	-webkit-border-radius:0;
	-webkit-box-shadow:0 0 transparent;
	-moz-border-radius:0;
	-moz-box-shadow:0 0 0 transparent !important;
	border-radius: 0; 
	box-shadow: 0 0 transparent; 
	border:none;
	height: 43px;
	width: 215px;
	background: url(../images/itembox_bg_bottom_sprite.png) no-repeat scroll -2px center transparent;
	border: 0;
	margin-left:0;
}


.box-collateral #htp-grid-row li #bottomitem button{
	background-position:0 0;
	display:none;
}

.box-collateral #htp-grid-row li #bottomitem button:hover{
	background-position:-2px 100% !important;
}

.box-collateral #htp-grid-row li #bottomitem button span{
	display:none;
	margin: 0;
	position: relative;
	font-size: 15px;
	bottom: 3px;
}

.box-collateral #htp-grid-row li:hover #bottomitem button{
	background-position:-2px center;
	display:block !important;
	margin: 0;
	border: 0;
	padding: 0;
	width: 215px;
}

.box-collateral #htp-grid-row li:hover #bottomitem button span{
	display:block;
}

/*
.box-collateral #upsell-product-table td #miditem .old-price .price-label{
	color: #6a6a6a;
	height: 12px;
	line-height: 12px;
	position: relative;
	top: -3px;
}

.box-collateral #upsell-product-table td #miditem .old-price .price{
	color: #858585;
	height: 12px;
	line-height: 12px;
	position: relative;
	top: -3px;
}
*/

