#commercials 
{
    display:none;
}
/* --------------------------------------------------------------
    Default CSS styles for all common browsers
---------------------------------------------------------------*/

/*  BASE
---------------------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  text-align: left; /*** IE/Win (not IE/MAC) alignment of page ***/
  font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color:#E2E2E2;
  background-image: url(/i/bgBodyTop.jpg);
  background-repeat: repeat-x;
  color: #000066;
}

table tr td, table tr th {
  font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 120%;
}

h1, h2, h3, h4, h5, h6, form, img, a, p, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
}

ul{margin-left:20px;}

a { 
  text-decoration: none;
}

a:hover {
  t/ext-decoration: underline;
}


/* #GENERIC CLASSES
---------------------------------------------------------------*/

.fl {
  float: left;
}

.fr {
  float: right;
}

.clr {
  clear: both;
  height: 0;
}

h1 {
  font: 16px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  color: #0B4799;
  padding-bottom: 7px;
}

h2 {
  font: 14px/150% "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  color: #0B4799;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

h3 {
  font: 13px/140% "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  color: #000066;
  font-weight: bold;
}

a.hover:hover {
  background-color: #000066;
  color: #FFFFFF !important;
}

.dN {
  display: none;
}

.dB {
  display: block;
}

.ch {
 cursor: hand;
 cursor: pointer;
}


/*  HACKS 
---------------------------------------------------------------*/

/* The clearfix class must be put on the parent that contains floating divs.
  The effect is that the height will be the height of the highest div */
  
.clearfix:after 
{
    content: ".";      
    display: block;      
    height: 0;      
    clear: both;      
    visibility: hidden; 
}  
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display:block;}
/* End hide from IE-mac */

/*-------------------------------------------------------------*/


/*  PAGE & CENTER
---------------------------------------------------------------*/

#page {
  margin-left: 15px;
  margin-top: 20px;
  width: 981px;
}

.language {float:left; list-style-type:none; margin-right:10px;}

#center {
  float: left;
}

#top {
  background-image: url(/i/bgCenterTop.gif);
  background-repeat: no-repeat;
  height: 3px;
  width: 764px;
}

#bottom {
  background-image: url(/i/bgCenterBottom.gif);
  background-repeat: no-repeat;
  height: 3px;
  width: 764px;
}

#w1 { width: 764px; } 
#w2 { border-left: 1px solid #B0B0B0; border-right: 1px solid #B0B0B0;}
#w3 { border-left: 1px solid #A9A9A9; border-right: 1px solid #A9A9A9;}
#w4 { border-left: 1px solid #9A9A9A; border-right: 1px solid #9A9A9A;}

#content{
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}

/* #HEADER NAVIGATION 
---------------------------------------------------------------------*/

#headerNav {
  background-color: #FACC16;
  background-image: url(/i/bgHeaderNav.gif);
  background-repeat: repeat-x;
  height: 30px;
}

#headerNav ul {
  list-style: none;
  margin-left: 110px;
}

#headerNav ul li {
  float: left;
}

#headerNav ul li a {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF; 
}

#headerCenter{
  height: 185px;
  background-image: url(/i/bgHeaderCenter.jpg);
  background-repeat: repeat-x;
}

.headerWrapper {
  float: left;
  padding-top: 9px;
  padding-bottom: 14px;
}

#headerPhoto {
  border: 1px solid #85A6D5;
  padding: 4px;
}

#headerPhoto img {
  border: 1px solid #85A6D5;
}

#userStatus {
  width: 135px;
  color: #FFFFFF;
  font-size: 11px;
}

.loginStatus {
  padding-left: 9px;
}

#cumCumpar {
  padding-top: 17px;
  padding-left: 13px;
}

.status {
  border-top: 1px solid #86A7D5;
  margin-top: 3px;
  padding-top: 2px;
}

.status a {
  color: #FFFFFF;
  padding-left: 5px;
}

.userName {
  color: #FFCC00;
  font-weight: bold;
  padding-bottom: 3px;
}


/* #SIDEBAR 
---------------------------------------------------------------------*/

#sidebar {
  float: left;
  margin-left: 8px;
  margin-top: 3px;
  width: 194px;
}

#shoppingCart {
  border: 1px solid #F7C80F;
  margin-bottom: 9px;
}

#shoppingCartTitle {
  font-weight: bold;
  height: 30px;
  background-color: #F9CB15;
  background-image: url(/i/bgShoppingCartTitle.jpg);
  background-repeat: repeat-x;
  color: #FFFFFF;
}

#NoItems {
	background-color: #E9E9E9;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
	color: #0B4799;
}

#shoppingCartTitle div.title{
  padding-top: 7px;
  padding-left: 12px;
}

#shoppingCartItems {
  padding: 8px;
  background-color: #FFFFFF;
  background-image: url(/i/bgShoppingCartItems.jpg);
  background-repeat: repeat-x;
  color: #000066;
  font-size: 12px;
}

.item {
  /*border-bottom: 1px solid #86A7D5;*/
  padding-top : 2px;
  color: #000066;
  font: Verdana, Arial, sans-serif;
}

.col1 {
  float: left;
  width: 160px;
}

.col2 {
  float: right;
  width: 12px;
  position: relative;
  top:4px;
}

.total {
  background-color: #FFFFFF;
  font-weight:bold;
  padding-bottom : 5px;
}

.itemSeparator {
	height : 1px;
	background-color : #86A7D5;
}

.total div {
  padding-top: 5px;
  text-align: right;
  margin-right: 10px;
}

#magazine {
  margin-bottom: 9px;
}

.frontPage {
  background-color: #FFFFFF;
  border: 1px solid #6C9EE4;
  padding: 5px;
}

.frontPageTitle {
  padding-top: 5px;
  text-align: center;
  font-size: 11px;
  line-height: 140%;
  color: #000066;
}

#commercials {
  margin-bottom: 9px;
  border: 1px solid #FFFFFF;
  background-color: #F0F0F0;
  background-image: url(/i/bgCommercials.jpg);
  padding: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 140%;
  color: #006600;
  height: 205px;
}

/* MAIN CONTENT
-------------------------------------------------------------------------*/

#titleBar {
  border-top: 1px solid #0B974B;
  border-bottom: 1px solid #86A7D5;
  height: 44px;
  background-image: url(/i/bgTitleBar.jpg);
}

#titleBar h1 {
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
}
#titleBarWrapper {
  height:44px;
  background-image: url(/i/bgTitleBarLeft.jpg);
  background-repeat: no-repeat;
  background-position: right;
}

#mainContentWrapper {
  padding: 16px;
  background-image: url(/i/bgContent.jpg);
  background-repeat: repeat-x;
}

/* #MENU LEFT
--------------------------------------------------------------*/

#menuNav {
  float: left;
  width: 168px;
}

.category {
  margin-bottom: 20px;
}

.titleCategory {
  /*height: 17px;*/
  width: 148px;
  background-image: url(/i/bgCategoryTitle.jpg);
  background-color: #F7F7F7;
  background-repeat: no-repeat;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  color: #0B4799;
  font-weight: bold;
  font-size: 12px;
  border-bottom: 1px solid #E2E2E2;
}

.titleCategoryProd {
  width: 148px;
  background-image: url(/i/bgCategoryTitleYellow.jpg);
  background-repeat: no-repeat;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
}

.category ul {
  list-style: none;
}

.category ul li a {
  margin-left:-20px;
  width: 143px;
  display: block;
  background-image: url(/i/bgMenuNavItemInactive.jpg);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  border-bottom: 1px solid #6B9EE4;
  padding-left: 20px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 2px;
  color: #000066;
  min-height: 20px;
  line-height: 120%;
}

.category ul li a:hover, .category ul li.selected a{
  display: block;
  background-color: #F2F2F2;  
  background-image: url(/i/bgMenuNavItemActive.jpg);
  background-repeat: no-repeat;
  border-bottom: 1px solid #6B9EE4;
  padding-left: 20px;
  padding-right: 5px;
  color: #000066;
  min-height:20px;
}

.category ul li.last a, .category ul li.last a:hover {
  border: 0;
}

.dprod {
  border-bottom: 0px !important;
}

/*-------------------------------------------------------*/

#contents {
  float: left;
  margin-left: 20px;
  width: 534px;
}

.introText {
  padding: 10px;
  border: 1px solid #BBD2F2;
  background-color: #FFFFFF;
  margin-bottom: 20px;
}

.introText p {
  margin-left: 30px;
  color: #000066;
}

#addsBar {
  height: 40px;
  border-top: 1px solid #C7C7C7;
  background-color: #C7C7C7;
  background-image: url(/i/bgAddsBar.jpg);
  background-repeat: repeat-x;
  text-align: center;
  padding-top: 14px;
}


/*- Menu Tabs J--------------------------- */

    #tabsF {
      float:left;
      width:100%;
      font-size:93%;
      line-height:200%;
      }
    #tabsF ul {
	  margin-left:0px;
	  padding:4px 0px 0 10px;
	  list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
	  
    #tabsF a {
      float:left;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      padding:0px 10px 4px 4px;
      color:#fff;
      }
	  
    #tabsF li.selected a {
      float:left;
      background:url(/i/navLeft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsF li.selected a span {
      float:left;
      display:block;
      background:url(/i/navRight.gif) no-repeat right top;
      padding:0px 10px 4px 4px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    /*#tabsF a:hover span {
      color:#FFF;
      }
	  */
    /*#tabsF a:hover {
      background-position:0% -28px;
      }
    #tabsF a:hover span {
      background-position:100% -28px;
      }
	*/
	

	
/* #FORMS
-------------------------------------------------------------*/

.form {
  background-color: #F5F5F5;
  border: 1px solid #D4D4D4;  
  padding: 12px;
  margin-bottom: 20px;
}

.form .input {
  border: 1px solid #D4D4D4;
  height: 18px;
  font-size: 11px;
  font-family: Verdana, Arial, sans-serif;  
  padding-left:3px;
}
.borderBlue {border:1px #000066 solid !important;}
.borderGrey {border:1px #D4D4D4 solid !important;}

.frontPage_sidebar {
  background-color: #FFFFFF;
  border: 1px solid #6C9EE4;
  padding: 5px;
  width: 182;
  float:left;
}

#trafic {
  padding-top: 6px;
  padding-bottom: 10px;
  width: 750px;
}

#btnFinalize{
  width: 131px;
  height: 15px;
  background-image: url(/i/btnFinalizareComanda.gif);
  border: 0;
  margin-top: 8px;
  color: #FFFFFF;
  font-weight: bold;
  margin-left:52px;
}

#btnAdauga{
  width: 103px;
  *width: 108px;
  height: 14px;
  background-image: url(/i/btnAdaugaLaCos.gif);
  border: 0;
  margin-top: 8px;
  color: #FFFFFF;
  f/ont-weight: bold;
  m/argin-left:60px;
  display:block;
  margin-top:-17px;
  float:right;
  padding-left:5px;
  font-size:10px;
  f/ont-family: Silkscreen, Verdana, Arial;
  _margin-top:-18px;
  *margin-top:-18px;
  margin-left:8px;
  
}

#btnCumCumpar{
  width: 122px;
  height: 20px;
  padding-top:30px;
  background-image: url(/i/btnCumCumpar.jpg);
  border: 0;
  margin-top: 8px;
  color: #FFFFFF;
  f/ont-weight: bold;
  m/argin-left:60px;
  display:block;
  margin-top:-3px;
  float:right;
  p/adding-left:22px;
  font-size:13px;
  *margin-right:0px;
  _margin-top:1px;
  text-align:center;
 }
 
 #btnSterge{
  width: 62px;
  height: 13px;
  p/adding-top:30px;
  background-image: url(/i/btnStergeProdus.jpg);
  border: 0;
  margin-top: 8px; 
  color: #FFFFFF !important;
  f/ont-weight: bold;
  m/argin-left:60px;
  display:block;
  margin-top:0px; 
  float:right;
  padding-left:8px;
  font-size:9px;
  f/ont-family: Silkscreen, Verdana, Arial;
}

#btnLansez{
  width: 160px;
  height: 22px;
  background-image: url(/i/btnLansezComanda.gif);
  border: 0;
  margin-top: 8px;
  color: #FFFFFF;
  f/ont-weight: bold;
  m/argin-left:60px;
  display:block;
  m/argin-top:-17px;
  float:right;
  p/adding-left:5px;
  font-size:10px;
  font-family: Silkscreen, Verdana, Arial;
  _margin-top:-18px;
  *margin-top:14px;
}
  
 #btnInStoc{
  width: 100px;
  height: 17px;
  padding-top:3px;
  background-image: url(/i/inStoc.gif);
  border: 0;
  margin-top: 8px; 
  color: #FFFFFF !important;
  font-weight: bold;
  m/argin-left:60px;
  display:block;
  margin-top:-3px; 
  f/loat:right;
  p/adding-left:8px;
  font-size:11px;
  font-family: Verdana, Arial;
  text-align:center;
  margin-left:-1px;
}
 #btnCurand{
  width: 120px;
  height: 17px;
  padding-top:3px;
  background-image: url(/i/curand.gif);
  border: 0;
  margin-top: 8px; 
  color: #FFFFFF !important;
  font-weight: bold;
  m/argin-left:60px;
  display:block;
  margin-top:-3px; 
  f/loat:right;
  p/adding-left:8px;
  font-size:11px;
  font-family: Verdana, Arial;
  text-align:center;
  margin-left:-1px;
}

#netlogiq { float: right; padding-top: 20px; color: #9A9A9A; position: absolute; width: 608px;margin-left:150px; left: 19px; text-align: right; }
#netlogiq a { color: #9A9A9A; }
#netlogiq a:hover { text-decoration: underline; }