body {
	margin: 0;
	padding: 20px;
	font-size: 62.5%;
	font-family: Verdana, arial, sans-serif;
	background-color: #000;
}

img {
	border:0px
}

a {
	text-decoration: none;
	color:#373737;
}

dd {
	margin: 0;
	padding: 0;
}

a:hover {
	text-decoration: underline;
}

.bold {
	font-weight:bold;
}

h1,h2,h3,h4,h5 {
	padding: 0;
	margin: 0;
	color: #000000;
}

h1 {
	font-size: 1em;
}

h1 span {
	display: none;
}

/* consolidated styles for headers (instead of graphics) */
h2 {
	font-size: 1.2em;
	color:#A3A3A3;
	margin-bottom:5px;
	margin-left:0px;
	padding-top:4px;
	padding-left:10px;
}

h2 span {
	color:#ffffff;
}

h2 span.small {
	font-size:0.8em;
	font-weight:normal;
	color: #FFFFFF;
}

h3 {
	font-size:1em;
	color:#000000;
	margin-bottom: 5px;
}

input.error {
	background-color:#FF7F7F;
	border:1px solid red;
}

.left {
float: left;
}

.right {
	float: right;
}


#header h1 {
	float: left;
	margin: 10px 0px 5px 10px;
}

#contentLid {
	margin: 0px auto;
	width:760px;
	height:2px;
	background-image: url(../images/contentLid.gif);
	background-repeat: no-repeat;
}

#content {
	width: 739px; /* 760 - 21px left padding */
	margin: 0px auto;
	background-image: url(../images/longGreyFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #c0c0c0;
	padding: 17px 0px 17px 21px; /* 21 pix margin -4px for lid & base */
}

#contentBase {
	margin: 0px auto;
	width:760px;
	height:2px;
	background-image: url(../images/contentBase.gif);
	background-repeat: no-repeat;
}


/* Utility Styles */

.black {
	color: #000;
}
.clearAll {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

ul.paging {
	list-style: none;
	margin:10px 4px 10px 0px;
	padding:0px;
	float:right;
}

ul.paging li {
	float:left;
}

ul.paging li, ul.paging li a {
	color:#ffffff;
}

/* paging left/right (for single text links >> ) */
.pagingRight {
	text-align:right;
	color:#ffffff;
	padding-right:10px;
	padding-bottom:10px;
}

.pagingRight a {
	color:#ffffff;
}

.pagingLeft {
	text-align:left;
	color:#ffffff;
	padding-bottom:10px;
}

.pagingLeft a {
	color:#ffffff;
}

/* previous/next links (floated left/right)
   these may be overriden due to inconsistencies in boxContent padding
   that are easier to fix with overrides! */
.previous {
	float:left;
	text-align:left;
	color:#ffffff;
	padding-bottom:10px;
}

.previous a {
	color:#ffffff;
}

.next {
	float:right;
	text-align:right;
	color:#ffffff;
	padding-bottom:10px;
}

.next a {
	color:#ffffff;
}


/* generic left and right floating divs - possibly only needed for
positioning something right of a header tag */
.boxContent .floatLeft {
	float:left;
}

.boxContent .floatRight {
	float:right;
	text-align:right;
	color:#ffffff;
	margin-top:6px;
	margin-bottom:15px;
	padding-right:8px;
}

.boxContent .alignRight {
	float: right;
	text-align:right;
	color:#ffffff;
	margin-top:6px;
	margin-bottom:0px;
	padding-right:0px;
}

/* filter form - simple floated form */
#filterFormLeft {
	float:left;
}

#filterFormRight {
	float:left;
}

#filterFormLeft select {
	margin-right:2px;
	width:140px;
	font-size:0.9em;
	color:#373737;
	border:1px solid #ffffff;
}


#footerLeft {
	float:left;
	padding-top:10px;
}

#footerRight {
	float:right;
	padding-right:23px;
	padding-top:10px;
}

#footerRight ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

#footerRight ul li {
	display:inline;
	color:#373737;
}


/* common list style
need to override image size and ol width
to re-use in many places! */

ol.commonList {
	list-style: none;
	margin:0;
	padding:0;
}

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

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

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

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

ol.commonList ul {
	list-style: none;
	margin:2px 0;
	padding: 2px 0 0 70px;
}

ol.commonList ul li {
	margin:0;
	padding:0;
}

ol.commonList ul li a {
	display:block;
	position:static;
	height:1%;
}

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

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

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

ol.commonList ul li.info3, ol.commonList ul li.info3 a {
	font-size:1em;
	text-decoration:none;
	color:#d3d3d3;
}

ol.commonList ul li.info3 a span.was {
	text-decoration: line-through;
}

ol.commonList ul li.info3 a span.price {
	color:#ff0000;
}

ol.commonList ul li.price, ol.commonList ul li.price a {
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#ff0000;
}

ol.commonList ul li.details, ol.commonList ul li.details a {
	padding-top:2px;
	color:#ffffff;
}

ol.commonList ul li.price span {
	font-weight: normal;
	color:#ffffff;
}


/* end of common list style */




/* alsoList (used frequently, text only */
ol.alsoList, ol.alsoList ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

ol.alsoList li {
	float:left;
}

ol.alsoList li li {
	clear:both;
}

ol.alsoList ul li, ol.alsoList ul li a {
	color:#D3D3D3;
	padding-bottom:2px;
}

ol.alsoList ul li.last {
	padding-bottom:12px;
}

ol.alsoList ul li.last span {
	color:#ff0000;
}
/* end alsoList styles */



/* focus List styles
 3 or 4 cols depending on page
*/
ol.focusList {
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
}

ol.focusList li {
	width:118px; /* override this width for 4 cols */
	background-image: url(../images/focusDivider.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin:0px;
	padding: 0px 20px;
	float:left;
}

ol.focusList li.last {
	background-image: none;
	margin:0px;
	padding:0px 0px 0px 20px;
	float:left;
}

ol.focusList ul.inner {
	list-style:none;
	margin:0;
	padding:0;
	width:113px;
}

ol.focusList ul.inner li {
	width:113px;
	color:#373737;
	padding: 0px;
	background-image: none;
	display:block;
}

ol.focusList ul.inner li img {
	border:1px solid #000000;
}

ol.focusList ul.inner li.artist {
	font-weight: bold;
	font-size:1.1em;
	color:#000000;
	padding:7px 0;
}

ol.focusList ul.inner li.title {
	font-weight:bold;
	padding-bottom:8px;
}

ol.focusList ul.inner li.more {
	padding-top:8px;
}

ol.focusList ul.inner li a {
	color:#373737;
}
/* end focus list styles */


/* links lists */
ul.linksList {
	list-style: none;
	margin:10px 0px 0px 4px;
	padding:0px 15px 0px 0px;
	float:left;
}

/* additional style for second column IF required */
ul.linksList2 {
	padding-left:7px;
	padding-right:0px;
}

/* additional style if divider required (more than 20 results returned) */
ul.linksListGreyBorder {
	border-right: 1px solid #333333;
}

ul.linksList li {
	padding-bottom:5px;
	width:140px;
}

ul.linksList li a {
	color:#ffffff;
}

/*  Basic Box Styles */
.boxBlack244 {
	width: 244px;
}
	.boxBlack244 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack244/lid.gif);
	}
	.boxBlack244 .boxContent {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		background-color: #000;
		padding: 0px 10px 0px 10px;
	}
	.boxBlack244 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack244/base.gif);
	}


.boxLightFade244 {
	width: 244px;
}
	.boxLightFade244 .boxLid {
		height: 4px;
		background-image: url(../images/boxLightFade244/lid.gif);
	}
	.boxLightFade244 .boxContent {
		background-image: url(../images/greyFade.gif);
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #c0c0c0;
		padding: 0px 10px 0px 10px;
	}
	.boxLightFade244 .boxBase {
		height: 4px;
		background-image: url(../images/boxLightFade244/base.gif);
	}


.boxLightFade470 {
	width: 470px;
}
	.boxLightFade470 .boxLid {
		height: 4px;
		background-image: url(../images/boxLightFade470/lid.gif);
	}
	.boxLightFade470 .boxContent {
		background-image: url(../images/greyFade.gif);
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #c0c0c0;
		padding: 0px 10px 0px 10px;
	}
	.boxLightFade470 .boxBase {
		height: 4px;
		background-image: url(../images/boxLightFade470/base.gif);
	}


.boxLightFade718 {
	width: 718px;
}
	.boxLightFade718 .boxLid {
		height: 4px;
		background-image: url(../images/boxLightFade718/lid.gif);
	}
	.boxLightFade718 .boxContent {
		background-image: url(../images/greyFade.gif);
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #c0c0c0;
		padding: 0px 10px 0px 10px;
	}
	.boxLightFade718 .boxBase {
		height: 4px;
		background-image: url(../images/boxLightFade718/base.gif);
	}

.boxVeryLightFade718 {
	width: 718px;
}
	.boxVeryLightFade718 .boxLid {
		height: 4px;
		background-image: url(../images/boxVeryLightFade718/lid.gif);
	}
	.boxVeryLightFade718 .boxContent {
		background-image: url(../images/veryLightFade.gif);
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #c0c0c0;
		padding: 0px 10px 0px 10px;
	}
	.boxVeryLightFade718 .boxBase {
		height: 4px;
		background-image: url(../images/boxVeryLightFade718/base.gif);
	}	

.boxShortLightFade718 {
	width: 718px;
}
	.boxShortLightFade718 .boxLid {
		height: 4px;
		background-image: url(../images/boxShortLightFade718/lid.gif);
	}
	.boxShortLightFade718 .boxContent {
		background-image: url(../images/greyFade.gif);
		border-left: 1px solid #3B3B3B;
		border-right: 1px solid #3B3B3B;
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #636363;
		padding: 0px 10px 0px 10px;
	}
	.boxShortLightFade718 .boxBase {
		height: 4px;
		background-image: url(../images/boxShortLightFade718/base.gif);
	}


.boxDarkFade470 {
	width: 470px;
}
	.boxDarkFade470 .boxLid {
		height: 4px;
		background-image: url(../images/boxDarkFade470/lid.gif);
	}
	.boxDarkFade470 .boxContent {
		background-image: url(../images/greyDarkFade.gif);
		border-left: none;
		border-right: none;
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #3e3e3e;
		padding: 0px 10px 0px 10px;
		color: #ffffff;
	}
	.boxDarkFade470 .boxBase {
		height: 4px;
		background-image: url(../images/boxDarkFade470/base.gif);
	}

.boxDarkFade718 {
	width: 718px;
}
	.boxDarkFade718 .boxLid {
		height: 4px;
		background-image: url(../images/boxDarkFade718/lid.gif);
	}
	.boxDarkFade718 .boxContent {
		background-image: url(../images/greyDarkFade.gif);
		border-left: none;
		border-right: none;
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #3e3e3e;
		padding: 0px 4px 0px 10px;
		color: #ffffff;
	}
	.boxDarkFade718 .boxBase {
		height: 4px;
		background-image: url(../images/boxDarkFade718/base.gif);
	}



.boxBlack138 {
	width: 138px;
}
	.boxBlack138 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack138/lid.gif);
	}
	.boxBlack138 .boxContent {
		border-left: 1px solid #333333;
		border-left: 1px solid #333333;
		background-color: #000000;
		padding: 0px 10px 0px 10px;
		color: #ffffff;
	}
	.boxBlack138 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack138/base.gif);
	}

.boxBlack170 {
	width: 170px;
}
	.boxBlack170 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack170/lid.gif);
	}
	.boxBlack170 .boxContent {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		background-color: #000000;
		padding: 0px 10px 0px 10px;
		color: #ffffff;
	}
	.boxBlack170 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack170/base.gif);
	}

.boxBlack228 {
	width: 228px;
}
	.boxBlack228 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack228/lid.gif);
	}
	.boxBlack228 .boxContent {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		background-image:none;
		background-color: #000000;
		padding: 0px 10px 0px 10px;
		color: #ffffff;
	}
	.boxBlack228 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack228/base.gif);
	}

.boxBlack228 {
	width: 228px;
}
	.boxBlack228 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack228/lid.gif);
	}
	.boxBlack228 .boxContent {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		background-image:none;
		background-color: #000000;
		padding: 0px 10px 0px 10px;
		color: #ffffff;
	}
	.boxBlack228 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack228/base.gif);
	}

.boxBlack200 {
	width: 200px;
}
	.boxBlack200 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack200/lid.gif);
	}
	.boxBlack200 .boxContent {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		background-image:none;
		background-color: #000000;
		padding: 0px 10px 0px 10px;
	}
	.boxBlack200 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack200/base.gif);
	}

.boxBlack150 {
	width: 150px;
}
	.boxBlack150 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack150/lid.gif);
	}
	.boxBlack150 .boxContent {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		background-image:none;
		background-color: #000000;
		padding: 0px 10px 0px 10px;
	}
	.boxBlack150 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack150/base.gif);
	}

.boxBlack330 {
	width: 330px;
}
	.boxBlack330 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack330/lid.gif);
	}
	.boxBlack330 .boxContent {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		background-color: #000000;
		background-image:none;
		padding: 0px 10px 0px 10px;
	}
	.boxBlack330 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack330/base.gif);
	}




.boxBlack340 {
	width: 340px;
}
	.boxBlack340 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack340/lid.gif);
	}
	.boxBlack340 .boxContent {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		background-color: #000000;
		padding: 0px 10px 0px 10px;
	}
	.boxBlack340 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack340/base.gif);
	}


.boxBlack468 {
	width: 468px;
}
	.boxBlack468 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack470/lid.gif);
	}
	.boxBlack468 .boxContent {
		border-left: none;
		border-right: none;
		background-color: #000000;
		padding: 0px 10px 0px 10px;
	}
	.boxBlack468 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack470/base.gif);
	}

.boxBlack718 {
	width: 718px;
}
	.boxBlack718 .boxLid {
		height: 4px;
		background-image: url(../images/boxBlack718/lid.gif);
	}
	.boxBlack718 .boxContent {
		border-left: none;
		border-right: none;
		background-color: #000000;
		padding: 0px 4px 0px 10px;
	}
	.boxBlack718 .boxBase {
		height: 4px;
		background-image: url(../images/boxBlack718/base.gif);
	}








/* ########## the magic fixer! ############## */
.clearfix {
	margin:0;
}

.clearfix {
    content: ".";
    display: block;
    height: 100px;
    clear: both;
    visibility: hidden;
}


#menuLog { font-size:1.4em; margin:20px; }
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

.fg-button { margin:0 4px 40px 0px; padding: .4em 1em; color: #101010 !important; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:right; padding: 6px 50px 6px 20px; margin-right: 40px}
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */

.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }