/*----------------------------------------------------------------------------
 * Teaser Styles
 *----------------------------------------------------------------------------*/
	
#tblTeasers {
	width: 100%;
}

.tdTeaserLarge {
	vertical-align: top;
	padding-bottom:15px;
	width:50%;
}

.simple-teaser {
	border:0px;
	width:260px;
	height:270px;
	}

	
.simple-teaser .teaser-heading {
	font-size: 14px;
	font-weight: bold;
	margin-left:5px;
	}

.simple-teaser .teaser-heading a {
	text-decoration: none;
	color: #000000;
}

.simple-teaser .teaser-heading a:hover {
	text-decoration: underline;
	color: #000033;
}

.simple-teaser .teaser-text {
	margin-left:5px;
	height:30px;
	}

.simple-teaser .teaser-image {
	margin-bottom:3px;
	display:block;
	}

.simple-teaser .teaser-sub-data {
	padding-left:10px;
    padding-right:5px;
    width:100%;
}

.simple-teaser .teaser-call-for-action {
	float:right;
}

/*This assumes that the img is rendered at 20px. We don't state that explcitly because it distorts
the text in the get started button*/
.simple-teaser .teaser-call-for-action a img{
	top:50%;
	margin-top:-9px;
}

* html .simple-teaser .teaser-call-for-action a img{
	position:relative;
}

* html .simple-teaser .teaser-call-for-action {
	margin-bottom:18px;
}

.main-tile {
background:#e3EBF1;
border-left:1px solid #DFDFDF;
border-right:1px solid #DFDFDF;	
width:258px;
}

.tile-top-horizontal {
	background-image: url(/vp/images/nns/common/background/I&A/left_tiles/top_slice.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	width:258px;
	}

.tile-bottom-horizontal {
	background-image: url(/vp/images/nns/common/background/I&A/left_tiles/Bottom_slice.gif);
	background-repeat:repeat-x;
	background-position: left top;
	width:258px;
	}

/*
Left Tile Background Slices (Left Column of Tiles) Tiles are not symmetrical
*/
.left-tile-top-left-corner {
	background-image: url(/vp/images/nns/common/background/I&A/left_tiles/top_left_corner.gif);
	background-position: left bottom;
    background-repeat: no-repeat;
    width:12px;
	height:12px;
}

.left-tile-top-right-corner {
	background-image: url(/vp/images/nns/common/background/I&A/left_tiles/top_right_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width:12px;
	height:12px;
}

.left-tile-bottom-left-corner {
	background-image: url(/vp/images/nns/common/background/I&A/left_tiles/bottom_left_corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
    
}

.left-tile-bottom-right-corner {
	background-image: url(/vp/images/nns/common/background/I&A/left_tiles/bottom_right_corner.gif);
	background-position: right top;
    background-repeat: no-repeat;
}

/* "New!" keyword in teaser text*/
.teaser-text-new
{
	color: #55A51C;
	font-weight: bold;
}

/*
Right Tile Background Slices (Left Column of Tiles) Tiles are not symmetrical
*/
.right-tile-top-left-corner {
	background-image: url(/vp/images/nns/common/background/I&A/right_tiles/top_left_corner.gif);
	background-position: left bottom;
    background-repeat: no-repeat;
    width:12px;
	height:12px;
}

.right-tile-top-right-corner {
	background-image: url(/vp/images/nns/common/background/I&A/right_tiles/top_right_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width:12px;
	height:12px;
}

.right-tile-bottom-left-corner {
	background-image: url(/vp/images/nns/common/background/I&A/right_tiles/bottom_left_corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
    
}

.right-tile-bottom-right-corner {
	background-image: url(/vp/images/nns/common/background/I&A/right_tiles/bottom_right_corner.gif);
	background-position: right top;
    background-repeat: no-repeat;
}

/*********************************
Stylized page CSS
**********************************/

/*This assumes that the img is rendered at 20px. We don't state that explcitly because it distorts
the text in the get started button*/
.fixed-960 .simple-teaser .teaser-call-for-action a img{
	height:18px;
}

.InnerContentBelowTitle .simple-teaser .teaser-call-for-action a img{
	height:19px;
}

.fixed-960 .main-tile {
	width:100%;
	background:transparent;
	border-left:0px solid #DFDFDF;
	border-right:0px solid #DFDFDF;
	}


.fixed-960 .simple-teaser {
	border:0px;
	height: 100%;
	text-align: left;
	margin: 0 auto;
}

.fixed-960 .simple-teaser .teaser-text {
	height: auto;
	margin-left:0px;
	}

.fixed-960 .simple-teaser .teaser-heading {
	margin-left:0px;
	}
	
	
/* Very simple teaser */
table.top-deals-teasers
{
	width: 100%;
}

.very-simple-teaser
{
	
}
.very-simple-teaser .teaser-image
{
	
}
.very-simple-teaser .teaser-heading
{
	
}
.very-simple-teaser .teaser-call-for-action
{
	
}