/* Andrew Yates - Sussex Ghost Hunters - Version: 1.2 (September, 2010) */
/*New Image Home Screen*/

@charset "utf-8";

/*--------- 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:underline;
	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: 30px;
	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(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(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;
}