/*
  $Id: stylesheet.css,v 1.2 2003/09/24 15:18:14 wilt Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2002 osCommerce

  Released under the GNU General Public License
*/
/* links */
a:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }

a:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: underline; }

a:link.headerLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; text-decoration: none; }
a:visited.headerLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; text-decoration: none }
a:active.headerLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; text-decoration: none; }
a:hover.headerLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; text-decoration: underline; }

a:link.menuBoxHeadingLink { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a:visited.menuBoxHeadingLink { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a:active.menuBoxHeadingLink { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a:hover.menuBoxHeadingLink { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }

a:link.menuBoxContentLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a:visited.menuBoxContentLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a:active.menuBoxContentLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a:hover.menuBoxContentLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: underline; }

a:link.splitPageLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a:visited.splitPageLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a:active.splitPageLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a:hover.splitPageLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: underline; background-color: #FFFF33; }

/* menu box */
.menuBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; background-color: #ffffff; }
.menuBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; }

a img
{
    border:none;
}
/* page */
body { font-family:Verdana;
	font-size:8pt;
	padding:0px;
	margin:0px;
	background-color:#EEEEEE;
	/*position: relative;
	height: 100%;
	min-height:100%;*/
	overflow:hidden; /*Pour IE */
	overflow-y: auto; /* Pour Firefox */
	overflow : -moz-scrollbars-vertical; /* Pour Firefox */  }
.headerBar { background-color: #B3BAC5; }
.headerBarContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; padding: 2px; }
.columnLeft { background-color: #F0F1F1; border-color: #999999; border-width: 1px; border-style: solid; padding: 2px; }
.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #727272; font-weight: bold; }

/* data table */
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowMasterProduct{background-color: #B3BAC5; font-weight:bold;}
.dataTableRowOdd {background-color:#E0E1E1;}
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.dataTableContentBold {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; font-weight:bold;}

/* info box */
.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; background-color: #B3BAC5; }
.infoBoxContent { font-family: Verdana, Arial, sans-serif; padding:7px 3px; font-size: 10px; color: #000000; background-color: #DEE4E8; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* forms */
CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
FORM { display: inline; }

/* 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; }

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.main { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorText { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* WebMakers.com Added: Editing Attributes */
.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #808080; }
.TR.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #808080; }
.TD.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #C0C0C0; }

/* Lango Infobox Admin */
.infoboxAdmin { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; }
.infobox-listing-odd {   background: #f8f8f9; }
.infobox-listing-even {   background: #F0F1F1; }
.productListing-odd {   background: #f8f8f9; }
.productListing-even {   background: #E0E1E1; }

.VisitorTableBox {border-top: solid 1px #000000; border-left: solid 1px #000000; }
.VisitorTableHeadingContent { font: bold 8pt Verdana, Arial, sans-serif; color: #000000; font-weight : bold; border-right: solid 1px #000000; border-bottom: solid 1px #000000; }
.VisitorTableContent { font: normal 8pt Verdana, Arial, sans-serif; color: #000000; border-right: solid 1px #000000; border-bottom: solid 1px #000000; }

form, form label, ul li, ul li a
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}


/************ WIKI *************/
.wiki_product_description{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10pt;
	line-height:1.7em;
}

.wiki_product_description li{
}

.wiki_product_description h1{
	font-size:12pt;
}
.wiki_product_description h2{
	font-size:11pt;
}
.wiki_product_description h3{
	font-size:10pt;
	margin-bottom:0px;
}

.wiki_product_description a{
	text-decoration:none;
}

.wiki_product_description a:hover{
  text-decoration: underline;
  font-weight:bold;
}

h2.product_description {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12pt;
}

h2.product_properties {
	margin-top:20px;
	margin-bottom:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11pt;
	color:#8F0221;
}

div.product_properties_text {
	margin-left:25px;
}

div.product_properties_text li {
}

p.disclaimer {
	font-weight:bold;
	font-size:8pt;
	line-height:normal;
	margin:15px;
	padding:8px;
	color:#555555;
	border:1px solid #cccccc;
	background-color:#FFFFdd;
}

p.boxinfo
{
	margin:15px;
	padding:8px;
	border:1px solid #cccccc;
	background-color:#FFFFdd;
	width:80%;
}

p.boxwarning
{
	margin:15px;
	padding:8px;
	border:1px solid #cccccc;
	background-color:#FFF5D6;
	color:#000000;
	width:80%;
}

.productTitle, h2.pageHeading
{
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#383C41;
    height:30px;
    line-height:30px;
    margin:0;
    padding-left:10px;
    margin-bottom:10px;
}

.productLabel
{
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    text-align:right;
}

.productTabLabel
{
    font-family:Verdana;
    font-size:12px;
    /*font-weight:bold;*/
}

td.tabSection
{
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:#971B1B;
    border-bottom:solid 1px #5E6267;
    height:25px;
}

.tab
{
    /*border-top:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;*/
    padding-left:30px;
    padding-right:30px;
    cursor:pointer;
    background-color:#F0F1F1;
    padding-top:10px;
    padding-bottom:10px;
}

.tabTitle
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
   /* font-style:italic;*/
    color:white;
    cursor:pointer;
    display:block;
    padding: 6px 6px;
}

.productNameInput
{
    font-family:Verdana;
    font-size:14px;
}

table#qty_discount_table, table.ajax_list
{
    margin-top:10px;
    width:95%;
    border-collapse:collapse;
    border:1px solid black;
    background-color:#F0F1F1;
}

    table#qty_discount_table tr td, table#qty_discount_table tr th, table.ajax_list tr td,  table.ajax_list tr th
    {
        border: 1px solid black;
        padding : 2px 5px;
        height : 25px;
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
    }

    table#qty_discount_table tr th, table.ajax_list tr th
    {
        background-color : #B3BAC5 ;
        color : #FFFFFF ;
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
    }

    table#qty_discount_table tr td.right, table.ajax_list tr td.right
    {
       text-align: right;
    }

    table#qty_discount_table tr td.center, table.ajax_list tr td.center
    {
       text-align: center;
    }

    td.qty_discount label, td.qty_discount input, table.ajax_list label, table.ajax_list input
    {
        margin-left : 10px ;
    }

    td.qty_discount input#qty_discount_from_qty, td.qty_discount input#qty_discount_unit_price
    {
        width : 50px ;
    }

    table.ajax_list th.buttons
    {
        width:36px;
    }
    table.ajax_list th.id
    {
        width:30px;
    }
    table.ajax_list tr.selected
    {
        background-color : #B3BAC5;
    }
    table.ajax_list tr:hover
    {
        background-color:#FFFFFF;
    }

    table.ajax_list td input
    {
        width:100%;
        padding:0;
        margin:0;
    }
    table.ajax_list td a.link
    {
        display:block;
        width:auto;
    }

    table.ajax_list td a:hover
    {
        color:#999999;
    }


/* Content zone*/
div#content_zone
{
    margin-top:10px;
    width:95%;
    margin-left:40px;
}

div#list_attribute_zone
{
    width:450px;
    float:left;
    margin-bottom:15px;
}

div#data_attribute_zone
{
    width:450px;
    display:none;
    margin-left : 20px;
    float:left;
}

h3
{
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:#971B1B;
    border-bottom:solid 1px #5E6267;
    height:25px;
}

/* Style de la page master product*/
div.value_attribute_choice
{
    width:250px;
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}
div.value_attribute_choice select
{
    width:250px;
}
div#data_master_product
{
    margin-bottom : 15px;
}
div#data_master_product ul
{
    list-style-type : none;
    background-color : #B3BAC5;
    padding:0;
    margin:0;
    margin-bottom : 15px;
}

div#data_master_product ul li
{
    list-style-type : none;
    background-color : #B3BAC5;
    padding:3px;
}

div#data_master_product ul li input
{
    width : 90%;
}

table#tbl_data_master_product
{
    width:100% ;
}

table#tbl_data_master_product tr td
{
    padding:3px ;
}

table#tbl_data_master_product tr td label
{
    padding-left:5px ;
}

/* Tooltip */

.ToolTipBox
{
    position:absolute;
    background-color:#FFFDE0;
    color:black;
    padding:5px;
    border:1px solid black;
    font-family:Verdana, Arial;
    z-index:1000;
    text-align:left;
    -moz-border-radius: 0.5em;
    border-radius:0.5em;
    font-size:11px;
}

#VisibleToolTip
{
    text-decoration:none;
}

.button, .button:link, .button:visited, .button:hover
{
    font-size:12px;
    border:1px solid #000000;
    background-color: #eeeeee;
    padding:3px;
    margin: 3px 2px !important;
    cursor: pointer;
    font-weight:bold;
}
a.button, a.button:link, a.button:visited, a.button:hover
{
    display:inline-block;
    margin: 3px 2px !important;
    text-decoration:none;
}
.button:hover
{
     background-color: #cccccc;
     padding:3px;
    margin: 3px 2px !important;
}
.dataTableAlternatingRow{ background-color: #E0E0E0; }
.dataTableWarningLevel1Row{ background-color: #FFFF70;}
.dataTableWarningLevel2Row{ background-color: #FF3333;}
.login_heading { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #ffffff;}
.login { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000;}

.ui-datepicker-trigger
{
    vertical-align: middle;
    margin-left:3px;
}
/* PURE CSS */
.pure-form input[type="text"], 
.pure-form input[type="password"], 
.pure-form input[type="email"], 
.pure-form input[type="url"], 
.pure-form input[type="date"], 
.pure-form input[type="month"], 
.pure-form input[type="time"], 
.pure-form input[type="datetime"], 
.pure-form input[type="datetime-local"], 
.pure-form input[type="week"], 
.pure-form input[type="number"], 
.pure-form input[type="search"], 
.pure-form input[type="tel"], 
.pure-form input[type="color"], 
.pure-form select, 
.pure-form textarea 
{
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 3px #ddd inset;
    box-sizing: border-box;
    display: inline-block;
    padding: 0.5em 0.6em;
    font-family:Sans-Serif;
    font-size:100%
}

.pure-form input[type="text"]:focus, 
.pure-form input[type="password"]:focus, 
.pure-form input[type="email"]:focus, 
.pure-form input[type="url"]:focus, 
.pure-form input[type="date"]:focus, 
.pure-form input[type="month"]:focus, 
.pure-form input[type="time"]:focus, 
.pure-form input[type="datetime"]:focus, 
.pure-form input[type="datetime-local"]:focus, 
.pure-form input[type="week"]:focus, 
.pure-form input[type="number"]:focus, 
.pure-form input[type="search"]:focus, 
.pure-form input[type="tel"]:focus, 
.pure-form input[type="color"]:focus, 
.pure-form select:focus, 
.pure-form textarea:focus
{
    border-color:#129fea;
    outline:0 none;   
} 
/* EOF PURE CSS */

.meta_title
{
    vertical-align: top;
}
.meta_title input
{
    margin-left: 5px;
}

input:-moz-read-only, textarea:-moz-read-only { /* For Firefox */
    background-color: #dadada;
}

input:read-only, textarea:read-only {
    background-color: #dadada;
}

.hidden-md-down {
    color: #ff0050;
}

.hidden-lg-up {
    color: #68aa00;
}