body{
margin:0 10px;
padding:0 0 0 4px;
font-family:arial,helvetica,sans-serif;
background-color:#bebffa;
color:#000;
 background-image:url('images/bodyback.jpg');
 background-repeat:repeat-x;
min-width:810px;
max-width:1266px;
}

p{
padding:0;
margin-top:0;
margin-bottom:.7em;
font-family:arial,helvetica,sans-serif;
font-size:110%;
line-height:130%;
background-color:transparent;
color:#000;
}

h1{
font-size:250%;
margin:0;
padding:0;
font-family:arial,helvetica,sans-serif;
color:#fff31f;
padding-right:350px;
}
#headerzone h2{
font-size:180%;
margin:0;
padding:0;
font-family:arial,helvetica,sans-serif;
padding-right:10px 350px 0 0;
clear:left;
color:#fd3;}
h3{
font-size:100%;
margin:0;
padding:0;
font-family:arial,helvetica,sans-serif;

}
h4{
font-size:100%;
margin:0;
padding:0 0 .2em 0;
font-family:arial,helvetica,sans-serif;
color:#006;
}
img{
border-color: #bebffa;
margin-top:1px;
}
img.shadow{	-webkit-box-shadow: 4px 4px 8px #557;-moz-box-shadow: 4px 4px 8px #557;}
img.float{
float:right
}
.fl-left{float:left;}
.fl-right{float:right;}
.cl-both{ clear:both;}
.cl-right{ clear:right;}
.cl-left{ clear:left;}
.cl-none{ clear:none;}
/*  main page layout divs */

#headerzone{
width:100%;
height:150px;
}
#headerzone h1{line-height:57px;}
#headerzone object{float:right;}
#content {
float:left;
width:74%;
margin:0;
padding:0;
height:300px;
background-color:transparent;
}
#sidebar {
width:25%;
float:right;
margin:0;
padding:0;
background-color:transparent;
color:#fff;
font-family:arial,helvetica,sans-serif;
font-size:90%;
}
/* sorting out the header */
.shop1{color:#ff6;}
.shop2{color:#ff9;}
a{
text-decoration: none;
color:#336;
}/*  main page layout divs */
a:hover{ text-decoration:underline;}
#headerzone ul{
float:left;
padding:0;
margin:0;
height:28px;
}
#headerzone ul li{
display:block;
float:left;
padding-right:1em;
}
#headerzone ul a, #headerzone ul a:visited {
font-size:18px;
line-height:20px;
font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;;
text-decoration:none;
color:#fff;
height:20px;
font-weight:bold;
}
#headerzone ul a.selected, #headerzone ul a:visited.selected{
color:#fff;
}
#headerzone ul a:hover{
text-decoration:none;
color:#c00;
}

/* the sidebar */
#sidebar h2, #sidebar h2 a {
font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
margin:10px 0 0 0;
 border-top:1px solid #36c;
 border-bottom:1px solid #368;
padding:1px 5px;
color:#fff;
background-color:#3e61ac;
font-size:105%;
}
#sidebar h2 a{
display:block;
text-decoration:none;
padding:0;
}
#sidebar h2 a:hover{
text-decoration:none;
color:#fff;
background:#4f608d;
}
#sidebar h3{
font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
clear:both;
margin:6px 0 3px 0 ;
padding:2px;
border-top:1px solid #ddf;
color:#004;
background:#77f url('images/h3_drop.png') repeat-x bottom;
}
#sidebar .quote{
margin:0;
padding:0 0 0 5px;
color:#fff;
background-color:#77d;
font-weight:bold;
border: solid 1px #349;
} 
#sidebar ul{
margin:0;
padding:0;
color:#fff;
background:#6c90d5;
}
#sidebar li{
margin:0;
padding:0;
display:block;
}
#sidebar ul a{
color:#fff;
background:transparent;
display: block;
}
#sidebar ul li{
color:#fff;
border-top:1px solid #6c90f2;
border-bottom:1px solid #6c90b5;
}
#sidebar ul li a{
padding-left:1em;
color:#fff;
background:transparent;
}
#sidebar ul ul{
padding:0;
margin:0;
background:#7ca0e5;
color:#fff;
}
#sidebar ul ul li {
display:block;
border:0;
margin:0;
padding:0 0 0 1em;
color:#fff;
background:transparent;
border-top:1px solid #7ca0f5;
}
* html #sidebar ul ul li {height:16px;}/* ie6 hack !!*/

#sidebar ul ul ul{
padding:0;
margin:0;
background:#8cb0f5;
color:#fff;
}
#sidebar ul li ul li, #sidebar ul li ul li ul li{
 display:block;

 }
#sidebar ul ul ul li {
list-style-type:none;
display:block;
border:0;
padding:0 0 0 1.5em;
color:#fff;
background:transparent;
border-top:1px solid #8cb0fd;
}

#sidebar ul a:hover{
text-decoration:none;
color:#005;
background-color:#bebffa;
}
#sidebar #current{
border-left:0.5em solid #fff31f;
padding-left:0.5em;
color:#fff31f;
}
#sidebar ul ul #current{
margin-left:-1em;
padding-left:1.5em;
}
#sidebar ul ul ul #current{
margin-left:-1.5em;
padding-left:2em;
}
#sidebar address{
text-decoration: none;
font-style:normal;
color:#006;
padding:0;
margin:0;
padding-left:10px;
padding-bottom:.5em;
}
#sidebar .quote b{
font-weight:normal;
}

#sidebar .feature{
	background-color:#3e61ac;
	margin:10px 6px 10px 0;
	border:2px solid #4f608d;
	-webkit-box-shadow: 3px 3px 3px #336;
	-webkit-border-radius:7px;
	-moz-box-shadow: 3px 3px 3px #336;
	-moz-border-radius:7px;
	}
#sidebar .feature h4{
	background:#4f608d;
	color:#fff;
	padding:4px;
}
#sidebar .feature ol{
	margin:0;
	padding:0;
}
#sidebar .feature li{
	margin:0.3em 4px;
}
/* content layout without using a table */

.col1, .col2, .col1-lines, .col2-lines {
text-align:left;
width:49%;
color:#000;
margin-top:10px;
 background:url('images/h3_drop.png') repeat-x;
}
.h3drop{
background:url('images/h3_drop.png') repeat-x;
}
.col0, .col0-lines{
width:100%;
text-align:left;
color:#000;
margin-top: 10px;
clear:both;
}
.col1, .col1-lines {
clear:both;
float:left;
}
.col2, .col2-lines {
float:right;
}
.col1-lines, .col2-lines, .col0-lines {
border-top:0px solid #fc0;
}
.col{
width:47.5%;
margin-right:2%;
float:left;
}
.col3{
width:31%;}
.col p{
padding:5px 2px;
}
.bordertop {
border-top:1px solid #aaa;
padding-top:5px;
clear:both;
}
#content h2{
color:#fc0;
padding-bottom:30px;
}
#content h3,#content h3 a,#content h3 a:visited{
color:#004;
}
#content h3{
padding:2px;
margin-bottom:5px;
background-image:url('images/h3_drop.png');
 background-repeat:repeat-x;
 background-position:bottom;
}
#content h4{
color:#006;
}
#content ol.compound li h4{width:33%;float:left;}
#content ol.compound li p{ width:66%;	float:left;}
#content ol.compound li{clear:left; border-top: dotted 1px #006;}
#content ol.compound li:first-child{border-top:none;}
#content ol.compound{list-style-type: none;}
#content ol.compound h4{padding-right:0.5%;}

#content address{
text-decoration: none;
font-style:normal;
color:#006;
padding:0;
margin:0;
padding-left:10px;
padding-bottom:1em;
}
.padding{
padding:2%;
}
#content p.details{
font-size:70%;
}
/*---- List styles ----*/

ul, ol{
padding-top:0;
padding-bottom:0.4em;
margin:0em auto;
}
#CDs, #CDs>li{
	display:block;
}

p.list-title{
margin-bottom:0.1em;
}

dt{
font-size:110%;
margin:0;
padding:0;
color:#c03b25;
font-weight: bold;
}
dd{padding:0;
margin-top:0;
margin-bottom:.5em;
}
/*-------Table styles------*/
table{
font-family:arial,helvetica,sans-serif;
font-size:90%;
color:#77f;
}
table.price td{
padding:2px;
}
table.listing td{
padding: 2px 0.5em 2px 2px;
}
tr.header{
background-color:#eb0;
color:#749;
padding-bottom:12px;
font-weight:bold;
}
tr.row1{
background-color:#55b;
color:#ccf;
}
tr.row2{
background-color:#bbe;
color:#339;
}
tr.row3{
background-color:#99d;
color:#eef;
}
tr.row4{
background-color:#006;
color:#cce;
}
td a{
color:#fe0;
}
p.row1{
background-color:#933;
color:#fee;
padding:3px;
margin:0;
}
p.row2{
background-color:#ecc;
color:#911;
padding:3px;
margin:0;
}
.footnote{
font-size:70%;
}
/*-------list styles------*/
.tracklist{
list-style-position: inside;
padding-left:1.2em;
margin-left:0;
}
li{
margin-top:0;
margin-bottom:0;
padding-top:0.1em;
padding-bottom:0.1em;
}
.list1{
background-color:#339;
color:#ddf;
}
.list2{
background-color:#ddf;
color:#339;
}
ol#tracks li a, ol.tracks li a{
background-image:url('images/play_navy_tiny.png');
padding:3px 0 3px 22px;
line-height:21px;
background-repeat:no-repeat;}
ol#tracks li a.alternate{background-image:url('images/play_sky_tiny.png');}

/*---- general highlights ----*/
p.highlight{
background:#fa0;
color:#eef;
margin:2em;
padding:0.3em;
border: outset 6px #f80;
}
/*------------------------- forms -----------------------*/
 fieldset{
	background-color: #bbe;
	margin: 20px 5px;
	border: 1px solid #449;
	width:420px
}
label{
	display: inline-block;
	font-size: 80%;
  line-height: 1.8;
  vertical-align: top;
margin:0 1em;
width:130px;
}
input.onerow{
	width:250px;;
}
input.button{
margin:0 1em;
}

