/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License

  MDF CSS

*/

/* index    */
TABLE#IndexMain{  background-position:0px /* LEFT */  0px /* TOP */ ; background-repeat:no-repeat ; background-image:url(images/default/background_IndexMain.jpg)!important}
TABLE#IndexMain_demi{  background-position:0px /* LEFT */  0px /* TOP */ ; background-repeat:no-repeat ; background-image:url(images/default/background_IndexMain_demi.gif)!important}
/* boxes content*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.manufacturers {}
.information { background-color: #EAF9FF ; border:1px solid #7DC6E8}
.sub_heading{background-color:#E8FDFF}
.promotions{background-color: #FF6600}
DIV#basket{ height:50px;}
IMG#basket_top{position:relative; top:2px ;left:4px}
IMG#basket_bottom{position:relative; bottom:0px;left:4px}

/* categorie lvl   */ /* MDF CSS  */
.A_cat_Flv1{text-indent:12px; color:#000; width:145px;  line-height:18px; display:block; text-decoration:none!important;background-image: url(images/default/rond_puce.gif); background-repeat:no-repeat; background-position:2px 7px }
TD#Flv1{background-image: url(images/infobox/categorieLvl1.gif) ;background-position:1px 0px  }

.A_cat_Flv2{text-indent:12px;  color:#000; width:145px; line-height:18px; display:block; background-image: url(images/default/triangle_puce.gif); text-decoration:none!important;background-repeat:no-repeat;background-position:2px 7px}


.A_cat_Flv1:hover, .A_cat_Flv2:hover{ color:#000;}

#flower_cat{  text-decoration:none } /* TODO hack ie bad moz ok  */
#flower_cat_bottom{  text-decoration:none }/* TODO hack ie bad moz ok  */

/* on error   */
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/* sub categorie*/
#subcat{background-image: url(images/default/background_sub.png); background-repeat:no-repeat ; padding:2px 4px;     }
.img_subcat{ float:right; margin-bottom:12px}

/* html */
BODY {margin:0px  0px  30px 0px ;background-image: url("images/default/DECO-OMBRES-LATERAL.gif");
background-color:#FFFFE5 ;background-attachment:fixed; background-repeat:no-repeat; background-position:center;
}


H1{ font-size:16px}
H2{ font-size:14px}

A {
  color: #000000;
  text-decoration: none; cursor: pointer
}

A:hover {
  color: #93D615;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: transparent ;
     /*  MDF CSS  */
  color: #ffffff;
  font-weight : bold;
  line-height:22px
}
TD.headerNavigationLight {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
background-color: transparent ;

     /*  MDF CSS  */
  color: #ffffff;
  line-height:22px
}

div a.headerNavigation{ color: #fff }


.header.A.headerNavigation {
  color: #6E6E6E;
  }
.header.headerNavigation    {
  color: #6E6E6E;
}



#vousetesici A.headerNavigation  {
  color: #000;
}
 /* MDF CSS */

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #B6CF59; line-height:16px
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #B6CF59;/* MDF CSS */
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #FFFFFF; /* MDF CSS */
}

.infoBoxContents {
 /* background: #fff;*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeadingMain {
background-color:#B6CF59;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
 /*MDF CSS*/
  color: #ffffff;
  line-height:22px ; text-indent:4px
  /*MDF CSS*/
}


TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
 /*MDF CSS*/
  color: #ffffff;
  line-height:26px ;
  /*MDF CSS*/
}

.MainContent { border: 1px #9A9A9A solid}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}


#PRODUCTS_MAIN {width:400px!important; font-size:10px; border: 1px solid #ACA899}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;

}
.productListing-heading a { color: #F9F8C4; text-decoration:none; padding:0px 6px 0px 4px} /* MDF CSS*/
.productListing-heading a:hover { color: #9A9A9A; text-decoration:none } /* MDF CSS*/
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px; background-color:#008F31;

  background-position:1px; line-height:23px; padding:0px 4px 0px 4px ;
  color: #F9F8C4;
  font-weight:bold;  display:table-cell;  /*MDF CSS TODO : ici on rajoute display: table-cell pour que les cellules d entete soit ajust�e par aport au texte en de la page  */

}
img.noborder { border:none}
img { border:none}
 /* productListing-data  case blanche    MDF CSS TODO : ici on veut obtenir une case de differente couleur en alternance     */

TD.productListing-data_0  ,TD.productListing-data_2 ,TD.productListing-data_4      {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #FFFFFF
}

.productListing-data_0 IMG{ border:none; padding: 2px 4px 2px 4px; }

TD.productListing-data_1  ,TD.productListing-data_3 ,TD.productListing-data_5     {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color:#EAF9FF;
  padding: 4px 8px 4px 8px;
  background-image:url(fleche_blanche_gauche.png);
  background-repeat:no-repeat;
  background-position:0% 50%

}
TD.productListing-data_5 { width:50px}
TD.productListing-data_0 { width:100px}
TD.productListing-data_0, TD.productListing-data_2 ,TD.productListing-data_4{
 background-image:url(fleche_bleue_gauche.gif);
 background-repeat:no-repeat;
 background-position:0% 50%;

}
/* MDF CSS*/
.productCar-heading {color:#fff;text-decoration:none; padding:4px 4px 4px 4px; background-color:#CC0033;font-family: Verdana, Arial, sans-serif;
  font-size: 10px;}

TD.productCart-data_1, TD.productCart-data_3 {  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color:#fFF;}

TD.productCart-data_2, TD.productCart-data_4 {  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color:#fff;}

  /*BOXE HISTORIQUE*/
TR.infoBoxHist_0  {  font-family: Verdana, Arial, sans-serif;
  font-size: 10px; background-color:#C8EA89; line-height:20px; text-indent:10px;}
TR.infoBoxHist_1 {  font-family: Verdana, Arial, sans-serif;
  font-size: 10px; background-color:#FFF;line-height:20px;text-indent:10px;}
TR.infoBoxHist_1 a, TR.infoBoxHist_0 a { font-size:12px!important;}


TABLE#historique TR TD{ padding:3px 8px 3px 8px!important}

TABLE#historique{ background-color:transparent;border:1px outset ;margin: 8px 0px; width:100%; font-size:12px!important }

#mousemove{
	width: 100%;
	height: 340px;
	overflow: auto ;

}


.historique { /*background-image:url(images/default/back_colomn_histo.jpg); border:1px solid  #CCCCCC ; height:400px*/}

#Scrllhaut , #Scrllbas { background-color:transparent; width:120px; height:40px; border:none}
#Scrllhaut  {  background-image:url(images/default/Scrllhaut.gif); background-repeat:no-repeat; background-position:center}
#Scrllbas {  background-image:url(images/default/Scrllbas.gif); background-repeat:no-repeat; background-position:center}

.pageResults a {
  color: #0000FF; text-decoration:none!important;
}
/*TODO : ici on regle l 'affichege du texte  "Voyons ce que nous avons ici" */
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color:#53AC39;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  font-weight: normal; /* TODO: ici on regle la graisse dutexte */
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}



TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight:bold;
  color: #CC0033 ;
  text-align:left
}


SPAN.shop_cart_show_total{font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14;
  color: #fff ; padding-right:10px }

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;

}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font:bold 12px Verdana, Arial, sans-serif;
  color: #ff0000 !important;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow {background-color: #C2D689 }
.moduleRowOver { background-color: #EAF9FF; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #ffb3b5;  }

.messageStackError IMG , .messageStackWarning IMG,.messageStackSuccess IMG{ float:left}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color:#EAF9FF; }

/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #BB002F; }

/* TEXT_RESULT_PAGE */

.listing_split_nav  {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000!important;text-decoration:none!important}
.listing_split_nav a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color:#60C141;
text-decoration:none!important; border:none!important}
.listing_split_text  {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000!important;text-decoration:none!important}
.listing_split_nav img{ margin: -3px}


/* AJAX BOXES*/
.panier{background-position:-4px  2px ; background-repeat:no-repeat ; background-image:url(images/infobox/basket_full_complete.gif)!important; background-color: transparent ; height:100px; margin-left:4px}

.transport{background-position:0px  0px  ; background-repeat:no-repeat ; background-image:url(images/infobox/weight_full_complete.gif); background-color: transparent ; height:110px; }


.shop_cart_show_weight_price{font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:14px!important;color:#FFFFFF!important }


