/*
 * officemax.css
 * Merged 2026-04-22 from commerce.css + zucu.css.
 * Load order preserved from layout.phtml (commerce first, zucu second) so cascade is unchanged.
 * omax.css has been commented-out in layout.phtml since prior to this merge and is NOT included.
 */

/* ===================================================================== *
 * commerce.css                                                           *
 * ===================================================================== */

/*
  $Id: stylesheet.css 1524 2007-03-30 16:53:31Z hpdl $

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

  Copyright (c) 2006 osCommerce

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License v2 (1991)
  as published by the Free Software Foundation.
*/

/* MARKUP */


BODY {
  background: #fff;
  margin :0;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  min-width: 760px;
}

H1 {
  color: #9A9A9A;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin: 5px 0 0px 0;

}

H2 {
  color: #9A9A9A;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  white-space: nowrap;
  margin: 0;
}


H3 {
  color: red;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  white-space: nowrap;
  margin: 0;
}

H6 {
  color: #000000;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
}

TD, P {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 10px;
}

IMG {
  border: 0;
}


FORM {
  margin-top: 0;
  margin-bottom: 0;
}

FORM OL {
  margin: 0;
  padding: 0;
}

FORM OL LI {
  list-style: none;
  margin: 0;
  clear: left;
}

FORM LABEL {
  float: left;
  width: 160px;
  margin: 5px;
}

FORM LABEL.fieldLabel {
  float: none;
}

FORM INPUT, FORM SELECT, FORM TEXTAREA {
}

FORM EM {
  color: #FF0000;
  font-size: 9px;
  margin-left: 2px;
}

/* LAYOUT */

#pageHeader {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  margin-top:72px;
}

#content {
position:absolute;
margin-top:72px;
margin-left:170px;
}

#pageContent {
  float: right;
  width: 78%;
}

#pageColumnLeft {
  float: left;
  width: 170px;
  padding-left: 0px;
}

#pageBlockLeft {
  float: left;
  width: 82%;
  margin: 100px 0 10px 0;
}

#pageColumnRight {
  float: right;
  width: 16%;
  margin: 100px 5px 10px 0;
}

#pageFooter {
  clear: both;
  text-align: center;
  padding: 5px;
}

/* LINKS */

#navigationBar A {
  color: #FFFFFF;
}

#navigationBar A:hover {
  color: #FFFFFF;
  text-decoration: underline;

/*
border-color: #FA6403;
color: #FA6403;
background: #7A7A7A;
*/
}

/* DEFINITIONS */

#cauta {


  margin-bottom: 0;

}
#siteLogo {
  float: left;
}

#navigationIcons {
  float: right;
  margin: 0;
  padding: 15px 0 0 0;
  list-style-type: none;

}

#navigationIcons li {
  display: inline;
  padding: 10px;

}

#navigationBar {
/*  background-color: #BBC3D3;
*/
width:99%;
margin-left:4px;
margin-right:4px;
  background-color:#C0C0C0;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 0px;
  text-align: right;
  padding-right: 10px;
  float:right;

  }

#breadcrumbPath  {

  float: left;
  background-color:#C0C0C0;
  color: #FFFFFF;
  padding-left: 5px;
  margin-top: 0px;
   padding-right: 5px;
	color: #FFFFFF;
	font-weight: bold
}
#breadcrumbPath A
{
	color: #FFFFFF;
	}

#pageIcon {
  float: right;
  margin-right: 10px;
  height: 40px;
}
.disabled  {
	color: #666666;

}
.messageStack {
  border-width: 1px;
  border-style: dotted;
  border-color: #C8AD91;
  background-color: #FFFCF5;
  font-family: Verdana, Arial, sans-serif;
  color: #465584;
  margin: 5px;
}

.moduleBox {
}

.moduleBox .content {
  border-width: 1px;
  border-style: solid;
  border-color: #B6B7CB;
  background-color: #F8F8F9;
  padding: 5px;
  margin-bottom: 5px;
}

.moduleBox H6 {
  padding: 5px 0px 5px 0px;
}

.inputRequirement {
  font-size: 10px;
  font-weight: normal;
  color: #FF0000;
  margin-top: 10px;
}

.submitFormButtons {
  padding: 5px;
}

.listingPageLinks {
  padding: 5px;
}


input.buton {
	/*background-color:#fa6404;*/
	background-color:#F5711D;
	border-color:#000000;
	border:1px solid #000000;
	color:#FFFFFF;
	padding:0px;
	cursor:pointer;
}


.moduleRow { }

.moduleRowOver {
  background-color: #D7E9F7;
}

.moduleRowSelected {
  background-color: #E9F4FC;
}



.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.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; font-weight: normal; }

A {
  color: black;
  text-decoration: none;
}

A:hover {
/*  color: #AABBDD;
*/
/*  color: #fa6404;
*/
  color:	#893BFF;
  text-decoration: underline;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
/*  background: #f8f8f9;
*/
  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.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: white;
  vertical-align: top;
}

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;
}

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

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: white;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

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

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

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

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

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

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

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

.boxCheckoutTrailActive {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FF8400;
}

/* 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; }


/* CSS Boxes */

.boxGroup {
  border-width: 1px;
/*  border-color: #bbc3d3;
*/
  border-color:#C0C0C0;
  border-style: solid;
  width:155px;
}

.boxNew {
width:155px;


}

.cont{
margin-left:15px;
}

.zend_form{
margin:0;
display:inline;
}

.boxTitle {
  font-family: Verdana, Arial, sans-serif;

/*	font-family: Arial;
*/
	font-size: 10px;
	font-weight: bold;
/*	background: #bbc3d3;
*/
    background: #C0C0C0;
	color: white;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
/*	font-weight: normal;
*/

}

.boxContents {
/*	background: #f8f8f9;
*/

	font-family: Verdana, Arial, sans-serif;
	padding-left:5px;
/*	font-family: Arial;
*/
	font-size: 10px;
	padding-top: 5px;
/*	font-weight: normal;
*/
}




/* ===================================================================== *
 * zucu.css                                                               *
 * ===================================================================== */

img{ behavior: url("pngbehavior.htc");}

body {
   color: black;
	font-family:Arial,Verdana,Helvetica,sans-serif;
}


.main_link{color: #FFFFFF; font-weight: normal;	text-decoration: none; font-size: 12px;}
.main_link:hover{ color: #FFFFFF; font-weight: normal; text-decoration: underline; font-size: 12px;}
.link{color: #fa6404; text-decoration: none; font-size: 12px;}
.link:hover{ color: #fa6404; text-decoration: underline; font-size: 12px;}
.link1{color: #FFFFFF; text-decoration: underline;font-weight: normal; font-size: 11px;}
.link1:hover{ font-weight: normal;color: #FFFFFF; text-decoration: underline; font-size: 11px;}
.linkb{color: #000000; text-decoration: none; font-size: 12px;font-weight: bold;}
.linkb:hover{ font-weight: bold; color: #000000; text-decoration: underline; font-size: 12px;}
input.edit{ color:#000000; background-color:#CDE2FF; border:1px solid #000000; vertical-align: bottom;}
input.edit:focus{ color:#000000;background-color:#9DC7FF; border:1px solid #000000; vertical-align: bottom;}
.separator{border-right: solid;border-color: #000000; border-right-width: 1px;}
.limita_dreapta{border-right: solid;border-color: #cacaca; border-right-width: 1px;}
.limita_sus{border-top: solid;border-color: #000000; border-top-width: 1px;}
.separator_sus{border-top: 1px solid #7b7b7b; height:1px;}
.separator_sj{border-top: 1px solid #7b7b7b;border-bottom: 1px solid #7b7b7b;}
.td_jos{color: #FFFFFF; font-weight: normal;text-decoration: none; font-size: 11px;}
.limita_sd{border-right: solid;border-color: #cacaca; border-right-width: 1px;border-left: solid;border-color: #cacaca; border-left-width: 1px;}
.separator1{border-right: solid;border-color: #FFFFFF; border-right-width: 1px;}
.separator_jos{ border-bottom: solid; border-bottom-width: 1px; border-color: #000000;}
.border_stanga{ border-style: solid; border-left-width: 2px; border-bottom-width: 0; border-top-width: 0; border-right-width: 0;border-color: #ffffff; text-align:justify;}
.text_just{text-align:justify;}
.nume_categorie{ font-weight: bold; font-size: 12px; text-decoration: none; color: #000000; margin-left: 5px;}
.bottom_link{color: #ffffff; font-weight: bold;text-decoration: none; font-size: 12px;}
.bottom_link:hover{ font-weight: bold; color: #ffffff; text-decoration: underline; font-size: 12px;}
.copyright{color: #ffffff; font-weight: bold;text-decoration: none; font-size: 12px;}
.items{ font-weight: normal; font-size: 12px; text-decoration: none; color: #000000;}
.items:hover{ font-weight: normal; font-size: 12px; text-decoration: underline; color: #000000;}
.titlu_pagina { font-weight: normal; font-size: 25px; text-decoration: none; color: #000000;}
.text_mijloc { font-weight: normal; font-size: 12px; text-decoration: none; color: #000000;}
textarea.text {color:#000000; background-color:#CDE2FF; border:1px solid #000000;}
textarea.text:focus{ color:#000000;background-color:#9DC7FF; border:1px solid #000000; vertical-align: bottom;}
.table {background-color:#BBBBBB;}
.header{font-size:12px; color:#000000; background-color:#FFFFFF; font-weight:bold;}
.header1 {font-size:12px; color:#000000; background-color:#2F4EC1; font-weight:bold;}
.header2 {font-size:12px; color:#FFFFFF; background-color:#3C5F84; font-weight:bold;}
.header3 {font-size:12px; color:#FFFFFF; background-color:#7b7b7b; font-weight:bold;}
/*.specs {font-size:12px; color:#000000; background-color:#cacaca; font-weight:bold;}
*/
.specs {font-size:12px; color:#000000; background-color:darkgrey; font-weight:bold;}
.header_big{font-size:15px; color:#000000; background-color:#A1C5D5; font-weight:bold;}
.row {font-size:12px; color:#000000; background-color:#FFFFFF;}
.table1 {background-color:#FFFFFF;}
.row_cyan {font-size:12px; color:#000000; background-color:#C8D7E3;}
.row_grey {font-size:12px; color:#000000; background-color:#BFC4C7;}
.limba{
color: #99A3F7;
text-decoration: none;
 font-size: 11px;
vertical-align: text-top;
}
.limbac{
color: #99A3F7;
font-weight: bold;
text-decoration: none;
 font-size: 12px;
vertical-align: text-top;
}
.descriere{
color: #000000;
text-decoration: none;
 font-size: 12px;
}
input.buton {
background-color:#4BA646;
border-color:#000000;
border:1px solid #000000;
color:#FFFFFF;
padding:0px;
cursor:pointer;
}

.link_detalii{color: #000000; font-weight: bold;text-decoration: none; font-size: 11px;}
.link_detalii:hover{ font-weight: bold; color: #000000; text-decoration: underline; font-size: 11px;}
.link_suport{color: #000000; font-weight: normal;text-decoration: none; font-size: 11px;}
.link_suport:hover{ color: #000000; font-weight: normal; text-decoration: underline; font-size: 11px;}
.news {font-size:12px; color:#000000; border:none; background-color:#C8D7E3;cursor:pointer;}
select.drop {color:#000000; background-color:#CDE2FF; border:1px solid #000000;}
select.drop:focus {color:#000000; background-color:#9DC7FF; border:1px solid #000000;}
.nume_prod{
color:darkgrey;
font-weight: bold;
text-decoration: none;
 font-size: 12px;
}
.orange_13_b{
color: #fa6404;
font-weight: bold;
text-decoration: none;
}
.orange_15_b{
color: #fa6404;
font-weight: bold;
text-decoration: none;
font-size: x-large;
}
.grey_13_n{
	color: #7b7b7b;
	font-weight: normal;
	text-decoration: none;
}
.grey_13_n:hover{
	color: #7b7b7b;
	font-weight: normal;
	/*text-decoration: underline;*/
	font-style: italic;
}
.grey_11_b{
	color: #7b7b7b;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}
.grey_11_n{
	color: #7b7b7b;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
}
.grey_13_u{
	color: #7b7b7b;
	font-weight: normal;
	/*text-decoration: underline;
	*/
	font-size: 12px;
}
.grey_15_b{
	color: #7b7b7b;
	font-weight: bold;
	font-size: 12px;
}
/*
.grey_15_b:hover{
	text-decoration: underline;
}
*/
.black_15_b{
	color: black;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
}



.limita_sus_g{border-top: solid;border-color: #cacaca; border-top-width: 1px;}
.separator_jos{border-bottom: solid;border-color: #fa6404; border-bottom-width: 1px;}
.dotted_grey{border-bottom: 1px dashed #cacaca;}
.dotted_white_r{border-right-style:solid; border-right-width:1px; border-right-color: #FFFFFF;}
.divider{ background-image:url("../poze/separator_sus.gif"); background-repeat:no-repeat; background-position:50% 50%;width:20px; }
.divider_jos{ background-image:url("../poze/separator_jos.jpg"); background-repeat:no-repeat; background-position:50% 50%;width:20px; }
.cos_produs{ background-image:url("../poze/cos_produse_sus.gif"); background-repeat:no-repeat; background-position:50% 50%;width:20px; }


.atentie {
font-size: 12px;
font-weight: bold;
color:black;
background-color: red;
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
border:1px solid #000000;
}
.atentie:hover {
color:black;
background-color: orange;
}


.catalog_pdf {
font-size: 12px;
font-weight: bold;
color:black;
/*background-color: #F5711D;
*/
background-color: #00A3E8;
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
border:1px solid #000000;
}
.catalog_pdf:hover {

/*
color: #F5711D;
background-color: #4A9300;
*/
color:black;
background-color:LightBlue;
}

.lichidare {
font-size: 12px;
font-weight: bold;
color:#FFFF00;
/*background-color:#4A9300;
*/
background-color:#028FDF;
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
border:1px solid #000000;
}
.lichidare:hover {
color:black;
/*background-color: #F5711D; */
background-color: LightBlue;

}

.dl_files {
font-size: 12px;
font-weight: bold;
color:#FFFF00;
background-color:#4BA646;
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
border:1px solid #000000;
}
.dl_files:hover {
color:black;
background-color: LightBlue;

}

/* zucu  LOGO STINGA SUS*/

#container
{
width: 100%;
margin: 5px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#content
{
margin-left: 135px;
border-left: 1px solid gray;
margin-right: 180px;
border-right: 1px solid gray;
padding: 1em;
/*max-width: 36em;*/
}

#logo_image
{
float: left;
margin: 2px 3px 4px 5px;
border: 1px solid #666;
padding: 0px;
}

#quick_search
{
float: left;
width: 150px;
margin: 2px;
/*padding: 1em;*/
border: 1px;
display: inline;
/*clear: right;*/
}

#specials
{
float: right;
width: 150px;
margin: 2px;
padding: 1em;
clear: right;
border: 1px;
}




/* meniu */
.navlist
{
padding: 0 1px 1px;
margin-left: 0;
font-size:  12px;
font-weight: bold;
float: right;
vertical-align: middle;
text-align: center;
}

.navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
display: inline;
}

.navlist li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #7A7A7A;
background: #FA6403;
text-decoration: none;
}

.navlist li a:link { color: #448; }
.navlist li a:visited { color: #667; }

.navlist li a:hover
{
border-color: #FA6403;
color: #FA6403;
background: #7A7A7A;
}


/* BEGIN meniul din stinga */

.buttonscontainer {width: 135px;}

.buttons a {color: #7A7A7A;
background-color: #FA6403;
padding: 0.25em 0.5em 0.25em 0.75em;
display: block;
border-right: 1em solid #7A7A7A;
border-bottom: 1px solid ;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #7A7A7A;
color: #FA6403;
border-right: 1em solid #FA6403;
text-decoration: none;}

/* END meniul din stinga */

/* Liste chioare */

ul.none {
   list-style-type: none;
   padding: 3px;
   line-height: 200%;
   width: 100%;
   font-size:  medium;
   font-weight: bold;

}


p.catalog {
  float: right;
  margin-right: 10px;
}

sp {
background-color:#fa6404;
color:#FFFFFF;
}
sp:hoover {
background-color:#fa6404;
color:#000000;
}