html{
height:100%;
}

body
{
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
height:100%;
background:#442800 url("images/background.jpg");
background-repeat:repeat-x;
text-align:center;
font-family:verdana;
}




p.text
{
position:relative;
width:600px;
font-family:verdana; font-size:13px; color:black; text-align:left; padding:100px; padding-top:0px; padding-bottom:20px;
line-height:35px;}

p.text2
{
position:relative;
width:600px;
font-family:verdana; font-size:13px; color:black; text-align:left; padding:100px; padding-top:0px; padding-bottom:20px;
line-height:20px;}

div#homead
{}

img#imagead
{

}

div#wrap{
width:872px;
height:100%;
background-color:transparent;
margin-top:0px;
margin-left:auto;
margin-right:auto;
}

div#container
{
position:relative;
margin:0;
width:872px;
height:700px;
margin-top:0px;
margin-left:0px;
background-image:url("images/site.png");
background-repeat:no-repeat;
background-attachment:none;
text-align:left;
opacity:1;
}

div#link
{
position:absolute;
left:10px; top:10px;
width:160px;
height:auto;
text-align:left;
background-color:#D7DEF8;
border:0px solid #E67004;
border-top:0px solid #E67004;
 }

div#level0
{
position:relative;
width:800px;
left:0;
top:0px;
margin:0px;
margin-left:49px;
margin-top:60px;
padding:0px;
background-color:transparent;
 }
 
 div#video
 {
 width:320px;
 position:absolute;
 left:245px;
 padding-top:5px;
 z-index:100;
 }

div#level1
{
width:620px;
height:inherit;
margin-top:0px;
margin-left:180px;
background-color:#F4FFCC;

}

div#level2
{
height:inherit;
}

div#level3
{
height:inherit;
margin-top:0px;
margin-right:180px;
background-color:#AD99FF;
}



span#trail
{width:250px;
position:absolute;
top:5px;
left:5px;
padding:20px;
font-size:80%; font-weight: bold; color:#440000; text-align:left;
line-height:20px;
background-color:#ffffff;
border:3px solid #EE8E00;
}

span#trail1
{width:100%;
height:100%;
position:absolute;
left:0px;
padding:0px;
font-size:90%; font-weight: bold; color:#440000; text-align:left;
line-height:12px;
background-color:#000;
border:0px solid #EE8E00;
opacity:0.8;
filter: alpha(opacity = 80);
}

span#trail1 ol li{color:black; position:relative;}
span#showdown ol li{color:white; position: relative;}


span#trail h3
{color:black}

span#showproduct
{
width:350px;
height:80%;
position:absolute;
left:125px;
top:20px;
padding:10px;
font-size:80%; font-weight: bold; color:#F4FFCC; text-align:left;
line-height:14px;
background-color:#000;
border-top:15px solid #8D8D8D;
opacity:1.0;
visibility:hidden;
z-index:105;
}

img#close
{
width:20px;
position:absolute;
top:10px;
right:10px;
opacity:1.0;
}

#top{
position:relative;
top:40px;
left:0;
width:800px;
height:175px;
margin-left:49px;
background-color:transparent;
}





div#topleft
{position:relative;
left:0;
margin-left:0;
width:800px;
height:inherit;
cursor:pointer;

}



div#Carousel
{
width:300px;
margin-left:10px;
margin-top:20px;
}

div#topright
{
position:relative;
width:450px;
height:inherit;
margin-left:350px;
background-color:transparent;
}

div#left
{position:absolute;
left:10px;
}

div#content
{
width:750px;
padding:10px;
}

a img{border:0}

div#left img, 
div#right img
{margin-bottom:45px;
display:block;
clear:left;
cursor:pointer;}

div#right
{position:absolute;
right:10px;}

.tracks
{position:relative;}

*html>body div#quotes{}


fieldset {
  background-color: transparent;
   border:solid 0px #440000; 
  border-top:solid 1px #440000; /* Opera doesn't get border:none or border:0 on fieldsets */
  width:700px;
  margin-left:50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
  }
  
div#form
{width:700px; position:relative;}
div#form_left
{width:350px; position:absolute; top:0px; left:0px;}
div#form_right
{margin-left:350px; margin-top:0px;}


  
legend {
width:150px;
height:20px;
color:#440000;
font-family: Verdana; 
font-size:13px;
padding-left:0.1em;
padding-bottom:0.3em;
background: transparent url("") no-repeat;
position:relative;
top: 0em;
font-color:#fff
text-transform:uppercase;
font-weight:bold;
letter-spacing:-1px;
white-space:pre; /* hack: make sure */
}

.br {display:none;}  
  
.textfield {
font:1em  Verdana, Arial, Helvetica, sans-serif ;
color:#000 ;
margin:0.1em 0.3em;
height:15px;
border:solid 1px #333;
padding: 0.1em 0.1em;
background: #fff url("") no-repeat fixed;
width:150px;
voice-family: "\"}\""; 
voice-family:inherit;
}

.textfield_quantity {
font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
color:#000 ;
margin:0.1em 0.3em;
height:15px;
border:solid 1px #333;
padding: 1px 1px;
background: #fff url("") no-repeat fixed;
width:50px;
voice-family: "\"}\""; 
voice-family:inherit;
} 

fieldset>input.textfield {
background:#fff url("") no-repeat;
}

fieldset>select.type {
background:#000000 url("") no-repeat;
color:white;
width: 150px;
margin:5px;
border:thin solid white; 
}

.textarea {
font:1em Verdana, Arial, Helvetica, sans-serif;
color:#000 ;
margin:0.1em 0.3em;
height:150px;
border:solid 1px #000;
padding: 2px 8px;
background: #EAFF99 url("") no-repeat fixed;
width:150px;
voice-family: "\"}\""; 
voice-family:inherit;
text-align:left;
overflow:auto;
overflow-x: hidden;
}

fieldset>textarea {
background: #fff url("") no-repeat;
overflow:auto;
overflow-x: hidden;
overflow-y: scroll;
}

.submit {
margin:2px 5px;
background: #000 url("") no-repeat;
border:solid 1px #fff;
width:120px;
padding:2px;
font: 9px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-weight: bold;
text-transform:uppercase;
 }
label {
margin: 0;
padding:0.1em;
margin-top:0.1em;
text-align:right;
width:75px;
float:left;
color:#000;
font-size:9px;
font-weight: bold;
text-transform:none;
  }
  

label2 {
font-size:12px;
margin: 0;
padding:0.2em;
margin-top:0.3em;
text-align:left;
width:100%;
text-transform:none;
line-height:20px;
  }

name1
{text-transform:none;}


/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div#controls { 
	position:relative;
	height:8px;
	margin:0px 0 0;
	padding:0px 0 0;
	background-color:red;
}

/* when play button toggles between play/pause class 
	we move it's background image */
div.controls div.play, div.controls div.pause { 
	position:relative;
	width: 18px;
	height:10px;
	text-indent:-999em;
	cursor:pointer;
	overflow:hidden;
	background:url("/images/timeout.jpg") center top no-repeat;
	margin-top: -10px;
}

div.controls div.pause { 
	background-position:center -10px;
}

/* the track or "scrubber"  */
div.controls div.track { 
	position:absolute;
	top:-6px;	
	height:18px;
	left:20px;
	background:url(/img/controls/track.gif) no-repeat;
	text-align:left;
	cursor:pointer;
	width:320px;	
}

/* the draggable playhead */
div.controls div.playhead { 
	position:absolute;	
	height:12px;
	background:url(/img/controls/playhead.png) no-repeat;
	cursor:pointer;
	top:0px; 
	width:12px;
}

/* buffer and controls are automatically resized, their initial width should be 0 */
div#controls div#progress, div#controls div#buffer {	
	background-color:#fff;
	height:6px;
	margin:3px 4px;
	width:0px;
	position:absolute;
	top:0;
	font-size:0px;	
	
	/* this is the way to fine tune buffer and progress max width */
	max-width:712px;
}

div.controls div.buffer {
	background-color:#999;
}

/* som proprietary styling for progress bar under mozilla */
div.controls div.progress {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-topleft:2px;	
}

  .product-image { border:0 1px #ccc; width:150px;}
  .product-title, .product-price, .product-shipping { font-weight:bold; }
  .data-cell { padding:0px 50px 0px 10px;border:solid 0px #fff;vertical-align:top}
  .align-cart { padding-left:480px }


div#menu
{
position:relative;
top:52px;
left:50px;
width:800px;
height:30px;
}

div.home a
{position:absolute; top:0px; left:5px; width:95px; height:30px;}

div.about a
{position:absolute; top:0px; left:105px; width:90px; height:30px;}

div.musicians a
{position:absolute; top:0px; left:200px; width:95px; height:30px;}

div.shop a
{position:absolute; top:0px; left:300px; width:115px; height:30px;}

div.booking a
{position:absolute; top:0px; left:419px; width:125px; height:30px;}

div.comingsoon a
{position:absolute; top:0px; left:549px; width:247px; height:30px;}

div#menu a:hover{opacity:.1; filter:alpha(opacity=40); background-color:white;}

.product-image { border:solid 1px #ccc; }
  .product-title, .product-price, .product-shipping {font-weight:bold; color:#600202}