/*
  $Id: stylesheet-1.css,v 1.2 29.07.2009 15:11:46 oscim  Exp $
// kate: replace-trailing-space-save true; space-indent on; indent-width 2; mixedindent off; indent-mode cstyle; word-wrap-marker-color #41C2A4
+-----------------------------------------------------------------------+
|                  osCSS Open Source E-commerce                         |
+-----------------------------------------------------------------------+
*/

body { background:#e4e4e4 url(../../../images/back.jpg) repeat-x; color:#000; margin:0; padding:0; font: normal 11px Verdana, Arial, sans-serif; }

/* prepend  */
* {margin:0;padding:0}
a:link, a:visited {text-decoration: underline; color:#000;}
a:hover { text-decoration: none; }
img { border-width:0 ; margin:0; padding:0; vertical-align:middle; }
h1 { font-size: 2em ; padding:1em; }
h2 { font-size: 1.2em ;}
h3 { font-size: 1.2em ;}
h4 { font-size: 1em ; }
h5 { font-size: 1em ; }
p {padding:1em;}
/* form */
#form_bt  { width: 80%;  margin: 1em 2em;}
input.radioInput {width:30px;}
fieldset { width: 80%;  margin: 1em 2em; padding:1em; border:none; }
fieldset p { margin: 1em 0 0 0; }
fieldset input { min-width:200px; display:inline-block;}
fieldset label { /*width: 180px;*/ line-height: 18px; margin-right: 10px; display:inline-block; text-align: right; padding: 0 0 2px 0;}
fieldset ul { list-style:none;}
ul.form_radio_inline{display:inline-block;}
.spacer {clear:both;}

/* Structure */
#header {background:transparent url(img/1/bg_header.jpg) repeat-x ; width:100%; height:25px; position:fixed;z-index:10;}
 /* hedader */
#headInfos h1 {float:left; margin:2px; padding:0; border-width:0;}
#headInfos h2 {padding-top:3px;float:left;color:white;}
#headInfos a {padding:5px 0 0 5px;float:left;color:white;text-decoration:none;}
#headInfos a:hover{text-decoration:underline;}

#menubar{ clear:both; background:transparent url(img/1/menu_bg.jpg) repeat-x ; border-top:0px solid #bdbdbd; border-bottom:1px solid #ccc; height:22px; margin:0; padding:0;position:fixed; z-index:10;}

#message{ position:relative; top:48px;}

/* user bar  */
div#user {  background:transparent url(img/2/menu_bg.jpg) repeat-x ; border-top: 1px solid #fff; text-align:right; padding-right:10px; height:25px; right:0; width:350px;  position:fixed; z-index:10; float:right;
 margin-top:-20px;  margin-top:-1px;}
div#user ul{ top:-20px;  }
div#user ul li {  display: inline; }
div#user, div#user a{color:white}
div#user select { vertical-align:middle; width:80px; }

 /* content */
#central { position:relative; top:40px;padding:10px 5px; width:85%;float:right; min-height:400px;}
#central h3{border-bottom:1px solid black; font-size:17px; font-weight:bold; margin:0 0 10px; padding:0 5px 10px 3px; }

#central div.box_uniq { width:99%; float:left; }
#central div.box_left { width:60%; float:left; }
#central div.box_right { width:39%; float:right; background:#F1F1F1;}


  /* Block formulaire central */
#central .block_form { -moz-border-radius:10px; -webkit-border-radius: 10px; width:99%; margin:0;padding:5px 0.2em 10px 0.2em; display:inline-block; text-align: left;  background:#C9C9C9;}
#central .block_form .tabs_lang{width:98%; float:left;}
#central form .block_input { -moz-border-radius:10px; -webkit-border-radius: 10px; width:48%; margin:2px 1px; display:inline-block; text-align: left; padding: 0 5px; background:#DEDADE;float:left;line-height:30px;}
#central form dt.block_input {width:98%}
#central form .block_input .hasDatepicker{  margin:2px 1px; display:inline-block; text-align: left; padding: 0 5px; background:#DEDADE;float:left;line-height:30px; min-width:0;}
#central form .block_field { -moz-border-radius:10px; -webkit-border-radius: 10px;width:97.3%; margin:2px 0; display:inline-block; text-align: left; padding: 0 5px; border:1px solid #ACAAAC;float:left;}
#central form fieldset legend  { padding:0 25px;}
#central form p input { margin:5px 15px; min-width:200px; }
#central form label { margin:5px 15px; line-height: 18px; display:inline-block; text-align: right; padding: 0 0 2px 0; width:25%; float:left;}
  /* Block formulaire central  block right */
#central .box_right form .block_input { -moz-border-radius:10px; -webkit-border-radius: 10px; width:97%; margin:2px 1px; display:inline-block; text-align: left; padding: 0 5px; background:#DEDADE;float:left;}
#central .box_right form label { width:30%;}
#central .box_right form fieldset .button_nav input.block_input {min-width:0; }

/*   div.box_left, div.box_right {-moz-border-radius:10px; -webkit-border-radius: 10px;} */
/* footer */
#bas { margin-top:6em; clear:both; height:25px; background:transparent url(img/1/menu_user_bg.jpg) repeat-x ;}
#bas a {padding: 4px 25px;}
#bas a.oscommerce { background: transparent url(img/1/oscss.png) 0px 2px no-repeat; text-decoration:none; }
#bas a.oscss { background: transparent url(img/1/oscss.png) 0px 2px no-repeat; text-decoration:none; }





/* account */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }

/* attributes */
.attributes-odd { background-color: #f4f7fd; }
.attributes-even { background-color: #ffffff; }

/* row effects */
#rowOut {  }
#rowOver { background-color: #fffaf3; cursor: auto;}


td.main img, td.smallText img, td.infoBoxContent img {vertical-align: baseline;}
/* new table design */
table.dataTable tbody {background-color: #f1f1f1;}
/* data table */
table.dataTable { width:100%; border-width:0; border-collapse: collapse; background: #fff; }
.dataTable tr{border:1px solid transparent;cursor:default}
.dataTable thead tr{border-top-color: #FFFFFF; border-bottom-color: #525552; border-left-color: #FFFFFF; border-right-color: #525552; border-style: solid; border-width: 1px;}
.dataTable th{ height:40px; background-color: #C9C9C9; font-size:1em; font-weight:bold; text-align:center }
.dataTable tr td{ color: #000000;padding: 2px; font-size: 10px;cursor:default}
.dataTable td.row_action { width:150px; text-align:right;}
.dataTable td.row_action_large { width:250px; text-align:right;}
.dataTable td.row_customers { width:250px; text-align:left;}

/* Onglet */
.tabPage { border: solid #ccc; border-width: 0px 1px 1px 1px; background: #f5f5f5; position: relative; top: 0; z-index: 0; }
/* Class apercu ligne au survol */
.dataTableRow {background-color: #F0F1F1;}
tr.dataTableRow:hover{ background-color: #fffaf3; cursor: pointer;}
tr.dataTableRow.Selected { background-color: #fbebb1;}
/* .dataTableRow td.hierac_enfant {padding-left:0.7em;} */
/* class qui rend element enfant visible au survol de l'element parent*/
  .view.fils {display:none}
  .dataTable tr:hover .view.fils,
  .dataTableRow.Selected .view.fils,
  .view.parent:hover .view.fils{display:block;height:18px}
/* sort by*/
.sort_by { clear:both;display:block; text-align:center; width:100%}
.sort_by .Selected { border-bottom:2px solid red;}
/* Bouton bas page*/
.button_nav{clear:both;}


/* info box  block droit */
li.infoBoxHeading , .infoBoxHeading ul,li.infoBoxContent , .infoBoxContent ul{list-style:none;}
.infoBoxHeading { background-color:#C9C9C9; border-color:#FFFFFF #525552 #525552 #FFFFFF; border-style:solid; border-width:1px; color:#000000; font-size:12px; font-weight:bold; height:25px; margin-top:-1px; padding:13px 0 0 10px;}
.infoBoxContent{ border-width: 0px 1px 0px 1px; border-color: #E6E6E6; border-style: solid; padding: 2px; font-size: 10px; color: #000; background-color: #f1f1f1; }
ul.infoBoxContent li{list-style:none;clear:both;}
/* buttons */
.button{font-family:Arial; font-size:13px;white-space:nowrap; float:right;-moz-border-radius:5px; -webkit-border-radius: 5px;}
input.button{background:#e3e5f0; border:1px solid #003c74; padding:1px 5px; margin:1px 2px;color:black;  -moz-border-radius:5px; -webkit-border-radius: 5px;}
input.button:hover{background:#797979;   color:white;}
a.button{background:#e3e5f0; border:1px solid #003c74; padding:2px 5px; margin:1px 2px ;color:black;text-decoration:none;-moz-border-radius:5px; -webkit-border-radius: 5px;height:17px; line-height:17px;}
a.button:hover{background:#797979;  color:white;text-decoration:none;}


/* Styles for categories tabbed-pages */

table.categories {      background: #f5f5f5; text-align: left;  z-index: 0; }
table.categories td, tr { text-align: left; font-size:12px; }
table.categories .radio { width:20px; }
table.categories input , table.categories select {      width: 300px; }
table.categories textarea {     width: 100%;    height:250px;}
.categories div, .categories table{ margin:0 auto; }

table.titleTag input {  width: 500px; }
table.descTag textarea ,table.keywordTag textarea { width: 500px;       height:100px;}

/*old layout ( this will be removed in further version ) */

td.pageheading { font-size: 18px; font-weight:bold; padding:5px 0;}


/* Widget */
#customerStats {background:transparent url(img/1/header_stats.png) no-repeat bottom right;}
#orderStats {background:transparent url(img/1/header_orders.png) no-repeat bottom right;}
#customerInfos {background:transparent url(img/1/header_infos.png) no-repeat bottom right;}
#salesStats {background:transparent url(img/1/header_sales.png) no-repeat bottom right;}
/* #orderStats, #customerStats , #customerInfos, #salesStats {float:right;} */
#headInfos {/* height: 110px;*/  margin:0; padding:0;}
/* #orderStats, #customerStats, #customerInfos  { display:block; width: 170px; height: 110px;  } */
/* #salesStats { display:block; width: 320px; height: 110px;  } */
#orderStats ul, #customerStats ul, #salesStats ul { list-style-type:none; margin:0 0 0 2px; padding:0;}


/* Widget BOX */
.adminBlock,.box {float:right; border:1px solid #dedede; margin:10px;border-left:1px solid #fff; border-right:1px solid #ccc;min-width:200px;}
.adminBlock h3,.box h3 { margin: 0;height:27px; background:transparent url(img/1/menu_bg.jpg) repeat-x ; padding:0.3em;}
.adminBlock ul,.box ul { list-style-type:none; margin:0 0 0 2px; padding:0;}
/* Widget block header admin*/
.adminBlock {margin:0;}

/* user bar  */
div#user ul li,div#user ul li form {  display: inline; }
div#user select { vertical-align:middle; width:80px; }

/* general  */
#content { margin-top: 2em;}
div.separator { height:0; margin:0; padding: 0; clear:both; visibility:hidden;}
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { color: #ff0000; }
.smallText { font-size: 0.8em; }
.errorText { color: #ff0000; }

div.editBlock {  background-color: #DFDFDF; }

.block { display:block; background: transparent url(img/1/menu_bg.jpg) repeat-x; border-color:#fff #dedede #dedede #fff; border-style:solid; border-width:1px; color:#000; padding:3px; }


/* Switcher */
p.themeSwitcher { text-align:right; margin:0; padding:2px 1em 0 0;width:150px; }
p.themeSwitcher select { vertical-align:middle; font-size:0.8em; width:100px; }

/*  ---- menu  ---- */

#accordion {width:13%;float:left;position:relative; top:35px;/*min-height:300px;z-index:10*/}
#accordion{ padding:0; margin:1px 0;  }
#accordion ul { padding:0; margin:3px 0;  }
#accordion ul li{ padding:0; margin:0px 0 0 -5px; list-style:none; }
#accordion .disabled, #accordion .disabled:hover { display:none; }
#accordion .disabled ul li a, #accordion .disabled ul li a:hover { display:none; }

/*  ---- ss menu  ---- */
#ssmenu a { float:left; border:1px solid black; padding:5px 10px 5px 20px; margin:0 1px; }

/*  ---- MEnu  ADmin ---- */








/*--sales stats box --*/
#salesStats .BarGraph { background: url(img/1/horizontal_line.png) bottom left; border-bottom: 1px solid #333; font: 9px Helvetica, Geneva, sans-serif; height: 50px; width:230px; margin: 1em 1em 2em 1em; padding: 0; position: relative;color:#000;font-weight:bold; }

#salesStats .BarGraph li { width: 11px; }
#salesStats .BarGraph li.p0{margin:0 0 -3px 16px;color:#FFF;}

/*bar graph for sales_stats.php*/
.BarGraph { background: url(img/1/horizontal_line_2.png) bottom left; border-bottom: 1px solid #FFF; font: 9px Helvetica, Geneva, sans-serif; height: 200px; margin: 1em 0 2em 0; padding: 0; position: relative;color:#000;font-weight:bold; }
.BarGraph li { border: 1px solid #ccc; border-bottom: none; bottom: 0; color: #FFF; margin: 0; padding: 0; position: absolute; list-style: none; text-align: center; width: 44px;color:#000;font-weight:bold; }
.BarGraph li.p0{margin:0 0 -15px 50px;font-weight:bold;}
.BarGraph li.bar{color:#FFF;font-weight:bold;}
.legend {margin:20px;width:200px;text-align:center;}

/* Onglet */
.tabPage { border: solid #ccc; border-width: 0px 1px 1px 1px; background: #f5f5f5; position: relative; width:99%; top: 0; z-index: 0; }

/* Bouton bas page*/
.button_nav{clear:both;}


/* --- message box --- */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; padding:0;}
.messageStack{ font-family: Verdana, Arial, sans-serif;}
.messageStackError, .messageStackWarning { background:transparent url(img/1/menu_bg_error.jpg) left top repeat-x;padding:0; height:20px;line-height:25px;}
.messageStackSuccess { background:transparent url(img/1/menu_bg_success.jpg) left top repeat-x; padding:0; height:20px;line-height:25px;}
.messageStackNotice { background:transparent url(img/1/menu_bg_success.jpg) left top repeat-x; padding:0; height:20px;line-height:25px;}

/* general class */
.error{ color:red; }
.info{ color:blue;}
div.info{ color:black;padding:10px 2px;  border:2px solid #3A3B35; -moz-border-radius:10px; -webkit-border-radius: 10px; background:#73756A;}
.alert{ color:yellow; }

.fright{ float:right; }
.fleft {float:left; }

.tleft{text-align:left}
.tright{text-align:right}
.tcenter{text-align:center}

.inline { display:inline }

.nobr {white-space:nowrap;}

/* PAge sPECIFIQUE*/
    /* homePage */
#homestats { background:transparent url(../../../images/stats.gif) bottom right no-repeat; }
#homestats dd {margin-left: 14em; padding: 3px; margin-bottom: 5px; line-height: 1.5em}
#homestats dt {float:left; width: 13em; padding: 3px; line-height: 1.5em; text-align:right; font-weight:bold;}
#homestats dl {padding: 5px 0 10px 5px;}
#homeNews { background:transparent url(../../../images/feed.gif) bottom right no-repeat; }
#homeNews dl {padding: 5px 0 10px 5px;}
#homeNews dt {padding: 3px; font-size:12px; font-weight:bold;}
#homeNews dt span.date {font-size:9px; color:gray;}
#homeNews dd {padding: 3px; margin-bottom: 5px;}
#homeNews dt a {text-decoration:none; color:#545683;}
#homeNews dt a:hover {color:#9D9FBF;}


#bas{ clear:both; background:#797979; color:white;}
#bas a{ color:white;}
#bas #author img{ clear:both;position:relative; top:21px; left:-150px;}
#bas #author h2{ float:left;position:relative; left:150px; width:210px}

.box {
  width:95%;
  display:block;  border-left:1px solid #fff; border-right:1px solid #ccc;
}
#headInfos h1 {float:left; margin:5px 0 0 0; padding:0; border-width:0;}
#headInfos h2 {float:left; margin:5px 0 0 0; padding:0; border-width:0;}
/* #orderStats, #customerStats , #customerInfos, #salesStats {float:right;} */
/* #headInfos { height: 50px;  margin:0; padding:0;} */
/* #orderStats, #customerStats, #customerInfos  { display:block; width: 170px; height: 110px; border-left:1px solid #fff; border-right:1px solid #ccc; } */
/* #salesStats { display:block; width: 320px; height: 110px; border-left:1px solid #fff; border-right:1px solid #ccc; } */
/* #orderStats ul, #customerStats ul, #salesStats ul { list-style-type:none; margin:0 0 0 2px; padding:0;} */



/* header  */
#header{ background:transparent url("img/2/menu_bg.jpg") repeat-x;}


/* footer */
div#footer { text-align:center; margin:0; padding:25px 0 0 0; color:white; background:#090909; position:relative;clear:both; bottom:0; }
div#footer a {  color:white;}


/* statistqiue et rapport*/
table.dataTable.stat.stock tr {margin:2px; position:relative }
#central.stats tr.OutofStock {background:#DEA1DE;}
#central.stats tr.dataTableRow.attribute.stock { border-left:1px solid black; }
#central.stats table tr table { margin:0; padding:0; border:0; }

/* Cat list lors edition article ou cms */
#central #cat_list_in_edit {overflow: auto; max-height: 160px; background-color: #fff; padding: 5px; line-height: 15px; border: 1px solid #666; -moz-border-radius: 10px;}