/* ------ STYLURI GENERALE ------ */
body {margin: 0px auto; padding: 0px; width: 980px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #444444;}

div, form, fieldset, html, img, p, h1, h2, h3, h4, h5, h6  {margin: 0px; padding: 0px; font-weight: normal;}
fieldset {border: 1px solid #f1f1f1;}
img {border: none; vertical-align: bottom;}
ul {list-style-type: none;}
ul.regular { list-style-type: disc; }

div.cleaner {clear: both; height: 0px; overflow: hidden;}

a {color: #0b8cb7; text-decoration: none;}
a:hover {color: #0d9bca; text-decoration: underline;}


/* ------ BANNER LETERBOARD ------ */
div#bannerLetterboard {height: 96px; overflow: hidden; clear: both; color: #a7a7a7; border-bottom: 1px solid #f5f5f5; background-image: url(../images/backgrounds/bg_letterboard.gif); background-repeat: no-repeat; background-position: 0px 3px;}
div#bannerLetterboard p {padding: 53px 13px 0px 13px; width: 223px; overflow: hidden; float: left;}
div#bannerLetterboard div {margin: 3px 0px 0px 3px; float: left;}


/* ------ HEADER ------ */
div#header {height: 152px; overflow: hidden; clear: both; position: relative;}

div#header p.linkuriMici {padding: 53px 10px 0px 0px; float: right; color: #999999; font-weight: bold; font-size: 0.9em;}
div#header p.linkuriMici a {color: #999999; text-decoration: none;}
div#header p.linkuriMici a:hover {color: #da251c;}
div#header p.linkuriMici span {padding: 0px 6px;}

div#header h1 {width: 235px; height: 95px; overflow: hidden; font-size: 1em; text-indent: -20000px; background-image: url(../images/yourstok_logo.gif); background-repeat: no-repeat; background-position: 0px 15px;}
div#header h1 a {margin: 15px 0px 0px 0px; padding: 0px; width: 235px; height: 70px; overflow: hidden; display: block;}

div#header fieldset {padding: 11px 9px 6px 9px; width: 215px; overflow: hidden; float: left; font-size: 0.9em; color: #59abc6;}
div#header fieldset a {color: #59abc6;}
div#header fieldset span {padding: 0px 6px; }

div#header div.autentificari {margin: 0px 0px 0px 17px; width: 728px; float: left; font-size: 0.9em; border-bottom: 0px solid #f1f1f1;}
div#header div.autentificari div  {float: left;}
div#header div.autentificari div em {font-size: 1.1em; font-weight: bold; font-style: normal; color: #666666;}
div#header div.autentificari div em strong {padding: 0px 14px 0px 0px; font-size: 1.2em; color: #252525;}
div#header div.autentificari div a {padding: 0px 11px 0px 18px; color: #242424; text-decoration: underline; background-repeat: no-repeat; background-position: 0px 1px;}
div#header div.autentificari div a:hover {color: #59abc6;}
div#header div.autentificari div a.cont {background-image: url(../images/icons/cont_nou.gif);}
div#header div.autentificari div a.uitat {background-image: url(../images/icons/uitat_parola.gif);}
div#header div.autentificari div a.contFurnizor {background-image: url(../images/icons/cont_nou_rosu.gif);}
div#header div.autentificari div a.contVizitator {background-image: url(../images/icons/cont_nou.gif);}
div#header div.autentificari div input.campLogin { padding-bottom: 0px; margin-bottom: 3px;}
div#header div.autentificari div input.butonLogin { margin-bottom: 3px;}


/* ------ PARTEA STANGA ------ */
div#stanga {width: 235px; overflow: hidden; position: relative; float: left;}
div#stanga h3 {margin: 11px 0px 10px -1px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.5em; color: #666666;}

a.demoVanzatori {margin: 9px 0px 9px 0px; padding: 0px 0px 11px 60px; display: block; font-size: 0.9em; color: #353535; background-image: url(../images/icons/demo.gif); background-repeat: no-repeat; background-position: 6px 0px;}
a.demoVanzatori em {margin: 0px 0px 1px 0px; display: block; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.65em; font-style: normal;}
a.demoVanzatori:hover {color: #0d9bca; text-decoration: none;}

fieldset.stanga {margin: 0px 0px 17px 0px; padding: 0px 13px 1px 13px; color: #969595;}
fieldset.stanga dl {margin: 10px 0px 12px 0px; padding: 0px; line-height: 1.2em;}
fieldset.stanga dl dt {margin: 0px; padding: 0px; font-weight: bold;}
fieldset.stanga dl dd {margin: 0px; padding: 0px;}
fieldset.stanga dl dd div {margin-top: -14px; clear: both; float: right; font-weight: bold;}

fieldset.stangaBanner {margin: 0px 0px 17px 0px; padding: 4px; text-align: center;}


/* ------ MENIU STANGA ------ */
div.meniuPrincipal {margin: 0px 0px 17px 0px; padding: 4px 4px 3px 4px; border: 1px solid #f1f1f1; position: relative; clear: both;}
div.meniuPrincipal div {background-color: #f3f3f3; overflow: hidden;}
div.meniuPrincipal div:first-child {background-color: #f3f3f3;}
div.meniuPrincipal div {height: 24px;}
div.meniuPrincipal div.collapsed {height: 24px;}
div.meniuPrincipal div span {display: block; padding: 3px 12px 3px 12px; width: 201px; border-bottom: 1px solid #ffffff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #252525; background-color: #ffffff; background-image: url(../images/icons/sageti_meniu_activ.gif); background-repeat: no-repeat; background-position: 198px 7px;}
div.meniuPrincipal div span em {color: #da251c; font-style: normal;}
div.meniuPrincipal div span a {color: #252525;}
div.meniuPrincipal div.collapsed span {background-color: #f3f3f3; background-image: url(../images/icons/sageti_meniu_inactiv.gif); background-repeat: no-repeat; background-position: 201px 3px;}
/*
div.meniuPrincipal div a {width: 180px; padding: 0px 20px 0px 25px; display: block; color: #5c5c5c; text-decoration: none; background-color: #ffffff; background-image: url(../images/icons/sageti_meniu_mici.gif); background-repeat: no-repeat; background-position: 11px 4px;}
div.meniuPrincipal div a.current {color: #da251c; text-decoration: none;}
div.meniuPrincipal div a:hover {background-color: #f3f3f3;}
*/
div.meniuPrincipal div label.spatiu {display: block;height: 7px; overflow: hidden; background-color: #FFFFFF;}


/* ------ PARTEA DREAPTA ------ */
div#dreapta {padding: 0px 0px 0px 17px; width: 728px; float: left; overflow: hidden; position: relative;}
div#dreapta h2 {margin: 6px 0px 18px -1px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.5em; color: #343434;}
div#dreapta h2.subCale {margin: 26px 0px 8px -1px;}

/* ------ SITE PATH ------ */
p#sitePath {margin: 10px 0px -20px 0px; padding: 0px 0px 0px 15px; font-size: 0.9em; color: #888888; background-image: url(../images/icons/acasa.gif); background-repeat: no-repeat; background-position: 0px 3px;}
p#sitePath a {color: #59abc6;}
p#sitePath span {padding: 0px 3px;}
div#uLinks { margin: 6px 0px 0px 0px; position: relative; float:right; font-size: 0.9em; color: #888888; }

div#dreapta fieldset.register {margin: 3px 0px 0px 0px;}
div#dreapta fieldset.register label {margin: 1px 2px 1px 0px; padding: 2px 7px 2px 7px; float: left; clear: left; width: 137px;}
div#dreapta fieldset.register p {margin: 1px 0px 1px 0px; padding: 2px 7px 2px 7px; float: left; background-color: #f9f9f9;}
div#dreapta fieldset.register br {clear: both;}
div#dreapta fieldset.register .regularInput {margin: 0px; padding: 0px 3px 1px 3px; width: 248px; border: 1px solid gray; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #525252;}

/* ------ SYSTEM MESSAGE ------ */
div.sysMessage {margin: 0px 0px 17px 0px; padding: 10px; font-size: 1em; background-color: #f6f6f6; border: 1px dashed #DA251C; }
div.sysMessage ul {margin: 10px 0px 0px 0px; padding: 0px; font-size: 0.9em; color: #888888;}
div.sysMessage ul li {margin: 0px 0px 3px 0px; padding: 0px 0px 0px 18px; position: relative; background-image: url(../images/icons/flag01.gif); background-repeat: no-repeat; background-position: 0px 4px;}


/* ------ STOCURI ACTIVE ------ */
div.stocuriActive {margin: 0px 0px -8px -17px; clear: both;}
div.stocuriActive a {margin: 0px 0px 17px 17px; padding: 0px; width: 169px; display: block; position: relative; float: left; font-size: 0.9em; color: #444444;}
div.stocuriActive a img {padding: 1px; width: 165px; height: 123px; clear: both; border: 1px solid #d0d0d0; background-color: #FFFFFF;}
div.stocuriActive a span {padding: 4px 6px 5px 6px; display: block; clear: both; border: 1px solid #f1f1f1; border-top: none;}
div.stocuriActive a span em {padding: 0px 0px 4px 0px; display: block; clear: both; font-size: 1.1em; font-weight: bold; font-style: normal; color: #0b94c2;}
div.stocuriActive a:hover {background-color: #f6f6f6; text-decoration: none; color: #444444;}
div.stocuriActive a:hover span em {text-decoration: none; color: #444444;}

div.stocuriActive a label {margin: 0px; padding: 0px; width: 65px; height: 65px; display: block; position: absolute; top: -7px; left: -7px; cursor: pointer; background-image: url(../images/icons/nou.png); background-repeat: no-repeat; background-position: 0px 0px;}
div.stocuriActive a label.nou {background-image: url(../images/icons/nou.png);}
div.stocuriActive a label.promotie {background-image: url(../images/icons/promotie.png);}
div.stocuriActive a label.lichidare {background-image: url(../images/icons/lichidare.png);}

/* ------ CU CALENDAR ------ */
div.cuCalendar {margin: 0px 0px 0px -17px; clear: both; width: 750px;}
div.cuCalendar a {margin: -3px 8px 8px 10px; padding: 8px 8px 8px 100px; width: 241px; min-height: 62px; position: relative; display: block; float: left; font-size: 1em; line-height: 1.2em; color: #444444; text-decoration: none; background-color: #ffffff; }
div.cuCalendar a em {padding: 0px 0px 2px 0px; display: block; clear: both; font-weight: bold; font-style: normal; color: #0b94c2;}
div.cuCalendar a span.luna {margin: 0px; padding: 0px; width: 35px; height: 17px; display: block; position: absolute; top: 17px; left: 30px; text-align: center; font-weight: bold; color: #ffffff; }
div.cuCalendar a span.data {margin: 0px; padding: 0px; width: 35px; height: 20px; display: block; position: absolute; top: 48px; left: 30px; font-size: 19px; text-align: center; color: #444444; }
div.cuCalendar a span.deasupra  {z-index: 99;}
div.cuCalendar a div.photo {margin: 0px; padding: 0px; display: block; position: absolute; top: 5px; left: 2px; text-align: center; }
div.cuCalendar a div.photo img {margin: 0px 7px -18px 0px; padding: 1px; width: 88px; height: 68px; border: 1px solid #e6e6e6; background-color: #ffffff; float: left;}
div.cuCalendar a:hover {text-decoration: none; background-color: #f7f7f7; cursor: pointer; color: #444444;}
div.cuCalendar a:hover em {color: #444444;}

/* ------ CU CALENDAR ------ */
div.listingArticoleHP {margin: 0px 0px 0px -6px; clear: both; width: 750px;}
div.listingArticoleHP a {margin: 0px 17px 10px 0px; padding: 6px 6px 24px 6px; background-color: #ffffff; width: 220px; position: relative; display: block; float: left; color: #444444; text-decoration: none;}
div.listingArticoleHP a span.sectiune {margin: 0px 0px 4px 0px; padding: 0px; display: block; clear: both; font-size: 0.9em; font-weight: bold; color: #010101; text-transform: uppercase;}
div.listingArticoleHP a span.continut {margin: 0px; padding: 0px; display: block; width: 121px; float: left; cursor: pointer; position: relative;}
div.listingArticoleHP a img {margin: 0px 7px -18px 0px; padding: 1px; width: 88px; height: 68px; border: 1px solid #e6e6e6; background-color: #ffffff; float: left;}
div.listingArticoleHP a em {margin: 2px 0px 0px 0px; padding: 0px 0px 0px 11px; display: block;cursor: pointer; position: absolute; bottom: 6px; left: 125px; font-size: 0.9em; font-style: normal; color: #269cc4; background-image: url(../images/icons/sageata_mica_albastra.gif); background-repeat: no-repeat; background-position: 0px 4px;}
div.listingArticoleHP a:hover {background-color: #f5f5f5; text-decoration: none; color: #111111;}
div.listingArticoleHP a:hover span.continut {background-color: #f7f7f7; color: #111111;}
div.listingArticoleHP a:hover em {color: #da251c; background-image: url(../images/icons/sageata_mica_rosie.gif);}

/* ------ DETALIU PRODUS ------ */
div.detaliuProdus {clear: both;}
img.pozaArticol {margin: 0px 10px 0px 0px; padding: 1px; width: 300px; float: left; border: 1px solid #d0d0d0; background-color: #FFFFFF;}

div.pozaSiLogo {width: 304px; position: relative; float: left;}
div.pozaSiLogo img.pozaProdus {padding: 1px; width: 300px; height: 225px; clear: both; border: 1px solid #d0d0d0; background-color: #FFFFFF;}
div.pozaSiLogo h4 {padding: 17px 10px; border: 1px solid #f1f1f1; border-top: none; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: center; font-size: 1.5em; font-weight: normal;}

div.dateProdus {margin: 0px 0px 0px 10px; padding: 1px 1px 0px 1px; border: 1px solid #f1f1f1; float: left; width: 410px; overflow: hidden; position: relative; font-size: 0.9em;}
div.dateProdus label {margin: 0px 0px 1px 0px; padding: 1px 6px; display: block; clear: both; background-color: #ffffff;}
div.dateProdus label.categorieProdus {padding: 7px 6px; font-weight: bold; color: #1b94bc; background-color: #f6f6f6; text-transform: uppercase; border-bottom: 1px solid #f6f6f6;}
div.dateProdus label.categorieProdus a {color: #1b94bc;}
div.dateProdus label.titlu {padding: 7px 6px 7px 6px; background-color: #f6f6f6; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #da251c; border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6;}
div.dateProdus label.pret {padding: 4px 6px 5px 6px; font-weight: bold; text-transform: uppercase;}

div.detaliuProdus p.detaliuProdus {margin: 17px 0px; padding: 0px; clear: both;}

dl.laDownload {margin: 17px 0px; padding: 0px;}
dl.laDownload dt {margin: 0px 0px 5px 0px; padding: 0px; font-weight: bold;}
dl.laDownload dd {margin: 0px; padding: 0px 0px 0px 12px; font-size: 0.9em; background-image: url(../images/icons/bul_rosu.gif); background-repeat: no-repeat; background-position: 1px 4px;}


/* ------ CATEGORII ARTICOLE ------ */
fieldset.categoriiArticole {margin: 0px 0px 15px 0px; padding: 4px 0px; clear: both; border-left: none; border-right: none; color: #269cc4;}
fieldset.categoriiArticole a {color: #269cc4;}
fieldset.categoriiArticole a.activ {color: #da251c;}
fieldset.categoriiArticole span {padding: 0px 5px;}


/* ------ SEARCH ------ */
fieldset.search { padding: 11px 9px 6px 9px; overflow: hidden; font-size: 1em; }
fieldset.search span { font-weight: bold; color: #59abc6; }
fieldset.search span.keywords { width: 250px; display: block; float: left; }
fieldset.search span.location { width: 210px; display: block; float: left; }
fieldset.search span.offerType { width: 195px; display: block; float: left; }
fieldset.search input,select {border: none; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #333333; background-color: #f3f3f3; font-weight: normal; }

div#dreapta h2.searchCategory {margin: 13px 0px 3px -1px;}
div#dreapta h2.searchCategory em {color: #da251c; font-style: normal;}

div.paging { margin-top: 10px; }
div.paging a { font-size: 1.1em; color: #59abc6; }

/* ------ SITE FOOTER ------ */
div#footer {margin: 21px 0px 0px 0px; padding: 21px 0px 40px 260px; clear: both; border-top: 1px solid #f1f1f1; font-size: 0.9em; color: #9f9f9f; background-image: url(../images/yourstok_logo_footer.gif); background-repeat: no-repeat; background-position: 34px 24px;}
div#footer img.softhost {margin: -7px 25px 0px 25px; padding: 0px; float: right; vertical-align: top; border: none;}
div#footer a {color: #9f9f9f;}
div#footer a:hover {color: #0d9bca; text-decoration: none;}
div#footer span.spatiu {padding: 0px 9px;}


/* ------ ELEMENTE FORMULAR ------ */
input.campCautare {margin: 0px 0px 6px 0px; padding: 2px 4px 1px 4px; width: 161px; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #333333; background-color: #f3f3f3;}
input.butonCautare {margin: 0px 0px 6px 4px; padding: 0px; vertical-align: top;}

input.campLogin {margin: 9px 3px 14px 0px; padding: 0px 3px 1px 3px; width: 148px; border: 1px solid #ebebeb; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #525252;}
input.butonLogin {margin: 9px 0px 14px 1px; padding: 0px; vertical-align: top;}

input.formular01 {margin: 0px; padding: 0px 2px; width: 220px; border: 1px solid #999999; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #444444; font-weight: normal;}
textarea.formular01 {margin: 0px; padding: 0px 2px; width: 220px; height: 80px; overflow: auto; border: 1px solid #999999; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #444444; font-weight: normal;}
textarea.formular02 {margin: 0px; padding: 0px 2px; width: 580px; height: 180px; overflow: auto; border: 1px solid #999999; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #444444; font-weight: normal;}
select.formular01 {margin: 0px; padding: 0px; width: 227px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #444444; background-color: #FFFFFF; font-weight: normal; border: 1px solid #999999;}
input.formularButon01 {margin: 4px 0px; padding: 1px 2px; width: 90px; border: none; background-color: #da251c; background-image: url(../images/butoane/top_buton.gif); background-repeat: repeat-x; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #ffffff; font-weight: bold; text-transform: uppercase; cursor: pointer;}
input.formularButon02 {margin: 4px 0px; padding: 1px 2px; width: 90px; border: none; background-color: #77c8e3; background-image: url(../images/butoane/top_buton_albastru.gif); background-repeat: repeat-x; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #ffffff; font-weight: bold; text-transform: uppercase; cursor: pointer;}
input.formular01Box {vertical-align: -5px;}
input.formular01Radio {vertical-align: -3px;}


/* ------ TABELE ------ */
table.model01 {margin: 0px 0px; padding: 0px; width: 728px; border: 1px solid #f1f1f1; clear: both; background-color:#ffffff;}
table.model01 th {padding: 6px 6px; font-size: 1em; background-color: #ffffff; text-align: left;}
table.model01 th.centered,td.centered {text-align: center;}
table.model01 th.toright {text-align: right;}
table.model01 th.thin {font-weight: normal;}
table.model01 td {padding: 3px 6px; background-color: #FFFFFF;}
table.model01 td.buton {padding: 6px 6px;}
table.model01 td.clean {background-color: #ffffff;}
table.model01 td.tall25 {height: 25px;}
table.model01 td.info {padding: 10px 6px; background-color: #ffffff; color: #888888;}

table tr.highlight:hover { background-color: #ffffff; color: #888888; }
table tr.highlight:hover a { color: #DA251C; }
table td a.empty { color: #888888; }

.yred {color: #da251c;}
.bulletlink {padding: 0px 0px 0px 18px; background-image: url(../images/icons/sageti_meniu_mici.gif); background-repeat: no-repeat; background-position: 5px 5px;}

hr { height: 1px; }

.centered {text-align: center;}
a.shortReadMore {padding-right: 10px; cursor: pointer; font-size: 0.9em; font-style: normal; color: #269cc4; background-image: url(../images/icons/sageata_mica_albastra.gif); background-repeat: no-repeat; background-position: center right;}

/* Used with crosshairs.js */
.hoverHilight {
	background-color: #FFF0EF;
}

.activeCellHilight {
	background-color: #EFE0EF;
	color: inherit;
}

tr.alternate {
	background-color: #EFC4C2;
	color: inherit;
}