/** ~~ ZRecords SKIN  ~~ **/

span.category {
    color: #EDEA2B;
    font-size: 1.7em;
    padding: 0;
}

span.sub-category{
	color:#838383;
    padding: 0;
	font-size:1.4em;
	margin: 0 0 0 2px;
}

div.resultsBar{
    background: none repeat scroll 0 0 #1A1A1A;
    border: 1px solid #2E2E2E;
}


/* contrast color (green) = #BCD22E */

h2, a, button, #footer a:hover, #acknowledgements a:hover, a.btn:hover, ul.options li, h5.green, div.feature h6 {
	color: #93d734;
	}
	
h4.opOne, ul#detailTabs li.active {
	background: none repeat scroll 0 0 #1A1A1A;
}

/* very light grey font = #EFF0F0 */

h3, h4.opTwo, h5.darker, h6, a:hover, #leftColumn li li a, #productDetails p, div.resultsBar, ul#trackListing, p.static, p.price, .light, #productDetails ul, table, form, div.feature {
	color: #EFF0F0;
	}

/* light grey font = #AFAFAF */

h5.lighter, h5.lighter, #leftColumn li  a:hover , #leftColumn li li a:hover {
	text-decoration:none;
	color:#FFFFFF;
	}



/* mid grey font = #5C5C5C */

#footer a, #acknowledgements, #acknowledgements a {
	color: #5C5C5C;
	}





/* dark grey heading fonts + borders = #4D4D4D */
	
#pageBackground {
	border-color: #4D4D4D;
	}
	
#mainPage, table#trackListing td {
	border-bottom-color: #4D4D4D;
	}


table#trackListing td {
	padding:7px 0;
	}

table#trackListing td.pos{
		font-weight:bold;
		width:22px;
	}	
table#trackListing td.cb{
	width:35px;
	padding-left:10px;
}

table#trackListing td.tracklength{
	width:60px;
	color:#8d8d8d;
}
#cart, #search, div.longStrip, div.strip  {
	border-right-color: #4D4D4D;
	}
	
#rightColumn {
	border-left-color: #4D4D4D;
	}
	

/* dark grey body bg + borders = #424242 (slightly darker than above) */

body {
	background:url(../images/layout/body-bg.gif) left top #000;
	}
#topper	{
	width:100%;
	background:url(../images/layout/background.jpg) no-repeat center top;
}
div.blockLeftDark, div.blockLeftLight, #listBlockLeft {
	border-right-color: #424242;
	}



/* really dark grey = #333333 */

/*
div.blockRightLight, div.blockLeftLight, div.listDetailLight, #acknowledgements,  div.blockCartLight {
	background-color: #333333;
	}
*/
#footer {
	border-top-color: #333333;
	}



/* really dark grey backgrounds = #272727 (slightly darker than above) */

h4.opTwo, div.longStrip, div.longStripLast, div.strip, ul#detailTabs li {
	background: none repeat scroll 0 0 #111111;
	border: 1px solid #2E2E2E;
	border-bottom:none;
}



div.blockCartTotal th,div.blockCartDark th, div.blockCartLight th {
	background: none repeat scroll 0 0 #111111;
	border: none;
}

div.blockCartTotal tr,div.blockCartDark tr, div.blockCartLight tr {
	background: none repeat scroll 0 0 #2B2B2B;
}

#detailFormat div.blockCartTotal tr,div.blockCartDark tr, div.blockCartLight tr {
	background: none repeat scroll 0 0 #1A1A1A;
}

ul#detailTabs li a.digital{
color:#07C0F6;
}

ul#detailTabs li a.cd{
color:#93D734;
}

ul#detailTabs li a.vinyl{
color:#A9316E;

}


/* nearly black  = #1A1A1A */

div.blockLeftDark, div.blockRightDark, div.listDetailDark, div.resultsBar, ul#trackListing li.dark, div.blockCartDark {
	background-color: #1A1A1A;
	}

img.border {
	border-color: #1A1A1A;
	}
	
ul.topBorder {
	border-top-color: #1A1A1A;
	}



/* black backgrounds + borders = #000000 */

#optionBar {
	background: url(../images/layout/option-bar-bg.jpg) top left no-repeat #272727;
	margin-bottom:6px;
	clear:both;
	}

#optionBar h3{
	background:none;
	text-indent:-9999em;
	display:block;
}

div.longStrip, div.longStripLast, div.strip {
	border-top-color: #000;
	}
#logoBar h1{
	height:57px;
}
#logoBar h1 a{
	width:78px;
	height:57px;
	display:block;
	text-indent:-9999em;
	margin-top:17px;
}

a.listen{
    background: url("../images/buttons/listen.gif") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 0.001em;
    height: 22px;
    line-height: 0.001em;
    text-indent: -9999px;
    width: 23px;
}

#formatbuylink a.addCDToCart{
    background: url("../images/buttons/add-to-cart-green.gif") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 0.001em;
    height: 28px;
    line-height: 0.001em;
    text-indent: -9999px;
    width: 124px;
}

#formatbuylink a.addDLToCart{
    background: url("../images/buttons/add-to-cart-blue.gif") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 0.001em;
    height: 28px;
    line-height: 0.001em;
    text-indent: -9999px;
    width: 124px;
}

#formatbuylink a.addVinylToCart{
    background: url("../images/buttons/add-to-cart-pink.gif") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 0.001em;
    height: 28px;
    line-height: 0.001em;
    text-indent: -9999px;
    width: 124px;
}
/*cart page elements */

h4.pageTitle{
	display:block;
	background: none repeat scroll 0 0 #1A1A1A;
	border: 1px solid #2E2E2E;
	font-size: 2.2em;
	height: 21px;
	margin: 0;
	padding: 5px 10px 10px;
	color:#FFFFFF;
	
}

h5.vinylHeader{
color:#A9316E;
}

h5.cdHeader{
color:#93D734;
}

h5.digitalHeader{
color:#07C0F6;
}

.tbldownload p{
	color:#FFFFFF;
}

.tbldownload table {
	margin: 0;
	border: 1px solid #2E2E2E;
}
	
	
	
	.tbldownload tr {
	background:none repeat scroll 0 0 #111111;
	}
	
	
	
	.tbldownload tr.downloadItem,.tbldownload tr.downloadItemTracks{
	background:none repeat scroll 0 0 #1A1A1A;
	}
	.tbldownload tr.download td{
	height:auto;
	}
	
	.tbldownload tr.downloadItem td,.tbldownload tr.downloadItemTracks td{
	 border-bottom: 1px solid #1A1A1A;
	}
	
	.tbldownload tr.downloadItemTracks td table{	
	border:none;
	}
	.tbldownload tr.downloadItemTracks td table tr{
		background:none repeat scroll 0 0 #2E2E2E;
	}
	
	.tbldownload td {
		padding:5px;
		height:90px;
		border-bottom: 1px solid #1A1A1A;
	}
	.tbldownload td.top {
		padding:0;
		height:28px;
		font-weight:bold;
	}
	.tbldownload td.bottom {
		 border-bottom: 1px solid #111111;
		padding: 10px 0 0 0;
		height: 28px;
	}
	
	.tbldownload td.basketfooter{
		 border-bottom: 1px solid #111111;
		padding:0;
		height:40px;
	}
	.tbldownload td input{
		width:auto;
	}
	
	
div.previousOrders table thead{
background:none repeat scroll 0 0 #111111;
}

div.previousOrders th,div.previousOrders td{
padding:5px;
}

#registrationform input,#loginform input, #bookingform input {
    background: url("../images/layout/input-bg.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
    width: 280px;
	height:25px;
}

#bookingform label span{
	color:#1E94DA;
}

#bookingform input#submit{
	width: 130px;
	height:24px;
	background:url(../images/buttons/submit-form.jpg) top left no-repeat;
	margin: 0 20px 0 0;
	display: inline; 
	text-indent:-9999em;
	cursor:pointer;
}

#bookingform input#submit:hover{
	background:url(../images/buttons/submit-form.jpg) top left no-repeat;
}

#registrationform input.checkbox,#loginform input.checkbox{
	background: none;
	 height: 16px;
    width: 16px;
	border: 0 none;

}

#registrationform select{
    width: 300px;
}

#rememberMe label {
    width: 270px;
}

#terms label {
    width: 245px;
}

div.artist-info h1.artists{
	color:#ED4828;
	display:block;
	height: auto;
	font-weight: 600;
	margin: 3px 0 15px;
	font-size:2.3em;
	width:auto;
	float:left;
}

div.artist-info h2{
	color:#fff;
	font-size:1.9em;
	float:none;
	margin:15px 0;
}

div.artist-info ul.social{
	float:right;
	width:350px;
	margin-top:7px;
}

div.artist-info ul.social li{
	float:right;
	list-style-type:none;
	font-size:1.2em;
	line-height:30px;
}
div.artist-info ul.social li a{	text-decoration:none; }
div.artist-info ul.social li a:hover{ 	text-decoration:none;border-bottom:0; }

div.artist-info p{
	color:#fff;
	clear:both;
	font-size:1.2em !important;
	margin:8px 0;
}

div.alignBottom label,  div.alignBottom input { display:inline; }


.alignBottom a.listen, #topten a.listen{
	background:none;
	font-size:12px;
	text-indent:0;
	line-height:inherit;
	display:inline;
}
