/* ============================================================= */
/* =================== Main tab styling ======================== */
/* ============================================================= */

.MenuWrapper, div.MenuWrapperMega {z-index:1000; display:block; margin:0px auto; padding:0px; /*position:relative;*/ /*height:45px;*/ font-family:Arial, Helvetica, sans-serif;}

.MenuWrapper div.PfNav, div.MenuWrapperMega div.PfNav  {margin:auto; z-index:1000; width:745px;/*position:absolute; top:0px; left:0px;*/ display:block; /*text-align:center;*/ padding:0px;}
/* ============================================================= */
/* =================== Main tab styling (level 0) ============== */
/* ============================================================= */

/* =================== styling for non-Mega ==================== */

.MenuWrapper ul, ul#PfNavMega {margin:auto; position:static; list-style:none; font-weight:bold; margin:0px; padding:0px; text-align:center; vertical-align:top; display:inline-block;}

.MenuWrapper ul li, ul#PfNavMega li {display:inline-block; float:left; /*position:relative;*/ margin:0px 0px 0px 0px; padding:0px; text-align:center; border-bottom:none; overflow:visible;}
.MenuWrapper ul li:first-child, ul#PfNavMega li:first-child {border:none;}
.MenuWrapper ul li:hover, ul#PfNavMega li:hover {z-index:1;}
.MenuWrapper ul li.HasChildren:hover, ul#PfNavMega li.HasChildren:hover {}

.MenuWrapper ul, ul#PfNavMega {position:static;}
.MenuWrapper ul a, ul#PfNavMega a {display:block; margin:0px; padding:8px 0px 9px 0px; line-height:125%; color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none; /*white-space:nowrap;*/}
.MenuWrapper ul li:first-child a, ul#PfNavMega li:first-child a {}
.MenuWrapper ul li a span.MenuText, ul#PfNavMega li a span.MenuText {display:block; padding:0px 10px; /*opacity:0.5; filter:alpha(opacity=50); zoom:1;*/ border-left:1px solid #ffffff;color:#ffffff; font-weight:bold !important;}
.MenuWrapper ul li:first-child a span.MenuText, ul#PfNavMega li:first-child a span.MenuText {border:none;}
.MenuWrapper ul li.Active a, ul#PfNavMega li.Active a {}
.MenuWrapper ul li.Active a span.MenuText, ul#PfNavMega li.Active a span.MenuText {color:#ffffff; /*opacity:1; filter:alpha(opacity=100); zoom:1;*/ text-shadow:1px 1px 1px #191919;}
.MenuWrapper ul li:hover a, ul#PfNavMega li:hover a {background: url(images/headerslice_hover.png)}
.MenuWrapper ul li:hover a span.MenuText, ul#PfNavMega li:hover a span.MenuText {/*opacity:1; filter:alpha(opacity=100); zoom:1;*/ text-shadow:1px 1px 1px #191919;}

.MenuWrapper ul li.HasChildren a span.MenuText {}
ul#PfNavMega li.HasChildren a span.MenuText {}

/* ============================================================= */
/* =================== DropMenu Styling           ============== */
/* ============================================================= */

ul#PfNavMega div.shadow, ul#PfNavMega div.jShadow {overflow:visible; z-index:9999; position:absolute; padding:0px 0px 6px 0px; margin:0px; width:100%; text-align:center; background:#ffffff; border:1px solid #5b5b5b; border-top:0px solid #5b5b5b; -moz-box-shadow:0px 3px 6px 0px #000000; -webkit-box-shadow:0px 3px 6px 0px #000000; box-shadow:0px 3px 6px 0px #000000; background:-webkit-gradient(linear, left top, left bottom, color-stop(0px,#000000), color-stop(15px,#ffffff)); background:-webkit-linear-gradient(top, #cccccc 0px, #ffffff 15px); background:-moz-linear-gradient(top, #cccccc 0px, #ffffff 15px); background:-ms-linear-gradient(top, #cccccc 0px, #ffffff 15px); background:-o-linear-gradient(top, #cccccc 0px, #ffffff 15px); background:linear-gradient(top,  #cccccc 0px,#ffffff 15px); /*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 );*/}
ul#PfNavMega div.shadow div.InnerMegaDiv, ul#PfNavMega div.jShadow div.InnerMegaDiv {z-index:1; margin:0px; width:100%; padding:0px; text-align:center;}

/******************************* Normal CSS begin *************************/
ul#PfNavMega div.shadow {display:block; left:-10000px; top:auto; /*CSS3 >>*/opacity:0.0; /* Firefox */ -moz-transition:opacity 0.25s ease 0.1s; /* WebKit */ -webkit-transition:opacity 0.25s ease 0.1s; /* Opera */ -o-transition:opacity 0.25s ease 0.1s; /* Standard */ transition:opacity 0.25s ease 0.1s; /*<< CSS3*/}
ul#PfNavMega div.shadow div.InnerMegaDiv {}

/* show drop divs */
ul#PfNavMega li:hover div.shadow {left:-1px; opacity:1;} /*neg margin is for shadow */
/******************************* Normal CSS end ***************************/


/******************************* jQuery CSS begin *************************/
ul#PfNavMega div.jShadow {display:none; left:-1px; top:auto;}
ul#PfNavMega div.jShadow div.InnerMegaDiv {}

/* show drop divs */
ul#PfNavMega li:hover div.jShadow {} /*neg margin is for shadow */
/******************************* jQuery CSS end ***************************/

.IconImgBefore {padding:0px 5px; vertical-align:middle;}
.HtmlBeforeLevel0 {display:block; float:left; margin-right:20px;}

ul#PfNavMega li div.Column {
    display:table-cell;
    border:none;
    vertical-align:top;
    float:left;

}
ul#PfNavMega li:hover div.Column {}

/* ============================================================= */
/* =================== Column Heading Styling (level 1) ======== */
/* ============================================================= */

ul#PfNavMega ul {
                list-style:none;
                margin:0px;
                padding:0px;
}
ul#PfNavMega ul li {
                background:none;
                border:none;
                padding:0px 0px 0px 0px;
                margin:5px 0px 0px 0px;
                text-align:left;
                vertical-align:top;
}
ul#PfNavMega ul li:hover {
                background:none;
                padding:0px 0px 0px 0px;
                margin:5px 0px 0px 0px;
}
ul#PfNavMega ul li a {
                font-size:13px;
                font-weight:bold;
                color:#000000;
                font-family:Verdana, Geneva, sans-serif;
                opacity:1;
                filter:alpha(opacity=100);
                zoom:1;
                text-shadow:none;
}
ul#PfNavMega li div ul li a {
                background:none;
                border:none;
}
ul#PfNavMega li:hover div ul li a {
                background:none;
                border:none;
                padding-left:8px;
                color:#000000;
                opacity:1;
                filter:alpha(opacity=100);
                zoom:1;
                text-shadow:none;
}
ul#PfNavMega li:hover div ul li a:hover {/*background:url(images/megaL1_hover.png) 0px 14px no-repeat;*/
}


/* ============================================================= */
/* =================== Menu item styling (level 2) ============= */
/* ============================================================= */

ul#PfNavMega ul li ul li a {
                font-size:12px;
                font-weight:normal;
                color:#000000;
                font-family:Verdana, Geneva, sans-serif;
}
ul#PfNavMega div ul {
                position:relative;
                display:inline-block;
                margin:5px 0px 10px 0px;
                vertical-align:top;
}
ul#PfNavMega div ul li {
                display:block;
                position:relative;
                background:none;
                border:none;
                padding:0px 10px 0px 10px;
                margin:5px 0px 0px 0px;
                text-align:left;
                vertical-align:top;
                width:210px;
                clear:both;
}
ul#PfNavMega div ul li:hover {
                display:block;
                position:relative;
                background:none;
                border:none;
                padding:0px 10px 0px 10px;
                margin:5px 0px 0px 0px;
                text-align:left;
                vertical-align:top;
}
ul#PfNavMega div ul li ul {
                margin:5px 0px 0px 0px;
}
ul#PfNavMega div ul li ul li {
                display:block;
                position:relative;
                background:none;
                border-bottom:1px solid #e1e1e1;
                padding:0px 0px 0px 0px;
                margin:0px 0px 0px 0px;
                text-align:left;
                vertical-align:top;
}
ul#PfNavMega div ul li ul li:first-child {
                border-bottom:1px solid #e1e1e1;
}
ul#PfNavMega div ul li ul li:hover {
                display:block;
                position:relative;
                background:none;
                border-bottom:1px solid #e1e1e1;
                padding:0px 0px 0px 0px;
                margin:0px 0px 0px 0px;
                text-align:left;
                vertical-align:top;
}
ul#PfNavMega li:hover div ul li ul li a {
                color:#000000;
                padding:5px 0px 5px 8px;
                margin:3px 0px;
                line-height:110%;
}
ul#PfNavMega li:hover div ul li ul li a:hover, ul#PfNavMega li:hover div ul li ul li.Active a {
                color:#f2f2f2;
                background:#6B6B6B;


/* ============================================================= */
/* =================== Menu item styling (level 3) ============= */
/* ============================================================= */

ul#PfNavMega div ul li ul li ul {
                margin:5px 0px 15px 15px;
}
ul#PfNavMega div ul li ul li ul li {
                border:none;
                background:none;
}
ul#PfNavMega div ul li ul li ul li:hover {
                border:none;
                background:none;
}
ul#PfNavMega div ul li ul li ul li:hover a {
}
ul#PfNavMega li:hover div ul li ul li ul li a {
                padding:3px 8px;
                margin:0px;
                line-height:110%;
}
ul#PfNavMega li:hover div ul li ul li ul li a:hover, ul#PfNavMega li:hover div ul li ul li ul li.Active a {
}

