/*++++++++++++++++++++++++++++++++++++++++



  Script: Maian Music v1.3

  Written by: David Ian Bennett

  E-Mail: support@maianscriptworld.co.uk

  Website: http://www.maianscriptworld.co.uk



++++++++++++++++++++++++++++++++++++++++++*/



/*================

  GLOBAL

  ================

*/  



body {

  background:#000000 url('templates/images/body.gif') repeat-x;

  padding:0;

  margin:0;

  color:#fff; font-style:normal; font-variant:normal; font-weight:strong; font-size:14px; font-family:arial, sans-serif

}



div, h1, h2, h3, h4, p, form, label, input, textarea, img, span {

  margin:0;

  padding:0;

}



img {

  border:0px none;

}





a {

  color:#fff;

  font-size: 12px;

    text-decoration:none;

}



a:hover {

  color:#9966ff;

  text-decoration:none;

}





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 #fff;

  border-right:1px solid #fff;

}



#header {

  background:#000000;

  margin-top:2px;

  color:#fff;

  border-bottom:1px solid #e3e3e3;

  height:164px;

}



#header .logo {

  float:left;

  text-align:center;

  border-right:1px solid #fff;

}



#header .flashBar {

  float:left;

}



/*================

  SEARCH/CART BAR

  ================

*/ 



#searchCartBar {

  padding:5px;

  background:#000000 url('templates/images/search_bg.gif') repeat-x;

  border-bottom:1px solid #e3e3e3;

  height:70px;

}



#searchCartBar .searchBoxWrapper {

  float:left;

  width:66%;

}



#searchCartBar .itemsInCart {

  float:right;

  width:30%;

  height: 70px;

  text-align:right;

  padding-top:5px;

  padding-right:10px;

}

.searchBox {

  padding: 3px;

  color: #fff;

  background:#cccccc;

  border: 1px solid #fff;

  width: 60%;

  font: 13px arial,sans-serif;

}

.searchButton {

  width:53px;

  height:25px;

  color: #FFFFFF;

  font: 13px arial,sans-serif;

  background:#000;

  border: 1px solid #fff;

  padding:2px;

}

.noSearchResults {

  margin-bottom:250px;

  border:1px solid #000;

  background:#ececec;

  padding:5px;

  color:#000;

}

.searchCount {

  margin-bottom:3px;

  border:1px solid #000;

  background:#ececec;

  padding:5px;

  color:#000;

  display:block;

  font-weight:bold;

}



/*================

  MENU

  ================

*/ 



#menu {

}



#menu td {

  width:10%;

  text-align:center;

  border-right:1px solid #000;

}



#menu a {

  display:block;

  color:#000;

  padding:14px 0 13px 0;

}



#menu a:hover {

  background:#7221a4 url('templates/images/menu_arrow.gif') no-repeat top center;

  color:#fff

}



#menu a.current {

  background:#333333 url('templates/images/menu_arrow_current.gif') no-repeat top center;

  color:#fff

}



/*================

  HOMEPAGE

  ================

*/



#popWrapper {

  height:100%;

  width:49%;

  float:left;

}



#popWrapper2 {

  height:100%;

  width:49%;

  float:right;

  margin-right:2px;

}



#popWrapper .popHeader {

  background:#9933ff url('templates/images/search_bg.gif') repeat-x;

  border:1px solid #fff; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px



}



#popWrapper2 .popHeader {

  background:#9933ff url('templates/images/search_bg.gif') repeat-x;

  border:1px solid #fff; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px



}



#popWrapper2 .popHeader3 {

 font-size:18px;

font-weight: bold;

text-decoration: none;

}







#popWrapper .track, #popWrapper2 .track {

  padding:5px;

  margin-top:3px;

  border:1px solid #fff;

  background:#000000;

}



#popWrapper .track .player, #popWrapper2 .track .player {

  display:block;

  height: 100%;

  float:right;

}



#popWrapper .track .artist, #popWrapper2 .track .artist {

  display:block;

  font-size:11px;

  padding-top:3px;

}



/*================

  FOOTER

  ================

*/



#messagedc {

  

  font-size:14px;

  display:block;



  background:#000000;

  height: 90%;

  color:#fff;

  padding: 20px;

  margin: 10px;

clear:both;

}





#footer {

  border-top:1px solid #fff;

  border-bottom:1px solid #fff;

  color:#fff;

  clear:both;

}



#footer p {

  text-align:center;

  padding:10px;

  font-size:10px;

  text-decoration: none;

}



#footer a {

font-size: 10px;

  text-decoration: none;

}



#footer a:hover {

font-size: 10px;

color:# 9933ff;

  text-decoration: none;

}



/*================

  FORM ELEMENTS

  ================

*/



select {

  color: #000;

  font-weight: bold;

  border:1px solid #000;

  padding:3px;

}

.formOption {

  text-align: left;

}

.formBox {

  padding: 3px;

  color: #111111;

  border: 1px solid #fff;

  width: 70%;

  font: 10px arial,sans-serif;

  background:#cccccc;

}

.codebox {

  padding: 3px;

  color: #ffffff;

  border: 1px solid #fff;

    font-weight: bold;

  width: 100px;

  font: 10px arial,sans-serif;

  background:#9933ff;

}

textarea {

  padding: 3px;

  color: #111111;

  border: 1px solid #fff;

  width: 70%;

  font: 10px arial,sans-serif;

  background:#cccccc;

}

.formButton {

  color: transparent;

  font: 0.01px arial,sans-serif;;

line-height: 0em;

      background:url('templates/images/buy_button.jpg') no-repeat left center;  

    border: 0px solid #fff;

    height: 50px;

    width: 100px;

    margin-right: 38px;

    cursor: pointer;



  padding:2px;

}

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:#333333;

  padding:10px;

  height:100%;

}



/*================

  ALBUMS

  ================

*/



.albums {

  border: 1px solid #fff;

  height: 100%;

  margin-bottom: 3px;

  background:#111111;

  padding:5px;

}



.album_title {

  text-align: left;

  font-size: 14px;

  font-weight: bold;

  width: 86%;

  float:left;

}



.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;

  height: 170px;

  padding-right:10px;

}



.view_more_info span {

  display:block;

    height: 170px;

  padding-right:3px;

}



.discountText {

  color:#d1d5cd;

}



#album_name {

  padding: 10px;

  margin-bottom: 5px;

  border: 1px solid #fff;

  text-align: left;

  background:#111111;

  height:100%;

}



#album_name .title {

  display:block;

  margin-bottom:10px;

  padding-left:10px;

  padding-right:10px;



}



#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:100px;

  width: 100px;

  background:#111111;

  padding:2px;

  margin: 10px;

  border:0px solid #fff;

}



#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 {

  padding:20px;

  background:#9933ff url('templates/images/search_bg.gif') repeat-x;

  border:1px solid #fff;

  height:100%; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:5px

}

#like_button_heading {

  padding:20px;

  background:#111111 url('templates/images/like_bg.gif') repeat-x;

  border:1px solid #fff;

  height:100%; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:5px

}

#like_button_heading2 {

  padding:20px;

  background:#111111 url('templates/images/like_bg.gif') repeat-x;

  border:1px solid #fff;

  height:100%; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:5px

}



#pack_heading span {

  display:block;

  float:left;

}



.wrapPack {

  border:1px solid #fff;

  margin-bottom:5px;

  height:100%;

  background:#000000;

  padding:5px;

}



.showPack {

  clear:both;

  height:100%;

  padding-top:5px;

}



.showPack div {

  float:left;

}



.wrapPack .pack_comments {

  border:0px dashed #07557c;

  background:#107b9b;

  margin:0 auto;

  margin-top:10px;

  padding:5px;

}



/*==============

  TRACKS

  ==============

*/



.wrapTrack {

  border:1px solid #fff;

  margin-bottom:5px;

  height:100%;

  background:#000000;

  padding: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:#e7e7e7;

  padding: 10px;

  border: 1px solid #000;

  text-align: left;

  clear:both;

  margin-bottom:10px;

  color:#000;

}



#children a {

  color:#000;

}



#track_heading {

  padding:20px;

  background:#18253a url('templates/images/search_bg.gif') repeat-x;

  border:1px solid #fff;

  height:100%; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:5px

}



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

  padding:5px;

  background:#18253a url('templates/images/search_bg.gif') repeat-x;

  border:1px solid #fff

}



/*==============

  GENERAL

  ==============

*/



.error {

  color: #9933ff;

  font-size:10px;

  font-weight: bold;

  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-top: 5px;

}



p.button_align {

  display:block;

  clear: both;

  text-align: right;

  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 {

  padding:10px;

  margin-bottom:20px;

  color:#ffffff;

  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:none;

  font-size:16px;

}



.thanksHead {

  text-decoration:none;

  font-size:16px;

}





/*==============

  DOWNLOADS

  ==============

*/



#content .purchase_heading {

   padding:20px;

  background:#9933ff url('templates/images/search_bg.gif') repeat-x;

  border:1px solid #fff;

  margin-bottom:3px;

  margin-top:5px;

       }



#content .downloadAlbumWrapper {

  clear:both;

  background:#111111;

  margin-bottom:3px;

  border:1px solid #fff;

}



#content .downloadAlbumHeader {

  clear:both;

  background:#111111;

  color:#fff;

  border-bottom:1px solid #fff; padding-left:30px; padding-right:0; padding-top:5px; padding-bottom:5px

}



#content .downloadItemWrapper {

  padding:20px;

  background:#111111;

  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:#fff;

}



/*==============

  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: 0px 1px 5px 1px;

  border-top: 0px solid #fff;

  border-bottom: 0px solid #fff;

  margin-top: 0px;

}



#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:#111111;

  margin-bottom:3px;

}



#cart_heading {

  padding:20px;

  background:#9933ff url('templates/images/search_bg.gif') repeat-x;

  border:1px solid #fff;

  margin-bottom:3px;

    margin-top:5px;

}



.cart_buttons {

  display:block;

  clear: both;

  text-align: right;

  padding: 15px 0 10px 0;

}



.c_item {

}



.c_cost {

  color:#fff;

  font-size:16px;

}



.from_album {

  font-size:10px;

  display:block;

  padding-top:5px;

}



.saleText {

  font-size:16px;

}