/* ==========================
   =   GENERAL              =
   ==========================  */
   
body {
	font: 18px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

h1, h2 {
	color: #000;
	font-family: Arial, Geneva, sans-serif;
	margin: 0px;
}

p {
	margin: 0;
	padding: 0;
}

blockquote {
	font-style: italic;	
}

input {
	font-size: 18px;
}

audio {
	display: block; margin:0px;
	max-width:300px;
}

a img {border: none; }
/* ==========================
   =   TOP BAR STRUCTURE    =
   ==========================  */
   
#header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;	
	z-index:100;
	-moz-box-shadow: 10px 16px 25px -20px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 10px 16px 25px -20px rgba(0, 0, 0, 0.7);
	box-shadow: 10px 16px 25px -20px rgba(0, 0, 0, 0.7);
}

#header-container {
	height: 98px;
	width:100%;
    background-color:#799FCC; /*#6C8FBA; /*#8DB7E9 /* #3296B9; */
}

#header {
	width: 100%;
	height: 98px;
	margin: 0 auto;
	position: relative;
}

.header_logo{
  position:relative;
  left:40px;
  height:70px;
  top:14px;
  cursor:pointer;
 }
 
#cloud_header_shop{
	width:100%;
	margin:0 auto;
	position:fixed;
	display:block;
	left:0px;
	top:0px;
	z-index:101;
}
.header_button_shop{
  position:absolute;
  left:30px;
  z-index:102;
  font-weight:bold;
  font-size:23px;
  color:#000;
  top:49px;
  height:68px; /*=92-34 +20 - 10*/
  width:150px; /*=169-29 +20 - 10*/
  padding-top:44px;
  padding-left:39px;
  background-image:url(../images/site/merchandise_shadow.png);
  } 
  
 #navtext{
  position:fixed;
  display:block;
  right:68px;
  top:48px;
  color:#fff;
  line-height:18px;
  font:20px Arial, helvetica, sans-serif;
  font-weight:bold;
  text-align:right;
  text-transform:lowercase;
 }
 #navtext a{
  text-decoration:none;
  color:#ccc;
 }
 #navtext a:hover{
  color:#fff;
 }
#scroll_container{
	position:absolute;
	top:98px;
	bottom:0px;
	right:0px;
	left:0;
	overflow-x: hidden;
	overflow-y:scroll;
 }
 
#v-scroll-area{
	position:absolute;
	/* width:auto; */
	height:auto;
	left:0;
	right:0;
	background-image:url("../images/site/gradient.gif");
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%; 
	background-size: 100% 100%;
}
#items-area{
	min-height:750px;
}

#footer{
	position:relative;
	width:100%;
	height:145px;
	margin:0;
	padding:0;
}

.itembox{
	display:block;
	min-height:310px;
	background-color:#fff;
	border:1px solid #eee;
	border-radius: 0px; 
	margin-bottom:40px;
	margin-top:20px;
	margin-left:40px;
	margin-right:300px;
	padding:30px;
	-moz-box-shadow: 0 0 15px -2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 15px -2px rgba(0,0,0,0.3);
	box-shadow: 0 0 15px -2px rgba(0,0,0,0.3);
	overflow:auto;
	min-width:600px;
	border:1px solid #000;
}

.itembox h1{
/*	margin-top:-2px;*/
	font-weight:bold;
	font-size:37px;
}
.itembox h4{ /* for mp3 store, equiv to h1 */
/*	margin-top:-2px;*/
	margin:0;
	font-weight:bold;
	font-size:37px;
	line-height:35px;
	text-transform:lowercase;
}
.itembox h2{
	font-weight:bold;
	font-size:18px;
	color:#aaa;
}
.itembox h5{
	font-weight:bold;
	font-size:37px;
	margin:0;
	margin-top:-2px;
	margin-bottom:20px;
	color:#666;
	text-transform:lowercase;
	line-height:35px;
}
.itembox h5 a{
	color:#666;
}
.itembox h1 a:hover{
	color:#444;
}
.itembox h5 a:hover{
	color:#aaa;
}
.itembox p{
	margin-top:20px;
	text-align:justify;
}

.itembox img{
	position:relative;
	display:inline-block;
	float:right;
	width:300px;
	margin:0px;
	margin-left:25px;
	margin-top:6px;
	margin-bottom:10px;
	border:1px solid #000;
}

.itembox a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

.itembox a:hover{
	color:#666;
}

#cart-wrap{
	position:fixed;
	top:98px;
	bottom:0px;
}

#cart{
	display:block;
	position:relative;
	float:right;
	width:300px;
	margin-right:40px;
	margin-top:80px;
	/*height:92px;*/
	background-color:#eee;
	border:1px solid #eee;
	border-radius: 10px; 
	padding:10px;
	padding-top:25px;
	padding-right:10px;
	z-index:98;
	-moz-box-shadow: 0 0 15px -2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 15px -2px rgba(0,0,0,0.7);
	box-shadow: 0 0 15px -2px rgba(0,0,0,0.7);

}

#cart a{
	color:#666;
	text-decoration:none;
	font-weight:bold;
}

#cart a:hover {
	color:#fff;
}

#cart table tr td{ 
	font-size:15px;
}

#cart table input img{
	margin:4px;
}

#cart input{
	font-size:12px;
}

#cart .checkout_link{
	float:right;
	margin-top:20px;
}

#cart h1{
	font-size:25px;
	position:relative;
	left:-1px;
	font-weight:bold;
	margin-bottom:2px;
}
/* ================= CHECKOUT PAGE ====================== */

#modalpopup{
	display:none;
	position:fixed;
	z-index:9000;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background-color:rgba(40,40,40,0.5);
}
#popupbox{
	position:fixed;
	padding:20px;
	width:400px;
	background-color:#fff;
	color:#000;
	font-weight:bold;
	font-size:20px;
	border-radius:10px;
}
#popupbox .options{
	text-align:centre;
}
#popupbox .options p{
	margin:20px;
}
#popupbox a{
	text-decoration:none;
	text-align:center;
	color:#888;
}
#popupbox a:hover{
	color:#000;
}

.smallprint{
	font-size:70%;
	color:#aaa;
	font-style:italic;

}