/*++++++++++++++++++++++++++++++++++++++++

  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:#1c8ea8 url(templates/images/body.gif) repeat-x;
  padding:0;
  margin:0;
  font:14px arial,sans-serif;
  color:#fff;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span {
  margin:0;
  padding:0;
}

img {
  border:0;
}

a {
  color:#fff;
}

a:hover {
  color:#fff;
  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:#07557c;
  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:#18253a url(templates/images/search_bg.gif) repeat-x;
  border-bottom:1px solid #e3e3e3;
  height:100%;
}

#searchCartBar .searchBoxWrapper {
  float:left;
  width:66%;
}

#searchCartBar .itemsInCart {
  float:right;
  width:30%;
  text-align:right;
  padding-top:5px;
}
.searchBox {
  padding: 3px;
  color: #fff;
  background:#1c8ea8;
  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:16%;
  text-align:center;
  border-right:1px solid #000;
}

#menu a {
  display:block;
  color:#000;
  padding:14px 0 13px 0;
}

#menu a:hover {
  background:#07557c url(templates/images/menu_arrow.gif) no-repeat top center;
  color:#fff;
}

#menu a.current {
  background:#1c8ea8 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,#popWrapper2 .popHeader {
  padding:10px 5px 10px 5px;
  background:#18253a url(templates/images/search_bg.gif) repeat-x;
  border:1px solid #fff;
}

#popWrapper .track,#popWrapper2 .track {
  padding:5px;
  margin-top:3px;
  border:1px solid #fff;
  background:#1c8ea8;
}

#popWrapper .track .player,#popWrapper2 .track .player {
  display:block;
  float:right;
}

#popWrapper .track .artist,#popWrapper2 .track .artist {
  display:block;
  font-size:11px;
  padding-top:3px;
}

/*================
  FOOTER
  ================
*/

#footer {
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  color:#fff;
  clear:both;
}

#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 #000;
  padding:3px;
}
.formOption {
  text-align: left;
}
.formBox {
  padding: 3px;
  color: #fff;
  border: 1px solid #fff;
  width: 70%;
  font: 13px arial,sans-serif;
  background:#1c8ea8;
}
.codebox {
  padding: 3px;
  color: #fff;
  border: 1px solid #fff;
  width: 10%;
  font: 13px arial,sans-serif;
  background:#1c8ea8;
}
textarea {
  padding: 3px;
  color: #fff;
  border: 1px solid #fff;
  width: 70%;
  font: 13px arial,sans-serif;
  background:#1c8ea8;
}
.formButton {
  color: #FFFFFF;
  font: 13px arial,sans-serif;
  background:#000;
  border: 1px solid #fff;
  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:#107b9b;
  padding:10px;
  height:100%;
}

/*================
  ALBUMS
  ================
*/

.albums {
  border: 1px solid #fff;
  height: 100%;
  margin-bottom: 3px;
  background:#1c8ea8;
  padding:5px;
}

.album_title {
  text-align: left;
  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;
  padding-right:10px;
}

.view_more_info span {
  display:block;
  padding-right:3px;
}

.discountText {
  color:#d1d5cd;
}

#album_name {
  padding: 10px;
  border: 1px solid #fff;
  text-align: left;
  background:#07557c;
  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;
  background:#1c8ea8;
  padding:2px;
  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:#1c8ea8;
  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 #fff;
  margin-bottom:5px;
  height:100%;
  background:#1c8ea8;
  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 {
  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%;
}

#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-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 #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:#1c8ea8;
  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: 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:#1c8ea8;
  margin-bottom:3px;
}

#cart_heading {
  padding:5px;
  background:#18253a url(templates/images/search_bg.gif) repeat-x;
  border:1px solid #fff;
  margin-bottom:3px;
}

.cart_buttons {
  text-align: center;
  margin-top: 15px;
}

.c_item {
}

.c_cost {
  color:#fff;
  font-size:16px;
}

.from_album {
  font-size:10px;
  display:block;
  padding-top:5px;
}

.saleText {
  font-size:16px;
}

