/*
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 {font-size: 13px;
    height: 27px;
    margin-top: -19px;
    padding: 0;
	float:left;}
.menu li { text-align:center;position:relative;border:none;display: inline-block;}
.menu li.submenu{ height: 43px; line-height: 43px; float: right;}
.menu li.submenu.first a{ }
.menu li.submenu.last a{  padding-right: 0; }
.menu li.submenu:hover {}
.menu li.submenu.first:hover {}
.menu li.position-right-li {position:static;}
.menu li:hover { z-index:2; }
.menu li a {outline:0;display:block;}
.menu li a:hover {text-decoration: underline;}
.menu li a.level-top  {
    font-family: Century Gothic;
    font-size: 13px;
    height: 41px;
    line-height: 41px;
    padding: 0 11px 2px;
    text-transform: uppercase;
	font-weight:bold;}
.menu li:hover a {text-shadow: none;}
.menu li .level-top{ }
.menu li .drop{ color: #414141;
    font-family: Century Gothic;
    font-size: 12px;
    height: 41px;
    line-height: 41px;
    padding: 0 15px 2px;
    text-transform: uppercase;}
.menu li.first .drop{padding-left:15px; }
.menu li:hover .drop {text-decoration: none;}
.menu li:hover .drop span {display:block; cursor:pointer; white-space:nowrap;}

.menu li:hover a span{ display: block;}
.menu li:hover .drop { text-decoration: none;}
.menu li:hover div a {}
.menu li:hover div a:hover { }
.menu li:hover ul li a { }
.menu li:hover ul li a:hover{ text-decoration: underline;}
.menu li:hover a:hover{position: relative;  text-decoration: none;  z-index: 999;}
.menu li ul li a:hover {}
.menu li a div a { color:#353535;font-size:14px;font-weight:bold;}
.menu li a div a ul li a { color:#626262;font-size:12px;font-weight:normal;}
/* Right aligned menu item */
.menu .right {float:right;right:0;margin-right:0px;}

/*  _______________________________________

	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:0px auto 0px;left:-999em;position:absolute;/*border-top:1px solid #dedcdc;*/padding:5px 0px 10px;text-align:left;z-index: 99;}

/* Drop Downs Sizes */
.menu .dropdown_1columns {width: 160px;background:url(../images/bkg-menu-1col-top.png) center top no-repeat !important ;}
.menu .dropdown_2columns {width: 320px;background:url(../images/bkg-menu-2col-top.png) center top no-repeat !important ;}
.menu .dropdown_3columns {width: 480px;background:url(../images/bkg-menu-3col-top.png) center top no-repeat !important ;}
.menu .dropdown_4columns {width: 640px;background:url(../images/bkg-menu-4col-top.png) center top no-repeat !important ;}
.menu .dropdown_5columns {width: 800px;background:url(../images/bkg-menu-5col-top.png) center top no-repeat !important ;}
.menu .dropdown_6columns {width: 960px;background:url(../images/bkg-menu-6col-top.png) center top no-repeat !important ;}
.menu .dropdown_6columns .col_6 {padding:0;width:960px;}

.menu .dropdown_1columns .inner {width: 160px;padding-bottom:20px;background:url(../images/bkg-menu-1col-bottom.png) center bottom no-repeat !important ;}
.menu .dropdown_2columns .inner {width: 320px;padding-bottom:20px;background:url(../images/bkg-menu-2col-bottom.png) center bottom no-repeat !important ;}
.menu .dropdown_3columns .inner {width: 480px;padding-bottom:20px;background:url(../images/bkg-menu-3col-bottom.png) center bottom no-repeat !important ;}
.menu .dropdown_4columns .inner {width: 640px;padding-bottom:20px;background:url(../images/bkg-menu-4col-bottom.png) center bottom no-repeat !important ;}
.menu .dropdown_5columns .inner {width: 800px;padding-bottom:20px;background:url(../images/bkg-menu-5col-bottom.png) center bottom no-repeat !important ;}
.menu .dropdown_6columns .inner {width: 960px;padding-bottom:10px;background:url(../images/bkg-menu-6col-bottom.png) center bottom no-repeat !important ;}

/* 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:30px;
}

/* Showing Drop Down on Mouse Hover - Right aligned */

.menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
.menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

/* 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:0px 20px 0 20px;margin-bottom:10px;}

.menu .col_1.last,
.menu .col_2.last,
.menu .col_3.last,
.menu .col_4.last,
.menu .col_5.last,
.menu .col_6.last {border-right:none;}
.dropdown_3columns .col_1:last-child { border-right:none;padding-right:0;}
.dropdown_1columns .col_1.first { border-right:none;padding-right:0;}
.menu .dropdown_3columns  .col_1 {}
.menu .dropdown_5columns  .col_6.first  p.info {padding-top:10px;}
.menu .dropdown_6columns  .col_6.first  p.info {padding-top:10px;}
.menu .col_1 {width:120px; }
.menu .col_2 {width:280px;}
.menu .col_3 {width:440px;}
.menu .col_4 {width:600px;}
.menu .col_5 {width:760px;}
.menu .col_6 {width:920px;}
.menu .col_1:last-child {border-right:none 0;}
.menu .col_2  .col_2 { padding:0px;}
/* IMPORTANT */
/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {	clear: left;}
.menu .col_1.firstcolumn p {clear: left;}
/*  _______________________________________
	03 CONTENT STYLINGS
    _______________________________________  */
.menu p,
.menu ul,
.menu li,
.menu h2,
.menu h3 {font-size:14px; font-family:Arial, Helvetica, sans-serif;line-height:21px;text-align:left;}
.menu p {font-size:12px;line-height:18px;margin-bottom:10px; margin-top:10px;}
.menu p.price-from {margin-bottom:0px; }
.menu p.price-to { margin-top:0px;}
.menu .strong {font-weight:bold;}
.menu .italic {font-style:italic;}
.menu h2 {font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:21px;line-height:21px;margin-top:7px;margin-bottom:14px;padding-bottom:14px;}
.menu h3 {font-family:Arial, Helvetica, sans-serif;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;}
.menu .help {background:url("img/help.png") no-repeat 0px 2px;}
.menu .favorite {background:url("img/favorite.png") no-repeat 0px 2px;}
.menu .mail {background:url("img/mail.png") no-repeat 0px 2px;}
.menu .print {background:url("img/print.png") no-repeat 0px 2px;}

/* Images styles */

.menu .imgshadow_dark{ /* Better style on dark background */background:#FFFFFF;padding:4px;border:1px solid #333333;margin-top:5px;-moz-box-shadow:0px 0px 5px #000000;-webkit-box-shadow:0px 0px 5px #000000;box-shadow:0px 0px 5px #000000;
}
.menu .imgshadow_light { /* Better style on light background */background:#FFFFFF;padding:4px;border:1px solid #777777;margin-top:5px;-moz-box-shadow:0px 0px 5px #666666;-webkit-box-shadow:0px 0px 5px #666666;box-shadow:0px 0px 5px #666666;}
.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 {background-color:#333333;color: #eeeeee;padding:4px 6px 4px 6px;
	/* CSS 3 Stylings */	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;	
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

.menu li .dark_grey_box {
	background-color:#555555;color: #eeeeee; padding:4px 6px 4px 6px;
	/* CSS 3 Stylings */	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow:inset 0 0 3px #111111;
	-moz-box-shadow:inset 0 0 3px #111111;
	box-shadow:inset 0 0 3px #111111;
}
.menu .inner{ float:left}
/* Standard lists styles */
.menu li ul {list-style:none;padding:0;margin:0 0 0px 0; }
.menu li ul li { position:relative; padding:0;margin:0;float:none;text-align:left;}
.menu li ul li a,.menu li ul.levels a.level-top {color: #000;font-size:12px; text-transform:capitalize; font-family:Arial,Helvetica,sans-serif; height:auto; line-height:12px; padding:5px 0;}
.menu li ul.levels li{ clear:left; width:100%;}
/* Greybox lists styles */
.menu li .greybox li {background:#F4F4F4;border:1px solid #bbbbbb;margin:0px 0px 4px 0px;padding:4px 6px 4px 6px;width:131px;
	/* CSS 3 Stylings */	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.menu li .greybox li:hover {background:#ffffff;border:1px solid #aaaaaa;padding:4px 6px 4px 6px;margin:0px 0px 4px 0px;}
/* Other lists styles */
.menu li .plus li {background: url("img/plus.png") left 6px no-repeat;margin:0px 0px 4px 0px;padding:0px 0px 0px 21px;width:109px;}
.menu li .plus li:hover {background: url("img/plus.png") left 6px no-repeat;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 .levels {list-style:none;margin:0;width:auto; padding: 10px 0 0;}
.menu a.parent, .menu a.parent:hover {background: url("img/drop2.png") right center no-repeat;}
.menu .levels li li, .menu .levels li li:hover {width:139px !important;padding: 0px 12px 0px 12px;margin:0px 0px 0px 2px;}
.menu .levels ul { /* First level drop down */position:absolute;z-index:500;top:-20px;left:100%;display:none;background:url("../images/bkg-menu-1col-bottom.png") no-repeat scroll center bottom transparent !important; width: 166px;margin:15px 0 0 18px;padding:0px 1px 13px 0px;}
.menu .levels ul ul {top:-6px;left:100%;width:160px;margin:-1px 0px 0px 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
    _______________________________________  */
.menu form {margin:0 0 12px 0;padding:0px;}
/* Labels & fieldsets stylings */
.menu fieldset {margin:0;border:none;}		
.menu form p {margin:10px 0;overflow:hidden;width:270px;}
.menu label {float:left;display:block;text-align:left;width:50px;}	
.menu input,
.menu textarea {}					
/* Buttons stylings */
.menu button {
	/* CSS 3 Stylings */
}
/* Messages when sending email */
.error, .sent {font-size:12px;line-height:18px;padding:5px;margin-bottom:10px;
	/* CSS 3 Stylings */
-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
.error {background:#f3afa6;border:#ef9588 solid 1px;color:#992213;}
.sent {background:#bef08f;border:#adec71 solid 1px;color:#37620d;}
.menu .dropdown_3columns .col_1  a.level-top { margin-left: 20px;padding-top:10px;text-decoration: none;}
.col_5 .col_1 {clear:both;float:none;}
.menu span.title {display:block;font-size:16px;padding-left:18px;padding-top:10px; text-transform: uppercase;font-family: Century Gothic;line-height: 15px;padding-bottom:15px;}
.menu span.title_col {
    display: block;
    font-family: Century Gothic;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;}
.menu p.note {padding-left:20px;margin-top:0;color:#3f3f3f;}
.menu .img {margin-top:17px;}
.menu .col_2 p.first {margin-top:30px;}
.menu .wrapper_col {padding:0;width: auto;}
.menu .col_1 .products-grid li.item { width:auto;height:auto;}
.menu .col_1 .products-grid .product-image { width:auto;height:105px;;float:none;line-height:0;padding-left:0;margin-top:0;}
.menu .col_1 .products-grid .details { width:auto;height:auto;float:none;padding-right:0;}
.menu .col_1 .products-grid .details p.sku{ margin-top:0;margin-bottom:0;}
.menu .col_1 .products-grid .details h2,.menu .col_2 .products-grid .product-shop h3 {border:none;padding:0; background: none; margin-top:-5px;}
.menu .col_1  .products-grid .details button.button,.menu .col_2  .products-grid .product-shop button.button { position:static;background:none;margin:0;padding:0;}
.menu .col_1  .products-grid .details button.button,.menu .col_2  .products-grid .product-shop button.button  { position:static;width:auto;height:auto;float:none;}
.menu .col_2 .products-grid .item {background:none !important;height: auto; width: 100%; padding:0;min-height:120px;margin-top: 0;}
.menu .product {margin-top:20px;}
.menu .products-grid .product-name a:hover,.menu .mini-products-list .product-details .product-name a:hover{	text-decoration: underline;}
.menu .products-grid .product-name a,.menu .mini-products-list .product-details .product-name { }
.menu .widget-new-products .ratings .rating-links a {   display: inline;}
.menu .ratings .rating-links a{ display:inline;font-size:8px;}
.menu .ratings .rating-links a:hover{ display:inline;font-size:8px;}
.menu .col_1.most_popular {width:135px;padding-right:5px;} 
.menu .ratings .rating-links {margin:3px 0;}
.menu li.position-right-li .position-right{ top:32px;}
.menu .col_1.no-icon  a{ width:166px; border: 1px solid #dddddd;}
.menu .col_1.no-icon {   padding: 10px 0 10px 20px;  overflow: hidden;width: 168px;}
.menu .col_1.no-icon.first {   }
.menu .widget-new-products .products-grid .product-image, .menu .widget-new-products .products-list .product-image { width:94px; overflow: hidden;float: left; height: auto; margin-right: 10px; background: #fff;padding: 2px;}
.menu .products-grid li.item .product-shop{ float:right; width: 162px;} 
.menu .most_popular .products-list .product-shop { background: none repeat scroll 0 0 transparent;   margin-left: 0;   overflow: visible;    padding-left: 0;}
.menu .most_popular .products-list .product-shop .product-name a { font-size: 11px;color: #000; text-transform: uppercase;
}
.menu .most_popular .products-list .product-image { width:98px; height:auto; float: none;}
.menu .most_popular .products-list .product-image img { height:auto; width: auto;}
.menu .products-list li.item.last { padding:0;}
.menu .widget-new-products  .widget-title h2 { display: none;}
.menu .widget-new-products  .widget-title { margin: 0; padding:0;}
.menu .widget-new-products  .add-to-links { display: none;}
.menu .widget-new-products  .products-grid { border: none;}
.menu .dropdown_2columns  .page-title { display: none;}
.menu #contactForm { padding: 10px 25px 0px; display: block;}
.menu #contactForm .form-list input.input-text { background:url("../images/bkg-input267.png") no-repeat scroll 0 0 transparent; border: medium none;  height: 19px;  width: 259px;padding: 4px; float: none;}
.menu #contactForm .form-list input.input-text.validation-failed { width: 257px;}
.menu #contactForm  .form-list .field {
    float: left;
    width: 270px;
}
.menu #contactForm .form-list li.wide textarea { width: 257px;}
.menu #contactForm .buttons-set p.required {    text-align: right; margin-top: 4px; float: right; width: auto;}
.menu #contactForm .buttons-set  button.button {    clear: none;}
.menu #contactForm  .form-list .field:first-child {    margin-bottom:5px;}
.menu #contactForm  .form-list li.wide .input-box {    width: auto;}
.menu #contactForm .fieldset .legend { padding-bottom: 0;}

.menu span.product-manufacture { display: none;}

.menu  .col_2  {}
.menu  .col_2  .product-image { float: left;width: 94px;overflow: hidden;}
.menu  .col_2  .product-name,.menu  .col_2  .ratings ,.menu  .col_2  .price-box,.menu  .col_2  .actions{ margin-left: 106px;overflow: hidden;margin-top: 0; margin-bottom: 0;float: none; width: 170px;}
.menu   .product-name { margin-bottom: 0;padding: 0; }
.menu   .product-name a { font-weight: bold; font-size:12px ;}
.menu   .product-name a:hover { text-decoration: underline !important;}
.menu   .price-box,.menu  .product-item .actions { line-height: 20px;}
.menu   .sku { display: none;}
.menu .category-products {}
.menu .category-products .product-name a { color: #000;}
.menu .most_popular  .category-products .product-image  { background: #fff;width:120px;}

.menu li ul.levels li.parent a{
    margin-right:-20px; padding-right:10px;
}