@charset "UTF-8";

/* default */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #ffffff url(../images/bg.jpg) top center repeat-y;
}

img {
	border: 0px;
}

/* default links */
a{
	text-decoration:none;
}

a:link {
	color:#000000;
}

a:visited {
	color:#000000;
}

a:active {
	color:#000000;
}

a:hover {
	color:#333333;
}

/* default positioning */
#mainOverlay {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
}

#mainDisplay{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	position: relative;
	text-align: left;
}

#mainContent{
	display: block;
	position: absolute;
}

/* default header */
#mainHeader{
	float: left;
	width: 980px;
	height: 125px;
	background: #b6cdfc url(../images/header/blueSwirl_BG.gif) no-repeat top right;
}

#mainHeader #logo{
	float: left;
	width: 410px;
	height: 100px;
}

#mainHeader #logo img{
	margin: 10px 0px 0px 20px;
}

#mainHeader #cart{
	float: left;
	width: 570px;
	height: 100px;
}

#mainHeader #rip{
	float: left;
	width: 980px;
	height: 25px;
	background: url(../images/header/blueRip_BG.gif) no-repeat top left;
}

#socialMedia {
	float:right;
	margin: 19px 19px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:right;
}

div.like {
	float: right;	
}

/* default navigation */
#mainNavigation{
	float: left;
	width: 980px;
	height: 32px;
	line-height: 32px;
	background: #000000;
}

#mainNavigation ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	list-style-type: none; 
	list-style-image: none;
	
	line-height: 32px;
}

#mainNavigation ul li {
	float: left;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 32px;
}

#mainNavigation ul li a {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#mainNavigation ul li a:visited {
	color:#FFFFFF;
}

#mainNavigation ul li a:link {
	color:#FFFFFF;
}

#mainNavigation ul li a:active {
	color:#333333;
}

#mainNavigation ul li a:hover {
	color:#333333;
}

#mainNavigation ul li a.sel {
	color:#333333;
}

/* default page */
#mainPage{
	float: left;
	width: 980px;
}

/* over page */
#overBg{
	display: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position:fixed;
	left: 0px;
	top: 0px;
	background-color:#000000;
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75;
	z-index: 2;
}

#overPage{
	display:none;
	position:absolute;
	top: 157px;
	left: 0px;
	float: left;
	width: 980px;
	z-index: 9998;
}

#overContent{
	z-index:9999;
}

/* map */
#goodcharamelMap{
	width: 940px;
	height: 450px;
}

/* default sub navigation */
.subNavigation{
	float: left;
	width: 980px;
}

.subNavigation ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	list-style-type: none; 
	list-style-image: none;
	
	line-height: 32px;
}

.subNavigation ul li {
	float: left;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 32px;
}

.subNavigation ul li a {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

.subNavigation ul li a:visited {
	color:#000000;
}

.subNavigation ul li a:link {
	color:#000000;
}

.subNavigation ul li a:active {
	color:#333333;
}

.subNavigation ul li a:hover {
	color:#333333;
}

.subNavigation ul li a.sel {
	color:#333333;
}

/* default content */
.content{
	float: left;
	margin: 20px 20px 20px 20px;
	width: 940px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	letter-spacing: 0.05em;
}

.content .spanSpacer{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 41px;
	height: 41px;
}

.content .spanClear{
	clear:both;
}

.content .spanHalf{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 122px;
	text-align: center;
}

.content .spanOne{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 286px;
}

.content .spanTwo{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 613px;
}

.content .spanThree{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 940px;
}

.content h1{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
}

.content h2{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 32px;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
}

.content p{
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 16px;
}

.releaseDate{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 20px;
	color: #333333;
}

.listing{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 20px;
}

.listing .songHeader{
	display: block;
	width: 613px;
	height: 20px;
	color: #333333;
}

.listing .tourHeader{
	display: block;
	width: 613px;
	height: 20px;
	color: #333333;
}

.listing .cartHeader{
	display: block;
	width: 940px;
	height: 20px;
	color: #333333;
}

.listing .cartItem{
	display: block;
	width: 940px;
	color: #000000;
}

.listing .cartData{
	display: block;
	width: 940px;
	height: 20px;
	color: #000000;
}

.listing .cartFooter{
	display: block;
	width: 940px;
	height: 20px;
	color: #000000;
}

.listing .clear{
	display: block;
	width: 940px;
	height: 10px;
	clear:both;
}

.spacer{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 840px;
	text-align:right;
}

.label{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	text-align:right;
}

.button{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100px;
}

.preview{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 16px;
	text-align:center;
	cursor: pointer;
}

.remove{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	text-align:center;
}

.image{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	text-align:center;
}

.track{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 40px;
	text-align:center;
}

.product{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 400px;
	text-align:left;
}

.name{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 381px;
	text-align:left;
}

.nameComp{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	text-align:left;
}

.artistComp{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 181px;
	height: 20px;
	text-align:left;
	overflow:hidden;
}

.time{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	text-align:center;
}

.type{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 120px;
	text-align:center;
}

.delivery{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 120px;
	text-align:center;
}

.quantity{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	text-align:center;
}

.price{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	text-align:center;
}

.cartHeader .price, .cartItem .price, .cartData .price{
	text-align:right;
}

.date{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 160px;
	text-align:left;
}

.artist{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 139px;
	text-align:left;
}

.venue{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 248px;
	text-align:left;
}

.venueSmall{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 109px;
	text-align:left;
}

.location{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 130px;
	text-align:left;
}

.buy{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 75px;
	text-align:center;
}

.buy em{
	color:#333333;
}

.buy img{
	margin-top: 2px;
}

.empty{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 940px;
	text-align:center;
}

.strike{
	text-decoration:line-through;
}

/* form */
form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 16px;
}

input{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 16px;
}

textarea{
	font-size: 11px;
	line-height: 16px;
	width: 463px;
	height: 230px;
}

.formInput{
	margin: 0px 0px 5px 0px;
	float: left;
	width: 613px;
	line-height: 24px;
}

.formLabel{
	float: left;
	width: 150px;
	text-align:right;
}

.formField{
	float: left;
	width: 463px;
}

.error{
	color:#FF0000;
	font-weight:bold;
}

.textInput{
	width: 230px;
}

.selectInput{
	width: 230px;
}

.textSmallInput{
	width: 110px;
}

.selectSmallInput{
	width: 110px;
}

/* purchase options */
.purchaseOptions{
	line-height: 20px;
}

.purchasePrice{
	float:left;
	width: 65px;
	text-align:center;
}

.buyAlbum{
	float:left;
	width: 110px;
	text-align:center;
}

.buyAlbum img{
	margin-top: 2px;
}

.buyCD{
	float:left;
	width: 110px;
	text-align:center;
}

.buyCD img{
	margin-top: 2px;
}

/* default footer */
#mainFooter{
	float: left;
	width: 980px;
	height: 32px;
	line-height: 32px;
	text-align:center;
	color: #FFFFFF;
}

/* default player */
#mainPlayer{
	float: left;
	width: 980px;
	height: 32px;
	line-height: 32px;
	text-align:center;
	color: #FFFFFF;
}

/* default credits */
#mainCredits{
	float: left;
	width: 980px;
	height: 32px;
	line-height: 32px;
	text-align:center;
	color: #333333;
}

#mainCredits a{
	color: #333333;
}

/* */
#mainPolicy{
	float: left;
	width: 980px;
	height: 32px;
	line-height: 32px;
	text-align:center;
	color: #333333;
}

#mainPolicy a{
	color: #333333;
}

/* splash */
.splashOverlay a {
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}

.splashOverlay {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 99999;
	text-align: center;
}

.splashBG {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color:#000000;
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75;
	cursor:pointer;
}

.splashDisplay{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	overflow: hidden;
	position: relative;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	filter: alpha(opacity=100);
	opacity: 1.00;
	-moz-opacity:1.00;
	text-align: left;
}

.splashContent{
	display: block;
	position: absolute;
}

.splashContent img{
	margin: 10px 10px 10px 10px;
}

.splashContent .close{
	line-height: 20px;
	text-align: center;
}

.splashClear{
	clear:both;
}

.clear{
	clear:both;	
}