/*	-----------------------------------------------
	
	S P O T L I G H T   W I D G E T

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

	/*	-----------------------------------------------
	     Pagination
		----------------------------------------------- */
		
	.offscreen,
	.accessLabel  {
		position: absolute;
		display: block;
		left: -999999px;
		top: -999999px;
	}
	
	/*	-----------------------------------------------
	     Containing elements
		----------------------------------------------- */
	.dvm-spotlight { 
		width: 960px; 
		margin: 0 auto; 
		background-color: #ffffff; 
		height: auto; 
	}
		.dvm-spotlight .spotlight-container { 
			padding: 45px 15px; 
		}
	
	/*	-----------------------------------------------
	     Left Side
		----------------------------------------------- */
	.dvm-spotlight .spotlight-left {  
		width: 200px;
		float: left;
	}
		#Main .dvm-spotlight .spotlight-left h2 { 
			color: #666666; 
			font: bold 35px/35px Arial, sans-serif;
			letter-spacing: -1px;
			margin: 0 0 20px 0;
		}
		#Main .dvm-spotlight .spotlight-left h3 { 
			color: #999999; 
			font: bold 20px/24px Arial, sans-serif;
			letter-spacing: 0px;
			margin:0;
			padding-right: 10px;
		}
	
	/*	-----------------------------------------------
	     Right Side
		----------------------------------------------- */
	
	.dvm-spotlight .spotlight-right {
		width: 682px;
		float: right;
	}
		.dvm-spotlight .spotlight-right .spotlight-content { 
			height:220px; 
			position:relative; 
		}
	
	/*	-----------------------------------------------
	     Pagination
		----------------------------------------------- */
	
	.dvm-spotlight .spotlight-pagination {
		position: relative;
		height: 20px;
		margin:15px 0 0 0;
	}
	
		/* Pagination dots */
		.dvm-spotlight .spotlight-pagination ul {
			text-align: center;
			width: 100%;
		}
			.dvm-spotlight .spotlight-pagination ul li {
				display: inline-block;
				margin: 0 5px;
			}
				.dvm-spotlight .spotlight-pagination ul li a {
					height: 12px;
					width: 12px;
					background: url('../img/pagination-circles-sprite.png') no-repeat 0 0;
					display: block;
				}
					.dvm-spotlight .spotlight-pagination ul li a.current {
						background-position: 0 -13px;
					}
					
		/* Pagination arrows */
		.dvm-spotlight .spotlight-pagination .spotlight-nav-btn { 
			width:70px; 
			height:25px; 
			overflow:hidden; 
			position:absolute; 
			top:0; 
		}
			.dvm-spotlight .spotlight-pagination .spotlight-nav-btn-prev { 
				left: -5px; 
				z-index:5; 
			}
			.dvm-spotlight .spotlight-pagination .spotlight-nav-btn-next { 
				right: -5px; 
				z-index:6; 
			}
				.dvm-spotlight .spotlight-pagination .spotlight-nav-btn a { 
					display: block; 
					width: 50px; 
					height: 22px;
					text-indent: -9999999px; 
					padding-top: 0;
					overflow: hidden;
					background-color: transparent; 
					background-repeat: no-repeat; 
					margin: 1px; 
					background-image: url('http://tgtfiles.target.com/everest_dvm_spotlight_v2/_ui/img/navArrowSprite_v2.png');
				}
					.dvm-spotlight .spotlight-pagination .spotlight-nav-btn-prev a { 
						background-position: 0px 0px; 
					}
						.dvm-spotlight .spotlight-pagination .spotlight-nav-btn-prev a:hover, .dvm-spotlight .spotlight-pagination .spotlight-nav-btn-prev a:focus { 
							background-position: 0px -20px; 
							outline: none;
						}
					.dvm-spotlight .spotlight-pagination .spotlight-nav-btn-next a { 
						background-position: -40px 0px; 
					}
						.dvm-spotlight .spotlight-pagination .spotlight-nav-btn-next a:hover, .dvm-spotlight .spotlight-pagination .spotlight-nav-btn-next a:focus { 
							background-position: -40px -20px; 
							outline: none;
						}
	
	
	/*	-----------------------------------------------
	     Spotlight frame
		----------------------------------------------- */
	
	.dvm-spotlight .spotlight-frame { 
		width: 100%; 
		height: 100%; 
		overflow: hidden; 
		margin: 0 auto; 
		position: relative; 
	}
	
	/*	-----------------------------------------------
	     Spotlight row
		----------------------------------------------- */
		
	.dvm-spotlight .spotlight-row { 
		overflow: hidden; 
		position: absolute; 
		top: 0; 
		left: 0px; 
		padding: 0; 
		margin: 0; 
		list-style-type: none; 
		width: 100%; 
	}
	
	/*	-----------------------------------------------
	     Spotlight item
		----------------------------------------------- */
		
	.dvm-spotlight .spotlight-item-loading { 
		text-align: center; 
		color: #999999; 
		font:normal 14px/14px Arial,sans-serif; 
		padding: 55px 0 0; 
	}
	.dvm-spotlight .spotlight-item { float:left; width:141px; height:210px; 
		padding: 0 34px 10px 0; 
		margin: 0 0px 0 0; 
	}
		.dvm-spotlight .spotlight-item a { 
			display: block; 
			width: 141px; 
			height: 208px; 
			position: relative; 
			text-decoration: none; 
			cursor: pointer; 
		}
			.dvm-spotlight .spotlight-item a .spotlight-background { 
/*				border: 5px solid #9bd4ff;*/
				border: 5px solid #c10000;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				opacity: 0; 
				filter: alpha(opacity = 0); 
				position: absolute; 
				width: 100%; 
				height: 100%; 
				-webkit-transition: opacity .25s linear; 
			}
			.dvm-spotlight .spotlight-item a:focus { 
				outline:none; 
			}     
			.dvm-spotlight .spotlight-item a:hover .spotlight-background, .spotlight-item a:focus .spotlight-background { 
				opacity:1; 
				filter: alpha(opacity = 100); 
			}
			/* Event states */
			.dvm-spotlight .spotlight-item a .spotlight-item-state { 
				display: block; 
				padding: 0 15px;
				position: absolute;  
				top: 122px; 
				width: 115px;  /*Change from 101px to make a copy to fit*/
			}
				.dvm-spotlight .spotlight-item a .spotlight-item-state.spotlight-item-default { 
					position: relative; 
				}
				.dvm-spotlight .spotlight-item a:hover .spotlight-item-over, 
				.dvm-spotlight .spotlight-item a:focus .spotlight-item-over,
				.dvm-spotlight .spotlight-item a .spotlight-item-default { 
					opacity:1; 
				}
				.dvm-spotlight .spotlight-item a:hover .spotlight-item-default, 
				.dvm-spotlight .spotlight-item a:focus .spotlight-item-default,
				.dvm-spotlight .spotlight-item a .spotlight-item-over { 
					opacity:0; 
				}       
				.dvm-spotlight .spotlight-item a .outer { 
					width: 141px; 
					height: 100%; 
					margin: 0 auto; 
					position: relative; 
					top: 10px; 
					z-index: 1; 
				}
			
				.dvm-spotlight .spotlight-item a .spotlight-item-state span { 
					display: block; 
					text-align: left;
				}
				
			/* Eyebrow */
			.dvm-spotlight .spotlight-item .spotlight-eyebrow {
				background: transparent url('http://tgtfiles.target.com/everest_dvm_spotlight_v2/_ui/img_versionB/eyebrow-sprite-v3.png') no-repeat 0 0;
				height: 17px;
				margin-bottom: 5px;
				width: 100%;
			}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.sale {
					background-position: 0 0;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.gift-card {
					background-position: 0 -27px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.coupon {
					background-position: 0 -54px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.new {
					background-position: 0 -82px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.learn-more {
					background-position: 0 -108px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.only-target {
					background-position: 0 -135px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.free-shipping {
					background-position: 0 -162px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.recipes {
					background-position: 0 -189px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.limited-time {
					background-position: 0 -216px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.cartwheel {
					background-position: 0 -243px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.store-offer {
					background-position: 0 -270px;
				}
	
			/* Text line 1 */
			.dvm-spotlight .spotlight-item .spotlight-txt-1 {
				font: bold 12px/14px Arial, sans-serif; 
				color: #0066ff;
			}
				.dvm-spotlight .spotlight-item a .spotlight-item-over .spotlight-txt-1 {
					color: #000000;
				}
			/* Text line 1 */
			.dvm-spotlight .spotlight-item .spotlight-txt-2 { 
				font: bold 11px/14px Arial, sans-serif; 
				color: #666666;
			}