@charset "utf-8";
/* CSS Document */
/* body css */
/************Ajout abbderahmen*************/

body {
  margin:0px 0px 0px 0px;
  font-family:Arial, Helvetica, sans-serif;
  background-image:url(http://www.mezed.com/musicplus/images/bg.gif);
}
/* body css */
/*header*/
.inputlogin {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  height: 14px;
  width: 120px;
  border: 1px solid #ffaf47;
  padding-left: 3px;
}
.loginbox {
  height: 45px;
  width: auto;
  padding-top: 20px;
}
.timemsg {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: italic;
  color: #a1a1a1;
}
/************menu top*************/
.menutop {
color:#a1a1a1;
font-size:16px;
font-weight:bold;
}
.menutop a {
color:#a1a1a1;
text-decoration:none;
}
.menutop a:link {
text-decoration:none;
}
.menutop a:visited {
color:#a1a1a1;
text-decoration:none;
}
.menutop a:hover, .menutop a.current{
color:#ffffff;
}
/**************new menu ******************/
/*centre la page et donne la largeur pour une basse r�solution*/
#menu {
  position:relative;
  display:block;
  height:32px;
  font-size:11px;
  font-weight:bold;
  background:transparent url(http://www.mezed.com/images/public/orangeslate_background.gif) repeat-x top left;
  font-family:Arial,Verdana,Helvitica,sans-serif;
  text-transform:uppercase;
  background-image: url(http://www.mezed.com/images/public/orangeslate_background.gif);
  margin:0px;padding:0;
  width:auto;

}
#menu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#menu ul li a{display:block;float:left;color:#ffe9c1;text-decoration:none;padding:10px 22px 4px 22px;height:23px;}
.headermenu a:hover,.headermenu a.current{color:#ffffff;background:transparent url(http://www.mezed.com/images/public/orangeslate_backgroundOVER.gif) no-repeat top center;}
.moreinfo a:hover,.moreinfo a.current{background:transparent url(../images/public/ssmenu_hover.png) no-repeat top right;}
.moreinfo a{background:transparent url(http://www.mezed.com/images/public/ssmenu.png) no-repeat  top right;}

/* Begin CSS Drop Down Menu */
/****************************/
/* 	d�but menu	d�roulant	*/
/****************************/
ul, li {
list-style-type:none;
}

/*chaque sous-menu*/
#menu ul li {
position:relative;
float:left;
width:auto;
cursor:pointer;
display:block;
background:none;
height:22px;
margin:0 1px 0 0;
}

/*carr� d�roulant sous un sous-menu niveau 1*/
#menu ul li ul {
display:none;
position:absolute;
width:235px;
list-style-type:none;
border-top:none;
top:32px;
left:0px;
margin:0px;
padding:0px;
background-color:#de791c;
}

#menu ul li ul li {
display:block;
width:235px;
color:#e04d13;
background-color:#de791c;
height:23px;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
font-family:Arial,Verdana,Helvitica,sans-serif;
z-index:9999;
background-color:#de791c;
}
#menu ul li ul li a {
width:235px;
display:block;
color:#ffffff;
text-decoration:none;
padding:5px 0px 0px 0px;


}
/*au passage de la souris on inverse les couleurs de la case*/
#menu ul li ul li a:hover ,#menu ul li ul li a.current{
color:#e04d13;
background-color:#ffdfa3;
padding:5px 0px 0px 0px;
}

/*d�calage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
top:0px;
left:235px;
}

/*d�calage du sous-menu niveau 2 le plus � droite vers la gauche*/
#menu ul li ul li ul.last {
left:-235px;
}
/* End CSS Drop Down Menu */

/***************end new menu ******************/


/**************menu top***************/
/*header*/

/*****main menu*****/

/* ----------------------------------------------------------------------- */
.orange #mainmenu{
  position:relative;
  display:block;
  height:32px;
  font-size:11px;
  font-weight:bold;
  background:transparent url(http://www.mezed.com/images/public/orangeslate_background.gif) repeat-x top left;
  font-family:Arial,Verdana,Helvitica,sans-serif;
  text-transform:uppercase;
  background-image: url(http://www.mezed.com/images/public/orangeslate_background.gif);
}
.orange #mainmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.orange #mainmenu ul li{display:block;float:left;margin:0 1px 0 0;}
.orange #mainmenu ul li a{display:block;float:left;color:#ffe9c1;text-decoration:none;padding:10px 22px 4px 22px;height:18px;}
.orange #mainmenu ul li a:hover,.orange #mainmenu ul li a.current{color:#ffffff;background:transparent url(http://www.mezed.com/images/public/orangeslate_backgroundOVER.gif) no-repeat top center;}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
.orange #subnmenu{
  display:block;
  position:absolute;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  font-family:Arial,Verdana,Helvitica,sans-serif;
  z-index:30;
  background-color:#de791c;

  }
.orange #subnmenu ul{margin:0px;padding:0;list-style-type:none;width:300px;}
.orange #subnmenu ul li{display:block;margin:0 0 0 0;}
.orange #subnmenu ul li a{display:block;color:#ffffff;text-decoration:none;padding:2px 2px 2px 2px;height:14px;}
.orange #subnmenu ul li a:hover,.orange #subnmenu ul li a.current{color:#e04d13;background-color:#ffdfa3;}
/* ----------------------------------------------------------------------- */

.mainmenu {
color:#fff885;
font-size:13px;
}
.mainmenu a {
color:#fff885;
text-decoration:none;
}
.mainmenu a:link {
text-decoration:none;
}
.mainmenu a:visited {
color:#fff885;
text-decoration:none;
}
.mainmenu a:hover {
color:#ffffff;
text-decoration:underline;
}

/*****main menu*****/

/*****TodayBox*****/

.tdayBx {
background-image:url(http://www.mezed.com/images/public/TdayBxBgd.gif);
background-repeat:repeat-x;
background-position:top;}

.tdayBxT {
padding-top:8px;
font-size:14px;
color:#3aa0ff;
font-weight:bold;
}
.tdayBxTxt {
padding-top:8px;
font-size:12px;
color:#666666;
}

.lastname{
font-size:12px;
font-weight:bold;
color:#000000;
height:20px;
}

.lasttxt{
font-size:12px;
color:#000000;
}

.lastdyn{
font-size:13px;
font-weight:bold;
color:#3aa0ff;
}
.showinner a{
color:#999999;
text-decoration:underline;
font-size:12px;
}
/*****TodayBox*****/

/****** bgds********/

.bgdleft{
background-image:url(http://www.mezed.com/musicplus/images/br_tb_cent_rght.gif);
background-repeat:repeat-y;
width:5px;
}
.bgdright{
background-image:url(http://www.mezed.com/musicplus/images/br_tb_cent_left.gif);
background-repeat:repeat-y;
width:4px;
}

/****** bgds********/

/****** en cours ********/
.encourT{
font-size:13px;
font-weight:bold;
color:#ffffff;
}

.encoursbox{
border: #d5d5d5 solid 1px;
border-bottom:none;
border-top:none;
background-color:#e8e8e8;
width:100%;
height:316px;
padding:6px;
vertical-align:top;

}

/****** en cours ********/

/****** fini ********/
.finiT{
font-size:13px;
font-weight:bold;
color:#383939;
}

.finisbox{
border: #d5d5d5 solid 1px;
border-bottom:none;
background-color:#e8e8e8;
width:100%;
}
.gridSep{
width:1px;
background-color: #cccccc;
background-repeat:repeat-y;
}
.gridTxt {
font-size:11px;
color:#666666;
background-image: url(http://www.mezed.com/images/public/finiGridBgd.gif);
}

/****** fini ********/

/**************toute la list link***************/
.ttelist{
color:#00a2ff;
font-size:12px;
font-weight:bold;
}
.ttelist a {
color:#00a2ff;
text-decoration:underline;
}
.ttelist a:link {
text-decoration:underline;
}
.ttelist a:visited {
color:#00a2ff;
text-decoration:underline;
}
.ttelist a:hover {
text-decoration:none;
}

.ttelistwhite{
color:#ffffff;
font-size:12px;
font-weight:bold;
}
.ttelistwhite a {
color:#ffffff;
text-decoration:underline;
}
.ttelistwhite a:link {
text-decoration:underline;
}
.ttelistwhite a:visited {
color:#ffffff;
text-decoration:underline;
}
.ttelistwhite a:hover {
text-decoration:none;
}

/**************toute la list link***************/
/**************toute les liens link***************/
.ttelink{
color:#00a2ff;
font-size:12px;
font-weight:bold;
}
.ttelink a {
color:#00a2ff;
text-decoration:none;
}
.ttelink a:link {
text-decoration:none;
}
.ttelink a:visited {
color:#00a2ff;
text-decoration:none;
}
.ttelink a:hover {
text-decoration:underline;
}
/**************toute les liens  link***************/

/************** enchere en cours BIG ***************/
.BigT {
padding-top:3px;
font-size:14px;
color:#3aa0ff;
font-weight:bold;
background-image:url(http://www.mezed.com/images/public/bE-bgd-top.gif)
}
.BigT a {
color:#3aa0ff;
text-decoration:none;
}
.BigT a:link {
text-decoration:none;
}
.BigT a:visited {
color:#3aa0ff;
text-decoration:none;
}
.BigT a:hover {
color:#7bb7f5;
text-decoration:underline;
}
.BigT h1 {
font-size:14px;
}

.BigTIG {
padding-top:3px;
font-size:14px;
color:#3aa0ff;
font-weight:bold;
background-image:url(http://www.mezed.com/images/public/bE-bgd-top.gif)
}

.BigTime {
font-size:30px;
color:#000000;
font-weight:bold;
}

.BigPrice {
font-size:18px;
color:#3aa0ff;
font-weight:bold;
}

.BigName {
font-size:14px;
color:#999999;
font-weight:bold;
}

/************** enchere en cours BIG ***************/

/************** enchere en cours small ***************/
.smallT {
padding-top:3px;
font-size:12px;
color:#3aa0ff;
font-weight:bold;
background-image:url(http://www.mezed.com/images/public/bE-bgd-top.gif)
}
.smallT a {
color:#3aa0ff;
text-decoration:none;
}
.smallT a:link {
text-decoration:none;
}
.smallT a:visited {
color:#3aa0ff;
text-decoration:none;
}
.smallT a:hover {
color:#7bb7f5;
text-decoration:underline;
}

.smallTime {
padding-top:5px;
font-size:20px;
color:#000000;
font-weight:bold;
}

.smallPrice {
font-size:16px;
color:#3aa0ff;
font-weight:bold;
}

.smallName {
font-size:12px;
color:#999999;
font-weight:bold;
}

/************** enchere en cours small ***************/

/************** enchere futures ***************/
.futurT {
padding-top:3px;
font-size:12px;
color:#3aa0ff;
font-weight:bold;
}

.futurTime {
padding-top:5px;
font-size:20px;
color:#000000;
font-weight:bold;
}

.futurPrice {
font-size:18px;
color:#3aa0ff;
font-weight:bold;
}

.subPrice {
font-size:11px;
color:#666666;
font-style:italic;
}

.futurName {
font-size:16px;
color:#828282;
font-weight:bold;
}

.futurDesc {
font-size:11px;
color:#666666;
}
.futurDescBold {
font-size:11px;
color:#666666;
font-weight:bold;
}

/************** enchere futures ***************/

/************** imgs Div ***************/

.imgwinner{border:#CCCCCC solid 1px; width:66px; height:64px;}
.imgfutur{border:#CCCCCC solid 1px; width:134px; height:80px; background-color:#FFFFFF; padding-top:5px; padding-bottom:5px;}
.imgpub{
  border:#CCCCCC solid 1px;
  width:70px;
  height:65px;
  background-color:#FFFFFF;
  text-align:center;
  vertical-align:middle;
  padding-top:5px;
  }

/************** imgs Div ***************/

/************** footer ***************/
.foot-top{
  background-image:url(http://www.mezed.com/images/public/foot-top.gif);
  background-repeat:no-repeat;
  height:12px;
}
.payT {
font-size:16px;
color:#919191;
font-weight:bold;
}
/**************menu footer ***************/
.menufoot {
color:#acacac;
font-size:12px;
}
.menufoot a {
color:#acacac;
text-decoration:none;
}
.menufoot a:link {
text-decoration:none;
}
.menufoot a:visited {
color:#acacac;
text-decoration:none;
}
.menufoot a:hover {
color:#7bb7f5;
text-decoration:underline;
}
/**************menu footer ***************/
/************** footer ***************/

/************** News Flash ***************/
.newsT {
font-size:13px;
color:#ff8a00;
font-weight:bold;
}

.newsTxt {
  font-size:14px;
  color:#7e7e7e;
  font-style:italic;
}

/************** News Flash ***************/

/************** single auction ***************/
.iconacce {
  width:66px;
  height:52px;
  background-image:url(http://www.mezed.com/images/public/tempo.gif);
  background-repeat:no-repeat;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  color:#FFFFFF;
  font-weight: bold;
}

.histTxt {
font-size:11px;
color:#666666;
background-image: url(http://www.mezed.com/images/public/finiGridBgd.gif);
border: #d5d5d5 solid 1px;
}
.sizetbl{
height:360px;}

.detailDiv{
width:98%;
padding-right:16px;
margin-bottom:12px;
/*height:400px;
overflow:auto;*/
color:#666666;
font-size:12px;
text-align:justify;
margin-left:12px;

}
.detailDiv h1{
font-size:16px;
color:#3aa0ff;
font-weight:bold;
margin-top:12px;
}
.detailDiv h2{
font-size:13px;
color:#2A2A2A;
font-weight:bold;
font-size:14px;
margin-left:12px;
}
.detailDiv h3{
color:#3aa0ff;
font-weight:bold;
font-size:12px;
margin-left:12px;
}
.detailDiv p{
color:#666666;
font-size:12px;
text-align:justify;
margin-left:12px;
}

.bookinput{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #000000;
height: 14px;
width: 72px;
border: #d5d5d5 solid 1px;
padding-left: 2px;
}
/* ----------------- Product Details --------------------------------- */

.detailsProd
{
font-size:12px;
color: #0066CC;
font-weight:bold;
padding-left:5px;
}

.subMsg {
  font-size:12px;
  color:#B7B7B7;
}
/* ----------------- Product Details --------------------------------- */

/* ----------------- filter list products --------------------------------- */

.inputFilter {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  height: 16px;
  width: 260px;
  border: 1px solid #aed7ff;
  padding-left: 3px;
}
.inputList {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  height: 20px;
  width: 260px;
  border: 1px solid #aed7ff;
  padding-left: 3px;
}

.filter_btn{
background-color:#FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold;
  color: #3aa0ff;
  height: 22px;
  border: 2px solid #aed7ff;
  padding-bottom:2px;
}
/* ----------------- filter list products --------------------------------- */
/************** single auction ***************/

/* ----------------- My bidbloom --------------------------------- */
.mymenu{
  position:relative;
  font-size:11px;
  font-weight:bold;
  font-family:Arial,Verdana,Helvitica,sans-serif;
  margin:0px;padding:0;margin-left:14px;
  color:#0099FF;
}
.mymenu ul{margin:0px;list-style-type:square; list-style-position:outside;}
.mymenu ul li{margin-left:10px; margin-bottom:2px;margin-top:2px;}
.mymenu ul li a{color: #999999;text-decoration:none;}
.mymenu ul li a:hover,.mymenu ul li a.current{color:#0099FF;}
/* ----------------- My bidbloom --------------------------------- */

.lowfont {
  FONT-SIZE: 8pt
}
DIV.tool_tip {
  BORDER-RIGHT: #ffffff 5px solid;
  PADDING-RIGHT: 10px;
  BORDER-TOP: #ffffff 5px solid;
  PADDING-LEFT: 10px;
  FONT-SIZE: 8pt;
  filter: alpha(opacity=100, finishopacity=80, style=1);
  PADDING-BOTTOM: 10px;
  BORDER-LEFT: #ffffff 5px solid;
  COLOR: #ffffff;
  PADDING-TOP: 10px;
  BORDER-BOTTOM: #ffffff 5px solid;
  FONT-FAMILY: Verdana,Arial;
  POSITION: absolute;
  BACKGROUND-COLOR: #0066cc
}
.divalert{
width:180px;
height:auto;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#DD0011;
}
.formElem{
border:#FF9900 solid 1px;
padding:0 2px 0 2px;
}
/************** Ajout abderrahmen ***************/
.formElem2{
border:#7f9db9 solid 1px;
padding:0 2px 0 2px;
}
.gridLink, .gridLink a, .gridLink a:link, .gridLink a:visited, .gridLink a:hover{
font-size:11px;
color:#666666;
text-decoration:none;
}
/************** expand link ***************/
.expand{
color:#fff;
font-size:12px;
font-weight:bold;
background-color:#00a2ff;
text-decoration:none;
}
.expand a {
color:#fff;
text-decoration:none;
background-color:#00a2ff;
}
.expand a:link {
background-color:#00a2ff;
text-decoration:none;
}
.expand a:visited {
color:#fff;
text-decoration:none;
}
.expand a:hover {
text-decoration:none;
}
/************** expand link ***************/
@charset "iso-8859-2";
.tools-cells {
  background-image: url(pictures/bgd-tools.png);
  background-repeat: repeat-x;
  height:20px;
  vertical-align:baseline;
}
.tools-left {
  background-image: url(pictures/tools-left.png);
  background-repeat: no-repeat
  height:20px;
  width:3px;
}
.tools-right {
  background-image: url(pictures/tools-right.png);
  background-repeat: no-repeat
  height:20px;
  width:3px;
}

.toolbox{
border:#D4D4D4 solid 3px;
background-color:#F5F5F5;
height:auto;
width:auto;
padding:4px 4px 4px 4px;
}

.toolbxlink, .toolbxlink a, .toolbxlink a:link, .toolbxlink a:visited {font-size:11px; color:#333333; text-decoration:underline;}

.toolbxlink a:hover {font-size:11px; color:#000; text-decoration:none;}


.Stylebare_haute {
  font-family: "AvantGarde-Book Bold";
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}
.Stylebare_mot_long {
  font-family: "AvantGarde-Book Bold";
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}
.StyleMenu_Recherche {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666666;
  font-size: 9px;

}
.StyleBienvenue {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666666;
  font-size: 11px;
  text-decoration:none;
}
.StyleVetrine_decouvrir {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 13px;

}
.StyleDesc_vitrine {
  color: #2179a1;
  font-size: 9px;
  font-family: Arial, Helvetica, sans-serif;
}
.StylePrix_vitrine {
  color: #b61001;
  font-size: 11px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
.Styletype_instrument {
  font-family: Arial, Helvetica, sans-serif;

  color: #666666;
  font-size: 12px;

}
.StyleLogo {
    font-family: Arial, Helvetica, sans-serif;
  color: #E42723;

  font-size: 12px;
}
.StyleHaut_footer{
    font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 12px;
}
.StylePtit_Chiffre {color: #FF0000}
.StyleMenu_gauche {	font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
}
.StyleType_guitar {
  font-size: 12px;
  color: #FF0000;
  font-weight: bold;
}
.Style_chemin {	color: #666666;
  font-size: 14px;
}
.Style_Sous_Desc {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #2179a1;
  text-decoration:none;
}
.Style_Plus {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #2179a1;
  text-decoration:none;
}
.CROCHET {
  color: #999999;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}
.NUMERO {color: #FD172A; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.NUMERO_CURRENT {color: #999999; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.StyleMenu_gauche {	font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
  text-decoration:none;
}
.StyleType_guitar {
        font-size: 12px;
        color: #FF0000;
        font-weight: bold;
}
.Style_chemin {
        color: #666666;
        font-size: 14px;
}
.Style_Sous_Desc {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #2179a1;
}
.Big_Description {
padding-top:5px;
font-size:20px;
color: #666;
font-weight:bold;
}
.StylePrix_details {
        color: #b61001;
        font-size: 15px;
        font-family: Arial, Helvetica, sans-serif;
}
.Achetez_btn{
background:/musicplus/images/btn-buy-now-blancs.gif;
}
.Style2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2179a1; font-weight: bold; }
table#infotabs {
  border-collapse: collapse;
}
table#infotabs th {
  border: 1px solid #d6d4d5;
  font-weight: normal;
  background: white  url(../../../musicplus/images/tabbg.gif) left bottom repeat-x;
}
table#infotabs th a {
  color: #666;
  text-decoration: none;
}
table#infotabs th label {
  cursor: pointer;
}
table#infotabs th.active {
  /* If I set the border to 'none', I get drawing bugs when I change classes with javascript */
  border-bottom: 1px solid white;
  background-image: none;
}
table#infotabs tbody td {
  border: 1px solid #d6d4d5;
  border-top: none;
  padding: 12px;
}
table#infotabs thead td {
  border-bottom: 1px solid #d6d4d5;
  padding: 12px;
}



table#tab {
  width: 386px;
  height: 200px;

}
table#tab th {
  border: 0px solid #d6d4d5;
  font-weight: normal;

}
table#tab th a {
  color: #666;

}

table#tab th.active {
  /* If I set the border to 'none', I get drawing bugs when I change classes with javascript */
  border-bottom: 1px solid white;
  background-image: none;
}
table#tab tbody td {
  border: 0px solid #d6d4d5;


}
table#tab thead td {
  border-bottom: 0px solid #d6d4d5;
  padding: 12px;
}
div#desc, div#specifications, div#reviews, div#garantie, div#learnmore {
  display: none;
}

div.active {
  display: block !important;
}