@charset "utf-8";
/*New Image Home Screen*/

/*------------------------- SECTION:RESET -------------------------*/



li { list-style: none; }


q:before,q:after { content: ''; }



legend { color: #000000; }








/* Promotion - breadcrumbs
--------------------------------------------------*/
div#promotion {
	width: 1px;
}
div#promotion h1 { 
	padding: 0.571em 10px; width: 1px; 
	color: #FFFFFF;font-size: 1.4em; 
}
div#promotion div.breadcrumbs { width: 585px; }
div#promotion div.breadcrumbs a{ color:#505050; }


/* Promotion - lead
---------------------------------------------------*/	
div#promotion div.lead {
	float: left;
	width: 426px;
	height: 309px;
	position: relative;
	overflow: hidden;
	top: 30px;
}
div#promotion div.lead h2 {
	position: absolute;
	bottom: -6px;
	padding: 0.167em 10px 0.429em;
	z-index: 2;
	font-size: 1em;
	left: 0px;
}
div#promotion div.lead a {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}
div#promotion div.lead a:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
div#promotion div.lead p {
	position: absolute;
	left: 0px;
}
div#promotion div.lead p.mainImage {
	height : 310px;
	width : 400px;
	bottom : -18px;
}
div#promotion div.lead p.thumImage { display: none; }

div#promotion div.lead ol.content li { display: none; _display: block; }
div#promotion div.lead ol.content div.trans {
	position: absolute;
	bottom: 0;
	height: 2.5em;
	width: 426px;
	z-index: 2;
	background: #000000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-color: #CCCCCC;
	left: 0px;
}
div#promotion div.lead ol.content li:first-child { display: block; }
div#promotion div.lead ol.content li.active { display: block; }

div#promotion div.lead ul.paging {
	position: absolute;
	bottom: -14px;
	right: 5px;
	z-index: 3;
	width:185px;
}
div#promotion div.lead ul.paging a { 
	display: block;
	margin-left: 5px; padding: 0.182em 0.273em;
	font-size: 1.1em; 
}
div#promotion div.lead ul.paging li { float: left; }
div#promotion div.lead ul.paging li:first-child a{ background-color: #FFFFFF; color: #887961; }
div#promotion div.lead ul.paging a, div#promotion div.lead ul.paging li a.normal  {
	background-color: #666;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
div#promotion div.lead ul.paging li.active a, div#promotion div.lead ul.paging li a:hover {
	background-color: #FFFFFF;
	color: #666;
}


/* Promotion - Tracks
---------------------------------------------------*/	
div#promotion div.tracks {
	background: #F8F8F8;
	border: 1px solid #5b5b5b;
	position: relative; float: right; _float: none;
	overflow: hidden; _height: 33.1em; width: 255px; height: 298px;
}
div#promotion div.tracks div.content { background-color: #ECECEC; }
div#promotion div.tracks div.content li.alternate { background-color: #F8F8F8; }

div#promotion div.tracks h2 { font-size: 1.1em; }
div#promotion div.tracks h2 a {
	color: #FFFFFF; 
	background: #949494 url(/galsouthcoast/img/global/promotion/list_arrow_up.gif) 95% 40% no-repeat;
	display: block; width: 245px;
	padding: 0.273em 5px 0.364em;
}
div#promotion div.tracks h2 a.arrowDown {
	background: #949494 url(/galsouthcoast/img/global/promotion/list_arrow_down.gif) 95% 40% no-repeat;
}
div#promotion div.tracks h2 a.active { background-color: #5b5b5b; }
div#promotion div.tracks h2 a:hover { text-decoration: none; }
div#promotion div.tracks h3 { font-size: 1.1em; font-weight: bold; }
div#promotion div.tracks h4 { font-size: 1.1em; }

div#promotion div.tracks p.viewFull { 
	background-color: #F8F8F8; 
	font-size: 1.1em; text-align: right; 
	padding: 1px 5px 5px 5px; 
}

div#promotion div.tracks p.actions { float: right; margin-top: 5px; width: 100px; }
div#promotion div.tracks p.actions a.buy { color: #3e0724; }
div#promotion div.tracks p.actions a.download {
	border-left: 1px solid; color: #3e0724; 
	margin-left: 2px; padding-left: 4px;
}
div#promotion div.tracks p.actions a { text-transform: uppercase; }

div#promotion div.tracks img { position: absolute; left: 5px; top: 5px; }
div#promotion div.tracks div.content { height: 262px; overflow: hidden; }
div#promotion div.tracks div.inactive { display: none;  }
div#promotion div.tracks div.active { height: 265px; }

div#promotion div.tracks li {
	overflow: auto;
	padding: 5px 5px 5px 50px;
	position: relative;
	width: 198px;
}