/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://themeforest.net/user/Keliah
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 2.1
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLINGS
04 CONTACT FORM

*/



/*  ______________________________________

	01 MENU BAR
    _______________________________________  */
.menu {	list-style:none; float:right; color:#1a1206;margin-right:70px;height:70px;  }
.menu li { float:left;}
.menu li:hover { z-index:22; }
.menu li.submenu{    background: url("../images/bkg_nav_li.jpg") no-repeat scroll right center transparent;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    height: 70px;padding:0 20px 0 0;margin-left:20px;position:relative;  }
.menu li.submenu:hover a.drop{background: url( ../images/bkg_shownsub.png) bottom center no-repeat;}
.menu li.last.submenu{background:none}	
.menu .submenu:hover a{ text-decoration:none;}
.menu  .submenu a.sub-a{ font-size:14px; padding:0; text-decoration:none !important;}
.menu .submenu a{ text-transform:uppercase; padding:6px 17px 20px; display:block; color:#3d3d3d; font-size:14px;font-family:Arial,Helvetica,sans-serif;}
.menu .submenu a.drop{  color: #FFFFFF;
    font-family: MyriadProRegular,Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 70px;
    line-height: 70px;padding:0;
    text-decoration: none;
    text-transform: uppercase;}
.menu li.submenu div a { color: #383838; outline:0; text-decoration:none; display:block;	font-size:11px;	text-transform:capitalize;  padding:0 0 0 10px ; background:none;  }
.menu li div a.drop,.menu li ul.levels li.parent ul li.parent ul li a,.menu li ul.levels li.parent ul li a{ background:none; }	
.menu li ul.levels li.parent a,.menu li ul.levels li.parent ul li.parent a,ul.levels li a.parent{ margin-right:7px;}
.menu li.submenu div a:hover{text-decoration:underline}

/* Right aligned menu item */

.menu .right { float:right; right:0; margin-right:0px; }
.menu li span{ text-transform:capitalize; color:#000; font-size:12px; }
/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */

/* Left & right aligned common styles */

.menu .dropdown_1columns, 
.menu .dropdown_2columns, 
.menu .dropdown_3columns, 
.menu .dropdown_4columns,
.menu .dropdown_5columns ,
.menu .dropdown_6columns{ 
	margin:0 auto 0; left:-999em; position:absolute; padding:20px; text-align:left; z-index:20; background:#fff;border:1px solid #bcbcbc;border-top:none;}
.menu .dropdown_1columns.sub_menu{width:150px;padding:20px 0 20px 20px;}
.menu .dropdown_1columns.sub_menu .col_1{padding-right:0;width:150px;}
.menu .dropdown_1columns.sub_menu ul li a{padding-right:20px;margin-left:0}
.menu .dropdown_1columns {width: 140px; }
.menu .dropdown_2columns {width: 290px; }
.menu .dropdown_3columns {width: 445px; }
.menu .dropdown_4columns {width: 615px; }
.menu .dropdown_5columns {width: 745px; }
.menu .dropdown_6columns {width:920px;margin-left:1px;z-index:100 }
.menu .dropdown_1columns  .col_1{margin-left:0}
/* Showing Drop Down on Mouse Hover - Left aligned */

.menu li:hover .dropdown_1columns, 
.menu li:hover .dropdown_2columns, 
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns,
.menu li:hover .dropdown_6columns {
	left:0px; top:70px; }

/* Showing Drop Down on Mouse Hover - Right aligned */
.menu li.position-right-li{ position:static}
.menu li:hover div.position-right{ position:absolute; right:0; left:auto; top:70px; }
.menu li .align_right { }
.menu li:hover .align_right { left:auto; right:0px; }

/* Columns Sizes */

.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {
	display:inline; float: left; position: relative; padding-right:5px;  }
	
.menu .col_1{width:148px;margin:0!important; }
.menu .col_2{width:296px; }
.menu .col_3{width:444px; }
.menu .col_4{width:592px; }
.menu .col_5{width:740px; }
.menu .col_6{width:920px; }
.dropdown_6columns  .col_6  .col_4  .col_2.firstcolumn{width:250px;}
.menu .col_2  .cls_right{clear:left}
/* IMPORTANT */

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
	margin-left: 0!important; /* Clearing margin & left */ clear: left;  }

.dropdown_6columns  .col_6.firstcolumn{margin-bottom:10px}
/*  _______________________________________

	03 CONTENT STYLINGS
    _______________________________________  */
.menu p,
.menu ul,
.menu li,
.menu h2,
.menu h3 {
	 color:#383838; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:left; }
.menu p {  line-height:18px; margin-bottom:10px; }
.menu .strong { 	font-weight:bold; }
.menu .italic { 	font-style:italic; }
.menu h2 {
	font-weight:400;
	letter-spacing:-1px;
	font-size:21px;
	line-height:21px;
	margin-top:7px;
	margin-bottom:14px;
	padding-bottom:14px;
}
.menu h3 {
	font-weight:600;
	font-size:14px;
	line-height:21px;
	margin-top:7px;
	margin-bottom:14px;
	padding-bottom:7px;
}
.menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */ margin-top:18px; }

/* Icon paragraphs */

.menu .help,
.menu .favorite,
.menu .mail,
.menu .print {
	padding-left:36px; margin-bottom:18px; }
/* Images styles */

.menu .imgshadow_dark{ /* Better style on dark background */
	padding:4px; margin-top:5px; }
.menu .imgshadow_light { /* Better style on light background */
	padding:4px; margin-top:5px; }
.menu .img_left { /* Image sticks to the left */
	width:auto; float:left; margin:2px 15px 5px 0px; }
.menu .img_right { /* Image sticks to the right */
	width:auto; float:right; margin:2px 0px 5px 15px; }

/* Box styles */
.menu li .black_box { margin:4px 6px; }
.menu li .dark_grey_box { margin:4px 6px; }

/* Standard lists styles */
.menu li ul {
	list-style:none; padding:0; margin:0 0 12px 0; }
.menu li ul li {
	font-size:12px; line-height:12px; position:relative; margin:0; height:auto; float:left; text-align:left; width:100%;  background:url(../images/dot_menu.png) left 3px no-repeat; padding-bottom:7px; }
.menu li ul li:hover {
	border:none; margin:0; }

/* Greybox lists styles */

.menu li .greybox li { margin:0px 0px 4px 0px; padding:4px 6px 4px 6px; width:131px; }
.menu li .greybox li:hover { padding:4px 6px 4px 6px; margin:0px 0px 4px 0px; }

/* Other lists styles */

.menu li .plus li {	margin:0px 0px 4px 0px; padding:0px 0px 0px 21px; width:109px; }
.menu li .plus li:hover { padding:0px 0px 0px 21px; margin:0px 0px 4px 0px; }

/* Social Icons */

.menu li ul.social { list-style:none; margin:0; padding:0; }
.menu li ul.social li { padding-top:5px; margin:0 12px 12px 0; float:left; position:relative; display:inline; width:32px; }
.menu li ul.social li:hover {  padding-top:5px; margin:-1px 12px 12px 0; }
.menu li ul.social li span {	display:none; }

/* 2-Levels Drop Down */
.menu .col_1 .levels ul,.menu .col_2  .levels ul,.menu .col_3  .levels ul,.menu .col_4  .levels ul,.menu .col_5  .levels ul{ background:#fff;border:1px solid #bcbcbc; }
.menu .col_1 .levels ul{width: 151px; }
.menu .col_2  .levels ul{width: 300px;}
.menu .col_3  .levels ul{width: 455px;}
.menu .col_4  .levels ul{width: 610px;}
.menu .col_5  .levels ul{width: 765px;}
.menu .levels { list-style:none; margin:0; padding:0; }
.menu .levels li li, .menu .levels li li:hover { /* padding: 0px 10px;*/ margin-left:10px; }
.menu .col_1 .levels li li,.menu .col_1 .levels li li:hover{width: 141px;}
.menu .col_2  .levels li li,.menu .col_2  .levels li li:hover{width: 280px;}
.menu .col_3  .levels li li,.menu .col_3  .levels li li:hover{width: 435px;}
.menu .col_4  .levels li li,.menu .col_4  .levels li li:hover{width: 590px;}
.menu .col_5  .levels li li,.menu .col_5  .levels li li:hover{width: 745px;}
.menu .col_6  .levels li li,.menu .col_6  .levels li li:hover{width: 880px;}
.menu .levels ul { /* First level drop down */
	position:absolute; z-index:500; top:-21px; left:150px; display:none; margin:0px; padding:20px 0 10px; }
.menu .levels ul ul { top:-6px; left:100%; margin:0px; }
.menu .levels li:hover { cursor:pointer; z-index:100; }
.menu .levels li:hover ul ul,
.menu .levels li li:hover ul ul {display:none;}
.menu .levels li:hover ul,
.menu .levels li li:hover ul {display:block;}


/*  _______________________________________

	04 CONTACT FORM
    _______________________________________  */

/*============================Contact*/	
.menu #messages_product_view { display:none;}
.menu #contactForm .form-list .field{ width:285px; margin-right:0; }
.menu  #contactForm .fieldset{padding:0px 25px 0 0; }
.menu li.right .page-title{ display:none; }
.menu  #contactForm .form-list li,#contactForm .form-list li.wide .input-box { width:285px; }
.menu  #contactForm .form-list .input-box { clear:none; width:284px; text-align:right; display:inline;}
.menu  #contactForm input.input-text:focus,#contactForm textarea:focus { background-color:#f2feff;  color:#B3B3B3;}
.menu  #contactForm .buttons-set p.required{ width:282px; text-align:right; }
.menu  #contactForm .validation-advice { text-align:right; margin:3px 5px 5px; background:none;}
.menu form {  margin:0 0 12px 0; padding:0px; }
.menu  #contactForm .form-list li.wide { margin-top:2px;}
/* Labels & fieldsets stylings */
.menu fieldset {	margin:0; border:none; padding:0; }		
.menu form p { margin:10px 0; overflow:hidden; width:270px; }
.menu label { float:left; text-transform:capitalize;  color:#B3B3B3; display:block;	text-align:left; }	
.menu input{	 width:195px !important; height:15px; line-height:15px; background:none !important; margin-right:5px;  float:right; }	
.menu textarea {  width:195px !important; height:100px; overflow:auto; margin-bottom:5px; line-height:15px; background:none !important; margin-right:6px; float:right;}	
/* Buttons stylings */
.menu button {  float:right !important; background:none; margin:0; border:none; padding: 2px 3px; color:#000; cursor:pointer; }

/* Messages when sending email */

.error, .sent {
	font-size:12px;
	line-height:18px;
	padding:5px;
	margin-bottom:10px;
}
.error {
	background:#f3afa6;
	border:#ef9588 solid 1px;
	color:#992213;
}
.sent {
	background:#bef08f;
	border:#adec71 solid 1px;
	color:#37620d;
}

.menu .title{ text-transform:uppercase; font-size:18px; line-height:20px;font-family:MyriadProRegular,Arial,Helvetica,sans-serif;display:block; padding-bottom:10px; }
.menu .no-icon a{ background:none !important;}
.menu p.note{ color:#898989; font-style:normal;}
.menu .product-name a{ text-transform: uppercase !important; font-family:Arial !important; line-height:15px; padding-left:0 !important; }
.menu .product-name { margin-bottom:0 !important; padding-bottom:0 !important; }
.menu .products-list li.item .product-image{ width:95px; padding-left:0 !important; }
.menu .btn-cart{ float:left !important; padding-left:0;height:42px }
.menu .btn-cart span span{ background-color:#fff; color:#000; padding-bottom:3px;font-weight:400!important }
.col_1.no-icon{ text-align:left; margin:10px 5px 20px 0;}
.menu .col_1 span,.menu .col_2 span{ padding-bottom:10px; display:block;font-weight:700}
.menu span.new_pro{margin-top:15px;}
.menu #products-list   li.item { margin-top:5px;}
.menu #products-list  li.item .price-box { margin:15px 0 5px; overflow:hidden;}
.menu #products-list  li.item .price-box span{ padding-bottom:0;}
.menu .price-box .price-label{ display:none;}