/* Music Store CSS
 * Copyright 2010 WebCamp One, LLC
 * Jim Pietrangelo, webcampone.com
 * For: All4Hym
*/
#col_1_of_2 {
	width: 170px;
	padding: 20px 10px; }
#col_2_of_2 {
	width: 538px;
	border-left: 2px solid #A56C03; }
	
#productList ul {
	list-style: none; }
	#productList li {
		display: block;
		width: 100%;
		height: auto;
		min-height: 50px;
		padding: .25em 0;
		border-bottom: 1px dotted #a56c03; } 
		#productList li img {
			float: right;
			vertical-align: text-bottom; }
		#productList li span.title  {
			font-size: 1.2em; }
		#productList li span.type {
			font-size: 1.2em; }
		#productList li span.price {
			font-size: 1.3em;
			color: #481512; }
			
#pageHeading {
	position: relative;
	padding: 1em 1em; }
	#pageHeading h1 {
		padding-bottom: 0;
		color: #000;
		text-shadow: 1px 1px 1px #eee; }
	#pageHeading a:link,
	#pageHeading a:visited,
	#pageHeading a:active {
		position: absolute;
		display: inline-block;
		width: 200px;
		right: 5px;
		bottom: 0;
		color: #fff;
		text-align: right;
		text-decoration: none; }
	#pageHeading a:focus,
	#pageHeading a:hover {
		color: #A56C03; }
		#pageHeading a h2 {
			font-weight: normal;
			text-shadow: 1px 1px 1px #222; }			
			

div#albumCovers {
	width: 275px;
	height: auto;
	float: right; }
	
#coverFront,
#coverBack {
	position: relative;
	float: right;
	width: auto;
	max-width: 275px;
	height: auto;
	padding-left: 1em;
	margin: 0 0 1em 1em; }
	#coverFront a,
	#coverBack a {
		display: block;
		width: 275px;
		height: 100%; }
	#coverFront img,
	#coverBack img {
		float: right;
		box-shadow: rgba(0,0,0,0.6) 3px -3px 5px;
		-moz-box-shadow: rgba(0,0,0,0.6) 3px -3px 5px;
		-webkit-box-shadow: rgba(0,0,0,0.6) 3px -3px 5px; }
	#coverFront figcaption,
	#coverBack figcaption {
		display: block;
		height: 1em;
		margin-right: 1em;
		padding-top: 2px;	
		text-align: right;
		font-size: 1.2em;
		font-style: italic;
		clear: right; }	

.productDescription {
	position: relative;
	clear: right; }
			
.content ul#productInfo {
	width: 225px;
	height: auto;
	padding: 5px;
	line-height: 1.2em;
	border: 2px outset #9AA242;
	font-size: 1.2em;
	background: #eee;
	margin-bottom: 0; }
	ul#productInfo li:before {
		margin-left: 0;
		content: " "; }
	ul#productInfo li {
		display: block;
		width: 100%;
		height: 1em;
		clear: left;
		margin-left: 0;
		text-align: right; }		
		#productInfo li.productTitle {
			font-weight: bold;
			font-size: 1.0em; }
		#productInfo li.productType {
			font-size: 1.0em; }
		#productInfo li.productPrice {
			font-size: 1.0em;
			font-weight: bold;
			color: #481512; }
		#productInfo li span {
			float: left;
			font-weight: normal;
			text-align: left;
			color: #000; }			
			
#productTracks {
	position: relative;
	width: 239px;
	margin-top: 0; }
	#productTracks ol {
		list-style: none;
		margin-top: .25em;
		margin-left: 20px;
		font-size: 1.2em; }
		#productTracks ol li { 
			padding-bottom: .25em; }
	#productTracks li span.trackNum {
		margin-left: -20px;
		padding-right: 10px; }
		
.btnPlay {
	display: inline-block;
	float: right;
	padding-left: 10px;
	font-size: 1em; 
	font-weight: normal; }
	
#musicPlayer {
	width: 200px;
	height: 55px;
	margin-left: 19px; }
	
#btnPaypal {
	width: 125px;
	height: 37px;
	margin-top: 1em; }