/*
Theme Name : Mega Menu Complete Set
Item URI : http://codecanyon.net/item/mega-menu-complete-set/152825
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 2.11
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN COMMON CONTAINER
03 DROP DOWN SPECIFIC CONTAINERS
04 COLUMNS GRID
05 DROP DOWN TYPOGRAPHY
06 COLORS
07 VERTICAL VARIANT

*/



/*  _____________________________________________________________________________

    01 MENU BAR
    _____________________________________________________________________________  */



.megamenu_container {
  width:960px;
  height:44px;
  margin:0 auto;
  position: relative;
  border:solid 1px #000000;
  background-image:url("../img/bg.png");
}
.megamenu {
  list-style:none;
  z-index:9999;
  padding:0;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#FFFFFF;
  line-height:1;
}
  .megamenu li {
    float:left;
    margin:0 12px 0 0;
    border:none;
  }
    .megamenu li:hover, .megamenu .active {
      background:#161616;
    }
    .megamenu li.noactive {
      background:none;
    }
    .megamenu li a {
      font-size:12px;
      color:#FFFFFF;
      text-transform:uppercase;
      text-shadow:1px 1px 1px #000000;
      outline:0;
      font-weight:600;
      text-decoration:none;
      display:block;
      padding: 16px 15px 16px 15px;
    }
    .megamenu li:hover a {
      color:#FFFFFF;
      text-shadow:1px 1px 1px #000000;
    }
    .megamenu li .drop {
      padding-right:30px;
      background:url("../img/down.png") no-repeat right center;
    }

    /* Right aligned menu item */
    
    .megamenu li.right {
      float:right;
      margin-right:-1px;
    }
    .megamenu li.right a {
      margin-right:5px;
    }



/*  _____________________________________________________________________________

    02 DROP DOWN COMMON CONTAINER
    _____________________________________________________________________________  */



.megamenu li .dropcontent {
  margin:0 auto;
  position:absolute;
  left:-9999em;
  top:44px; /* Places the drop down under the menu bar */
  z-index:9998; /* For IE7 */
  padding:24px 0 10px 0;
  text-align:left;
  border:1px solid #1b1b1b;
  border-top:none;
  background:#161616;
  /* Rounded Corners */
    -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.megamenu li .dropfirst {
  margin:0 auto 0 -1px; /* Fixes a 1px issue for the 1st drop down */
}

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

.megamenu li:hover .dropcontent {
  left:auto;
}

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

.megamenu li .align_right {
  right:-1px;
}
.megamenu li:hover .align_right {
  left:auto;
  right:-1px;
}

/* Full width drop down */

.megamenu li .fullwidth {
  position: absolute;
  width: 960px;
  padding:24px 0 10px 0;
  left:-9999em;
  top:44px;
  border:1px solid #1b1b1b;
  display: block;
  z-index:9998;
  border-top:none;
  background:#161616;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.megamenu li:hover .fullwidth {
  left: -1px;
}



/*  _____________________________________________________________________________

    03 DROP DOWN SPECIFIC CONTAINERS
    _____________________________________________________________________________  */



.megamenu .drop1column {width: 80px;}
.megamenu .drop2columns {width: 160px;}
.megamenu .drop3columns {width: 240px;}
.megamenu .drop4columns {width: 320px;}
.megamenu .drop5columns {width: 400px;}
.megamenu .drop6columns {width: 480px;}
.megamenu .drop7columns {width: 560px;}
.megamenu .drop8columns {width: 640px;}
.megamenu .drop9columns {width: 720px;}
.megamenu .drop10columns {width: 800px;}
.megamenu .drop11columns {width: 880px;}
.megamenu .drop12columns {width: 960px;}



/*  _____________________________________________________________________________

    04 COLUMNS GRID
    _____________________________________________________________________________  */



.megamenu .col_1,
.megamenu .col_2,
.megamenu .col_3,
.megamenu .col_4,
.megamenu .col_5,
.megamenu .col_6,
.megamenu .col_7,
.megamenu .col_8,
.megamenu .col_9,
.megamenu .col_10,
.megamenu .col_11,
.megamenu .col_12 {
  float: left;
  display:inline;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}
.megamenu .col_1 {width:50px;}
.megamenu .col_2 {width:130px;}
.megamenu .col_3 {width:170px;}
.megamenu .col_4 {width:290px;}
.megamenu .col_5 {width:370px;}
.megamenu .col_6 {width:450px;}
.megamenu .col_7 {width:530px;}
.megamenu .col_8 {width:610px;}
.megamenu .col_9 {width:690px;}
.megamenu .col_10 {width:770px;}
.megamenu .col_11 {width:850px;}
.megamenu .col_12 {width:930px;}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}