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

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

	/*	-----------------------------------------------
	     Pagination
		----------------------------------------------- */
	
body{background:#e5e5e5;}	
	
	.offscreen,
	.accessLabel  {
		position: absolute;
		display: block;
		left: -999999px;
		top: -999999px;
	}
	
	/*	-----------------------------------------------
	     Containing elements
		----------------------------------------------- */
	.dvm-spotlight { 
		background-color: #ffffff;
		height: 485px; /*Added by Target request on 12-23-13*/
		/*dont add this to wcs*/
		width: 1000px;
margin: 35px 0 10px;
border-radius: 4px;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
	}
	.dvm-spotlight.onerow { height: 265px; /*Added by Target request 12-23-13*/}

		.dvm-spotlight .spotlight-container { 
			padding: 0 25px 35px 0; 
		}
	/*	-----------------------------------------------
	     Coupon Callout
		----------------------------------------------- */
		#Main .pointer { position: absolute; top: 50px; left: 182px; }
		.dvm-spotlight .spotlight-left .coupon {
            position: absolute; bottom: 26px; left: 0px; background: url("http://static.targetimg1.com/2013/Short_Circuit/10_October/Homepage/_prototype/images/coupon_off.png")no-repeat -5px 0;
            display: block; height: 135px; width: 182px;
        }
        .dvm-spotlight .spotlight-left .coupon:hover { background: url("http://static.targetimg1.com/2013/Short_Circuit/10_October/Homepage/_prototype/images/coupon_on.png")no-repeat -5px 0; }

	/*	-----------------------------------------------
	     Left Side
		----------------------------------------------- */
	.dvm-spotlight .spotlight-left {  
		background-color: #444; 
		width: 147px; 
		height: 440px;
        margin: 0 10px 0 0; padding: 45px 20px 0 15px;
         -webkit-box-shadow:  4px 0px 4px 0px rgba(0, 0, 0, .3);
        box-shadow:  4px 0px 4px 0px rgba(0, 0, 0, .3);
        -webkit-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
       float:left;
		position:relative;
	}

		.dvm-spotlight .spotlight-left.onerow { /*Adding this style to avoid overlaping when there is just 1 row of widgets*/
			height: 220px;
		}
		#Main .dvm-spotlight .spotlight-left h2 {  
			color: #fff;
			font: bold 31px/31px Arial, sans-serif;
			letter-spacing: -1px;
			margin: 0 0 20px 0;
		}
		#Main .dvm-spotlight .spotlight-left h3 {  
			color: #fff;
			font: bold 18px/20px Arial, sans-serif;
			letter-spacing: 0px;
			margin:0;
			padding-right: 10px;
		}
	
	/*	-----------------------------------------------
	     Right Side
		----------------------------------------------- */
	
	.dvm-spotlight .spotlight-right {
		float: left;
		margin-left: 40px;
		padding: 10px 0 0 20px;
		position: relative;
		width: 708px;
	}
		.dvm-spotlight .spotlight-right .spotlight-content { 
			position:relative; 
		}
		.dvm-spotlight .spotlight-right .spotlight-content.double{
			height:440px;	
		}
		.dvm-spotlight .spotlight-right .spotlight-content.single{
			height:220px;	
		}
	
	/*	-----------------------------------------------
	     Pagination
		----------------------------------------------- */
	
	.dvm-spotlight .spotlight-pagination {
		position: relative;
		height: 20px;
		margin: 0px;
	}
	
		/* 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: 120px;  /*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://static.targetimg1.com/DVM/2014/Spotlight/images/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;
					text-indent:-9999px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.gift-card {
					background-position: 0 -27px;
					text-indent:-9999px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.coupon {
					background-position: 0 -54px;
					text-indent:-9999px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.new {
					background-position: 0 -82px;
					text-indent:-9999px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.learn-more {
					background-position: 0 -108px;
					text-indent:-9999px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.only-target,
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.only-at-Target {
					background-position: 0 -135px;
					text-indent:-9999px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.free-shipping {
					background-position: 0 -162px;
					text-indent:-9999px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.recipes {
					background-position: 0 -189px;
					text-indent:-9999px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.limited-time {
					background-position: 0 -216px;
					text-indent:-9999px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.cartwheel {
					background-position: 0 -243px;
					text-indent:-9999px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.store-offer {
					background-position: 0 -270px;
					text-indent:-9999px;
				}
				.dvm-spotlight .spotlight-item .spotlight-eyebrow.new-at-target {
					background-position: 0 -297px;
					text-indent:-9999px;
				}
	
			/* Text line 1 */
			.dvm-spotlight .spotlight-item .spotlight-txt-1 {
				font: bold 12px/14px Arial, sans-serif; 
				color: #666666;
				width:125px;
			}
				.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;
			}
			
			
			/*DVM Spotlight width is added 1000px*/
			.comp-container .dvm-spotlight {
				width: 1000px !important;	
			}
			/*DVM Adspot bg color adding white*/
			#Main .hp_top_container .hp_hero_adspot {
				background-color:#FFFFFF !important;
			}
				
				
			#Main{
				margin-left:auto !important;
				margin-right:auto !important;
			}
			.red{color:#c00; display:inline !important;}
			.wink-extra-width{width:115px !important;}
			
			#e4 #dvm_gpt-home_page-DVM_Ad_300x250_1{text-align:center;margin-top: 15px;}