

/*================
  GLOBAL
  ================
*/  

body {
	background:#fff url(templates/images/body.gif) repeat-x;
	padding:0;
	margin:0;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

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

img {
  border:0;
}

a {    color: #0294C1;
       text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

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

.clear {
  clear:both;
}

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

#wrapper {
  width: 920px;
  margin:0 auto;
  margin-bottom:20px;
  border-left:1px solid #414141;
  border-right:1px solid #414141;
  border-bottom:1px solid #414141;
}

#header {
  background:#727170; 
  margin-top:2px;
  color:#333
  border-bottom:1px solid #727170;
  height:164px;
}

#header .logo {
  float:left;
  text-align:center;
  border-right:1px solid #727170;
}

#header .flashBar {
  float:left;
}

/*================
  SEARCH/CART BAR
  ================
*/ 

#searchCartBar {
  padding:5px;
  background: url(templates/images/search_bg.gif) repeat-x;
  border-bottom:1px solid #414141;
  height:100%;
}

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

#searchCartBar .itemsInCart {
  float:right;
  width:30%;
  text-align:right;
  padding-top:5px;
}
.searchBox {
  padding: 3px;
  color:#333
  background:#fff;
  border: 1px solid #414141;
  width: 60%;
  font: 13px arial,sans-serif;
}
.searchButton {
  width:53px;
  height:25px;
  color: #FFFFFF;
  font: 13px arial,sans-serif;
  background:#000;
  border: 1px solid #414141;
  padding:2px;
}
.noSearchResults {
  margin-bottom:250px;
  border:1px solid #414141;
  background:#ececec;
  padding:5px;
  color:#000;
}
.searchCount {
  margin-bottom:3px;
  border:1px solid #414141;
  background:#ececec;
  padding:5px;
  color:#000;
  display:block;
  font-weight:bold;
}

/*================
  MENU
  ================
*/ 

#menu { 
  border-top:3px solid #414141;
}

#menu td {
  width:16%;
  text-align:center;

}

#menu a {
  display:block;
  color: #666;
  background-color: #fff;
  text-decoration: none;
  padding:14px 0 13px 0;
  white-space: nowrap; 
  overflow: hidden;
 text-decoration: none;
 z-index: 100;
 position: relative;
 font-weight:bold;
 border-right: 1px solid #414141;
}

#menu a:hover {
	color: #fff;
	background-color: #0294C1;
}

#menu a.current {
	color: #000;
	background-color: #fff;
}

/*================
  MAIN
  ================
*/ 

#main {
	padding:10px;
	height:100%;
	
}
#content {
	padding:10px;
	height:100%;
	
}


/*================
  HOMEPAGE
  ================
*/


#popWrapper {
	height:100%;
	width:49%;
	float:left;
	
}

#popWrapper2 {
	height:100%;
	width:49%;
	float:right;
	margin-right:2px;
	
}

#popWrapper .popHeader,#popWrapper2 .popHeader {
  padding:10px 5px 10px 5px;
  background:#ccc url(templates/images/search_bg.gif) repeat-x;
  border:1px solid #414141;
}

#popWrapper .track,#popWrapper2 .track {
	padding:5px;
	margin-top:3px;
	background:#ebebeb;
	border:1px solid #414141;

}

#popWrapper .track .player,#popWrapper2 .track .player {
	display:block;
	float:right;
}

#popWrapper .track .artist,#popWrapper2 .track .artist {
	display:block;
	font-size:11px;
	padding-top:3px;
	color: #000;
}

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

#footer {
	border-top:1px solid #414141;
	border-bottom:1px solid #414141;
  color:#333
  border-top: 1px solid #414141;
	color: #000;
	background-color: #ccc;
}

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

#footer a {
	
}

#footer a:hover {
}



/*================
  FORM ELEMENTS
  ================
*/

select {
  color: #000;
  font-weight: bold;
  border:1px solid #414141;
  padding:3px;
}
.formOption {
  text-align: left;
}
.formBox {
  padding: 3px;
  color:#333
  border: 1px solid #414141;
  width: 70%;
  font: 13px arial,sans-serif;
  background:#fff;
}
.codebox {
  padding: 3px;
  color:#333
  border: 1px solid #414141;
  width: 10%;
  font: 13px arial,sans-serif;
  background:#fff;
}
textarea {
  padding: 3px;
  color:#333
  border: 1px solid #414141;
  width: 70%;
  font: 13px arial,sans-serif;
  background:#fff;
}
.formButton {
  color: #FFFFFF;
  font: 13px arial,sans-serif;
  background:#000;
  border: 1px solid #414141;
  padding:2px;
}
label.lclass {
	display:block;
  color:#333
  margin:0 0 3px 0;
	background-color: #fff;
}
.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 #414141;
}


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

.albums {
	border: 1px solid #414141;
	height: 100%;
	margin-bottom: 3px;
	padding:5px;
	background:#ebebeb;
}

.album_title {
	text-align: left;
	width: 86%;
	float:left;
	color: #000;
}

.album_title p a {
  padding-left:20px;
  background:url(templates/images/music.gif) no-repeat left center;
}

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

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

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

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

#album_name .title {
  display:block;
  margin-bottom:10px;
  padding-left:20px;
  background:url(templates/images/music2.gif) no-repeat left center;
}

#album_name .date {
  font-size:12px;
  display:block;
  padding:0 0 30px 20px;
}

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

#album_name p img {
  height:80px;
  width: 80px; 
  padding:2px;
  border:1px solid #414141;
  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:#0249C1 url(templates/images/search_bg.gif) repeat-x;
  border:1px solid #414141;
  height:100%;
}

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

.wrapPack {
  border:1px solid #414141;
  margin-bottom:5px;
  height:100%; background:#fff;
  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 {
	border:1px solid #414141;
	margin-bottom:5px;
	height:100%;
	padding:5px;
	background:#ebebeb;
}

.wrapTrack div {
  float:left;
}

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

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

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

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

#children {
  background:#e7e7e7;
  padding: 10px;
  border: 1px solid #414141;
  text-align: left;
  clear:both;
  margin-bottom:10px;
  color:#000;
}

#children a {
  color:#000;
}

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

#track_heading div {
  float:left;
}

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

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

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

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

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

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

#page_numbers {
  text-align: center;
  padding: 10px 1px 10px 1px;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
  margin-top: 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 #414141;
}

/*===========
  CONTACT
  ===========
*/
#messageSent {
  background:#e4e4e4;
  border:1px solid #414141;
  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 #414141;
  border-bottom: 1px solid #414141;
  padding: 15px 0 15px 0;
  font-size: 14px;
}

.paypal {
  display:block;
  color:#333
  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 #414141;
  margin-bottom:3px;
  color:#fff
}

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

#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 #414141;
}

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

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

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

#content .artwork {
  border:1px solid #414141;
  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:#333
}

/*==============
  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 #414141;
  border-bottom: 1px solid #414141;
  margin-top: 5px;
}

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

.cart_item {
	padding: 5px;
	border: 1px solid #414141;
	background:#0294C1;
	margin-bottom:3px;
}

#cart_heading {
  padding:5px;
  background:#18253a url(templates/images/search_bg.gif) repeat-x;
  border:1px solid #414141;
  margin-bottom:3px;
}

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

.c_item {
	
}

.c_cost {
  color:#000
  font-size:16px;
}

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

.saleText {
  font-size:16px;
}
