@charset "utf-8";


* {
  font-size: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}

body {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 90%;
  min-width: 100px;
  background-color:#cccccc;
  background-image:url(../images/musicbg.gif);
  background-repeat:repeat-x;
  text-align:center; /* for IE */ 
  margin-left: auto ;
  margin-right: auto ;

}

a { 
  text-decoration: none;
color:#3399FF;
}

a:link, a:visited {
color:#3399FF;
}

p a:link, p a:visited {
color:#3399FF; 
}

a:hover, a:active {
color:#3399FF;
  text-decoration: underline;
}


h2, h3, h4, h5 {
font-size: 100%;

}

h1 { 
color: #FC4E03;
font-size:36px;
}

h2{ 
	font-size: 140%;
	color:#666;
}
h3 { 
	font-size: 110%;
	color:#333333;
	display:inline;
}

h4, h5 { 
	font-size: 90%;
	color:#666666;
	}

hr {

  width: 100%;
  height: 1px;
  color: #CCCCCC;		/* for ie */
  background-color: #CCCCCC;	/* for ff */
}

p {margin-bottom: 10px;}

td {vertical-align: top;}

.clear {
  clear: both;
}
.floatLeft {
float:left;
}

.floatRight {
float:right;
}

/* MAIN NAVIGATION */

#navcontainer ul
{
display: block;
list-style: none outside;
padding: 0;
margin: 0 0 0 10px;
}

#navcontainer li
{
padding: 0;
margin: 0 4px 0 0;
border-top: 1px solid #cecbc6;
border-right: 1px solid #cecbc6;
border-left: 1px solid #cecbc6;
background-color:  #FC4E03;
color: #ffffff;
font-weight: bold;
font-size:18px;
/* the next 4 lines are magic */
display: block;
float: left;

}

#navcontainer {padding-top: 10px;
float:right;

}
#navcontainer a:link,
#navcontainer a:visited
{
background-color:  #FC4E03;
color: #ffffff;
text-decoration: none;
padding-left: 1em;
padding-right: 1em;
}

#navcontainer a:hover
{
background-color: #FF0033;
color: #FFF;
}

#navcontainerclear { display: none; }

html>body #navcontainerclear
{
display: block;
clear: both;
}

#navcontainer li#active a
{
background-color: #fff;
color:  #FC4E03;
}
#navcontainer li#active.shop a
{
background-color: #3399FF;
color: #fff;
}


#navcontainer li.shop a
{
color:#D5EEFF;
}

/* END MAIN NAVIGATION */

/* MENU NAVIGATION - SHOP */

#MENUnavlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 170px;
float:left;
}

#MENUnavlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
font-weight:bold;
}

#MENUnavlist li a { text-decoration: none; 
font-weight:normal;}

#MENUnavlist li a:hover {  
color:#999999;}

/* END MENU NAVIGATION _ SHOP */





#container {

	width: 900px;
	margin-top:5px;
		margin-bottom:5px;
	  margin-left: auto ;
  margin-right: auto ;


}
#header {
text-align:left;
	background-image:url(images/header-bkgd.gif);
	border-bottom:#666 3px solid;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
padding:0;

}


#header h1 a{
color: #666;
text-decoration:none;
font-size:48px;
font-weight:normal;

}

#mainNav {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-weight:bold;
	padding: 5px 0px 0px 0px;
		background-color:#FFFFFF;
}

#content {
	text-align: left;
	border-top: 4px solid  #FC4E03;
	border-left: 1px solid  #FC4E03;
	border-right: 1px solid  #FC4E03;
	border-bottom: 1px solid  #FC4E03;
	padding: 5px;
	min-height:470px;
		background-color:#FFFFFF;
}

#products{
width: 680px;
padding-left:10px;
float:left;
}

.shopTable {
width:670px;
}

.shopTable tr{
background-color:#F5F5F5;
}

#footer {
margin-top:10px;
color:#fff;
}

#footer a {
font-size: 80%;
color:#fff;
}

#footer a.shopFooter {
background-color:#3399FF;
}

#footer a.shopFooter:hover {
background-color: #FF0033;
text-decoration:none;
}


.highlight {
border: 1px solid #CCCCCC;
background-color:#FFFFCC;
padding: 5px;
width:300px;


}

.smallText {font-size: 70%;}


.shop{
color:#3399FF;}

a.shopLink {
color:#3399FF;}

#footer a.shop, a.shop:active, a.shop:hover, a.shop:link {
	color: #3399FF;
}

#shopCD{
width:670px;
background-color:#F5F5F5;
}

.albumPlay{width:21px;}
.shopDivider td{background-color:#fff;
height:4px;}

.shopBkgd tr {background-color:#CCCCCC;}


.albumTitle {font-weight:bold;}
.albumPrice {font-weight:bold;
color:#006633;}

.shipping {font-weight:bold;
color:#FF3300;
float:right;}



#shopIndex {
border: 1px dotted #999;
background-color:#EEEEEE;
padding: 5px;
width:190px;
}

#indexHeadline {
	font-size: 16px;
	font-style: italic;
	margin-top:0;
	margin-bottom:25px;
	color:#666666;
}

#leftDiv {

	float: left;
	margin-left: 20px;
	margin-top:0;
width:600px;

}

#rightDiv {

	float: right;
	margin-right: 25px;
	margin-top:0;
width:230px;
}.shopBkgd2 {
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

.clearFloat{clear:both;}

.h1Grey{color:#CCCCCC; font-weight:normal;}