/**

 * Magento

 *

 * NOTICE OF LICENSE

 *

 * This source file is subject to the Open Software License (OSL 3.0)

 * that is bundled with this package in the file LICENSE.txt.

 * It is also available through the world-wide-web at this URL:

 * http://opensource.org/licenses/osl-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/osl-3.0.php  Open Software License (OSL 3.0)

 */




/*.header-nav { 
background: url(http://www.happywrappers.co.uk/skin/frontend/default/default/images/base_mini_head_bg.gif) no-repeat; width:224px; height:48px; border:1px solid red;}*/

#nav { padding:0 0; font-size:1.1em; width:247px; border:1px solid #6b277d; clear:both; margin:0 0 10px 0; }

#nav img {margin:-1px 0 0 -1px; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */

#nav li {
position: relative; 
text-align:left; 
display:inline-block; 
padding:4px 0 1px 20px ;
width:227px;

background:#fff url(http://www.happywrappers.co.uk/skin/frontend/default/default/images/libg.gif) no-repeat; 
}

#nav li ul a { color:#6B277D;}

#nav li ul li.active { color:#6B277D;}

#nav li.over { z-index:999; }

#nav a{ display:block; line-height:1.3em; text-decoration:none; color:#ba80c9;  }

#nav a:hover { display:block; line-height:1.3em; text-decoration:none; color:#ba80c9;  }

#nav span { display:block; cursor:pointer; white-space:nowrap; }

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




/************ 0 LEVEL  ***************/

#nav li { float:left;  }

#nav li.active a { color:#ba80c9; }

#nav a { float:left; padding:5px 12px 6px 8px; color:#6b277d; font-weight:bold; }



#nav a:hover { color:#ba80c9; font-weight:bold;}



/************ 1ST LEVEL ************/

#nav ul li { float:left;  }

#nav ul li.active { float:left; color:#ba80c9;}

/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; border-bottom:1px solid red;}
*/
#nav ul li.last {  padding-bottom:0; border:0px; }



#nav ul a,

#nav ul a:hover { float:none; padding:0; background:none; color:#ba80c9;}

#nav ul li a {  font-weight:bold !important; }


/************ 2ND LEVEL ************/

#nav ul { position:absolute; width:247px; top:0px; left:-10000px; border:1px solid #6b277d; margin:0 0 0 0; }



/* Show menu */

#nav li.over {z-index:999;   }

#nav li.over > ul { left:200px; }

#nav li.over > ul li.over > ul { left:190px; }

#nav li.over ul ul { left:-10000px; }



#nav ul li a { padding:0 0 3px 0; color:#6b277d; }

#nav ul li a:hover { padding:0px 0 3px 0px ; }

#nav ul li a { color:#6b277d; font-weight:bold; !important; } /*Applies Link Color to Second Level*/ 

#nav ul li a:hover { color:#ba80c9; font-weight:bold; !important; } /*Applies Hover Color to Second Level*/

#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px; }



/************ 3RD+ LEVEL ************/

#nav ul ul { top:5px; }



div {position:relative}

div.header-top div#facebook {position:absolute; left:10px; top:0px;}

div.header-top {padding-top:6px; }

#facebook {font-size:90%; padding:0 0 6px 50px; margin:0 auto; margin:-3px 0 0 0; }

#facebook a:link, #facebook a:visited {font-weight:bold;color:#67216f; text-decoration:none;}

#facebook a:hover {font-weight:bold;color:#a55bbb; text-decoration:underline;}



#facebook img{vertical-align:middle;padding-right:5px;}