/* FEATURE AREA ---------------------------------------------------------------------- */
.feature_area_container {
	position: relative;
	width: 100%;
	height: 372px;	
	/*background: #9ad8f2 url(../../images/frame/background/feature_area_blue.jpg) no-repeat left top;*/
}
.feature_area_container h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 26px;
	font-weight: bold;
	padding: 24px 0 0 30px;	
}

.feature_area_container h1.light {
	color: #fff;	
}

.feature_area_container h1.dark {
	color: #333;	
}

.feature_area_container h1 a.learn_more {
	font-size: 10px;
	color: #1068ac;
	text-decoration: underline;
	vertical-align: middle;
}
.feature_area_container h1 a.learn_more:hover {
	color: #033963;
}
	.feature_area h1 {
		font-size: 26px;
		font-weight: bold;
		padding: 24px 0 0 30px;
		color: #333;
	}
		.feature_area h1 a.learn_more {
			font-size: 10px;
			color: #1068ac;
			text-decoration: underline;
			vertical-align: middle;
		}
			.feature_area h1 a.learn_more:hover {
				color: #033963;
			}
	.feature_area_container .directory {
		position: absolute;
		right: 15px;
		top: 74px;
		z-index: 300;
		height: 206px; 
		width: 353px;
		padding: 25px;
		background: url(../../images/frame/background/feature_area_directory.png) no-repeat left top;
	}
		.feature_area_container  .directory h2 {
			background: url(../../images/frame/icons/browse_directory_home.png) no-repeat left center;
			padding-left: 22px;
			margin-bottom: 10px;
		}	
		.feature_area_container  .directory ul {
			float: left;
			width: 175px;
			margin-bottom: 9px;
		}
			.feature_area_container  .directory ul li {
				padding: 10px 0;
				border-bottom: 1px solid #dedede;
				font-size: 14px;
			}
			.feature_area_container  .directory ul li.last {
				border-bottom: none;
			}
				.feature_area_container  .directory ul li a {
					color: #006b92;
				}
					.feature_area_container  .directory ul li a:hover {
						color: #1d9bc9;
					}
					
	.feature_area {
		background: #9ad8f2 url(../../images/frame/background/feature_area_blue.jpg) no-repeat left top;
		width: 100%;
		height: 372px;
	}				
	.feature_area .feature {
		display: none;		
	}
	
	.feature_nav_shadow {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 200;
	}
					
	/* SAMPLE - 10X EVENT ------------------------------------------ */
	.ten_times_event .feature {
		position: absolute;
		top: 56px;
		left: 38px;
	}
	
	/* SAMPLE - VICTORIAS SECRET ----------------------------------- */
	.victorias_secret {
		background: url(../../images/frame/_placeholders/feature_victorias_secret_bg.jpg) no-repeat left top;
	}
		.victorias_secret h1 {
			color: #fff;
		}
		.victorias_secret .feature {
			position: absolute;
			top: 71px;
			left: 13px;
		}
	
	/* FEATURE NAV ------------------------------------------------ */	
	#feature_nav {
		position: absolute;
		bottom: 8px;
		left: 35px;
		z-index: 300;
		height: 28px;
		background: url(../../images/frame/background/feature_nav_start.png) no-repeat left top;
	}
		#feature_nav ul {
			background: url(../../images/frame/background/feature_nav_end.png) no-repeat right top;
			margin-right: -8px;
			padding-right: 12px;
			height: 28px;
		}
		#feature_nav ul li {
			position: relative;
			float: left;
			padding: 8px 12px 0 12px;
			font-size: 10px;
			color: #fff;
			height: 20px;
		}
		#feature_nav ul li.feature_link {
			text-decoration: underline;
		}
		#feature_nav ul li span {
			display: none;
			position: absolute;
			top: -7px;
			left: 47%;
			float: left;
			height: 7px;
			width: 14px;
			background: transparent url(../../images/frame/misc/homepage_carousel_indicator.png) no-repeat center 0px;
			text-indent: -1000000px;
		}
		#feature_nav ul li.feature_link:hover {
			cursor: pointer;
			background: #0189b9;
		}
		#feature_nav ul li.active {
			background: #0189b9;
		}
			#feature_nav ul li.active span {
				display: block;
			}
			#feature_nav ul li.active:hover {
				background: #0189b9;
			}
		

.column_container {
	overflow: visible;
	min-height: 29px;
}
.wide_narrow .wide_column {	
	width: 615px;
	padding: 35px 0 20px 30px;
}
	.wide_narrow .wide_column .more_link {
		width: 606px;
	}	
.wide_narrow .narrow_column {	
	width: 325px;
	padding: 35px 0 0 10px;
}
	
	
/* GREAT DEALS ----------------------------------------------------------------------- */
#great_deals {

}
	#great_deals h2 {
		margin-bottom: 10px;
		padding-left: 8px;
	}
	#great_deals_carousel {
		position: relative;
		width: 304px;
		height: 262px;
		margin-bottom: 7px;
	}
		#great_deals_carousel .window {
			position: absolute;
			top: 25px;
			left: 50px;
			width: 200px;
			height: 262px;
			overflow: hidden;
		}
			#great_deals_carousel .items {
				width: 100000px;
				overflow: hidden;
				position: absolute;
				top: 0;
				left: 0;
			}
			#great_deals_carousel .item {
				float: left;
				width: 200px;
				text-align: center;
			}
				#great_deals_carousel .item .title {
					font-size: 14px;
					font-weight: bold;
				}
					#great_deals_carousel .item .title a {
						text-decoration: underline;
					}
				#great_deals_carousel .item .pic {
					margin-top: 15px;
				}
				#great_deals_carousel .item .logo {
				
				}
		#great_deals_carousel .carousel_previous_small {
			position: absolute;
			top: 110px;
			left: 15px;
		}
		#great_deals_carousel .carousel_next_small {
			position: absolute;
			top: 110px;
			right: 15px;
		}
	#great_deals .more_link {
		width: 300px;
	}
		

/* STORE GRID ------------------------------------------------------------------------ */	
#store_grid {
	position: relative;
	width: 604px;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	margin: 20px 0 15px 0;
}
	#store_grid #store_grid_popup {
		display: none;
		position: absolute;
		z-index: 10;
		left: 10px;
		top: 10px;
		overflow: hidden;
	}
		#store_grid #store_grid_popup .logo_wrap {
			margin-top: 4px;
			margin-left: 4px;
		}	
		#store_grid #store_grid_popup .deal {
			display: block;
			font-size: 13px;
			font-weight: bold;
			color: #444;
			margin-bottom: 15px;
		}
		#store_grid #store_grid_popup .currency {
			display: block;
			font-size: 16px;
			margin: 10px 0;
			line-height: 19px;
		}
			#store_grid #store_grid_popup .currency img {
				margin-bottom: -4px;
				margin-left: 3px;
			}
		#store_grid #store_grid_popup .offer {
			display: block;
			font-size: 10px;
			font-weight: bold;
			color: #fd5f00;
			
		}
		#store_grid #store_grid_popup .button {
			float: none;
			margin: 0 auto;
		}
		#store_grid #store_grid_popup a {
			color: #868585;
		}
	#store_grid .store {
		float: left;
		width: 150px;
		height: 80px;
		line-height: 80px;
		border-right: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		cursor: pointer;
		text-align: center;
	}
		#store_grid .store img {
			vertical-align: middle;
		}
	#store_grid .popup_contents {
		display: none;
	}
#store_grid .shadow .tl {	
	width: 20px;
	height: 15px;
	background: url('../../images/frame/background/store_grid_popup/shadow_tl.png') no-repeat right bottom;	
}
#store_grid .shadow .t {
	height: 15px;
	background: url('../../images/frame/background/store_grid_popup/shadow_t.png') repeat-x right bottom;	
}
#store_grid .shadow .tr {	
	width: 20px;
	height: 15px;
	background: url('../../images/frame/background/store_grid_popup/shadow_tr.png') no-repeat left bottom;	
}

#store_grid .shadow .l {
	width: 20px;
	background: url('../../images/frame/background/store_grid_popup/shadow_l.png') repeat-y right top;	
}
#store_grid .shadow .middle {
	background: #fff;
	border: 1px solid #d2d2d2;
	width: 160px;
	height: 230px;
	text-align: center;
	padding-bottom: 15px;
}
#store_grid .shadow .r {
	width: 20px;
	background: url('../../images/frame/background/store_grid_popup/shadow_r.png') repeat-y left top;	
}

#store_grid .shadow .bl {	
	width: 20px;
	height: 25px;
	background: url('../../images/frame/background/store_grid_popup/shadow_bl.png') no-repeat right top;	
}
#store_grid .shadow .b {
	height: 25px;
	background: url('../../images/frame/background/store_grid_popup/shadow_b.png') repeat-x left top;	
}
#store_grid .shadow .br {	
	width: 20px;
	height: 25px;
	background: url('../../images/frame/background/store_grid_popup/shadow_br.png') no-repeat left top;	
}
