/*
 * Accordionza jQuery Plugin
 * Copyright 2010, Geert De Deckere <geert@idoe.be>
 */

#SummerSports {
	color:#fff;
	height:709px;
	list-style:none;
	margin:0;
	overflow:scroll;
	padding:0;
	width:1000px;
	float:left;
}
#SummerSports li {
	height:709px;
	position:relative;
}
#SummerSports .slide_handle {
	background:url(http://images2.drct2u.com/content/images/freeformat/120621ss_DAL_sports_cta.jpg) no-repeat;
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	top:0;
	width:55px;
}
#SummerSports .slide2 .slide_handle { background-position:-55px 0; }
#SummerSports .slide3 .slide_handle { background-position:-110px 0; }
#SummerSports .slide4 .slide_handle { background-position:-165px 0; }
#SummerSports .slide5 .slide_handle { background-position:-220px 0; }
#SummerSports .slide_handle div {
	background:url(http://images2.drct2u.com/content/images/freeformat/120322ss_VLD_FF_Trends_arrows.gif) no-repeat;
    height: 13px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 14px;
}
#SummerSports .slide_opened .slide_handle { cursor:default; }
#SummerSports .slide_opened .slide_handle div { background-position:0 -13px; }
#SummerSports .slide_content {
	bottom:0;
	left:55px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0;
}
#SummerSports .slide_content a img { border:0; }
#SummerSports .slide_caption {
	background:url(images/black-30pct.png); /* You could use rgba instead, but that means less browser support */
	bottom:0;
	left:0;
	padding:10px 20px;
	position:absolute;
	right:0;
	/* To change the height of the caption, set the captionHeight option in script.js */
}
#SummerSports .slide_caption_toggle {
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
#SummerSports .slide_caption_toggle div {
	background:url(images/toggle-caption.png) no-repeat 50% -10px;
	height:100%;
}
#SummerSports .slide_caption_toggle:hover { background:url(images/black-30pct.png); }
#SummerSports .slide_caption_collapsed .slide_caption_toggle div { background-position:50% 0; }
#SummerSports a {
	background:none;
	color:#fff;
	text-shadow:0 1px 0 #333;
}
#SummerSports a:hover { text-decoration:none; }
#SummerSports .slide4 .slide_content { background:url(images/digital-noise.png) 100% 0; }


/*text*/
#SummerSports .slide1 .slide_caption, #SummerSports .slide2 .slide_caption, #SummerSports .slide3 .slide_caption, #SummerSports .slide4 .slide_caption, #SummerSports .slide5 .slide_caption  {
    border: 1px solid #FFFFFF;
    bottom: 0;
    height: 91px;
    left: 328px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    width: 337px;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
}
#SummerSports .slide1 .slide_caption {background: url(http://images2.drct2u.com/content/images/freeformat/120322ss_VLD_FF_Trends_opacity.png); color:#000; font-size:13px;}
#SummerSports .slide2 .slide_caption {background: #e2dace; color:#000;}
#SummerSports .slide3 .slide_caption {background: #eecfb0; color:#000;}
#SummerSports .slide4 .slide_caption {background: #dca8e2; color:#000;}
#SummerSports .slide5 .slide_caption {background: #a5a5bc; color:#000;}

#SummerSports a.shop_btn{ 
    border: 1px solid #999999;
    color: #000000;
    font-weight: bold;
    padding: 7px 15px;
    position: absolute;
    right: 23px;
    text-align: right;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    top: 82px;
    width:190px;
	background:#fff;
}

#brandsHeader {
    background: url("http://images2.drct2u.com/content/images/freeformat/120322ss_VLD_FF_Trends_header.jpg") no-repeat left top;
    float: left;
    height: 170px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 1000px;
	height: 161px;
}
#brandsHeader h2{ text-indent:-9999px; height:0; width:0; padding:0; margin:0;}
#brandsText p {
    color: #FFFFFF;
    font-size: 13px;
    left: 300px;
    padding: 0 0 5px;
    position: absolute;
    text-align: center;
    top: 47px;
    width: 400px;
}
/*---------------Buttons-------------*/
#SummerSports a.shop_btn_sportswear, #SummerSports a.shop_btn_sportsbras, #SummerSports a.shop_btn_sportsswim, #SummerSports a.shop_btn_sportstrainers, #SummerSports a.shop_btn_sportsexercise{    
	background: #FFFFFF;
    border: 1px solid #999999;
    color: #000000;
    font-weight: bold;
    padding: 7px 15px;
    position: absolute;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
	text-align: center;
	}
#SummerSports a.shop_btn_sportswear {
    left: 252px;
    top: 92px;
    width: 190px;
}
#SummerSports a.shop_btn_sportsbras {
    left: 252px;
    top: 92px;
    width: 190px;
}
#SummerSports a.shop_btn_sportsswim {
    left: 252px;
    top: 137px;
    width: 190px;
}
#SummerSports a.shop_btn_sportstrainers {
    left: 252px;
    top: 92px;
    width: 190px;
}
#SummerSports a.shop_btn_sportsexercise{
    left: 252px;
    top: 92px;
    width: 190px;
}
#SummerSports a.shop_btn_sportswear:hover, #SummerSports a.shop_btn_sportsbras:hover, #SummerSports a.shop_btn_sportsswim:hover, #SummerSports a.shop_btn_sportstrainers:hover, #SummerSports a.shop_btn_sportsexercise:hover{   background:#000; color:#fff; border:1px solid #000;}