/*-----------------------------------
 *  vpnewvisitor.css
 *-----------------------------------*/
/*============================================================================
 * New Visitor Homepage Style Sheet
 *============================================================================*/

/*----------------------------------------------------------------------------
 * Product Nav Styles
 *----------------------------------------------------------------------------*/


/*
 * Style for product navigation.
 */
div.product-nav {
}


/*
 * Space around the product section image.
 */
div.product-nav div.product-section {
}

/*
 * Bottom border for the area.
 */
div.product-nav div.footer {
    height: 9px;
    overflow: hidden;
}

/*
 * Group Heading Style
 */
#divNVOfferSignUp div.offer-body div.email-banner div.group-heading,
div.product-nav div.group-heading {
    font-size: 16px;
    color: #00148f;
    font-weight: bold;
    background-image: url(/vp/images/nns/common/bullets/arrow_big.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 7px;
}

#divNVOfferSignUp div.offer-body div.email-banner div.group-heading-no-arrow,
div.product-nav div.group-heading {
    font-size: 16px;
    color: #00148f;
    font-weight: bold;
}

div.product-nav div.group-heading a.nav {
	text-decoration: none;
}


/*----------------------------------------------------------------------------
 * Product Nav Teaser Styles
 *----------------------------------------------------------------------------*/

/*
 * General spacing and borders.
 */
#tblBrowseOurProductsBody div.product-nav-teaser {
    margin-bottom: 8px;
}

/*
 * Product image alignment.
 */
#tblBrowseOurProductsBody div.product-nav-teaser div.product-image {
    text-align: center;
}

/*
 * Teaser text alignment.
 */
#tblBrowseOurProductsBody div.product-nav-teaser div.product-teaser-text {
    text-align: center;
}

/*
 * Appearance of teaser text link.
 */
#tblBrowseOurProductsBody div.product-nav-teaser div.product-teaser-text a {
    color: #00148f;    
}

#tblBrowseOurProductsBody div.product-nav-teaser div.product-teaser-text a:hover {
    color: #000033;   
    text-decoration: underline; 
}

/*
 * Appearance of teaser text price.
 */
#tblBrowseOurProductsBody div.product-nav-teaser div.product-teaser-text a span.price {
    color: #de0000;
}

#tblBrowseOurProductsBody div.product-nav-teaser div.product-teaser-text a span.pricediscount {
    color: red;
}

#tblBrowseOurProductsBody div.product-nav-teaser div.product-teaser-text a:hover span.price {
    color: #000033;
}

/*----------------------------------------------------------------------------
 * General Page Layout
 *----------------------------------------------------------------------------*/

/*
 * Margins above and below Nav
 */
#tblBrowseOurProductsBody 
{
}

/*
 * Hack to fix unexplained extra space below marquee
 */
h1.section-title 
{
	margin-top: 0px !important;
}

#tblBrowseOurProductsBody td.product-nav {
    background-image: url(/vp/images/nns/home/nav/hm_prod_divide_line.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    padding: 6px;
    width: 25%;
}

#tblBrowseOurProductsBody td.product-nav-teaser {
    background-image: url(/vp/images/nns/home/nav/hm_prod_teaser_bg.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 6px;
    width: 25%;
}

#tblBrowseOurProductsBody td.product-nav-freeproducts {
    background-image: url(/vp/images/nns/home/bg_line_image_transparent.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    padding: 6px;
    width: 25%;
}

#tblBrowseOurProductsBody td.product-nav-teaser-freeproducts {
    background-image: url(/vp/images/nns/home/bg_line_image.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 6px;
    width: 25%;
}

#tblBrowseOurProductsBody td.navseparator {
    padding: 6px;
}

/*----------------------------------------------------------------------------
 * Product Marquee Styles
 *----------------------------------------------------------------------------*/

/*
 * Main product marquee layout.
 */
#divNVMarquee {
	margin-top: 4px;
	width: 100%;
}

#divNVMarqueeOptIt
{
	background-image: url("/vp/images/nns/home/marquee/hm_opt_in_marquee.gif");	
	width: 256px;
	height: 154px;
	background-repeat: no-repeat;
}

input.inputNVMarqueeOptIt
{
	width: 140px;
	position: relative;
	margin-left: 55px;
	margin-top: 105px;
	height: 20px;
	font-size: 12px;
}

a.linkNVMarqueeOptIt
{
	display:block;
	width:90px;
	height:20px;
	position: relative;
	margin-left: 78px;
	cursor: pointer;
}


#tdNVMarqueeOptIt {
	background-image: url("/vp/images/nns/home/marquee/hm_opt_in_marquee.gif");	
	position: relative;
	margin-left: 64px;
	margin-top: 50px;	
}

divNVMarqueeOptItInput

.section-title {
width: 100%;
}

/*
 * Section title - Main Section Title
 * Override padding-left to line up text with that in Nav below.
 */
td.section-title-middle {
    padding-left: 16px;
}

/*----------------------------------------------------------------------------
 * Sign Up Offer Styles
 *----------------------------------------------------------------------------*/

/*
 * General offer layout and background color/images.
 */
#divNVOfferSignUp {
    background-image: url(/vp/images/nns/home/nav/hm_email_box_tile.jpg);
    background-position: right top;
    background-repeat: repeat-y;
    background-color: #EFF3FF;
    width: 335px;
}

/*
 * Header image.
 */
#divNVOfferSignUp div.header {
    background-image: url(/vp/images/nns/home/nav/hm_email_blue_box_top.gif);
    height: 6px;
    overflow: hidden;    
}

/*
 * Layout of internal components.
 */
#divNVOfferSignUp div.offer-body {
    padding: 5px 20px 5px 20px;
    color: #00148f;
}

/*
 * Offer message format.
 */
#divNVOfferSignUp div.offer-body div.email-offer {
    margin: 3px;
    font-size: 12px;
}

/*
 * Appearance of the word "free" in the offer message.
 */
#divNVOfferSignUp div.offer-body div.email-offer span.free {
    font-weight: bold;
    color: red;
}

/*
 * Appearance of the word "free" in the offer message.
 */

#divNVOfferSignUp div.offer-body div.sub-heading,
#divNVOfferSignUp div.offer-body td div.sub-heading {
    font-weight: bold;
    color: #00148f;
    font-size: 12px;
    margin: 8px 0px 0px 0px;	
}


/*
 * Offer textbox alignment.
 */
#divNVOfferSignUp div.offer-body div.email-input {
    margin: 3px;
}

/*
 * Offer textbox format.
 */
#divNVOfferSignUp div.offer-body div.email-input input.email {
    font-size: 12px;
    margin-right: 7px;
    width: 170px;
}	

/*
 * Footer image.
 */
#divNVOfferSignUp div.footer
{
    background-image: url(/vp/images/nns/home/nav/hm_email_blue_box_bottm.gif);
    height: 6px;
    overflow: hidden;
}

/*country flags*/

div.divSelectCountryLeft
{
	position:relative;
	float:left;
}

/*Vertical Hubs*/

.industry-vhubs
{
	clear:both;
}

.consumer-vhubs
{
	clear:both;
}

.vhub-category-links
{
	float:left;
	width: 140px;
}

#navContainer-consumer .vhub-category-links
{
	width: 150px;
}

.link-box-accent {
	margin-top:-40px;
}

.link-box
{
	float:left;
	width: 169px;
	margin-left: 20px;
}

.vhub-category-link
{
	border-bottom: 1px dotted #BDC3C5 !important;
	padding: 3px;
}

.vhub-category-links a
{
	text-decoration:none;
}

.link-box-subheader 
{
	padding: 0 5px 10px;
}

.link-box-button 
{
	text-align:right;
}

.vhub-category-links H3,
.link-box H3 
{
	margin:0;
	padding:0;
}

.see-more-categories
{
	padding: 20px 0px;
}

/*-----------------------------------
 *  vpnewvisitor.brand09.css
 *-----------------------------------*/
/*@import url(/vp/css/home/vpnewvisitor.css?siteversion=201);*/

.page-content-outer-container
{
	background-image:none;
	margin-left:auto !important;
	margin-right:auto !important;
	position:relative;
	text-align:center;
}

body.fixed960 div.page-content-inner-container,
div.page-content-inner-container
{
	position:relative;
	margin:0px auto !important;
	left:0px !important;
	padding-left: 8px !important;
	padding-right: 0px !important;
	text-align:center;
}

div#divNVMarquee
{
	background-color:white;	
	border-right:1px solid #BEC3C5;
	border-left:1px solid #BEC3C5;
	margin-top:0px;	
	width: auto;
}

#tdMarqueeImage
{
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px solid #D1E8F6;
	height:222px;
	vertical-align:bottom;
	width:578px;
}

#tdImageLink
{
	background:url(/vp/images/b09/home/new/marquee/hm-marquee-frame.gif) no-repeat 0px -1px;
	border-bottom:1px solid #D1E8F6;
	height:222px;
	text-align:right;
	vertical-align:bottom;
	width:380px;
}

#tdImageLink a
{
	margin:0px;
	padding:0px;
}

.quote-link
{
	position:absolute;
	right:20px;
	
}

#divQuoteContainer
{
	width:578px;
	position:relative;
	bottom:0px;
}

#expandedQuote
{
}

.quoteOuter
{
	width:100%;
	float:left;
	height:175px;
}

.quoteClose
{
	float:right;
	font-weight:bold;
}

.quoteClose a
{
	text-decoration:none;
}

.quoteClose tr
{
	vertical-align: top;
	height: 30px;
}

.quoteCloseImageAnchor
{
	background-image:url("/vp/images/b09/common/button/graphical/orange_collapse_button.png");
	background-position: right top;
	background-repeat: no-repeat;
	height: 28px;
}

.quote-text
{
	padding-bottom:5px;
}

.quoteSeparator
{
	float:left;
	height:185px;
	width:2px;
	margin-left:20px;
	margin-right:5px;
}

.quoteSeparator .top
{
	/*background:url(/vp/images/b09/common/divider/divider-01/top.gif) no-repeat bottom center;*/
	height:2px;
	line-height:2px;
	margin:0px;
	padding:0px;
	margin-top:5px;
	width:2px;
}

.quoteSeparator .mid
{
	background:url(/vp/images/b09/common/divider/divider-01/middle.gif) repeat-y top center;
	height:150px;
	line-height:2px;
	width:2px;
}

.quoteSeparator .bot
{
	/*background:url(/vp/images/b09/common/divider/divider-01/bottom.gif) no-repeat top center;*/
	height:2px;
	line-height:2px;
	width:2px;
}

.quote1
{
	color:#3D3C39;
	float:left;
	line-height:16px;
	margin-left:20px;
	width:230px;
	text-align:left;
}

.quote2
{
	width:230px;
	color:#3D3C39;
	float:right;
	line-height:16px;
	margin-right:20px;
	text-align:left;
}

.quote-details
{
	color:#FF7900;
	margin-top:7px;
	padding-bottom:5px;
}
.quote-person
{
	font-weight:bold;
}

#navdatacontainer
{
	width:100%;
	padding-top:10px;
	padding-left:2px;
	position:relative;
}

#NVHPfooterContainer
{
	position:relative;
}

.h1-title
{
	background-color:White;
	border-left:1px solid #BEC3C5;
	border-right:1px solid #BEC3C5;
	width:auto;
	font-size:0; /* when this div is empty (no text in H1), IE gives this empty element height*/
}

/*
 *  NavContainer
 */
 
 div#navContainer-business
 {
 	width:555px;
 	float:left;
 	margin-right:10px;
 }

 div#navContainer-consumer
 {
 	width:371px;
 	float:left;
 	height:100%;
 }
 
/*
 * NavData Tables
 */
 
.tblProductsTable
{
	table-layout:fixed;
	width:100%;
	height:auto;
	padding:0px 0px;
	margin:0px 0px 15px 0px;
	text-align:left;
} 
 
.tdTableHeaderIcon
{
	height:50px;
	width:55px;
}

.listSpacer
{
	width:55px;
}

.tdProductsTableHeaderLeftCap
{
	width:15px;
}

.tdProductsTableHeaderTitle
{
	font-size:18px;
}

.tdProductsTableProductsAreaList
{
	padding:3px 0px 0px 0px;
	margin:0px;
	float:left;
}

.tdProductsTableProductsAreaCallout
{
	vertical-align:top;
	padding:0px;
	margin:0px;
}

#prdCallout-consumer
{
	margin-bottom:10px;
}

.tdRowSpacer
{
	height:20px;
}

/*
 * Paginator table container
 */
#prdCallout-business .paginatorTable,
#prdCallout-consumer .paginatorTable
{
	width:100%;
	position:relative;
	right:-2px;
}

.paginatorTable td.blank
{
	border-top:1px solid #BDC3C5;
}

.paginatorTd
{
	width:86px;
	text-align:right;
	border-top:0px solid #BDC3C5;
}

.paginatorTd div
{
	float:right;
}

/*
 * Paginator Styling
 */

.tdProductsTableProductsAreaCallout .vp-widget-paginator-default-previous
{
	background-image: url(/vp/images/b09/common/paginator/hero-strong/previous-active.png);
	background-repeat:no-repeat;
	height:20px;
	width:19px;
}

.tdProductsTableProductsAreaCallout .vp-widget-paginator-default-previous-disabled
{
	background-image: url(/vp/images/b09/common/paginator/hero-strong/previous-disabled.png);
	background-repeat:no-repeat;
	height:20px;
	width:19px;
}

.tdProductsTableProductsAreaCallout .vp-widget-paginator-default-previous-over
{
	background-image: url(/vp/images/b09/common/paginator/hero-strong/previous-active.png);
	background-repeat:no-repeat;
	height:20px;
	width:19px;
}

.tdProductsTableProductsAreaCallout .vp-widget-paginator-default-next
{
	background-image: url(/vp/images/b09/common/paginator/hero-strong/next-active.png);
	background-repeat:no-repeat;
	height:20px;
	width:19px;

}

.tdProductsTableProductsAreaCallout .vp-widget-paginator-default-next-disabled
{
	background-image: url(/vp/images/b09/common/paginator/hero-strong/next-disabled.png);
	background-repeat:no-repeat;
	height:20px;
	width:19px;
}

.tdProductsTableProductsAreaCallout .vp-widget-paginator-default-next-over
{

	background-image: url(/vp/images/b09/common/paginator/hero-strong/next-active.png);
	background-repeat:no-repeat;
	height:20px;
	width:19px;
}

.tdProductsTableProductsAreaCallout .vp-widget-paginator-container td
{
	width:auto;
}

.tdProductsTableProductsAreaCallout .vp-widget-paginator-default-selected,
.tdProductsTableProductsAreaCallout .vp-widget-paginator-default-basic-over
{
	background-color:transparent;
	background-image: url(/vp/images/b09/common/paginator/hero-strong/selected-cut.png);
	background-repeat:no-repeat;
	border:none;
	color:#222222;
	font-size:12px;
	font-weight:bold;
	height:19px;
	line-height:19px;
	width:17px;
}

.tdProductsTableProductsAreaCallout .vp-widget-paginator-default-basic
{
	background-color:#BFC4C6;
	background-image: url(/vp/images/b09/common/paginator/hero-strong/active-cut.png);
	background-repeat:no-repeat;
	border:none;
	color:White;
	font-size:12px;
	font-weight:bold;
	height:19px;	
	line-height:19px;
	width:17px;
}

/*
 * Callout Styling
 */

.heroLinkImg
{
	cursor:pointer;
}

.divTextButtonLink
{
	margin-top:10px;
	text-align:right;
}

div.calloutPrice
{
	margin-top:10px;
}

div.calloutTeaserContainer
{
	position:relative;
	padding: 0px 0px 0px 5px;
}

div.calloutTeaserContainerbusiness
{
	width:230px;
}

div.calloutTeaserContainerconsumer
{
	width:173px;
}

div.calloutTeaserContainer span.calloutTeaserHeader, 
div.calloutTeaserHeader, 
.calloutPrice
{
	font-weight:bold;
}

div.calloutTeaserContainer a.calloutTeaserLink
{
	line-height:35px;
}

/*
 * Product Group List Styling
 */
 
td#tdProductGroupList-business-L,
td#tdProductGroupList-business-R
{
	width:150px;
}
 
div.navGroupHeader,
div.group-heading
{
	font-size: 12px;
	font-weight: bold;
	text-align:left;
}

.tblProductList ul,
ul.product-list
{
	margin:0px;
	padding:0px;
}

.liProduct,
ul.product-list li,
ul.product-listNew li
{
	list-style-type:none;
	display: block;
	padding-left: 2px;
	background-image:none;
	text-align:left;
	border-bottom: 1px dotted #BDC3C5 !important;
	margin-top:3px;
}

li.liProduct a,
ul.product-list li a,
ul.product-listNew li a
{
	font-size:11px;
	color:#00539F;
	text-decoration:none;
}

span.navCount
{
	color:#555555;
}

a.navExpand
{
	padding-left:6px;
	background-image:url(/vp/images/b09/common/bullet/arrow_bullet_01.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

a.navCollapse
{
	padding-left:10px;
	background-image:url(/vp/images/b09/common/bullet/arrow_bullet_up_02.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.tblProductList
{
	width:100%;
	margin:0px;
	padding:0px 0px 10px 0px;
}

.tblProductList td
{
	vertical-align:top;
}

.navGroupList
{
	width:90%;
 	vertical-align:top;
 	padding: 0px 0px 10px 3px;
 	float:left;
 	margin-right:5px;
}

.freeProdFRListBiz .navGroupHeader,
.freeProdFRListHomeAndFam .navGroupHeader
{
	padding-left:9px;
	color:#D1005D;
	background:url(/vp/images/b09/common/bullet/arrow_bullet_02.gif) no-repeat center left;
}

/*
 * NavEmailRegistrationNew
 */
#NVHPfooterContainer
{
	width:950px;
	table-layout:fixed;
	text-align:left;
}

#NVHPfooterContainer .left
{
	width:554px;
	padding-right:10px;
	vertical-align:top;
}

#NVHPfooterContainer .right
{
	vertical-align:top;
	width:366px;
}
 
#divContainerSignUp
{
	position:relative;
	width:366px;
}

#divContainerSignUp .offer-body
{
	width:345px;
}

/*
 * Group Heading Style
 */
 
#divContainerFeatures
{
	height:100%;
}
 
#divNVOfferSignUpNew
{
	width:450px;
}
 
#NVHPfooterContainer div.offer-body div.email-banner div.group-heading
{
    font-size: 16px;
    color: black;
    font-weight: bold;
    background-image: url(/vp/images/nns/common/bullets/arrow_big.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 7px;
}

#NVHPfooterContainer div.offer-body div.email-banner div.group-heading-no-arrow
{
    font-size: 16px;
    color: black;
    font-weight: bold;
}

#NVHPfooterContainer div.group-heading a.nav {
	text-decoration: none;
}

#NVHPfooterContainer td.tdSignUpInner
{
	vertical-align:top;
}

/*
 * Layout of internal components.
 */
#NVHPfooterContainer div.offer-body {
    padding: 5px 20px 5px 20px;
    color: black;
}

/*
 * Offer message format.
 */
#NVHPfooterContainer div.offer-body div.email-offer {
    margin: 3px;
    font-size: 12px;
}

/*
 * Appearance of the word "free" in the offer message.
 */
#NVHPfooterContainer div.offer-body div.email-offer span.free {
    font-weight: bold;
    color: red;
}

/*
 * Appearance of the word "free" in the offer message.
 */

#NVHPfooterContainer div.offer-body div.sub-heading,
#NVHPfooterContainer div.offer-body td div.sub-heading {
    font-weight: bold;
    color: black;
    font-size: 12px;
    margin: 8px 0px 0px 0px;	
}

/*
 * Offer textbox alignment.
 */
#NVHPfooterContainer div.offer-body div.email-input 
{
    margin: 3px;
}

/*
 * Offer textbox format.
 */
#NVHPfooterContainer div.offer-body div.email-input input.email 
{
    font-size: 12px;
    margin-right: 7px;
    width: 170px;
    background-color:#FFFFA0;
}

/*
 * Pricing colors
 */
.undefined-price
{
	color:#D1005D;
}

.comparative-list-price .undefined-price
{
	color:Black;
}

.pricediscount
{
	color:#D1005D;
}

/**
* Package deal callout
*/
.secondary-callout-teaser-header
{
	font-weight: bold;
	font-size: 14px;
}

.secondary-callout-teaser-subtext
{
	padding-top: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #FF7900
}

.secondary-callout-button-container
{
	padding-top: 15px;
	text-align: right;
}

.secondary-callout-container
{
	padding-top: 5px;
	width: 235px;
}

/**
* Thinking Green callout
*/
.third-callout-container
{
	padding-top: 5px;
	width: 235px;
}

.third-callout-image1{
	float:left;
	vertical-align:top;
	
}

.third-callout-image2{
	float:right;
	vertical-align:bottom; 
	
}

.third-callout-header{
	font-weight:bold;
	font-size:12px;	
}

.third-callout-text{
	padding-top:4px;
}

.third-callout-table{
	background-image: url("/vp/images/b09/misc-graphics/thinking-green/recycle.png");
	background-repeat:no-repeat;
	background-position:right bottom;
	height:115px;
}

.third-callout-button-container
{	
	text-align: right;	
}

#VHPBusinessColumn-paginator-container
{
	position: relative;
	z-index:10;
	margin-bottom:-251px;
	margin-top:231px;
}

#VHPConsumerColumn-paginator-container
{
	position: relative;
	z-index:10;
	margin-bottom:-251px;
	margin-top:231px;
}
