/* Mega Menu Style
/* Version 0.2
*/

/*Reset*/

a.no-dec{
text-decoration: none;
}

.header-menu #megamenu li a, .menu #megamenu ul li label, .menu #megamenu ul li input{
	background: transparent;
	color:  #392525;
}

/*Basics*/

body:first-of-type .header-menu li a.active {
	padding:0 19px;
}

img { -ms-interpolation-mode:bicubic }

/* IE HACK */

#megamenu {
	position: absolute;
	top:41px;
	height: auto;
	padding:0 0 0 0;
	background: transparent;
	z-index:200;
}

html>body #megamenu {
	top:40px;
}

.hovering div {
	display: block;
}

div#megamenu, div#megamenu * {
	line-height: 1;
}
div#megamenu ol, div#megamenu ul, div#megamenu * ol, div#megamenu * ul {
	list-style: none;
}
div#megamenu blockquote, div#megamenu q, div#megamenu * blockquote, div#megamenu * q {
	quotes: none;
}

/* remember to define focus styles! */
div#megamenu :focus, div#megamenu * :focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
div#megamenu ins, div#megamenu * ins {
	text-decoration: none;
}
div#megamenu del, div#megamenu * del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
div#megamenu table, div#megamenu * table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Menues*/

.subnav_2c, .subnav_3c, .subnav_4c {
    display: none;
    height: 100%;
    background: #FFFFFF;
	padding-bottom: 10px;
}

.subnav_2c {
	width: 480px;
	left: -117px;
}

.we_are {
	width: 480px;
	left: -31px;
}

.subnav_3c {
	width: 720px;
	left: -30px;
}

.tchocolate.subnav_3c {
	width: 720px;
	left: -48px;
}

.buy {
	left: -463px;
}
    
.subnav_4c {
	width: 960px;
	left:-498px;
}

.ff3 .subnav_4c {
	width: 964px;
	left:-516px;
}

.mac.opera .subnav_4c {
	width: 960px;
	left:-502px;
}

.win.ff3 .subnav_4c {
	width: 960px;
	left:-498px;
}

.subnav_3c.we_are{
	width: 730px;
	left: -157px;
}

.ff3 .subnav_3c.we_are{
	width: 730px;
	left: -153px;
}

/* Arrows */

div#megamenu .arrowdown {
	position:absolute;
	width:20px;
	height:10px;
	z-index:300;
	font-size: 3px;
}

div#megamenu.tchocolate .arrowdown {
	top:0px; left:85px;
	background:url(/img/megamenu/arrow_down_chocolatey.gif);
}

div#megamenu.we_are .arrowdown {
	top:0px; left:179px;
	background:url(/img/megamenu/arrow_down_brown.gif);
}

div#megamenu.pro_whole .arrowdown {
	top:0px; left:171px;
	background:url(/img/megamenu/arrow_down_blue.gif);
	}
div#megamenu.gifts .arrowdown {
	top:0px; left:531px;
	background:url(/img/megamenu/arrow_down_green.gif);
}
div#megamenu.buy .arrowdown {
	top:0px; left:480px;
	background:url(/img/megamenu/arrow_down_pink.gif);
}


/*List Styling*/

.menu #megamenu ul{
	width: 239px;
	float:  left;
	display: block;
	height: 100%;
	margin-right: 1px;
}

.menu #megamenu ul li ul li{
	height:auto;
	line-height:1.3em;
	padding: 8px 0 6px 0;
	width:  239px;
	display:block;
	border-bottom: 1px solid #eee;
	background: #f6f6f6 url(/img/megamenu/mega_li_bg2.gif) top left no-repeat;
}

.menu #megamenu ul li ul li.last{
	border-bottom: 0px solid #e6e6e6;
}
.menu #megamenu ul li ul li:hover, .menu #megamenu ul li ul li.mmhover{
	background-color: #fff;
	background: url(/img/megamenu/side_arrow.gif) left center no-repeat;
}

.menu #megamenu ul li ul li.mmhover a, .menu #megamenu ul li ul li:hover a{
	text-decoration: underline;
}

.menu #megamenu ul li ul li.title, 
.menu #megamenu ul li ul li.title:hover{
	background-color: #e0e0e0;
	width: 210px;
	padding: 0 15px 0 15px !important;
	background: #e0e0e0;
	height:  40px;
	line-height: 41px;
}

* html .menu #megamenu ul li ul li.title, * html .menu #megamenu ul li ul li.title:hover{
	width: 239px;
}

/*Links*/
.menu #megamenu ul li ul li a{
	display:block;
	padding:  0 15px 0 15px;
	font-size: 13px;
	font-weight: normal;
	width: 209px; 
	line-height: 1.3em;
	height:  auto;
}

.menu #megamenu ul li a.image{
	display:block;
	width: 64px;
	height: 64px;
	padding:  0 8px 2px 15px;
}
.menu #megamenu ul li a.imagebuy{
	display:inline;
	margin:  2px 0 2px 70px;  top: -31px
}

.menu #megamenu ul li a.item_desc{
	display:clock;
	font-size: 13px;
	font-weight: normal;
	width: 135px;
	padding:  0 15px 0 0;
	height: 64px;
}

/*Form*/
.menu #megamenu ul li label, .menu #megamenu ul li input{
	margin: 0 15px 0 15px;
}

.menu #megamenu ul li input{
	border: 1px solid #c2c2c2;
}

/*Main List */
.header-menu li.menu a.tchocolate:hover, .header-menu li.menu:hover a.tchocolate{
	background: #442200;
	color: #fff;
}

.header-menu li.menu a.blog:hover, .header-menu li.menu:hover a.blog{
	background: #ff4100;
	color: #fff;
}

.header-menu li.menu a.we:hover, .header-menu li.menu:hover a.we{
	background: #945800;
	color: #fff;
}

.header-menu li.menu a.pro:hover, .header-menu li.menu:hover a.pro{
	background: #0082ba;
	background-color: #0082ba;
	color: #fff;
}

.header-menu li.menu a.buyit:hover, .header-menu li.menu:hover a.buyit{
	background: #d8007e;
	color: #fff;
}

.header-menu li.menu a.gifts:hover, .header-menu li.menu:hover a.gifts{
	background: #736c00;
	color: #fff;
}

.menu #megamenu ul li a.blue{
	color: #3366FF;
	font-size:  11px;
}

/* IE HACK */

.subnav_2c ul, .subnav_3c ul, .subnav_4c ul {
	float: left;
	width: 239px;
	background: transparent;
}

div#megamenu li, div#megamenu * li {
	width: 239px;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	height: auto;
}

div#megamenu.subnav_2c ul.frame, div#megamenu.subnav_2c li.frame-fin{
width: 490px;
background-color: transparent;
}

div#megamenu.subnav_2c li.frame{
	width: 480px;
}

div#megamenu.subnav_3c ul.frame, div#megamenu.subnav_3c li.frame-fin{
width: 730px;
background-color: transparent;
}

div#megamenu.subnav_3c li.frame{
	width: 720px;
}

div#megamenu.subnav_4c ul.frame, div#megamenu.subnav_4c li.frame-fin{
width: 970px;
background-color: transparent;
}

div#megamenu.subnav_4c li.frame{
	width: 960px;
}

div#megamenu.subnav_2c li.frame-fin{
	background-image: url(/img/megamenu/bg_frame_2c_bt.png);
}

div#megamenu.subnav_3c li.frame-fin{
	background-image: url(/img/megamenu/bg_frame_3c_bt.png);
}

div#megamenu.subnav_4c li.frame-fin{
	background-image: url(/img/megamenu/bg_frame_4c_bt.png);
}

div#megamenu ul.frame{
	background-image: url(/img/megamenu/bg-frame.png);
	background-color: transparent;
}

div#megamenu li.frame{
	margin:  0 5px 0 5px;
	padding: 0;
	background-color: transparent;
	background-image: url(/img/megamenu/bg-frame-li.png);
	background-size: 100%;
}

div#megamenu li.frame:hover{
	background-image: url(/img/megamenu/bg-frame-li.png);
	background-size: 100%;
	}

div#megamenu li.frame-fin{
	height: 5px;
	font-size: 1px;
	line-height: 5px;
	height: 5px;
	padding: 0;
	border-bottom: 0px solid #fff;
	background-size: 100%
}