/* ============================================================= */
/* =================== 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; /*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:2px 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:12px 0px 11px 0px; line-height:125%; color:#181818; 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 19px; /*opacity:0.5; filter:alpha(opacity=50); zoom:1;*/ border-left:1px solid #181818;}
.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:#181818; /*opacity:1; filter:alpha(opacity=100); zoom:1;*/ text-shadow:1px 1px 1px #f2f2f2;}
.MenuWrapper ul li:hover a, ul#PfNavMega li:hover a {background:#cbcbcb;}
.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 #f2f2f2;}

.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;}
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:15px; font-weight:bold; color:#000000; font-family:Tahoma, Verdana, Helvetica, 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:10px 0px 20px 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:140px;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:125%;}
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:125%;}
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 {}

/* IE7 RULES */
ul#PfNavMega div.shadow div.InnerMegaDiv {!width:604px;}
ul#PfNavMega div.jShadow div.InnerMegaDiv {!width:604px;}
ul#PfNavMega li div.Column {!display:inline; /*!float:left;*/}
ul#PfNavMega div ul {!display:inline;}