/*============================================================================
 * Pricing Style Sheet
 *============================================================================*/


/*----------------------------------------------------------------------------
 * Main Panel Formatting
 *----------------------------------------------------------------------------*/


.h1-page-content-cell
{
	overflow: hidden;
}

#divMain
{
	padding-top: 20px;
}

div.InnerContentBelowTitle
{
	width: 769px;
	background-image: none;
}

#divProductPanels, #divMain
{
	height: 100%;
	width: 765px;
}

#divMain .heading {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}

#divMain .sub-heading {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

#divMain .paragraph {
	display: block;
	font-size: inherit;
	margin-top: 5px;
	margin-right: 20px;
}

#divMain .single-line {
	display: block;
	font-size: inherit;
	margin-right: 20px;
}

#tblProductListLayout td {
	vertical-align: top;
	width: 190px;
}

ul.local-links {
	padding-left: 0;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
}

ul.local-links a:hover {
	text-decoration: underline;
}

ul.local-links li a {
	text-decoration: none;
}

ul.local-links li img
{
	margin-right: 4px;
}

ul.local-links li 
{
	padding-bottom: 2px;
	font: arial 18px;
	color: #2C99DA;
	list-style-type: disc;
	list-style-position: inside;
}

table.aboutvp-table {
	margin-top: 20px;
}

.product-list-header
{
	font-size: 12px;
}


/*----------------------------------------------------------------------------
 * Product Panel Formatting
 *----------------------------------------------------------------------------*/
 /*Do Not Remove!*/
 /*vpglobal .page-content-inner-container causes borders to disappear in IE*/
 /*this fixes the disappearing borders*/
#divProductPanels {
	position: relative; 
}

#divProductPanels .panel-heading {
	display: block;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-right: 20px;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/vp/images/b09/common/divider/links/link-divider.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#divProductPanels .discount {
	color: Red;
}

#divProductPanels .additional-options-grid .discount {
	display: block;
}

#divProductPanels .cross-out {
	text-decoration: line-through;
}

#divProductPanels .additional-options-grid .cross-out {
	display: block;
}

#divProductPanels .return-to-top {
	display: block;
	text-align: right;
	margin-top: 5px;
	color: #2E2F91;
	margin-right: 20px;
	margin-bottom: 15px;
}

#divProductPanels .paragraph {
	display: block;
	font-size: inherit;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-right: 0;
}

#divProductPanels .divCreateNowButton {
	display: block;
	text-align: right;
	margin-right: 20px;
	margin-bottom: 10px;
}

.divPricingContainer, .divOptionsContainer, 
#divFootnotePanel, #divFeaturesPanel, div.product-details-container, #CSPricingTable
{
	float: left;
	position: relative;
}

.divPricingContainer
{
	width: 56%;
}

.divOptionsContainer
{
	width: 40%;
}

.divCreateNowButton, .divOptionsContainer
{
	margin-left: 10px;
}

div.pricing-table-container, .divOptionsContainer > div
{
	width: 100% !important;
}


#divFootnotePanel
{
	margin-top: 15px;
}

div.product-details-container
{
	width: 100%;
}

/*----------------------------------------------------------------------------
 * Grids Formatting
 *----------------------------------------------------------------------------*/
td.product-left-column {
	width: 280px;
	vertical-align: top;
}

td.product-right-column {
	width: 250px;
	vertical-align: bottom;
	padding-bottom: 25px;
}

td.product-button-cell {
	vertical-align: top;
	padding-top: 10px;
}

table.pricing-grid,
table.additional-options-grid {
	border-collapse: collapse;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 25px;
	text-align: center;
}
#tblPricingGrid {
	width: 540px;
}
table.websites-pricing-grid {
	border-collapse: collapse;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	width: 100%;
}

table.pricing-grid td.data,
table.websites-pricing-grid td.data,
table.additional-options-grid td.data,
table.additional-options-grid td.left-cell-data {
	padding: 5px 3px;
	border-bottom: solid 1px #2E2F91;
}

.customer-site-pricing-description
{
	margin-top:15px;
}

/****Customer sites pricing grid styles****/
div#CSPricingTable table.stylized-table
{
	width:70%;
	margin-top:20px;
	margin-bottom:20px;
	border-collapse:collapse;
	text-align:left;
}

table.metallic
{
	width: 600px;
}

#CsPricingTable table.stylized-table tr td.metallic-bottom-left
{
	background-image: url(/vp/images/nns/pricinggrid/grid_btm_left.gif);
	background-position: left bottom;
	background-repeat:no-repeat;
	height:5px;
	width:3px;
}

#CsPricingTable table.stylized-table tr td.metallic-bottom-right
{
	background-image:url(/vp/images/nns/pricinggrid/grid_btm_right.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:5px;
	width:3px;
}
#CsPricingTable table.stylized-table tr td.metallic-bottom-middle
{
	background-image:url(/vp/images/nns/pricinggrid/grid_pixel.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	height:3px;
	padding:0;
}

#CsPricingTable table.stylized-table tr td.metallic-top-left
{
	background-image:url(/vp/images/nns/pricinggrid/grid_tab_active_left.gif);
	background-repeat:no-repeat;
	height:6px;
	padding:0;
	width:3px;
}
#CsPricingTable table.stylized-table tr td.metallic-top-middle
{
	background-color:#EFF3FF;
	background-image:url(/vp/images/nns/pricinggrid/grid_pixel.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
#CsPricingTable table.stylized-table tr td.metallic-top-right
{
	background-image:url(/vp/images/nns/pricinggrid/grid_tab_active_right.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:6px;
	padding:0;
	width:3px;
}

#CsPricingTable table.stylized-table tr.metallic-row-1 td,
#CsPricingTable table.stylized-table tr.metallic-row-0 td
{
	border-bottom:solid 1px #2E2F91;
	padding:5px 0;
}

#CsPricingTable table.stylized-table tr.grid-last-row td
{
	border:0;
}

#CsPricingTable table.stylized-table tr td span.undefined-price
{
	font-weight:bold;
}

#CsPricingTable table.stylized-table tr#FirstMonthPricingRow td span.undefined-price
{
	color:Red;
}

#CsPricingTable table.stylized-table tr td.tbl-padding-right
{
	background-image:url(/vp/images/nns/pricinggrid/grid_pixel.gif);
	background-position:right top;
	background-repeat:repeat-y;
}

#CsPricingTable table.stylized-table tr td.tbl-padding-left
{
	background-image:url(/vp/images/nns/pricinggrid/grid_pixel.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

#CsPricingTable table.stylized-table tr.title-row td,
#CsPricingTable table.stylized-table tr.title-row th
{
	background-color:#f0f4ff;
	text-align:left;
}

.div-create-now-button
{
	text-align:right;
	margin-right: 10px;
}

table.websites-pricing-grid td.data-bottom {
	padding: 5px 3px;
}

table.websites-pricing-grid td.left-cell-data {
	padding: 5px 3px;
	border-bottom: solid 1px #2E2F91;
	font-weight: bold;
}

table.websites-pricing-grid td.bottom-left-cell-data {
	padding: 5px 3px;
	font-weight: bold;
}

table.additional-options-grid td.left-cell-data,
table.additional-options-grid td.bottom-left-cell-data {
	padding: 5px 3px;
	text-align:left;
}

table.additional-options-grid .product-name {
	display: block;
}

tr.more-rows {
	display: none;
}

td.footer {
    padding: 10px 10px 0 10px;
	text-align: left;
}

table.pricing-grid td.top-center,
table.websites-pricing-grid td.top-center,
table.additional-options-grid td.top-center {
	width: 330px;
}

table.additional-options-grid span.heading {
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
	border: none;
}
/*----------------------------------------------------------------------------*/
td.top-left {
	background-image: url(/vp/images/nns/pricinggrid/grid_tab_active_left.gif);
	background-repeat: no-repeat;
	width: 3px;
	height: 6px;
    padding: 0;
}

td.top-center {
	background-image: url(/vp/images/nns/pricinggrid/grid_pixel.gif);
	background-repeat: repeat-x;
	background-position: left top; 
	background-color: #EFF3FF;
}

td.top-right {
	background-image: url(/vp/images/nns/pricinggrid/grid_tab_active_right.gif);
	background-position: right top;
	background-repeat: no-repeat;
	width: 3px;
	height: 6px;
    padding: 0;
}

/*----------------------------------------------------------------------------*/
tr.header-row {
	background-color: #EFF3FF;
	font-size: 12px;
	font-weight: bold;
}

table.websites-pricing-grid tr.header-row {
	color: #2E2F91;
}

table.websites-pricing-grid tr.header-row td.header-cell{
	padding: 5px 3px;
	width: 130px;
}

tr.header-row td{
    padding: 0 5px;
}

tr.header-row td.header-left-side {
	background-image: url(/vp/images/nns/pricinggrid/grid_pixel.gif);
	background-position: left top; 
	background-repeat: repeat-y;
    padding: 0;
}
tr.header-row td.header-right-side {
	background-image: url(/vp/images/nns/pricinggrid/grid_pixel.gif);
	background-position: right top;
	background-repeat: repeat-y;
    padding: 0;
}

/*----------------------------------------------------------------------------*/
td.left-side {
	background-image: url(/vp/images/nns/pricinggrid/grid_pixel.gif);
	background-position: left top; 
	background-repeat: repeat-y;
}
td.right-side {
	background-image: url(/vp/images/nns/pricinggrid/grid_pixel.gif);
	background-position: right top; 
	background-repeat: repeat-y;
}

/*----------------------------------------------------------------------------*/

td.bottom-left {
	background-image: url(/vp/images/nns/pricinggrid/grid_btm_left.gif);
	background-position: left bottom; 
	background-repeat: no-repeat;
	height: 3px;
	padding: 0;
}
td.bottom-center {
	background-image: url(/vp/images/nns/pricinggrid/grid_pixel.gif);
	background-repeat: repeat-x;
	background-position: left bottom; 
	height: 3px;
	padding: 0;
}

td.bottom-right {
	background-image: url(/vp/images/nns/pricinggrid/grid_btm_right.gif);
	background-position: right bottom; 
	background-repeat: no-repeat;
	height: 3px;
	padding: 0;
}

/*----------------------------------------------------------------------------
 * VAT panel Styles
 *----------------------------------------------------------------------------*/

 /*Do Not Remove!*/
 /*vpglobal .page-content-inner-container causes borders to disappear in IE*/
 /*this fixes the disappearing borders*/
#divVatDetails {
/*	position: relative; 
01/2010: nsmith: GD-53661: This div was covering the
quote calculator link in FireFox when set to 'position: relative'*/
}

#divVatDetails .heading {
	display: block;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-right: 20px;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px #588EED;
}

#divVatDetails .return-to-top {
	display: block;
	text-align: right;
	font-size: inherit;
	margin-top: 5px;
	color: #2E2F91;
	margin-right: 20px;
}

.return-to-top a.nav
{
	padding-left: 5px;
	bottom: 6px;
	position: relative;
}



/*----------------------------------------------------------------------------
 * Footnote Control Styles
 *----------------------------------------------------------------------------*/

#tblFootnote {
    width: 426px; 
    margin-left: 50px;   
    margin-top: 0;
    margin-bottom: 25px;
	background-color:#EFF3FF;
	color:#31319C;
}
#tblFootnote td.tdFootnote-Left-Border 
{
	border-left: 1px solid #8486C6;
}
#tblFootnote td.tdFootnote-Right-Border {
	border-right: 1px solid #8486C6;
}
#tblFootnote td.tdFootnote-text {
	padding: 10px;
}

#UpperTextTable {
    margin-left: 50px;   
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 50px;
}

#UpperTextTable #FootnoteHeadlineText {
        color: Red;
	font-weight: bold;
}

/*----------------------------------------------------------------------------
 * Feature Control Style overrides (requires high specificity)
 *----------------------------------------------------------------------------*/

#divFeaturesPanel
{
	width: 759px;
}