@charset "UTF-8";

html, body #centraltable {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
}



body {
	background-color: #333333;
	line-height: 150%;
	margin: 0px;
	}

body, h2, h4 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000000;
}

body, h4 {
	font-size: 12px;
}

h2 {
	font-size: 1.6em;
}

#centraltable {
	text-align: left;
	vertical-align: top;
	width: 100%;
}

h1 {
	margin-bottom: -10px;
}

.topmenu {
	background-image:url(images/images/menubar.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.infobox {color:#FFF;}
.infobox a:link{color:#FFF;}
.infobox a:hover{color:#FFF; text-decoration:underline;}
.infobox a:visited{color:#FFF;}

.sideboxmain {background: url(images/images/sidebox-main-body.gif) repeat-y;}
.sideboxsundry {background: url(images/images/sidebox-sundry-body.gif) repeat-y;}

.mainsidebox {background: url(images/images/sidebox-main-body.gif) repeat-y center top;}
.sundrysidebox {background: url(images/images/sidebox-sundry-body.gif) repeat-y center top;}
.footerleftcap {background: url(images/btmpanel_04.gif) repeat-y center top;}
.footerrightcap {background: url(images/btmpanel_06.gif) repeat-y center top;}
.footertopcap {background: url(images/btmpanel_02.gif) repeat-x center top;}
.footerbottomcap {background: url(images/btmpanel_08.gif) repeat-x center top;}

.sideboxheading {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.backgroundimage {
	background-color: #999999;
	background-image: url(images/loud08backgound.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
.btmpanelbackground {
	background-attachment: fixed;
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCCCCC;
}
.blackedge {
	border: 1px solid #333333;
	width: 150px;
}
.credittext {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
	line-height: 122%;
}
.blackedge150px {
	border: 1px solid #333333;
}



OPTION.oostock {
	color : #A0A0A0;
	text-decoration: line-through;
	}

select {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	}

td {
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 136%;
	}

TD.catimage {
	vertical-align:top;
	text-align: left;
	}

TD.catname {
	vertical-align:top;
	text-align: left;
	}

TD.catnavigation {
	vertical-align:middle;
	text-align: left;
	}

TD.prodnavigation {
	vertical-align:middle;
	text-align: left;
	border-top: 2px #999 solid;
	border-bottom: 2px #999 solid;
	}

TD.smaller {
	font-size: 12px;
	color : #000000;
	text-align: center;
	line-height: 130%;
}

TD.cobhl{
	right: auto;
	
	}

/* Added by CB to force checkout headers to be centered. Must come after TD.cobhl rule. */	
TD.cosectionheader {
	text-align: center;
}

TD.cobll{
	color : #000000;
	text-align: left;
	}

P.prodnavigation {
	vertical-align:middle;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	}

P {
	font-size: 12px;
	color: #000000;
	line-height: 150%;
	}

P.smaller {
	font-size: 12px;
	color : #000000;
	text-align: center;
	line-height: 130%;
}

P.catname {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 4px;
	vertical-align:top;
	text-align: left;
	line-height: 150%;
	}

P.catdesc {
	margin-top: 0px;
	margin-bottom: 4px;
	vertical-align:top;
	text-align: left;
	line-height: 150%;
	}

A:link {
	color: #000000;
	text-decoration: none;
}

A:visited {
	color: #000000;
	text-decoration: none;
}

A:active {
	color: #000000;
	text-decoration: none;
}

A:hover {
	color: #000000;
	text-decoration: underline;
}

A.strapline {
	color: #999999;
	font-size: 11px;
	text-decoration: none;
	}
	
A.price:link {
	color: #FFCC00;
	text-decoration: none;
	}

A.price:visited {
	color: #FFCC00;
	text-decoration: none;
	}

A.price:active {
	color: #FFCC00;
	text-decoration: none;
	}

A.price:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
	
A.credittext:link {
	color: #cccccc;
	text-decoration: none;
	}

A.credittext:visited {
	color: #cccccc;
	text-decoration: none;
	}

A.credittext:active {
	color: #cccccc;
	text-decoration: none;
	}

A.credittext:hover {
	color: #cccccc;
	text-decoration: none;
	}

HR {
	color : #000000;
	}

IMG.catimage {
	border:0px;
	border-thickness: 0px;
	border-color: #000;
	border-style: solid;
	vertical-align:top;
	text-align: left;
}

TABLE.cobtbl{
	border-color: #333333;
	}

.pagetitles {
	font-size: 20px;
	font-weight: bold;
	color: #990000;
	line-height: 111%;
	text-transform: uppercase;
	}

.detailname {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	line-height: 111%;
	text-transform: uppercase;
	}

.titlewords {
	font-size: 12px;
	color: #000000;
	line-height: 136%;
	}

.price {
	font-size: 24px;
	font-weight: bold;
	color: #990000;
	line-height: 114%;
	text-align: left;
	}

.price2 {
	font-size: 24px;
	font-weight: bold;
	color: #990000;
	line-height: 114%;
	text-align: center;
	}

.prodprice {
	font-size: 16px;
	color: #990000;
	line-height: 114%;
	text-align: center;
	}
	
.prodcurrency {
	text-align: center;
	}
	
.product_title, td.cosectionheader h3, #cidProductDetailHeader h3, .cidMusicAndMerch h3 {
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	}
	
.cidMusicAndMerch h2 {
	margin-top: 15px;
	font-weight: bold;
	color: #990000;
	font-size: 22px;
	text-transform: uppercase;
}
	
td.cosectionheader p {
	font-weight: normal;	
}
	
.product_title {
	text-transform: none;
	line-height: 125%;
	text-align: inherit;
	margin-bottom: 0px;
	}

div#cidProductBody {
	position: relative;
}
	
#cidProductDetailHeader h3, #cidSearchAllResults h3, td.categorytext h1, .cidMusicAndMerch h1 {
	text-transform: uppercase;
}

#cidSearchAllResults h3, td.categorytext h1, .cidMusicAndMerch h1 {
	margin: 10px 0px 5px 0px;
}

#cidProductDetailHeader h3 {
	margin: 12px 0px 2px 0px;
}	

#cidProductDetailHeader h3 {
	line-height: 1.2em;
}

div#cidProductMainContent #cidMoreMusicLinks {
	margin: 10px 0px 10px 0px;
}

#cidSeeMusicLink {
	text-align: center;
	margin-top: 15px;
}

p.prodnavigation, #cidSeeMusicLink a {
	font-weight: bold;
}

.cidMusicAndMerch h3, div#cidMusicXSell {
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

/* TODO: we need to either remove one of these divs, or rename them - confusing at present and suspect don't need both for layout */
#cidXSellMusic>p, #cidMusicXSell>p {
	margin-top: 0px;
}

.cidMusicAndMerch h3 {
	margin-top: 10px;
}

#cidProductDetailHeader p {
	margin-top: 5px;
	font-weight: bold;
}

#cidProductDetailHeader {
	border-bottom: 1px dotted #ccc;
}

.cidMusicProduct div#cidProductMainContent {
	width:300px;
	
}

.cidMerchProduct div#cidProductMainContent {
	width:auto;
	padding-right: 5px;
}

.cidMerchProduct div#cidProductMainContent2 {
	padding-right: 10px;
}

div#cidProductMainContent2 p {
	margin: 8px 0px;
}

table#cidFlexiProductBody td {
	vertical-align: top;
}

div.cidMusicProduct div#cidProductSideBar {
	float: right;
}


table#cidFlexiProductBody td#cidFlexiProdButtons {
	vertical-align: bottom;
}


.cidMusicProduct div#cidProductSideBar {
	width:295px;
	padding-left: 12px;
	border-left: 1px dotted #ccc;
}

.cidMerchProduct div#cidProductSideBar, div#cidProdButtons {
	width:auto;
	padding-left: 5px;
}

/* Needed for IE which doubles enclosed margins and padding without it */
div#cidProductMainContent, div#cidMusicXSell {
	zoom: 1;
}

div#cidProdButtons, .cidMerchProduct div#cidProductMainContent {
	padding-bottom: 3px;
}

div#cidProductSideBar ol {
	margin-left: 0px;
	padding-left: 2em;
}

div#cidProductSideBar ol li {
	margin-left: 0px;
	padding-left: 0px;
}

div#cidProductMainContent, div#cidProductSideBar {
	padding-top: 10px;
}

div#cidBuyInfo {
	position: relative;
	margin-bottom: 15px;
}

div#cidBuyInfo .prodoption {
	width: 140px;
}

div#cidMusicXSell {
	clear: both;
}

.cidMusicAndMerch p.cidSeeMore {
	text-align: right;
	margin-bottom: 0px;
}


.cidMusicAndMerch p.cidSeeMore a, #cidMoreMusicLinks a, #cidSeeMusicLink a {
	text-transform: uppercase;
	font-weight: bold;
	color: #990000;
}

#cidMusicXSell h4 {
	font-size: 14px;
}


/* ==================== Start Music Player ==================== */
	.player {
		height: 20px;
		width: 21em;
	}
	.player .button {
		width: 70px;
		height: 20px;
		background-repeat: no-repeat;
		background-position: 50px 0px;
		float: right;
	}
	.player .button a {
		display: block;
		height: 20px;
		font-weight: bold;
		color: #990000;
		/*
text-indent: -100em;
		overflow: hidden;
*/
	}

   .player .play {
		background-image: url(vsadmin/musicplayer/images/control_play.png);
	}
   .player .play:hover {
		background-image: url(vsadmin/musicplayer/images/control_play_red.png);
	}
   .player .pause {
		background-image: url(vsadmin/musicplayer/images/control_pause.png);
		display: none;
	}
	.player .pause:hover {
		background-image: url(vsadmin/musicplayer/images/control_pause_red.png);
	}
/* ==================== End Music Player ==================== */
	
#cidProductDetailHeader p.prodtagline {
	margin-top: 0px;
	margin-bottom: 8px;
}

.pricediv {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	}

.prodtitle_small {
	color: #990000;
	font-weight: bold;
	}
	
.prodname {
	text-align: center;	
	}
	
.proddescription {
	text-align: center;	
	}

.strapline {
	color: #999999;
	font-size: 11px;
	text-decoration: none;
	}			
	
.text-for-pix {
	padding: 3px;
	font-size: 12px;
	}

.sidecategorysubtitles {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 145%;
	}
	
A.sidecategorysubtitles:link {
	color: #FFF;
	text-decoration: none;
	}

A.sidecategorysubtitles:visited {
	color: #FFF;
	text-decoration: none;
	}

A.sidecategorysubtitles:active {
	color: #FFF;
	text-decoration: none;
	}

A.sidecategorysubtitles:hover {
	color: #999999;
	text-decoration: none;
	}
	
.informationbox {color: #FFF; text-decoration:none; font-weight: bold; list-style-type: none; margin:0; padding:10px; height:100%}	
.informationbox a:link, .informationbox a:visited, .informationbox a:active {color: #FFF; text-decoration:none}	
.informationbox a:hover {color: #999; text-decoration:underline}	

.categoriesbox {color: #FFF; text-decoration:none; font-weight: bold; list-style-type: none; margin:0; padding:10px; font-size: 14px; height:100%}
.categoriesbox a:link, .categoriesbox a:visited, .categoriesbox a:active {color: #FFF; text-decoration:none}	
.categoriesbox a:hover {color: #999; text-decoration:underline}	

.categorysubtitles {color: #FFF; text-decoration:none; font-weight: bold; list-style-type: none; margin:0; padding:10px; padding-left: 10px; font-size: 12px; height:100%}
.categorysubtitles a:link, .categorysubtitles a:visited, .categorysubtitles a:active {color: #FFF; text-decoration:none}	
.categorysubtitles a:hover {color: #999; text-decoration:underline}	
	
	.sidecategorytitles {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	line-height: 138%;
	}
	
A.sidecategorytitles:link {
	color: #FFF;
	text-decoration: none;
	}

A.sidecategorytitles:visited {
	color: #FFF;
	text-decoration: none;
	}

A.sidecategorytitles:active {
	color: #FFF;
	text-decoration: none;
	}

A.sidecategorytitles:hover {
	color: #999999;
	text-decoration: none;
	}

	
	
	
	
.aboutSubtitles {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
	line-height: 100%;
	text-align: left;
	padding: 7px 0px 0px;
}
.pagenums {
	color: #990000;
	padding: 7px 0px 7px;
	font-weight: bold;
}


.prodnavigation {margin-bottom: 15px; margin-top: -1em;}
html>body .prodnavigation {margin-bottom: 3px;}

.pagenums {padding-top: 1px; padding-bottom: 0px;}
html>body .pagenums {padding-top: 0px; padding-bottom: 2px;}

.pagetitles {padding-top: 50px; padding-bottom: 0px; line-height: 133%;}
html>body .pagetitles {padding-top: 0px; padding-bottom: 0px; line-height: 100%;}

.categorytext {padding-bottom: 0px; padding-top: 1.5em;}
html>body #categorytext { padding-bottom: -30px; padding-top: 0em;}

/* Force product category pages to look more like new music and all products pages */
td.categorytext h1, td.categorytext p  {
	text-align: left !important;
}
/* Override the padding for the heading, margins are set above to match #cidSearchAllResults h3 */
td.categorytext h1, .cidMusicAndMerch h1.pagetitles {
	padding: 0px;
}

.whiteBorder {
	border: 1px solid #FFFFFF;
}
	
.blackBorder3 {
	border: 1px solid #000000;
	
}
#DropdownForm #select {
	width: 180px;
	border: 1px solid #FF0000;
}
.SEARCHTEXT   {
	width: 175px;
	border: 1px solid #FF0000;
}
.redborder {
	padding: 5px;
	border: 2px solid #990000;
	width: 560px;
	background-position: center;
}


.n2s_frontend_article_title {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #FF0000;
}
.n2s_frontend_article_teaser {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
}
.n2s_frontend_article_date {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
}
.n2s_frontend_pagination {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.n2s_frontend_article_link {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #FF3333;
}
.n2s_frontend_article_list .n2s_frontend_article_item .n2s_frontend_article_title h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	color: #CC0000;
}
.index_realprod_caption {
	padding: 5px;
	text-align: left;
}
.rangeleft {
	text-align: left;
}
.index_realprod_caption strong {
	font-size: 12px;
	line-height: 130%;
}
.listprice {
	color: #990000;
	text-align: center;


}

/* START UPGRADE 5.6.3 Mod: added this back in (was present in live version) */
.borderwithpadding {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	background-color: #990000;
	padding: 6px;
	border: 1px solid #000000;
}

/*****
*
*	START UPGRADE 5.6.1 Mod: 
*		- Added custom selector to style options picker differently on category and product detail pages
*		- Added margin above customers who bought this also bought box instead of extra markup
*
*****/	
td.optionSelect {text-align: left;}
table.products td.optionSelect {text-align: center;}

div#alsoBought {margin-top: 15px;}
/*****
*
*	END UPGRADE 5.6.1 Mod
*
*****/	

.index_realprod_caption2 {
	padding: 5px;
}
#waiting {
	background-color: #e9e8e8;
	text-align: center;
	padding: 100px 10px;
	border: 1px solid #999;
}
#thanksmessage {
	text-align: center;
}
#homeimage1A {
	height: 150px;
	width: 157px;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#homeimage1B {
	position: relative;
	height: 150px;
	width: 150px;
	left: 157px;
	top: -150px;
	right: 0px;
	bottom: 0px;
}
#productText {
	margin: 0px;
	padding: 3px;
	height: 0px;
	width: 0px;
}
#productText td {
	padding-top: 6px;
	padding-bottom: 10px;
	text-align: center;
}
#productTitles {
	font-family: Impact, "Arial Narrow", sans-serif;
	font-size: 19px;
	color: #950C18;
	line-height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #99000D;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#homeimageA2 {
	height: 150px;
	width: 157px;
	position: absolute;
	top: -150px;
	left: 157px;
}
#homeimageA3 {
	height: 150px;
	width: 157px;
	position: relative;
	top: -150px;
	left: 314px;
}
.sampleproducttext {
	text-align: center;
}

/* New Home Page Layout */
div.column {
	float: left; text-align: center;
}
div.column h4 {
	margin-top: 6px;
	margin-bottom: 5px;
}
div.column {
padding: 0 3px 0 4px;
width: 150px;
}
div.column.first {
	padding-left: 0;
}
div.column.last {
	padding-right: 0;
}
div.row, div.homePageSection  {
	clear: left;
}
div.row {
	overflow: auto;
	padding-bottom: 15px;
}

div.homePageSection  {
	width: 622px;
	margin-bottom: 5px;
	overflow: auto;
}

div.homePageSection h2 {
	color: #990000;
	position: relative; 
	height: 1em; 
	background: transparent url('/images/bborder.gif') repeat-x scroll bottom left;
	text-transform: uppercase;
}

div.homePageSection h2 span {position: absolute; bottom: 0px; background-color: #ffffff ; padding-right: 5px;}
/* End of New Home Page Layout */#searching #Search #stext {
	width: 100px;
	border: 1px solid #333;
	padding: 2px;
}
#searching #Search img {
	padding-bottom: 5px;
}

#slider a{
	display:block;
}

td.xsellProd {
	width: 31%;
}

.shippingtable {
	border: 1px solid #333;	
}

div.detaildescription {
	font-size: 1.2em;
}

div.detaildescription a {
	color: #990000;
}

p.availNextDay {
	font-size: 10px;
	font-weight: bold;
	margin: 4px 0px 8px 0px;
	line-height: 120%;
}

table#productDetailButtons td {
	padding-bottom: 7px;
}

table#productDetailButtons td.last {
	padding-bottom: 0px;
}

table#productDetailButtons td#fb {
	padding-bottom: 8px;
}

div.detailcurrency {
	position: absolute;
	top: 0px;
	right: 0px;
}

div.detailoptions {
	margin-bottom: 12px;
}

div.detailoptions select {
	font-size: 1.1em;
	width: 160px;
}

div.detailsizing {
	margin-top: 20px;
}

p.notifyDisclaimer {
	font-size: 0.8em;
}

a.notify-me img {
	margin-top: 5px;
}

table.products a.notify-me img {
	margin-top: 0px;
}

/*
	Notify Me / Jquery UI Dialog
*/
#notify-dialog-form label, #notify-dialog-form input { display:block; }
#notify-dialog-form input.text { margin-bottom:12px; width:95%; padding: .4em; }
#notify-dialog-form fieldset { padding:0; border:0; margin-top: 10px; }

div#nrequests-contain { width: 350px; margin: 20px 0; }
div#nrequests-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#nrequests-contain table td, div#nrequests-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; margin: 0.3em 0px; }
.feedback-highlight {background-color: #fff5bd;}
/*
	End Notify Me / Jquery UI Dialog
*/

/* 
	Uninform fancy select styling - use custom width for product detail product option select (-34px)
*/
#cidBuyInfo div.selector {
  width: 156px;
}

#cidBuyInfo div.selector select {
  min-width: 156px;
}

#cidBuyInfo div.selector span {
  width: 124px;
}



/*
	End Uniform fancy select styling
*/

.blogheadlines {
	list-style-type:none;
	padding:0; 
    margin:14px;
}
.blogheadlines li {
	padding-bottom: 3px; 
		list-style-type:none;
}

div.product table {
	border-spacing: 0px;
}

table.products tr td.product {
	padding-bottom: 13px;
}

select {
	height: 1.5em;
}

.faq-question, .faq-question a:link, .faq-question a:active, .faq-question a:visited {font-size: 12px; color: #000; text-decoration:none; font-weight:bold;}
.faq-question a:hover {color: #990000; text-decoration: underline;}

div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;

}
div.panel
{
	display:none;
	width:540px;
	height: 219px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/xmas/timesbg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}