/*/////////////////////////////////////////////////////////////////////
	ClearFix
/////////////////////////////////////////////////////////////////////*/

	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	.clearfix {
		display:block;
	}	
		
	.clear {
		height:0em;
		font:1px/1px sans-serif;
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Global
/////////////////////////////////////////////////////////////////////*/

	* {
		margin:0;
		padding:0;
	}
	
	body {
		font-size:62.5%;
	}
	
	body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	img {
		display:block;
	}
	a img {
		border:none;
	}
	
	table {
		border-collapse:none;
	}
	
	button {
		background-color:transparent;
		cursor:pointer;
		border:0; 
	}

/*/////////////////////////////////////////////////////////////////////
	Frame
/////////////////////////////////////////////////////////////////////*/

	body {
		background:#252525 url(../images/layout/header.jpg) repeat-x top center;
	}

	#wrapper {
		width:980px;
		margin:0 auto;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Header
/////////////////////////////////////////////////////////////////////*/
	
	#header {
		height:126px;
		margin:0 0 15px 0;
	}
	
	/* logo */
	#header h1#logo {
		float:left;
		text-indent:-9999px;
		height:126px;
		width:240px;
	}
	#header h1#logo a {
		display:block;
		height:126px;
		width:240px;
		outline:0;
		background:url(../images/layout/logo.jpg) no-repeat top left;
	}
	
	/* links */
	#header ul#links {
		float:right;
		/*width:289px;*/
		width:560px;
		height:34px;
		background:url(../images/layout/links.jpg) no-repeat top right;
	}
	#header ul#links li {
		float:left;
		list-style:none;
	}
	#header ul#links li a {
		display:block;
		float:left;
		margin:8px 0;
		padding:0 25px;
		font-size:1.2em;
		line-height:18px;
		font-weight:bold;
		color:#464646;
		text-decoration:none;
		text-transform:uppercase;
		border-right:1px solid #8a8a8a;
		outline:0;
	}
	/* reduce padding for text when logged in*/
	#header ul.loggedin li a {
		padding:0 20px!important;
	}
	#header ul#links li.last a {
		border:none;
		padding-right:0;
		_padding: 0 0 0 15px;
		*padding: 0 0 0 15px;
		/*_padding-left: 15px;
		*padding-left: 15px;*/
	}
	#header ul#links li a:hover {
		color:#a8935c;
	}
	
	/* audio player */
	#header #audio {
		float:right;
		margin:30px 0 0 0;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Main Content
/////////////////////////////////////////////////////////////////////*/

	#container {
		background:url(../images/layout/container.gif) repeat-y top left;
	}
	
	/* sidebar categories */
	#container #categories {
		float:left;
		width:224px;
	}
	#container #categories h3 {
		font-weight:bold;
		color:#ffffff;
		font-size:1.5em;
		line-height:1.4em;
		text-align:right;
		text-transform:uppercase;
		padding:30px 24px 10px 0;
	}
	#container #categories ul {
	}
	#container #categories ul li {
		list-style:none;
	}
	#container #categories ul li a {
		display:block;
		padding:5px 24px 5px 0;
		letter-spacing:0.06em;
		text-align:right;
		width:200px;
		font-size:1.1em;
		line-height:1.4em;
		color:#a8a8a8;
		text-transform:uppercase;
		text-decoration:none;
	}
	#container #categories ul li a:hover,
	#container #categories ul li.active a {
		color:#ffffff;
		background:url(../images/buttons/category-active.gif) no-repeat right center;
	}
	
	/* main content */
	#container #main {
		float:right;
		width:740px;
	}
	
	/* content */
	#content {
		background:url(../images/layout/content-back.jpg) repeat-y left;
	}
		
/*/////////////////////////////////////////////////////////////////////
	Footer
/////////////////////////////////////////////////////////////////////*/
	
	#footer {
		width:700px;
		height:58px;
		margin:15px 0 0 0;
		padding:20px 20px 100px 20px;
		float:right;
		background:url(../images/layout/footer.gif) no-repeat top right;
	}
	#footer p {
		color:#c0c0c0;
		font-size:1.1em;
		line-height:1.8em;
		letter-spacing:0.06em;
	}
	#footer p a {
		text-decoration:none;
	}
	#footer p a:hover {
		text-decoration:underline;
	}
	#footer p#lnav {
		color:#c0c0c0;
	}
	#footer p#lnav a {
		color:#c0c0c0;
	}
	#footer p#copyright {
		color:#808080;
	}
	#footer p#copyright a {
		color:#808080;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Misc
/////////////////////////////////////////////////////////////////////*/

	/* header */
	h2 {
		color:#ffffff;
		font-weight:bold;
		font-size:1.5em;
		line-height:1em;
		background:url(../images/headings/corner.gif) no-repeat 0 5px;
		padding:0 0 0 12px;
		text-transform:uppercase;
		margin:20px 20px 15px 20px;
	}
	h2 span {
		color:#AE975C;
	}
	
	/* infobar contains account and search */
	#infobar {
		background:url(../images/layout/infobar.jpg) no-repeat top center;
		height:120px;
		margin:0 0 10px 0;
	}
	
	/* account */
	#account {
		height:46px;
		line-height:46px;
		color:#ffffff;
		font-size:1.2em;
		letter-spacing:0.04em;
		padding:0 22px;
	}
	#account p {
		float:left;
		margin:0 20px 0 0;
		letter-spacing:0.06em;
	}
	#account a {
		float:left;
		display:block;
		outline:0;
		margin:7px 0 0 0;
		height:32px;
		width:92px;
		text-indent:-9999px;
		background:url(../images/buttons/view-cart.jpg) no-repeat top left;
	}
	#account a:hover {
		background-position:top right;
	}
	
	/* search */
	#search {
		background:url(../images/layout/search.jpg) no-repeat center 16px;
		padding:16px 0 10px 0;
		height:43px;
	}
	#search form {
		width:350px;
		margin:0 auto;
		padding:4px 0 0 0;
	}
	#search form label {
		display:none;
	}
	#search form input {
		width:234px;
		background:#eae6dc;
		border:none;
		color:#7b622e;
		font-size:1.1em;
		height:14px;
		padding:5px 10px;
		float:left;
		margin:4px 0 0 0;
	}
	#search form button {
		border:none;
		float:left;
		height:31px;
		width:78px;
		text-indent:-9999px;
		background:url(../images/buttons/search.jpg) no-repeat top center;
	}
	#search form button:hover {
		background-position:bottom center;
	}
	
	/* breacrumb, pag, per page */
	.breadcrumb {
		height:48px;
	}
	.breadcrumb.top {
		background:url(../images/layout/breadcrumb-top.jpg) no-repeat top right;
	}
	.breadcrumb.bottom {
		background:url(../images/layout/breadcrumb-bottom.jpg) no-repeat top right;
	}
	.breadcrumb form#perpage {
		float:left;
		font-size:1.1em;
		color:#ccc0c0;
		padding:0 0 0 20px;
	}
	.breadcrumb form#perpage label,
	.breadcrumb form#perpage select {
		float:left;
	}
	.breadcrumb form#perpage label {
		padding:0 10px 0 0;
		display:block;
		line-height:48px;
		width:auto !Important;
		margin:0 !important;
	}
	.breadcrumb form#perpage select {
		margin:15px 0 0 0;
		font-size:1.1em;
		color:#555555;
		width:110px;
	}
	.breadcrumb .pag {
		float:right;
		font-size:1.1em;
		color:#ffffff;
		padding:12px 20px 0 0;
	}
	.breadcrumb .pag a.left,
	.breadcrumb .pag a.right,
	.breadcrumb .pag form{
		float:left;
	}
	.breadcrumb .pag .form {
		background:#654142;
		padding:0 20px;
		margin:0 2px;
		height:23px;
		text-align:center;
		float: left;
	}
	.breadcrumb .pag form {
		width:auto;
		float: none;
	}
	.breadcrumb .pag form span {
		line-height:23px;
		float:left;
		display:block;
	}
	.breadcrumb .pag form label {
		float:left;
		width:39px;
		display:block;
		height:17px;
		margin:4px 0 0 0;
		background:url(../images/misc/pag.jpg) no-repeat top center;
		line-height:normal !important;
		color:#000000;
	}
	.breadcrumb .pag form input {
		width:24px;
		height:15px;
		background:none;
		border:none;
		margin:auto;
		text-align:center;
		font-size:0.9em;
		line-height:normal !Important;
		color:#363636;
		padding:1px 0 0 0 !Important;
	}
	.breadcrumb .pag a.left,
	.breadcrumb .pag a.right {
		height:23px;
		width:23px;
		background-repeat:no-repeat;
		background-position:top left;
		text-indent:-9999px;
		outline:0;
		display:block;
	}
	.breadcrumb .pag a.left:hover,
	.breadcrumb .pag a.right:hover {
		background-position:top right;
	}
	.breadcrumb .pag a.left {
		background-image:url(../images/buttons/pag-l.jpg);
	}
	.breadcrumb .pag a.right {
		background-image:url(../images/buttons/pag-r.jpg);
	}
	
	.breadcrumb .lecturer{
		color:#FFFFFF;
		float:left;
		padding-bottom:0;
		padding-left:20px;
		padding-right:20px;
		padding-top:18px;
	}
	
	/* listing container */
	#listing {
		padding:0 0 20px 15px;
	}
	#listing .item {
		float:left;
		margin:0 10px 0 0;
	}

	/* item listing */
	.item {
		height:142px;
		width:348px;
		margin:5px 0 0 0;
		background:url(../images/layout/item/item.jpg) no-repeat top left;
	}
	.item .img {
		float:left;
		width:98px;
		height:98px;
		padding:15px 10px 0 15px;
	}
	.item .info {
		float:left;
		width:217px;
		padding:15px 0 0 0;
	}
	.item .info h3,
	.item .info h3 a {
		font-size:1.2em;
		font-weight:bold;
		line-height:1.3em;
		color:#854242;
		margin:0 0 3px 0;
		max-height:35px;
		overflow:hidden;
	}
	.item .info p,
	.item .info p a {
		color:#754c24;
		font-size:1.1em;
		line-height:1.1em;
		margin:0 0 6px 0;
	}
	.item .info .lang, .item .info .soundQual {
		color:#5c696c;
		font-size:1.2em;
		line-height:1.1em;
		margin:0 0 8px 0;
	}
	.item .info ul.links {
		margin:0 0 0 -5px;
	}
	.item .info ul.links li {
		float:left;
		list-style:none;
	}
	.item .info ul.links li a {
		display:block;
		float:left;
		text-indent:-9999px;
		outline:0;
		height:34px;
		background-repeat:no-repeat;
		background-position:top center;
	}
	.item .info ul.links li a:hover {
		background-position:bottom center;
	}
	.item .info ul.links li.download a {
		width:97px;
		background-image:url(../images/buttons/download.jpg);
	}
	.item .info ul.links li.cd a {
		width:50px;
		background-image:url(../images/buttons/cd.jpg);
	}
	
/*/////////////////////////////////////////////////////////////////////
	Forms
/////////////////////////////////////////////////////////////////////*/
	
	form a {
		color:#ae975c;
		text-decoration:underline;
	}
	
	form label {
		width:250px;
		float:left;
		margin:0 40px 0 0;
		color:#ffffff;
		font-size:1.1em;
		line-height:1.8em;
	}
	
	
	form #format label.trackLabel{
	float:none;
	width:auto;
	margin:0;
	line-height:normal;
	
	}
	
	form label span {
		color:#ae975c;
	}
	form label select {
		font-size:1em;
		color:#555555;
		border:none;
		margin:0 0 18px 0;
		min-width:60px;
		max-width:250px;
	}
	form label.title select {
		width:60px;
	}
	form label.country select {
		width:250px;
	}
	form label input {
		background:#eae6dc;
		border:none;
		padding:5px 5px;
		width:240px;
		margin:0 0 18px 0;
		color:#555555;
		font-size:1em;
	}
	form label.checkbox {
		width:auto;
		float:none;
	}
	form label.checkbox input {
		width:auto;
		margin:0 10px 0 0;
		background:none;
	}
	.frame form p {
		margin:10px 0 0 0;
	}
	
	form label.radio {
		width:auto;
		float:none;
		color:#5C696C;
	}
	form label.radio input {
		width:auto;
		margin:0 10px 0 0;
		background:none;
	}
	
/*/////////////////////////////////////////////////////////////////////
	PDF
/////////////////////////////////////////////////////////////////////*/	
	
	#PDF a {
		color:#5C696C;
		font-size:1.1em;
		padding:10px 0;
		
		display:block;
		height: 36px;
		line-height: 36px;
	}
	#PDF img {
		float:left;
		border: 0px;
		margin-right:10px;
	}
/*/////////////////////////////////////////////////////////////////////*/		
#order_confirmation a{
	color:#FFFFFF;
	text-decoration:underline;
}
/*////////////////////////////Tooltip/////////////////////////////////////////*/	
#dhtmltooltip{
color:#5C696C;
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* label/artist listing page */


ul.refineSearch  {
	list-style-type: none;
	font-size: 12px;
	background-color: #532B2C;
	margin: 1px 0 0 0;
	padding: 10px;
	display: block;
	}
	
ul.refineSearch li {
	float: left;
	margin-right: 20px;
	}

ul.refineSearch li a{
	color:#EFF0F0;
	}
	
ul.refineSearch li.title {
	color: #ffffff;
	}
	
	
#listContainer {
	padding: 20px 40px;
	}
	
ul.listing  {
	list-style-type: none;
	font-size: 12px;
	display: block;
	float:	left;
	width: 250px;
	margin: 0 20px 0 0;
	}

ul.listing  a{
	color:#EFF0F0;
	}
	
ul.listThree {
	margin: 0 0 0 0;
	}
	
.starrating img{
	display:inline;
}