/*-----------------------------------
 *  pricinggrid.css
 *-----------------------------------*/
/*----------------------------------------------------------------------------
 * Pricing Grid Styles
 *----------------------------------------------------------------------------*/

.grid-left {
	background-image: url('/vp/images/nns/pricinggrid/grid_pixel.gif');
	background-repeat: repeat-y;
	background-position: top left;
	vertical-align:bottom;
	border: none;
	padding: none;
}

.grid-right {
	background-image: url('/vp/images/nns/pricinggrid/grid_pixel.gif');
	background-repeat: repeat-y;
	background-position: top right;
	width: 5px;
	vertical-align:bottom;
	border: none;
	padding: none;
}

.grid-tab-active
{
    background-color: #EFF3FF !important;
}

.grid-tab-inactive
{
    background-color: #FFFFFF !important;
}

.grid-tab-content-active {
	font-size: 12px;
	font-family: Arial, Verdana;
	font-weight: bold;
	color: #2E2F91;
	background-color: #EFF3FF;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	text-align: center;
	cursor: hand;
	cursor: pointer;
	width: 35%;
}

.grid-tab-content-inactive {
	font-size: 12px;
	font-family: Arial, Verdana;
	font-weight: bold;
	color: #2E2F91;
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	background-image: url('/vp/images/nns/pricinggrid/grid_pixel.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	cursor: hand;
	cursor: pointer;
	text-align: center;
	width: 35%;
}

.grid-top-left-active
{
    background-image: url('/vp/images/nns/pricinggrid/grid_tab_active_left.gif');
    background-repeat: no-repeat;
    background-position: top left;
    width: 5px;
    height: 6px;
}

.grid-top-left-inactive
{
    background-image: url('/vp/images/nns/pricinggrid/grid_tab_inactive_left.gif');
    background-repeat: no-repeat;
    background-position: top left;
    width: 5px;
    height: 6px;
}

.grid-top-right-active
{
    background-image: url('/vp/images/nns/pricinggrid/grid_tab_active_right.gif');
    background-repeat: no-repeat;
    background-position: top left;
    width: 5px;
    height: 6px;
}

.grid-top-right-inactive
{
    background-image: url('/vp/images/nns/pricinggrid/grid_tab_inactive_right.gif');
    background-repeat: no-repeat;
    background-position: top left;
    width: 5px;
    height: 6px;
}

.grid-bottom {
	background-image: url('/vp/images/nns/pricinggrid/grid_pixel.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	height: 5px;
        width: 100%;
}


.grid-tabs .grid-top
{ 
    width: 35%;
}

.grid-tabs .grid-bottom
{
    width: auto;
}

.grid-left-bottom {
	width: 5px;
	height: 5px;
}

.grid-bottom-left
{
    background-image: url('/vp/images/nns/pricinggrid/grid_btm_left.gif');
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

.grid-bottom-right
{
    background-image: url('/vp/images/nns/pricinggrid/grid_btm_right.gif');
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

.grid-bot-active
{
    background-image: url('/vp/images/c.gif');
    background-position: bottom left;
    background-repeat: repeat-x;
    width: 5px;
    height: 1px;
}

.grid-bot-inactive
{
    background-image: url('/vp/images/nns/pricinggrid/grid_pixel.gif');
    background-position: bottom left;
    background-repeat: repeat-x;
    width: 5px;
    height: 1px;
}

.grid {
	font-size: 1px;
	width:100%;
}

.grid-top-left
{
    background-image: url('/vp/images/nns/pricinggrid/grid_tab_active_left.gif');
    background-repeat: no-repeat;
    width: 5px;
    height: 6px;
}

.grid-top-right
{
    background-image: url('/vp/images/nns/pricinggrid/grid_tab_active_right.gif');
    background-repeat: no-repeat;
    width: 5px;
    height: 6px;
}

.grid-top-left-dual-products
{
    background-image: url('/vp/images/nns/pricinggrid/grid_tab_active_left_dual_products.gif');
    background-repeat:  no-repeat;
    width: 8px;
    height: 16px;
}

.grid-top-right-dual-products
{
    background-image: url('/vp/images/nns/pricinggrid/grid_tab_active_right_dual_products.gif');
    background-repeat: no-repeat;
    width: 8px;
    height: 16px;
}

.grid-top {
	background-image: url('/vp/images/nns/pricinggrid/grid_pixel.gif');
	background-repeat: repeat-x;
	background-color: #EFF3FF;
	background-position: top left;
	cursor: hand;
	cursor: pointer;
	padding: none;
	border-bottom: none;
	width: 100%;
}

.grid-top-dual-product1
{
	font-size: 12px;
	cursor: hand;
	cursor: pointer;
	font-weight: bold;
	color: #2E2F91;
	width: 100%;
	white-space:nowrap;
	position: relative;
	top: 5px;
	left: 2px;
}

.grid-top-dual-product2
{
	font-size: 12px;
	cursor: hand;
	cursor: pointer;
	font-weight: bold;
	color: #2E2F91;
	width: 100%;
	white-space:nowrap;
	position: relative;
	top: 5px;
	right: 10px;
}

.grid-top-dual-products-wrapper
{
	background-image: url('/vp/images/nns/pricinggrid/grid_pixel.gif');
	background-repeat: repeat-x;
	background-color: #EFF3FF;
	background-position: top left;
	padding: none;
	width: 105px;
}

.pricing-content {
	background-color: #EFF3FF;
}

.pricing-table {
	width: 100%;
	font-family: Arial, Verdana;
	font-size: 11px;
	vertical-align: top;
}

.pricing-table .trLastPricingRow td
{
	border-bottom: none;
}

.pricing-table .trNoLineRow td
{
	border-bottom: none;
}

.pricing-table td.grid-left
{
	border-bottom: none;
}

.pricing-table td.grid-right
{
	border-bottom: none;
}

.pricing-table td {
	padding: 5px 3px 5px 3px;
	border-bottom:	1px solid #BEC3C5;
}

.spanPricingEl
{
	width: 30px;
	white-space:nowrap;
}

.spanPricingElAlternate
{
	width: 30px;
	white-space:nowrap;
	text-align: center;
}

.spanDualPricingElAlternate
{
	width: 30px;
	white-space:nowrap;
	text-align: center;
}

.product-separator
{
	width: 10px;
}

.grid tr td 
{
	font-size: 1px;
}

.discount-price
{
	white-space:nowrap;
}

.comparative-list-price
{
	white-space:nowrap;
}

.nb
{
	border: 1px solid #FFFFFF;
}

.option-subtext 
{
	font-size: 10px;
}

.grid tr.option-headers td
{
	font-size: 11px;
	font-family: 'Arial', 'Verdana';
	background-color: #EFF3FF;
	padding-bottom: 5px;
}

.grid tr.option-headers td
{
	font-size: 11px;
	font-family: 'Arial', 'Verdana';
	background-color: #EFF3FF;
	padding-bottom: 5px;
}

table#tableChooseHowToDesignIt {
	width: 256px;
}

table#choose-how-header {
	width: 257px;
}

.designstep-section-content 
{	
	background-image: url(/vp/images/nns/features/product/pr_tile.gif); 
	background-repeat: repeat-y;
	padding: 10px;
	margin: auto;	
	text-align: center;	
}

.designstep-section-content-vt
{
    background-image: url(/vp/images/nns/features/product/pr_tile.gif); 
    background-position: top right;
    background-repeat: repeat-y;
    padding: 10px;
    padding-right: 0px;
    margin-right: 1px;
    text-align: center;
    background-color: #fbf3cb;
}

.designstep-section
{
	width:100%;
    /*width: 257px;*/
}

.designstep-section-vt
{
    width: 350px;
}


.designstep-section-bottom
{   
    background-image: url(/vp/images/nns/features/product/pr_bottom_cap.gif);
    background-repeat: no-repeat;
    width: 257px;
    height: 9px;
}

.designstep-section-bottom-vt
{    
    background-image: url(/vp/images/nns/features/product/pr_bottom_cap_wide.gif);
    background-repeat: no-repeat;
    background-position: top right;
    width: 350px;
    height: 9px;
}

.redesigned-designstep-section-content 
{
	background-image: url(/vp/images/nns/features/product/pr_tile_wide.gif); 
	background-repeat: repeat-y;
	margin: auto;
	text-align: center;
}

.redesigned-designstep-section-content-spacer
{
	width: 95px;
}

.pricing-table .option-headers td
{
	background-color: #EFF3FF;	
	vertical-align: top;
	border-bottom: none;
	font-size: 11px;
	font-family: Arial, Verdana; 
}

td.info-tab-column
{
 width: 50% !important;
 vertical-align:top;
}

td.info-tab-column>div
{
 width: 100% !important;
}

.tiled-choose-how
{
	width: 531px;
	padding-bottom: 14px;
}

.tiled-choose-how .designstep-section
{
    width:100%;
}

.tiled-choose-how .designstep-section-content 
{	
	background-image:none; 	
	padding: 0 0 0 0;
}

table#tableChooseHowToDesignIt .tiled-choose-how
{
	width:100%;
}

td.design-tile
{
	padding-left:4px;
	padding-right:4px;
	height: 100%;
	width: 185px;
	text-align:center;
	
}

.design-tile-container
{
	position:relative;
	height: 100%;
}

.design-tile-content
{
	height:100%;
}

.design-tile-content .top
{
	vertical-align:top;
}

.design-tile-content .bottom
{
	vertical-align:bottom;
	text-align:center;
}

.design-tile-left
{
	position:absolute;
	left: 0;
	height:100%;
	padding-top:79px;
	padding-bottom:10px
}
.design-tile-right
{
	position:absolute;
	right: 0;
	height:100%;
	padding-top:79px;
	padding-bottom:10px;
}
.design-tile-center
{
	position:absolute;
	left: 0;
	bottom: 0;
	width:100%;
	padding:0 10px 0 10px;
}

.design-tile-center-left
{
	/*position:relative;*/
	width:12px;
	height:100%;
	background-repeat:repeat-y;
	background-position:left top;
	background-image:url(/vp/images/nns/common/background/pbc_path_tile/tile_lt_sp.gif);
}

.design-tile-center-right
{
	/*position:relative;*/
	width:12px;
	height:100%;
	background-repeat:repeat-y;
	background-position:right top;
	background-image:url(/vp/images/nns/common/background/pbc_path_tile/tile_rt_sp.gif);
}

.design-tile-top-left
{
	position:absolute;
	width:12px;
	height:79px;
	left:0;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(/vp/images/nns/common/background/pbc_path_tile/tile_lt_side.gif);
}
.design-tile-top-right
{
	position:absolute;
	width:12px;
	height:79px;
	right:0;
	background-repeat:no-repeat;
	background-position:right top;
	background-image:url(/vp/images/nns/common/background/pbc_path_tile/tile_rt_side.gif);
}

.design-tile-bottom-left
{
	position:absolute;
	width:10px;
	height:10px;
	left:0;
	bottom:0;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-image:url(/vp/images/nns/common/background/pbc_path_tile/tile_lt_corner.gif);
}
.design-tile-bottom-right
{
	position:absolute;
	width:10px;
	height:10px;
	right:0;
	bottom: 0;
	background-repeat:no-repeat;
	background-position:right bottom;
	background-image:url(/vp/images/nns/common/background/pbc_path_tile/tile_rt_corner.gif);
}

.design-tile-bottom-center
{
	height: 1px;
	width: 100%;
	background-repeat:repeat-x;
	background-position:right bottom;
	background-image:url(/vp/images/nns/common/background/pbc_path_tile/tile_bt_sp.gif);
}

a.design-link
{
	padding-left: 47px;
	padding-right: 10px;
	display:table-cell;
	height: 47px;
	text-align:left;
	padding-top:5px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:left center;
}

a.guided-design
{
	background-image: url(/vp/images/nns/common/icons/design_wizard_npp.gif);
}
a.guided-design:hover
{
	background-image: url(/vp/images/nns/common/icons/design_wizard_npp_outline.gif);
}

a.easy-upload
{
	background-image: url(/vp/images/nns/common/icons/upload_npp.gif);
}
a.easy-upload:hover
{
	background-image: url(/vp/images/nns/common/icons/upload_npp_outline.gif);
}

a.creative-services
{
	background-image: url(/vp/images/nns/common/icons/cs_npp.gif);
}

a.creative-services:hover
{
	background-image: url(/vp/images/nns/common/icons/cs_npp_outline.gif);
}

a.browse-designs
{
	background-image: url(/vp/images/nns/common/icons/browse_npp.gif);
}

a.browse-designs:hover
{
	background-image: url(/vp/images/nns/common/icons/browse_npp_outline.gif);
}

/*----------------------------------------------------------------------------
 * Page LayoutOverrides 
 *----------------------------------------------------------------------------*/


div.page-content-inner-container 
{
    left: 0px;
}

.InnerContentBelowTitle
{
	/*padding-left: 15px;*/
}

.SpecsHeading 
{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	border-bottom:	1px solid #2E2F91;
	padding-bottom: 5px;
	font-family: Arial;
}

/*----------------------------------------------------------------------------
 * Product Marquee Overrides
 *----------------------------------------------------------------------------*/


div.marquee-secondary-heading {
	margin-top: 8px;
	font-weight: bold;	
	padding-bottom: 0px;
	margin-bottom: 3px;
}


div.marquee-subheading {
	margin-top: 0px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

td.marquee-left-column 
{
	width: 100%;
}

#tdist
{
	width: 100%;
}

div.marquee-bullets 
{
	padding-top: 0px;
	margin-top: 0px;
}

div.marquee-bullets ul
{
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	list-style-type: none;
}


div.marquee-heading
{
	font-size: 18px;
} 

td.design-marquee-background
{
	background-image: url(/vp/images/nns/product/pbc/marquee_bkg.jpg);
	width:277px;
	height:247px;
	
}

.design-marquee-container
{
	position: relative;
	height: 100%;
}

div.browse-design-button
{
	position: absolute;
	bottom: 25px;
	bottom: 15px;
	left: 95px;
}

.tile-container-top-left
{
	width:7px;
	height:33px;
	background-image: url(/vp/images/nns/common/background/pbc_path_tile_bkg/tp_lt_box_brd.gif);
	background-repeat:no-repeat;
}
.tile-container-top-middle
{
	padding-left: 10px;
	padding-top: 10px;
	font-weight:bold;
	font-size: 12px;
	height:33px;
	background-image: url(/vp/images/nns/common/background/pbc_path_tile_bkg/tp_ct_box_brd.gif);
	background-repeat:repeat-x;
	padding-bottom: 0px;
}
.tile-container-top-right
{
	width:7px;
	height:33px;
	background-image: url(/vp/images/nns/common/background/pbc_path_tile_bkg/tp_rt_box_brd.gif);
	background-repeat:no-repeat;
}
.tile-container-left
{
	width:7px;
	background-image: url(/vp/images/nns/common/background/pbc_path_tile_bkg/lt_box_brd.gif);
	background-repeat: repeat-y;
}
.tile-container-right
{
	width:7px;
	background-image: url(/vp/images/nns/common/background/pbc_path_tile_bkg/rt_box_brd.gif);
	background-repeat:repeat-y;
}


/*----------------------------------------------------------------------------
 * Product Specific Info
 *----------------------------------------------------------------------------*/
div.other-info
{
	width:270px;
	margin: 2px 0px;
}

/*----------------------------------------------------------------------------
 * Section Title Override
 *----------------------------------------------------------------------------

td.section-title-middle !important {
    font-size: 18px;
}*/

table.product-size-table {
	width: 100%;
}

.tabbed-box table.product-size-table {
	width: 50%;
}


/*#################################################################################
  ## Dynamic Select a Style (not a fixed size anymore to support multiple products)
--################################################################################*/
#selectLeft
{
	background-image:url(/vp/images/nns/features/product/pr_left.gif);
	background-repeat:repeat;
	background-position:left;
}

#selectBottom
{
	background-image:url(/vp/images/nns/features/product/pr_bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#selectBottomRight
{
	background-image:url(/vp/images/nns/features/product/pr_bottom_right.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:9px;
}

#selectRight
{
	background-image:url(/vp/images/nns/features/product/pr_right.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding-top:9px;
}

#toggleProductName
{
	text-align:center;
}

#toggleProductSize
{
	text-align:center;
}


/*
* 
* BRAND 2009 ADDITIONS
*
*/

/* Choose How to Design Section */

table#tableChooseHowToDesignIt
{
	width: 96% !important;
}

.prod-page-step-header-inner h3
{
	margin-top: 0;
}

.prod-page-step-header-inner
{
	padding-top: 10px;
	padding-left: 7px;
	padding-right:7px;
}

.prod-page-step-header-bottom
{
	vertical-align:bottom;
}

/* Pricing Tab */

.product-details-container td.info-tab-column .pricing-table-container {
	width: 240px !important;
}


.product-details-container .vp-stylized-container td.info-tab-column .pricing-table-container
{
	width: 95%!important;
}

.product-details-container .pricing-table .option-headers td
{
	background-color:Transparent;
}

#quoteCalcLink
{
	padding-bottom: 10px;
}


/* Matching Sets & Kits offer */

.product-details-container .vp-stylized-container td.info-tab-column .matching-kit-offer-container
{
	width: 95% !important;
}

.matching-kit-offer-container
{
	text-align:center;
}

.matching-kit-offer-container .kit-marquee-text
{
	text-align:left;
}

.matching-kit-offer-container a
{
	clear: both;
}
/*-----------------------------------
 *  pricinggrid.brand09.css
 *-----------------------------------*/
/*@import url(/vp/css/pricinggrid.css?siteversion=201);*/

.InnerContentBelowTitle
{
	padding: 0 0 0 13px;
	background-image: url(/vp/images/b09/common/page-bg/bg/blue_corner_swoosh.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

/* Choose How to Design Section */

.prod-page-step-header
{
	vertical-align:top;
}

.prod-page-step-header-bottom
{
	vertical-align:bottom;
}
.prod-page-step-header-bottom,
.prod-page-step-header
{
	width:110px;
	background-image: url(/vp/images/b09/common/product-path-selector/middle.gif);
	background-repeat:repeat-y;
}

.prod-page-step-header-outer
{
	background-image: url(/vp/images/b09/common/product-path-selector/top.gif);
	background-repeat:no-repeat;
	min-height: 39px;
	height:auto !important;
	height:39px;

}

.prod-page-step-header-bottom-inner
{
	background-image: url(/vp/images/b09/common/product-path-selector/bottom.gif);
	background-repeat:no-repeat;
	height:9px;
	background-position:left bottom;
}

/* Pricing Tab */
.product-details-container .grid-left,
.product-details-container .grid-right
{
	background-image: none;
}


