/*-------------------------- pozitionare -------------------------------------*/
body {
  min-width: 760px;
  behavior:url("csshover.htc");
}

#wrapper {
  position: relative;
  width: 750px;
  w\idth: 740px;
  left: 50%;
  margin-left: -370px;
}

/*---------------------------- design ----------------------------------------*/
body {
   font: normal 0.7em Arial, Sans-Serif;
   color: #000000;
   background: #333;
   margin: 0px;
   padding: 0px;
}

#wrapper {
   background-color: #fff;
   padding: 5px;


}

/*bannerul de identitate si butoanele aferente+casuta de cautare*/
#header {
  position: relative;
  width: auto;
  clear:both;
  margin-bottom: 10px;
}

/* div in care stau butoanele de sus */
#topopt {
  position: absolute;
  top: 5px;
  left: 100px;
  width: 450px;
  margin: 0px;
  text-align: left;

}

/*lista de linkuri de sus */
#topopt ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}


/* formatare linkuri din lista*/
#config, #account, #pref, #help, #contact {
  display: inline;
  float: left;
       padding: 0px;
border-right: 1px solid #eee;
border-bottom: 3px solid #999;
  font-size: 12px;
  font-weight: normal;
    background: #666;
/*background: url(../pics/bg-but.png) no-repeat top left;*/
}

/* linkuri butoane header*/
#config a, #account a, #pref a, #help a, #contact a {
  display: block;
  padding: 5px;
  text-decoration: none;
  color: #fff;
  background: none;
}

#config a:hover, #account a:hover, #pref a:hover, #help a:hover, #contact a:hover {
  display: block;
  padding: 5px;
  text-decoration: underline;
  color: #fff;
  background: #666699;
}

/* formatare si pozitionare link cos din header*/
#basket {
  position: absolute;
  top: 30px;
  left: 576px;
  padding: 0px 2px 2px 28px;
  color: #fff;
  background:  url(../pics/bg-cart.png) no-repeat top left;
}

#basket a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

#basket a:hover {
  text-decoration: underline;
  color: #fff;
}

/* caseta de cautare */
#search_box {
  position: absolute;
  width: 230px;
  top: 5px;
  right: 10px;
  margin: 0px;
  padding: 0px;
  text-align: right;
}

/*elementul de form in care scrii*/
#search_box .s_box {
  width: 100px;
  border: 1px solid #333;
  font-size: 11px;
  margin: 2px;
}

/*butonul de cautare neapasat*/
#search_box .s_button {
  border: 3px double #999999;
  border-top-color: #CCCCCC;
  border-left-color: #CCCCCC;
  padding: 0px;
  background-color: #FFFFFF;
  width: 50px;
  color: #333;
  font-size: 11px;
  margin: 0px;
}

/*butonul apasat*/
#search_box .s_button:active {
  border: 3px double #CCCCCC;
  border-top-color: #999999;
  border-left-color: #999999;
}

#producator, #model {
padding: 5px 5px 5px 40px;
color: #fff;
}

#producator {
width: 270px;
w\idth: 315px;
float: left;
background: #666699 url(../pics/unu.png) no-repeat top left;
}

#model {
width: 330px;
margin-left: 325px;
background: #666699 url(../pics/doi.png) no-repeat top left;
}

#slogan {
 position: absolute;
  width: 350px;
  top: 45px;
  left: 120px;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}

#alege {
  width: auto;
  clear:both;
  display: block;
  margin: 0px;
  padding: 0px;
  background-color: #666699;
}



/* bara de navigare care iti arata unde esti */
#unde {
  width: auto;
  clear:both;
display: block;
  margin-top: 0px;
  padding: 3px 5px 3px 5px;
  background-color: #FFF;
}

#unde a, #unde p {
  color: #666;
}


#aleglampa {
position: relative;
width: 500px;
height: 186px;
background: url(../pics/alegere.png)

}

#aleglampa #producator {
position: absolute;
top: 75px;
left: 150px;
margin: 0px;
background: none;
padding: 0px;
}

#aleglampa #model {
position: absolute;
top: 120px;
left: 150px;
margin: 0px;
background: none;
padding: 0px;
}

#aleglampa form {
padding: 0px;
margin: 0px;
}

/* aici vine bannerul de sus, pe toata latimea, de sub bara de navigare */
#promohead {
  padding: 0px;
  text-align: left;
}

/* stil folosit in majoritatea paginilor de formulare ca sa dea un pic de spatiere fata de margini si titluri */
.margine {
  margin: 10px 10px 10px 20px;
    background-color: #FFF;
}

/* divuri diverse din wrapper*/
#single, #options, #pageh, #promohead {
  background: #fff;
  width: auto;
  clear:both;
  padding: 0px;
}

/*------------------------------pagina produs --------------------------------*/
/*[pagina produs]: div cu imaginea medie de pe pagina produslui */
#photo {
  position: relative;
  display: block;
  width: 230px;
  float: left;
    background-color: #FFF;
}

/*[pagina produs]: aici vine poza medie*/
#pozamain {
  position: relative;
  width: 220px;
  height: 220px;
  padding: 2px;
  border: 1px solid #ccc;
  margin:2px;
}

/*paragraf in care stau pozele mici de sub poza medie din pag. produsului*/
.photos {
  width: auto;
  margin: 0px;
  /*background: #fff;*/
  clear: both;
}

/*pozele mici din paragraful de mai sus*/
.pmici {
  position: relative;
  display: block;
  float:left;
  width: 30px;
  height: 30px;
  padding: 2px;
  border: 1px solid #ccc;
  margin-left:2px;
}



#pozamare {
  height:500px;
  width:500px;
  clear:both;
  display: block;
  margin:0px;
}

#smallpics {
  position: relative;
  width: 225px;
  display: block;
  clear:right;
}

/*pretul vechi al unui produs*/
.oldprice {
  background: url(../pics/bg-price.png) repeat-x;
  color: #333;
  font-style: italic;
}

/*afisare pret vechi in caz de pret redus LA PACHETE*/
.pretred {
  text-align: left;
  clear: both;
  margin-left: 37px;
}

/*[pagina produs]: logo in fereastra cu poza mare */
#logo-mic {
  width: 500px;
  position: relative;
  background: url(../pics/logo-mic.png) no-repeat top left;
  height: 61px;
  padding: 0px;
  margin: 0px;
}

/*[pagina produs]: buton inchis fereastra cu poza mare*/
.inchide {
  float: right;
  margin: 15px 0px 3px 3px;
}


/*[pagina produs]: div in care stau informatiile despre livrare si butonul de pus in cos */
#info {
  display: block;
  width: auto;
  clear:both;
  margin-top: 5px;
  padding-top: 1px;
  text-align: left;
  border-top: 1px solid #eee;
}

/*[pagina produs]: div cu buton de pus in cos */
#add  {
  float: right;
  top: 0px;
  display: block;
  width: 250px;
  margin-left: 0px;
  padding-left: 0px;
  text-align: left;
}

/*[pagina produs]: din in care sta descrierea produsului*/
#details {
  float: right;
  clear: right;
  width: 500px;
  padding: 0px;
  margin: 0px;
  background: #FFF;
}

/*lista in care stau campurile de descriere a produsului*/
#details ul {
  position: relative;
  width: auto;
  margin: 4px 0px 2px 0px;
  padding: 0px;
  list-style-type: none;
  display: block;
  clear: both;
}

#details li {
   position: relative;
   width: 100%;
   display: block;
   clear:both;
   margin:0px 0px 5px 0px;
   padding:0px;
}

/*eticheta campului*/
#details .lbl {
  display: block;
  background-color: #E7DACE;
  margin: 0px;
  padding: 1px 3px 1px 5px;
  font-weight: bold;
}

/*textul din camp*/
#details .txt {
  position: relative;
  padding: 1px 3px 1px 5px;
  display: block;
  margin: 0px;
}


/*div in care sta tabelul cu lista de produse din cos*/
#cart {
  width: auto;
  padding: 5px;
  display: block;
  clear:both;
}

/*[cos]: cap tabel */
.thead {
  font-weight: bold;
}

/*[cos]: subtotal cos */
.subtotal {
  font-weight: bold;
}
/*[cos]: total dupa reduceri*/
.total {
  font-weight: bold;
  color: #fff;
}

/*[cos]: rand tabel total comanda */
.total_order {
  font-size: 1.1em;
  color: #fff;
  font-weight: bold;
}

/* taxe transport*/
.thead, .subtotal, .ship {
  background-color: #ccccff;
}

.total, .total_order {
  background-color: #666699;
}

/*alternare culori randuri cos*/
.dark {
  background-color: #ffffcc;
}

.light {
  background-color: none;
}

/* culoarea cu care apar produsele care nu se pot comanda*/
.nope {
  background-color: #ffcccc;
}

/*culoare mesaj eroare cos*/
.red {
color: #ff0000;
}

/* buton de actualizare cos */
#buton_update {
  background-color: #ffffcc;
  color: #000;
  font-weight: normal;
  /*width: 180px;*/
}

/*buton de continua in procesul de comanda*/
.action {
  display: block;
  float: right;
  background-color: #ffcc00;
  color: #000;
  font-weight: bold;
  padding: 4px;
  margin: 3px 0px 5px 0px;
}

.action a:link, .action a:visited, .action a:hover {
  color: #000;
  text-decoration: none;
}

/*-------------------------- lista de produse --------------------------------*/
/* afisarea subcategoriilor din dreapta - navigare*/
.subcat {
  display:block;
  width: auto;
  padding: 5px;
  margin: 5px 0px 5px 0px;
  border: 1px solid #556233;
}

.col1, .col2 {
  width: 45%;
  display: block;
  margin: 5px;
  font-size: 12px;
  font-weight: bold;
}

.col2 {
  float: right;
}

a.categ {
  background: url(../pics/arrow.gif) no-repeat left top;
  padding: 0px 5px 0px 15px;
  margin: 0px;
  display: block;
}

/* separator randuri promotii/noutati */
.sep {
   display:block;
   padding: 0px;
   position: relative;
   width: auto;
   height: 2px;
   clear:both;
   margin: 1px;
   overflow:hidden;
   border-bottom: 1px dotted #ffcc00;
}

/* caseta in care sta un rand de produse recomandate */
.product {
  display:block;
  clear:both;
  width: auto;
  padding: 5px 0px 4px 0px;
  margin: 0px;
}

/* caseta unui  produs promovat */
.promotion {
  position: relative;
  width: 119px;
  w\idth: 125px;
  display: block;
  padding: 1px;
  margin: 0px 2px 0px 2px;
  float: left;
  text-align: center;
  border: 1px solid #ccc;
}

/* div in care apare formularul de ordonare a listei de produse */
#options {
  padding: 2px;
  background-color: #f5f5f5;
  margin: 5px 0px 0px 0px;
  text-align: right;
}

#options form {
  padding: 0px;
  margin: 0px;
}

/*bara cu numere de pagini */
.pages {
  display:block;
  clear:both;
  width: auto;
  padding: 4px 2px 4px 2px;
  margin: 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  text-align: center;
}

/*reclama de deasupra listei de produse */
#adright {
  margin: 0px 0px 0px 0px;
  text-align: center;
  padding: 0px;
}

/* coloana doi a designului */
#double {
  position: relative;
  float: right;
  display: block;
  background-color: #fff;
  padding: 0px 0px 5px 0px;
  margin:0px;
}

#home {
  position: relative;
  display: block;
  background-color: #fff;
  padding: 0px 0px 5px 0px;
  margin:0px;
  width: 500px;
}

/* trebuie sa aiba aceeasi latime in design*/
#adright, #double {
  width: 500px;
}

/* aici stau meniul din stanga sau formularul de filtrare */
#mainnav, #stiri, #adleft {
  display: block;
  width: 220px;
  background-color: #FFF;
}

/* reclama de sub meniu */
#adleft {
  float: right;
  clear: right;
  display: block;
  margin: 10px 0px 10px 0px;
  text-align: center;
  padding: 0px;
}

#stiri {
  float: right;
  clear: right;
}



/* formatari meniu stanga */
#mainnav {
  float: left;
  clear: left;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#mainnav ul {
  padding: 5px 5px 5px 0px;
  margin: 0px 0px 0px 0px;
  list-style-type: none;
  background: #f5f5f5;
}

#mainnav ul ul{
  padding: 1px 2px 1px 0px;
  margin: 0px 5px 0px 0px;
  list-style-type: none;
  background: none;
  border: none;
}

#mainnav li {
  margin: 0px;
  padding: 3px 4px 4px 20px;
  display: block;
  border-bottom: 1px dotted #ccc;   /*E5BF65*/
}

#mainnav ul li li {
  margin: 0px;
  padding: 3px 4px 4px 10px;
  display: block;
  border: none;
  background: none;
}

#mainnav a.sel {
  font-weight: bold;
  color: #666633;
  margin:0px;
  padding: 0px;
  text-decoration: none;
}

#mainnav a.nor:link, #mainnav a.nor:visited, #mainnav a.nor:active  {
  font-weight: normal;
  color: #333300;
  margin:0px;
  padding: 0px;
  text-decoration: none;
}

#mainnav a.nor:hover {
  font-weight: normal;
  color: #333300;
  margin:0px;
  padding: 0px;
  text-decoration: underline;
}

/* caseta filtrare lista*/
#filters {
  position: relative;
  z-index: 15;
  margin: 0px;
}

#filters form {
  padding: 5px;
  display: block;
}

/* caseta cele mai populare*/
#topviews ul, #stiri ul {
  margin: 0px;
  padding: 5px 0px 5px 0px;
  list-style-type: none;
  border: 1px solid #ccc;
}

#topviews a, #stiri a {
  background: url(../pics/arrow.gif) no-repeat left top;
  padding: 0px 5px 0px 15px;
  display: block;
}


#filtre, #filtre li ul {
        margin: -2px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
        width: 180px; /* Width of Menu Items */
        border-bottom: 1px solid #ccc;
        position: relative;

        }

#filtre li, #filtre ul li {
        position: relative;
        margin: 0px;
        padding: 0px;
        }

#filtre li ul {
        position: absolute;
        left: 179px; /* Set 1px less than menu width */
        top: 0px;
        display: none;
        }

/* Styles for Menu Items */
#filtre li a {
        display: block;
        text-decoration: none;
        color: #777;
        background: #E6E6B2; /* IE6 Bug */
        padding: 5px;
        border: 1px solid #ccc; /* IE6 Bug */
        border-bottom: 0;
        }

        #filtre li a:hover {
        display: block;
        text-decoration: none;
        color: #777;
        background: #E0E0B2; /* IE6 Bug */
        padding: 5px;
        border: 1px solid #ccc; /* IE6 Bug */
        border-bottom: 0;
        }

#filtre li .del {
        color: #ff3300;
        text-decoration: underline;
}

#filtre li:hover ul, #filtre li.axover ul {
display: block; z-index: 150;
border-left: 1px solid #ffcc00;
} /* The magic */

/* Holly Hack. IE Requirement \*/
* html #wrapper #filters #filtre li { float: left; height: 1%; }
* html #wrapper #filters #filtre li a { height: 1%; }
/* End */

/*------------ titluri si subtitluri -----------------------------------------*/
h1 {
  padding: 5px 10px 5px 4px;
  font-size: 1.6em;
  border-left: 10px solid #ffcc00;
  color: #666699;
  margin: 5px 0px 0px 0px;
  clear:both;
    background: #f5f5f5;
}

h2 {
  margin: 15px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  font-size: 1.2em;
  color: #333;
  border-left: 10px solid #666699;
}

h2.news {
  margin: 15px 0px 0px 0px;
  padding: 5px 5px 5px 0px;
  font-size: 1.2em;
  color: #555;
  background: none;
  border: none;
}

h3 {
  padding: 14px 0px 3px 0px;
  font-size: 1.2em;
  color: #555;
  margin: 0px;
  font-weight: bold;
  clear:both;
  display: block;

}

h3.act {
  padding: 14px 0px 3px 0px;
  font-size: 1.2em;
  color: #555;
  margin: 0px;
  font-weight: bold;
  clear:both;
}

/* cele mai populare */
h4.categories, h4.popular, h4.news, h4.pagextra, h4.filter_fd {
  width: auto;
  height: 29px;
  position: relative;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  font-size: 12px;
  color: #000;
  background-color: #ffcc00;
}

h4.popular, h4.news, h4.pagextra, h4.filter_fd  {
  border-bottom: 2px solid #333;
  height: auto;
  padding: 5px;
}

h4 span{
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top:0px;
  left: 0px;
}

h4.categories span {
  background: url(../pics/bg-categ.png) no-repeat;
}

h4.popular {
}

h4.news {
}


/*-------------------------- cont --------------------------------------------*/
/*[cont]: caseta cu nume sau email in cont */
#cont_data {
  position: absolute;
  top: 160px;
  right: 20px;
  width: 150px;
  margin: 5px;
  padding: 10px;
  text-align: center;
  border: 1px solid #990000;
  background-color: #eee;
}

/*[cont]: casete cu adresa de shipping si billing*/
#shipping, #billing {
  position: relative;
  float:left;
  display:block;
  width:45%;
  padding: 5px;
  border: 1px solid #eee;
  margin:10px 10px 10px 5px;
}


/*--------- pagina de multumire pt comanda -----------------------------------*/
.thanks {
  margin: 20px 5px 20px 5px;
  width: 300px;
  padding: 10px;
  border: 1px solid #eee;
}

.plata_banca {
  margin: 5px;
  padding: 10px;
  width: 300px;
  border: 1px solid #eee;
}

.plata_card {
  margin: 20px 5px 20px 5px;;
  padding: 10px;
  width: 300px;
  border: 1px solid #eee;
}

/*-------------------------procesul de comanda--------------------------------*/
/*casetele cu adrese afisate la pasii de comanda*/
.adresa, .adresa_sel {
  border-top: 1px solid #336600;
  border-right: 1px solid #336600;
  display: block;
  width: 40%;
  margin: 10px;
  padding: 10px;
  float: left;
}

.adresa_sel {
  background-color: #f5f5f5;
}

/* erori in formularul de comanda */
.f3 {
  margin: 10px 10px 0px 10px;
  width: 90%;
  color: #ff0000;
  display: block;
  padding: 2px 2px 2px 25px;
  font-weight: bold;
  clear:both;
  background: url(../pics/er.gif) no-repeat left top;
}

.eticheta {
  width: 65%;
  margin: 5px 0px 0px 155px;
  padding: 0px 0px 0px 3px;
  color:#666;
  font-style: italic;
  clear: both;
}

label, .rad {
  clear: none;
  width: 145px;
  float: left;
  text-align:right;
  margin-right: 5px;
  font-weight: bold;
  padding-top:3px;
}

.formularl {
  width: 95%;
  display:block;
  padding: 5px 5px 0px 5px;
  clear:both;
}

fieldset {
  margin-left: 20px;
  padding: 5px;
  border: 1px solid #fff;
  background: #fff;
  clear: both;
}

.formular {
  width: 95%;
  display:block;
  padding: 5px;
  clear:both;
}

/*formulare*/
form {
  margin: 0px;
  padding: 0px;
}


/* mesaj de deasupra butonului de trimis comanda */
.mesaj{
  font-weight: bold;
  color: #333;
  width: auto;
  clear: both;
  text-align: right;
}

/* div cu butonul de trimis comanda */
#send {
  position: relative;
  width: auto;
  margin:0px;
  padding: 10px;
  clear: both;
  background-color: #eee;
  color: #333;
  display: block;
  text-align: right;
  font-weight: bold;
}

/*------------------------selectie preferinte livrare ------------------------*/
.da {
  margin-top: 5px;
  display: block;
  font-weight: bold;
  padding: 5px;
  color:#000;
  background-color: #f5f5f5;
}

.maialege {
  display: block;
  font-weight: bold;
  margin-top: 5px;
  padding: 2px 2px 2px 25px;
  color:#ff0000;
  background: url(../pics/er.gif) no-repeat left top;
}

.galben {
  background-color: #ffffcc;
  font-weight: bold;
  display: inline;
}

.plista {
  float:left;
  display:block;
  margin: 0 10px 0px 0px;
  padding: 0px;
  clear:none;
}

.gata {
  padding: 1px;
  width: auto;
  color:#fff;
  background-color: #D7FD86;
  border: 1px solid #336600;
  text-align: center;
  font-weight: bold;
}

.phl {
  border: 1px solid #ccc;
  margin: 2px;
  width: 100px;
  height: 100px;
}

.texte {
  float:left;
  padding: 0px;
  margin:1px;
  width: 200px;
  display: block;
  clear:none;
}

.pret  {
  float:left;
  display: block;
  width: 130px;
  clear:right;
  margin: 0px 0px 0px 15px;
  padding: 0px;
  text-align: left;
}

p {
  padding: 3px 0px 2px 0px;
  font-size: 1em;
  margin: 0px;
  color: #000000;
  display: block;
}




ol, ul {
  margin: 0px 0px 0px 20px;
  padding: 5px;
}

li {
  margin: 0px;
  padding: 3px;
}

p.norm {
  padding: 10px 0px 10px 0px;
  font-size: 1em;
  margin: 0px;
}

p.ok {
 border: 1px solid #336600;
 font-weight: bold;
 color: #ffffff;
 background-color: #009900;
 padding: 5px;
 margin-bottom: 10px;
}

.edt {
 color: #009900;
 font-weight: bold;
}


.cos {
  position: relative;
  width: 180px;
  display: block;
  margin: 10px;
  padding: 5px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
}



.nu {
color: #ff0000;
font-weight: bold;
}

/* culoare linkuri in general ------------------------------*/
a:link {
  font-size: 1em;
  color: #666699;
}

a:visited {
  font-size: 1em;
  color: #336699;
}

a:hover {
  font-size: 1em;
  color: #336699;
}

a:active {
  font-size: 1em;
  color: #336699;
}


.str {
text-align: right;
}

#stiri p.str a {
  background: url(../pics/arrow.gif) no-repeat left top;
  padding: 0px 5px 0px 15px;
  margin: 0px;
  display: inline;
}

/*poza mica langa recomandari*/
.pmica_r {
margin: 0px 5px 5px 0px;
clear: left;
border: 1px solid #ccc;
}

/*paragraf cu recomandari */
.lmica_r {
margin: 0px 5px 5px 5px;
clear: left;
width: 70%;
}

.pack {
position: relative;
width: auto;
border: 1px solid #ddd;
clear: both;
margin: 0px 0px 5px 0px;
padding: 1px;
}

/*div cu pachete de produse*/
/*apare sub descrierea produsului*/
.recommend, .singlerec {
position: relative;
padding: 5px;
width: auto;
clear: both;
border: 1px solid #ddd;
}


.adextra {
clear: left;
text-align: left;
z-index: 10;
margin-left: 37px;
margin-top: 4px;
padding: 2px;
background-color: #eee;
width: auto;
}

#cosfinal {
margin: 0px;
padding: 0px;
}

/* formatare div footer */
#footer {
   display: block;
   width: auto;
   clear:both;
   background-color: #ccc;
   color: #666699;
   height: 20px;
   margin-top:30px;
   padding: 3px 10px 3px 10px;
}

#footer a, #footer a:hover {
float: right;
padding: 0px;
margin: 0px;
color: #336699;
}


/*--------------tabel comparare produse-----------------------------*/
.tabcompare {
border: 1px solid #ccc;
padding: 3px;
cellspacing: 5px;
}

.listal {
padding: 5px 0px 5px 120px;
}