﻿/* Dark Grey : 252324*/

body
{
	font-family: Arial;
	font-size: 84%;
	margin: 0px;
	background-image: url(images/bodyBkg.png);
	background-position: top right;
	background-repeat: repeat-x;
	background-color: #000;
	text-align: center;
	color: #fff;
}

a
{
    text-decoration:none;
}

img 
{
    display:block;
    border:none 0px;
}

#bg
{
    text-align:center;
    margin: 0px auto;
    width:1024px;
    background-image: url(images/bodyWrapperBkg1.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	/*background-color: #000000;*/
}

#wrapper
{
	width: 800px;
	margin: 0px auto;
	text-align: left;
}


#bottom
{
    margin:7px 17px 0px 17px;
    _margin:7px 0px 0px 17px;
    font-size:0.8em;
}

#bottom ul
{
    margin:0px;
    padding:0px;   
}

#bottom li
{
    display:inline;
}

#bottom a
{
    color:#ffffff;
    text-decoration:none;
}
/*****header styles ******/

#headerWrapper
{
   _width:820px;
}

#strapline
{
	font-size:0px;
	height:22px;
	background-color:#252324;
	background-image:url(images/strapline.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#headerLeft
{
	width: 321px;
	_width:331px;
	float: left;
}

#headerLeftRed
{
	height: 26px;
	background-image: url(images/leftMenuBkg.png);
	background-position:left top;
	background-repeat: repeat-y;
	background-color:#F02222;
}

#player
{
	padding:0px;
	margin:0px;
	padding-left: 17px;
	/*border:solid 1px blue; #252324;*/
}

#player p
{
    margin:0px;
    padding:0px;
}

#headerMiddle
{
	width: 149px;
	height: 157px;
	float: left;
	background-image: url(images/logoBkg.png);
}

#headerRight
{
	width: 330px;
	_width:340px;
	float: right;
}

#headerRightRed
{
	height: 26px;
	background-image: url(images/RightMenuBkg.png);
	background-position: right top;
	background-repeat: repeat-y;
	background-color:#F02222;
}

#search
{
	text-align: left;
	height: 35px;
	width: 311px;
	background-color: #F6F2F1; /* for firefox */
	margin-left: 19px;
}

.searchArea
{
	float: left;
	margin-left: 3px;
}

.searchInput
{
	width: 120px;
	height: 14px;
	font-size: 11px;
	border-width: 0px;
	background-color: #3E3C3D;
	color: #cbbbbb; 
	#margin-left:-3px;

}


.greyContainer
{
	background-color: #252324;
}

.menuTabs
{
	height: 38px;
}

.underTabs
{
	height: 58px;
}
.menuTabsFooter
{
	height: 13px;
	background-image: url(images/tabfooter.png);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 0px;
}

/*****header styles ******/

/*****body styles ******/

#bodyWrapper
{
	background-image: url(images/bodyWrapperBkg.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #000000;
	min-height:600px;
	_height: 600px;
	padding-left: 17px;
	padding-right: 18px;
	padding-top: 8px;
}

#ctl00_bodyHeader
{

	width: 765px;
	_width: 785px;
	min-height:193px;
	#height: 193px;
}


#bodyContentLeft
{
	float: left;
	/*padding-top: 10px;*/
	width: 477px;
}

#bodyContentLeftFooter
{
	margin-top:5px;
	width:486px;
	_width:495px;
}


#ctl00_bodyContentRight
{
	float: right;
	margin-top: -160px;
	width: 288px;
}

#bodyContentRightOverlapWrapper
{
	/*margin-left:-5px;*/
}

#ctl00_bodyContentRightOverlap
{
	/*this should be 277px*/
	width:272px;
	height:222px	;
	background-color:#000;
	background-image:url(images/redfade.png);
	background-position:top left;
	background-repeat:repeat-x;
	text-align:center;
}

#bodyContentRightOverlap a:link,#bodyContentRightOverlap a:visited
{
	text-decoration:none;
}

#topBanner
{
	border-left:solid 3px #fff;
	border-bottom:solid 3px #fff;
	border-top:solid 3px #fff;
	margin-top:1px;
	height:83px;
	background-color:Green;
	width:490px;
}

#homeContentLive
{
	margin-top:3px;
	float:left;	
/*	border:solid 1px blue;*/
	width:235px;
}

#homeContentLiveList
{
	height:196px;
	overflow:auto;
}

#homeContentNewsList
{
	height:196px;
	overflow:auto;
}

#homeContentLiveArchive
{
	border-top:solid 1px #A7120E;
	background-color:#580A0A;
	padding:4px;
	padding-left:6px;
	font-size:12px;
	font-weight:bold;
	color:#D7CDCE;

}

#homeContentLiveArchive a:link,#homeContentLiveArchive a:visited
{
	color:#D7CDCE;
	text-decoration:none;
}


#homeContentNewsArchive
{
	padding:4px;
	padding-left:8px;
	font-size:12px;
	font-weight:bold;
	color:#D7CDCE;
}

#homeContentNewsArchive a:link,#homeContentNewsArchive a:visited
{
	color:#D7CDCE;
	text-decoration:none;
}

#homeContentNews
{
	margin-top:3px;
	float:left;	
}



#ArtistBiog
{
	margin-top:14px;
	margin-left:9px;
	margin-right:6px;
	margin-bottom:20px;	
}

#ArtistBiog h2
{
	margin:0px;
	padding:0px;
	font-size:1em;
	margin-bottom:-8px;
	#margin-bottom:-15px;
	
}


#ArtistBiogImages
{
margin-left:6px;	
}

.biogImagePad
{
	margin-right:4px;
	margin-bottom:6px;
}


#ArtistLiveFlyers
{
	width:102px;
	float:left;
}

#ArtistLiveEvents
{
	float:left;
	overflow:auto;
	height:222px;
	width:170px;
	font-size:11px;
}

.artistLiveEventsDatalist
{
	margin-top:25px;
}

.homeLiveEventsDatalist
{
	font-size:11px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:6px;
	margin-right:6px;
}

.homeNewsDataList
{
    font-size:11px;
    width:200px;
}

#ArtistReleaseInfoWrapper
{
    /*
don't work in ie6

	margin-top:9px;
	min-height:325px;
	_height:325px;
		border: solid 3px #fff;
		background-image:url(images/redfade.png);
		background-position:top left;
		background-repeat:repeat-x;
		background-color: #7C0B0D;
		*/
    margin-top:10px;
	border: solid 3px #fff;
    width: 474px; 
	_width: 489px; 
/*		font-size: 12px; */
	background-image: url('images/redfade.png'); 
	background-position: left top; 
	background-repeat: repeat-x;
    background-color: #7C0B0D; 
    min-height: 333px;
    _height:333px;
}

.overlapHome
{
	background-color:Green;
	height:222px;
}

#overlapHomeInfo
{
	text-align:left;
	height:81px;
	margin-left:8px;
	margin-top:1px;
}

#overlapHomeRelease
{
	text-align:left;
	margin-left:8px;
	margin-top:1px;
}

/**boxes **/


.boxTitleText
{
	float: left;
	background-color: #F9EECE;
	color: #400605;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 11px;
	padding: 2px;
	padding-left: 8px;
	margin-top: 4px;
	z-index:100px;
}

.boxTitleImage
{
	float: left;
	width: 33px;
	height: 22px;
	background-image: url(images/creamWolfsHead.gif);
}

.boxContent
{
	border: solid 3px #fff;
}

.boxContentSpacer
{
    margin-top:10px;
	border: solid 3px #fff;
}

.eventboxTitleText
{
	float: left;
	background-color: #F9EECE;
	color: #400605;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 11px;
	padding:3px;
}

.clearing
{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height:0px;
}

.left
{
    float:left;
}

.right
{
    float:right;
}

.rightbold
{
    float:right;
    font-weight:bolder;
}

/* live page */
.livesearch
{
    margin:13px 0px 0px 13px;
    padding:10px;
    border:solid 2px #C58586;
    color:#252324;
    background-color:#F6F2F1;
    width:344px;    
}

.livesearch_header
{
    text-transform: uppercase;
	font-weight:bold;
	font-size: 12px;	
    color:#252324;
}

.livesearch_text
{
    font-size:0.9em;
    line-height:1.5em;
    color:#C9BABD;
    min-height:25px;
    #height:25px;
}

.livesearch_box
{
    #margin-left:3px;
}

.liveSearchField
{
    float:left;
    font-size:11px;
    line-height:22px;
    width:30px;
}

.liveSearchInputField
{
    float:left;
    border:solid 1px #ffffff;
}

.overlapcolour
{
	color:#FCEFCF;
}

.livesearch_searchby
{
    float:left;
    line-height:2.0em;
    font-size:11px;
}

.livesearch_select
{
    color:#ff0000;
    margin:0px;
    padding:0px;
}

.livesearch_select input
{

}

.livesearchInput
{
	width: 200px;
	height: 15px;
	#height:20px;
	_height:15px;
	font-size: 11px;
	border-width: 0px;
	border-color:blue;
	background-color: #3E3C3D;
	color: #cbbbbb; 
}

.livesearchFind
{
    background-color:#F6F2F1;
    text-transform: uppercase;
	font-weight:bold;
	font-size: 12px;	
    color:#252324;
    border:none 0px;
    cursor:pointer;
    background-image:url('images/whitebutton.gif');
    background-position:right bottom;
    background-repeat:no-repeat;
    width:60px;
    #width:50px;
    height:27px;
    text-align:left;
}

.liveEventList
{
    float:left;
    width:230px;
    padding:25px 10px 25px 10px;
    
}

.artistLiveEventList
{
    /*float:left;*/
    width:170px;
    padding:25px 10px 15px 0px;
    padding:1px 1px 1px 1px;
   /* padding:25px 10px 25px 10px;*/
    
}


.liveEventName
{
    font-size:11px;
    font-weight:bolder;
    text-transform:uppercase;
}

.liveEventHeader
{
    font-size:11px;
    font-weight:bolder;
    color:#c9bbbb;
    text-transform:uppercase;
}

.liveEventDate
{
    font-size:11px;
    color:#F81A0F;
}

.liveEventDate a
{
    color:#F81A0F;
    text-decoration:none;
}

.liveEventSelected
{
    background-color:#F71A11;    
}

.liveEventSelected .liveEventHeader
{
    color:#ffffff;
}

.liveEventSelected .liveEventDate
{
    color:#420407;
    font-weight:bolder;
}

.liveEventSelected .liveEventDate a
{
    color:#420407;
}

.liveEventInfo
{
    float:left;
    margin:5px 0px 0px 0px;
    width:200px;
}

.liveEventInfoHeader
{
    text-transform:uppercase;
    text-align:right;
    float:right;
    margin:3px 6px 0px 0px;
    padding:0px 0px 0px 0px;
    font-weight:bolder;
    width:200px;
    font-size:11px;
}

.line
{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height:0px;
	border-top:solid 1px #F81A0F;
	margin:3px 0px 3px 0px;
}

.liveeventleft
{
    float:left;
    width: 258px;
}

.liveeventright
{
    float:right;
    width:208px;
}

.liveEventImg
{
   
}

.liveEventImg img
{
    display:block;
}

.liveEventBlurb
{
    font-size:11px;
}

.liveEventBlurb p
{
    margin:0px;
    padding:0px;
}
/* end live page */

/* tabs */
.tabs ul{
list-style-type: none;
margin:0;
padding:0;
}
.tabs li{
display:inline;
margin:0;
padding:0;
height:32px;
/*###############*/

}
.tabs a
{
	height:38px;
float:left;
background:url(images/menuleft.jpg) no-repeat left top;
margin:0;
margin-right: 1px; /*spacing between each tab*/
padding:0 0 0 9px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
}
.tabs a span{
/*float:left;*/
display:block;
_display:inline-block;
height:24px;
background:url(images/menuright.jpg) no-repeat right top;
padding: 14px 9px  0px 0px;
font-weight:bold;
font-size:12px;
color:#fff;
cursor:hand;

/*width:55px;*/
}

.tabs #current a{ /*Selected Tab style*/
background-position:0 -38px; /*Shift background image up to start of 2nd tab image*/
}

.tabs #current a span{ /*Selected Tab style*/
background-position:100% -38px; /*Shift background image up to start of 2nd tab image*/
}

.tabs a:hover{ /*onMouseover style*/
background-position:0% -38px; /*Shift background image up to start of 2nd tab image*/
}

.tabs a:hover span{ /*onMouseover style*/
background-position:100% -38px; /*Shift background image up to start of 2nd tab image*/
}

/*tabs*/

/*List page */

.listtop
{
    margin:15px 10px 15px 10px;
    color:#F81A0F;
    width:460px;
}

.listitem
{
    margin:15px 5px 15px 5px;
    width:220px;    
}

.listitemtext
{
    margin:0px 0px 0px 10px;
    float:left;
    width:130px;
    font-size:11px;
}

.listitemtext h4
{
    color:#ffffff;
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    font-size:12px;
    font-weight:bolder;
}

.listitemtext p
{
    margin:0px 0px 3px 0px;
    padding:0px;
}

.listitemtext a
{
    color:#F81A0F;
    text-decoration:none;    
}

.listdate
{
    float:left;
    font-weight:bolder;        
}

.listleft
{
    float:left;
    width: 194px;
}

.listright
{
    float:right;
    width:270px;
    margin:20px 0px 0px 0px;
}

.liveEventList
{
    float:left;
    width:190px;
    padding:25px 10px 25px 10px;
    
}

.listnav
{
    margin:0px 10px 10px 10px;
    color:#F81A0F;
}

.listnav a
{
    color:#F81A0F;
    text-decoration:none;
}

.justin
{
    float:right;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:bolder;
}

.sellistitemdate
{
padding-top:4px;
clear:left;
    font-weight:bolder;
    color:#F81A0F;
    font-size:11px;
}

.sellistitemheader
{
    color:#ffffff;
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    font-size:12px;
    font-weight:bolder;
}

.sellistitemdetail
{
font-size:11px;
}

.listHeader
{
    color:#ffffff;
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    font-size:12px;
    font-weight:bolder;
}

.listDate
{
    color:#F81A0F;
    margin:0px 0px 10px 0px;
    font-size:11px;
}

.listDate a
{
    color:#F81A0F;
    text-decoration:none;
}

.listitems
{
    margin:20px 0px 10px 10px;
}

.listitems p
{
    margin:0px;
    padding:0px;
}

.listSelected a
{
    background-color:#F81A0F;
    color:#5D0907;
    padding:0px 5px 0px 5px;
}
/* list page */

.btn
{
    background-color:#F6F2F1;
    text-transform: uppercase;
	font-weight:bold;
	font-size: 12px;	
    color:#252324;
    border:none 0px;
    cursor:pointer;
    background-image:url('images/whitebutton.gif');
    background-position:right bottom;
    background-repeat:no-repeat;
   padding:0px 20px 0px 20px;
   #padding:0px 0px 0px 20px;
    height:27px;
    text-align:left;
}

#sitemap
{
}

#sitemap a
{
    color:#F81A0F;
    text-decoration:none;
}

ul.parent
{
    margin:10px 0px 0px 0px;
    padding:0px;
    list-style-type:none;
}

ul.child
{
    margin:0px 0px 5px 20px;
    padding:0px;
    list-style-type:none;
}

a.red
{
    color:#F81A0F;
    text-decoration:none;
}

a.redbold
{
    font-weight:bolder;
    color:#F81A0F;
    text-decoration:none;
}

.homelistitem
{
    margin:15px 5px 15px 5px;
    width:190px;
}

.homelistitemtext
{
    margin:0px 0px 0px 10px;
    float:left;
    width:100px;
    font-size:11px;
}

.homelistitemtext h4
{
    color:#ffffff;
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    font-size:12px;
    font-weight:bolder;
}

.homelistitemtext p
{
    margin:0px 0px 3px 0px;
    padding:0px;
}

.homelistitemtext a
{
    color:#F81A0F;
    text-decoration:none;    
}


.releaseList
{
    float:left;
    width:200px;
    padding:25px 10px 25px 10px;    
}

.releasethumb
{
    float:left;
    width:78px;
    height:78px;
}

.releaseinfo
{
    float:left;
    margin:0px 0px 0px 10px;
    width:105px;
    font-size:11px;
}

.releaseband
{
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 4px 0px;
}

.releasename
{
    margin:0px 0px 4px 0px;
}

.releaselink
{
    margin:0px 0px 4px 0px;
}

a.rellink
{
    color:#F81A0F;
    text-decoration:none;    
}

.releaseInfo
{
    float:left;
    width:130px;
    margin:0px 0px 0px 10px;
    font-size:11px;
}

.artistleft
{
    float:left;
    width: 200px;

}

.artistright
{
    float:right;
    width:243px;

}

.release
{
    margin:0px 0px 20px 0px;
}

.releaseTitle
{
    font-weight:bolder;
    height:50px;
    margin:10px 0px 0px 0px;
}

.releaseTrack
{
    font-weight:bolder;
}

.track
{
    margin:0px 0px 5px 15px;
}

.trackSelected
{
    background-color:#F71A11;    
}

.trackSelected a
{
    color:#420407;
    font-weight:bolder;
}

.basketholder
{
    margin:5px;
}

#basket
{
    height:145px;
    overflow:auto;
    font-size:11px;
    font-weight:bolder;
    text-align:left;
}

#basketheader
{
	background-color: #F9EECE;
	color: #400605;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 11px;
	padding:5px;
	text-align:left;
}

.baskettotal
{
	background-color: #F9EECE;
	color: #400605;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 11px;
	padding:5px;
	#padding:5px 5px 0px 5px;
}

.baskettotalvalue
{
    float:right;
    margin:0px 12px 0px 0px;
}

.cartlink
{
    text-transform: uppercase;
    font-weight:bold;
	font-size: 12px;
	height: 18px;
	color:#790B0A;
	background-image:url(images/darkwolf.gif);
	background-position: right top;
	background-repeat:no-repeat;
	float:left;
	padding:5px 27px 0px 0px;
}

.cartlink a
{
    color:#790B0A;
    text-decoration:none;
}

.login1
{
    padding:5px 20px 0px 20px;
    font-size:11px;
    font-weight:bolder;
}

.login2
{
    padding:0px 20px 0px 20px;
    font-size:11px;
    font-weight:bolder;
}

.login2 a
{
    color:#ffffff;
    text-decoration:none;
}

.loginInput
{
	width: 140px;
	height: 14px;
	font-size: 11px;
	border-width: 0px;
	background-color: #3E3C3D;
	color: #cbbbbb; 
	margin:0px 0px 3px 10px;
}

.loginname
{
    float:right;
    line-height:16px;
}

.payment
{
    margin:10px;
}

.payment p
{
    margin:0px;
    padding:0px;
}

.paymentheader
{
    color:#F81A0F;
    font-weight:bolder;
    text-transform:uppercase;
    margin:15px 0px 0px 0px;     
}

.paymentbox
{
    background-color:#ffffff;
    border:solid 1px #ffffff;
    color: #3E3C3D;    
    margin:5px 0px 0px 0px;
    padding:5px 5px 0px 5px;
    #padding:5px;
}

.paymentitem
{
    float:left;
    text-transform:uppercase;
    font-weight:bolder;
    font-size:11px;
/*    border:solid 1px blue;*/
    width:147px;
}

.chkPayment
{
    font-weight:bolder;
}

.paymentInput
{
	width: 142px;
	#width:137px;
	height: 14px;
	font-size: 11px;
	border-width: 0px;
	background-color: #3E3C3D;
	color: #cbbbbb; 
	margin:0px 5px 10px 0px;
	#margin:0px 0px 0px -10px;
}

.paymentdrp
{
    height: 18px;
	font-size: 11px;
	border:solid 1px #3E3C3D;
	background-color: #3E3C3D;
	color: #cbbbbb; 
	padding:0px;
	margin:0px;
}

.paymentspacer
{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height:0px;
	#height:5px;
}

.grandtotalleft
{
    float:left;
    font-size:13px;
    font-weight:bolder;
    margin:5px 0px 3px 0px;
    color:#CD1411;
}

.grandtotalvalue
{
    float:right;
    margin:5px 12px 0px 0px;
    font-size:13px;
    font-weight:bolder;
    color:#CD1411;
}

#basketpayment
{    
    height:105px;
    overflow:auto;
    font-size:11px;
    font-weight:bolder;
    text-align:left;
}

.artistHeader
{
    color:#F81A0F;
    text-transform:uppercase;
    margin:0px;
    padding:0px;
    font-size:12px;
    font-weight:bolder;
    margin:0px 0px 5px 0px;
}

a.productinfo
{
    margin:0px 0px 0px 3px;
    font-size:13px;
    font-weight:bolder;    
    color:#3D0504;
}

.products
{
    background-image:url('images/product-bg1.gif');
    background-position:top left;
    background-repeat:repeat;
}

.productdetails
{
    background-image:url('images/shop.png');
    background-position:top left;
    background-repeat:repeat-x;
    padding:15px;
    font-size:12px;
}

.productdetails p
{
    margin:0px;
    padding:0px;
}

.buy
{
    color:#F81A0F;
    text-decoration:none;
    font-weight:bolder;
}

.qty
{
    width:50px; 
	font-size: 11px;
	color: #000000; 
}

.price
{
    color:#F81A0F;
    font-weight:bolder;
}

.productdetails select
{
    width:103px;
	height: 15px;
	#height:20px;
	_height:15px;
	font-size: 11px;
	border-width: 0px;
	color: #000000; 
}

.shopSearchField
{
    float:left;
    font-size:11px;
    line-height:22px;
    width:50px;
}

.cartqty
{
    width:20px; 
	font-size: 11px;
	font-weight:bolder;
	color: #000000; 
	height: 14px;
	border-width: 0px;
	background-color: #3E3C3D;
	color: #cbbbbb; 
}


.popdiv
{
    background-color:#ffffff;
    padding:0px 30px 0px 30px;
    font-size:11px;
}

.photonav
{
    padding:10px;
}


.modalBackground
{
	background-color:#F81A0F;
	filter:alpha(opacity=60);
	opacity:0.6;
}
.strapline
{

    
}