﻿* {
	margin: 0; paddimg: 0; }

body {
	background: #fff url(main_BG.gif) repeat-x; }

body, table, input {
	font-family: 'trebuchet MS',verdana,helvetica,sans-serif; font-size: 13px; color: #333; }
	
a {
	text-decoration: none; color: #333; }
	
a:hover {
	color: #c33; }

h1 { font-size: 30px; }
h1.musical { margin: 32px 0 3px 0; color: #c33; }
h2 { font-size: 30px; }
h2.grey { color: #666; font-size: 14px; background: url(h2_bg_grey.gif) repeat-x #f5f4f4; padding: 7px 0 7px 34px; border: 1px solid #bbb; text-transform: uppercase;}
h2.red { color: #666; font-size: 14px; background: url(h2_bg_red.gif) repeat-x #f5f4f4; padding: 7px 0 7px 34px; border: 1px solid #bbb; text-transform: uppercase;}
h2.edge { margin-right: 20px }
h3 { font-size: 18px; }
h3.musical { font-size: 15px; font-weight: normal; color: #999;}
h4 { font-size: 14px; }
h1, h2, h3, h4, dl, ol, ul, blockquote {
	margin-bottom: 26px; }

.distancetop {
	margin-top: 32px; }

.clr {
	clear: both; }
	
img {
	border: 0 none; }
	
p {
	margin-top: 26px; }
	
/* dd */

dl {
	}
dd {
	float: left; }


/* Custom */

#noscr {
	margin: 2px; background-color: salmon; padding: 26px; color: #fff; font-weight: bold; text-align: center; }


#wrapper { }

#head {
	height: 243px; background: transparent url(head.jpg) no-repeat; }
	
	#head h1 {
		position: absolute; top: 12px; left: 46px; font-weight: normal; font-size: 30px; color: #c33; }
		
	#head h1 a, #head h1 a:hover, #head h1 a:visited {
		color: #c33; }
	
#mainnav {
	position: absolute; top: 44px; right: 22px; list-style: none; margin-left: 186px; }
	
	#mainnav li {
		float: right; margin-left: 21px; font-size: 14px; }
		
	#mainnav a {
		color: #666; }
		
	#mainnav a:hover, #mainnav .active {
		color: #c33; }
		
	#mainnav img {
		vertical-align: middle; }
		
#payments {
	position: absolute; top: 8px; right: 22px; }
	
#searchbox { }

	#searchbox_frm {
		display: inline; }
		
	#searchbox_txt {
		position: absolute; top: 162px; right: 62px; width: 300px; border: 1px solid #ccc; padding: 3px; }
		
	#searchbox_sbm {
		position: absolute; top: 162px; right: 22px; }
		
#holidaybox {
	position: absolute; top: 100px; right: 22px; color: #fff; font-size: 15px; font-weight: bold;
	}
	
#adbanner {
	}
	
	
/* MAIN */

#main {
	margin: 32px 2px 16px 270px; }
	
.pages {
	margin-top: -52px; margin-right: 26px; text-align: right; }
	
	.pages a {
		margin: 0 2px; padding: 4px; color: #666;}
	
	.pages a.active {
		color: #fff; background-color: #c33; }
		
	.pages a:hover {
		color: #333; background-color: #ddd; }
		
.mLinks {
	margin: 16px 0 0 0px; overflow: hidden;
	}
	
	.mLinks ul {
		margin: 0; padding: 0;
		list-style: none;
		}
	.mLinks ul li {
		float: left; margin-right: 32px;
		}
	.mLinks a {
		color: #999; font-size: 15px;
		}
	.mLinks a:hover {
		color: #333;
		}
		
/* PRODUCTLISTS */

ul.prodlist {
	margin: 32px 0; padding: 0; list-style: none; }
	
ul.prodlist li {
	float: left; width: 190px; padding-right: 6px; height: 320px; overflow: hidden; }
	
ul.prodlist li div {
	overflow: hidden; }
	
	div.prPic {
		width: 137px; height: 133px; text-align: center; background-repeat: no-repeat; }
		
	div.Nrm {
		background-image: url(prBox.gif); }
		
	div.Pre {
		background-image: url(prBox_pre.gif); }
		
	div.Clips {
		background-image: url(prBox_clips.gif); }
		
	div.PreClips {
		background-image: url(prBox_pre_clips.gif); }
		
	div.prPic img {
		padding-top: 11px; height: 109px; }
		
	div.prPic a:hover img {
		padding-top: 9px; height: 113px; }
		
	div.prBew {
		height: 14px; }
	
	div.prTitle {
		height: 56px; padding-right: 9px;}
		
	div.prTitle h3 a {
		text-decoration: underline; color: #333; font-size: 13px; font-weight: normal; }
		
	div.prTitle a:hover {
		color: lightblue; }
		
	div.prPrice {
		margin: 5px 0 13px 0; color: #649e23; font-weight: bold; }
		
	div.prPrice strike {
		padding-left: 10px; color: #414243; font-size: 10px; }


/* SIDEBAR l */

#sidebarL {
	position: absolute; top: 263px; left: 12px;	width: 222px; }

#sidebarL h2 {
	margin: 0; }

#sidebarL ul {
	margin: 0 0 12px 0; padding: 0; list-style: none; }
	
#sidebarL li {
	margin: 0 0 16px 0; padding: 0; }
	
	ul#showindex, ul#specials, ul#series {
		border-bottom: 1px solid #c1c1c0; border-left: 1px solid #c1c1c0; border-right: 1px solid #c1c1c0;
		list-style: none; margin: 0; padding: 14px 11px; background: url(sidebar_bg.gif) bottom left; }
		
		
	ul#menu li {
		margin: 0; padding: 0; width: 223px;
		text-align: right;}
		
	ul#menu li.last {
		}
		
	ul#menu li a {
		display: block; width: 163px; height: 22px; padding: 5px 60px 5px 0; background: url(menu_spr.gif) top left;
		color: #eee; font-size: 16px; font-weight: bold; }
		
	ul#menu li a:hover {
		color: #fff; background-position: 0 -32px; }
		
	ul#menu li a.active {
		color: #fff; background-position: 0 -64px;}
		
	
		
	ul#menu ul {
		margin: 0; padding: 8px 0; list-style: none; background: url(sidebar_bg.gif) bottom left;
		border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
		
	ul#menu ul li {
		width: auto;
		margin: 0; padding: 2px 34px 2px 2px; border: 0 none; }
		
	ul#menu ul li a {
		width: auto; height: auto;
		background: none; margin: 0; padding: 0; color: #333; font-size: 13px; font-weight: normal; }
		
	ul#menu ul li a:hover {
		color: #000; text-decoration: underline; }

		
	table#showindex-az {
		position: absolute; top: 212px; left: 0; padding: 0 22px 0 14px; border: 0 none; width: 100%; }
		 
	table#showindex-az td {
		height: 29px; text-align: center; }
		
	table#showindex-az a {
		display: block; color: #eee; padding: 2px 5px; font-size: 14px; font-weight: bold; }
	
	table#showindex-az a:hover {
		color: #fff; border: 1px solid #c60; background-color: #c33; background-image: url(menu_spr.gif); background-position: -64px -32px; }
		
	ul#showindex-tl {
		margin: 4px 0 0 4px; padding: 0;}
		
	ul#showindex-tl li {
		margin: 2px 0; padding: 0; }
		
	ul#showindex-tl a {
		background: url(menu_arr.gif) no-repeat center left; padding-left: 15px; color: #666; font-weight: bold; }
	
	ul#showindex-tl a:hover {
		color: #c33; }

		
	ul#specials {
		}
	
	ul#specials li {
		margin: 0 0 9px 0; padding: 0 0 7px 0; border-bottom: 1px dotted #bbbcc0; }
		
	ul#specials li.last {
		margin-top: 16px; border: 0 none; }
		
	ul#specials li div {
		margin: 1px 0 0 66px; padding: 0; }
		
	ul#specials a img {
		width: 59px; float: left; margin: 0; vertical-align: top; }
		
	ul#specials strong {
		margin-top: 4px; color: #c33; }

		
	ul#series {
	}
	
	ul#series li {
		margin: 0; padding: 0; }
	
	ul#series li a {
		background: url(menu_arr.gif) no-repeat center left; padding-left: 15px; color: #39c; font-size: 12px; }
		
	ul#series li a:hover {
		color: #001; }
		
	ul#series li small {
		margin-left: 8px; font-weight: bold; font-size: 9px; color: #999; }
		
		
/* FOOTER */

#footer {
	clear: both; text-align: center; padding: 32px; background: #ccc url(footer_BG.gif) repeat-x; border-top: 1px solid #999; }
					
		
					
	.tix {
		margin-bottom: 26px; }
	.tix h3 {
		font-size: 13px; font-weight: normal; margin-bottom: 4px; }
	.tixHr {
		margin-bottom: 26px; }
					
					
/* DETAILS */

#contentTable {
	width: 100%; border: 0 none; padding-right: 22px; }

#contentBox {
	vertical-align: top; padding-right: 36px; }

#rightBox {
	width: 234px; vertical-align: top; }
	
#rightBox h2 {
	margin: 0; }
	
#rightBox ul.box {
	border-bottom: 1px solid #e8e6e8; border-left: 1px solid #e8e6e8; border-right: 1px solid #e8e6e8;
	margin: 0 0 26px 0; padding: 14px 11px; background: url(sidebar_bg.gif) bottom left; text-align: center;
	list-style: none; }
	
#rightBox ul.box div {
	background-color: #eaebec; }

#rightBox ul.box a img {
	width: 60px; vertical-align: top; border: 4px solid #e1e2e3;}
	
#rightBox ul.box a:hover img {
	border-color: #a1a2a3; }
	
#prTLeft {
	float: left; width: 170px; }

#prTRight {
	margin-left: 176px; min-height: 140px; }
	
	#prPrice {
		text-align: center; }
	
	#prPrice b {
		color: #649e23; font-size: 20px; }
		
	#prPrice img {
		margin: 6px 0; }
	
	#prPrice strike {
		font-weight: bold; }
		
	#prPrice strong {
		color: #649e23; font-size: 20px; }
		
	#prPrice .small {
		font-size: 11px; }
		
	#prPrice .small a:hover {
		text-decoration: underline;	}

#prTClear {
	clear: both; }
					
					#prAddInfo {
					}
					#prSongs {
					}
					#prSongs p {
						margin-top: 12px;
					}
					#prSongs ul {
						padding-left: 40px; margin-bottom: 6px;
					}
					#prSongs ol {
						padding-left: 40px; margin-bottom: 6px;
					}

				#prSoundclips {
					padding-top: 40px;
				}
				#prSoundclips table {
					border-collapse: collapse; border: 0 none;
				}
				#prSoundclips td {
					width: 22px; height: 22px;
					border: 1px solid #eee;
					background-color: #ccc;
					text-align: center; vertical-align: middle;
				}
				#prSoundclips a {
					color: #666;
					font-weight: bold;
					display: block;
				}
				#prSoundclips a:hover {
					color: #eee;
					background-color: #f93;
				}
				#prSoundclips a:focus, #prSoundclips a:active {
					color: orangered;
				}

					#prAddBox {
					}
					#prDVD {
					}
					#prDescription {
						max-width: 600px; text-align: justify; }
					
					#prDescription blockquote {
						padding: 12px; padding-left: 24px;
					}
					#prDescription p {
						margin-top: 16px;
					}

#prSeries {
	padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #666; border-bottom: 1px solid #666;
	}
#prSeries table {
	margin-top: 12px; border: 0 none; width: 100%;
	}
#prSeries td {
	width: 20%; text-align: center;
	}
#prSeries td img {
	border: 0 none; width: 40px;
	}
	

					
#boxRev {
	margin-top: 42px; border: 1px solid silver; background-color: lavender; padding: 26px;
	}
#boxRev table {
	border: 0 none;
	}
#boxRev table td {
	padding: 4px 32px 4px 0; 
	}
					#prReviews {
						margin-top: 26px;
						padding-top: 26px;
					}
					#prReviews p {
						margin-top: 12px;
					}
					#prReviews blockquote {
						padding: 12px; padding-left: 24px;
					}
					#prAddInfo, #prSongs, #prAuthors, #prKuenstler, #prSongs, #prSoundclips, #prAddBox, #prDVD, #prDescription, #prSeries {
						margin-top: 16px; margin-bottom: 16px;
					}