/*
 * Styles for /vp/ns/specials.aspx.  
 */

/*
 * Section title - Main Section Title
 * Override margin-left to line up with teasers.
 * Override width to match header
 */
table.section-title {
	width: 100%;
}

/* Changing the width for the TabStrip at the top (when it's present). */
#divTabStrip div.level-one-middle {
	width: 550px;
}

#divTabStrip div.level-one-inner {
	width: 546px;
}

#divSpecials
{
	padding-right:10px;
}

.POItemContainerRightCell, .POItemContainerBottomRightCell
{
	display:none;
}


#divSpecials #tblFeatures td {
    text-align: center;
    width: 25%;
    vertical-align: top;
}
#divSpecials #tblFeatures td td {
    text-align:left;
    width: auto;
}

/* Style for legal text Div at the bottom of the Specials page */

#specialsLegalTextDiv	{
    width: 496px;
    position: relative;
    text-align: left;
    left: 35px;
}

/* Layout Styles for constant sale offers */

#divSpecials div.divConstantSaleOffer	{
	left: 0;
	width: 500px;
}

#divSpecials tr.trConstantSaleOffer {
    height: 178px;
}

#divSpecials  td.tdConstantSaleOfferImage
{
	width:180px;
}

#divSpecials table.CSOContainerTable	{
	width:100%;
	vertical-align: top;
}

#divSpecials td.divConstantSaleOfferTitleBullets	{
	left: 0;
	text-align: left;
	vertical-align: top;
    padding-top:12px;
    padding-left:6px;
    margin-left: 6px;
}

#divSpecials div.divCSOImage  {
	width:160px; 
	padding-bottom: 30px;
	vertical-align: top;
	height: 100%;
}

#divSpecials ul.specialsPageConstantSaleBullets {
	padding-top: 0;
	margin-top: 8px;
	margin-left: 5px;
	padding-left: 14px;
}

#divSpecials img.CSOGetStarted	{
	margin-bottom: 6px;
	border-style: none;
}

/* Layout for containing table (for border around each offer) */ 

#divSpecials div.divCSONonProduct {
	padding-left:3px;
}

#divSpecials table.CSOItemContainer	{
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

#divSpecials td.CSOItemContainerBottomCell	{
	height: 10px;
	background-image:none;
	border-bottom:solid 1px #BEC3C5;
}


/* Text / Rendering styles for constant sale side. */

#divSpecials span.constantSaleOfferTitle	{
	font-weight: bold;
	font-size: 12px;
	color: #2E2F91;	
}

#divSpecials span.constantSaleOfferSubheading {
	font-weight: bold;
	font-size: inherit;
}

#divSpecials span.CSODiscountText	{
	font-size: 12px;	
	color: #2E2F91;
	margin-right: 0;
}

#divSpecials span.CSOCallOutBoxOldPrice	{
	font-weight: bold;
	font-size: 12px;
	margin-left: 8px;
}


#divSpecials span.CSOCallOutBoxNewPrice	{
	font-weight: bold;
	font-size: 15px;
	color: #DE0000;
	margin-left: 8px;
}

#divSpecials span.CSOCallOutBoxPercOff	{
	font-weight: bold;
	font-size: 12px;
	color: #DE0000;
	margin-left: 8px;
}

#divSpecials span.CSOCallOutBoxVAT	{
	font-size: 12px;
	color: #000;
	margin-left: 8px;
}

#divSpecials .CartItemStrikeThroughPrice
{
	text-decoration: line-through;
}

/* Call-Out Box Styles */

#divSpecials td.CallOutBoxAndNavCell {
	width: 158px;
	height: auto;
	vertical-align: top;
	padding-right: 0;
	margin-right: 0;
	position:relative;
}

/*
 * This position:relative fixes some stylized containers dissapearing from the page in IE 6/7
 */
#divSpecials, #divSpecials table.CSOItemContainer, #divSpecials table.CSOContainerTable,div.divCSONonProduct
{
	position:relative;
}

#divSpecials table.CallOutBoxContainer {
	vertical-align: top;
	margin-top: 8px;
	right: 0;	
	margin-left: 16px;
	padding-left: 16px;
	margin-right: 0;
	padding-right: 0;
	width: 138px;
	height: 108px;
	border-collapse:collapse;
}

#divSpecials td.CallOutBoxCenter	{
	padding: 0;
	margin: 0;
	background-color: #FFFF99;
	line-height: 18px;
}

#divSpecials td.CallOutBoxTopLeft	{
	background-image: url(/vp/images/nns/common/background/specials/sp_top_lt.gif);
	width: 7px;
	height: 10px;
	padding: 0;
	margin: 0;
	border: inherit;
}

#divSpecials td.CallOutBoxTopRight	{
	background-image: url(/vp/images/nns/common/background/specials/sp_top_rt.gif);
	width: 7px;
	height: 10px;
	padding: 0;
	margin: 0;
	border: inherit;
}

#divSpecials td.CallOutBoxBottomLeft	{
	background-image: url(/vp/images/nns/common/background/specials/sp_bot_lt.gif);
	width: 7px;
	height: 10px;
	padding: 0;
	margin: 0;
	border: inherit;
}

#divSpecials td.CallOutBoxBottomRight	{
	background-image: url(/vp/images/nns/common/background/specials/sp_bot_rt.gif);
	width: 7px;
	height: 10px;
	padding: 0;
	margin: 0;
	border: inherit;
}

#divSpecials td.CallOutBoxTileTop	{
	background-image: url(/vp/images/nns/common/background/specials/sp_top_tl.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 10px;
	padding: 0;
	margin: 0;
	border: inherit;
}

#divSpecials td.CallOutBoxTileBottom	{
	background-image: url(/vp/images/nns/common/background/specials/sp_bot_tl.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 10px;
	padding: 0;
	margin: 0;
	border: inherit;
}

#divSpecials td.CallOutBoxTileLeft	{
	background-image: url(/vp/images/nns/common/background/specials/sp_lt_tl.gif);
	background-repeat: repeat-y;
	width: 7px;
	height: auto;
	padding: 0;
	margin: 0;
	border: inherit;
}

#divSpecials td.CallOutBoxTileRight	{
	background-image: url(/vp/images/nns/common/background/specials/sp_rt_tl.gif);
	background-repeat: repeat-y;
	width: 7px;
	height: auto;
	padding: 0;
	margin: 0;
	border: inherit;
}

table.sub-button-container
{
	color: #2E2F91;
	text-align: left;
	padding-left: 6px;
}

table.sub-button-container td.message-text
{
	padding-left: 3px;
}


table.sub-button-container td.message-bullet
{	
	vertical-align: top;
	padding-top: 1px;
}

/* Overrides for creative services offer. */

div.cs-box-container
{
	font-weight: bold;
	padding-left: 6px;
	padding-top: 2px;
	font-size: 12px;
	line-height: 15px;
}

div.cs-box-container .highlight-text
{
	color: red;
}

/* Overrides for learning center offer */
div.ls-offer-box
{
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding:2px;
}

.oe-matrix
{
	position:relative;
	width:100%;
}