/*       WE LOVE THE WEB --> FATCITY 2006 CMS --> MIKE_AT_WELOVETHEWEB.COM         */

/* New layout css is at the top, the legacy stuff is below (this contains the   */
/* text styles and the like.                                                    */

/* ############################## Rebuild css ################################# */
body {
	margin: 0px;
	padding: 0px;
}
#fatcityShop {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 900px;
	height: 100px;
}
#topLevel_nav {
	background-image:url(/sales/images/sitewide/nav_back_grad.jpg); 
	background-repeat:repeat-y; 
	width:100%;
	height: 78px;
	padding: 5px 0;
}
#topLogo {
	float: left;
	width: 178px;
}
#shopMenu {
	width: 148px;
	float: left;
	margin-right: 30px;
	height: 100%;
}
	#shopMenuColorBlock1,
	#shopMenuColorBlock2,
	#shopMenuColorBlock3,
	#shopMenuColorBlock4 {
		background-repeat: no-repeat;
		background-position: top right;
		width: 138px;
		padding: 5px;
	}
	#shopMenuColorBlock1 {
		background-color: #CCBEA9;
		background-image: url(/sales/images/sitewide/2006/colorBlock1.gif);
	}
		#shopMenuColorBlock1 p {
			margin-left: 5px;
		}
	#shopMenuColorBlock2 {
		background-color: #DFD5C6;
		background-image: url(/sales/images/sitewide/2006/colorBlock2.gif);
	}
	#shopMenuColorBlock3 {
		background-color: #EBE5DB;
		background-image: url(/sales/images/sitewide/2006/colorBlock3.gif);
	}
	#shopMenuColorBlock4 {
		background-color: #F6F3F0;
		background-image: url(/sales/images/sitewide/2006/colorBlock4.gif);
	}
	#fatcityLogo {
		background-image: url(/sales/images/sitewide/nav_side_logo_fc_laughingma.gif);
		background-repeat: no-repeat;
		height: 389px;
		padding: 3px 10px;
	}
	#shopMenu h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #7E5E36;
		margin: 0 0 10px 0;
		padding: 0;
	}
	#shopMenu h4 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #AA520C;
		margin: 0;
		padding: 0;
	}
		#shopMenu h4 a {
			padding: 3px 5px;
			height: 10px;
			display: block;
			font-size: 10px;
			font-weight: bold;
		}
		#shopMenu h4 a:link,
		#shopMenu h4 a:visited {
			color: #AA520C;
		}
		#shopMenu li.hasSubMenu h4 a {
			background-image: url(../images/sitewide/nav_shopMenu_arrow.gif);
			background-repeat: no-repeat;
			background-position: right 0;
		}
		#shopMenu li.hover {
			cursor: pointer;
		}
		#shopMenu li.hover h4 a {
			color: #C7B299;
			background-color: #46566F;
			background-position: right -30px;
		}
	#shopMenu ul.level1 {
		margin: 0;
		padding: 0 0 0 0;
	}
		#shopMenu ul.level1 li {
			position: relative;
			margin: 0;
			padding: 0;
			z-index: 1;
		}
			#shopMenu ul.level2 {
				/* comment out to make usable without JavaScript ************* */
				position: absolute;
				left: -10000px;
				top: 0; 
				/* *********************************************************** */
				margin: 0 0 10px 0;	
				padding: 0;
			}
				#shopMenu ul.level2 a {
					display: block;
					font-weight: bold;
					font-size: 10px;
					line-height: 11px;
					padding: 2px 4px 2px 10px;
					text-decoration: none;
				}
				#shopMenu ul.level2 a:link,
				#shopMenu ul.level2 a:visited {
					color: #46566F;
				}
				#shopMenu ul.level2 li.hover,
				#shopMenu ul.level2 li.hover a, 
				#shopMenu ul.level2 a:hover,
				#shopMenu ul.level2 a:active {
					color: #C7B299;
					background-color: #46566F;
				}
			#shopMenu ul.subMenu {
				position: absolute;
				left: -10000px;
				top: 0; 
				background: #FFFFFF;
				border: 1px solid #46566F;
				border-bottom: 0 none;
			}
			#shopMenu li.hover ul.subMenu {
				left: 138px;
			}
				#shopMenu ul.subMenu li {
					border-bottom: 1px solid #46566F;
				}
				#shopMenu ul.subMenu a {
					min-width: 180px;
					padding: 2px 3px;
				}

#shopContent {
	width: 560px;
	/*width: 481px;*/
	float: left;
}

#leftColumn {
	width: 318px;
	margin: 0px;
	float: left;
}

#rightColumn {
	width: 132px;
	margin: 0px;
	float: right;
	float: left;
	margin-left: 30px;
	overflow: visible;
}

hr {
	border: none 0;
	border-top: 2px solid #7E5E36;
	height: 2px;
	width: 100%;
	text-align: center;
	margin: 10px auto 10px auto;
}

hr.inlinePadding {
	margin: -1px -1px 26px 0px;
	_margin: -1px -1px 0px 0px;
	border: 0;
	height: 1px;
	width: 1px;
}

h1 .home{
	 display: none; 
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #7E5E36;
}
	td h2 { margin-bottom: 0px; }
	.emailTable h2 { margin-bottom: 0px; }
	.emailTable p.frontbody { margin-top: 0px; }
	
h3 {
	font-family: verdana, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000;
}
	.emailTable h3 { font-weight: normal; }
	
	h3 a, h3 a:hover {
		font-size: small;
		font-weight: bold;
	}
	
h4 {
	font-family: verdana, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000;
}
	h4 a, h4 a:hover {
		font-size: x-small;
		font-weight: normal;
	}

strong a, strong a:hover {
	font-weight: bold;
}

div.floatClear {
	clear: both;
	height: 0;
}
br.floatClear {
	clear: both;
	width: 1px;
	height: 1px;
	margin: -1px -1px 0; 
}
hr.floatClear {
	clear: both;
	margin: 0px auto 0px auto;
}

.button {
	background: url(/sales/images/sitewide/nav_forward_triangle.gif) no-repeat left top;
	height: 36px;
	overflow: visible;
	margin: 0px 0px 10px 0px;
	display: block;
	padding: 11px 0px 0px 30px;
}

	/*a.checkoutBtn {
		font-size: small;
		font-weight: bold;
		padding: 9px 0px 0px 30px;
	}
	
	a.checkoutBtn:hover {
		font-size: small;
		font-weight: bold;
		padding: 9px 0px 0px 30px;
	}*/

.buttonColumn {
	width: 160px;
	_width: 224px;
}

.biggerAlert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #FF3807;
	font-weight: bold;
}
	.paymentBox .biggerAlert {
		width: 200px;
	}

input, textarea, select {
	font-family: Helvetica, Arial, sans-serif;
	font-size: xx-small;
	padding: 2px;
	border-width: 1px;
	border-color: #eee !important; /*important cos ie with google toolbar draws yellow bgs.... */
	background-color: #fff !important;
}

	#rightColumn input {
		padding: 2px 10px 2px 10px;
		margin: 2px 0px 2px 0px;
		/*overflow: visible;*/
	}

#btnUpdateAddress, #btnAddAddress, input#UcUserLogin1_LoginButton, #UcUserLogin1_GetPasswordButton, #UcCreateUserFatCity1_btnRegister, #btnPayNow, #btnConfirm, .addToBasket, .formButton { background-color: #ccc !important; font-weight: bold !important; padding: 3px 6px 3px 6px; }
	#shopMenu .formButton { margin-top: 5px; }
	
input[type="submit"] { }

#rightColumn input.addToBasket {
	margin: 1px;
	padding: 3px .25em 3px .25em;
	overflow: visible;
	font-weight: bold !important;
	font-size: x-small;
	_font-size: xx-small;
}

#btnPayNow { font-size: small; font-weight: normal; padding: 6px 9px 6px 9px; width: 330px; }

/* shopping basket page */
.basketTable {
	margin-bottom: 20px;
	margin-bottom: 0px;
	width: 560px;
	font-size: xx-small;
}
	.basketTable .col1 { width: 325px; padding: 8px; }
	.basketTable .col2 { width: 38px; padding: 8px; }
	.basketTable .col3 { width: 81px; padding: 8px; }
	.basketTable .col4 { width: 68px; padding: 8px; }
	.basketTable .col5 { width: 32px; padding: 8px; }
	
	.basketTable .checkoutBtnRow { padding: 44px 8px 104px 8px; }
		.basketTable .checkoutBtnRow a.button, .basketTable .checkoutBtnRow a.button:hover {
			font-size: medium;
			font-weight: bold;
			padding: 8px 0px 0px 30px;
			background: url(/sales/images/sitewide/nav_forward_triangle.gif) no-repeat left top;
		}

.basketTable td {
	padding: 4px 8px 4px 8px;
	border-right: 1px solid #fff;
	vertical-align: top;
}

.basketHeaderCell {
	background-color: #CCBEA9;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C; 
	font-weight: bold;
}

.basketTableTotal {
	font-weight: bold;
}

/* sign in page */

.usernameDiv, .passwordDiv, .emailDiv, .forgotPasswordTitle {
	padding: 0px;
	margin: 5px 0;
	clear: left;
	float: left;
	width: 100%;
}
.usernameSpan, .passwordSpan, .forgotPasswordSpan {
	text-align: right;
	margin: 0px 10px 0px 0px;
	width: 180px;
	float: left;
	padding-top: 3px;
}

.usernameBox, .passwordBox, .forgotPasswordBox {
	margin: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}

.loginButtonDiv, .forgotPasswordButtonDiv {
	clear: left;
	float: left;
	padding: 10px 0px 0px 190px;
}

.forgotPasswordDiv {
	padding: 10px 0px 0px 0px;
	clear: left;
	float: left;
	width: 100%;
}

.forgotPasswordTitle {
	margin: 30px 0px 0px 0px;
}
.emailDiv { }

/* Your details page */

.yourDetailsTable {
	margin-bottom: 20px;
	width: 560px;
	border-collapse: collapse;
	font-size: xx-small;
}
	.yourDetailsTable .col1 { width: 290px; text-align: right; vertical-align: top; padding-top: 8px; }

.yourDetailsTable td {
	margin: 5px;
	padding: 5px;
	vertical-align: top;
}

.yourDetailsHeaderCell {
	background-color: #CCBEA9;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C; 
	font-weight: bold;
}

.countrySelect {
	width: 200px;
}

/* delivery address */

.deliveryAddressTable {
	margin-top: 0px;
	margin-bottom: 20px;
	width: 560px;
	border-collapse: collapse;
}
	.deliveryAddressTable .col1 { text-align: right; }
	.deliveryAddressTable .col2 { }
	.deliveryAddressTable .col3 { }

.deliveryAddressTable td {
	margin: 0px;
	padding: 5px;
	vertical-align: top;
}

/* edit address */

/*.editAddressTable {
	margin-bottom: 0px;
	width: 560px;
	border-collapse: collapse;
}
	.editAddressTable .col1 { width: 185px; text-align: right; vertical-align: top; padding-top: 8px; }

.editAddressTable td {
	margin: 5px;
	padding: 5px;
	vertical-align: top;
}*/

.editAddressFieldContainer {
	clear: left;
	float: left;
	margin-bottom: 5px;
	width: 100%;
}
.editAddressLabel {
	clear: left;
	float: left;
	width: 185px;
	text-align: right;
	margin-right: 10px;
	padding-top: 8px;
}
.editAddressField { 
	float: left;
	padding-top: 6px;
}

/* checkout page */
.checkoutTable, .checkoutSummaryTable {
	margin-bottom: 20px;
	width: 560px;
	border-collapse: collapse;
}
	.checkoutTable .col1 { width: 357px; }
	.checkoutTable .col2 { width: 38px; }
	.checkoutTable .col3 { width: 81px; }
	.checkoutTable .col4 { width: 68px; }
	
	.checkoutSummaryTable .col1 { width: 357px; }
	.checkoutSummaryTable .col2 { width: 38px; }
	.checkoutSummaryTable .col3 { width: 79px; text-align: right; }
	.checkoutSummaryTable .col4 { width: 68px; }

.checkoutTable td, .checkoutSummaryTable td {
	margin: 10px;
	padding: 10px;
	border-right: 1px solid #fff;
	border-bottom: 3px solid #fff;
}

.checkoutHeaderCell {
	background-color: #CCBEA9;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C; 
	font-weight: bold;
}

.checkoutTableTotal {
	font-weight: bold;
}

.checkoutPageTitle {
	background-color: #CCBEA9;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C; 
	font-weight: bold;
	padding: 8px 0px 9px 10px;
	width: 120px;
}

.checkoutTermsAcceptance {
	float: left;
	width: 250px;
	margin-bottom: 20px;
}

.checkoutProceedPay {
	float: right;
	text-align: right;

	margin-bottom: 20px;
}

.inlineCheckBox {
	float: left;
	padding: 2px 0px 0px 0px;
	margin: 0px;
}

/* Payment page */

/*.paymentTable {
	margin-bottom: 10px;
	width: 560px;
	border-collapse: collapse;
	font-size: xx-small;
}
	.paymentTable .col1 { width: 290px; text-align: right; vertical-align: top; padding-top: 8px; }

.paymentTable td {
	margin: 5px;
	padding: 5px;
	vertical-align: top;
}

.paymentHeaderCell {
	background-color: #CCBEA9;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C; 
	font-weight: bold;
}*/

/* payment page */

.paymentFormDiv {
	padding: 0px;
	clear: left;
	margin: 5px 0;
	clear: left;
	float: left;
	width: 100%;
	font-size: xx-small;
}
.paymentFeildSpan {
	text-align: right;
	margin: 0px 10px 0px 0px;
	width: 180px;
	float: left;
	padding-top: 3px;
}

.paymentBox {
	margin: 0px 0px 0px 0px;
	text-align: left;
	float: left;
	
	width: 200px;
}

.paymentButtonDiv {
	clear: left;
	float: left;
	padding: 10px 0px 0px 190px;
}

.paymentFauxTableHead {
	width: 100%;
	padding: 5px;
	background-color: #CCBEA9;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C; 
	font-weight: bold;
}

/* musicpagerichmedia.aspx */

.skuListStockName {
	display: none;
}

.skuListStockType {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C; 
	font-weight: bold;
}
	#rightColumn .skuListStockType { color: #000; font-weight: normal;}
	
.skuListStockPrice {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000; 
	font-weight: bold;
}
	#rightColumn .skuListStockPrice { color: #000; font-weight: normal;}
	
.skuListCatalogueNum {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C;
}
	#rightColumn .skuListCatalogueNum { display: none; }

.skuListStockSkuID {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000; 
}
	#rightColumn .skuListStockSkuID { display: none; }

.skuListAvailibilty {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; margin-top:8px;font-weight:bold;
	color: #000;
}
.skuListAvailibiltyNone {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; margin-top:8px;
	font-weight:bold;
	color: #EE0000;
}

.genresPrimary {
	background: #f6f3f0 url(/sales/images/sitewide/2006/altColorBlock0.gif) no-repeat top right;
	padding: 5px 10px 10px 10px;
	margin: 30px 0px 0px 0px;
}
	.genresPrimary p { padding: 0px; margin: 0px; font-weight: bold; }

.genresSecondary {
	background: #ebe5db url(/sales/images/sitewide/2006/altColorBlock1.gif) no-repeat top right;
	padding: 5px 10px 10px 10px;
	margin: 0px;
}
	.genresSecondary p { padding: 0px; margin: 0px; font-weight: bold; }

.sameArtist {
	background: #DFD5C6 url(/sales/images/sitewide/2006/altColorBlock2.gif) no-repeat top right;
	padding: 5px 10px 10px 10px;
	margin: 0px;
}
	.sameArtist p { padding: 0px; margin: 0px; font-weight: bold; }
	
.sameLabel {
	background: #CCBEA9 url(/sales/images/sitewide/2006/altColorBlock3.gif) no-repeat top right;
	padding: 5px 10px 10px 10px;
	margin: 0px 0px 50px 0px;
}
	.sameLabel p { padding: 0px; margin: 0px; font-weight: bold; }

.listenNowBtn {
	background: url(/sales/images/sitewide/button_listen_headphones.gif) no-repeat left top;
	height: 11px;
	overflow: visible;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 16px;
}

ol {
	margin: 0px;
	padding: 0px;
}
ol li {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}

ul.formatsAndPrices {
	margin: 0px;
	padding: 0px;
	list-style: none;
	
	width: 132px;
	overflow: visible;
}
ul.formatsAndPrices li {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	font-weight: bold;	
	width: 132px;
	overflow: visible;
}


/* shop home page */
.featuredItemContainer {
	width: 560px; /* 481px; */
	margin: 0px 0px 20px 0px;
	padding: 0px;
	clear: both;
}
.recommendsTitle {
	background: url(/sales/images/sitewide/item_fc_choice.gif) no-repeat top left;
	height: 42px;
	padding: 10px 0px 0px 42px;
	margin-bottom: 0px;
}
.recommendsContainer {
	width: 560px; /* 481px; */
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 17px 0px;
	clear: both; 
	float:left;
}
.featuredItemImg,
.recommendsImg {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	width: 130px;
	height: 130px;
}
	.featuredItemImg img, 
	.featuredItemImg a img,
	.recommendsImg img,
	.recommendsImg a img { 
		border: 0px; 
		width: 130px; 
		height: 130px; 
	}
.featuredItemInfo,
.recommendsInfo {
	width: 340px;
	float: left;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	min-height: 130px;
	_height: 130px;
}
	.featuredItemInfo p.top, .recommendsInfo p { margin-top: 0px; }
.featuredItemMore,
.recommendsMore {
	clear: right;
	float: right;
	width: 67px;
	height: 21px;
	margin: 5px 0px 0px 0px;
}

img {
	border: 0px;
}


/* order history */

.orderHistoryTable {
	margin-top: 0px;
	margin-bottom: 20px;
	width: 560px;
	border-collapse: collapse;
}
	.orderHistoryTable .col1 { }
	.orderHistoryTable .col2 { text-align: center; }
	.orderHistoryTable .col3 { }
	.orderHistoryTable .col4 { }

.orderHistoryTable td {
	margin: 0px;
	padding: 5px;
	vertical-align: top;
}

.orderHistoryHeaderCell {
	background-color: #CCBEA9;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C; 
	font-weight: bold;
}

.orderDetailsContainer {
	width: 238px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	clear: both;
}
.orderDetailsTitle {
	width: 100px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.orderDetailsDetail {
	width: 128px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.orderDetailCol1 {
	width: 238px;
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}
.orderDetailCol2 {
	width: 238px;
	float: right;
	padding: 0px;
	margin: 0px;
}

.orderDetailsNotes {
	height: 100px;
	overflow: auto;
	width: 214px;
	padding: 0px 5px 0px 0px;
	border: 1px solid #ccc;
}

/* split order */

.splitorder1, .splitorder2 {
	width: 150px;
	float: left;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	background: #DFD5C6;
}
.splitorder2 {
	background: #EBE5DB;
}
.splitorder3 {
	width: 150px;
	float: right;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	background: #F6F3F0;
}

.splitorder1 ol li, .splitorder2 ol li, .splitorder3 ol li {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
ul.squareBullets {
	margin: 0px;
	padding: 0px;
}
ul.squareBullets li {
	list-style-type: square;
	color: #754C24;
	margin: 0px 0px 5px 15px;
	padding: 0px;
}


.splitOrderTable {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 560px;
	font-size: xx-small;
}

.splitOrderTable td {
	padding: 4px 8px 8px 8px;
	border-right: 1px solid #fff;
	vertical-align: top;
	border-bottom: 1px solid #CCBEA9;
}

.splitOrderTable .headerCell {
	background-color: #CCBEA9;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C; 
	font-weight: bold;
	border-bottom: 0 none;
	padding-bottom: 4px;
}

/* shipping costs */

.shippingCosts {
	margin-bottom: 10px;
	border-collapse: collapse;
	width: 395px;
}

.shippingCosts td {
	margin: 0px;
	padding: 5px;
}

.shippingCostsCountries {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.shippingCostsHeaderCell {
	background-color: #CCBEA9;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C; 
	font-weight: bold;
}

/* charts */

.chartPageChartImage {
	float: right;
	margin: 0px 0px 10px 10px;
}

.chartPageItemContainer {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	clear: both;
	
	min-height: 130px;
	_height: 130px;
	display: block;
	width: 100%;
}
.chartPageItemNumber { /* added by jQuery */
	width: 25px;
	height: 20px;
	margin-right: 10px;
	padding-top: 2px;
	float: left;
	background: url(../images/sitewide/chart_item_number_bg.gif) no-repeat top left;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.chartPageItemImg {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	width: 130px;
}
	.chartPageItemImg img, 
	.chartPageItemImg a img { 
		border: 0px; 
		width: 130px; 
		height: 130px; 
	}
	
.chartPageItemBuy 
{
	float:left;
	width:80px;
	padding-left:5px
	}
	
	
.chartPageItemInfo {
	width: 225px;
	float: left;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	vertical-align: top;
	min-height: 130px;
	_height: 130px;
}

	.chartPageItemInfo p { margin-top: 0px; }
	
.chartPageItemMore {
	float: right;
	width: 67px;
	margin: 0px;
	padding: 0px;
}


.ItemInStock {font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; margin-top:8px;font-weight:bold;
	color: #000;}
.ItemOutOfStock {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; margin-top:8px;
	font-weight:normal;
	color: #EE0000;
}


/* terms and conditions */

ol.tandc li {
	list-style-type: decimal;
	list-style-position: outside;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 15px;
}

/* one for the email now */

.emailTable {
	border-collapse: collapse;
}
.emailChartRow {
	padding: 5px 10px 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #754c24;
}
.emailChartHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	/*_font-size: small;*/
	font-weight: bold;
	color: #7E5E36;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

hr.emailLineBreak {
	border: none 0;
	height: 1px;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #754c24;
	border-top: 1px solid #754c24;
}

.secondary td {
	vertical-align: middle;
}

/* wishlistmanager */

.wishListTable {
	margin-top: 0px;
	margin-bottom: 20px;
	width: 560px;
	border-collapse: collapse;
}
	.wishListTable .col1 { }
	.wishListTable .col2 { text-align: center; }
	.wishListTable .col3 { }
	.wishListTable .col4 { }

.wishListTable td {
	margin: 0px;
	padding: 5px;
	vertical-align: top;
}

.wishListHeaderCell {
	background-color: #CCBEA9;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #AA520C; 
	font-weight: bold;
}

.wishlistFieldContainer {
	padding: 0px;
	margin: 5px 0;
	clear: left;
	float: left;
	width: 100%;
}
.wishListLabel {
	text-align: right;
	margin: 0px 10px 0px 0px;
	width: 180px;
	float: left;
	padding-top: 3px;
}

.wishListField  {
	margin: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}

/* search boxes */

.searchFieldContainer {
	padding: 0px;
	margin: 5px 0;
	clear: left;
	float: left;
	width: 100%;
/*	font-size: x-small;
	_font-size: xx-small; */
}
.searchLabel {
	text-align: right;
	margin: 0px 10px 0px 0px;
	width: 130px;
	float: left;
	padding-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.searchField {
	margin: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}
.searchField input {
	font-size: 14px;
	padding: 2px;
}
.searchField select {
	font-size: 10px;
	padding: 1px;
	width: 200px;
}
.searchPanel {
	width: 560px;
	margin: 20px 0 20px 5px;
	padding-top: 12px;
	background: #5a788b url(../images/sitewide/searchPanel_top.gif) no-repeat top left;
}
	.searchPanel .searchLabel {
		color: #ffffff;
	}
	.searchPanel .searchField input {
		width: 194px;
	}
	.searchPanel .searchSubmit {
		clear: both;
		position: relative;
		background: url(../images/sitewide/searchPanel_bottom.gif) no-repeat bottom left;
		height: 14px;
	}
	.searchPanel .searchButton {
		position: absolute;
		right: 90px;
		top: -28px;
	}
.sideSearchPanel {
	width: 118px;
	height: 98px;
	padding: 9px 20px 0 10px;
	margin: -5px;
	background: #5a788b url(../images/sitewide/shopMenuSearchPanel.gif) no-repeat 0 0;
}
	#shopMenu .sideSearchPanel h3 {
		color: #ffffff;
		margin-bottom: 7px;
	}
	.sideSearchPanel .searchField {
		margin-bottom: 11px;
	}
	.sideSearchPanel .searchField input {
		width: 112px;
	}
.prePopulated {
	color: #dfd5c6;
}
.searchButton {
	width: 68px;
	height: 25px;
	background: #a3bfdf url(../images/sitewide/btn_search.gif) no-repeat 0 0;
	border: 0 none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding-right: 16px;
	padding-bottom: 5px;
	outline: none;
	cursor: pointer;
}
.sideSearchPanel .searchButton {
	float: right;
}
.searchResultsTable {
	margin-top: 0px;
	margin-bottom: 20px;
	width: 560px;
	border-collapse: collapse;
}
	.searchResultsTable .col1 { }
	.searchResultsTable .col2 { text-align: center; }
	.searchResultsTable .col3 { }
	.searchResultsTable .col4 { }

.searchResultsTable td {
	margin: 0px;
	padding: 5px;
	vertical-align: top;
}

.searchResultsHeaderCell {
	background-color: #CCBEA9;
	height: 2px;
	display: none;
}

.searchResultsPager {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	color: #AA520C; 
	font-weight: bold;
}

.searchResultsContainer {
	width: 560px;
	font-size: x-small;
	_font-size: xx-small;
	clear: left;
	float: left;
	overflow: hidden;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 2px solid #ccbea9;
}
	/*.searchResultsTitle, .searchResultsArtist,*/ .searchResultsInfo, .searchResultsImg, .searchResultsMore, .searchResultsPrices {
		float: left;
		margin: 0px 10px 0px 0px;
		padding: 0px;
	}
	.searchResultsArtist { /*width: 55px;*/ color: #aa520c; font-weight: bold; /*margin-left: 5px;*/ }
	.searchResultsTitle { /*width: 55px;*/ color: #aa520c; font-weight: bold; }	
	.searchResultsImg, .searchResultsImg a img { width: 130px; height: 130px; }
	.searchResultsMore { width: 40px; font-weight: bold; margin-right: 0px; font-size: small; }
	.searchResultsPrices { width: 80px; /*margin-right: 0px;*/ }
	.searchResultsInfo { /*width: 185px;*/ width: 250px; }
	
	
.searchResultsContainerH {
	width: 560px;
	font-size: x-small;
	_font-size: xx-small;
	clear: left;
	float: left;
	overflow: hidden;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	background: #ccbea9;
}
	/*.searchResultsTitleH, .searchResultsArtistH,*/ .searchResultsInfoH, .searchResultsImgH, .searchResultsMoreH, .searchResultsPricesH {
		float: left;
		margin: 0px 10px 0px 0px;
		padding: 5px 0px;
		font-weight: bold;
		color: #aa520c;
	}
	.searchResultsArtistH { /*width: 55px; margin-left: 5px;*/ }
	.searchResultsTitleH { /*width: 55px;*/ }	
	.searchResultsImgH { width: 130px; }
	.searchResultsMoreH { width: 40px; font-weight: bold; margin-right: 0px; }
	.searchResultsPricesH { width: 80px; /*margin-right: 0px;*/ }
	.searchResultsInfoH { /*width: 185px;*/ width: 250px; }
	
/* search autoComplete *********************************************/

#autoOutput {
	position: relative;
	height: 0;
	z-index: 10; /* in front of #shopMenu ul.level1 li */
}	
#autoOutput ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 180px;
	margin: 0;	
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #46566F;
	border-bottom: 0 none;
}
	#autoOutput ul li {
		border-bottom: 1px solid #46566F;
		display: block;
		font-weight: bold;
		font-size: 10px;
		line-height: 11px;
		padding: 2px 3px;
		color: #46566F;
	}
	#autoOutput ul li.hover {
		color: #C7B299;
		background-color: #46566F;
	}

/************************************************************************/
	
.friendsandfamilyContainer { width: 790px; clear: left; clear: left; margin: 0px 0px 10px 10px; padding: 0px; }
	.friendsandfamilyImage { width: 132px; float: left; margin: 0px; padding: 0px; }
		.friendsandfamilyImage img { width: 132px; border: 1px solid #000; left: left; }
	.friendsandfamilyContent { margin: 0px 0px 0px 10px; padding: 0px; float: left; width: 648px;  _width: 638px; }
	.friendsandfamilyContainer hr { clear: left; display: block; width: 510px; text-align: right; margin: 0px 0px 0px 270px; _margin-right: 10px; }
	.friendsandfamilyContent p.pageheader { margin-top: 0px; padding-top: 0px; }

/* ############################### Legacy css ################################# */

.clear {
	clear: both;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #000000;
}

ul li {
	list-style-type: none;
	line-height: 1.1em;	
}

ul {
	padding-top: 3px;
	padding-bottom: 3px;
}

.indent {
	padding-left: 20px;
}

.indent30 {
	display: block;
	margin: 0px 10px -18px 20px;
	padding: 0px;
}

.managerbody {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
}

.frontbody { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #000000;
}

.frontbodylightbrown { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #AA520C; 
	font-weight: bold !important;
}

.frontbodylightbrownlgt { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #AA520C; 
}

.frontbodyblack { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #000000; 
	font-weight: bold;
}

.frontbodylightbrownInset {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #AA520C;
	padding-left: 20px;
}

.frontbodylightbrownInsethighlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; font-weight:bold;
	color: #AA520C;
	padding-left: 20px;
}

.lightblue {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	/*_font-size: 10px;*/
	font-weight: bold;
	color: #AFBBC7;
}

.alert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #FF3807;
	font-weight: bold;
}

.alertbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	/*_font-size: 10px;*/
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF3807;
	padding: 10px;
	margin-top: 20px;
}

a {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #990000; 
	text-decoration: none; 
	font-weight: normal
}

a:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #C7B299; 
	text-decoration: none; 
	font-weight: normal
}



.search a:link {
	font-weight: bold;
	font-size: 16px;
	color: #46566F;
	font-family: Verdana, serif;
	text-decoration: none;
}

.search a:hover {
	font-weight: bold;
	font-size: 16px;
	color: #C7B299;
	font-family: Verdana, serif;
	text-decoration: none;
}

.search a:visited {
	font-weight: bold;
	font-size: 16px;
	color: #46566F;
	font-family: Verdana, serif;
	text-decoration: none;
}



.secondary a:link {
	font-weight: bold;
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #A3BFDF;
	font-family: Verdana, serif;
	text-decoration: none;
}

.secondary a:hover {
	font-weight: bold;
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #C7B299;
	font-family: Verdana, serif;
	text-decoration: none;
}

.secondary a:visited {
	font-weight: bold;
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #A3BFDF;
	font-family: Verdana, serif;
	text-decoration: none;
}



.tertiary a:link {
	font-weight: bold;
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #46566F;
	font-family: Verdana, serif;
	text-decoration: none;
}

.tertiary a:hover {
	font-weight: bold;
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #C7B299;
	font-family: Verdana, serif;
	text-decoration: none;
}

.tertiary A:visited {
	font-weight: bold;
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #46566F;
	font-family: Verdana, serif;
	text-decoration: none;
}


.tertiaryhighlight a:link {
	font-weight: bold;
	font-size: 12px;
	color: #46566F;
	font-family: Verdana, serif;
	text-decoration: none;
}

.tertiaryhighlight a:hover {
	font-weight: bold;
	font-size: 12px;
	color: #C7B299;
	font-family: Verdana, serif;
	text-decoration: none;
}

.tertiaryhighlight A:visited {
	font-weight: bold;
	font-size: 12px;
	color: #46566F;
	font-family: Verdana, serif;
	text-decoration: none;
}





.listbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	/*_font-size: 10px;*/
	font-weight: lighter;
}

.blackbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	/*_font-size: 10px;*/
	color: #000000;
}

.fancyform {
	font-family: Helvetica, Arial, sans-serif;
	font-size: xx-small;
	/*_font-size: 10px;*/
	padding: 2px;
	border-width:1px;
	border-color:#eeeeee;
}

.buttons {
	font-size: xx-small;
	font-family: Helvetica, Arial, sans-serif;
	border-width:1px;
	border-color:#eeeeee;
}

.pageheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	/*_font-size: small;*/
	font-weight: bold;
	color: #7E5E36;
}

.mainpanel {
	width: 620px;
	position: absolute;
	left: 176px;
	top: 75px;
}

.recordsleeve {
	border: 1px;
	border-color: #000000;
}

.blackbodylarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	/*_font-size: xx-small;*/
	color: #000000;
	font-weight: bold;
}

.popUpCloseWindow {
	color: #AFBBC7;
}


.alsobought { padding-top:10px}

.CustomersAlsoBoughtContainer {
	width: 80%;
	font-size: x-small;
	_font-size: xx-small;
	clear: left;
	float: left;
	overflow: hidden;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 2px solid #ccbea9;
}

.CustomersAlsoBoughtImg{ float:left; padding:0px 0px 0px 0px; margin:0px; width:65px}
.CustomersAlsoBoughtPrices{float:left;width: 100px;padding:0px 0px 0px 5px}
.CustomersAlsoBoughtInfo { width:100px; float:left; padding:0px 0px 0px 5px}
.AlsoBoughtArtist {color: #aa520c; font-weight: bold; float:left }
.AlsoBoughtTitle {color: #aa520c; font-weight: bold; float:left }

.AlsoBoughtResultsTable {
	margin-top: 0px;
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
}

.FromArtistHolder{ float:left; clear:both}
.FromArtist { float:left;}

/* VOUCHERS */
#pnVouchers {
	width:100%;
}
	#pnVouchers ul {
		width:100%;
		margin:0;
		padding:0;
	}
		#pnVouchers ul li {
			width:558px;
			height:206px;
			border:1px dashed #523214;
			margin:0 0 10px 0;
		}
		.fatCityImg {
			width:210px;
			height:209px;
			float:left;
		}
		#pnVouchers .info {
			float:left;
			width:340px;
			padding:0 5px 10px 0;
		}
		#pnVouchers p {
			font-size:1.3em;
			clear:right;
			margin:0 0 3px 0;
			line-height:1em;
		}
		p.redeemed {
			color:#78522D;
			font-size:1.1em !important;
		}
		
		
.SignUpShopHolder{ float:left; margin: 17px 0px 17px 0px }

.signUpShop {
		float: left;
		width: 200px;
		padding: 0px 10px 0px 0px;
	}
		.signUpShop p {
			margin: 0px;
			padding: 0px;
			font-size: xx-small;
    		color: #aa520c;
   			font-weight: bold;
		}
	.signUpFormShop {
		float: left;
	}
.WasPriceLabel {
	padding:60px 0 0 0;
	background:url(../images/sitewide/salesTag_1.jpg) 0 5px no-repeat;
	display:block;
}
.WasPriceDisplay {
	text-decoration:line-through;
}
.CustomersAlsoBoughtPrices .WasPriceLabel {
	padding:42px 0 0 0;
	background:url(../images/sitewide/salesTag_2.jpg) 0 5px no-repeat;
	display:block;

}
#rightColumn .PriceWas {
	padding:60px 0 0 0;
	background:url(../images/sitewide/salesTag_1.jpg) 0 0 no-repeat;
	display:block;
}
#rightColumn .WasPriceLabel2,
#rightColumn .NowPriceLabel {
	width:37px;
	display:inline-block;
	font-size:11px;
	text-align:center;
}
#rightColumn .wasPriceWrap {
	padding:1px 5px;
	background:#dfd5c6;
	font-size:12px;
}
#rightColumn .nowPriceWrap {
	padding:1px 5px;
	background:#265f84;
	color:#fff;
	font-size:12px;
}
.RRP {
	display:inline;
}
#rightColumn .RRP .nowPriceWrap {
	padding:0 !important;
	background:none !important;
	font-size:12px;
	color:#000; !important;
}


#leftColumn .PriceWas {
	padding:60px 0 0 0;
	background:url(../images/sitewide/salesTag_1.jpg) 0 0 no-repeat;
	display:block;
}
#leftColumn .WasPriceLabel2,
#leftColumn .NowPriceLabel {
	width:37px;
	display:inline-block;
	font-size:11px;
	text-align:center;
	font-weight:normal;
}
#leftColumn .wasPriceWrap {
	padding:1px 5px;
	background:#dfd5c6;
	font-size:12px;
}
#leftColumn .nowPriceWrap {
	padding:1px 5px;
	background:#265f84;
	color:#fff;
	font-size:12px;
}
.RRP {
	display:inline;
}
#leftColumn .RRP .nowPriceWrap {
	padding:0 !important;
	background:none !important;
	font-size:12px;
	color:#000 !important;
}
#leftColumn .OnSale {
	margin:0 0 10px;
}
.CustomersAlsoBoughtPrices .PriceWas {
	padding:40px 0 0 0 !important;
	background:url(../images/sitewide/salesTag_2.jpg) 0 0 no-repeat !important;
	display:block;
}
.CustomersAlsoBoughtPrices .WasPriceLabel2,
.CustomersAlsoBoughtPrices .NowPriceLabel {
	width:25px !important;
}

.searchResultsPrices .PriceWas {
	padding:37px 0 0 0 !important;
	background:url(../images/sitewide/salesTag_2.jpg) 0 0 no-repeat !important;
	display:block;
}
.searchResultsPrices .wasPriceWrap {
	padding:1px 5px;
	background:#dfd5c6;
	font-size:11px;
}
.searchResultsPrices .nowPriceWrap {
	padding:1px 5px;
	background:#265f84;
	color:#fff;
	font-size:11px;
}
.searchResultsPrices .RRP .nowPriceWrap {
	padding:0 !important;
	background:none !important;
	color:#000 !important;
}

.chartPageItemBuy .PriceWas {
	padding:37px 0 0 0 !important;
	background:url(../images/sitewide/salesTag_2.jpg) 0 0 no-repeat !important;
	display:block;
}
.chartPageItemBuy .wasPriceWrap {
	padding:1px 5px;
	background:#dfd5c6;
	font-size:11px;
}
.chartPageItemBuy .nowPriceWrap {
	padding:1px 5px;
	background:#265f84;
	color:#fff;
	font-size:11px;
}
.chartPageItemBuy .RRP .nowPriceWrap {
	padding:0 !important;
	background:none !important;
	color:#000 !important;
}

.chartPageItemInfo .PriceWas {
	display:block;
}
.chartPageItemInfo .wasPriceWrap {
	padding:1px 5px;
	background:#dfd5c6;
	font-size:12px;
}
.chartPageItemInfo .nowPriceWrap {
	padding:1px 5px;
	background:#265f84;
	color:#fff;
	font-size:12px;
}
.chartPageItemInfo .RRP {
	margin:0 0 10px 0;
}
.chartPageItemInfo .RRP .nowPriceWrap {
	padding:0 !important;
	background:none !important;
	color:#000 !important;
	font-size:10px !important;
	display:inline;
}
	.chartPageItemInfo .RRP .nowPriceWrap .nowPriceWrap {
		float:left;
	}
.chartPageItemInfo .OnSale {
	margin-bottom:10px;
	display:inline;
	margin-right:5px;
}
.chartPageItemInfo .frontBody {
	margin:10px 0 10px 0;
	display:block;
}
.chartPageItemInfo .nowPriceWrap {
	padding:0 !important;
	background:none !important;
	color:#000 !important;
	font-size:10px;
}

h1.PgSmall,h2.PgSmall,h3.PgSmall { font-size:x-small; border-bottom:0px;border-top:0px; margin-top:4px;margin-bottom:2px; font-weight:normal; color:#000}

