/* @override 
	http://trouwartikelen-dev.local/skin/frontend/default/trouwartikelen/css/supermenu.css
	http://www.trouwartikelen.nl/skin/frontend/default/trouwartikelen/css/supermenu.css
	http://trouwartikelen-1-4.local/skin/frontend/default/trouwartikelen/css/supermenu.css
*/

/**
 * Raptor Commerce
 *
 * @category   Raptor
 * @package    Raptor_Supermenu
 * @copyright  Copyright (c) 2009 Raptor Commerce (http://www.raptorcommerce.com)
 */
 
#anav { padding:0px 20px; font: 13px lucida grande,arial,helvetica,sans-serif; font-weight: normal; }

/************** 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:1.3em; text-decoration:none; background: url(../images/arrow-down.gif) no-repeat right; }
#anav span { display:block; cursor:pointer; white-space:nowrap; }
#anav li ul span { white-space:normal; font-size:14px; font-weight: bold; margin-top: 0px; }
#anav li.level1 ul span { white-space:normal; font-size:12px; font-weight: normal; margin-top: 0px; /*margin-left: 5px;*/ }
#anav li.level1 ul li.level2.last span { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px #f5dddf solid; }

/* NEW */
#anav .box.columns { }
#anav .box .level1 { color: #782732; font-size: 14px; font-weight: bold; /*margin-bottom: 5px;*/ }
#anav .box .level2 { color: #9D394C; font-size: 12px; }
#anav .box .level2:hover { color: #ec8499; }
#anav .box .level3 { color: #9D394C; font-size: 12px; margin-left: 5px; }
#anav .box .level3:hover { color: #ec8499; }


/************ 0 LEVEL  ***************/
#anav li { float:left; display:inline; background:url(../images/nav_separator.gif) no-repeat 100%; padding-right:14px; padding-left:5px; padding-top: 5px; height: 32px; }
#anav li.active a { color:#fff; }
#anav a { float:left; padding:5px 18px 6px 8px; color:#fff; text-transform: uppercase; }
#anav li.over a,
#anav a:hover { color:#fff; }
#anav li.nav-search { padding: 3px 0 0 0; height: 34px; }

/************ 1ST LEVEL ************/
#anav ul li,
#anav ul li.active { float:left; padding-bottom:1px; background: none; padding: 0 0; height: 100%; }
 /*#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:none; text-transform: capitalize; font-size: 12px; color: #9B394C; font-weight: normal; }
#anav ul li a { font-weight:normal !important; font-size: 12px; color: #9B394C; font-weight: normal; }

/************ 2ND LEVEL ************/
#anav ul { position:absolute; width:20em; top:37px; left:-10000px; border:0px; background-color: #ECBFC2; margin-top: 0px; padding: 10px 0; opacity:0.95; filter:alpha(opacity=95); }
#anav ul #primary.wrap { background: url(../images/supermenu-bg.gif); }
#anav ul ul { padding: 0 0; }

#anav ul.dropdown { width: 951px !important; }
#anav ul.dropdown .nav-wrapper { float: left; width: 100%; background: url(../images/nav-bg.jpg); opacity:0.95; filter:alpha(opacity=95); }

/* Show menu */
#anav li.over > ul.categorie { left: -220px; margin: 0 auto; }
#anav li.over > ul.thema { left: -337px; margin: 0 auto; }
#anav li.over > ul li.over > ul { left: 0px; }
/* #anav li.over ul ul { left:-10000px; } */
 
#anav ul li a { color: #711f2b !important; font-size: 12px; font-weight: normal; }
#anav ul li a:hover { color: #9B394C !important; font-size: 12px; font-weight: normal; }
#anav ul span, #anav ul li.last li span { padding:2px 15px 2px 15px; margin-right: 10px; }
#anav li.columns { width:12em; }
#anav li.columns ul { width:189px !important;  }
#anav li li li li span { padding:0 0 0 12px; }


/************ 3RD+ LEVEL ************/
#anav ul ul { border: 0px; left:0; position: relative; top:0; background: none; width: 242px; border-right: 1px solid #f5dddf; width:189px !important; height: auto; }
#anav ul ul li { float: none; width:189px !important; }
#anav ul ul ul { margin-left: 10px; border-right: 0; }
#anav ul ul ul.level2, #anav ul ul ul.level3 { width: auto; margin-top: 0px; }
#anav ul ul ul li a { color: #9B394C !important; font-size: 10px; line-height: 200%; }
#anav ul ul ul li a:hover { color: #EC7E97 !important; font-size: 10px; line-height: 200%; }

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

/************* Masonry **********/
.wrap {
	/*-moz-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0;
	border:0 solid #445566;
	margin-bottom:20px;
	padding:10px;*/
	width: 100%;
	height: 400px;
}
.box {
	/*-moz-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0;*/
	/*float: left;*/ 
	padding: 0 4px; 
	margin: 0 8px;
	width: 165px; /*237px;*/
	/*font-size:11px;
	margin:5px;
	padding:5px;*/
}