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

00 CSBA OTHER
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

*/


/*  _____________________________________________________________________________

    00 CSBA OTHER
    _____________________________________________________________________________  */

/*these define the rows, rowsx means x-number of rows in a column*/
div.rows1, div.rows2, div.rows3, div.rows4
{
    cursor: pointer;
    padding: 5px 3px 3px 5px;
    border: 1px solid #FFFFFF; /*same color as fullwidth background, need border so sizing same on hover-over*/
}

div.rows1
{
    height: 159px;
}
div.rows2
{
    height: 75px;
}

div.rows3
{
    height: 47px;
}

div.rows4
{
    height: 33px;
}


div.rows1:hover, div.rows2:hover, div.rows3:hover, div.rows4:hover
{
    /* subsection items active *******************************************/
    background-color: #f0f0f0;
    border: 1px solid #C0C0C0;
}

/*set to fixed height and allow background image to bleed through*/
div.fullwidth
{
    height: 167px; /* mult settings to handle different browsers  */
    opacity: 0.95;
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
}


/*  _____________________________________________________________________________

    01 MENU BAR
    _____________________________________________________________________________  */



.megamenu_container
{
    width: 960px;
    height: 47px;
    margin: 0 auto;
    position: relative;
}
.megamenu
{
    list-style: none;
    z-index: 9999;
    padding: 0;
    margin: 0;
    line-height: 1;
}

ul.megamenu li
{
    /* added by eric because html.css affects this with "ul li" selector */
    line-height: 1;
    background-image: none;
    padding: 0px 0 0px 0px;
    /* this so center adjust */
    margin: 0 auto;
}
.megamenu li
{
    float: left;
    margin: 0 0px 0 0;
    border: none;
}
.megamenu li:hover, .active
{
    background: #7db0cc;
}
.megamenu li.noactive
{
    background: none;
}
.megamenu li a
{
    /*inactive menu bar************************************/ /* if change font-size, modify padding to maintain same height */
    color: #d4deea;
    outline: 0;
    font-weight: 500;
    text-decoration: none;
    display: block;
    /*padding: 17px 23px 17px 23px; using auto margin to handle now*/
}

    /*added by eric*/
.megamenu li a.sectionMenu
{
    padding: 17px 0px 17px 0px;
    text-align:center;    
}

.megamenu li:hover a
{
    /*active menubar***************************************/
    color: #FFFFFF; /*  text-shadow: 0 0 .2px #ce770e;  */
}
.megamenu li .drop
{
    /* padding-right: 30px;*/ /*  background: url("/scripts/megamenu_files/img/down.png") no-repeat right center;*/
}


/*  _____________________________________________________________________________

    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;
    left: -9999em;
    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: 15px 0 10px 0;
    left: -9999em;
    top: 47px; /* border: 1px solid #1b1b1b; border-top: none; border-radius: 0 0 4px 4px;*/
    display: block;
    z-index: 9998;
    background: #FFFFFF;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    left:0px !important;
}
.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;
    font-weight: 600;
}

.megamenu .col_1 p, .megamenu .col_2 p, .megamenu .col_3 p, .megamenu .col_4 p, .megamenu .col_5 p, .megamenu .col_6 p, .megamenu .col_7 p, .megamenu .col_8 p, .megamenu .col_9 p, .megamenu .col_10 p, .megamenu .col_11 p, .megamenu .col_12 p
{
    font-weight: 500;
}


/* modified by eric to adjust for padding in rows1...rows4 (-10px ea) */
.megamenu .col_1
{
    width: 40px;
}
.megamenu .col_2
{
    width: 120px;
}
.megamenu .col_3
{
    width: 200px;
}
.megamenu .col_4
{
    width: 280px;
}
.megamenu .col_5
{
    width: 360px;
}
.megamenu .col_6
{
    width: 440px;
}
.megamenu .col_7
{
    width: 520px;
}
.megamenu .col_8
{
    width: 600px;
}
.megamenu .col_9
{
    width: 680px;
}
.megamenu .col_10
{
    width: 760px;
}
.megamenu .col_11
{
    width: 840px;
}
.megamenu .col_12
{
    width: 920px;
}


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



/*  _____________________________________________________________________________

    05 DROP DOWN TYPOGRAPHY
    _____________________________________________________________________________  */



.megamenu h1, .megamenu h2, .megamenu h3, .megamenu h4, .megamenu h5, .megamenu h6
{
    padding: 0;
    margin: 0;
    color: #6689a1;
}
.megamenu p
{
    margin-top: 4px;
    padding: 0;
    margin: 0;
    color: #747F87;
}


/* Links */

.megamenu li .dropcontent a, .megamenu li .fullwidth a
{
    text-transform: none;
    display: inline;
    padding: 0;
}
.megamenu li .dropcontent a:hover, .megamenu li .fullwidth a:hover
{
    padding: 0;
}








/*  _____________________________________________________________________________

    06 COLORS
    _____________________________________________________________________________  */


/* CSBA Blue *************************************************************************/
.menu_csba_color
{
    /* menu bar */ /*  background-color: #06557e; allowing underlay as background color */
}
.menu_csba_color .megamenu li .dropcontent a, .menu_csba_color .megamenu li .fullwidth a
{
    /* subsection titles when not active */
    color: #06557e;
}
.menu_csba_color .megamenu li .dropcontent a:hover, .menu_csba_color .megamenu li .fullwidth a:hover
{
    /* subsection titles when active */
    color: #06557e;
}