/*
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
    _______________________________________  */

.lastest_reviews .lastest_reviews  .block-content .category-products .product-details .productlabels_icons{display:none;}
	

.menu { height:44px;position:relative;}
.menu li { text-align:center;position:relative;border:none;display: inline-block;padding-top:15px}
.menu li.submenu span{/*line-height:10px;*/ color:#343434; font-family:'MyriadProBold'}
.menu li.submenu span.price{color:#ff610b; font-size:12px; font-family:arial;font-weight:bold;}
.menu li.submenu{ float:left;height:44px; line-height:45px; padding-top:0; }
.menu li.submenu.first { border-left: none;/* padding-left:60px*/}
.menu li.submenu.last{ border-right: none; float:right;}
.menu li.submenu.first a{ }
.menu li.submenu.last a{ padding-right: 30px; padding-left: 29px;  }
.menu li.submenu:hover {}
.menu li.submenu.first:hover {}
.menu li.position-right-li {position:static;}
.menu li:hover { z-index:10; }
.menu li a {outline:0;/*display:inline-block;*/ display:block;}
.menu li a:hover {text-decoration: underline;}
.menu li a.level-top  {  font-size: 12px; height: 62px;  line-height: 62px;   padding: 0 20px 3px; text-transform: uppercase;color: #7F7F7F;}
.menu li.first  a.level-top  {}
.menu li a.level-top:hover { }
.menu li:hover a {text-shadow: none;}
.menu li .level-top{ }
.menu li .drop{ color: #fff;
    font-family: MyriadProBold;
    font-size: 14px;
    padding: 0 33px 0px;
    text-transform: uppercase;}
.menu li .drop span:hover{ color: #df4820}
.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
{left:-999em;position:absolute;
border:1px solid #b4b4b4;
text-align:left;z-index: 99;background:#fff;}

/* Drop Downs Sizes */
.menu .inner {overflow:hidden; padding-bottom:20px}
.menu .dropdown_1columns {width: 160px;padding-left:18px; padding-bottom:40px}
.menu .dropdown_2columns {width: 320px;}
.menu .dropdown_3columns {width: 480px;}
.menu .dropdown_4columns {width: 962px;}
.menu .dropdown_5columns {width: 962px;}
.menu .dropdown_6columns {width: 962px;}
.menu .dropdown_6columns .col_6 {width:962px;}
.menu .dropdown_6columns .col_6.spec{padding-bottom:20px}
.menu .dropdown_6columns .col_6.first .col_1 {border-bottom:1px dotted #EBEBEB; padding-bottom:20px}
.col_tong{width:330px; float:left;}
.col_tong .col_1{margin-bottom:20px}
.emmediawidget {/*margin-top:10px*/}

.menu .dropdown_1columns .inner {width: 160px;}
.menu .dropdown_2columns .inner {width: 320px;padding-bottom:40px;}
.menu .dropdown_3columns .inner {width: 480px;}
.menu .dropdown_4columns .inner {width: 962px;}
.menu .dropdown_5columns .inner {width: 800px;}
.menu .dropdown_6columns .inner {width: 960px;}

/* 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
 {
	left:0px;
	top:44px;
}
.menu li:hover .dropdown_6columns
 {
	left:0px;
}

/* 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 15px 0 18px;/*margin-bottom:10px;*/}
.menu .inner span.title{display:none}


.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:115px; }
.menu .col_6 .col_1 {width:128px; }
.menu .col_6 .col_2 .col_1 {width:120px; padding-bottom:40px}
.menu .col_2 {width:290px;}
.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;}
.menu  .col_2.col-first .col_1 {border-bottom:1px dotted #ebebeb; padding-bottom:15px}
/* IMPORTANT */
/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {	float: left;padding-left:0}
.menu .col_1.firstcolumn p {clear: left;}
.menu li.position-right-li .position-right .colum1{ border-bottom:1px dashed #B3926F}
#tt{border-bottom:1px dashed #B3926F}
/*  _______________________________________
	03 CONTENT STYLINGS
    _______________________________________  */
.menu p,
.menu ul,
.menu li,
.menu h2,
.menu h3 {font-size:14px; font-family:Arial, Helvetica, sans-serif;line-height:20px;text-align:left;}
.menu p {font-size:12px;line-height:18px;margin-bottom:0px; margin-top:10px;color: #7F7F7F;}
.menu .dropdown_6columns_inner p.menu-netbook-top{font-size:11px; padding-left:18px; margin-top:16px;}
.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;}
.menu .simple {margin-top:2px;margin-left:12px; }
.menu .simple a {background:url("../images/bkg-left-shopby.png") no-repeat 0px 5px; padding-left:8px}

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

/* Standard lists styles */
.menu li.first { /* position: static;*/}
.menu li ul li.first {padding-top:5px }
.menu .dropdown_1columns li{line-height:24px}
.menu li ul {list-style:none;padding:0;margin:0 0 0px 0;}
.menu li ul li {font-size:12px;/*overflow:hidden;*/position:relative;margin:0;float:none;text-align:left; display: block;padding-top:0px}

.menu li ul li a { color: #7f7f7f; font-size:12px; float:left; clear:both}
.menu li ul li:hover {}
/* 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-bottom:20px; float:left}
.menu .dropdown_1columns .levels {padding-bottom:0; padding-top:10px}
.dropdown_6columns_inner .col_6 .col_2.firstcolumn{padding-bottom:20px}
.menu  .levels  .level-top  .level-top { clear: both;
    display: block;
    font-weight: normal;
    height: auto;
    line-height: 15px;
    padding: 0;
    text-align: left;
    text-transform: none;
	} 
.menu .levels li.level-top { /*margin-right: -30px;*/ padding:7px 0px 3px 0; clear:both/*width:50px*/}
.menu .levels li{float:left}
.menu .dropdown_1columns .col_1.firstcolumn .col_1 .levels li.level0 li.first{padding-top:3px}
.menu .dropdown_1columns .col_1.firstcolumn .col_1 .levels li.level0 ul{margin-top:0px}
.menu .dropdown_1columns .levels ul{clear:both}
.menu  .levels ul.level0 ul{left:160px}
.menu  .levels li.parent{background:url("../images/bkg-left-shopby.png") no-repeat 140px center}
.menu .dropdown_1columns .levels li.parent{padding-right:160px}
.menu .dropdown_1columns .col_1.firstcolumn .col_1{padding-left:0;}
.menu a.parent, .menu a.parent:hover {}
.menu .levels li li, .menu .levels li li:hover {width:140px;}
.menu .levels ul { /* First level drop down */
position:absolute;z-index:500;top:-1px;left:160px;
display:none; width: 150px;margin:15px 0px 0px 0px;padding:0 10px 20px;border:1px solid #B4B4B4;
background:#fff;}
.menu .levels li li.first {}
.menu .levels ul ul {}
.menu .levels li:hover {cursor:pointer;z-index:100;}

.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:18px;padding-left:18px;padding-top:10px; font-family: 'HelveticaNeueBold';line-height: 15px;padding-bottom:15px;color: #fff;}

.menu span.title_col {  display: block;   font-size: 14px; color: #D29453; padding-top:15px; 
 line-height: 20px; /* margin-bottom: 5px;*/  text-transform: uppercase;}
.menu .dropdown_6columns_inner .col_6.first span.title_col {padding-top:15px}
 .menu .col_2 span.chu_lon{
 padding-top:40px;   
 font-family: Myriad Pro;
    font-size: 32px;
    line-height: 40px;
	padding-top:20px}
	
.menu .col_1 .products-grid li.item .product-image{float:none;}	
 
.menu .col_2 span.title_col { display: block; padding: 15px 0 0 0;}
.menu .col_6 .col_2 span.title_col.spec { display: block; padding: 60px 0 0 0;font-size:32px}
.menu p.note {  
  color: #EBC59D;
    font-size: 11px;
    letter-spacing: -0.08px;
    margin-top: 20px;}
.menu p.note.first {padding-left:20px;}
.menu .img {margin-top:0px;}
.menu .col_2 p.first.col2_small {font-size:11px;}
.menu .col_6.last .col_2.last p{padding-right:15px}
.menu .col_6.last .col_2.last p.first{padding-top:28px}
.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: 0;}
.menu .product {margin-top:0px;}
.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:187px;opacity:1;top:44px}
.menu li.position-right-li .position-right .dropdown_5columns_inner{/*margin-top:20px*/}


.menu .dropdown_6columns .firstcolumn{margin-bottom:0px}


.menu li.first ul li.first {padding-left:0px;}
.menu .col_1.no-icon {   padding: 15px 2px 0 0 ;  overflow: hidden;width:auto; margin-bottom: 0;}
.menu .col_1.no-icon.first { padding-left:15px;  }
.menu .widget-new-products .products-grid .product-image, 
.menu .widget-new-products .products-list .product-image 
{ width:110px; overflow: hidden;float: left; height: auto; margin-right: 10px; background: #fff;padding: 2px; border: none;}
.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; width: auto;float: none;}

.menu .most_popular .products-list .product-shop .product-name a { }
.menu .most_popular .products-list .product-image { width:120px; height:auto; float: none; border: none; padding-bottom: 0;}
.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 {  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.col-last{padding-bottom:40px}
.menu  .col_2  .product-image { float: left;width: 110px;overflow: hidden;margin-right: 20px;}
.menu  .col_2  .product-name,.menu  .col_2  .ratings ,.menu  .col_2  .price-box,.menu  .col_2  .actions{/* margin-left: 115px;overflow: hidden;margin-top: 0; margin-bottom: 0;float: none; width: 156px;clear: none;*/}
.menu   .product-name {  margin-bottom: 0;
    overflow: hidden;
    padding: 10px 0 0; margin-top:0}
.menu   .product-name a { color: #565452;  font-size: 12px; font-weight: normal;}
.menu   .price-box .minimal-price .price{color:#87A048}
.menu   .product-name a:hover { text-decoration: underline !important;}
.menu   .price-box,.menu  .product-item .actions {  clear: both;    line-height: 18px;    margin: 10px 0;}
.menu .price-box { margin-bottom: 0px;float:left;margin-top:0; padding-bottom: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 .actions { display: none;}
.col_1 .slideshow-box .products-list li.item { width: auto;}
.col_1 .slideshow-box .products-list li.item .product-item { width: auto;padding: 0;}
.col_1 .slideshow a.previous { display: none;}
.col_1 .slideshow a.next { display: none;}
.menu .ratings .rating-box { margin-top: 2px;}
.menu .price-box p { margin: 0;white-space: nowrap;}
.menu li a.img { text-align: center;}
.menu .product li { background: none; padding-left: 0;}
.menu .products-list .product-shop { width: 149px;}
.menu .col_2 .product-name { margin-top: -12px;}
.menu .col_2 .price-box { margin-bottom: 10px;}

.menu .emmediawidget  { padding-top:10px; line-height:0}
.menu .widget .widget-title { padding: 0;display:none;}
.menu div.img { margin-top: 15px;}
.menu div.img a.img { float: left;}
.menu .ratings .amount{display:none;}
.menu .ratings{float:right; clear:none;}
.menu .levels li:hover ul ul,.menu .levels li li:hover ul ul,.menu .levels li li li:hover ul ul
{display:none;}
.menu .levels li:hover ul ,.menu .levels li li:hover ul,.menu .levels li li li:hover ul
{display:block;}