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

  PixelSubstance 
  2009
  Boutique Musique
  Courriel: info@pixesubstance.com
  Siteweb: http://www.pixelsubstance.com

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

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

body {
  /*background:#626262 url(templates/images/body_bg.jpg) top center no-repeat fixed;*/
  background: url(templates/images/bg_motif.jpg) left top;
  padding:0;
  margin:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#fff;
  margin: 0 0 15px 0;
}

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;
  line-height: 0px;
  height: 0px;
}

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

#wrapper {
  width: 900px;
  margin:0 auto;
  /*margin-bottom:20px;*/
  /*
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  */
}

#header {
  color:#fff;
  border-bottom:1px solid #e3e3e3;
  height:250px;
  background: url(templates/images/header_karma.jpg) top left no-repeat;
}

#header .logo{
  float:left;
}

#header .logo a{
	display: block;
	width: 472px;
	height:235px;
	
}
#header .logo a span{
	display: none;
}

#header .flashBar {
  float:left;
  width: 440px;
}

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

#searchCartBar {
  padding:5px;
  background:  url(templates/images/grey_bg.gif) repeat-x;
  border-bottom:1px solid #e3e3e3;
  height:55px;
}

#searchCartBar .retour{
	background: url(templates/images/retour.gif) left top no-repeat;
	height: 50px;
	padding-left: 55px;
}

#searchCartBar .retour a{
	line-height: 50px;
	font-size: 15px;
	width: auto;
}


#content .leRetour{
	background: #333; 
	/*border: 1px solid white; */
	padding: 5px;
	margin-bottom: 10px;
}

#content .leRetour a{
	text-decoration: none;
}
#content .leRetour span{
	color: red;
}
#content .leRetour a:hover{
	color: #CCCCCC;
}

#searchCartBar .searchBoxWrapper {
	display: none;
	/*
  float:left;
  width:66%;
  */
  
}

.panier_header{
	position: relative;
	float: left;
	top: 140px;
	display:block;
	left: 60px;
	/*background: orange;*/
}

.panier_header a{ 
	color: #fff;
	font-weight: normal;
	font-size:11px;
	text-decoration: none;
}

.itemsInCart {
  /*float:left;*/
  width:150px;
  /*background: red;*/
  text-align:left;
  /*padding-top:5px;*/
  color: #fff;
  font-size: 13px;
}

.itemsInCart a{
	color: red;
}
.searchBox {
  padding: 3px;
  color: #fff;
  background:#626262;
  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: #333333;
  padding:14px 0 13px 0;
  text-transform:capitalize;
  font-weight: bold;
  text-decoration: none;
    background: #efefef;
  }

#menu a:hover {
  background: #414141 url(templates/images/menu_arrow.gif) no-repeat top center;
  color:#fff;
}

#menu a.current {
  background:#626262 url(templates/images/menu_arrow_current.gif) no-repeat top center;
  color:#fff;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background-color: inherit;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background-color: inherit;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background-color: inherit;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	/*font-weight: bold;*/
	text-decoration: underline;
	background-color: inherit;
}

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

.c{

}

.c1 h3, .c2 h3{
	font-size: 12px;
}

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

/* IMAGES DES MOST POPULAR TRACKS */
li table tbody tr td img{
	width: 120px;
	height: 120px;
}

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

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

#popWrapper .popHeader,#popWrapper2 .popHeader {
  padding:10px;
  background:  url(templates/images/search_bg.gif) repeat-x;
  /*border:1px solid #fff;*/
  font-size: 12px;
  font-weight: bold;
}

#popWrapper .track,#popWrapper2 .track {
  padding:5px;
  margin-top:3px;
  /*border:1px solid #fff;*/
  border-bottom: 1px dashed #fff;
  /*background:#626262;*/
}

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

#popWrapper .track a,
#popWrapper2 .track a{
  font-weight: bold;
	text-decoration: none;
}

#popWrapper .track a:hover,
#popWrapper2 .track a:hover{
	color: #333333;
	text-decoration: underline;
}
/* */


#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;
  /*background: #000;*/

}

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

#footer a {
}

#footer a:hover {

}

#footer .sign{
	font-size: 10px;
	  background: url(templates/images/pixel_sign.jpg) 745px 10px no-repeat;
	padding: 5px;
}

#footer .sign p{
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 10px;
}

.sign a{
	text-decoration: none;
	font-size: 10px;
}
.sign a:hover{
	color: red;
}

/*================
  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:#626262;
}
.codebox {
  padding: 3px;
  color: #fff;
  border: 1px solid #fff;
  width: 10%;
  font: 13px arial,sans-serif;
  background:#626262;
}
textarea {
  padding: 3px;
  color: #fff;
  border: 1px solid #fff;
  width: 70%;
  font: 13px arial,sans-serif;
  background:#626262;
}
.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: #666666;
  padding:10px;
  height:100%;
}

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

/*
.albums {
  border: 1px solid #fff;
  height: 100%;
  margin-bottom: 3px;
  background:#626262;
  padding:5px;
}
*/

.albums {
	border-bottom: 1px dashed #fff;
	height: 105px;
	padding: 2px;
	margin-bottom: 3px;
	/*background:#626262;*/
	clear: both;
}


.albums img{

/* =============================
// Change les images fleches des albums
	height: 100px;
   ============================= */ 
}

.name_list{
	font-size: 12px;
	font-weighT: bold;
	text-decoration:none;
	color: #333333;
}

.name_list:hover{
	font-size: 12px;
	font-weighT: bold;
	text-decoration:none;
	
}

.album_title {
  text-align: left;
  width: 86%;
  float:left;

}

.album_title table tr td{
	/*padding: 0 0 0 5px;*/

}

.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;
}
/*
.view_more_info img{
	width: 20px;
	height: 20px;
}
*/
.discountText {
  color:#d1d5cd;
}

#album_name {
  padding: 10px 10px 0 10px;
 /* border: 1px solid #fff;*/
  text-align: left;
  background: #333333;
  height:100%;
}

.album_complet{
	height: 110px;
	width: 290px;
	background:url(templates/images/acheter_complet.gif) top left no-repeat;
	display:block;
}


.album_complet span{
	
	display:none;
}


#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 10px 20px;
}

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

#album_name p img{
  height:100px;
  width: 100px;
  
  background:#626262;
  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:  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;*/
  border-bottom: 1px dashed #ff;
  margin-bottom:5px;
  height:100%;
    background:orange;
  /*background:#626262;*/
  padding:3px;
}

.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;*/
  border-bottom: 1px dashed #fff;
  margin-bottom:5px;
  height:100%;
  background:#626262;
  padding:5px;
}

.wrapTrack div {
  float:left;
}

.wrapTrack .flash {
	width: 10%;
}

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

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

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

}

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

  padding:5px;
  background:  url(templates/images/search_bg.gif) repeat-x;
 /* border:1px solid #fff;*/
  height:100%;
  font-weight: bold;
}

#track_heading div {
  float:left;
}

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

#tags {
	display: none;
  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:  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 {

  text-align: left;
  height: 110px;
  padding: 15px 0 10px 0;
}

.button_align input{
	/*display: none;*/
	border: none;
	cursor: pointer;
	
}
.button_align .ajouter{
	position: relative;
	float: left;
	width: 290px;
	height: 110px;
	background: url(templates/images/ajouter.gif) top left no-repeat;
	margin-right: 5px;
}

.button_align .canceller{
	position: relative;
	float: left;
	width: 290px;
	height: 110px;
	background: url(templates/images/canceller.gif) top left no-repeat;
	margin-right: 5px;
}
.caisse{

position: relative;
	float: left;
	width: 290px;
	height: 110px;
	background: url(templates/images/caisse.gif) top left no-repeat;
}

a.caisse {
	display: block;
}
a.caisse  span{
	
	display: none;
}

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:#414141 url(templates/images/music2.gif) no-repeat 1% 50%;
  color:#fff;
  /*border-bottom:1px solid #fff;*/
}

#content .downloadItemWrapper {
  padding:5px;
  background:#626262;
  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;
}


.bouttons_panier{
	width: 40%;
	/*background: red;*/
	position: relative;
	float: left;
	padding-left: 8%;
	height: 110px;
}

.vider_panier{
	display:block;
	height: 110px;
	width: 290px;
	background:url(templates/images/vider_panier.gif) top center no-repeat;
	
}
.payer_panier{
	display:block;
	height: 110px;
	width: 290px;
	background:url(templates/images/payer_panier.gif) top center no-repeat;
}

.vider_panier span, .payer_panier span{
	display: none;

}

#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:#626262;
  margin-bottom:3px;
}

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

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



.c_item {
}

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

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

.saleText {
  font-size:16px;
}


.img_preview{
	width: 150px; 
	height: 160px; 
	text-align: center; 
	position: relative; 
	float: right;
	/*background: #333333;*/
	
}