/* Import language specific overrides */
@import "lang.css";

/* HTML TAGS */
	*, html {
	margin: 0;
	padding: 0;
	}

	img {
	border: 0;
	}

	html {
	font-family: Arial, Helvetica, sans-serif;
	}

	body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%;
	padding: 0;
	margin: 0;
	color: #333;
	background: #FFF url('../img/bg.jpg');
	line-height: 16px;
	}
	
	a {
	color: #000;
	text-decoration: none;
	}
		a:hover {
		text-decoration: underline;
		}
		
	ul, ol {
	margin-left: 2em;
	}
	
/* FORM ELEMENTS */
	form {
	margin: 0;
	}
	#statusBar input {
	border: 0;
	font-size: 12px;
	}

	option {
	padding-right: .5em;
	}
	
/* HEADERS */

	h1 {
	font-size: 1.5em;
	margin: 0;
	text-transform: uppercase;
	}
		em.title {
		display: block;
		text-transform: none;
		font-style: normal;
		margin-top: 3px;
		}
		h1#pageTitle {
		margin-bottom: 5px;
		}
	
	h2 {
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: .5em;
	text-transform: uppercase;
	}
		h2.lAndH {
		font-weight: normal;
		font-size: 13px;
		}

	h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	}
	
	h4 {
	font-size: 1em;
	}
	
	p {
	font-size: 1em;
	margin: 5px 0 10px 0;
	}
	
/* PAGE SECTIONS */
	#page {
	width: 979px;
	min-height: 600px;
	margin: 0px auto;
	}
		#fullPage {
		/* pages without sidebars */
		}
		
	#header {
	height: 116px;
	background: #FFF url('../img/header.gif') repeat-x bottom left;
	width: 100%;
	}
		#topLogo {
		height: 116px;
		width: 250px;
		float: left;
		padding-left: 20px;
		background: #FFF url('../img/logobg.gif') repeat-x bottom left;
		}

		#topMenu {
		height: 28px;
		float: right;
		background: transparent url('../img/topdrop.png') repeat-x bottom left;
		}
			#topMenu a {
			display: block;
			float: left;
			padding: 5px;
			background-color: #bf2026;
			color: #FFF;
			text-transform: uppercase;
			font-size: 1.2em;
			font-weight: bold;
			}
				#topMenu a:hover {
				text-decoration: none;
				background-color: #FFF;
				color: #bf2026;
				}
	
	#smartTab {
	position: absolute;
	right: 20px;
	top: 86px;
	background: transparent url('../img/smarttabbg.gif') no-repeat top right;
	width: 123px;
	height: 29px;
	padding-top: 8px;
	text-align: center;
	z-index: 20;
	}
		#smartTab a {
		color: #FFF;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 12px;
		}
				
	#smartSearch {
	margin-left: 270px;
	margin-right: 22px;
	display: none;
	position: relative;
	}
	
	#smartSearch form {
	height: 89px;
	width: 100%;
	overflow: hidden;
	margin-top: -2px;
	border-right: 2px solid #FFF;
	display: block;
	float: left;
	background: #38979d url('../img/smartbg.gif') no-repeat top left;
	}
		#smartSearch fieldset {
		float: left;
		border: none;
		margin: 5px;
		}
		#smartSearch p {
		float: left;
		width: 420px;
		margin: -5px 0 0 5px;
		color: #FFF;
		}
		#smartSearch label, #smartSearch fieldset div {
		display: block;
		margin-top: 3px;
		padding: 1px;
		padding-left: 5px;
		color: #FFF;
		background-color: #066368;
		float: left;
		line-height: 20px;
		}
			#smartSearch select {
			font-size: 10px;
			width: 14em;
			}
				#smartSearch #smartDropdowns select option {
				text-transform: capitalize;
				}
				#smartSearch #smartDropdowns label {
				width: 17em;
				clear: left;
				}
					#smartSearch #smartDropdowns label select {
					float: right;
					}
					#smartSearch #smartDropdowns select option.main {
					text-transform: uppercase;
					font-weight: bold;
					}
				#smartSearch #smartFreetext div {
				width: auto;
				padding: 1px;
				}
					#smartSearch #smartFreetext div select {
					width: 10em;
					}
					#smartSearch  #smartFreetext div #smartString {
					border: 0;
					width: 11em;
					height: 17px;
					}
					
	#statusBar {
	clear: both;
	height: 24px;
	background-color: #000;
	border-bottom: 1px solid #8a8a84;
	}
		#previewPlayer {
		float: left;
		color: #FFF;
		width: 240px;
		height: 20px;
		margin-top: 1px;
		margin-left: 2px;
		}
		#searchForm {
		float: right;
		display: block;
		margin-right: 10px;
		padding-top: 2px;
		}
			#searchForm input {
			vertical-align: middle;
			margin: 0;
			}
			#searchForm .submit {

			position: relative;
			top: 0;			
			}
							
	#left {
	float: left;
	width: 160px;
	}

	#middle {
	width: auto;
	margin: 2px 153px 0 172px;
	min-width: 14em;
	}

	#right {
	float: right;
	width: 141px;
	}
	
	#footer {
	height: 180px;
	color: #FFF;
	background: #d9d0b4 url('../img/footerbg.gif') repeat-x top left;
	text-align: center;
	padding-top: 30px;
	}
		#footer p {
		
		}
		#footer a {
		text-decoration: none;
		color: #FFF;
		}
			#footer a:hover {
			text-decoration: none;
			color: #000;
			}
			
/* BOXES */
	.redBox {
	color: #FFF;
	font-size: .9em;
	margin-bottom: 10px;
	}
		.redBox .top {
		height: 8px;
		background: #c22b30 url('../img/b_red_t.gif') no-repeat top center;
		overflow: hidden;
		}
		.redBox .cen {
		padding: 10px 16px;
		background: #c22b30 url('../img/b_red_c.gif') repeat-y top center;
		}
			.redBox form {
			height: 130px;
			margin: 0;
			}
			.redBox p {
			margin: 0;
			}
			
		.redBox .bot {
		height: 8px;
		background: #c22b30 url('../img/b_red_b.gif') no-repeat top center;
		overflow: hidden;
		}
		.redBox a {
		color: #FFF;
		font-weight: bold;
		text-decoration: underline;
		}
		.redBox input {
		color: #666;
		margin-bottom: 10px;
		}
		
	.blueBox {
	background-color: #6fadae;
	color: #FFF;
	margin-bottom: 10px;
	}
		.blueBox .top {
		height: 8px;
		background: transparent url('../img/b_blue_t.gif') no-repeat top center;
		overflow: hidden;
		}
		.blueBox .cen {
		padding: 5px;
		background: transparent url('../img/b_blue_c.gif') repeat-y top center;
		}
		.blueBox .bot {
		height: 8px;
		background: transparent url('../img/b_blue_b.gif') no-repeat top center;
		overflow: hidden;
		}
		.blueBox h3 {
		font-size: 1.3em;
		font-weight: bold;
		margin: 0 0 10px 10px;
		}
		.blueBox ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
			.blueBox ul li {
			
			}
				.blueBox ul li a {
				padding: 2px 10px;
				display: block;
				background: transparent url('../img/bluearrow.gif') no-repeat right;
				color: #FFF;
				font-size: 1.1em;
				font-weight: bold;
				}
				
				.blueBox li.current a {
				text-decoration: underline;
				background: transparent url('../img/downarrow.gif') no-repeat right; 
				}
				
				.blueBox ul li.current ul li a {
				background-image: none !important;
				text-decoration: none;
				font-size: 1em;
				padding-left: 20px;
				}
					.blueBox ul li ul li.current a {
					text-decoration: underline;
					}
				
	#adLeft {
	margin-bottom: 10px;
	}
	#adRight {
	margin-top: 10px;
	}
	
	#basket {
	}
	
	#useVoucher {
	background: none;
	border: none;
	}
	
	#history {
	margin-top: 10px;
	}
		#basket h2, #history h2 {
		height: 20px;
		margin: 0;
		text-align: right;
		text-transform: uppercase;
		border-bottom: 2px solid #000;
		margin-bottom: 10px;
		}
		#basket ul, #history ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
			#basket ul li, #history ul li {
			margin-bottom: 10px;
			padding-bottom: 2px;
			border-bottom: 1px solid #a9aaa3;
			}
				#history ul li.last {
				border: 0;
				}
			#basket ul li div.icons {
			text-align: right;
			}
				#basket ul li div.icons form {
				line-height: 1.2em;
				}
				
					#basket ul li div.icons form input {
					vertical-align: bottom;
					}
				#basket ul li div.icons form span.price {
				font-weight: bold;
				}
				
		#basket #basketTotal {
		height: 15px;
		}
			#basket #basketTotal span.price {
			display: block;
			text-align: right;
			color: #000;
			text-transform: uppercase;
			padding-right: 2px;
			}

		#basket #basketCheckout {
		height: 30px;
		padding-top: 2px;
		text-align: right;
		}
			#basket #basketCheckout a {
			
			}
			
/* TABS! */
	div.tabBox div.tabHeader {
	width: 100%;
	display: table;
	}
		div.tabBox div.tabHeader ul {
		margin: 0;
		display: table-row;
		list-style-type: none;
		}
			div.tabBox div.tabHeader ul li {
			display: table-cell;
			float: left;
			}
				div.tabBox .tabHeader ul li a, div.tabBox .tabHeader ul li span {
				font-size: 1em;
				color: #333;
				display: block;
				padding: .2em .6em;
				white-space: nowrap;
				}
					div.tabBox .tabHeader ul li a:hover {
					text-decoration: none;
					}				
		div.tabBox .item {
		border: 1px solid #eaeae5;
		}
			div.tabBox div.item, div.tabBox form.item {
			background-color: #FFF;
			padding: 1em;
			height: 1%;
			width: auto;
			}

/* BIG TABS */
	div.bigTabs {
	border: none;
	}
		div.bigTabs div.tabHeader {
		border-bottom: 10px solid #000;
		}
			div.bigTabs div.tabHeader ul {
			
			}
				div.bigTabs div.tabHeader ul li {
				background-color: #FFF;
				}

					div.bigTabs div.tabHeader ul li a, div.bigTabs div.tabHeader ul li span {
					border-color: #eaeae5;
					border-style: solid;
					border-width: 1px 1px 0 1px;
					background-color: #f8f8f0;
					color: #000;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 1.2em;
					padding: .5em;
					}
						div.bigTabs div.tabHeader ul li.tabActive a, div.bigTabs div.tabHeader ul li.tabActive a:hover, div.bigTabs div.tabHeader ul li.tabActive span { 
						border-color: #000;
						background-color: #000;
						color: #FFF;
						}

	div.bigTabs ul, div.bigTabs ol {
	margin-bottom: 0;
	}

/* PRODUCT & TRACK TABLES */
.tblTracks {
}
	.tblTracks th {
	font-size: 1.2em;
	text-align: left;
	}
	.tblTracks td {
	padding: 2px;
	}
	
/* DOWNLOAD PAGE */

/* One background image on the <td> and one on the <a>
   to avoid image reloading and flickering in IE */
.album .header td.expand {
	padding: 0;
	width: 11px;
	background: url(/assets/losttunes/static/img/downloads/expand.gif) no-repeat center center;
}

.album .header td.expand a {
	padding-left: 1em;
	display: block;
	width: 11px;
	height: 11px;
	text-decoration: none;
}

.album .header td.expand-hover a {
	text-decoration: none;
	background: url(/assets/losttunes/static/img/downloads/expand-hover.gif) no-repeat center center;
}

.album .header td.collapse {
	background-image: none;
}

.album .header td.collapse a {
	background: url(/assets/losttunes/static/img/downloads/expanded.gif) no-repeat center center;
}

.album .toggle {
	cursor: pointer;
}


#showHideControls {
	font-size: 0.8em;
	margin: 5px 0;
}

		
/* PRODUCT BOXES */
div.box {
width: 626px;
float: left;
background-color: #fff;
border: 4px solid #666;
margin-bottom: 10px;
padding: 10px;
}

div.products {
background-color: #FFF;
}
	h2.boxTitle {
	width: 144px;
	height: 16px;
	margin: 0px auto;
	margin-bottom: 5px;
	color: #FFF;
	background: transparent url('../img/bhbg.gif') no-repeat center top;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	}

.boxFooter {
padding: 2px;
text-align: right;
background-color: #696868;
}

	.boxFooter a {
	color: #FFF;
	margin-right: 5px;
	font-weight: bold;
	text-transform: lowercase;
	}
	
/* PRODUCT DETAILS */
.productDetails {
padding: 10px;
}
	.productDetails h1 {
	margin-bottom: 10px;
	}

	.productDetails .packShot {
	float: left;
	overflow: visible;
	border: 1px solid #000;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
	}
		.productDetails .packShot .zoom {
		height: 18px;
		width: 18px;
		position: absolute;
		bottom: 2px;
		right: 2px;
		}
	
	.productDetails .price {
	font-weight: bold;
	font-size: 1.2em;
	}
	
	.productDetails td.btnPreview a {
	color: #000;
	}
		.productDetails td.btnPreview a:hover {
		text-decoration: none;
		}
		
/* ARTIST DETAILS */
.artistDetails {
padding: 10px;
}
		
/* GENRE HOMEPAGES */
.hpPack {
float: left;
border: 3px solid #e4e0c8;
margin:  0 10px 5px 0;
}

.mainProduct {
margin-bottom: 10px;
}

.feature {
margin-top: 10px;
width: 300px;
float: left;	
}
	.feature h2 {
	margin-bottom: 11px;
	
	}
	.feature .hpPack {
	border-width: 1px;
	}

	div.left {
	padding-right: 5px;
	clear: both;
	}
	div.right  {
	float: right;
	}
	
	.more-content {
	display: none;
	}
	
	#TB_ajaxContent .more-link {
	display: none;
	}

	#TB_ajaxContent .more-content {
	display: block;
	}

.metaTitle {
color: #c83e43;
padding-right: 5px;
}

/* LOGIN PAGE */
.radioRental {
display: block;
float: left;
margin-right: 10px;
}
		
/* MISC CLASSES */
.artist, .artist a {
color: #000;
font-weight: bold;
}

.title, .title a {
color: #000;
font-style: normal;
}

.label, .label a {
text-transform: capitalize;
}

.description {
color: #333;
}

.odd {
background-color: #f8f7ee;
}
		
.price {
color: #000;
}

.error {
background-color: #CC0000;
color: #FFF;
margin: 4px 0;
}

.clear {
clear: both;
}

.packShot {
}
	.packShot img {
	height: 60px;
	width: 60px;
	}
	
.invisible {
display: none;
}

/* standard products */
.product a.packShot {
position: relative;
}

.product span.overlay {
position: absolute;
cursor: pointer;
}	
	.sale span.olyT {
	background: transparent url('/static/img/ol/sale_s.png') no-repeat top left;
	}
		
		li.product.sale span.olyT, tr.product.sale span.olyT {
		top: -7px;
		left: -10px;
		background: transparent url('/static/img/ol/sale_s.png') no-repeat top left;
		}
			
		td.sale {
		background-image: url('/static/img/ol/sale_xs.png');
		background-position: center right;
		background-repeat: no-repeat;
		padding-right: 30px !important;
		}

		div.productDetails div.sale span.olyT {
		top: -10px;
		left: -30px;
		background: transparent url('/static/img/ol/sale_l.png') no-repeat top left;
		}
		
		div.productDetails div.explicit span.olyB {
		background: transparent url('/static/img/explicit.gif') no-repeat bottom right;
		}
		
	.Stand_Alone_Video span.olyT {
	background: transparent url('/static/img/ol/video_t.gif') no-repeat top right;
	}
		.Stand_Alone_Video span.olyB {
		background: transparent url('/static/img/ol/video_b.gif') no-repeat bottom right;
		}
		
	.listTable .Stand_Alone_Video span.olyT, .bigChart .Stand_Alone_Video span.olyT {
	background: transparent url('/static/img/ol/video_s_t.gif') no-repeat top right;
	}
		.listTable .Stand_Alone_Video span.olyB, .bigChart .Stand_Alone_Video span.olyB {
		background: transparent url('/static/img/ol/video_s_b.gif') no-repeat bottom right;
		}

div.product div.productName {

}

div.similarArtists ul {
margin: 10px 20px;
}
		
/* scrolling products */

div.scrollBox, div.similarArtists {
padding: 0; 
width: 650px;
border-color: #000;
border-width: 2px;
}
	h2.boxTitle {
	margin-bottom: 10px;
	}
	div.scrollBox div.inner {
	position: relative;
	height: 100px;
	width: 550px !important;
	overflow: hidden !important;
	}
		div.scrollBox div.inner ul {
		list-style-type: none;
		}

	div.scrollBox div.noscroll {
	margin-left: 20px;
	}
	
.goLeft, .goRight {
margin-top: 25px;
font-size: 2em;
font-weight: bold;
}
	.goLeft {
	padding: 5px;
	padding-right: 15px;
	float: left;
	}
	.goRight {
	padding: 5px;
	float: right;
	}
		.goLeft a {
		display: block;
		width: 26px;
		height: 26px;
		background: transparent url('../img/left_0.gif') no-repeat top left; 
		}
		.goRight a {
		display: block;
		width: 26px;
		height: 26px;
		background: transparent url('../img/right_0.gif') no-repeat top left; 
		}
			.goLeft a:hover {
			text-decoration: none;
			background: transparent url('../img/left_1.gif') no-repeat top left; 
			}
			.goRight a:hover {
			text-decoration: none;
			background: transparent url('../img/right_1.gif') no-repeat top left; 
			}
			.goLeft a.disabled, .goLeft a.disabled:hover {
			text-decoration: none;
			background: transparent url('../img/left_x.gif') no-repeat top left; 
			}
			.goRight a.disabled, .goRight a.disabled:hover {
			text-decoration: none;
			background: transparent url('../img/right_x.gif') no-repeat top left; 
			}
		
	.scrollBox .more-link {
	padding: 2px 5px 0 0;
	text-align: right;
	background-color: #696868;
	}
		.scrollBox .more-link a {
		text-transform: lowercase;
		font-weight: bold;
		color: #FFF;
		}
	
	
	.scrollBox .more-pagelink {
	padding: 2px 5px 0 0;
	text-align: right;
	background-color: #696868;
	}
		.scrollBox .more-pagelink a {
		text-transform: lowercase;
		font-weight: bold;
		color: #FFF;
		}	
	
	/* popped-up products */
	#TB_ajaxContent {
	position: relative !important;
	padding-top: 10px;
	}
	
	#TB_ajaxContent ul {
	width: auto !important;
	height: auto !important;
	float: left;
	}
		#TB_ajaxContent ul li.product { 
		margin-top: 10px;
		}
	
	#TB_closeAjaxWindow {
	padding: 5px;
	vertical-align: middle;
	margin-bottom: 1px;
	text-align: right;
	float: right;
	}
		#TB_closeAjaxWindow img {
		vertical-align: middle;
		}
		#TB_closeAjaxWindow a:hover {
		text-decoration: none;
		}
	
li.product {
line-height: normal;
float: left;
width: 100px !important;
height: 90px !important;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
	li.product a.packShot, li.product span.overlay {
	float: left;
	position: relative;
	}
	li.product .preview {
	margin-left: 62px;
	}
		li.product a.productName {
		white-space: nowrap;
		}
			li.product a.productName span {
			
			}
		
	li.product span.preview {
	display: block;
	position: relative;
	}	

/* "buttons" */
.btnYes {
float: right;
}
.btnNo {
float: left;
}
.btnInfo {
float: left;
margin-right: 5px;
}

	.btnYes a, .btnNo a , .btnInfo a,
	input.btnYes, input.btnNo, input.btnInfo,
	.btnYes input, .btnNo input, .btnInfo input {
	display: block;
	padding: 4px;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #6fadae;
	color: #FFF;
	border: 1px solid #558586;
	cursor: pointer;
	}

	input.btnYes, input.btnNo, input.btnInfo,
	.btnYes input, .btnNo input, .btnInfo input {
		font-family: Arial,Helvetica,sans-serif;
		font-size: 95%;
		padding: 3px;
	}
	
		.btnYes a:hover, .btnNo a:hover, .btnInfo a:hover,
		input.btnYes:hover, input.btnNo:hover, input.btnInfo:hover,
		.btnYes input:hover, .btnNo input:hover, .btnInfo input:hover {
		background-color: #000;
		text-decoration: none;
		border: 1px solid #666;
		}

/* OTHER */
.aquo {
font-size: 1.3em;
line-height: 1em;
}
.tblCCDetails td {
padding: 2px;
}

#templates {

	display: none;	

}