@charset "utf-8";
/* CSS Document */


	#content-div {float: left; position: relative; overflow: hidden; margin-bottom: 10px; width: 1000px; z-index: 1; overflow: hidden;}
	#lifestyle { float: left; height: 760px; margin: 0 0 0px 0; position: relative; width: 1000px; z-index: 10; overflow: hidden;}
	#page1,#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10,#page11,#page12,#page13,#page14,#page15,#page16
	{float: left; height: 760px; position: relative; width: 1000px; z-index: 20;}
	a img {float: left;}
	#lifestyle a {text-decoration:none;}
	
	#socialpage img{float: left;}
	
	h1{color: #666666; font-size: 11px;}
	h2{color: #000; font-size: 18px; margin: 0!important; text-align: left; padding: 0 0 4px 0!important; font-weight: normal;}
	h3{color: #000!important; font-size: 14px!important; margin: 0!important; padding: 0!important;}
	h4 a{color: #000!important; font-size: 12px; margin: 0!important; padding: 0!important;}
	p{margin: 0!important; padding: 0!important; }

	#page1 .left{ width: 534px; float: left;}
	#page1 .right{ width: 466px; float: left;}

	#page2 .left{ width: 526px; float: left;}
	#page2 .right{ width: 473px; float: left;}
	
	#page3 .left{ width: 583px; float: left;}
	#page3 .right{ width: 416px; float: left;}
	
	#page6 .left{ width: 557px; float: left;}
	#page6 .right{ width: 442px; float: left;}
	
	#page15{width: 1000px; height: 724px;}
	
	
	/* Hover Product Info */
	.caption-container {
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:760px;
	}
	.boxcaption {
		position:absolute;
		top:-82px;
		width:100%;
		background: #FFF;
		border-bottom: 4px solid #000;
		text-align: center;
		text-transform:uppercase;
		opacity:0.8;
		z-index: 1000;
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		padding-top:1px;
	}
	.boxcaption p {
		margin:12px 0px 10px 0px !important;
		color:#000;
		font-size:0.9em;
	}

		
	.social{ position: relative; top: 300px; left: 540px;}


	.spacer{clear: both;} 
	.copy{width: 1000px; margin-bottom: 10px;}
	.copy p{color: #666666; line-height: 1.2em; font-size: 11px;}
	
	/* Controls */
	#left a,#right a {height: 64px;  position: absolute; top: 303px;  z-index: 1000; display: block; font-size: 0px; cursor: pointer;}
	
	#left a {background: url(http://images2.drct2u.com/content/images/freeformat/130307ss_DAL_FF_leftnav.png) no-repeat 0 0; left: 5px; width: 22px;}
	#right a {background: url(http://images2.drct2u.com/content/images/freeformat/130307ss_DAL_FF_rightnav.png) no-repeat 0 0; left: 975px; width: 22px;}
	#left a:hover,#right a:hover{ top: 298px;}