/* Box Specific Overrides */
.bundleHolder {
	width: 260px;
	float: left;
}
#header {
	clear: left;
}

#header .boxContent {
		height: 120px;
}

#header #login {
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
	#header #login.boxBlack138 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack138/lid.gif);
	}
	#header #login.boxBlack138 .boxContent {
		border-right: 1px solid #333333;
		border-left: 1px solid #333333;
		background-color: #000000;
		padding: 0px 0px 0px 10px;
		height: 53px;
	}

		#header #login.boxBlack138 .boxContent h2 span {
			display:none;
		}

		#header #login.boxBlack138 .boxContent h2 {
			margin:0px;
			padding:0px;
			width:39px;
			height:11px;
			background-image: url(../images/login.gif);
			background-repeat: no-repeat;
		}
		#header #login.boxBlack138 .boxContent h2.loggedIn {
			margin:0px;
			padding:0px;
			width:39px;
			height:11px;
			background-image: url(../images/welcomeUser.gif);
			background-repeat: no-repeat;
		}
		
		#header #login.boxBlack138 .boxContent form {
			margin:0px;
		}

		#header #login.boxBlack138 .boxContent form label {
			display:none;
		}

		#header #login.boxBlack138 .boxContent form input {
			margin-top:2px;
			width:86px;
			font-size:0.9em;
			color:#373737;
			border:1px solid #ffffff;
		}

		#header #login.boxBlack138 .boxContent form .formHolderLeft {
			float:left;
		}

		#header #login.boxBlack138 .boxContent form .formHolderRight {
			float:left;
		}

		#header #login.boxBlack138 .boxContent form input.go {
			width:20px;
			height:17px;
			padding:0px 0px 0px 2px;
			border:0px;
			/*background-color: #DDDAD5;
			padding:1px 0px;
			color:#78736B;
			border:1px solid #78736B;
			font-weight:bold;*/
		}

	#header #login.boxBlack138 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack138/base.gif);
	}

#header #cart {
	float: right;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}
	#header #cart.boxBlack138 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack138/lid.gif);
	}
	#header #cart.boxBlack138 .boxContent {
		height: 53px;
		background-image: url(../images/greyBlackCart.gif);
		background-repeat: no-repeat;
		background-position: bottom right;
		border-right: 1px solid #333333;
		border-left: 1px solid #333333;
		background-color: #000000;
		padding: 0px 10px 0px 10px;
		height: 53px;
	}

		#header #cart.boxBlack138 .boxContent h2 span {
			display:none;
		}

		#header #cart.boxBlack138 .boxContent h2 {
			width:94px;
			height:11px;
			margin-bottom:2px;
			background-image: url(../images/cart.gif);
			background-repeat: no-repeat;
		}

		#header #cart.boxBlack138 .boxContent ul {
			list-style: none;
			margin:0;
			padding:0;
		}

		#header #cart.boxBlack138 .boxContent ul li {
			color:#D3D3D3;
		}

		#header #cart.boxBlack138 .boxContent ul li a {
			color:#D3D3D3;
		}

		#header #cart.boxBlack138 .boxContent ul li a.highlight {
			color:#FE0000;
		}

	#header #cart.boxBlack138 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack138/base.gif);
	}

/* Search Box */
#header #quickSearch {
	float:left;
}

#header #quickSearch form {
	margin-top:3px;
	margin-bottom:0px;
}

#header #quickSearch form label {
	margin-left:3px;
	color:#ffffff;
	font-size:0.9em;
}

#header #quickSearch form input {
	margin-top:2px;
	margin-left:3px;
	width:115px;
	font-size:0.9em;
	color:#373737;
	border:1px solid #ffffff;
	border-top:2px solid #ffffff;
}

#header #quickSearch form .formHolderLeft {
			float:left;
}

#header #quickSearch form .formHolderRight {
			float:left;
}

#header #quickSearch form input.go {
	width:20px;
	height:17px;
	padding:12px 0px 0px 2px;
	border:0px;
	/*width:25px;
	padding:1px 0;
	background-color: #DDDAD5;
	color:#78736B;
	border:1px solid #78736B;
	font-weight:bold;*/
}



/* full width seach box with 4 dropdowns
   generic style, may need to be more specific later
*/
#content.resultsPage #search718 {
	float:left;
	margin-top:4px;
	padding-bottom:4px;
}

#content.newsResultsPage #search718 {
	float:left;
	margin-top:4px;
	padding-bottom:4px;
}

#content.releasePage #search718 {
	clear:both;
	margin-top:4px;
	padding-bottom:4px;
}

#content.productFocusPage #search718 {
	float:left;
	margin-top:4px;
	margin-bottom:4px;
}

	#search718 .boxContent {
		padding-bottom:5px;
		height:57px; /* to force hasLayout for IE 6/7 */
	}

	#search718 .boxContent form {
		margin:0px;
		padding: 7px 0 0 3px;
	}

	#search718 .boxContent ul {
		list-style: none;
		margin:0;
		padding:0;
	}

	#search718 .boxContent ul li {
		float:left;
		height:50px;
		background-image: url(../images/searchDividerBg.gif);
		background-repeat: no-repeat;
		background-position: right 2px;
		padding-right:40px;
	}

	#search718 .boxContent ul li.last {
		background-image:none;
		padding-right:14px;
	}

	#search718 .boxContent ul li.submit {
		background-image:none;
		padding-right:0px;
	}

	#search718 .boxContent form label {
		color:#ffffff;
		font-size:0.9em;
	}

	#search718 .boxContent form input.btn {
		margin-top:3px;
		border:0px;
	}
	
	#search718 .boxContent form input, #search718 .boxContent form select {
		margin-top:3px;
		width:132px;
		font-size:0.9em;
		color:#373737;
		border:1px solid #ffffff;
		border-top:2px solid #ffffff;
	}

	#search718 .boxContent form input.go {
		width:20px;
		height:17px;
		padding:12px 0px 0px 2px;
		border:0px;
		}


/* full width seach box with alphabet */
#alphaSearch {
	float:left;
	margin-top:4px;
	padding-bottom:4px;
}

#alphaSearch .boxContent {
	padding-bottom:5px;
	padding-left:7px;
	height:54px; /* to force hasLayout for IE 6/7 */
}

#alphaSearch form {
	margin:0px;
	padding: 7px 0 0 3px;
}

#alphaSearch form label {
	margin-left:3px;
	margin-top:20px;
	color:#ffffff;
	font-size:0.9em;
}

#alphaSearch form input {
	margin-top:2px;
	margin-left:3px;
	width:115px;
	font-size:0.9em;
	color:#373737;
	border:1px solid #ffffff;
	border-top:2px solid #ffffff;
}

#alphaSearch form .formHolderLeft {
	padding-top:5px;
	float:left;
}

#alphaSearch form #alphaText {
	color:#ffffff;
	float:left;
	width:145px;
	padding: 4px 10px 0 10px;
	font-weight:bold;
}

#alphaSearch form .formHolderRight {
	float:left;
	height:47px;
	padding-right:14px;
	background-image: url(../images/alphaDividerBg.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
}

#alphaSearch form input.go {
	width:20px;
	height:17px;
	padding:17px 0px 0px 2px;
	border:0px;
}

#alphaSearch #typeSearch {
	float:left;
}

#alphaSearch .boxContent ul {
	float:left;
	list-style: none;
	margin:0;
	padding:0;
	width:322px;
}

#alphaSearch .boxContent ul li {
	float:left;
	width:20px;
	height:23px;
	background-image: url(../images/alphabetBg.gif);
	background-repeat: no-repeat;
	margin-right:3px;
	padding-top:0px;
	line-height: 190%;
	text-align:center;
	font-weight:bold;
	color:#ff0000;
}

#alphaSearch .boxContent ul li a {
	color:#D3D3D3;
}

/* unfortunately have to repeat the alpha list styles! (just for the links page) */
.boxContent ul.alphaList {
	list-style: none;
	margin:0px;
	padding:0px;
	width:322px;
}

.boxContent ul.alphaList li {
	float:left;
	width:20px;
	height:23px;
	background-image: url(../images/alphabetBg.gif);
	background-repeat: no-repeat;
	margin-right:3px;
	padding-top:0px;
	line-height: 190%;
	text-align:center;
	font-weight:bold;
	color:#ff0000;
}

.boxContent ul.alphaList li a {
	color:#D3D3D3;
}



#alphaSearch #alphaAll {
	width:48px;
	height:44px;
	background-image: url(../images/alphaAllBg.gif);
	background-repeat: no-repeat;
	text-align:center;
	padding-top:8px;
	font-weight:bold;
	float:left;
}

#alphaSearch #alphaAll a {
	color:#ffffff;
}


/* main menu */
#header #menu {
	border-top: 1px solid #333333;
	clear: both;
}

#header #menu ul {
	margin: 5px 0px 0px 0px;
	padding: 0;
	width: 540px;
	float: right;
}

#header #menu ul li {
	line-height: 170%;
	padding: 0px 8px 0px 8px;
	border-right: 1px solid #333333;
	display: inline;
	color:#ff0000;
	text-transform: uppercase;
	font-size: 1em;
	font-weight:bold;
}

#header #menu ul li.rowEnd {
	padding: 0px 0px 0px 10px;
	border-right: none;
	display: inline;
}

#header #menu ul li a {
	color: #D3D3D3;
	text-decoration: none;
}

#header #menu ul li a:hover {
	color: #ffffff;
}

#header #menu ul li a.selected {
	color: #ff0000;
	text-decoration: none;
}

#header #menu ul li a.selected:hover {
	color: #ff0000;
}

/* banner */
#content.homePage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.aboutPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.ccPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.linksPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.releasePage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.resultsPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.topSellersPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.labelResultsPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.artistResultsPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.newsResultsPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.newsFocusPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.artistFocusPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.labelFocusPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.productFocusPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.offersPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.cartPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.orderConfirmPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.accountPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.historyOrderPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.historyDispatchedPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.orderEnquiryPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.cartLoginPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.registerPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

#content.offersFocusPage #banner {
	margin-top: 4px;
	margin-right: 6px;
	padding: 0px;
	float: left;
}

	#banner .boxLid {
		height: 4px;
	}
	#banner .boxContent {
		height: 60px;
		padding:0px;
	}
	#banner .boxBase {
		height: 4px;
	}

/* mailingList/subscribe */
#content #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}
#content.homePage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.aboutPage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.linksPage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.releasePage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.resultsPage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.topSellersPage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.labelResultsPage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.artistResultsPage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.newsResultsPage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.newsFocusPage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.artistFocusPage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.labelFocusPage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.productFocusPage #subscribe {
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
}

#content.offersPage #subscribe {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

#content.cartPage #subscribe {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

#content.orderConfirmPage #subscribe {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

#content.accountPage #subscribe {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

#content.historyOrderPage #subscribe {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

#content.historyDispatchedPage #subscribe {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

#content.orderEnquiryPage #subscribe {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

#content.cartLoginPage #subscribe {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

#content.registerPage #subscribe {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

#content.offersFocusPage #subscribe {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

	#subscribe .boxContent {
		height: 60px;
	}

	#subscribe .boxContent li li span {
		display:none;
	}

	#subscribe label#email {
		display: none;
	}

	#subscribe .boxContent h2 {
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	width:123px;
	height:15px;
	background-image: url(../images/mailingList.gif);
	background-repeat: no-repeat;
	}

	#subscribe .boxContent h2 span {
		display:none;
	}


	#subscribe .boxContent form {
	margin:0px;
	padding:0px;
	}

	#subscribe .boxContent form #formLeft {
		float:left;
	}

	#subscribe .boxContent form label {
		color:#ffffff;
		font-size:0.9em;
		position: relative;
		top: 0px;
	}

	#subscribe .boxContent form input.email {
		margin:12px 0px 4px 0;
		width:115px;
		font-size:0.9em;
		color:#373737;
		border:1px solid #ffffff;
		border-top:2px solid #ffffff;
	}

	#subscribe .boxContent form input.add {
		width:80px;
		height:17px;
		padding:0px;
		border:0px;
	}

	#subscribe .boxContent form a {
		color:#D3D3D3;
	}

	#subscribe .boxContent form dl {
		width:75px;
		float:right;
		margin:17px 0 0 0;
		padding:0 0 0 11px;
		border-left:1px solid #222222;
	}

	#subscribe .boxContent form dl dt {
		float:left;
		width:65px;
		margin:0 0 2px 0;
		padding:0px;
		color:#D3D3D3;
	}

	#subscribe .boxContent form dl dd {
		float:right;
		width:10px;
		margin:-4px 0 0 0;
		padding:0px;
	}

	#subscribe .boxContent form input.check {
		margin:0px;
	}


/* focusRelease 3 or 4 cols */
#content.homePage #focusRelease {
	margin-top:4px;
	margin-right: 4px;
	float: left;
}

#content.aboutPage #focusRelease {
	margin-top:4px;
	margin-right: 4px;
	float: left;
}

#content.linksPage #focusRelease {
	margin-top:4px;
	margin-right: 4px;
	float: left;
}

#content.releasePage #focusRelease {
	margin-top:0px;
	margin-right: 4px;
	clear: both;
}

#content.homePage #focusRelease {
	margin-top:4px;
	margin-right: 4px;
	clear: both;
	float: left;
}

#content.topSellersPage #focusRelease {
	margin-top:4px;
	margin-right: 4px;
	clear: both;
	float: left;
}


	#focusRelease .boxContent {
		height: 272px;
		padding-left:0px;
	}

/* little override of the height to make it re-usable */
#content.topSellersPage #focusRelease .boxContent {
	height: auto;
}
/* end of overriding the height - perhaps should have used a new box instead? */

	#focusRelease .boxContent h2 {
		padding-left:20px;
	}



/* couple of simple changes makes all this re-usable as 4 cols! */
#content.releasePage #focusRelease ol.focusList li {
	width:130px;
	margin-left:2px;
}

/* we're repeating the whole OL underneath itself so need
to clear it each time and add bottom padding*/
#content.homePage #focusRelease ol.focusList {
	clear:both;
	margin-left: 15px;
}

#content.topSellersPage #focusRelease ol.focusList {
	clear:both;
	margin-left: 15px;
}

#content.homePage #focusRelease ol.focusList li {
	width:130px;
	margin-left:2px;
}

#content.topSellersPage #focusRelease ol.focusList li {
	width:130px;
	margin-left:2px;
}

#content.topSellersPage #focusRelease ol.focusList ul.inner li.more {
	padding-bottom:10px;
}


/*focusArtist */
#content.homePage #focusArtist {
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 0px;
	float:left;
}

#content.aboutPage #focusArtist {
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 0px;
	float:left;
}

#content.linksPage #focusArtist {
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 0px;
	float:left;
}

	#focusArtist .boxContent{
		height: 272px;
	}

	#focusArtist .boxContent ul {
		list-style: none;
		margin:12px 0 0 12px;
		padding:0px;

	}

	#focusArtist .boxContent ul li img {
		border:1px solid #000000;
	}

	#focusArtist .boxContent ul li.title {
		font-size: 1.1em;
		font-weight:bold;
		padding-top: 5px;
	}

	#focusArtist .boxContent ul li.description {
		color:#373737;
		padding-top: 4px;
	}

	#focusArtist .boxContent ul li.more {
		width:198px;
		text-align:right;
		margin-top:-12px;
	}

	#focusArtist .boxContent ul li a {
		color:#373737;
	}


/* newReleases */
#content.homePage #newReleases {
	margin-right: 4px;
	margin-top: 4px;
	float: left;
}

	#newReleases .boxContent {
		height: 772px;
		padding-right:0px;
	}

	#newReleases .boxContent h2 {
		padding-left:2px;
	}

	#newReleases .boxContent h2.also {
		padding-left:0px;
	}
	
	#releaseList .formatSwitcher {
		font-size: 80%;
		width: 200px;
		float: right;
		text-align: right;
		margin-right: 20px;
	}

	#releaseList .formatSwitcher a {
		color: #fff;
		font-size: 110%;
	}
/* any overriding styles for the newReleases common list go here */
	#newReleases .boxContent ol {
		width: 100%;
		float:left;
	}

	#newReleases .boxContent ol li {
		width: 49% !important;
		width: 48%;
		float:left;
		margin-bottom: 1px;
		margin-top: 1px;
		margin-right: 1%;
	}
	
	#newReleases .boxContent ol li li{
		width: 100% !important;
	}
	
	#newReleases .boxContent ol.commonList li.inner div {
		height:60px;
	}

/*also released box */
	#newReleases .boxContent #alsoReleased {
		float:left;
		margin-left:15px;
	}


/* little black box 170px wide */
#content.homePage #alsoBox {
	margin-bottom: 4px;
	margin-top: 4px;
}

#content.releasePage #alsoBox {
	margin-bottom: 6px;
	margin-top: 0px;
	margin-right:0px;
}

#content.topSellersPage #alsoBox {
	margin-bottom: 6px;
	margin-top: 0px;
	margin-right:0px;
}
/* need to set height on content, otherwise its inherited from containing box */
	#content.homePage #alsoBox .boxContent {
		height: 55px;
	}

	#content.releasePage #alsoBox .boxContent, #content.topSellersPage #alsoBox .boxContent {
		padding-top:7px;
		height: 22px;
	}

	#alsoBox .boxContent ul {
		list-style:none;
		margin:0px;
		padding:4px 0 0 0;
	}

	#alsoBox .boxContent ul li, #alsoBox .boxContent ul li a {
		padding-top:7px;
		color:#ffffff;
	}

	#alsoBox .boxContent a {
		color:#ffffff;
	}


/* full width common list */
#content.releasePage #releaseList {
	margin-top:4px;
	clear:both;
}

#content.resultsPage #releaseList {
	margin-top:4px;
	clear:both;
}

#content.topSellersPage #releaseList {
	margin-top:4px;
	clear:both;
}

#content.offersFocusPage #releaseList {
	margin-top:4px;
	clear:both;
}

/* newReleases */
#content.ccPage #ccReleases, #content.ccPage #ccStores{
	margin-right: 4px;
	margin-top: 4px;
	float: left;
	clear: both;
}

	#ccReleases .boxContent, #ccStores .boxContent {
		padding-right:0px;
	}

	#ccReleases .boxContent h2, #ccStores .boxContent h2 {
		padding-left:2px;
	}

	#ccReleases .boxContent h2, #ccStores .boxContent p {
		padding-left:2px;
		color: #fff;
	}

	#ccStores .boxContent dl {
		width: 50%;
		float:left;
		clear: left;
	}

	#ccStores .boxContent dt {
		color: #fff;
		font-size: 120%;
		font-weight: bold;
	}

	#ccStores .boxContent dd {
		color: #d3d3d3;
	}

	#ccStores .boxContent dd a {
		color: #d3d3d3;
		text-decoration: underline;
	}

/* any overriding styles for the newReleases common list go here */
	#ccReleases .boxContent ol, #ccStores .boxContent ol {
		width: 100%;
		float:left;
	}

	#ccReleases .boxContent ol li, #ccStores .boxContent ol li {
		width: 49% !important;
		width: 48%;
		float:left;
		margin-bottom: 1px;
		margin-top: 1px;
		margin-right: 1%;
	}

	#ccReleases .boxContent ol li li, #ccStores .boxContent ol li li{
		width: 100% !important;
	}

	#ccReleases .boxContent ol.commonList li.inner div, #ccStores .boxContent ol.commonList li.inner div {
		height:60px;
	}


/* flemming/gary - watch out for this one - it may cause big problems, more than it fixes! */
	#releaseList .boxContent {
		height:100%; /* force hasLayout in ie6 ie7 */
	}
/* end of the one to watch out for! */

	#releaseList h2 {
		padding-left:2px;
	}

	#releaseList h2.also {
		margin-top:5px;
	}

	#releaseList ol.commonList li.inner {
		width:49%; /*override this whenever necessary! */
		margin-right:1%;
	}



/* full width common list for label/artist search results */
#content.labelResultsPage #labelResultsList, #content.artistResultsPage #artistResultsList {
	margin-top:0px;
	clear:both;
}

	#labelResultsList ol.commonList li.inner a.thumb, #artistResultsList ol.commonList li.inner a.thumb {
		width:108px;
		height: 60px;
	}


	#labelResultsList ol.commonList ul, #artistResultsList ol.commonList ul {
		padding-left:108px;
	}

	#labelResultsList h2, #artistResultsList h2 {
		padding-left:2px;
	}

	#labelResultsList ol.commonList li.inner, #artistResultsList ol.commonList li.inner {
		width:49%;
		margin-right:1%;
	}


/* full width common list for news results */
#content.newsResultsPage #newsResultsList {
	margin-top:4px;
	float: left;
}

#content.newsFocusPage #newsResultsList {
	margin-top:4px;
	float:left;
}

#content.artistFocusPage #newsResultsList {
	margin-top:4px;
	float:left;
}
/* this one puts a gap below the single(?) related news item
we may need to revise this later! */
#content.newsFocusPage #newsResultsList .boxContent {
	padding-bottom:20px;
	height:100%;
}

	#newsResultsList ol.commonList li a.thumb {
		width:108px;
	}


	#newsResultsList ol.commonList ul {
		padding-left:108px;
	}

	#newsResultsList ol.commonList ul.noImage {
		padding-left:5px;
	}

	#newsResultsList ol.commonList li.inner {
		width:98%;
		margin-right:1%;
	}

	#newsResultsList ol.commonList li.info2 a {
		font-weight: normal;
	}

	#newsResultsList ol.commonList li.info3 a {
		font-weight: bold;
	}

	#newsResultsList h2 {
		padding-left:2px;
	}

/* also released (text list) */
#content.homePage ol.alsoList {
	width:155px;
}
#content.homePage ol.alsoList li {
	width:155px;
}

#content.releasePage ol.alsoList, #content.topSellersPage ol.alsoList  {
	width:700px;
}


#content.releasePage ol.alsoList li, #content.topSellersPage ol.alsoList li  {
	width:155px;
	height:75px;
	margin-right:10px;
}

#content.releasePage ol.alsoList li li, #content.topSellersPage ol.alsoList li li  {
	height:auto;
}

#content.releasePage ol.alsoList li.blackBox, #content.topSellersPage ol.alsoList li.blackBox  {
	width:175px;
	float:right; /* puts black box in correct place */
}



/* focusLabel */
#content.homePage #focusLabel {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

#content.aboutPage #focusLabel {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}

#content.linksPage #focusLabel {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}
	#focusLabel .boxContent {
		height: 272px;
	}

	#focusLabel .boxContent ul {
		list-style: none;
		margin:12px 0 0 12px;
		padding:0px;

	}

	#focusLabel .boxContent ul li img {
		border:1px solid #000000;
	}

	#focusLabel .boxContent ul li.title {
		font-size: 1.1em;
		font-weight:bold;
		padding-top: 3px;
	}

	#focusLabel .boxContent ul li.description {
		color:#373737;
		padding-top: 1px;
	}

	#focusLabel .boxContent ul li a {
		color:#373737;
	}


/* focusLabel */
#content.homePage #cargoCollective {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
}
	#cargoCollective .boxContent {
		height: 414px;
	}
	
	#cargoCollective .boxContent h2 {
		margin-left: 2px;
		padding-left: 0px;
	}

	#cargoCollective .boxContent p {
		color:		white;
		margin-left: 2px;
	}
	
	#cargoCollective .boxContent ol.focusListCC {
		list-style: none;
		margin: 	0px;
		padding:	0px;
	}

	#cargoCollective .boxContent ol li {
		width: 		60px;
		display: 	block;
		float: 		left;
		padding:	0;
		margin:		5px 6px 5px 6px;
	}

	#cargoCollective .boxContent ol li img {
		border:1px solid #000000;
	}

	#cargoCollective .boxContent ol li a {
		color:#373737;
	}

/* focusNews */
#content.homePage #focusNews {
	float: left;
}
	#focusNews .boxContent {
		height: 130px;
		width: 232px;
		overflow: hidden;
		padding: 0 5px;
	}

	#focusNews .boxContent h2 {
		padding-left:3px;
		margin-bottom:0px;
	}

	#focusNews .boxContent p {
		padding: 0;
		margin: 5px 0 10px 0;
		color: #fff;
	}	
	
	#focusNews .boxContent dl {
		margin:0px;
		padding:4px 0px 0px 4px;
		color:#ffffff;
	}

	#focusNews .boxContent dl dt {
		font-weight: bold;
		padding-bottom: 3px;
	}

	#focusNews .boxContent dl dd {
		margin:0px;
		padding:0px 0px 4px 0px;
		line-height: 110%;
	}

	#focusNews .boxContent dl dd.date {
		font-weight: bold;
	}

	#focusNews .boxContent dl dd a {
		color:#ffffff;
	}


/* full width grey content box */
#content.aboutPage #bigGreyContent {
	margin-right: 4px;
	margin-top: 4px;
	/*clear: left;*/
	float:left;
}

#content.linksPage #bigGreyContent {
	margin-right: 4px;
	margin-top: 4px;
	/*clear: left;*/
	float:left;
}

#content.cartPage #bigGreyContent {
	margin-right: 4px;
	margin-top: 0px;
	clear:both;
}

#content.orderConfirmPage #bigGreyContent {
	margin-right: 4px;
	margin-top: 0px;
	clear:both;
}

#content.cartLoginPage #bigGreyContent {
	margin-right: 4px;
	margin-top: 0px;
	clear:both;
}

#content.registerPage #bigGreyContent {
	margin-right: 4px;
	margin-top: 0px;
	clear:both;
}

/* bigGreyContent overrides due to inconsistency! */
#content.linksPage #bigGreyContent .boxContent {
	padding-left:20px;
	padding-right:10px;
}

#content.linksPage #bigGreyContent .boxContent h2 {
	padding-left:0px;
}

#content.cartPage #bigGreyContent .boxContent {
	padding-left:20px;
	padding-right:10px;
}

#content.cartPage #bigGreyContent .boxContent h2 {
	padding-left:0px;
	margin-bottom:15px;
}

#content.orderConfirmPage #bigGreyContent .boxContent {
	padding-left:20px;
	padding-right:10px;
}

#content.orderConfirmPage #bigGreyContent .boxContent h2 {
	padding-left:0px;
	margin-bottom:15px;
}

#content.cartLoginPage #bigGreyContent .boxContent {
	padding-left:20px;
	padding-right:10px;
}

#content.cartLoginPage #bigGreyContent .boxContent h2 {
	padding-left:0px;
	margin-bottom:15px;
}

#content.registerPage #bigGreyContent .boxContent {
	padding-left:20px;
	padding-right:10px;
}

#content.registerPage #bigGreyContent .boxContent h2 {
	padding-left:0px;
	margin-bottom:15px;
}

	#bigGreyContent .boxContent p {
		margin:0px;
		padding-bottom:15px;
		color:#373737;
	}

	#bigGreyContent .boxContent p.textWhite {
		color:#ffffff;
	}

	#bigGreyContent .boxContent p img {
		padding: 10px 0px 15px 0px;
	}

	#bigGreyContent .boxContent dl h2 span {
		color: #FF0000;
	}

	#bigGreyContent .boxContent dl {
		margin: 0px;
		padding: 0px;
		width:600px; /* need width! */
		height:160px; /* height of the image, plus bottom margin */
		color:#D3D3D3;
	}

	#bigGreyContent .boxContent dl a {
		color:#D3D3D3;
	}


	#bigGreyContent .boxContent dl dt {
		margin:0px;
		padding:0px;
		width:350px;  /* need width! */
		float:right;
	}

	#bigGreyContent .boxContent dl dt.image {
		margin:0px;
		padding:0px;
		width:250px;  /* need width! */
		float:left;
	}

	#bigGreyContent .boxContent dl dd.title {
		padding-top:8px;
		padding-bottom:10px;
	}

	#bigGreyContent .boxContent dl dd {
		margin:0px;
		padding:0px 0px 4px 0px;
	}

	#bigGreyContent .boxContent dl dd.top {
		padding-top:20px;
	}

/* short light grey full width box for cart pages */
#content.accountPage #greyCartHeader {
	margin-right: 4px;
	margin-top: 0px;
	clear:both;
}

#content.historyOrderPage #greyCartHeader {
	margin-right: 4px;
	margin-top: 0px;
	clear:both;
}

#content.historyDispatchedPage #greyCartHeader {
	margin-right: 4px;
	margin-top: 0px;
	clear:both;
}

#content.orderEnquiryPage #greyCartHeader {
	margin-right: 4px;
	margin-top: 0px;
	clear:both;
}

	#greyCartHeader .boxContent {
	padding-left:20px;
	padding-right:10px;
	}

	#greyCartHeader .boxContent h2 {
	padding-left:0px;
	margin:0px;
	}

	#greyCartHeader .boxContent ul {
		list-style: none;
		margin:0px;
		padding:5px 0px;
		color:#ffffff;
	}

	#greyCartHeader .boxContent ul a {
		font-weight: normal;
		color:#ffffff;
	}

	#greyCartHeader .boxContent ul li.col1 {
		float: left;
		background-image: url(../images/cartHeaderDivider.gif);
		background-repeat: no-repeat;
		background-position: top right;
		width: 315px;
		padding-right:30px;
		font-weight:bold;
	}

	#greyCartHeader .boxContent ul li.col2 {
		float: left;
		background-image: url(../images/cartHeaderDivider.gif);
		background-repeat: no-repeat;
		background-position: top right;
		width: 155px;
		padding:0px 15px;
	}
/* grrrr!!! one page has diff col widths! */
	#content.orderEnquiryPage #greyCartHeader .boxContent ul li.col2 {
		width: 110px;
	}

	#greyCartHeader .boxContent ul li.col3 {
		float: left;
		width: 140px;
		padding:0px 0px 0px 15px;
	}

/* grrrr!!! one page has diff col widths! */
	#content.orderEnquiryPage #greyCartHeader .boxContent ul li.col3 {
		width: 170px;
	}

	#greyCartHeader .boxContent ul li li {
		padding-bottom:10px;
	}


/* full width focus on (artist, label etc) */
#content.artistFocusPage #focusContent {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

#content.labelFocusPage #focusContent {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

#content.productFocusPage #focusContent {
	margin-right: 4px;
	margin-top: 0px;
	clear: both;
}

#content.offersPage #focusContent {
	margin-right: 4px;
	margin-top: 0px;
	clear: both;
}

#content.offersFocusPage #focusContent {
	margin-right: 4px;
	margin-top: 0px;
	clear:both;
}

#content.newsFocusPage #focusContent {
	margin-right: 4px;
	margin-top: 3px; /* why only 3px - i dont know */
	float:left;
}

#content.newsFocusPage #focusContent h4 {
	margin-top: 30px
}

	#focusContent .boxContent {
		padding-top:16px;
		padding-left:20px;
		padding-bottom:20px;
	}

	#focusContent .boxContent img {
		float:left;
		padding-right:16px;
		padding-bottom:10px;
	}
	
	#focusContent .boxContent img.lineSep {
		float:none;
		padding: 7px 0px 7px 0px;
		margin-left: 2px;
	}
	
	#focusContent .boxContent #dataLeft {
		width:430px;
		padding-right:12px;
		float:left;
	}

	#focusContent .boxContent ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
	}

	#focusContent .boxContent ul#focusDigitalDataTop {
		list-style: none;
		margin:0px;
		padding:0px;
		height:100%; /* to force hasLayout ie6 */
	}

	#focusContent .boxContent ul#focusDataTop {
		list-style: none;
		margin:0px;
		padding:0px;
		height:100%; /* to force hasLayout ie6 */
	}

	#focusContent .boxContent ul#focusDigitalDataTop li.provider {
	    width: 200px;
	    float: left;
	    padding-bottom: 15px;
	}

	#focusContent .boxContent ul#focusDigitalDataTop li, #focusContent .boxContent ul#focusDigitalDataTop li a {
		color:#ffffff;
	}

	#focusContent .boxContent ul#focusDataTop li, #focusContent .boxContent ul#focusDataTop li a {
		color:#a3a3a3;
	}

	#focusContent .boxContent ul#focusDigitalDataTop li.info {
		color:#ffffff;
	}

	#focusContent .boxContent ul#focusDataTop li.info {
		color:#000000;
	}

	#focusContent .boxContent ul#focusDigitalDataTop li.info2 {
		margin-top:10px;
		color:#ffffff;
	}

	#focusContent .boxContent ul#focusDataTop li.info2 {
		margin-top:10px;
		color:#a3a3a3;
	}
/* nested UL for list of artist links */
	#focusContent .boxContent ul#focusDataTop li ul {
		list-style: none;
		margin:0px;
		padding:0px;
		display:inline;
	}
	#focusContent .boxContent ul#focusDataTop li ul li {
		display:inline;
		color:#373737;
	}

	#focusContent .boxContent ul#focusDataTop li ul li a {
		color:#ffffff; /*#373737;*/
	}

	#focusContent .boxContent ul#focusDigitalDataTop li ul li a {
		color:#ffffff; /*#373737;*/
	}

	#focusContent .boxContent ul#focusDataTop h2 {
		margin:0px;
		padding:0px;
	}

	#focusContent .boxContent ul#focusDataTop h2 span {
		text-transform: uppercase;
		color:#ff0000;
	}
/* and a different color h2 on the news focus page */
	#content.newsFocusPage .boxContent ul#focusDataTop h2 {
		color:#333333;
	}


	#focusContent .boxContent ul#focusDataTop h3 {
		font-size: 1.2em;
		margin-top:60px;
	}

	#focusContent .boxContent h4 {
		clear:both;
		font-size: 1.1em;
		padding-top:20px;
		margin-bottom:0px;
	}

	#focusContent .boxContent p {
		color:#373737;
	}

	#focusContent .boxContent p.black {
		color:#000000;
	}	
	
	#focusContent .boxContent span.source {
		display:block;
		font-weight: bold;
		padding-top:0px;
	}

	#focusContent .boxContent #dataRight {
		width:244px;
		float:left;
	}

/* additions, for the product focus */
	#focusContent .boxContent ul#focusDataTop li {
		padding-bottom:2px;
	}

	#focusContent .boxContent ul#focusDataTop li h2, #focusContent .boxContent ul#focusDataTop li h2 a,
	#focusContent .boxContent ul#focusDigitalDataTop li h2, #focusContent .boxContent ul#focusDigitalDataTop li h2 a {
		text-transform: uppercase;
		color:#ff0000;
		text-decoration: none;
	}

	#focusContent .boxContent ul#focusDataTop li h2 a:hover,
	#focusContent .boxContent ul#focusDigitalDataTop li h2 a:hover {
		text-transform: uppercase;
		color:#ff0000;
		text-decoration: underline;
	}

	#focusContent .boxContent ul#focusDataTop li a {
		color:#ffffff;
	}

	#focusContent .boxContent ul#focusDataTop li.title, #focusContent .boxContent ul#focusDigitalDataTop li.title {
		text-transform: uppercase;
		font-size: 1.2em;
		font-weight: bold;
		color:#ffffff;
	}

	#focusContent .boxContent ul#focusDataTop li span {
		color:#ffffff;
	}

	#focusContent .boxContent h4 {
		margin-top:0px;
		margin-bottom:0px;
	}

	#focusContent .boxContent ol {
		margin:0px 20px 0px 40px;
		padding:10px 0px 25px 0px;
	}

	#focusContent .boxContent #tracklisting ol {
		margin:0px 20px 0px 40px;
		padding:10px 0px 0px 0px;
		color: #373737;
	}

	#focusContent .boxContent #tracklisting ul {
		margin:0px 20px 0px 40px;
		padding:10px 0px 0px 0px;
		color: #373737;
	}

/* date list on artist news page */
	#focusContent .boxContent ul.dateList {
		list-style: none;
		margin:0px;
		padding:0px 0px 20px 0px;
	}

	#focusContent .boxContent ul.dateList li {
		padding-bottom:2px;
		color:#373737;
	}

/* additon/override for the offersFocus (so so so similar to other focus pages!) */
#focusContent .boxContent ul#focusData {
		list-style: none;
		margin:0px;
		padding:0px;
		height:100%; /* to force hasLayout ie6 ie7*/
		clear:both;
	}

	#focusContent .boxContent ul#focusData li, #focusContent .boxContent ul#focusData li a {
		color:#373737;
	}

	#focusContent .boxContent ul#focusData li.title {
		text-transform: uppercase;
		color:#373737;
		font-weight: bold;
		font-size: 1.2em;
	}

	#focusContent .boxContent ul#focusData li h2 {
		padding:10px 0px 0px 0px;
		margin:0px;
		color:#ff0000;
		text-transform: uppercase;
	}

	#focusContent .boxContent ul#contains {
		list-style: none;
		margin:0px;
		padding:0px;
		color:#373737;
	}

	#focusContent .boxContent ul#contains li span {
		font-weight: bold;
	}


/* artist focus releases - full width dark grey box */
#content.artistFocusPage #artistFocusReleases {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

#content.labelFocusPage #artistAlsoReleases {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

#content.productFocusPage #artistAlsoReleases {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}


	#artistAlsoReleases .boxContent {
		padding-top:5px;
		padding-left:20px;
		padding-bottom:10px;
		height:100%; /* to force hasLayout for IE */
	}

	#artistAlsoReleases .boxContent h2 {
		margin:0px 0px 10px 0px;
		padding:0px;
	}

	#artistAlsoReleases .boxContent h2 span {
		text-transform: uppercase;
		color:#ffffff;
	}

	#artistAlsoReleases .boxContent ol {
		width:100%;
		float:left;
	}

	#artistAlsoReleases ol.commonList li.inner {
		width:49%;
		margin-right:1%;
	}


/* the black box to the right of the focus page */
#content.artistFocusPage #focusPageBlackBox {
	margin-bottom: 0px;
	margin-top: 10px;
	float: left;
	}

#content.productFocusPage #focusPageBlackBox {
	margin-bottom: 0px;
	margin-top: 30px;
	float: left;
	}

/* big override because otherwise the black box inherits from its parent box! */
	#dataRight #focusPageBlackBox .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack244/lid.gif);
	}
	#dataRight #focusPageBlackBox .boxContent {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		background-color: #000;
		background-image:none;
		padding: 5px 10px 0px 10px;
		color:#ffffff;
		height:auto;
	}
	#dataRight #focusPageBlackBox .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack244/base.gif);
	}

/* content of the black box on the focus page */
	#dataRight #focusPageBlackBox .boxContent h2 {
		margin:0px 0px 5px 0px;
		padding:0px;
	}
	#dataRight #focusPageBlackBox .boxContent h2 span {
		color:#ffffff;
	}

	#dataRight #focusPageBlackBox .boxContent dl {
		list-style: none;
		margin:0px;
		padding:0px;
		color:#A3A3A3
	}

	#dataRight #focusPageBlackBox .boxContent dl dt {
		margin:0px;
		padding:0px;
		font-size: 1.1em;
		font-weight: bold;
		color:#ffffff;
	}

	#dataRight #focusPageBlackBox .boxContent dl dd {
		margin:0px;
		padding:0px;
	}

	#dataRight #focusPageBlackBox .boxContent dl dd.tour {
		padding-bottom:10px;
	}

	#dataRight #focusPageBlackBox .boxContent dl dd.last {
		padding-bottom:0px;
	}

	#dataRight #focusPageBlackBox .boxContent dl dd.more {
		padding-top:10px;
		padding-bottom:20px;
	}

	#dataRight #focusPageBlackBox .boxContent dl dd a {
		color:#A3A3A3;
	}

/* artist focus releases - full width dark grey box */
#content.artistFocusPage #artistFocusReleases,
#content.artistFocusPage #artistAlsoReleases {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

#content.productFocusPage #artistFocusReleases {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}


	#artistFocusReleases .boxContent {
		padding-top:5px;
		padding-left:20px;
		padding-bottom:10px;
		height:100%; /* to force hasLayout for IE */
	}

	#artistFocusReleases .boxContent h2 {
		margin:0px 0px 10px 0px;
		padding:0px;
	}

	#artistFocusReleases .boxContent h2 span {
		text-transform: uppercase;
		color:#ff0000;
	}

	#artistFocusReleases .boxContent ol {
		width:275px; /* only one column so we can fix the width on the OL */
		float:left;
	}

	#artistFocusReleases .boxContent ul#simpleList1 {
		list-style: none;
		margin:0px 0px 0px 20px;
		padding:0px 20px 0px 0px;
		width:155px;
		background-image: url(../images/simpleListDividerBg.gif);
		background-repeat: no-repeat;
		background-position: right 2px;
		float:left;
	}

	#artistFocusReleases .boxContent ul#simpleList1 li, #artistFocusReleases .boxContent ul#simpleList2 li, #artistFocusReleases .boxContent ul#simpleList1 li a, #artistFocusReleases .boxContent ul#simpleList2 li a {
		color:#a3a3a3;
		padding-bottom: 10px;
	}

	#artistFocusReleases .boxContent ul#simpleList1 li h2, #artistFocusReleases .boxContent ul#simpleList2 li h2 {
		margin:0px;
		padding:0px;
	}

	#artistFocusReleases .boxContent ul#simpleList1 li h2 span, #artistFocusReleases .boxContent ul#simpleList2 li h2 span {
		color:#ffffff;
	}

	#artistFocusReleases .boxContent ul#simpleList2 {
		list-style: none;
		margin:0px;
		padding:0px 0px 0px 30px;
		float:left;
	}


/* label focus releases - full width dark grey box */
#content.labelFocusPage #labelFocusReleases {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

	#labelFocusReleases .boxContent {
		padding-top:5px;
		padding-left:20px;
		padding-bottom:10px;
		height:100%; /* to force hasLayout for IE */
	}

	#labelFocusReleases ol.commonList li.inner {
		width:32%; /*override this whenever necessary! */
		margin-right:1%;
	}

	#labelFocusReleases .boxContent h2 {
		margin:0px 0px 10px 0px;
		padding:0px;
	}

	#labelFocusReleases .boxContent h2 span {
		text-transform: uppercase;
		color:#ff0000;
	}

	#labelFocusReleases ol.commonList li a.thumb {
		width:108px;
	}


	#labelFocusReleases ol.commonList ul {
		padding-left:108px;
	}

/* label focus releases(2) - full width dark grey box (there are 2 very similar on this page!) */
#content.labelFocusPage #labelFocusReleases2 {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

	#labelFocusReleases2 .boxContent {
		padding-top:5px;
		padding-left:20px;
		padding-bottom:10px;
		height:100%; /* to force hasLayout for IE */
	}

	#labelFocusReleases2 ol.commonList li.inner {
		width:32%; /*override this whenever necessary! */
		margin-right:1%;
	}

	#labelFocusReleases2 .boxContent h2 {
		margin:0px 0px 10px 0px;
		padding:0px;
	}

	#labelFocusReleases2 .boxContent h2 span {
		text-transform: uppercase;
		color:#ff0000;
	}

	#labelFocusReleases2 ol.commonList li a.thumb {
		width:70px;
	}


	#labelFocusReleases2 ol.commonList ul {
		padding-left:70px;
	}


/* product focus */
#content.productFocusPage #productBase {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

	#productBase .boxContent {
		padding-top:5px;
		padding-left:20px;
		padding-bottom:10px;
		height:100%; /* to force hasLayout for IE */
	}

	#productBase .boxContent ol {
		width:330px;
		margin-right:10px;
	}


	#productBase ol.commonList li.inner {
		width:99%; /*override this whenever necessary! */
		margin-right:1%;
	}

	#productBase .boxContent h2 {
		margin:2px 0px 10px 0px;
		padding:0px;
	}

	#productBase .boxContent h2 span {
		text-transform: uppercase;
		color:#ffffff;
	}

	#productBase ol.commonList li a.thumb {
		width:70px;
	}

	#productBase ol.commonList li.info1 {
		font-weight: normal;
		padding-top:10px;
	}

	#productBase ol.commonList ul {
		padding-left:70px;
	}

	#productBase ol.commonList li.inner div {
	height:55px; /* crucial! */
	}


#content.productFocusPage #downloadFrom {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

	#downloadFrom .boxContent {
		padding:0px;
		background-image: none;
		background-color:#000000;
	}

	#downloadFrom .boxContent ul#simpleList1 {
		list-style: none;
		margin:0px 10px 0px 20px;
		padding:0px 20px 0px 0px;
		width:120px;
		background-image: url(../images/simpleListDividerBg.gif);
		background-repeat: no-repeat;
		background-position: right 2px;
		float:left;
	}

	#downloadFrom .boxContent ul#simpleList1 li, #downloadFrom .boxContent ul#simpleList2 li, #downloadFrom .boxContent ul#simpleList1 li a, #downloadFrom .boxContent ul#simpleList2 li a {
		color:#a3a3a3;
		padding-bottom: 10px;
	}

	/*#downloadFrom .boxContent ul#simpleList1 li h2, #downloadFrom .boxContent ul#simpleList2 li h2 {
		margin:0px;
		padding:0px;
	}*/

	#downloadFrom .boxContent ul#simpleList1 li h2 span, #downloadFrom .boxContent ul#simpleList2 li h2 span {
		color:#ffffff;
	}

	#downloadFrom .boxContent ul#simpleList2 {
		list-style: none;
		margin:0px;
		padding:0px 0px 0px 30px;
		float:left;
	}


/* the black box for adding CD to cart */
#content.productFocusPage #cartCd {
	margin-right: 0px;
	margin-top: 20px;
	float:right;
}

#content.offersFocusPage #cartCd {
	margin-right: 4px;
	margin-top: 20px;
}

	#cartCd .boxContent {
		height:47px;
		padding:0px 0px 0px 7px;
		background-image:url(../images/formatCdBg.gif);
		background-repeat: no-repeat;
		background-position: right;
	}

	#cartCd .boxContent ul {
		list-style: none;
		margin:0px;
		padding:0px;
	}

	#cartCd .boxContent ul li {
		color:#d4d4d4;
		padding-top:2px;
	}

	#cartCd .boxContent ul li a {
		color:#d4d4d4;
	}

	#cartCd .boxContent ul li.was span {
		text-decoration: line-through;
	}

	#cartCd .boxContent ul li.now span {
		color:#ff0000;
		font-weight: bold;
	}

#content.productFocusPage #alsoVinyl {
	margin-right: 4px;
	margin-top: 20px;
	float:left;
}

	#alsoVinyl .boxContent {
		height:32px;
		padding:15px 0px 0px 20px;
	}

	#alsoVinyl .boxContent a {
		color:#ffffff;
	}


/* offers list (different to the common list! */
#content.offersPage .boxContent ol#specialOffers {
	list-style: none;
	margin:0px;
	padding:0px;
	width:99%;
}

	#content.offersPage #focusContent .boxContent {
		padding-top:5px;
	}

	#content.offersPage #focusContent .boxContent h2 {
		margin:0px;
		padding:0px 0px 10px 0px;
	}

	ol#specialOffers li.parent {
		/*background-image: url(../images/specialOffersDividerBg.gif);
		background-repeat: repeat-x;
		background-position:bottom left;*/
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:1px solid #727272; /* used instead of bg image to prevent it sometimes disappearing in IE! */
	}

	ol#specialOffers li ul.offersImages {
		list-style: none;
		margin:0px;
		padding:0px;
	}

	ol#specialOffers li ul.offersImages li {
		float:left;
	}

	ol#specialOffers li ul.offersData {
		list-style: none;
		margin:0px;
		padding:0px 10px 0px 0px;
		width:465px !important; /* necessary to get the alignment correct */
		width:460px;
	}

	ol#specialOffers li ul.offersData li {
		padding-bottom:3px;
	}

	ol#specialOffers li ul.offersData li span{
		font-weight: bold;
	}

	ol#specialOffers li ul.offersData h3 {
		font-size: 1.2em;
	}

/* offers common list (reduced items)*/
#content.offersPage #reducedList {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}


	#reducedList .boxContent {
		padding-top:5px;
		padding-left:20px;
		padding-bottom:10px;
		height:100%; /* to force hasLayout for IE */
	}

	#reducedList .boxContent h2 {
		margin:0px 0px 10px 0px;
		padding:0px;
	}

	#reducedList .boxContent h2 span {
		text-transform: uppercase;
		color:#ffffff;
	}

	#reducedList .boxContent ol {
		width:100%;
		float:left;
	}

	#reducedList ol.commonList li.inner {
		width:49%;
		margin-right:1%;
	}

/* the black box for adding OFFER to cart */
#content.offersPage #cartOffer {
	margin-right: 4px;
	margin-top: 00px;
	float:left;
}

	#cartOffer .boxContent {
		height:80px;
		padding:0px 0px 0px 0px;
		background-position: right;
	}

	#cartOffer .boxContent ul#offerWas {
		list-style: none;
		margin:0px;
		padding:0px;

	}

	#cartOffer .boxContent ul#offerWas li {
		color:#373737;
		padding-bottom:2px;
		text-align:right;
	}

	#cartOffer .boxContent ul#offerWas li.was {
		font-size:1.0em;
		font-weight: normal;
		color: #d4d4d4;
		text-align: center;
	}

	#cartOffer .boxContent ul#offerWas li.wasPrice {
		font-size:1.4em;
		color: #fff;
		font-weight: normal;
		padding-bottom:0px;
		text-align: center;
	}

	#cartOffer .boxContent ul#offerWas li.offerPrice {
		font-size:1.6em;
		font-weight: bold;
		color:#ff0000;
		padding-bottom:6px;
		text-align: center;
	}

	#cartOffer .boxContent ul#offerNow li a {
		color:#d4d4d4;
	}
#content.offersPage #cartPriceBox {
	margin-right: 4px;
	margin-top: 00px;
}

	#cartPriceBox .boxContent {
		padding:0px 0px 0px 0px;
		background-position: right;
	}

	#cartPriceBox .boxContent ul#offerWas {
		list-style: none;
		margin:0px;
		padding:0px;

	}

	#cartPriceBox .boxContent ul#offerWas li {
		color:#373737;
		padding-bottom:2px;
		text-align:right;
	}

	#cartPriceBox .boxContent ul#offerWas li.was {
		font-size:1.0em;
		font-weight: normal;
		color: #d4d4d4;
		text-align: center;
	}

	#cartPriceBox .boxContent ul#offerWas li.wasPrice {
		font-size:1.4em;
		color: #fff;
		font-weight: normal;
		padding-bottom:0px;
		text-align: center;
	}

	#cartPriceBox .boxContent ul#offerWas li.offerPrice {
		font-size:1.6em;
		font-weight: bold;
		color:#ff0000;
		padding-bottom:6px;
		text-align: center;
	}

/* change the color of the paging text & anchor */
#content.offersPage #focusContent .paging li, #content.offersPage #focusContent .paging li a {
	color:#373737;
}

/* override for inner divs, so we can have 2 different columns in the common list */
#content.offersPage ol.commonList li.inner {
		width:99% !important;
		width:98%;
}

#content.offersPage ol.commonList ul.left {
	float:left;
	width:390px;
	padding-right:15px;
	margin-right:10px;
	height:50px;
	border-right:1px solid #373737;
}

#content.offersPage ol.commonList ul.right {
	float:right;
	width:160px;
	padding-left:0px;
	padding-right:10px;
	margin-right:0px;
}


/* a hack for IE6 because it can't add up properly sometimes!
for the 'Offer Includes' list on offerFocus page */
#content.offersFocusPage ol.commonList li.inner {
		width:49% !important;
		width:48%; /* for IE6 only */
		margin-right:1%;
	}


/* black containers on links page */
#content.linksPage #links1 {
	margin-bottom: 20px;
	margin-top: 4px;
	margin-right: 15px;
}

#content.linksPage #links2 {
	margin-bottom: 20px;
	margin-top: 4px;
}

	#content.linksPage #links1 .boxContent, #content.linksPage #links2 .boxContent {
		padding-left:5px;
		padding-right:0px;
	}


/* cart header (column headers) */
ul#cartHeader {
	list-style:none;
	padding:0px;
	margin:0px;
	clear:both;
}

ul#cartHeader li {
	color:#ffffff;
	font-weight:bold;
	float:left;
	height:20px;
}

ul#cartHeader li.headerCol1 {
	width:452px;
	border-right: 1px solid #333333;
}

ul#cartHeader li.headerCol2 {
	width:90px;
	border-right: 1px solid #333333;
	text-align: center;
}

ul#cartHeader li.headerCol3 {
	width:60px;
	border-right: 1px solid #333333;
	text-align: center;
}

ul#cartHeader li.headerCol4 {
	width:60px;
	padding-left:4px;
	text-align: center;
}

/* cart pages (inc. history, dispatched etc) */
#content.cartPage #cartList {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

#content.orderConfirmPage #cartList {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

	#cartList .boxContent {
		padding-top:5px;
		padding-left:20px;
		padding-bottom:10px;
		height:100%; /* to force hasLayout for IE */
	}

	#cartList .boxContent h2 {
		margin:0px 0px 10px 0px;
		padding:0px;
	}

	#cartList .boxContent h2 span {
		text-transform: uppercase;
		color:#ffffff;
	}

	#cartList .boxContent dl#address {
		list-style:none;
		margin:0px;
		padding:0px;
		color:#ffffff;
		width:400px;
	}

	#cartList .boxContent dl#address dt {
		margin:0px;
		padding:0px;
		float: left;
		width:120px;
	}

	#cartList .boxContent dl#address dd {
		margin:0px;
		padding:0px;
		float:left;
		width:280px;
	}
/* previous and next overrides */
	#cartList .boxContent  .previous {
		padding-top:10px;
	}

	#cartList .boxContent  .next {
		padding-top:10px;
		padding-right:12px;
	}




/* the OL cart list */
ol.cartList {
	list-style: none;
	margin:0;
	padding:0;
}

ol.cartList li.inner {
	width:98%; /*override this whenever necessary! */
	margin-right:1%;
	float:left;
	/*position: relative;*/
	padding: 0;
	border-bottom: 1px solid #727272;
}

ol.cartList li.inner div {
	margin:2px 0;
	padding:0 10px 5px 0;
	position: relative;
	height:60px; /* crucial! - override it if necessary */
	background-color: #000000;
}

ol.cartList li.inner div:hover {
	background-color: #181818;
}

ol.cartList li a.thumb {
	position:absolute;
	display:block;
	width:70px;
	left:3px;
	top:3px;
}

ol.cartList ul {
	list-style: none;
	margin:2px 0;
	padding: 2px 0 0 0px;
	height:100%;
}

ol.cartList ul li {
	color:#ffffff;
}

ol.cartList ul a {
	color:#ffffff;
}

ol.cartList ul.col1 {
	width:372px;
	padding-left:70px;
	padding-right:10px;
	border-right: 1px solid #333333;
	float:left;
}

ol.cartList ul.col2 {
	width:76px;
	border-right: 1px solid #333333;
	padding-left:14px;
	float:left;
}

ol.cartList ul.col3 {
	width:60px;
	border-right: 1px solid #333333;
	float:left;
}

ol.cartList ul.col4 {
	width:60px;
	float:left;
}

ol.cartList ul li.info1, ol.cartList ul li.info1 a {
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}

ol.cartList ul li.info1 span, ol.cartList ul li.info1 span a {
	font-weight:normal;
}

ol.cartList ul li.info2, ol.cartList ul li.info2 a {
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}

ol.cartList ul li.info3, ol.cartList ul li.info3 a {
	font-size:1em;
	text-decoration:none;
}


ol.cartList ul li.details, ol.cartList ul li.details a {
	padding-top:2px;
}

ol.cartList ul li.quantity {
	padding-bottom:4px;
	padding-top:4px;
}

ol.cartList ul li.confirmQuantity {
	color:#ffffff;
	padding-left:30px;
	padding-top:20px;
}

ol.cartList ul li.price {
	padding-right:10px;
	padding-top:6px;
	text-align:right;
	color:#ff0000;
}

ol.cartList ul li.confirmPrice {
	padding-left:10px;
	padding-top:20px;
	color:#ff0000;
}

ol.cartList ul li.deleteImg {
	padding-left:30px;
	padding-top:6px;
}

ol.cartList ul li.delete {
	padding-left:12px;
	padding-top:8px;
}

ol.cartList ul li.delivery {
	padding-left:12px;
	padding-top:14px;
	padding-left:6px;
	text-align:center;
	color:#ffffff;
}

ol.cartList ul input {
	width:50px;
	text-align:center;
	font-size:0.9em;
}

ol.cartList ul label {
	display:none;
}


/* history header */
ul#historyHeader {
	list-style:none;
	padding:0px;
	margin:0px;
	color:#ffffff;
	font-weight: bold;
}

	ul#historyHeader li {
		float: left;
	}
	ul#historyHeader li.orderNum {
		width:70px;
	}
	ul#historyHeader li.catalogNum {
		width:80px;
		padding-left:10px;
	}
	ul#historyHeader li.item {
		width:360px;
		padding-left:10px;
	}
	ul#historyHeader li.qty {
		width:32px;
		padding-left:12px;
	}
	ul#historyHeader li.dispatch {
		width:90px;
		padding-left:10px;
	}

/* history list - similar to cart list but too different to re-use it */
#content.historyOrderPage #historyList {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}

#content.historyDispatchedPage #historyList {
	margin-right: 4px;
	margin-top: 4px;
	clear: both;
}
	#historyList .boxContent {
		padding-top:5px;
		padding-left:20px;
		padding-bottom:10px;
		height:100%; /* to force hasLayout for IE */
	}

	#historyList .boxContent h2 {
		margin:0px 0px 10px 0px;
		padding:0px;
	}

	#historyList .boxContent h2 span {
		color:#ffffff;
	}

/* the history list OL */
ol.historyList {
	list-style: none;
	margin:0;
	padding:0;
}

ol.historyList li.inner {
	width:98%; /*override this whenever necessary! */
	margin-right:1%;
	padding: 0;
	border-bottom: 1px solid #727272;
}

ol.historyList li.inner div {
	margin:2px 0;
	padding:0 10px 5px 0;
	position: relative;
	height:60px; /* crucial! - override it if necessary */
	background-color: #000000;
}

ol.historyList ul {
	list-style: none;
	margin:2px 0;
	padding: 2px 0 0 0px;
	height:100%;
}

ol.historyList ul li {
	color:#ffffff;
}

ol.historyList ul a {
	color:#ffffff;
}

ol.historyList ul.col1 {
	width:70px;
	border-right: 1px solid #333333;
	float:left;
}

ol.historyList ul.col2 {
	width:90px;
	border-right: 1px solid #333333;
	float:left;
}

ol.historyList ul.col3 {
	width:80px;
	float:left;
}

ol.historyList ul.col4 {
	width:290px;
	border-right: 1px solid #333333;
	float:left;
}

ol.historyList ul.col5 {
	width:40px;
	border-right: 1px solid #333333;
	float:left;
}

ol.historyList ul.col6 {
	width:80px;
	float:left;
}

	ol.historyList ul li.ref1 {
		padding-top: 20px;
		padding-right:10px;
	}

	ol.historyList ul li.ref2 {
		padding-top: 20px;
		padding-left:10px;
		padding-right:10px;
	}

	ol.historyList li.thumb {
		padding: 0px 0px 0px 10px;
	}

	ol.historyList ul li.info1 {
		padding: 10px 10px 0px 0px;
		font-weight:bold;
		text-decoration:none;
	}

	ol.historyList ul li.info1 span {
		font-weight:normal;
	}

	ol.historyList ul li.info2 {
		padding: 0px 10px 0px 0px;
		font-weight:bold;
		text-decoration:none;
	}

	ol.historyList ul li.info2 span {
		font-weight:normal;
	}

	ol.historyList ul li.info3 {
		padding: 0px 10px 0px 0px;
		text-decoration:none;
	}

	ol.historyList ul li.quantity {
		padding: 20px 10px 0px 20px;
	}

	ol.historyList ul li.delivery {
		text-align: center;
		padding: 12px 10px 0px 20px;
	}

	ol.historyList ul li.dispatch {
		text-align: center;
		padding: 20px 10px 0px 20px;
	}



/* cart total black box */
#content.cartPage #cartTotal {
	margin-bottom: 0px;
	margin-top: 4px;
	margin-right:12px! important;
	margin-right:7px;
	float:right;
}

	#cartTotal .boxContent {
		padding-left:10px;
	}

	#cartTotal dl {
		margin:0px;
		padding:0px;
		color:#ffffff;
	}

	#cartTotal dt {
		margin:0px;
		padding:4px 0px 0px 0px;
		float:left;
	}

	#cartTotal dd {
		margin:0px;
		padding:0px;
	}

	#cartTotal dd.price {
		margin:0px;
		padding:0px;
		color:#ff0000;
		font-size:1.4em;
		font-weight:bold;
		padding-left:50px;
		padding-bottom:2px;
		float:left;
	}

	#cartTotal dd.last {
		clear:both;
		text-align:right;
		border-top:1px solid #333333;
		padding-top:2px;
	}

	/* confirm Total */
	#cartTotal dl#confirmTotal {
		margin:0px;
		padding:0px;
		color:#ffffff;
		width:205px;
	}

	#cartTotal dl#confirmTotal dt {
		margin:0px;
		padding:6px 0px 4px 0px;
		border-bottom:1px solid #333333;
		float:left;
		width:85px;
	}

	#cartTotal dl#confirmTotal dd {
		margin:0px;
		padding:3px 55px 2px 0px;
		text-align:right;
		color:#ff0000;
		font-size:1.4em;
		font-weight:bold;
		border-bottom:1px solid #333333;
		float:left;
		width:65px;
	}

	#cartTotal dl#confirmTotal dt.bottom, #cartTotal dl#confirmTotal dd.bottom {
		border-bottom:none;
		border-top:none;
	}

/* orderConfirm total black box */
#content.orderConfirmPage #cartTotal {
	margin-bottom: 0px;
	margin-top: 4px;
	margin-right:12px! important;
	margin-right:7px;
	float:right;
}


/* register(login) form */
#content.cartLoginPage #cartLogin {
	float:left;
	margin-top:4px;
	padding-bottom:4px;
}
	#cartLogin .boxContent {
		padding-bottom:5px;
		padding-left:17px;
		height:100%; /* to force hasLayout for IE 6/7 */
	}

	#cartLogin .boxContent h2 {
		padding-left:3px;
	}
	#cartLogin .boxContent form {
		margin:0px;
		padding: 7px 0 0 3px;
	}

	#cartLogin .boxContent ul {
		list-style: none;
		margin:0;
		padding:0;
	}

	#cartLogin .boxContent ul li {
		float:left;
		height:50px;
		padding-right:30px;
	}

	#cartLogin .boxContent ul li.last {
		background-image:none;
		padding-right:14px;
	}

	#cartLogin .boxContent ul li.submit {
		padding-right:0px;
		clear: left;
	}

	#cartLogin .boxContent form label {
		color:#ffffff;
		font-size:0.9em;
	}

	#cartLogin .boxContent form input, #cartLogin .boxContent form select {
		margin-top:3px;
		width:125px;
		font-size:0.9em;
		color:#373737;
		border:1px solid #ffffff;
		border-top:2px solid #ffffff;
	}

	#cartLogin .boxContent form input.submitButton {
		border:0px;
		width: auto;
		height: auto;

		}


/* customer register form */
#content.registerPage #registerForm {
	float:left;
	margin-top:4px;
	padding-bottom:4px;
}
	#registerForm .boxContent {
		padding-bottom:5px;
		padding-left:20px;
		padding-right:20px;
		height:100%; /* to force hasLayout for IE 6/7 */
		color:#ffffff;
	}

	#registerForm .boxContent h2 {
		padding-left:0px;
	}
	#registerForm .boxContent form {
		margin:0px;
		padding: 20px 0 20px 0;
	}

	#registerForm .boxContent ul#registerLeft {
		list-style: none;
		margin:0;
		padding:0;
		float:left;
	}

	#registerForm .boxContent ul#registerRight {
		list-style: none;
		margin:0px 0px 0px 60px;
		padding:0;
		float:left;
	}

	#registerForm .boxContent ul li {
		padding-bottom:5px;
	}

	#registerForm .boxContent ul li.name {
		padding-bottom:20px;
	}

	#registerForm .boxContent ul li.postcode {
		padding-top:20px;
		padding-bottom:15px;
	}

	#registerForm .boxContent ul li.submit {
		padding-right:0px;
	}

	#registerForm .boxContent form label {
		color:#ffffff;
		font-size:0.9em;
	}

	#registerForm .boxContent form label.hidden {
		display:none;
	}
	
	#registerForm .boxContent form input {
		margin-top:3px;
		width:250px;
		font-size:0.9em;
		color:#373737;
		border:1px solid #ffffff;
		border-top:2px solid #ffffff;
	}
	
	#registerForm .boxContent form input.btn {
		margin-top:3px;
		width:auto;
		height: auto;
		border:0px;
	}

	#registerForm .boxContent form input.remember {
		border:none;
		padding:0px;
		margin:0px;
		width:15px;
	}

	#registerForm .boxContent form input.postcode {
		width:125px;
	}

	#registerForm .boxContent form select {
		margin-top:3px;
		width:150px;
		font-size:0.9em;
		color:#373737;
		border:1px solid #ffffff;
		border-top:2px solid #ffffff;
	}

	#registerForm .boxContent form input.submitButton {
		width:61px;
		height:17px;
		padding:12px 0px 0px 0px;
		border:0px;
		}


/* customer account form (delivery address, password etc) */
#content.accountPage #accountForm {
	float:left;
	margin-top:4px;
	padding-bottom:4px;
}
	#accountForm .boxContent {
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
		height:100%; /* to force hasLayout for IE 6/7 */
		color:#ffffff;
	}

	#accountForm .boxContent form {
		margin:0px;
		padding: 10px 0px 0px 0px;
	}

	#accountForm .boxContent ul{
		list-style: none;
		margin:0px;
		padding:0px;
	}

	#accountForm .boxContent form#accountLeft {
		float:left;
	}

	#accountForm .boxContent form#accountLeft ul li {
		border-right:1px solid #333333;
		padding-right:90px;
	}

	#accountForm .boxContent form#accountLeft ul li.noBg {
		border-right:none;
	}

	#accountForm .boxContent form#accountRight {
		margin:0px 0px 0px 25px;
		width: 280px;
		float:left;
	}

	#accountForm .boxContent ul li {
		padding-bottom:5px;
	}

	#accountForm .boxContent ul li h2 {
		padding-left:0px;
	}

	#accountForm .boxContent ul li.name {
		padding-top:10px;
		padding-bottom:20px;
	}

	#accountForm .boxContent ul li.country {
		padding-top:10px;
	}

	#accountForm .boxContent ul li.postcode {
		padding-top:10px;
		padding-bottom:10px;
	}

	#accountForm .boxContent ul li.password {
		padding-top:15px;
	}

	#accountForm .boxContent ul li.submit {
		padding-right:0px;
	}

	#accountForm .boxContent form label {
		color:#ffffff;
		font-size:0.9em;
	}

	#accountForm .boxContent form label.hidden {
		display:none;
	}

	#accountForm .boxContent form input {
		margin-top:3px;
		width:250px;
		font-size:0.9em;
		color:#373737;
		border:1px solid #ffffff;
		border-top:2px solid #ffffff;
	}

	#accountForm .boxContent form input.receiveEmail {
		border:none;
		padding:0px;
		margin:0px;
		width:15px;
	}

	#accountForm .boxContent form input.postcode {
		width:125px;
	}

	#accountForm .boxContent form select {
		margin-top:3px;
		width:150px;
		font-size:0.9em;
		color:#373737;
		border:1px solid #ffffff;
		border-top:2px solid #ffffff;
	}

	#accountForm .boxContent form input.submitButton {
		width:59px;
		height:17px;
		padding:12px 0px 0px 0px;
		border:0px;
		}



/* enquiry form - now i wish i'd re-used some form styles! */
#content.orderEnquiryPage #enquiryForm {
	float:left;
	margin-top:4px;
	padding-bottom:4px;
}
	#enquiryForm .boxContent {
		padding-bottom:5px;
		padding-left:17px;
		height:100%; /* to force hasLayout for IE 6/7 */
	}

	#enquiryForm .boxContent h2 {
		padding-left:3px;
	}

	#enquiryForm .boxContent form {
		margin:0px;
		padding: 15px 0 0 3px;
	}

	#enquiryForm .boxContent ul {
		list-style: none;
		margin:0;
		padding:0;
	}

	#enquiryForm .boxContent ul li {
		padding-bottom:10px;
	}

	#enquiryForm .boxContent form label {
		color:#ffffff;
		font-size:0.9em;
	}

	#enquiryForm .boxContent form input, #enquiryForm .boxContent form select {
		margin-top:3px;
		width:250px;
		font-size:0.9em;
		color:#373737;
		border:1px solid #ffffff;
		border-top:2px solid #ffffff;
	}

	#enquiryForm .boxContent form textarea {
		margin-top:3px;
		width:500px;
		font-size:0.9em;
		color:#373737;
	}

	#enquiryForm .boxContent form input.submitButton {
		width:61px;
		height:17px;
		padding:0px;
		border:0px;
	}


/* set min heights with a 'prop' */
.prop360 {
    height:360px;
    float:right;
    width:1px;
  }

  .white {
  color: #fff;
 }
 
 .sizeup {
	font-size: 120%;
}

#reducedList li.bargainList {
	padding-left: 0px;
	clear: both;
}

#reducedList  ul.bargainListLine {
	padding-left: 0px;
	margin-bottom: 20px;
	clear: both;
}

#reducedList li.bargainList ul.bargainListLine  li.info1{
	width: 50%;
	float: left;
}
#reducedList li.bargainList ul.bargainListLine  li.info1 a{
	font-weight: normal;
}

#reducedList li.bargainList ul.bargainListLine  li.info3{
	width: 15%;
	float: left;
}
#reducedList li.bargainList ul.bargainListLine  li.details{
	width: 19%;
	float: left;
}

.priceBig {
	font-size: 150%;
	font-weight: bold;
}
.priceBigOld {
	font-size: 130%;
	text-decoration: line-through;
}
#focusContent .boxContent ul#focusDataTop li span.priceBigOffer, .priceBigOffer {
	font-size: 150%;
	font-weight: bold;
}
#focusContent .boxContent .priceBoxHolder {
	width: 180px;
	text-align: center;
	margin-top: -6px;
}

div.darkButton {
    width: 164px;
    height:33px;
    background-image: url(/images/linkBtn_dark.gif);
    background-repeat: no-repeat;
}


div.lightButton {
    width: 164px;
    height:33px;
    background-image: url(/images/linkBtn_light.gif);
    background-repeat: no-repeat;
}


#content.offersPage #focusContent .paging li div.darkButton a, ul.paging li  div.darkButton a{
    color: #ffde00;
    display: block;
    padding-top: 10px;
    text-align: center;
}


#content.offersPage #focusContent .paging li div.lightButton a, ul.paging li  div.lightButton a {
    color: #ffde00;
    display: block;
    padding-top: 10px;
    text-align: center;
}

th.headerSortUp {
    background-image: url(/images/asc.gif);
    background-color: #3399FF;
}

th.headerSortDown {
    background-image: url(/images/desc.gif);
    background-color: #3399FF;
}

th.header {
    background-image: url(/images/bg.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    border-right: 1px solid #101010;
    margin-left: -1px;
}