/**
 * skin/frontend/default/default/css/menubuilder.css
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Licence that is bundled with 
 * this package in the file LICENSE.txt. It is also available through 
 * the world-wide-web at this URL: http://www.tsdesigns.de/license
 * 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@tsdesigns.de so we can send you a copy immediately.
 *
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * versions in the future. If you wish to customize Magento or this extension for your
 * needs please refer to http://www.magentocommerce.com or http://www.tsdesigns.de
 * for more information.
 * 
 *
 * @category TSDesigns
 * @package TSDesigns_MenuBuilder
 * @author Tobias Schifftner, TSDesigns
 * @license http://www.tsdesigns.de/license
 * @copyright This software is protected by copyright, (c) 2011 TSDesigns.
 * @version 1.6.0 - 2011-10-21 10:31:26
 *
 */
/*
 * This CSS is based on the original code of magento
 */

div.overlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(../images/bkg_menu_overlay.png);
	display:none;
	z-index:1500;
}

/******** Horizontal Menu *********/

ul.nav-horizontal { 
	background:url(../images/bkg_nav0.jpg); height:32px; width:100%; margin:0; padding:0; line-height:16px; position:relative; z-index:1500;
}

/************** ALL LEVELS  *************/ 
/* Style consistent throughout all nav levels */
ul.nav-horizontal li { list-style:none; text-align:left; }
ul.nav-horizontal li.normal{ position:relative; }
ul.nav-horizontal li.over { z-index:999; }
ul.nav-horizontal a,
ul.nav-horizontal a:hover { display:block; font-size:12px; line-height:16px; text-decoration:none; }
ul.nav-horizontal span { cursor:pointer; white-space:nowrap; }
ul.nav-horizontal li ul span {white-space:normal;  }
ul.nav-horizontal li ul span.view-all{ background: url("../images/arrow-white-right.png") no-repeat scroll right center #FF7F00;
color: #FFFFFF;
display: inline-block;
font-size: 14px;
line-height: 25px;
padding: 0 30px 0 10px;
text-transform: capitalize; }
ul.nav-horizontal li ul span.view-all:hover{
	background-color:#424242;
}
ul.nav-horizontal li ul span.icon { 
	padding:10px 0; 
	font-family: vegurbold,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	min-height:42px;
	display:block;
}
ul.nav-horizontal li ul span:hover{ }

ul.nav-horizontal li.level0 { text-transform:uppercase; }
ul.nav-horizontal li.level1 { text-transform: none; }

ul.nav-horizontal li.level0.parent span { }
ul.nav-horizontal li li span.parent { }
ul.nav-horizontal li.level0.parent a.level0 { }

ul.nav-horizontal li img.image { }


/************ 0 LEVEL  ***************/
ul.nav-horizontal li { float:left; border-right:2px solid #424242; border-left:2px solid #252525; }
ul.nav-horizontal li.first {border-left:none;}
ul.nav-horizontal li.last {border-right:none;}
ul.nav-horizontal li.active a { color:#fff; background:url(../images/bkg_nav1.gif) 0 100% repeat-x; }
ul.nav-horizontal a { float:left; padding:8px 26px; color:#fff; margin:0; zoom:1; width:auto; }
ul.nav-horizontal li.over a,
ul.nav-horizontal a:hover { color:#fff; background:url(../images/bkg_nav1.gif) 0 100% repeat-x; text-decoration:none; }

ul.nav-horizontal li.active {  }
ul.nav-horizontal li.over {  }
ul.nav-horizontal li.last {  }

ul.nav-horizontal ul { }


/************ 1ST LEVEL ************/
ul.nav-horizontal li ul { background-color:#424242; position:absolute; width:20em; top:32px; left:0; display:none; }
ul.nav-horizontal li.with-images ul { background-color:#fff; position:absolute; width:auto; border:2px solid #ececec; border-top:4px solid #ffb873; }

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

ul.nav-horizontal li ul li,
ul.nav-horizontal li ul li.active { float:none; margin:0; border-bottom:2px solid #252525; border-left:none; border-right:none; }
ul.nav-horizontal li ul li.over { }
ul.nav-horizontal li ul li.last { }

ul.nav-horizontal li ul li.last,
ul.nav-horizontal li ul li.over.last { border-bottom:0; }
ul.nav-horizontal li ul a,
ul.nav-horizontal li ul a:hover { float:none; padding:8px 10px; }
ul.nav-horizontal li ul li a { font-weight:normal !important; }

ul.nav-horizontal li.with-images ul li,
ul.nav-horizontal li.with-images ul li.active { float:left; width:157px; border:none; border-right:2px solid #ececec; text-align:center; }
ul.nav-horizontal li.with-images ul li.last { border:none; }

ul.nav-horizontal ul li a { background:none !important; }
ul.nav-horizontal ul li a:hover { background:#ff7f00 !important; }
ul.nav-horizontal ul li a,
ul.nav-horizontal ul li a:hover { color:#ffffff !important; }
ul.nav-horizontal ul span, 
ul.nav-horizontal ul li.last li span { }

ul.nav-horizontal .with-images ul li a,
ul.nav-horizontal .with-images ul li a:hover { color:#424242 !important; padding:10px; background:none !important; }

/*
ul.nav-horizontal li li.parent a { background: url('../images/menubuilder/i_nav-parent.gif') 100% 100% no-repeat; }
*/

/************ 3RD+ LEVEL ************/
ul.nav-horizontal ul ul { top:5px; }

/* IE FIX Menu Show */
* html ul.nav-horizontal li.over > ul { left:0; top:30px; }
ul.nav-horizontal li.over ul.shown-sub { left:0; }
ul.nav-horizontal li.over li ul.shown-sub { left:100px; }

* html ul.nav-horizontal ul li,
* html ul.nav-horizontal ul a,
* html ul.nav-horizontal ul span { height: 18px; }

* html ul.nav-horizontal ul li.parent { border-bottom: 1px dotted #899ba5; }
* html ul.nav-horizontal ul li.last { border-bottom: 0; }

ul.nav-horizontal li a span.icon {  }

/*** Fix IE6 **/
* html ul.nav-horizontal li a span.icon { padding-left: 5px; }


/************** VERTICAL MENU  *************/ 
ul.nav-vertical { float:left; width:195px; margin:0; padding:0; font-size:1.05em; z-index:999; width:15em;  } 


/************** ALL LEVELS  *************/ 
/* Style consistent throughout all nav levels */
ul.nav-vertical li { float:left; list-style:none; position:relative; left:0; top:0; text-align:left;  }
ul.nav-vertical li.over { z-index:999; }
ul.nav-vertical a,
ul.nav-vertical a:hover { width:192px; display:block; line-height:1.3em; text-decoration:none; }
ul.nav-vertical span { display:block; cursor:pointer; white-space:nowrap; padding-top: 2px; }
ul.nav-vertical li ul span { white-space:normal; }

ul.nav-vertical span.parent { background: url('../images/menubuilder/i_nav-parent.gif') 100% 100% no-repeat; }

ul.nav-vertical li img.image { float:left; position:relative; top:5px; left:9px; }
ul.nav-vertical li img.image.level0 { float:left; position:relative; top:8px; left:9px; }

/************ 0 LEVEL  ***************/ 
ul.nav-vertical li { float:left; margin:0; padding-bottom:0px; border-bottom:1px dotted #A0B3C3; background-color:#ecf3f6; }
ul.nav-vertical li a { float:left; padding:0; color:#006699; font-weight:bold; }
ul.nav-vertical li a span { padding:5px 12px 6px 8px;  }
ul.nav-vertical li a span.level0 { padding:8px 12px 9px 8px;  }
ul.nav-vertical li.over a,
ul.nav-vertical li.active a,
ul.nav-vertical a:hover { color:#d96708; }

ul.nav-vertical li.active,
ul.nav-vertical li.over { border-bottom:1px dotted #A0B3C3; background-color:#d5e4eb; }
ul.nav-vertical li.last { background:#ecf3f6; padding-bottom:0; border-bottom:none; }


/************ 1ST LEVEL ************
ul.nav-vertical ul li { float:left; margin:0; padding-bottom:0px; border-bottom:1px dotted #A0B3C3; background-color:#ecf3f6; }
*/
ul.nav-vertical ul a,
ul.nav-vertical ul a:hover { margin:0; width:192px; float:none; padding:0; background:none; }
ul.nav-vertical ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
ul.nav-vertical ul { background-color:#ecf3f6; position:absolute; width:192px; top:15px; left:-10000px; border:1px solid #899ba5; }

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

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

/************ 3RD+ LEVEL ************
ul.nav-vertical ul ul { top:5px; }
ul.nav-vertical li li li.parent a { background: url('../images/menubuilder/i_nav-parent.gif') 100% 100% no-repeat; }
ul.nav-vertical li li li.parent li a { background-image:none; }

ul.nav-vertical ul ul li a:hover { background:#d5e4eb; }
ul.nav-vertical ul ul li a:hover { color:#2f2f2f !important; }
*/


/* IE FIX Menu Show */
ul.nav-vertical li.over ul.shown-sub { left:125px; }
ul.nav-vertical li.over li ul.shown-sub { left:100px; }

ul.nav-vertical li a span.icon { margin-left: 30px; border:0px solid red; }

/*** Fix IE6 **/
ul.nav-vertical li a span.icon { padding-left: 5px; }


/************** LINK LIST  *************/
div.nav-link-list img { position:relative; top:4px; }


/* Example */
.mini-menubuilder-menu:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.mini-menubuilder-menu { padding:0; }
.mini-menubuilder-menu .head { }
.mini-menubuilder-menu .content { padding:0; margin:0; width:90%; }

.col3-layout .home-spot { margin-left:0; }