body {margin: 0px; padding: 0px; height: auto; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #B2B2B2; text-align: left; background: #fff; line-height: 19px; letter-spacing: 1px} html {behavior: url(continut/afisare/resurse/js/hover.htc); overflow-x: hidden; overflow-y: auto;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CLEARFIX /*--------------------------------------------------------------------------------------------------------------------------*/ div:after, dl:after, ul:after, ol:after, .cfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;} * html div, * html dl, * html ul, * html ol, * html .cfix {height: 1%} div, dl, ul, ol, .cfix {display: inline-block} div, dl, ul, ol, .cfix {display: block} /*-----*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* RESETARE TAGURI /*--------------------------------------------------------------------------------------------------------------------------*/ h1,h2,h3,h4,ul,dl,dt,dd,ol,li,p,hr,form,fieldset,legend,blockquote,input,label,textarea,select,address {margin: 0px; padding: 0px; outline: none; border: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #B2B2B2; text-align: left; background: transparent; list-style: none; line-height: 19px; letter-spacing: 1px} /*-----*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* TAGURI GENERALE /*--------------------------------------------------------------------------------------------------------------------------*/ a {color: #000; text-decoration: none; font-weight: normal; outline: none; border-bottom: 1px dashed #000} a:hover {border-bottom: none} a img {border: none} p,ul,ol,li {padding: 2px 0px 2px 0px} /*-----*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* HEADER /*--------------------------------------------------------------------------------------------------------------------------*/ #header {margin: 35px auto 35px auto; width: 950px; height: 36px; padding: 9px 0px 0px 0px} #header h1 {float: right; clear: none; margin: -9px 0px 0px 99px; width: 151px; height: 44px; background: url(../img/sigla.gif) no-repeat} #header h1 a {display: block; width: 151px; height: 44px; border: none} #header h1 strong {display: none} #header p#informatii-cos {float: left; clear: none; width: 300px; height: auto; padding: 4px 0px 4px 0px} #header p#informatii-cos a {padding: 6px 12px 6px 12px; margin: 0px 10px 0px 0px; background: #525252; color: #fff; font-weight: normal; border: none} #header p#informatii-cos a:hover {background: #777} #header p#informatii-cos b {font-weight: bold} #header p#buton-inregistrare {float: right; clear: none; height: auto; padding: 4px 0px 4px 0px} #header p#buton-inregistrare a {padding: 6px 12px 6px 12px; background: #525252; color: #fff; font-weight: normal; border: none} #header p#buton-inregistrare a:hover {background: #777} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTINUT /*--------------------------------------------------------------------------------------------------------------------------*/ #continut {margin: 0px auto 35px auto; width: 950px; height: auto} #continut #cuprins {float: left; clear: none; width: 700px} #continut #zona-utila {float: right; clear: none; width: 220px; text-align: right; font-size: 10px} #continut #zona-utila h3 {margin: 0px 0px 7px 0px; height: 14px; background-repeat: no-repeat; background-position: right top; text-align: right} #continut #zona-utila h3 strong {display: none} #continut #zona-utila h3.colectii {background-image: url(../img/meniu-collections.gif)} #continut #zona-utila h3.cont {margin-top: 30px; background-image: url(../img/meniu-your-account.gif)} #continut #zona-utila h3.informatii {margin-top: 30px; background-image: url(../img/meniu-information.gif)} #continut #zona-utila ul {text-align: right} #continut #zona-utila ul li {margin: 2px 0px 2px 0px; height: 20px; padding: 0px; overflow: hidden; text-align: right; font-size: 10px} #continut #zona-utila ul li a {color: #B2B2B2; border: none; font-weight: normal} #continut #zona-utila ul li a:hover {color: #000} #continut #zona-utila p {text-align: right} #continut #zona-utila form {width: 197px; height: 50px; margin: 10px 0px 0px auto} #continut #zona-utila form fieldset {margin: 2px 0px 2px 0px; height: 22px} #continut #zona-utila form fieldset input {width: 195px; height: 14px; padding: 3px 0px 3px 0px; border: 1px solid #fff; text-align: right; font-size: 10px; line-height: 14px} #continut #zona-utila form fieldset input#i-accesContEmail:hover {width: 175px; padding: 3px 10px 3px 10px; background: #F7F7F7; border: 1px solid #EEEEEE} #continut #zona-utila form fieldset input#i-accesContParola:hover {background: #F7F7F7; border: 1px solid #EEEEEE} * html #continut #zona-utila form fieldset input {margin: -1px 0px -1px 0px} *:first-child+html #continut #zona-utila form fieldset input {margin: -1px 0px -1px 0px} #continut #zona-utila form fieldset.buton {display: none; margin: -24px 0px 0px auto; width: 35px} *:first-child+html #continut #zona-utila form fieldset.buton {margin: -23px 0px 0px auto} #continut #zona-utila form:hover fieldset.buton {display: block} #continut #zona-utila form:hover fieldset.buton input {width: 35px; height: 23px; background: #525252; border: 1px solid #525252; color: #fff; text-align: center} #continut #zona-utila form:hover fieldset input#i-accesContParola {width: 140px; padding: 3px 10px 3px 10px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* PRODUSE /*--------------------------------------------------------------------------------------------------------------------------*/ #b-home #continut #cuprins, #b-produse #continut #cuprins {width: 720px} #continut #cuprins ul#produse {padding: 0px;} #continut #cuprins ul#produse li {float: left; clear: none; position: relative; display: inline; padding: 0px; width: 160px; height: 160px; margin: 0px 20px 15px 0px; background: #F7F7F7; _filter: alpha(opacity=85); opacity: 0.85} #continut #cuprins ul#produse li a {border: none} #continut #cuprins ul#produse li h2 {display: none; position: absolute; top: 130px; left: 0px; width: 136px; padding: 6px 12px 6px 12px; background: #525252; color: #fff; font-weight: normal} #continut #cuprins ul#produse li:hover {_filter: alpha(opacity=100); opacity: 1} #continut #cuprins ul#produse li:hover h2 {display: block} #b-produs #continut #cuprins img {float: left; clear: none; margin: 0px 30px 0px 0px} #b-produs #continut #cuprins h2 {font-size: 35px; color: #606060; line-height: 40px; margin: 0px 0px 10px 0px} #b-produs #continut #cuprins p#cod {display: inline; padding: 6px 12px 6px 12px; background: #525252; color: #fff;} #b-produs #continut #cuprins p#descriere {display: block; margin: 10px 0px 20px 0px} #b-produs #continut #cuprins p#pret {display: inline; padding: 6px 12px 6px 12px; background: #525252; color: #fff;} #b-produs #continut #cuprins form {display: inline; margin: 0px 0px 0px 15px} #b-produs #continut #cuprins form select {background: #F7F7F7; border: 1px solid #EEEEEE; width: 40px} #b-produs #continut #cuprins form input {margin: 0px 0px 0px 15px; color: #000; width: 65px;} #b-produs #continut #cuprins p#cos {display: inline; margin: 0px 0px 0px 15px} #b-produs #continut #cuprins p#cos a {border: none} #b-produs #continut #cuprins p#sizing-chart {margin: 15px 0px 0px 0px} #b-produs #continut #cuprins p#sizing-chart a {border: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* SIZING INFORMATION /*--------------------------------------------------------------------------------------------------------------------------*/ #b-produs #continut #cuprins div#sizing-information {display: none; margin: 10px 0px 0px 0px} #b-produs #continut #cuprins div#sizing-information table {width: 305px} #b-produs #continut #cuprins div#sizing-information table tbody tr td {padding: 2px; background: #F7F7F7; text-align: center} #b-produs #continut #cuprins div#sizing-information table tbody tr td.imp {width: 50px; background: #EEEEEE; text-align: right} /*--------------------------------------------------------------------------------------------------------------------------*/ /* COS /*--------------------------------------------------------------------------------------------------------------------------*/ #b-cos #continut #cuprins form fieldset {padding: 10px 0px 10px 0px} #b-cos #continut #cuprins form fieldset p.denumire {float: left; clear: none; display: inline; width: 350px; height: auto; line-height: 35px} #b-cos #continut #cuprins form fieldset p.denumire a {font-weight: normal; border: none; font-size: 35px;} #b-cos #continut #cuprins form fieldset label {float: left; clear: none; height: 14px; margin: 5px 10px 0px 0px; padding: 3px 0px 5px 0px; } #b-cos #continut #cuprins form fieldset input {float: left; clear: none; width: 20px; margin: 5px 0px 0px 0px; height: 14px; padding: 5px; background: #F9F9F9; border: 1px solid #E8E8E8; line-height: 14px; text-align: center} #b-cos #continut #cuprins form fieldset p.pret {float: left; clear: none; display: inline; margin: 5px 0px 0px 45px} #b-cos #continut #cuprins form fieldset p.pret strong {padding: 6px 12px 6px 12px; background: #525252; color: #fff;} #b-cos #continut #cuprins form fieldset p.sterge {float: right; clear: none; margin: 5px 0px 0px 0px} #b-cos #continut #cuprins form fieldset p.sterge a {border: none; font-weight: normal} #b-cos #continut #cuprins form p#pret-total {margin: 20px 0px 0px auto; width: 300px; color: #000; text-align: right; font-size: 25px} #b-cos #continut #cuprins form fieldset#comanda-actualizare {margin: 20px 0px 0px auto; width: 145px} #b-cos #continut #cuprins form fieldset#comanda-actualizare input {width: 80px; height: 26px; padding: 0px; background: #525252; border: none; color: #fff; text-align: center} #b-cos #continut #cuprins form fieldset#comanda-actualizare input:hover {background: #777} #b-cos #continut #cuprins form fieldset#comanda-actualizare a {margin: 0px 0px 0px 25px; border: none} #b-comanda #continut #cuprins ul li {clear: both; padding: 10px 0px 10px 0px} #b-comanda #continut #cuprins ul li p.denumire {float: left; clear: none; display: inline; width: 350px; height: auto; line-height: 35px} #b-comanda #continut #cuprins ul li p.denumire a {font-weight: normal; border: none; font-size: 35px;} #b-comanda #continut #cuprins ul li p.cantitate {float: left; clear: none; height: 20px; margin: 5px 10px 0px 0px; padding: 3px 0px 5px 0px; } #b-comanda #continut #cuprins ul li p.pret {float: right; clear: none; display: inline; margin: 5px 0px 0px 45px} #b-comanda #continut #cuprins ul li p.pret strong {padding: 6px 12px 6px 12px; background: #525252; color: #fff;} #b-comanda #continut #cuprins p#pret-total {margin: 20px 0px 0px auto; width: 300px; color: #000; text-align: right; font-size: 25px} #b-comanda #continut #cuprins form {margin: 20px 0px 0px auto; width: 250px; text-align: right} #b-comanda #continut #cuprins form fieldset {; text-align: right} #b-comanda #continut #cuprins form fieldset p {width: 145px; display: inline} #b-comanda #continut #cuprins form fieldset p a {border: none} #b-comanda #continut #cuprins form fieldset input {width: 80px; height: 26px; margin: 0px 0px 0px 10px; padding: 0px; background: #525252; border: none; color: #fff; text-align: center} #b-comanda #continut #cuprins form fieldset input:hover {background: #777} /*--------------------------------------------------------------------------------------------------------------------------*/ /* INREGISTRARE /*--------------------------------------------------------------------------------------------------------------------------*/ #b-inregistrare #continut #cuprins div {float: right; clear: none; width: 240px; text-align: right} #b-inregistrare #continut #cuprins div p {text-align: right} #b-inregistrare #continut #cuprins form {width: 422px} #b-inregistrare #continut #cuprins form fieldset {margin: 10px 0px 10px 0px; height: 28px} #b-inregistrare #continut #cuprins form fieldset label {float: left; clear: none; margin: 0px 10px 0px 0px; width: 100px; height: 20px; padding: 3px 10px 3px 10px; text-align: right} #b-inregistrare #continut #cuprins form fieldset input, #b-inregistrare #continut #cuprins form fieldset textarea {float: left; clear: none; width: 270px; height: 20px; padding: 6px 10px 0px 10px; background: #F9F9F9; border: 1px solid #E8E8E8; line-height: 14px} #b-inregistrare #continut #cuprins form fieldset.butoane {width: 160px; margin: 20px 0px 0px auto} #b-inregistrare #continut #cuprins form fieldset.butoane input {margin: 10px 0px 0px 10px; width: 70px; height: 26px; padding: 0px; background: #525252; border: none; color: #fff; text-align: center} #b-inregistrare #continut #cuprins form fieldset.butoane input:hover {background: #777} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTACT /*--------------------------------------------------------------------------------------------------------------------------*/ #b-contact #continut #cuprins div {float: right; clear: none; width: 240px; text-align: right} #b-contact #continut #cuprins div p {text-align: right} #b-contact #continut #cuprins div h2{text-align: right; margin: 5px 0px 5px 0px; font-weight: bold} #b-contact #continut #cuprins form {width: 422px} #b-contact #continut #cuprins form fieldset {margin: 10px 0px 10px 0px; height: 28px} #b-contact #continut #cuprins form fieldset label {float: left; clear: none; margin: 0px 10px 0px 0px; width: 100px; height: 20px; padding: 3px 10px 3px 10px; text-align: right} #b-contact #continut #cuprins form fieldset input, #b-contact #continut #cuprins form fieldset textarea {float: left; clear: none; width: 270px; height: 20px; padding: 6px 10px 0px 10px; background: #F9F9F9; border: 1px solid #E8E8E8; line-height: 14px} #b-contact #continut #cuprins form fieldset.textarea {height: auto} #b-contact #continut #cuprins form fieldset textarea {height: 50px; overflow: auto} #b-contact #continut #cuprins form fieldset.butoane {width: 160px; margin: 20px 0px 0px auto} #b-contact #continut #cuprins form fieldset.butoane input {margin: 10px 0px 0px 10px; width: 70px; height: 26px; padding: 0px; background: #525252; border: none; color: #fff; text-align: center} #b-contact #continut #cuprins form fieldset.butoane input:hover {background: #777} p.mesaj {margin: 0px 0px 25px 0px; padding: 15px; background: #525252; text-align: center} p.mesaj a {color: #fff} #trafic { margin-top: 20px !important; text-align: right; } #trafic a { border: 0px none #fff !important; }