/*-----------------------------------
 *  vpflyoutnav.css
 *-----------------------------------*/
/*============================================================================
 * Navigation Style Sheet
 *============================================================================*/
 
/*----------------------------------------------------------------------------
 * Product Nav Styles
 *----------------------------------------------------------------------------*/

/*
 * Appearance of container.
 */
#divNav {
    width: 100%;
}

#divNavDisabled {
    width: 78px;
}

#hProductsNav {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #5F9AE2;
    margin: 0px 8px 0px 8px;
    padding-bottom: 4px;
}

/*
 * Menu section header appearance.
 */
body.fixed-960 div.menu-section-header,
body.fixed-960 div.menu-section-header span {
    font-size: 14px;
}

div.menu-section-header,
div.menu-section-header span {
    font-size: 12px;
    font-weight: bold;
}



/*
 * Menu section appearance.
 */
div.menu-section,
div.menu-section-freeproducts,
div.menu-section-services {
    padding-left: 8px;
    padding-right: 16px;
}


/*
 * Menu section body appearance.
 */
div.menu-section-header div.menu-section-body {
    border-bottom: 3px double #5F9AE2;
}

/*
 * Menu section body appearance.
 */
div.menu-section div.menu-section-body,
div.menu-section-services div.menu-section-body {
    border-bottom: 1px solid #5F9AE2;
    cursor: pointer;
    cursor: hand;
}

div.menu-section-freeproducts div.menu-section-body-freeproducts
{
    border-bottom: 1px solid #5F9AE2;
    background-image: url(/vp/images/nns/home/rollover_gradient.gif);
    cursor: pointer;
    cursor: hand;
}

/*
 * Appearance of section header.
 */
div.menu-section div.menu-section-body div.menu-section-title,
div.menu-section-freeproducts div.menu-section-body-freeproducts div.menu-section-title
{
    font-size: 11px;
    font-weight: bold;
    color: #00148f;
}

div.menu-section-services div.menu-section-body div.menu-section-title
{
    font-size: 11px;
    font-weight: bold;
    color: #00148f;
}

div.menu-section-services div.menu-section-body div.menu-section-title a
{
    font-size: 11px;
    font-weight: bold;
    color: #00148f;
}

div.menu-section div.menu-section-body div.menu-section-title,
div.menu-section-freeproducts div.menu-section-body-freeproducts div.menu-section-title,
div.menu-section-services div.menu-section-body div.menu-section-title {
    padding: 6px 4px 4px 4px;

}


div.menu-section-header div.menu-section-body div.menu-section-title {
    padding: 6px 4px 4px 4px;
}


/*
 * Appearance of menu list.
*/
div.menu-section div.menu-section-body ul,
div.menu-section-freeproducts div.menu-section-body-freeproducts ul {
    display: none;
} 

/*
 * Menu section that always appears (not a flyout)
 */
div.static-menu-section {
    padding-left: 11px;
    padding-right: 8px;
    margin: 20px 0px 10px 0px;
}

/*
 * Menu section body appearance.
 */
div.static-menu-section div.menu-section-body {
    border-bottom: 1px solid #5F9AE2;
    padding-bottom: 4px;
}

/*
 * Do not underline links
 */
div.static-menu-section a,
div.menu-section-services a,
div.menu-section-title a {
    text-decoration: none;
}

/*
 * Appearance of menu list.
*/
div.static-menu-section div.menu-section-body ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px; 
} 

/*
 * Appearance of menu list item.
 */
div.static-menu-section div.menu-section-body ul li {
    padding: 0px 0px 2px 8px;
    background-image: url(/vp/images/nns/common/bullets/bullet_list_big.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    margin: 8px 0px 8px 0px;
}
body.center-justify div.static-menu-section div.menu-section-body ul li {
	text-align: left;
}

/*
 * Appearance of menu list item link.
 */
div.static-menu-section  div.menu-section-body ul li a {
    color: #00148f;
}



/*----------------------------------------------------------------------------
 * Product Nav Flyout Styles
 *----------------------------------------------------------------------------*/



div.flyout-shadow {
    position: absolute;
    background-color: black;
    z-index: 2;
    opacity: 0.65;
    filter: alpha(opacity=65);    
}

/*
 * Appearance of flyout menu list.
*/
ul.flyout {
    list-style-type: none;
    margin: 0px;
    padding: 0px; 
    position: absolute;
    background-color: white;
    border: 1px solid #8486C6;
    width: 200px;
    z-index: 10001;
}

/*
 * Appearance of menu list item.
 */
ul.flyout li {
    display: block;
    margin: 0px;
    padding: 3px 5px 3px 30px;
    cursor: pointer;
    cursor: hand;
    background-image: url(/vp/images/nns/common/bullets/bullet_list_big.gif);
    background-repeat: no-repeat;
    background-position: 20px 8px;    
    background-color: #D8E4FB;
}

/* safari hack. Explictly set the li item width to compensate for 30px padding */
body:last-child:not(:root:root) ul.flyout li 
{
    width:130px;
}

body.center-justify ul.flyout li {
	text-align: left;
}


/*
 * Appearance of menu list item link.
 */
ul.flyout li a {
    color: #00148f;
    font-size:11px;
    text-decoration: none;
}

ul.flyout li.current {
    background-color: #3e4db1;
    background-repeat: no-repeat;
    background-position: 20px 8px;
    background-image: url(/vp/images/nns/common/bullets/large_white_bullet.gif);
}

ul.flyout li.current a {
    color: #ffffff;
    font-weight: bold;
}

ul.flyout li.current a:hover {
    text-decoration: none;
}

/*
 * Appearance of section header when showing its flyout menu.
 */
div.menu-section div.menu-section-body div.flyout-active,
div.menu-section div.menu-section-body div.flyout-active a,
div.menu-section-freeproducts div.menu-section-body-freeproducts div.flyout-active,
div.menu-section-freeproducts div.menu-section-body-freeproducts div.flyout-active a
{   color: #ffffff;
    background-color: #3e4db1;
    background-image: url(/vp/images/nns/common/icons/wht_arrow.gif);
    background-repeat: no-repeat;
    background-position: 125px 8px;
}

div.menu-section div.menu-section-body div.flyout-active-submenuless,
div.menu-section div.menu-section-body div.flyout-active-submenuless a,
div.menu-section-freeproducts div.menu-section-body-freeproducts div.flyout-active-submenuless,
div.menu-section-freeproducts div.menu-section-body-freeproducts div.flyout-active-submenuless a
{   
	color: #ffffff;
    background-color: #3e4db1;
}

div.menu-section-services div.menu-section-body div.flyout-active,
div.menu-section-services div.menu-section-body div.flyout-active a
{   color: #ffffff;
    background-color: #3e4db1;
    background-repeat: no-repeat;
    background-position: 125px 8px;
}

/*----------------------------------------------------------------------------
 * Styles for Current Menu Section
 *----------------------------------------------------------------------------*/

/*
 * Changes to menu-section when it is current.
 */
div.current {
    background-color: #c2d4f8;
    padding: 0px;
    border-left: 1px solid #3b78e7;
    border-top: 1px solid #3b78e7;
    border-bottom: 1px solid #3b78e7;
}

/*
 * Changes to menu-section-body when it is current.
 */
div.current div.menu-section-body {
    border-bottom: none;
    background-color: #c2d4f8;
}

/*
 * Changes to menu section header.
 */
div.current div.menu-section-body h4 {
    padding-left: 10px;
}

/*
 * Changes to list item.
 */
div.current div.menu-section-body ul li {
    padding: 0px 0px 2px 18px;
    background-position: 10px 7px;
}

/*
 * Appearance of menu list item.
 */
div.current div.menu-section-body ul li.current {
    background-color: white;
}

/*----------------------------------------------------------------------------
 * E-mail Signup Styles
 *----------------------------------------------------------------------------*/

/*
 * Main layout of the control.
 */
#divExclusiveOffers {
	margin:8px 0px 8px 8px;
}
#divExclusiveOffers div.offer-layout {
    width: 127px;
}

/*
 * Alignment of textbox.
 */
#divExclusiveOffers div.email-input {
    text-align: center;
}

/*
 * Styling of text input field.
 */
#divExclusiveOffers div.email-input #txtEmailSignup {
    font-size: 11px;
    width: 127px;
    margin-bottom:3px;
}

/*
 * Styling of text 
 */
#divExclusiveOffers div.email-offer {
    font-size: 10px;
    color: #2E2f91;
    padding-top:3px;
}

#divExclusiveOffers div.email-offer div.sub-heading {
    font-size: 13px;
    font-weight: bold;
}

div.body-text {
	padding:3px 0px;
}

.NavCallOutText
{
	color:#55A51C;	
	font-weight: bold;
}

/*
 * Styling of signup button.
 */
#divExclusiveOffers div.email-signup {
    padding-top:3px;
    text-align: center;
}

/*-----------------------------------
 *  vpflyoutnav.brand09.css
 *-----------------------------------*/
/*@import url(/vp/css/vpflyoutnav.css?siteversion=201);*/

div.leftNavSpacer
{
	height: 0px;
	border-width: 0px;
	border-top:1px solid #CCCCCC;
	margin-bottom: 0px !important;
	margin-bottom: -2px;
	font-size:0px;
}

div.menu-section-spacer
{
	min-height: 10px;
}

div.menu-section-divider
{
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 4px;
	padding-bottom: 5px;
	color: #00539F;
}

div.menu-section-header,
div.menu-section, 
div.menu-section-freeproducts, 
div.menu-section-services,
div.menu-section-header div.menu-section-body div.menu-section-title,
#divExclusiveOffers div.email-offer
{
	padding: 0 0 0 0;
	color:#000000;
}

#divExclusiveOffers
{
	margin: 0 0 0 0;
}

div#lNavTitleImage-business
{
	background-image: none;
	height: 45px;
	padding-left:0px;
	display:table-cell;
	/*vertical-align:middle;*/
}

div#lNavTitleImage-consumer
{
	background-image: none;
	height: 45px;
	padding-left: 0px;
	display:table-cell;
	vertical-align:middle;
}

div#lNavTitleImage-business span
{

}

div.menu-section div.menu-section-body, 
div.menu-section-services div.menu-section-body 
{
	border-style:none;
	background-image:url(/vp/images/b09/common/divider/links/link-divider.gif);
	background-position: left top;
	background-repeat:repeat-x;
}

div.menu-section div.menu-section-body.first-item, 
div.menu-section-services div.menu-section-body.first-item
{
	background-image:none;
}

div.menu-section-header div.menu-section-body
{
	border-style:none;
}

div.menu-section div.menu-section-body div.menu-section-title, 
div.menu-section-freeproducts div.menu-section-body-freeproducts div.menu-section-title 
{
	color:#00539F;
	font-weight:normal;
}

div.menu-section div.menu-section-body div.flyout-active, 
div.menu-section div.menu-section-body div.flyout-active a, 
div.menu-section-freeproducts div.menu-section-body-freeproducts div.flyout-active, 
div.menu-section-freeproducts div.menu-section-body-freeproducts div.flyout-active a 
div.menu-section div.menu-section-body div.active-nav-link, 
div.menu-section div.menu-section-body div.active-nav-link a
{
	background-color:#00539F;
	background-image:none;
	color:#F2F9FE;
	font-weight:bold;
}

ul.flyout li
{
	background-color:Transparent;
	background-image:url(/vp/images/b09/common/divider/links/link-divider.gif);
	background-position:left top;
	background-repeat:repeat-x;
	padding-left: 5px;
	padding-right: 0px;
	width: 100%;
	list-style-position:outside;
}

ul.flyout li a
{
	font-size:11px;
	width: 100%;
}

ul.flyout li.current {
    background-color: #00539F;
	background-image:url(/vp/images/b09/common/divider/links/link-divider.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

ul.flyout li.current.first-item,
ul.flyout li.first-item
{
	background-image:none;
}

ul.flyout li.current a {
    color: #F2F9FE;
}

.brand-2009 ul.flyout
{
	background-color: Transparent;
	border-style:none;
	width: 190px;
}

#divUtilShadow
{
	display:none;
}

ul.flyout li a
{
	color: #00539F;
}

#divExclusiveOffers div.email-offer div.sub-heading
{
	font-size: 14px;
	padding-bottom: 10px;
}

#divExclusiveOffers div.offer-layout
{
	padding-top:10px;
	padding-left: 5px;
	width: 96%;
}

#divExclusiveOffers div.offer-layout div.body-text
{
	padding-bottom: 10px;
	font-size: 11px;
}
div.menu-section-title table
{
	height: 100%;
}

div.menu-section-title td
{
	vertical-align:middle;
	font-size:14px;
}

div.menu-section-freeproducts div.menu-section-body-freeproducts {
background-image:url(/vp/images/b09/common/bullet/arrow_bullet_02.gif);
background-position:left center;
background-repeat:no-repeat;
border-bottom-width: 0px;
cursor:pointer;
padding-left:5px;
}

div.active-nav-link
{
    background-color: #00539F;
    color: #FFFFFF!important;
    font-weight: bold!important;
}

/* Collapsed navigation used on VHub Page */
/* Flyout menu */

.pcnav-flyout-sub-menu-outer
{
	display: none;
	z-index: 10000;
	width: 175px;
	border-bottom: solid 1px #BEC3C5;
	border-top: solid 1px #BEC3C5;
	border-left: solid 1px #BEC3C5;
}

.pcnav-flyout-sub-menu-inner
{	
	z-index: 10000;
	position: relative;
}


.pcnav-menu-item
{
	min-height: 25px;
	vertical-align: middle;	
	font-size: 11px;
	cursor: pointer;
	cursor: hand;
	vertical-align: middle;
	text-align: left;
	color: #00539F;
	border-bottom: solid 1px #BEC3C5;	
}

.pcnav-menu-item .menu-item-text, .pcnav-nav-section-header .menu-item-text
{	
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
}

.pcnav-menu-item-active .menu-item-text
{
	background-color: #F4AE06;
	border-bottom: none;
	font-weight: bold;
	color: #FFFFFF;
}

.pcnav-nav-section-header 
{
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pcnav-section-spacer
{
	padding-top: 12px;
}

.pcnav-nav-section-header .menu-item-text
{
	border-bottom: none;
	color: #00539F;
}

.pcnav-section-header, .pcnav-section-header-active
{
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	height: 57px;
	cursor: pointer;
	cursor: hand;
	border-bottom: solid 1px #BEC3C5;	
}

.pcnav-section-header .menu-item-text, .pcnav-section-header-active .menu-item-text
{
	position: absolute;
	left: 47px;
	top: 5px;
	vertical-align: middle;
	height: 40px;
	border-bottom: none;	
	color: #000000;
	width: 110px;	
	font-size: 14px;	
}

#aem
{
	width:127px;
	margin-bottom:3px;
	font-size:11px;
}


/* Nav Icons */

.stylized-container-content .menu-section .menu-section-body div.navgroup-holiday-na
{
	
}

div.navgroup-holiday-na,
div#navgroup-holiday-na
{
	color: #bb1e2a;
	font-weight: bold;
}
div.navgroup-holiday-eu,
div#navgroup-holiday-eu
{
	color: #bb1e2a;
	font-weight: bold;
}

div.navgroup-holiday-na td.nav-text-td,
div#navgroup-holiday-na td.nav-text-td
{
	padding-left: 3px;
}
div.navgroup-holiday-eu td.nav-text-td,
div#navgroup-holiday-eu td.nav-text-td
{
	padding-left: 4px;
}

/* Counters the standard global font settings */
.menu-section-title td.cancel-global-td
{
	font-family: inherit;
	font-size: 11px;
}



.vp-stylized-container .stylized-container-content .menu-section .menu-section-body  div#navgroup-holiday-na.flyout-active
{
	color:white;
}

.vp-stylized-container .stylized-container-content .menu-section .menu-section-body  div#navgroup-holiday-eu.flyout-active
{
	color:white;
}

/*
	Expanded product menu fly-out
*/

div.expanded-section-header
{
	background-image:url(/vp/images/b09/common/divider/links/link-divider.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	border-style:none;
}


div.expanded-section-header-active div,
div.expanded-section-header-active #navgroup-holiday-eutext,
div.expanded-section-header-active #navgroup-holiday-natext
{
	color: #F2F9FE;
	font-weight: bold;
}

div.expanded-section-header-active
{
	background-color:#00539F;
}

#navgroup-holiday-eu .menu-item-icon,
#navgroup-holiday-na .menu-item-icon
{
  margin-top: -4px;
}

#navgroup-holiday-eu .menu-item-text,
#navgroup-holiday-na .menu-item-text
{
	color: #BB1E2A;
	padding-left: 4px;
	font-weight: bold;
	position: absolute;
}


div.expanded-section-header-last, div.expanded-section-header
{
	color:#00539F;
	font-weight:normal;
	padding: 6px 4px 4px 4px;
	font-size:11px;
	cursor: pointer;
}

div.expanded-section-header .menu-item-text,
div.expanded-section-header-last .menu-item-text
{
	vertical-align: top;
	margin-bottom: 4px;
}

div.expanded-section-header .menu-item-text,
div.expanded-section-header-last .menu-item-text
{
	display: inline;
	width: 100%;
}

/* Nav Group Text */
div.expanded-section-header-first .menu-item-text
{
	display: inline;
}

div.expanded-section-header-first
{
	display: inline;
	vertical-align: middle;
	background-image:none;
	padding-left: 4px;
	padding-bottom: 36px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	min-width: 144px;
}

div.expanded-section-header-first div
{
	position: absolute;
	top: 24px;
	width: 110px;
}

/*	Level Two - individual products	*/

div.expanded-level-two-outer
{
	text-align: left;
	z-index:10000;
	width: 190px;
	display: none;
}

div.expanded-level-two-item,
div.expanded-level-two-item-last,
div.expanded-level-two-item-first
{
	list-style-position:outside;
	padding-left:5px;
	padding-right:0;
	width:100%;
	cursor:pointer;
	display:block;
	margin:0;
	padding: 3px 5px 3px 5px;
	color:#00539F;
	text-decoration: none;
}

div.expanded-level-two-item,
div.expanded-level-two-item-last
{
	background-color:Transparent;
	background-image:url(/vp/images/b09/common/divider/links/link-divider.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

div.expanded-level-two-item-active  div
{
	color: #F2F9FE;
	font-weight: bold;
}

div.expanded-level-two-item-active
{
	background-color:#00539F;
	background-image:none;
}


div.aThruZLink
{
	color:#00539F; 
	font-size:11px;
	width:100%; 
	text-align:right;
}

div.menu-item-sub-item div.aThruZLink
{
	position:absolute;
	z-index:10000000;
	bottom:10px;
	right:5px;
	zoom:1;
}

div.menu-item-sub-item div.aThruZLink a
{
	text-decoration:none;
	z-index:10000000;
	zoom:1;
}

div#divNavLinkbusiness
{
	position:relative;
	z-index:10000;
	zoom:1;
	bottom:83px;
	right:5px;
}

div#divNavLinkconsumer
{
	position:relative;
	z-index:10000;
	zoom:1;
	bottom:37px;
	right:5px;
}

div#divNavLinkbusiness a,
div#divNavLinkconsumer a
{
	font-weight:bold;
	text-decoration:none;
}