/* ------ STYLURI GENERALE ------ */
body {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #565656; line-height: 18px; background: url(../images/backgrounds/bg_header.gif) repeat-x 0px 0px; background-color: #ffffff;}

div, dl, dt, dd, form, fieldset, img, h1, h2, h3, h4, h5, h6  {margin: 0px; padding: 0px; font-weight: normal;}
fieldset {border: none;}
img {border: none; vertical-align: bottom;}

div.container {margin: 0px auto; padding: 0px; width: 960px; position: relative; overflow: hidden;}
.cleaner {clear: both; height: 0px; display: block; overflow: hidden;}
.rosu {color: #d52b1e;}

a {color: #5389bf; text-decoration: underline; outline: none;}
a:hover {color: #d52b1e; text-decoration: underline;}

a.linkNegru {color: #565656; text-decoration: underline;}
a.linkNegru:hover {color: #5389bf; text-decoration: underline;}

a.albastruNormal {padding: 6px 0px 8px 25px; font-weight: bold; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #1f4a76; background-image: url(../images/butoane/albastru_normal_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.albastruNormal span {padding: 6px 24px 8px 0px; background-image: url(../images/butoane/albastru_normal_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.albastruNormal:hover {color: #ffffff; text-decoration: none; background-position: 0px -48px; text-shadow: 1px 1px 0px #8d1212;}
a.albastruNormal:hover span {background-position: right -48px;}

a.negruNormal {padding: 8px 0px 10px 16px; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #000000; background-image: url(../images/butoane/negru_normal_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.negruNormal span {padding: 8px 15px 10px 0px; background-image: url(../images/butoane/negru_normal_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.negruNormal:hover {color: #ffffff; text-decoration: none; background-position: 0px -52px; text-shadow: 1px 1px 0px #810a01;}
a.negruNormal:hover span {background-position: right -52px;}

a.albastruAuxiliar {padding: 9px 0px 11px 13px; color: #ffffff; text-decoration: none; background-image: url(../images/butoane/negru_icon_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.albastruAuxiliar span {padding: 9px 16px 11px 0px; background-image: url(../images/butoane/negru_icon_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.albastruAuxiliar em {padding: 6px 0px 8px 0px; font-style: normal; background-repeat: no-repeat; background-position: 0px 0px;}
a.albastruAuxiliar em.motocicleteJos {padding-left: 44px; background-image: url(../images/icons/but_moto.gif);}
a.albastruAuxiliar em.accesoriiJos {padding-left: 32px; background-image: url(../images/icons/but_accesorii.gif);}
a.albastruAuxiliar em.botiqueJos {padding-left: 40px; background-image: url(../images/icons/but_botique.gif);}
a.albastruAuxiliar em.ocaziiJos {padding-left: 36px; background-image: url(../images/icons/but_ocazii.gif);}
a.albastruAuxiliar:hover {color: #ffffff; text-decoration: none; background-position: 0px -54px;}
a.albastruAuxiliar:hover span {background-position: right -54px;}
a.albastruAuxiliar:hover em {background-position: 0px -48px;}

a.paginare {padding: 3px 0px 5px 9px; font-size: 16px; color: #ffffff; text-decoration: none; background-image: url(../images/butoane/paginare_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.paginare span {padding: 3px 8px 5px 0px; background-image: url(../images/butoane/paginare_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.paginare:hover {color: #ffffff; text-decoration: none; background-position: 0px -48px; text-shadow: 1px 1px 0px #8d1212;}
a.paginare:hover span {background-position: right -48px;}
a.paginareActiv {padding: 3px 0px 5px 9px; font-size: 16px; color: #ffffff; text-decoration: none;text-shadow: 1px 1px 0px #8d1212; background-image: url(../images/butoane/paginare_stanga.gif); background-repeat: no-repeat; background-position: 0px -48px;}
a.paginareActiv span {padding: 3px 8px 5px 0px; background-image: url(../images/butoane/paginare_dreapta.gif); background-repeat: no-repeat; background-position: right -48px;}
a.paginareActiv:hover {color: #ffffff; text-decoration: none;}
a.paginareMic {padding: 6px 0px 9px 12px; font-size: 12px; color: #ffffff; text-decoration: none; background-image: url(../images/butoane/paginare_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.paginareMic span {padding: 6px 11px 9px 0px; background-image: url(../images/butoane/paginare_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.paginareMic:hover {color: #ffffff; text-decoration: none; background-position: 0px -48px; text-shadow: 1px 1px 0px #8d1212;}
a.paginareMic:hover span {background-position: right -48px;}




/* ------ HEADER ------ */
div#header {margin: 0px auto; padding: 0px; width: 960px; height: 154px; overflow: hidden; clear: both; position: relative;}
div#header h1 {margin-top: 39px; width: 289px; height: 61px; position: relative; text-indent: -20000px; background: url(../images/elfworkshop_logo.gif) no-repeat 0px 0px;}
div#header h1 a {width: 289px; height: 61px; display: block;}

div.baraSus {padding: 2px 0px 1px 0px; font-size: 11px; color: #333333; line-height: 19px;}
div.baraSus a {color: #727272; text-decoration: none;}
div.baraSus a:hover {color: #5389bf; text-decoration: underline;}
div.baraSus img {margin: 0px 10px 0px 3px; vertical-align: -2px;}
div.baraSus label {display: block; float: right;}
div.baraSus label a {color: #333333; text-decoration: none;}
div.baraSus label span {padding: 0px 9px;}

div.cautareSus {margin: 32px 0px 0px 0px; float: right;}

div.meniuSus {margin: 0px; padding: 22px 0px 8px 4px; clear: right; float: right;}
div.meniuSus a {margin: 0px 0px 0px -3px; padding: 5px 0px 8px 14px; color: #ffffff; text-decoration: none; background-image: url(../images/butoane/meniu_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div.meniuSus a span {padding: 5px 13px 8px 0px; background-image: url(../images/butoane/meniu_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
div.meniuSus a:hover {color: #ffffff; text-decoration: none; background-position: 0px -46px;}
div.meniuSus a:hover span {background-position: right -46px;}
div.meniuSus a.activ {background-position: 0px -92px;}
div.meniuSus a.activ span {background-position: right -92px;}

div.recomandariSus {padding: 9px 11px; border: 1px solid #ffffff; position: absolute; top: 26px; left: 98px; background-color: #f2f2f2;}
div.recomandariSus img {margin-right: 1px;}




/* ------ HEADLINE ------ */
div#headline {margin: 0px 0px -16px 0px; height: 315px; overflow: hidden; clear: both; position: relative; background: url(../images/backgrounds/bg_headline.gif) repeat-x 0px 0px;}
div.wayOfLife {margin: 0px; padding: 0px; width: 103px; height: 64px; overflow: hidden; background: url(../images/way_of_life.png) no-repeat 0px 0px; float:left;}
div.infinity {margin: 0px 0px 0px 10px; padding: 0px; width: 97px; height: 52px; overflow: hidden; background: url(../images/100years_infinity.png) no-repeat 0px 0px; float:left;}

div.facilitatiHeadline {margin: 0px 0px 0px 180px; padding: 0px; width: 320px; position: absolute; top: 0px; left: 50%;}
div.facilitatiHeadline h2 {margin: 31px 0px 21px 0px; padding: 0px; font-size: 18px; color: #ffffff; text-shadow: 1px 1px 0px #103762;}
div.facilitatiHeadline h2 strong {margin: 0px 0px 5px 0px; display: block; font-size: 24px; text-indent: -1px;}

div.facilitatiHeadline a {margin: 0px 26px 24px 0px; padding-top: 67px; width: 80px; display: block; float: left; color: #f8fafc; text-align: center; text-decoration: none; line-height: 16px; text-shadow: 1px 1px 0px #2c6298; background-repeat: no-repeat; background-position: center top;}
div.facilitatiHeadline a.service {background-image: url(../images/icons/programare_service.png);}
div.facilitatiHeadline a.drive {background-image: url(../images/icons/test_drive.png);}
div.facilitatiHeadline a.piese {background-image: url(../images/icons/piese_schimb.png);}
div.facilitatiHeadline a:hover {color: #ffffff; text-decoration: underline;}




/* ------ HEADLINE INTERIOR ------ */
div#headlineInterior {height: 122px; overflow: hidden; clear: both; background: url(../images/backgrounds/bg_header_interior.gif) repeat-x 0px 0px; background-color: #FF0000}
div#headlineInterior h2 {margin: 20px 0px 0px 0px; font-size: 28px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 0px #103762;}
div#headlineInterior h2 img {margin: 0px 3px 0px 0px; vertical-align: -16px;}

div.facilitatiHeadlineInterior {float: right;}
div.facilitatiHeadlineInterior span {display: block; float: left; background: url(../images/backgrounds/linie_tools_sus.gif) no-repeat right 0px;}
div.facilitatiHeadlineInterior a {margin: 16px 0px 0px 24px; display: block; overflow: hidden; float: left; color: #ffffff; text-decoration: none; text-align: center; line-height: 16px; text-shadow: 1px 1px 0px #0d345d; background-repeat: no-repeat; background-position: 0px 0px;}
div.facilitatiHeadlineInterior a.serviceInt {padding: 10px 25px 29px 65px; background-image: url(../images/icons/programare_service.png);}
div.facilitatiHeadlineInterior a.driveInt {padding: 10px 25px 29px 71px; background-image: url(../images/icons/test_drive.png);}
div.facilitatiHeadlineInterior a.pieseInt {padding: 10px 8px 29px 92px; background-image: url(../images/icons/piese_schimb.png);}
div.facilitatiHeadlineInterior a:hover {color: #ffffff; text-decoration: underline;}


p.caleSite {margin: 0px; padding: 8px 0px 0px 17px; clear: both; font-size: 11px; line-height: 19px; color: #bcbcbc; background: url(../images/icons/acasa.gif) no-repeat 0px 14px;}
p.caleSite span {padding: 0px 5px; color: #bcbcbc;}
p.caleSite a {color: #bcbcbc; text-decoration: none;}
p.caleSite a:hover {color: #68a6e3; text-decoration: underline;}




/* ------ CONTINUT ------ */
div#continut {margin: 0px; overflow: hidden; clear: both; background: url(../images/backgrounds/bg_continut.gif) repeat-x 0px 0px;}
div#continutInterior {margin: 0px; overflow: hidden; clear: both; background: url(../images/backgrounds/bg_continut_interior.gif) repeat-x 0px 0px;}

div#stanga {padding: 0px 30px 40px 0px; width: 630px; overflow: hidden; float: left;}
div#dreapta {padding: 0px 0px 40px 0px; width: 300px; overflow: hidden; float: left;}




/* ------ STANGA ------ */
div#stanga h2 {margin: 34px 0px 28px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: bold; color: #222222; line-height: 32px; letter-spacing: -1px; text-indent: -1px; text-shadow: 1px 1px 0px #fff;}
p.toateJos {margin: 0px; padding: 12px 0px;}

div#stanga h2.titluProdus {margin: 34px 0px 1px 0px; padding: 0px; font-weight: normal;}
div#stanga h2.titluProdus:first-letter {font-size: 30px; letter-spacing: -1px;}
div#stanga h4.titluProdus {margin: 0px; padding: 0px; font-size: 11px; color: #4a4a4a; text-transform: uppercase; font-weight: bold;}
div#stanga h4.titluProdus01 {margin: 0px 0px 28px 0px; padding: 0px; font-size: 11px; color: #4a4a4a; text-transform: uppercase; font-weight: bold;}
div#stanga h3.titluProdus {margin: 20px 0px 22px 0px; font-size: 20px; color: #222222;}



/* ------ listing produse ------ */
div.listingProduse {width: 660px; overflow: hidden; clear: both;}
div.produsListing {position: relative; margin: 0px 30px 31px 0px; padding-bottom: 7px; width: 300px; overflow: hidden; float: left; background: url(../images/backgrounds/umbra_produs_lista.gif) no-repeat center bottom;}
div.produsListing img {margin: 0px 0px 0px 0px; padding: 1px; border: 1px solid #cecece; width: 296px; background-color: #FFFFFF;}
div.produsListing h3 {margin: 19px 0px 13px 0px; font-size: 18px;}
div.produsListing h3 a {color: #1e1e1e; text-decoration: none;}
div.produsListing h3 a:hover {color: #5389bf; text-decoration: underline;}
div.produsListing h4 {margin: 16px 0px 14px 0px; font-size: 12px; font-weight: bold; color: #333333;}
div.produsListing h4 strong {font-size: 22px; font-weight: normal; letter-spacing: -1px;}
div.produsListing h5 {margin: -9px 0px 13px 0px; font-size: 11px; font-weight: bold;}
div.produsListing div.pretJos {margin-top: 15px; padding: 0px; overflow: hidden; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8;}
div.produsListing div.pretJos p {margin: 8px 0px 0px 0px; padding: 8px 0px; float: right;}


/* ------ paginare ------ */
p.paginare {margin: 18px 0px 22px 0px; padding: 0px; font-size: 16px; color: #565656;}
p.paginare a {text-decoration: none;}
p.paginare em {padding: 0px 6px; font-style: normal; color: #999999;}


/* ------ filtre produse ------ */
div.filtreProduse {margin: 0px 0px 30px 0px; padding: 13px 0px 17px 0px; width: 630px; overflow: hidden; clear: both; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #ececec; font-size: 11px; color: #777777;}
div.filtreProduse label {margin: 0px 18px 0px 0px; padding: 0px; display: block; float: left;}
div.filtreProduse a {padding: 8px 0px 10px 16px; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #000000; background-image: url(../images/butoane/negru_normal_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div.filtreProduse a span {padding: 8px 15px 10px 0px; background-image: url(../images/butoane/negru_normal_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
div.filtreProduse a:hover {color: #ffffff; text-decoration: none; background-position: 0px -52px; text-shadow: 1px 1px 0px #810a01;}
div.filtreProduse a:hover span {background-position: right -52px;}
div.filtreProduse a.selected {color: #ffffff; text-decoration: none; background-position: 0px -52px; text-shadow: 1px 1px 0px #810a01;}
div.filtreProduse a.selected span {background-position: right -52px;}

/* ------ pe scurt ------ */
div.peScurt {margin: 26px 0px 0px 0px; padding: 0px; width: 630px; overflow: hidden; clear: both; font-size: 11px; color: #565656; background: url(../images/icons/linie_dungata_detaliu.gif) repeat-x 0px 0px;}
div.peScurt div {padding: 9px 0px; background: url(../images/icons/linie_dungata_detaliu.gif) repeat-x 0px bottom;}
div.peScurt span {margin-left: 5px; padding: 0px 6px 0px 16px; font-weight: bold; background: url(../images/icons/sageata_albastra.gif) no-repeat 0px 1px;}
div.peScurt a {text-decoration: none;}
div.peScurt img.logoMoto {margin: 0px; padding: 0px; float: right;}
div.peScurt label {padding: 0px 6px; color: #666666;}



/* ------ poze ------ */
div.containerCulori {margin: 0px 0px 0px 0px; padding: 10px 0px 10px 10px; width: 618px; overflow: hidden; float: left; border: 1px solid #e3e3e3; border-bottom-color: #cfcfcf; border-top: none; background-color: #f3f3f6;}
div.containerCulori div.pozaMare {position: relative; margin: 0px 10px 10px 0px; padding: 0px; width: 300px; text-align: center; overflow: hidden; float: left; border: 1px solid #e3e3e3; background-color: #FFFFFF;}
div.containerCulori div.pozaMare img {margin: 8px auto;}
div.containerCulori div.linie {margin: 4px 0px 10px 0px; padding: 0px; height: 1px; overflow: hidden; clear: both; border-top: 1px solid #dddddd; background-color: #FFFFFF;}

div.selectorCulori {margin: 0px 10px 0px 0px; padding: 16px 0px 6px 0px; clear: both; background: url(../images/backgrounds/linie_adancime_orizontala.gif) repeat-x 0px 0px;}
div.selectorCulori h3 {margin: 0px 8px 0px 0px; padding: 5px 0px 0px 0px; font-size: 11px; font-weight: bold; float: left;}

div.selectorCulori div {margin-top: -4px; float: right; width: 296px;}
div.selectorCulori div a {margin: 2px 4px 0px 0px; padding: 0px; display: block; width: 22px; height: 22px; float: left; border: 1px solid #e3e3e3; text-decoration: none; cursor: pointer; background-image: url(../images/backgrounds/over_culoare.png); background-repeat: repeat-x; background-position: 0px -1px;}
div.selectorCulori div a.activ {border: 1px solid #999999;}
div.selectorCulori div a span {display: block; width: 20px; height: 20px; border: 1px solid #ffffff;}
div.selectorCulori div a:hover {text-decoration: none;}

div.pozeMici {overflow: hidden; width: 306px; float: left;}
div.pozeMici a {display: inline; width: auto; height: auto; border: none; background: none;}
div.pozeMici img {margin: 0px 1px 2px 0px; float: left; width: 96px; border: 1px solid #dedede;}

div.umbraPozaProdus {margin: 0px; padding: 0px; height: 10px; overflow: hidden; clear: both; background: url(../images/backgrounds/umbra_poza_produs.gif) no-repeat 0px 0px;}



/* ------ detaliu produs ------ */
div.detaliuProdus ul {margin: 18px 0px; padding: 0px; list-style: none; overflow: hidden;}
div.detaliuProdus ul li {margin: 0px; padding: 0px 0px 0px 25px; background: url(../images/icons/sageata_01a.gif) no-repeat 0px 1px;}
img.pozaArticol {margin: 0px 20px 0px 0px; padding: 1px; float: left; border: 1px solid #cecece; width: 296px; background-color: #FFFFFF;}



/* ------ fisiere download ------ */
dl.fisiereDownload {margin: 29px 0px 18px 0px;}
dl.fisiereDownload dt {margin: 0px 0px 12px 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #353535; text-shadow: 1px 1px 0px #fff;}
dl.fisiereDownload dd {padding: 7px 0px 8px 34px; font-size: 14px; background: url(../images/icons/lista_pdf.gif) no-repeat 0px 0px;}
dl.fisiereDownload dd.doc {background: url(../images/icons/lista_doc.gif) no-repeat 0px 0px;}
dl.fisiereDownload dd.vid {background: url(../images/icons/lista_video.gif) no-repeat 0px 0px;}
dl.fisiereDownload dd.arh {background: url(../images/icons/lista_arhiva.gif) no-repeat 0px 0px;}


/* ------ articole listing ------ */
div.articoleListing {margin: 0px 0px 38px 0px; clear: both; overflow: hidden;}
div.articoleListing h3 {margin: 0px 0px 19px 0px; padding: 0px 0px 16px 0px; font-size: 20px; font-weight: normal; line-height: 24px; background: url(../images/backgrounds/linie_dungata_showroom.gif) repeat-x 0px bottom;}
div.articoleListing h3 a {color: #363132; text-decoration: none;}
div.articoleListing h3 a:hover {color: #363132; text-decoration: underline;}
div.articoleListing img {margin: 0px 20px 0px 0px; padding: 1px; float: left; border: 1px solid #cecece; background-color: #FFFFFF;}
p.veziDetaliiListing {margin: 18px 0px 0px 0px; padding: 8px 0px;}




/* ------ DREAPTA ------ */
div#dreapta h2 {margin: 35px 0px 27px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #222222; line-height: 32px; letter-spacing: -0.5px; text-indent: -1px; text-shadow: 1px 1px 0px #fff;}
p.toateDreapta {margin: 0px; padding: 12px 0px;}

dl.stiriDreapta {margin: 0px 0px 18px 0px; padding: 0px; border-bottom: 1px solid #d2d2d2; color: #656464;}
dl.stiriDreapta dt {margin: 0px 0px 15px 0px; padding: 19px 0px 0px 0px; border-top: 1px solid #d2d2d2; font-size: 16px; line-height: 20px;}
dl.stiriDreapta dt em {margin: 0px 0px 2px 0px; display: block; font-size: 11px; color: #656464; font-style: normal;}
dl.stiriDreapta dd {padding: 0px 0px 24px 0px;}
dl.stiriDreapta a {text-decoration: none;}


/* ------ cutie dreapta ------ */
div.cutieDreapta {margin: 38px 0px 0px 0px; padding: 0px 0px 5px 0px; border-top: 1px solid #e4e4e4; background: url(../images/backgrounds/umbra_cutie_dreapta.gif) no-repeat center bottom;}
div.botiqueDreapta {padding: 0px 20px 12px 20px; border-top: 1px solid #ffffff; border-bottom: 1px solid #d2d2d2; background-color: #f3f3f3;}
div#dreapta div.botiqueDreapta h2 {margin: 14px 0px 12px -1px;}
div.produseDreaptaBot {width: 280px; overflow: hidden;}
div.produsDreaptaBot {margin: 0px 20px 11px 0px; width: 120px; overflow: hidden; float: left;}
div.produsDreaptaBot img {margin: 0px; padding: 1px; width: 116px; border: 1px solid #dddddd; background-color: #FFFFFF;}
div.produsDreaptaBot h3 {margin: 9px 0px 0px 0px; font-size: 11px; color: #111111;}
div.produsDreaptaBot h3 strong {font-size: 12px;}
div.botiqueDreapta p.veziToate {margin: 0px; padding: 11px 0px 0px 0px; width: 260px; overflow: hidden; clear: both; font-size: 11px; background: url(../images/backgrounds/linie_adancime_orizontala.gif) repeat-x 0px 0px;}
div.botiqueDreapta p.veziToate a {padding: 0px 0px 0px 18px; text-decoration: none; background: url(../images/icons/sagetica_neagra.gif) no-repeat 0px 3px;}


/* ------ newsletter dreapta ------ */
div#dreapta div.newsletter h2 {margin: 30px 0px 0px 0px;}
div#dreapta div.newsletter p {margin: 8px 0px 11px 0px; padding: 0px;}


/* ------ meniu dreapta ------ */
div.meniuDreapta {margin: 41px 0px 32px 0px; padding: 0px; clear: both;}
div.meniuDreapta h3 {margin: 24px 0px 17px 0px; padding: 3px 0px 0px 0px; font-size: 20px; color: #262626; text-shadow: 1px 1px 0px #ffffff; background-image: url(../images/icons/meniu_ico_mare.gif); background-repeat: no-repeat; background-position: right 0px;}
div.meniuDreapta h3 span {margin: 5px 0px 0px 0px; padding: 0px; display: block; font-size: 11px; color: #3b3b3b; font-weight: bold;}
div.meniuDreapta h3 span label {font-size: 12px;}
div.meniuDreapta ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 12px;}
div.meniuDreapta ul li {margin: 0px; padding: 0px; position: relative; background-image: url(../images/backgrounds/linie_meniu_dreapta.gif); background-repeat: repeat-x; background-position: left bottom;}
div.meniuDreapta ul li a {margin: 0px; padding: 2px 0px 5px 22px; display: block; width: 100%; color: #616161; text-decoration: none; background-image: url(../images/icons/meniu_ico_mic.gif); background-repeat: no-repeat; background-position: 0px 5px;}
div.meniuDreapta ul li a.activ {color: #5389bf;}
div.meniuDreapta ul li a:hover {color: #36a6f5; text-decoration: none;}





/* ------ LISTING CATEGORII ------ */
div.listingCategorii {margin: 0px; padding: 46px 0px 18px 0px; width: 990px; overflow: hidden;}
div.listingCategorii h2 {margin: -12px 0px 28px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: bold; color: #222222; line-height: 32px; letter-spacing: -1px; text-indent: -1px; text-shadow: 1px 1px 0px #fff;}

div.listingCategorii h2.titluProdus {margin: -12px 0px 1px 0px; padding: 0px; font-weight: normal;}
div.listingCategorii h2.titluProdus:first-letter {font-size: 30px; letter-spacing: -1px;}
div.listingCategorii h4.titluProdus01 {margin: 0px 0px 28px 0px; padding: 0px; font-size: 11px; color: #4a4a4a; text-transform: uppercase; font-weight: bold;}

a.listingCategorii {margin: 0px 30px 31px 0px; padding: 0px 12px 24px 12px; width: 276px; overflow: hidden; display: block; float: left; font-size: 20px; line-height: 26px; color: #1e1e1e; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; background: url(../images/backgrounds/umbra_produs_lista_01.gif) no-repeat left bottom; background-color: #f3f3f3;}
a.listingCategorii img {margin: 0px -12px 11px -12px; padding: 1px; border: 1px solid #cecece; width: 296px; display: block; background-color: #FFFFFF;}
a.listingCategorii em {margin-top: 2px; display: block; font-size: 11px; font-style: normal; line-height: 14px;}
a.listingCategorii:hover {color: #4f6c8c; text-decoration: none; background-color: #e4e4e4;}
a.listingCategorii:hover em {color: #1e1e1e; text-decoration: none;}




/* ------ SHOWROOOM ------ */
div#showroom {margin: 0px auto; padding-bottom: 10px; width: 1000px; overflow: hidden; clear: both; position: relative;}

div.categorieMoto {width: 960px; padding: 48px 20px 13px 20px; overflow: hidden; background: url(../images/backgrounds/umbra_showroom_02.gif) no-repeat 0px 0px;}
div.categorieMoto h2 {padding: 0px 0px 17px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #222222; text-shadow: 1px 1px 0px #ffffff; letter-spacing: -1px; text-indent: -2px;}
div.categorieMoto h2 strong {font-size: 28px;}
div.categorieMoto img.motoMare {width: 300px; margin: 0px 30px 8px 0px; float: left;}

a.mergiSus {margin: 3px 0px 0px 20px; padding: 2px 32px 3px 0px; display: block; float: right; color: #373737; text-decoration: none; background: url(../images/icons/sageata_sus.gif) no-repeat right 0px;}
a.mergiSus:hover {color: #5389bf; text-decoration: underline;}

div.baraMoto {margin: 0px; padding: 14px 0px; clear: both; font-size: 12px; color: #222222; background: url(../images/backgrounds/linie_dungata_showroom.gif) repeat-x 0px 0px;}
div.modeltCuSelect {margin: -3px 0px 0px 0px; padding: 0px; float: right; font-size: 11px;}
div.modeltFaraSelect {margin: -2px 0px 0px 0px; padding: 0px; float: right; font-size: 11px;}
div.modeltFaraSelect em {font-size: 18px; font-style: normal; letter-spacing: -1px;}

div.motoMici {margin-right: -10px; width: 640px; float: left; overflow: hidden; position: relative;}
div.motoMici a {margin: 0px 10px 19px 0px; width: 118px; overflow: hidden; display: block; float: left; font-size: 10px; color: #555555; text-decoration: none; text-align: center;}
div.motoMici a img {border: 1px solid #e6e6e6;}
div.motoMici a span {margin: 0px; padding: 6px 0px; display: block; background-image: url(../images/backgrounds/mici_poze_01.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div.motoMici a:hover {color: #6292c1; text-decoration: none;}
div.motoMici a:hover img {border-color: #9c9c9c;}
div.motoMici a:hover span {background-position: 0px -44px;}

div.motoPar div.categorieMoto {background: url(../images/backgrounds/umbra_showroom_01.gif) no-repeat 0px 0px; background-color: #f3f3f3;}
div.motoPar div.categorieMoto a span {background-image: url(../images/backgrounds/mici_poze_02.gif);}





/* ------ CATEGORII JOS ------ */
div#categoriiJos {overflow: hidden; clear: both; background: url(../images/backgrounds/bg_categorii_jos.gif) repeat-x 0px 0px; background-color: #dddddd;}
div#categoriiJos div.aranjare {margin: 0px 0px 0px -30px; width: 1100px;}

div.cutieCategorieJos {margin: 0px; padding: 35px 33px 31px 31px; width: 192px; float: left; color: #6a6a6a; background: url(../images/backgrounds/linie_adancime_verticala.gif) repeat-y right top;}
div.cutieCategorieJos h3 {margin-bottom: 16px; font-size: 20px; color: #3e3e3e; line-height: 22px; text-shadow: 1px 1px 0px #ffffff;}
div#categoriiJos p.butonCutieCategorie {margin: 17px 0px 0px 0px; padding: 12px 0px;}




/* ------ ACCESORII JOS ------ */
div#accesoriiJos {padding: 0px 0px 13px 0px; overflow: hidden; clear: both; border-bottom: 1px solid #eeeeee; background: url(../images/backgrounds/bg_accesorii_jos.gif) repeat-x 0px 0px; background-color: #f9f9f9;}
div#accesoriiJos h2 {margin: 31px 0px 27px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #222222; line-height: 32px; letter-spacing: -1px; text-shadow: 1px 1px 0px #fff;}
div#accesoriiJos div.aranjare {width: 990px; overflow: hidden; clear: both; position: relative;}

div.accesoriuJos {margin: 0px 30px 30px 0px; width: 300px; float: left; overflow: hidden;}
div.accesoriuJos img {margin: 0px 11px 0px 0px; padding: 1px; width: 96px; border: 1px solid #dddddd; float: left; background-color: #FFFFFF;}
div.accesoriuJos h3 {margin: 0px 0px 4px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #262627;}
div.accesoriuJos h3 a {color: #262627; text-decoration: none;}
div.accesoriuJos h3 a:hover {color: #5389bf; text-decoration: none;}
div.accesoriuJos h4 {margin: 0px 0px 3px 0px; font-size: 11px; color: #111111;}
div.accesoriuJos h4 em {font-size: 14px; font-style: normal;}
div.accesoriuJos h5 {margin: -6px 0px 3px 0px; font-size: 11px; color: #111111;}




/* ------ FOOTER ------ */
div#footer {padding: 14px 0px 16px 0px; overflow: hidden; clear: both; border-top: 1px solid #ffffff; font-size: 11px; color: #aeaeae; line-height: 20px; text-shadow: 1px 1px 0px #000000; background-color: #1d1d1d;}
div#footer a {color: #aeaeae; text-decoration: none; font-weight: bold;}
div#footer a:hover {color: #208fc2; text-decoration: underline;}
div#footer span {padding: 0px 7px;}
img.softhost {margin: 1px 0px 0px 1px; padding: 0px; float: right;}





/* ------ ELEMENTE FORMULAR ------ */
input.campCautare {margin: 0px; padding: 5px 10px; width: 258px; border: none; background: url(../images/backgrounds/input_cautare.gif) no-repeat 0px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #545454; text-shadow: 1px 1px 0px #eff3f4;}
input.butonCautare {margin: 0px 0px 0px 6px; padding: 0px; vertical-align: top;}

input.campNewsletter {margin: 0px; padding: 7px 4px; width: 223px; border: 1px solid #d5d5d5; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666;}
input.butonNewsletter {margin: 0px 0px 0px 5px; vertical-align: top;}

select.filtreProduse {margin: 4px 0px 0px 0px; padding: 0px; width: 165px; display: block; border: 1px solid #cccccc; background-color: #f5f5f5; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}
select.filtreShowroom {margin: 4px 0px 0px 3px; padding: 0px; width: 100px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}

input.formular01 {margin: 0px; padding: 2px 2px; width: 230px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
textarea.formular01 {margin: 0px; padding: 2px 2px; width: 380px; height: 80px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
select.formular01 {margin: 0px; padding: 0px; width: 236px; height: 22px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
input.formular01Box {margin-right: 5px; vertical-align: -2px;}
input.formular01Radio {margin-right: 5px; vertical-align: -3px;}




/* ------ TABELE ------ */
table.tabelSpecificatii {margin: 32px 0px 10px 0px; padding: 0px; width: 100%; background-color: #FFFFFF;}
table.tabelSpecificatii th {padding: 10px 7px 11px 7px; text-align: left; color: #2f2c1d; font-size: 12px; border: 1px solid #f3f2ee;}
table.tabelSpecificatii td {padding: 4px 8px; background-color: #f1f1f1;}

#carousel-wrapper {
	width: 990px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
}
#carousel-content {
	width: 1980px;
	margin: 0px;
	padding: 0px;
	border: none;
}
#carousel-content .slide {
	float: left;
	width: 990px;
	margin: 0px;
	padding: 0px;
	border: none;
}

#product-wrapper {
	width: 630px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
}
#product-content {
	width: 3150px;
	margin: 0px;
	padding: 0px;
	border: none;
}
#product-content .tabs {
	float: left;
	width: 630px;
	margin: 0px;
	padding: 0px;
	border: none;
}

span.superOferta {width: 104px; height: 81px; overflow: hidden; position: absolute; top: 0px; right: 0px; background: url(../images/special_offer.png) no-repeat 0px 0px;}