
/*================
  GLOBAL
  ================
*/  
html {
	overflow-Y: scroll;
}

.toggle_container {
	margin-bottom:10px;
	margin-left:-5px;
	margin-top:5px;
	padding:5px;
	border: 5px solid #fff;
	background:#fff;
	overflow: hidden;
	width: 99%;
	float: left;
	display:none;
	
}

.trigger {
cursor:pointer;
}

.active {color: #E00B26;}

.button {
	text-decoration: none;
	font-size: 11px !important;
	line-height: 20px;
	padding: 2px 8px;
	cursor: pointer;
	border: 1px solid #999;
	background:#eaeaea;
	background:#eaeaea url(images/button.gif) repeat-x;
}

body {
  background:#f4f4f4;
  padding:0;
  margin:0;
  font:11px verdana, arial,sans-serif;
  color:#333;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span {
  margin:0;
  padding:0;
}

img {
  border:0;
}

a {
  color:#333;
  text-decoration:none;
}

a:hover {
  color:#000;
  text-decoration:none;
}

td {
  text-align: left;
  vertical-align: top;
}

.clear {
  clear:both;
}

/*================
  WRAPPER/HEADER
  ================
*/ 

#wrapper {
  width: 949px;
  margin:0 auto;
  margin-bottom:20px;
  border:10px solid #e7e7e7;
	background:#fff;
}

.logo {
  float:left;
}



/*================
  SEARCH/CART BAR
  ================
*/ 
#breadcrumbs {
	margin:5px;
	padding:4px;
	border-bottom:1px solid #AAAAAA;
	background:#fff;
}

#breadcrumbs strong {
color: #D00B26
}

#searchCartBar {
  padding:5px;
  margin:5px;
  height:100%;
  background:#eee;
}

#searchCartBar .searchBoxWrapper {
  float:left;
  width:56%;
}

#searchCartBar .itemsInCart {
  float:right;
  width:30%;
  text-align:right;
  padding-top:5px;
}

span.red {
color: #ff0000;
}
.searchBox {
  padding: 3px;
  color: #333;
  background:#fff;
  border: 1px solid #ddd;
  width: 50%;
  font: 13px arial,sans-serif;
}
.searchButton {

}
.noSearchResults {
  margin-bottom:250px;
  border:0px solid #000;
  background:#fff;
  padding:5px;
  color:#000;
}
.searchCount {
  margin-bottom:3px;
  border:0px solid #000;
  background:#fff;
  padding:5px;
  color:#000;
  display:block;
}



/*================
  FOOTER
  ================
*/

#tags {
  color:#fff;
  clear:both;
  padding:5px;
  margin:5px;
  background:#ededed;
}

#tags p {
  text-align:center;
  padding:10px;
  font-size:12px;
}

#footer a:link, #footer a:visited, #header a:link, #header a:visited	{ color:#FFF; text-decoration:none; }
#footer a:hover, #footer a:active, #header a:hover, #header a:active	{ color:#FFF; text-decoration:underline; }

#footer {
	background: #333333;
	width: 930px;
	margin: 10px auto 0px;
	padding:10px;
	text-align: center;
	position: relative;
	font:11px Verdana, Arial, Helvetica, sans-serif; 
}

#header {
	background: #333333;
	width: 930px;
	margin: 5px auto 0px;
	padding:10px;
	text-align: left;
	position: relative;
	font:11px Verdana, Arial, Helvetica, sans-serif; 
}

#footer p, #header p{
	color: #FFF;
	margin:10px 0px 10px 0px;
}


#footer ul, #header ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#footer li, #header li {
	display: inline;
	padding:0 5px 0 5px;
}
#copyright {
width: 949px;
	margin: 2px auto 0px;
	padding: 0px;
	font-size:11px;
	text-align:right;
}
.iva {
margin:0;
padding:0;
text-align:center;
font:10px Verdana, Arial, Helvetica, sans-serif; 
}	
/*================
  FORM ELEMENTS
  ================
*/

select {
  color: #000;
  border:1px solid #000;
  padding:3px;
}
.formOption {
  text-align: left;
}
.formBox {
  padding: 3px;
  color: #333;
  border: 1px solid #fff;
  width: 70%;
  font: 13px arial,sans-serif;
  background:#fff;
}
.codebox {
  padding: 3px;
  color: #333;
  border: 1px solid #fff;
  width: 10%;
  font: 13px arial,sans-serif;
  background:#fff;
}
textarea {
  padding: 3px;
  color: #fff;
  border: 1px solid #fff;
  width: 70%;
  font: 13px arial,sans-serif;
  background:#f4f4f4;
}
.formButton {

}
label.lclass {
  display:block;
  color: #fff;
  margin:0 0 3px 0;
}
.checkbox {
}

#servicesWrapper {
  height:100%;
}

#servicesWrapper .text {
  width:60%;
  float:left;
}

#servicesWrapper .image {
  width:36%;
  float:left;
}

#servicesWrapper span {
  display: block;
  padding-top:5px;
  text-align:center;
}

#servicesWrapper .image img {
  width:350px;
  border:1px solid #000;
}

/*================
  CONTENT
  ================
*/ 

#content {
  background:#fff;
  padding:5px;
  height:100%;
}

/*================
  ALBUMS
  ================
*/

.albums {
  border: 1px solid #fff;
  height: 100%;
  margin-bottom: 3px;
  background:#fff;
  padding:0px;
  color:#333;
}

.album_title {
  text-align: left;
  width: 99%;
  float:left;
  background:#f4f4f4;
  padding:5px;
}

.album_title p a {

}

.album_title span {
  display:block;
  padding-top:10px;
  font-style:italic;
}

.view_more_info {
  float:right;
  width:10%;
  text-align:right;
  padding-right:10px;
}

.view_more_info span {
  display:block;
  padding-right:3px;
}

.discountText {
  color:#cc0000;
}

#album_name {
  padding: 10px;
  text-align: left;
  height:100%;
}

#album_name .title {
  display:block;
  margin-bottom:11px;
  font-weight:bold;
}

#album_name .date {
  font-size:10px;
  display:block;
  padding:0 0 30px 0;
  font-style:italic;
}

#album_name p {
  float:right;
  text-align:center;
}

#album_name p img {
  height:80px;
  width: 80px;
  background:#f4f4f4;
  padding:5px;
  border:1px solid #fff;
  cursor:pointer;
}

#album_name .hover {
  display:block;
  padding-top:2px;
  font-size:10px;
}

.filterByArtist {
  margin-bottom:20px;
  text-align:right;
  padding-right:20px;
}

.filterByArtist span {
  float:left;
  padding-top:3px;
}

/*==============
  PACKS
  ==============
*/

#pack_heading {
  margin: 15px 0 5px 0;
  border-bottom: 1px solid #40ACC7;
  padding:5px;
  background:#18253a url(templates/images/search_bg.gif) repeat-x;
  border:1px solid #fff;
  height:100%;
}

#pack_heading span {
  display:block;
  float:left;
}

.wrapPack {
  border:1px solid #fff;
  margin-bottom:5px;
  height:100%;
  background:#f4f4f4;
  padding:5px;
}

.showPack {
  clear:both;
  height:100%;
  padding-top:5px;
}

.showPack div {
  float:left;
}

.wrapPack .pack_comments {
  border:1px dashed #07557c;
  background:#107b9b;
  margin:0 auto;
  margin-top:10px;
  padding:5px;
}

/*==============
  TRACKS
  ==============
*/

.wrapTrack {
  margin-bottom:5px;
  height:100%;
  background:#ededed;
  padding:5px 0 5px 5px;

}

.wrapTrack div {
  float:left;
}

.wrapTrack .trackCart {
  width:3%;
  text-align:left;
  padding:10px 0 0 2px;
}

.wrapTrack .trackTitle {
  width:72%;
  padding-top:10px;
}

.wrapTrack .trackCost {
  width:5%;
  text-align:center;
  padding-top:10px;
}

.child {
  display:block;
  padding-top:8px;
}

#children {
  background:#eeeeee;
  padding: 10px;
  border:0;
  text-align: left;
  clear:both;
  margin-bottom:10px;
  color:#000;
}

#children a {
  color:#000;
}

#track_heading {
  margin: 15px 0 5px 0;
  padding:5px;
  height:100%;
  font-weight:bold;
  font-size:10px;
  background:#444;
  color:#fff;
}

#track_heading div {
  float:left;
  
}

/*===========
  TAGS
  ===========
*/

#tags {
  border:1px solid #fff;
  padding:3px;
  height:100%;
}

#tags .tags {
  display:block;
  padding:5px;
}

#tags .tagHeader {
  display:block;
  border-bottom: 1px solid #40ACC7;
  padding:5px;
  background:#18253a url(templates/images/search_bg.gif) repeat-x;
  border:1px solid #fff;
}

/*==============
  GENERAL
  ==============
*/

.error {
  color: #fff;
  font-size:12px;
  display:block;
  padding-top:3px;
}

#page_numbers {
  text-align: center;
  padding: 10px 1px 10px 1px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin: 5px;
}


p.button_align {
  display:block;
  clear: both;
  text-align: center;
  padding: 15px 0 10px 0;
}

p.hits {
  display:block;
  text-align: center;
  margin-top: 10px;
  padding: 5px 0 10px 0;
  font-size: 11px;
  border-top: 2px solid #fff;
}

/*===========
  CONTACT
  ===========
*/
#messageSent {
  background:#e4e4e4;
  border:1px solid #000;
  padding:10px;
  margin-bottom:20px;
  color:#000;
  height:100%;
}

#messageSent p {
  padding-top:5px;
  font-weight:bold;
  font-size:20px;
}

#messageSent span {
  display:block;
  float:right;
}  

/*==============
  CHECKOUT
  ==============
*/  

#paypal_connection {
  text-align: center;
  margin-top: 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 15px 0 15px 0;
  font-size: 14px;
}

.paypal {
  display:block;
  color:#fff;
  font-size:11px;
}

.cancelHead {
  text-decoration:underline;
  font-size:16px;
}

.thanksHead {
  text-decoration:underline;
  font-size:16px;
}


/*==============
  DOWNLOADS
  ==============
*/

#content .purchase_heading {
  padding:5px;
  background:#000;
  border:1px solid #fff;
  margin-bottom:3px;
  color:#fff;
}

#content .downloadAlbumWrapper {
  clear:both;
  margin-bottom:3px;
  border:1px solid #fff;
}

#content .downloadAlbumHeader {
  clear:both;
  padding:5px 0 5px 30px;
  background:#07557c url(templates/images/music2.gif) no-repeat 1% 50%;
  color:#fff;
  border-bottom:1px solid #fff;
}

#content .downloadItemWrapper {
  padding:5px;
  background:#f4f4f4;
  border-bottom:1px solid #fff;
}

#album_tracks {
  margin: 5px auto;
  text-align: left;
  width: 95%;
  padding:2px;
  border: 1px solid #fff;
}

p.enjoy_music {
  display:block;
  text-align: center;
  margin-top: 10px;
  padding: 5px 0 10px 0;
  border-top: 1px solid #fff;
}

#content .artwork {
  border:1px solid #000;
  margin-bottom:3px;
  background:#ebebeb;
  padding:5px;
  color:#000;
  font-weight:bold;
  text-align:right;
}

#content .artwork span {
  float:left;
  display:block;
  padding-top:6px;
}

#content .saveAs {
  display:block;
  font-size:10px;
  color:#000;
}

/*==============
  CART
  ==============
*/

.cart_count {
  font-weight: bold;
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
}

.cart_total {
  font-size: 12px;
  display: block;
  margin-top: 10px;
}

.cart_count_link {
  color: #FFFFFF;
}

#empty_cart {
  text-align: center;
  padding: 15px 1px 15px 1px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: 5px;
}

#cart_items_total p {
  text-align: right;
  padding: 15px 1px 15px 1px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: 10px;
  font-size: 20px;
}

.cart_item {
  padding: 5px;
  border: 1px solid #fff;
  background:#f4f4f4;
  margin-bottom:3px;
}

#cart_heading {
  padding:5px;
  background:#333;
  border:1px solid #fff;
  margin-bottom:3px;
  color:#fff;
}

.cart_buttons {
  text-align: center;
  margin-top: 15px;
}

.cart_buttons a{
  background:#E0E1E2;
border:1px solid #ddd;
padding:10px;
cursor:pointer;
font-size:11px;
color:#333;
font-weight:bold
}

.c_item {
}

.c_cost {
  color:#333;
  font-size:12px;
}

.from_album {
  font-size:10px;
  display:block;
  padding-top:5px;
}

.saleText {
  font-size:16px;
}
