﻿
body {}
#header{
    height:151px; position:relative;
    background:url(/Content/img/masthead.gif) no-repeat center center;
   }
	#header h1{
		position:absolute;
		left:18px; bottom:45px;
		
	}
		#header h1 a{
			background:url(/Content/img/logo.png) no-repeat center center;
			display:block;
			width:118px; height:33px;
			text-indent:-9999px;
		}
		#logoUniversal{
		    position:absolute; 
		    right:18px; 
		    bottom:45px;
		    background:url(/Content/img/logoUniversal.png) no-repeat center center;
		    width:170px; height:86px;
		 }     
	#navigation{
		position:absolute; 
		right:45px; bottom:15px;
		
	}
		#navigation li{ float:left; margin-right:15px;}
				#navigation li a{
					display:block;
					text-decoration:none;
				}
				
#searchArea{
	height:40px; 
	line-height:40px;
}
    #searchArea strong.navCart a{
	    padding-left:25px;
	    background:url(/Content/img/bag.png) no-repeat left center;
	}
	#searchArea label{color:#000; font-weight:bold; margin-right:12px;}
	#searchArea input#query{
		width:285px; 
		background:#e0e4cc url(../img/iconSearch.png) no-repeat 2px center;
		border:1px;
		padding:3px 5px 3px 25px;
	}
	
	#searchArea input#query:focus{background-color:#fff;}
	form#frmSearch{
		float:right; 
		margin-right:205px;
	}
#content{
	background:#131313;
}

	#leftContent{}
		ul#genre{
			margin-bottom:25px;
		}
			ul#genre li{border-top:1px solid #7f9190;}
				ul#genre li a{
					color:#b8b8b8;
					text-decoration:none;
					padding:5px 0px;
					display:block;
				}
					ul#genre li a.selected{
					color:#d65151;
					text-align:right;
				}
					ul#genre li a:hover{padding-left:5px; }
				ul#genre li:first-child{border:none;}
			#leftContent h2 {
				background:url(../img/headerBg.gif) no-repeat center top;
				color:#000;
				height:37px;
				padding-left:10px;
				padding-top:2px;
			}
		
		ul#tagCloud{text-align:center; padding:10px;}
			ul#tagCloud li{
				display:inline;
				list-style-image:none;
				list-style-position:outside;
			}
				
				ul#tagCloud li a{color:#fff; text-decoration:none;}
					ul#tagCloud li a:hover{color:#d65151;}
					ul#tagCloud li.tag1 a{font-size:100%;}
					ul#tagCloud li.tag2 a{font-size:140%;}
					ul#tagCloud li.tag3 a{font-size:180%;}
					ul#tagCloud li.tag4 a{font-size:220%;}
					ul#tagCloud li.tag5 a{font-size:260%;}
					ul#tagCloud li.tag6 a{font-size:300%;}
	
	#midContent{}
		#midContent .intro{margin-bottom:20px;}
		#midContent #highlight{}
			ul.tabNav{
				border-bottom:4px solid #f7d602;
				float:left;
				width:100%;
			
			}
				ul.tabNav li{float:left;}
					ul.tabNav li:first-child{margin-left:5px;}
					ul.tabNav li a{
						color:#131313;
						background:#7f9190;
						display:block;
						padding:2px 20px;
						text-decoration:none;
						margin-right:5px;
					}
						ul.tabNav li.selected-tab a,
						ul.tabNav li a:hover
							{background:#f7d602;}
					
			.tabContainer{display:none;}
				
				/*TRACK CONTAINER*/
				
				.trackContainer{
					background:#eaefee;
					margin-top:6px; 
					border:1px solid #7f9190;
					padding:10px;
					position:relative;
				}
				    .trackContainer a{color:#7F9190;}
					.trackContainer:hover{border:1px solid #ccc;}
					
					.trackContainer img{
						float:left; 
						margin-right:15px;
						border:1px solid #7f9190;
						padding:3px;
					}
					.trackContainer ul{
						float:left;
						width:340px;
					} 
						.trackContainer ul li{color:#333;}
							.trackContainer ul li em{color:#7f9190; font-weight:bold; font-style:normal; margin-right:10px;}
				
						.play{
							position:absolute; 
							right:10px; top:10px;
							background:url(../img/btnPlay.png) no-repeat center center;
							display:block;
							width:37px; height:37px;
						}
							.play:hover{background:url(../img/btnPlayHover.png) no-repeat center center;}
					
					a.download{
						margin:10px 0px 0px 67px;
						background:url(../img/button.png) no-repeat center center;
						width:89px; height:23px; line-height:21px;
						display:block;
						color:#fff;
						text-align:center;
						text-decoration:none;
					}
					object.download
					{
						position:absolute;
						right:6px;
						top:5px;
						z-index:1;
					}
					.bodyHome object.download 
					{
						position:absolute;
						right:6px;
						top:40px;
					}
					.bodyHome a.addToCart
					{
						xposition:absolute;
						xright:6px;
						xtop:40px;
					}
					.bodyHome a.viewMore 
					{
					    position:absolute;
					    right:6px;
					    top:10px;
					}
					.bodyHome .play 
					{
						right:5px;
						top:5px;
					}
						a.download:hover{background:url(../img/buttonHover.png) no-repeat center center;}
				/* end of TRACK CONTAINER*/
				
				
	#rightContent{}
		.bubble{
			/*background:url(../img/bubbleBottomBg.png) no-repeat bottom center;*/
			background:url(../img/bubbleBottomBg.gif) no-repeat bottom center;
			color:#000;
			padding-bottom:23px;
			position:relative;
			margin-bottom:70px;
		}				
			.bubble legend{
				background:#f7d602;
				text-align:center;
				font-weight:bold;
			}
			#ctlCodeEntry{
				xoutline:1px solid yellow;
				background:url(../img/bubbleTopBg.gif) no-repeat top center;
				padding-top:12px;
			}		
				#ctlCodeEntry form, #codeStatus{
					background:#f7d602;
					padding:10px;
					
				}	#ctlCodeEntry label{
						display:block;
						margin-bottom:10px;
					}
					input#codeEntered{
						border:0px;
						background:#fff;
						width:197px;
						padding:3px;
						color:#000;
					}
					input#btnSubmitCode{
						position:absolute;
						bottom:-30px;
						left:70px;
						background:url(../img/button.gif) no-repeat center center;
						border:0px;
						width:89px; height:23px;
						color:#000;
					}
				
				.codeInfo{border-bottom:1px solid #7F9190;}
					.codeInfo li{
						padding:5px 0px;
						border-top:1px solid #7F9190;
					}
						li.cart{background:url(../img/bag.png) no-repeat left center; padding-left:25px;}
					.codeInfo em{font-style:normal;font-weight:bold;}
					.codeInfo a.cartAdd{
						text-align:center; 
						background:url(../img/cart.png) no-repeat left center; 
						xpadding:5px;
						padding-left:25px; 
						text-decoration:none;
					}.codeInfo a.cartAdd:hover{text-decoration:underline;}
				
    .albumContainer{padding-bottom:50px; color:#333;}
    .genreContainer{padding-bottom:6px;}
	.albumContainer .trackContainer ul,
	.genreContainer .trackContainer ul
	{width:275px;}
		.albumSingles ol{list-style-type:decimal; list-style-position:inside;}
		.albumSingles li{
			background:#eaefee url(../img/shadowBg.jpg) no-repeat right bottom;
			margin-top:2px; 
			border:1px solid #7f9190;
			padding:10px;
			padding-right:135px;
			position:relative;
			color:#000000;
		}
			.albumSingles li:hover{border:1px solid #fff;}
				.albumSingles li strong{font-weight:normal;}					
				.albumSingles li a.play{
					position:absolute;
					right:107px; top:0px;
				}
				.albumSingles li a.addToCart{
					position:absolute;
					right:10px; top:9px;
					margin:0px;
					color:#D65151;
				}
	.genreContainer h2{
		background:url(../img/headerRight.png) no-repeat left top;
		color:#fff;
		height:37px;
		padding-left:10px;
		padding-top:2px;
	}

/* Payment Styling (jani) */
table#shoppingCart 
{
	width:100%;
	table-layout:fixed;
}
input.qty
{
	width:17px;
}

.moneyColumn 
{
	text-align:right;
}

td.checkOut
{
	text-align:right;
}


.contactDetails 
{
	display:none;
}


/* AJAX CART STYLES */
#leftContent h2, .cartItems h2 {
	background:url(../img/headerBg.gif) no-repeat left top;
	color:#000;
	height:37px;
	padding-left:10px;
	padding-top:2px;
}
.cartItems li span 
{
	
}
#cart{margin:30px 0px;}

.cartItems .cartItem
{
background:#EAEFEE url(../img/shadowBg.jpg) no-repeat scroll right bottom;
border:1px solid #7F9190;
margin-top:6px;
padding:10px;
position:relative;
color:#333;
}
ul.cartTotal{
    margin:10px 0px;
    padding:5px 10px;
    border-top:1px solid yellow;
    border-bottom:1px solid yellow;
    text-align:center;
}

.removeFromCart 
{
    position:absolute;
    right:5px;
    top:10px;
    text-decoration:none;
    font-size:14px;
    line-height:16px;
    font-weight:bold;
    color:#595B61;
}
.removeFromCart:HOVER 
{
    color:#D65151;
}
.cartItems li.loading
{
    background:transparent url(/Content/img/loading.gif) no-repeat scroll center center;
    margin-top:6px;
    padding:10px;
    position:relative;
    display:none;
    text-align:center;
    font-weight:bold;
}
.cartContactDetails h2{margin-bottom:20px;}

/*CHECKOUT STYLES*/

.bodyCart #cart { display:none; }
.bodyCart table{border-left:1px solid #7F9190; margin-bottom:30px;}
.bodyCart thead th 
{
	background-color:#7F9190;
	color:#fff;
	text-align:left;
	padding:7px 5px;
}
.bodyCart tbody tr{border-top:1px dotted #7F9190;}
    .bodyCart tbody td{padding:5px; border-right:1px solid #7F9190;}
.bodyCart tbody tr.odd td 
{
	xbackground-color:#a7b3b1;
}
.bodyCart tbody tr.subTotal td 
{
	background-color:#7F9190;
	color:#fff;
	padding:2px;
}


.bodyCart ul.cartTotals
{
	margin-top:20px;
	text-align:right;
}

.cartContactDetails 
{
    margin-top:20px;
    padding-top:10px;
    border-top:1px dotted yellow;	
}
 .inputBlock {
	margin-bottom:7px;
}
    .inputBlock label{ display:inline-block; width:200px; vertical-align:top;}
    .inputBlock input{}
.submitBlock input{margin-left:200px;}
span.required 
{
	color:#D65151;
}
.cartContactDetails .inputBlock input.error
{
	border: 1px solid #D65151;
}



/* FOOTER STYLING */

#footer{
	text-align:right;
	margin-top:7px;
	padding:6px;
	background:#ffd701;
}
#footer a
{
	color:#000;
	margin:5px;
	line-height:20px;
}


/* SUPPORT/TERMS */
.customerService{margin-top:20px;}

#bodySupportTerms #midContent h1 
{
	margin-bottom:25px;
	font-size:135%;
}

#bodySupportTerms #midContent p 
{
	margin-top:15px;
	margin-bottom:25px;
	text-align:justify;
}
#bodySupportTerms #midContent ul li
{
	list-style-type:circle;
	margin-left:35px;
}

/* ALBUM LIST LINKS STYLING */
a.lnkGenreListArtist:LINK, a.lnkGenreListArtist:VISITED,
a.lnkGenreListAlbum:LINK, a.lnkGenreListAlbum:VISITED
{
	color:#333333;
	xtext-decoration:none;
}
a.lnkGenreListArtist:ACTIVE, a.lnkGenreListArtist:HOVER,
a.lnkGenreListAlbum:ACTIVE, a.lnkGenreListAlbum:HOVER
{
	color:#D65151;
}

/* SUPPORT/INSTRUCTIONS */
#bodySupportInstructions #midContent h1 
{
	margin-bottom:25px;
	font-size:135%;
}

#bodySupportInstructions #midContent p 
{
	margin-top:15px;
	margin-bottom:25px;
	text-align:justify;
}
#bodySupportInstructions #midContent ol li
{
	list-style-type:decimal;
	margin-left:35px;
}

/* PAGINATION HTML HELPER */

.pagination{text-align:center;}

.pagination li 
{
    display:inline;
    float:left;
}

.pagination a{
    border:1px solid #7F9190;
    margin-right:2px;
}
.pagination a.nextPage,
.pagination a.prevPage {
    font-weight:bold;
    border:solid 1px #D65151;
    background:#ffffff;
}
.pagination a:link,
.pagination a:visited {
    color:#D65151;
    display:block;
    float:left;
    padding:4px 5px;
    text-decoration:none;
    width:24px;
}
.pagination a:hover,
.pagination .currentPage{
    border:solid 1px #666666;
    color:#ffffff !important;
    background:#7F9190;
}


/* Alphabetical Search Control */

ul.alphabetical 
{
    margin-left:257px;
    margin-top:3px;
}

.alphabetical li 
{
    float:left;
    display:inline;
}

.alphabetical a{
    margin-right:2px;
}
.alphabetical a:link,
.alphabetical a:visited {
    color:#333333;
    display:block;
    float:left;
    font-size:11px;
    padding:2px 3px;
    text-decoration:none;
    width:10px;
}
.alphabetical a:hover,
.alphabetical a.current{
    color:#ffffff;
    width:10px;
}
.bannerTop{
    width:468px; height:60px;
    position:absolute;
    left:300px; bottom:45px;
}
.bannerSide{
    width:140px; xheight:350px;
    margin:10px auto;
    clear:both;
}
/* Jump to artist control */
.genreContainer #artists 
{
    width:100%;
    margin-top:10px;
}

/* Validation CSS */

ul.validation-summary-errors 
{
	display:none;
}

span.field-validation-error 
{
	color:red;
	display:block;
}

/* PayPal Buttons */
.albumSingles ol li form 
{
	position:absolute;
	right:10px;
	top:7px;
}