/* CSS Document */

/* =========================================
   GLOBAL ELEMENTS
   ==== BEGIN ============================== */

/*********************
 * Base Layouts
 ****** BEGIN ********/

body,
html {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #2D461D;
	font-size: 90%; /* Resets 1em to 10px */
	font-family: Palatino Linotype, Palatino, Times New Roman, Times, serif;
	text-align: center;
}
body {
	min-width: 770px;
}
#page {
	margin: 0 auto;
	width: 770px;
	text-align: left;
}
#floating-header {
	position: relative;
	border: 1px solid #FFFFFF;
}
#header {
	background-image: url(images/headerbg.png);
	overflow: visible;
	padding-top: 100px;
	padding-bottom: 30px;
}
*html #header {
	height: 200px;
}
#content {
	border-left: 1px solid #69AE3D;
	border-right: 1px solid #69AE3D;
	padding: 5px;
	float: left;
}
#content .frame {
	background-color: #F2F2F1;
	float: left;
}
#content.home .frame {
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}
#music {
	width: 195px;
	float: left;
	vertical-align: top;
}
#story {
	width: 555px;
	float: right;
	vertical-align: top;
}

/******** END ********
 * Base Layouts
 *********************/

/*********************
 * Floating Header
 ****** BEGIN ********/

#floating-header h1 a {
	height: 20px;
	width: 358px;
	font-size: 0em;
	padding-top: 20px;
	overflow: hidden;
	right: 0px;
	top: 30px;
	position: absolute;
	margin: 0px;
}
* html #floating-header h1 a {
	height: 39px;
	padding-top: 39px;
}
#floating-header h2 {
	color: #69AE3D;
	font-size: 1.0em;
	right: 3px;
	top: 68px;
	position: absolute;
	margin: 0px;
}

	/*********************
	 * Breadcrumb
	 ****** BEGIN ********/

	#breadcrumb span {
		margin-top: -18px;
	}
	#breadcrumb ul {
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 9px;
		left: 90px;
	}
	#breadcrumb ul li {
		display: inline;
		background-image: url(images/breadcrumb.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 15px;
		color: #BBBBBB;
		font-size: 1em;
	}
	#breadcrumb a {
		color: #BBBBBB;
		text-decoration: underline;
		font-size: 1em;	
	}
	
	/******** END ********
	 * Breadcrumb
	 *********************/
	 
	/*********************
	 * Shoppping Cart
	 ****** BEGIN ********/
	
	#mini-cart {
		position: absolute;
		top: 35px;
		left: 0px;
	}
	#mini-cart a {
		color: #2D461D;
	}

	/******** END ********
	 * Shoppping Cart
	 *********************/

/******** END ********
 * Floating Header
 *********************/


/*********************
 * Keywords Header
 ****** BEGIN ********/

	/*********************
	 * Keywords
	 ****** BEGIN ********/

	#keywords {
		background-image: url(images/keywordsbg.png);
	}
	#keywords ul {
		padding: 0;
		margin: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		text-align: center;
	}
	#keywords li {
		display: inline;
	}
	#keywords h3 {
		display: none;
	}
	#keywords a {
		color: #3B522C;
		text-decoration: none;
		line-height: 1em;
		padding-left: 5px;
	}
	#keywords a:hover {
		text-decoration: underline;
	}
	#keywords a:visited {
		color: #69AE3D;
	}
	#keywords .zero {
		font-size: 0.8em;
	}
	#keywords.maximized .zero {
		display: inline;
	}
	#keywords.minimized .zero {
		display: none;
	}
	#keywords .one {
		font-size: 0.9em;
	}
	#keywords.maximized .one {
		display: inline;
	}
	#keywords.minimized .one {
		display: none;
	}
	#keywords .two {
		font-size: 1em;
	}
	#keywords.maximized .two {
		display: inline;
	}
	#keywords.minimized .two {
		display: none;
	}
	#keywords .three {
		font-size: 1.1em;
	}
	#keywords .four {
		font-size: 1.2em;
	}
	#keywords .five {
		font-size: 1.3em;
	}
	#keywords .six {
		font-size: 1.5em;
	}
	
	
	/******** END ********
	 * Keywords
	 *********************/

	/*********************
	 * Search
	 ****** BEGIN ********/

	#search {
		min-height: 30px;
		background-image: url(images/searchbg.png);
		padding-top: 1px;
	}
	* html #search {
		float: left;
	}
	#search form {
		margin: 0px;
		padding: 0px;
		float: left;
	}
	#search h3 {
		height: 30px;
		font-size: 0em;
		padding-top: 30px;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		width: 60px;
		float: left;
		margin-left: 205px;
	}
	#search .field {
		min-width: 260px;
		min-height: 22px;
		border: 0px none;
		font-size: 14px;
		margin-bottom: 6px;
		padding-left: 2px;
		padding-top: 3px;
	}
	* html #search .field {
		height: 22px;
		margin-bottom: 4px;
		width: 260px;
	}
	#search .button {
		padding-top: 2px;
	}
	* html #search .button {
		margin-top: 3px;
	}
	#search a {
		height: 20px;
		width: 145px;
		text-align: right;
		padding-top: 3px;
		color: #2D461D;
		font-size: 0.9em;
		background-repeat: no-repeat;
		background-position: 150px center;
		float: right;
		padding-right: 25px;
		margin-top: 3px;
	}
	* html #search a {
		height: 25px;
		width: 175px;
		color: #BBBFC0;
		font-size: 0.9em;
		background-position: 155px center;
	}
	#search a.minimized {
		background-image: url(images/expandbox.png);
	}
	#search a.maximized {
		background-image: url(images/collapsebox.png);
	}

	/******** END ********
	 * Search
	 *********************/

/******** END ********
 * Keywords Header
 *********************/

/*********************
 * Footer
 ****** BEGIN ********/

#footer {
	background-image: url(images/footerbg.png);
	background-repeat: repeat;
	background-position: left top;
	height: 60px;
	padding-top: 12px;
	clear: both;
}
#footer h3 {
	display: none;
}
#footer ul {
	margin: 0px;
	padding: 0px;
}
#footer li {
	display: inline;
}
#footer a {
	color: #2D461D;
	font-size: 0.9em;
	margin-left: 10px;
}
#footer a:visited {
	color: #47881D;
	font-weight: bold;
}
#footer .copyright {
	color: #2D461D;
	font-size: 0.9em;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}

/******** END ********
 * Footer
 *********************/

/*********************
 * Music Player
 ****** BEGIN ********/

#musicplayer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	background-color: #BDFC97;
	display: none;
}

/******** END ********
 * Music Player
 *********************/

/*********************
 * Search Selected Text
 ****** BEGIN ********/
 
#searchselectedtext.off {
	display: none;
}
#searchselectedtext.on {
	position: absolute;
	width: 220px;
	height: 140px;
	background-image: url(images/searchselected.png);
	background-repeat: no-repeat;
	background-position: left top; 
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-top: 15px;
}
#selectedtexttosearch {
	height: 1px;
	width: 1px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
 
/******** END ********
 * Search Selected Text
 *********************/
 
/*********************
 * Image/Link Replace
 ****** BEGIN ********/

.ir {
	background: no-repeat 0 0;
	display: block;
	height/**/:/**/ 0 !important;
	overflow: hidden;
}

/* Global */

#floating-header h1 a#logo {
	background-image: url(images/logo.png);
	height: 38px;
	padding-top: 38px;
}
#floating-header span#you-are-here {
	background-image: url(images/youarehere.png);
	height: 25px;
	padding-top: 25px;
}
#header h3#search-label {
	background-image: url(images/searchlabel.png);
	height: 25px;
	padding-top: 25px;
}
#searchselectedtext a#go-minisearch-button {
	background-image: url(images/searchselectedbutton.png);
	height: 25px;
	padding-top: 25px;
	margin-left: 10px;
}
#searchselectedtext span#close-minisearch-button {
	background-image: url(images/closeselectedbutton.png);
	height: 25px;
	padding-top: 25px;
	margin-left: 10px;
}

/* Home Page */

a#listen-link {
	background-image: url(images/text-listen-to-the-song.png);
	height: 38px;
	padding-top: 38px;
}
span.listen-link {
	background-image: url(images/text-listen-to-the-song.png);
	height: 38px;
	padding-top: 38px;
}
a#text-read-the-lyrics {
	background-image: url(images/text-read-the-lyrics.png);
	height: 24px;
	padding-top: 24px;
}
a#button-purchase-the-song {
	background-image: url(images/button-purchase-the-song.png);
	height: 30px;
	padding-top: 30px;
}
a#button-purchase-the-album {
	background-image: url(images/button-purchase-the-album.png);
	height: 30px;
	padding-top: 30px;
}

/* Music Page */

#musicpage td.link-play-song a {
	background-image: url(images/link-play-song-iso.png);
	height: 25px;
	padding-top: 25px;
}
#musicpage td.link-read-lyrics a {
	background-image: url(images/link-read-lyrics-iso.png);
	height: 25px;
	padding-top: 25px;
}
#musicpage td.link-buy-song a {
	background-image: url(images/link-buy-song-iso.png);
	height: 25px;
	padding-top: 25px;
}
#musicpage td.link-play-song-odd a {
	background-image: url(images/link-play-song-odd-iso.png);
	height: 25px;
	padding-top: 25px;
}
#musicpage td.link-read-lyrics-odd a {
	background-image: url(images/link-read-lyrics-odd-iso.png);
	height: 25px;
	padding-top: 25px;
}
#musicpage td.link-buy-song-odd a {
	background-image: url(images/link-buy-song-odd-iso.png);
	height: 25px;
	padding-top: 25px;
}

/* Album Page */

#albumpage td.link-play-song a {
	background-image: url(images/link-play-song.png);
	height: 25px;
	padding-top: 25px;
}
#albumpage td.link-read-lyrics a {
	background-image: url(images/link-read-lyrics.png);
	height: 25px;
	padding-top: 25px;
}
#albumpage td.link-buy-song a {
	background-image: url(images/link-buy-song.png);
	height: 25px;
	padding-top: 25px;
}
#albumpage td.link-play-song-odd a {
	background-image: url(images/link-play-song-odd.png);
	height: 25px;
	padding-top: 25px;
}
#albumpage td.link-read-lyrics-odd a {
	background-image: url(images/link-read-lyrics-odd.png);
	height: 25px;
	padding-top: 25px;
}
#albumpage td.link-buy-song-odd a {
	background-image: url(images/link-buy-song-odd.png);
	height: 25px;
	padding-top: 25px;
}

/* Cart Page */

#checkout .paging span.next a {
	background-image: url(images/next.png);
	height: 20px;
	padding-top: 20px;
}
#checkout .paging span.previous a {
	background-image: url(images/previous.png);
	height: 20px;
	padding-top: 20px;
}
#checkout #update-cart-button {
	background-image: url(images/update-quantities.png);
	height: 20px;
	padding-top: 20px;
}
#checkout #ship-methods .usps span {
	background-image: url(images/usps.png);
	height: 50px;
	padding-top: 50px;
}
#checkout #ship-methods .ups span {
	background-image: url(images/ups.png);
	height: 50px;
	padding-top: 50px;
}


.text-stop-the-song {
	background-image: url(images/text-stop-the-song.png);
	background-repeat: no-repeat;
	height: 38px;
	width: 180px;
	font-size: 0em;
	padding-top: 38px;
	overflow: hidden;
	display: table-row;
	color: #F2F2F1;
}
* html .text-stop-the-song {
	height: 41px;
	padding-top: 41px;
}


/******** END ********
 * Image/Link Replace
 *********************/

/* === END =================================
   GLOBAL ELEMENTS
   ========================================= */

/* =========================================
   INDEX PAGE
   ==== BEGIN ============================== */

/*********************
 * Music Column
 ****** BEGIN ********/

#music h3 {
	background-color: #DADADA;
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	height: 35px;
	margin: 0px;
	padding-left: 5px;
	overflow: hidden;
}
#music h3 a {
	color: #2D461D;
	text-decoration: none;
	font-size: 1.4em;
	background-image: url(images/linkarrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	font-weight: lighter;
	height: 40px;
}
#music h4 {
	display: none;
}
#music h5 {
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	font-style: italic;
	font-weight: lighter;
}
#music .song {
	padding: 5px;
	padding-bottom: 10px;
}
#music .album {
	border-top: 1px dashed #BBBBBB;
	padding: 5px;
	padding-top: 10px;
}
#music .album li a {
	color: #2D461D;
}
#music .leadin {
	margin-bottom: 10px;
}
#music .leadin a {
	color: #2D461D;
	font-style: italic;
}
#music .albumdetails {
	width: 180px;
	height: 100px;
}
#music .albumdetails img {
	width: 90px;
	height: 90px;
	border: 1px solid #BBBBBB;
	padding: 3px;
	background-color: #FFFFFF;
	float: left;
	margin-right: 5px;
}
#music .albumdetails a {
	font-size: 1.2em;
	width: 75px;
	float: left;
	color: #2D461D;
	font-style: normal;
}
#music .albumdetails a:visited {
	color: #69AE3D;
}
#music .albumdetails .releasedate {
	font-style: normal;
	color: #BBBBBB;
	font-size: 0.7em;
}
#music ol.songs {
	margin-top: 10px;
}
#music ol.songs a {
	font-style: italic;
}
#music ol.songs a:visited {
	color: #69AE3D;
}

/******** END ********
 * Music Column
 *********************/
 
/*********************
* Story Column
****** BEGIN ********/

#story h3 {
	display: none;
}
#story h5 {
	background-color: #DADADA;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	height: 35px;
	margin: 0px;
	font-size: 1.7em;
	padding-left: 5px;
	position: relative;
	font-weight: lighter;
}
#story .previous {
	position: absolute;
	right: 5px;
	top: 7px;
	width: 10px;
	height: 20px;
	overflow: hidden;
	text-align: right;
	vertical-align: middle;
	color: #2D461D;
	font-size: 0.6em;
	background-image: url(images/linkarrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-style: normal;
	font-weight: lighter;
	text-indent: 900px;
}
* html #story .previous {
	top: 12px;
	background-position: left top;
}
#story .previous:hover {
	width: 200px;
	padding-right: 13px;
	background-position: right center;
	text-indent: 0px;
	right: 7px;
}
* html #story .previous:hover {
	top: 7px;
}
#story .blurb {
	background-color: #ED9621;
	margin: 5px;
	padding: 5px;
	font-size: 1.2em;
	color: #FFFFFF;
}
#story .body {
	padding-right: 5px;
	padding-left: 5px;
}
#story .body img {
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	padding: 5px;
	margin-left: 10px;
}

	/*********************
	 * Story Meta Content
	 ****** BEGIN ********/

	#story .meta {
		margin-top: 20px;
		margin-bottom: 10px;
		clear: both;
	}
	#story .meta div {
		float: left;
		margin-bottom: 10px;
		min-height: 150px;
	}
	#story .comments h6 {
		background-image: url(images/commentslabel.png);
	}
	#story .keywords h6 {
		background-image: url(images/keywordslabel.png);
	}
	#story .resources h6 {
		background-image: url(images/resourceslabel.png);
	}
	#story .meta h6 {
		margin: 0px;
		padding: 0px;
		background-repeat: no-repeat;
		width: 170px;
		font-size: 0em;
		padding-top: 36px;
		overflow: hidden;
		color: #F2F2F1;
	}
	#story .meta ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#story .meta li {
		margin-left: 5px;
	}
	#story .meta a {
		color: #2D461D;
	}
	#story .meta a:visited {
		color: #69AE3D;
	}
	#story .comments {
		width: 150px;
		border-right: 1px dashed #BBBBBB;
	}
	#story .keywords {
		width: 150px;
		border-right: 1px dashed #BBBBBB;
	}
	#story .resources {
		width: 200px;
	}

	/******** END ********
	 * Story Meta Content
	 *********************/
	 
	/*********************
	 * Story Comments
	 ****** BEGIN ********/
 
	#comments.off {
		display: none;
	}
	#comments.on {
		display: block;
		clear: both;
	}
	* html #comments {
		float: right;
		width: 535px;
	}
	#comments {
		background-color: #FFFFFF;
		border-bottom: 1px solid #BBBBBB;
		margin-bottom: 10px;
		margin-top: 10px;
		margin-right: 10px;
	}
	#comments h6.read-comments {
		margin: 0px;
		padding: 0px;
		background-repeat: no-repeat;
		width: 100%;
		font-size: 0em;
		padding-top: 25px;
		overflow: hidden;
		color: #F2F2F1;
		background-image: url(images/header-read-comments.png);
		border-bottom: 1px solid #BBBBBB;
		background-color: #F2F2F1;
	}
	#comments h6.post-a-comment {
		margin: 0px;
		padding: 0px;
		background-repeat: no-repeat;
		width: 100%;
		font-size: 0em;
		padding-top: 45px;
		overflow: hidden;
		color: #F2F2F1;
		background-image: url(images/header-post-a-comment.png);
		background-position: left bottom;
		border-top: 1px solid #BBBBBB;
		border-bottom: 1px solid #BBBBBB;
		background-color: #F2F2F1;
	}
	#comments ul {
		margin: 0px;
		padding: 0px;
	}
	#comments li {
		list-style-type: none;
		padding-left: 10px;
		min-height: 25px;
		padding-top: 10px;
	}
	#comments a {
		color: #999999;
	}
	#comments li.odd {
		background-color: #EAEAEA;
	}
	#comments li span {
		display: block;
		padding-bottom: 10px;
		padding-top: 5px;
	}
	#comments fieldset {
		border: 0px none;
	}
	#comments table {
		border-collapse: collapsed;
	}
	#comments th {
		font-size: 1em;
		font-weight: normal;
		text-align: left;
	}
	#comments .text {
		width: 380px;
		border: 1px solid #BBBBBB;
	}
	#comments textarea {
		width: 380px;
		height: 100px;
		border: 1px solid #BBBBBB;
	}
	#comments .submit {
		width: 150px;
	}

	/******** END ********
	 * Story Comments
	 *********************/

/******** END ********
 * Story Column
 *********************/
 

/*********************
 * Artwork Column
 ******* BEGIN *******/
#artwork {
	padding-left: 5px;
	padding-right: 10px;
}
 
#artwork h3 {
	background-color: #DADADA;
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	height: 35px;
	margin: 0px;
	padding-left: 5px;
	overflow: hidden;
	font-size: 1.7em;
	font-weight: lighter;
}
#artwork .leadin {
	padding: 5px; 
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
}
#artwork .art {
	border: 1px solid #BBBBBB;
	padding: 3px;
	background-color: #FFFFFF;
	margin-top: 5px;
}

/******** END ********
 * Artwork Column
 *********************/
 
/* === END =================================
   INDEX PAGE
   ========================================= */
   
/* =========================================
   OTHER CONTENT PAGE
   ==== BEGIN ============================== */
 
#othercontent {
	border: 1px solid #BBBBBB;
	padding-bottom: 5px;
	float: left;
}
#othercontent h3 {
	background-color: #DADADA;
	height: 35px;
	margin: 0px;
	padding-left: 5px;
	font-size: 1.7em;
	font-weight: lighter;
	margin-bottom: 10px;
	width: 100%;
	min-width: 751px;
}
#othercontent div {
	margin: 5px;
}
#othercontent img {
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	padding: 5px;
}


/* === END =================================
   OTHER CONTENT PAGE
   ========================================= */
   
/* =========================================
   ORDER PAGE
   ==== BEGIN ============================== */
 
#order {
	border: 1px solid #BBBBBB;
	padding-bottom: 5px;
	float: left;
}
#order h3 {
	background-color: #DADADA;
	height: 35px;
	margin: 0px;
	padding-left: 5px;
	font-size: 1.7em;
	font-weight: lighter;
	margin-bottom: 10px;
	width: 100%;
	min-width: 751px;
}
#order div {
	margin: 5px;
}
#order .retrieve input.textfield {
	width: 150px;
	margin-right: 60px;
}
#order fieldset {
	margin-top: 20px;
	border: 1px solid #dadada;
	width: 720px;
}
#order table.details {
	width: 350px;
	float: left;
}
#order table.items {
	width: 350px;
	float: right;
}
#order table.details td.label {
	width: 125px;
	text-align: right;
	padding-right: 10px;
}
#order img {
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	padding: 5px;
}


/* === END =================================
   ORDER PAGE
   ========================================= */
   
/* =========================================
   ALBUM PAGE
   ==== BEGIN ============================== */
   

#albumpage {
	border: 1px solid #BBBBBB;
	float: left;
}
#albumpage h3 {
	display: none;
}
#albumpage h5 {
	background-color: #DADADA;
	height: 35px;
	margin: 0px;
	font-size: 1.7em;
	padding-left: 5px;
	font-weight: lighter;
	width: 100%;
	min-width: 751px;
}
#albumpage #button-purchase-the-album {
	width: 150px;
	margin-left: 10px;
}
#albumpage h6 {
	margin: 0px;
	margin-left: 10px;
	margin-top: 18px;
	margin-bottom: 10px;
	color: #AAAAAA;
}
#albumpage h6 .price {
	padding-right: 20px;
	font-size: 1.8em;
}
#albumpage h6 .releasedate {
	font-size: 1.6em;
	font-weight: lighter;
}
#albumpage p {
	padding-left: 10px;
	float: left;
	width: 250px;
}
#albumpage a.song {
	color: #2D461D;
	font-style: italic;
}
#albumpage a:visited {
	color: #69AE3D;
}
#albumpage table {
	float: right;
	border-collapse: collapse;
	width: 450px;
}
#albumpage .track-number {
	width: 15px;
	text-align: right;
}
#albumpage tr.odd {
	background-color: #EAEAEA;
}
#albumpage td.song-title {
	width: 210px;
	padding-left: 5px;
}
#albumpage td.link-play-song,td.link-play-song-odd,td.link-read-lyrics,td.link-read-lyrics-odd {
	border-right: dashed 1px #bbbbbb;
	padding-left: 12px;
}
#albumpage td.link-buy-song,td.link-buy-song-odd {
	padding-left: 12px;
}

#albumpage .audiohelp {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px;
	background-color: #FFFFFF;
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	background-image: url(images/downloadflash.png);
	background-repeat: no-repeat;
	background-position: 530px 10px;
	display: none;
}
#albumpage .audiohelp a {
	height: 100%;
	padding-right: 215px;
	line-height: 59px;
	color: #2D461D;
}
#albumpage .coverart {
	width: 400px;
	display: inline;
	position: absolute;
}
#albumpage .insideart {
	position: absolute;
	left: 400px;
}
#albumpage .insideart span {
	width: 300px;
	position: absolute;
	overflow: hidden;
}
#albumpage .insideart a {
	display: table-cell;
	text-indent: -900px;
	overflow: hidden;
	height: 75px;
	white-space: nowrap;
	width: 300px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/link-download-art.png);
}
#albumpage .artwork img {
	width: 375px;
	height: 375px;
	border: 1px solid #BBBBBB;
	padding: 3px;
	background-color: #FFFFFF;
}

/* === END =================================
   ALBUM PAGE
   ========================================= */

/* =========================================
   MUSIC PAGE
   ==== BEGIN ============================== */
   
#musicpage {
	border: 1px solid #BBBBBB;
	float: left;
}
#musicpage h3 {
	background-color: #DADADA;
	height: 35px;
	margin: 0px;
	padding-left: 5px;
	font-size: 1.7em;
	font-weight: lighter;
	margin-bottom: 10px;
	width: 100%;
	min-width: 751px;
}

#musicpage .musicalbum {
	width: 370px;
	float: left;
	min-height: 550px;
	height: 550px;
	border-bottom: 1px dashed #BBBBBB;
	margin-bottom: 10px;
}
#musicpage img {
	width: 100px;
	height: 100px;
	border: 1px solid #BBBBBB;
	padding: 3px;
	background-color: #FFFFFF;
	margin-left: 8px;
}
#musicpage h5 {
	text-decoration: none;
	font-size: 1.4em;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
	margin-left: 8px;
	margin-top: 5px;
}
#musicpage h5 a {
	color: #2D461D;
}
#musicpage h6 {
	margin: 0px;
	margin-left: 8px;
	color: #AAAAAA;
	font-size: 0.9em;
	font-weight: lighter;
	margin-bottom: 10px;
}
#musicpage #button-purchase-the-album {
	width: 150px;
	margin-left: 10px;
}
#musicpage .price {
	padding-right: 10px;
}
#musicpage a:visited {
	color: #69AE3D;
}
#musicpage a.song {
	color: #2D461D;
	font-style: italic;
}
#musicpage table {
	border-collapse: collapse;
	margin-left: 5px;
}
#musicpage .track-number {
	width: 15px;
	text-align: right;
}
#musicpage tr.odd {
	background-color: #EAEAEA;
}
#musicpage td.song-title {
	width: 220px;
	padding-left: 5px;
}
#musicpage td.link-play-song,td.link-play-song-odd,td.link-read-lyrics,td.link-read-lyrics-odd {
	border-right: dashed 1px #bbbbbb;
	padding-left: 12px;
}
#musicpage td.link-buy-song,td.link-buy-song-odd {
	padding-left: 12px;
}

/* === END =================================
   MUSIC PAGE
   ========================================= */

/* =========================================
   ARTWORK PAGE
   ==== BEGIN ============================== */
   
#artworkpage {
	border: 1px solid #BBBBBB;
	float: left;
}
#artworkpage h3 {
	background-color: #DADADA;
	height: 35px;
	margin: 0px;
	padding-left: 5px;
	font-size: 1.7em;
	font-weight: lighter;
	margin-bottom: 10px;
	width: 100%;
	min-width: 751px;
}
#artworkpage img {
	border: 1px solid #BBBBBB;
	padding: 3px;
	background-color: #FFFFFF;
	margin-left: 8px;
}
#artworkpage .art {
	width: 747px;
	text-align: center;
} 
#artworkpage .image {
	width: 100%;
	text-align: center;
} 
#artworkpage .details {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 10px;
	margin-left: 3px;
}
#artworkpage .details td {
	width: 50%;
	text-align: right;
	margin-right: 10px;
}
#artworkpage .details td {
	width: 50%;
	text-align: right;
	padding-right: 5px;
}
#artworkpage .details td.value {
	text-align: center;
}
#artworkpage .details td.title {
	text-align: center;
	font-size: 1.3em;
}
#artworkpage .details td a {
	color: #3B522C;
}
#artworkpage .paging {
	float: right;
	margin-top: -24px;
	margin-right: 5px;
	font-size: 0.7em;
}
#artworkpage .paging a {
	width: 10px;
	color: #3B522C;
}
#artworkpage .currentpage {
	background-color: #CCCCCC;
	width: 10px;
}
#artworkpage .currentpage {
	background-color: #CCCCCC;
	width: 10px;
}
#artworkpage .pagingbottom {
	float: right;
	margin-top: -24px;
	margin-right: 5px;
	font-size: 1.2em;
}
#artworkpage .pagingbottom a {
	width: 10px;
	color: #3B522C;
}


/* === END =================================
   ARTWORK PAGE
   ========================================= */

/* =========================================
   SEARCH RESULTS
   ==== BEGIN ============================== */

#searchresults  {
	width: 100%;
	background-color: #FFFFFF;
	float: left;
}
#searchresults .keywords {
	background-color: #F2F2F1;
}
#searchresults .keywordsHide {
	display:none;
}
#searchresults .content {
	width: 100%;
	background-color: #F2F2F1;
}
#searchresults .body img {
	border: 1px solid #BBBBBB;
	padding: 3px;
	background-color: #FFFFFF;
	margin-left: 80px;
}
#searchresults h1 {
	background-color: #DADADA;
	height: 35px;
	margin: 0px;
	font-size: 1.7em;
	padding-left: 5px;
	font-weight: lighter;
	width: 100%;
	min-width: 751px;
}
#searchresults h1.searching {
	background-image: url(images/searching.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-left: 27px;
	min-width: 729px;
}
#searchkeywords.keywords {
	margin-bottom: 5px;
	border: 1px solid #BBBBBB;
}
#searchcontent.content {
	border: 1px solid #BBBBBB;
}
#searchresults h1 span {
 color: #E2711B;
}
#searchresults h2 {
	margin: 0px;
	margin-bottom: 10px;
}
#searchresults h2 a {
	color: #2D461D;
	font-size: 0.9em;
	font-weight: lighter;
}
#searchresults h2 a:visited {
	color: #69AE3D;
}
#searchresults ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-top: 10px;
}
#searchresults ul li {
	padding-left: 30px;
	margin-bottom: 15px;
	padding-right: 30px;
}
#searchresults ol {
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#searchresults ol li {
	margin: 0px;
	padding: 0px;
}
#searchresults ol li a {
	font-style: italic;
	color: #2D461D;
}
#searchresults ol li a:visited {
	color: #69AE3D;
}
#searchresults ul li.story {
	background-image: url(images/story_icon.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}
#searchresults ul li.song {
	background-image: url(images/song_icon.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}
#searchresults ul li.song h2 a {
	font-style: italic;
}
#searchresults ul li.song .body {
	font-style: italic;
}
#searchresults ul li.album {
	background-image: url(images/album_icon.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}
#searchresults ul li.album h2 a {
	font-style: italic;
}
#searchresults .link-buy-with-price {
	background-image: url(images/link-buy-with-price.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 31px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 3px;
	margin-left: 20px;
	color: #526645;
	font-size: 0.6em;
	width: 72px;
	height: 23px;
	text-decoration: none;
}
#searchresults span.keywords-on {
	display: block;
	border: 0px solid;
	margin-top: 10px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #BBBBBB;
	color: #BBBBBB;
	background-image: url(images/collapsebox_gray.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 15px;
	cursor: hand;
	cursor: pointer;
}
#searchresults span.keywords-off {
	display: block;
	border: 0px solid;
	margin-top: 10px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #BBBBBB;
	color: #BBBBBB;
	background-image: url(images/expandbox_gray.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 15px;
	cursor: hand;
	cursor: pointer;
}
#searchresults span.keywords-off a {
	display: none;
}
#searchresults span.keywords-on a:visited {
	color: #69AE3D;
}
#searchresults span.keywords-on a {
	color: #2D461D;
	padding-right: 3px;
}
#searchresults span.highlight {
	background-color: #FFFF66;
}
#searchresults p {
	padding: 0px;
	margin: 0px;
}

/* === END =================================
   SEARCH RESULTS
   ========================================= */


/* =========================================
   CART PAGE
   ==== BEGIN ============================== */
   
#checkout {
	border: 1px solid #BBBBBB;
	float: left;
	width: 100%;
	padding: 10px;
}
#process {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#checkout #shopping-cart a {
	color: #2D461D;
}
#checkout div.active {
	display: block;
}
#checkout div.inactive {
	display: none;
}
#checkout h3 {
	font-size: 1.7em;
	font-weight: lighter;
	margin-top: 10px;
	margin-bottom: 10px;
}
#checkout h4 {
	display: none;
}
#checkout #shopping-cart .remove {
	width: 20%;
}
#checkout #shopping-cart .image {
	width: 10%;
}
#checkout #confirm-shopping-cart .image 
{
	width: 10%;
}
#checkout #shopping-cart .quantity {
	width: 10%;
}
#checkout #shopping-cart .item {
	width: 30%;
}
#checkout #shopping-cart .code {
	width: 10%;
}
#checkout #shopping-cart .price {
	width: 10%;
}
#checkout #shopping-cart .total {
	width: 10%;
}
#checkout #shopping-cart img {
	width: 40px;
	height: 40px;
	border: 1px solid #BBBBBB;
	padding: 3px;
	background-color: #FFFFFF;
}
#checkout .remove-link {
	color: #eb9000;
}
#checkout #shopping-cart input {
	width: 40px;
}
#checkout #shopping-cart {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 100%;
	margin-bottom: 30px;
}
#checkout .odd {
	background-color: #EAEAEA;
}
#checkout .subtotal-label {
	text-align: right;
}
#checkout paging {
	width: 100%;
}
#checkout span.next, .paging input {
	float: right;
}
#checkout span.previous {
	float: left;
}

#checkout #ship-info thead {
	display: none;
}
#checkout #ship-info input {
	width: 200px;
}
#checkout .paging {
	margin-top: 30px;
}
#checkout p.hide {
	display: none;
}
#checkout #ship-methods {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 100%;
	margin-bottom: 30px;
}
#checkout #ship-methods .select {
	width: 7%;
}
#checkout #ship-methods .company {
	width: 13%;
}
#checkout #ship-methods .method {
	width: 60%;
}
#checkout #ship-methods .arrival {
	width: 25%;
}
#checkout #ship-methods .price {
	width: 15%;
}
#checkout #bill-info input {
	width: 200px;
}
#checkout .confirm-ship-to {
	width: 350px;
	float: left;
	position: relative;
}
#checkout .confirm-ship-to-hidden {
	display: none;
}
#checkout .confirm-bill-to {
	float: right;
	width: 350px;
	position: relative;
}
#checkout .confirm-shopping-cart {
	clear: both;
}
#checkout .container {
	width: 100%;
	position: relative;
}
#checkout .footer-row td, #checkout .footer-row span {
	font-weight: bold;
}
#checkout #process .active {
	color: #eb8f00;
	font-weight: bold;
}
#checkout #process .complete {
	color: #a5b69a;
}
#checkout #process .incomplete {
	color: #2d461d;
}

#checkout #process .hide 
{
	display: none;
}

#checkout #process-1.active {
	background-image: url(images/step-1.png);
}
#checkout #process-2.active {
	background-image: url(images/step-2.png);
}
#checkout #process-3.active {
	background-image: url(images/step-3.png);
}
#checkout #process-4.active {
	background-image: url(images/step-4.png);
}
#checkout #process-5.active {
	background-image: url(images/step-5.png);
}
#checkout #process-6.active {
	background-image: url(images/step-6.png);
}
#checkout #process-1.complete {
	background-image: url(images/step-1-complete.png);
}
#checkout #process-2.complete {
	background-image: url(images/step-2-complete.png);
}
#checkout #process-3.complete {
	background-image: url(images/step-3-complete.png);
}
#checkout #process-4.complete {
	background-image: url(images/step-4-complete.png);
}
#checkout #process-5.complete {
	background-image: url(images/step-5-complete.png);
}
#checkout #process-6.complete {
	background-image: url(images/step-6-complete.png);
}
#checkout #process-1.incomplete {
	background-image: url(images/step-1-incomplete.png);
}
#checkout #process-2.incomplete {
	background-image: url(images/step-2-incomplete.png);
}
#checkout #process-3.incomplete {
	background-image: url(images/step-3-incomplete.png);
}
#checkout #process-4.incomplete {
	background-image: url(images/step-4-incomplete.png);
}
#checkout #process-5.incomplete {
	background-image: url(images/step-5-incomplete.png);
}
#checkout #process-6.incomplete {
	background-image: url(images/step-6-incomplete.png);
}
#checkout #process li {
	width: 50px;
	display: block;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	padding-left: 30px;
	margin-right: 40px;
	vertical-align: middle;
	height: 50px;
}
#checkout form {
	clear: both;
}


/* === END =================================
   CART PAGE
   ========================================= */

/* =========================================
   LYRICS PAGE
   ==== BEGIN ============================== */

#lyrics {
	background-color: #F2F2F1;
	padding: 10px;
	width: 361px;
	min-width: 361px;
}
#lyrics h1 {
	font-size: 1.4em;
}

/* === END =================================
   LYRICS PAGE
   ========================================= */
   
/* =========================================
   PURCHASE WINDOW
   ==== BEGIN ============================== */
   
.purchasewindow {
	text-align: left;
	margin: 10px;
	width: 300px;
}
.purchasewindow p {
	width: 300px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}
.purchasewindow td {
	height: 45px;	
}
.purchasewindow h1 {
	margin: 0px;
	padding: 0px;
}