/* CSS Document */

/* -- generic -------------------------------------------------------------------- */
	body{
		padding: 0px;
		margin: 0px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-family: "Trebuchet MS", Arial, sans-serif;
		color: #000000;
		font-size: 90%;
		background: url(/images/main-background-2.jpg) repeat-x #e5e3fd;
		}
/* ------------------------------------------------------------------------------- */

/* -- layout --------------------------------------------------------------------- */
	#header{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		text-align: center;
		margin: 0px;
		}
	#overallContent{
		margin: 84px 60px 0px 60px;
		/*border-top: 1px solid #6c447d;
		border-left: 1px solid #6c447d;
		border-right: 1px solid #6c447d;*/
		background: #ffffff;
		}
	#leftContent{
		width:160px;
		float: left;
		}
	#rightContent{
		width: 170px;
		float: right;
		}
	#centreContent{
		padding: 5px;
		padding-top: 131px;
		margin-left: 160px;
		/*margin-right: 165px;*/
		/*border-right: 1px solid #6c447d;
		border-left: 1px solid #6c447d;
		border: none;*/
		background: #ffffff;
		min-height: 400px;
		}
	#footer{
		margin: 5px 60px 10px 60px;
		position: relative;
		/*border: 1px solid #6c447d;*/
		font-size: 80%;
		/*background: #ffffff;*/
		padding: 5px;
		}
	#doubleMenu1{
		float: left; 
		border: 1px solid #ffffff;
		margin-right: 10px;
		text-align: left;
		}
	#doubleMenu2{
		border: 1px solid #ffffff;
		}
	.moonspace{
		position: absolute;
		right: 5px;
		}
	#gigBox{
		padding: 5px;
		width: 60%;
		border: 1px solid #dfeaf9;
		border: 1px solid #504c99;
		}
	.campaign{
		/*font-size: 110%;*/
		padding: 5px 5px 25px 5px;
		margin-bottom: 5px;	
		border: 1px solid #ABA8D9;
		}
	p.moreLink{
		text-align: right;
		margin-top: -10px;
		}
	.moreLinkImage{
		vertical-align: middle;
		border: none;
		}
/* ------------------------------------------------------------------------------- */

/* -- View Basket ---------------------------------------------------------------- */
table.viewBasket{
	width: 100%;
	font-size: 110%;
	}
td.cen{
	text-align: center;
	}
td.title{
	border-bottom: 1px solid #000000;
	}
tr.even{
	background: #E5E3FD;
	}
/* ------------------------------------------------------------------------------- */

/* -- Shop ----------------------------------------------------------------------- */
.shopItem{
	margin-right: 10px;
	border: 1px solid silver; 
	padding: 5px;
	padding-right: 30px;
	margin-bottom: 10px;
	text-align: justify;
	min-height: 300px;
	}
p.shopPrice{
	text-align: right; 
	font-size: 120%; 
	font-weight: bold;
	margin-top: -40px;
	}
.imageShop{
	margin-top: 20px;
	}
.middle{
	vertical-align: middle;
	}
a.plainLink{
	text-decoration: none;
	color: #000000;
	}
a.plainLink:hover{
	color: #ff9966;
	}
#basket{
	position: absolute;
	border: 5px solid #E5E3FD;
	text-align: center;
	background: #ffffff;
	padding: 1px 10px 3px 10px;
	top: 10px;
	right: 60px;
	}
/* ------------------------------------------------------------------------------- */

/* Download shop ----------------------------------------------------------------- */
#downloadBasket{
	position: absolute;
	border: 5px solid #E5E3FD;
	text-align: center;
	background: #ffffff;
	padding: 1px 10px 3px 10px;
	top: 10px;
	left: 60px;
	}
/* ------------------------------------------------------------------------------- */

/* -- elements ------------------------------------------------------------------- */
	.topBox{
		/*border: 1px solid #6c447d; */
		margin: 4px; 
		padding: 2px;
		min-height: 139px;
		}
	#campaignBanner{
		padding: 0px 0px 5px 0px;
		margin: 0px 60px -7px 60px;
		/*border: 1px solid #6c447d;
		border-bottom: none;*/
		background: #ffffff;
		font-size: 140%;
		}
	.flashStyle{
		clear: both; 
		float: right; 
		padding-right: 37px;
		}
/* ------------------------------------------------------------------------------- */

/* -- menu ----------------------------------------------------------------------- */
	a.menu{
		text-decoration: none;
		font-weight: bold;
		letter-spacing: 1px;
		color: #000000;
		color: #ffffff;
		}
	a.menu:hover{
		text-decoration: none;
		color: #ff9966;
		font-weight: bold;
		}
	p.menu{
		margin: 4px;
		/*border: 1px solid #6c447d;
		border-top: 1px solid #a586b2;
		border-left: 1px solid #a586b2;*/
		text-align: center;
		/*background: #f4f3f8;*/
		background: url(/images/buttonBG.jpg) repeat-y;
		padding: 3px;
		}
/* ------------------------------------------------------------------------------- */

/* -- headers -------------------------------------------------------------------- */
	h1{
		font-size: 150%;
		}
	h2{
		font-size: 120%;
		margin-left: 10px;
		}
	h3{
		font-size: 100%;
		font-weight: bold;
		margin-left: 20px;
		}
/* ------------------------------------------------------------------------------- */

/* -- paragraphs ----------------------------------------------------------------- */
	#centreContent p{
		margin-left: 20px;
		}
	#centreContent img{
		margin-left: 20px;
		}
	p.review{
		font-size: 110%;
		padding: 5px 5px 25px 5px;
		margin-bottom: 5px;	
		border: 1px solid #DFEAF9;
		}
	p.review em{
		font-size: 90%;
		float: right;
		}
/* ------------------------------------------------------------------------------- */

/* -- links ---------------------------------------------------------------------- */
	a.marquee{
		text-decoration: none;
		padding: 0px 5px 0px 10px;
		margin-right: 10px;
		/*border-right: 1px solid #ffffff;
		border-left: 1px solid #ffffff;*/
		color: #6c447d;
		} 
	a.marquee:hover{
		text-decoration: none;
		/*border-right: 1px solid #6c447d;
		border-left: 1px solid #6c447d;*/
		color: #ff9966;
		}
	a.bandLink{
		font-size: 130%;
		color: #6c447d;
		text-decoration: none;
		}
	a.bandLink:hover{
		color: #ff9966;
		}
	a.backLink{
		font-size: 140%;
		padding-top: 20px;
		text-decoration: none;
		}
	a.smallLink{
		color: #6c447d;
		text-decoration: none;
		font-size: 110%;
		}
	a.more{
		color: #0000ff;
		text-decoration: none;
		cursor: pointer;
		}
/* ------------------------------------------------------------------------------- */

/* -- images --------------------------------------------------------------------- */
	.marqueeImage{
		border: none;
		vertical-align: middle;
		}
	.bandLinkImage{
		border: none;
		vertical-align: middle;
		margin: 0px 5px 0px 10px;
		}
	.backLink{
		vertical-align: middle; 
		border: none; 
		padding-bottom: 3px;
		}
	.imageBorder{
		padding: 4px;
		background: #f4f3f8;
		border: 1px solid #a586b2;
		}
	.imageRight{
		float: right; 
		margin-left: 20px;
		}
	.imageLeft{
		float: left;
		margin-right: 20px;
		}
	.noBorder{
		border: none;
		}
/* ------------------------------------------------------------------------------- */

/* -- ToolTips ------------------------------------------------------------------- */
a.info{
	position: relative;
	text-decoration: none;
	color: #619080;
	z-index: 54;
	}
a.info:hover{
	z-index: 55;
	cursor: pointer;
	}
a.info span{
	display: none;
	}
a.info:hover span{
	display: block;
	position: absolute;
	font-size: 70%;
	top: 20px;
	left: 30px;
	width: 350px;
	padding: 5px;
	border: 1px solid #a586b2;
	background: #ffffff;
	color: #a586b2;
	}
/* ------------------------------------------------------------------------------- */

/* -- Forms ---------------------------------------------------------------------- */
	/* -- Contact form --------------- */
	#contactForm input{
		width: 250px;
		border: 1px solid #6c447d;
		background: #ffffff;
		padding: 3px;
		}
	#contactForm textarea{
		width: 250px;
		height: 150px;
		border: 1px solid #6c447d;
		background: #ffffff;
		padding: 3px;
		}
	#contactForm input.button{
		width: 125px;
		border: 1px solid #6c447d;
		background: #ffffff;
		padding: 3px;
		cursor: pointer;
		}
	#contactForm input.button:hover{
		border: 1px solid #000000;
		background: #E5E3FD;
		cursor: pointer;
		}
	#contactForm label{
		vertical-align: top;
		}
		
	#contactForm input.checkbox{
		width: auto;
		border: none;
		}
	/* ------------------------------- */
	/* -- Mailing list --------------- */
	#mailingList{
		background: #ffffff;
		margin: 0px 60px 0px 60px;
		padding: 5px 0px 5px 0px;
		text-align: center;
		border: 1px solid #ffffff;
		}
	#mailingList input{
		width: 130px;
		}
	#mailingList input.button{
		width: 90px;
		border: 1px solid #96467b;
		background: #ffffff;
		cursor: pointer;
		}
	/* ------------------------------- */	
/* ------------------------------------------------------------------------------- */

/* -- Tables --------------------------------------------------------------------- */
	table.pa{
		border: 1px solid #a586b2;
		padding: 5px;
		}
	table.pa td{
		border-bottom: 1px solid #a586b2;
		}
	table.pa th{
		border-bottom: 1px solid #a586b2;
		padding-bottom: 5px;
		padding-top: 5px;
		text-align: left;
		}
/* ------------------------------------------------------------------------------- */

/* -- Audio clips ---------------------------------------------------------------- */
#audioClip{
	border: 1px solid #928fc4;
	float: left;
	width: 160px;
	text-align: center;
	margin-left: 20px;
	}
#audioClipInfo{
	border: 1px solid #928fc4;
	width: 300px;
	height: 120px;
	margin-left: 210px;
	}
#audioLatest{
	padding: 20px;
	margin-right: 162px;
	}
#audioInner{
	width: 520px;
	margin: 0px auto 0px auto;
	}
/* ------------------------------------------------------------------------------- */