/* ------ STYLURI GENERALE ------ */
html {margin: 0px; padding: 0px; background-color: #eeeeee;}
body {margin: 0px auto 40px auto; padding: 10px; width: 980px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #676767;}

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.cleaner {clear: both; height: 0px; overflow: hidden;}

a {color: #2a89cc; text-decoration: underline;}
a:hover {color: #36aafb; text-decoration: underline;}

a.butonRoz01 {margin: 0px; padding: 2px 12px 3px 12px; border: 1px solid #c21846; color: #ffffff; text-decoration: none; background-image: url(../images/butoane/bg_buton_01.gif); background-repeat: repeat-x; background-position: 0px 0px;}
a.butonRoz01:hover {color: #ffffff; text-decoration: none;}

span.roz {color: #c71444;}



/* ------ HEADER ------ */
div#header {margin-top: 30px; padding: 17px 20px 4px 20px; width: 940px; clear: both; position: relative; border-bottom: 10px solid #de164b; background-color: #000000;}
div#header h1 {margin: 16px 0px 0px 0px; width: 217px; height: 19px; overflow: hidden; float: right; text-indent: -20000px; background: url(../images/nissan_pathfinder.gif) no-repeat 0px 0px;}

div#header h3 {margin: 0px; width: 200px; height: 64px; overflow: hidden; float: left; text-indent: -20000px; background: url(../images/logo_nissan.png) no-repeat 0px 0px;}
div#header h3 span {margin: 15px 0px 0px 81px; width: 81px; height: 10px; overflow: hidden; display: block; background: url(../images/shift.gif) no-repeat 0px 0px;}
div#header h3 a {width: 162px; height: 64px; overflow: hidden; display: block;}

div#header ul {margin: 13px 0px 0px 0px; padding: 0px; width: 653px; list-style-type: none; float: right; clear: right;}
div#header ul li {margin: 0px; padding: 1px 12px 11px 11px; float: left; position: relative; background: url(../images/backgrounds/linie_meniu.gif) no-repeat right 0px;}
div#header ul li.contact {padding-right: 0px; background-image: none;}

div#header ul li a {margin: 0px; padding: 0px; height: 14px; overflow: hidden; display: block; text-indent: -20000px; background-repeat: no-repeat; background-position: 0px 0px;}
div#header ul li a:hover {background-position: 0px -20px;}

div#header ul li.prezentare a {width: 64px; background-image: url(../images/meniu_top/prezentare.gif);}
div#header ul li.specificatii a {width: 108px; background-image: url(../images/meniu_top/specificatii_tehnice.gif);}
div#header ul li.dotari a {width: 92px; background-image: url(../images/meniu_top/dotari_preturi.gif);}
div#header ul li.culori a {width: 108px; background-image: url(../images/meniu_top/culori_download.gif);}
div#header ul li.media a {width: 32px; background-image: url(../images/meniu_top/media.gif);}
div#header ul li.accesorii a {width: 53px; background-image: url(../images/meniu_top/accesorii.gif);}
div#header ul li.contact a {width: 47px; background-image: url(../images/meniu_top/contact.gif);}

div#header ul li span {margin: 0px; padding: 0px; height: 20px; overflow: hidden; display: block; position: absolute; bottom: -14px; left: 7px; background-repeat: no-repeat; background-position: 0px 0px;}
div#header ul li.prezentare span {width: 72px; background-image: url(../images/meniu_top/prezentare_sub.gif);}
div#header ul li.specificatii span {width: 115px; background-image: url(../images/meniu_top/specificatii_tehnice_sub.gif);}
div#header ul li.dotari span {width: 100px; background-image: url(../images/meniu_top/dotari_preturi_sub.gif);}
div#header ul li.culori span {width: 115px; background-image: url(../images/meniu_top/culori_download_sub.gif);}
div#header ul li.media span {width: 41px; background-image: url(../images/meniu_top/media_sub.gif);}
div#header ul li.accesorii span {width: 61px; background-image: url(../images/meniu_top/accesorii_sub.gif);}
div#header ul li.contact span {width: 54px; background-image: url(../images/meniu_top/contact_sub.gif);}

div#header a.cerereOfertaTop {margin: 16px 0px 0px 297px; padding: 0px; width: 169px; height: 14px; overflow: hidden; display: block; text-indent: -20000px; background-image: url(../images/meniu_top/cerere_oferta.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div#header a.cerereOfertaTopActiv {margin: 16px 0px 0px 297px; padding: 0px; width: 169px; height: 14px; overflow: hidden; display: block; text-indent: -20000px; background-image: url(../images/meniu_top/cerere_oferta.gif); background-repeat: no-repeat; background-position: 0px -15px;}
div#header a.cerereOfertaTop:hover {background-position: 0px -15px;}



/* ------ CONTINUT ------ */
div#continut {width: 980px; overflow: hidden; position: relative; background-color: #FFFFFF; background-image: url(../images/backgrounds/bg_continut_bottom.gif); background-repeat: repeat-x; background-position: 0px bottom;}
div#continut object {vertical-align: bottom;}

div#headline {margin: 0px; width: 940px; padding: 0px 20px 25px 20px; border-top: 1px solid #808080; background-color: #000000; color: #999999;}
div#detaliiJos {margin: 0px; width: 940px; padding: 0px 20px 25px 20px; clear: both; background-image: url(../images/backgrounds/bg_continut_top.gif); background-repeat: repeat-x; background-position: 0px 0px;}



/* ------ STANGA SUS ------ */
div.stangaSus {margin: 25px 0px 0px 0px; width: 367px; overflow: hidden; float: left;}
div.stangaSus p.selectorCulori {margin: 13px 0px 11px 0px; padding: 0px; line-height: 14px; color: #8d8d8d;}
div.stangaSus p.selectorCulori strong {color: #e1e0e0;}

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

dl.locatii {margin: 19px 0px 0px 0px; padding: 0px;}
dl.locatii dt {margin: 0px; padding: 0px 0px 5px 18px; font-weight: bold; color: #dddddd; text-transform: uppercase; line-height: 13px; background: url(../images/icons/sageata_download_01.gif) no-repeat 0px 1px;}
dl.locatii a {text-decoration: none; color: #549acb;}
dl.locatii a:hover {text-decoration: underline; color: #36aafb;}
dl.locatii a.activ {color: #eeeeee;}
dl.locatii a.activ:hover {color: #eeeeee;}

img.textDotari {margin-top: 22px;}
div.mediaImagini {margin: 26px 0px 0px 0px; clear: both;}
img.culoriMasina {margin: 0px; padding: 0px; width: 361px; border: 3px solid #484848;}
img.mediaImagini {margin: 0px 8px 8px 0px; padding: 0px; width: 94px; height: 94px; border: 3px solid #484848; float: left;}
a:hover img.culoriMasina, a:hover img.mediaImagini {border: 3px solid #cccccc;}




/* ------ DREAPTA SUS ------ */
div.dreaptaSus {margin: 25px 0px 0px 31px; width: 541px; overflow: hidden; float: left;}
div#headline h2 {margin: 5px 0px 8px 0px; padding: 0px; font-size: 19px; color: #f3f3f3;}
div#headline h3 {margin: 2px 0px 5px 0px; padding: 0px; font-size: 18px; color: #f3f3f3;}
div#headline h5 {margin: 0px; padding: 0px; font-size: 11px; color: #b4b3b3; font-weight: bold;}
div#headline h5 strong {font-size: 12px; color: #de164b;}
div.dreaptaSus div.text {margin: 18px 0px; padding: 0px;}

ul.download {margin: 22px 0px 0px 0px; padding: 0px; list-style-type: none; position: relative; background-color: #000000;}
ul.download li {margin: 0px; padding: 0px 0px 5px 18px; line-height: 13px; background: url(../images/icons/sageata_download.gif) no-repeat 0px 2px;}
ul.download li a {position: relative;}

div.modeleMasini {margin: 25px 0px 0px 0px; clear: both;}
div.modeleMasini a {margin: 0px 5px 5px 0px; padding: 3px 8px 5px 9px; display: block; float: left; border: 1px solid #4f4f4f; color: #d0d0d0; line-height: 13px; text-decoration: none; background-color: #434343;}
div.modeleMasini a.activ {background-color: #c71444;}
div.modeleMasini a:hover {background-color: #b1b1b1; border: 1px solid #cccccc; color: #000000; text-decoration: none;}



/* ------ STANGA JOS ------ */
div.stangaJos {margin: 25px 0px 0px 0px; width: 367px; overflow: hidden; float: left;}



/* ------ DREAPTA JOS ------ */
div.dreaptaJos {margin: 25px 0px 0px 31px; width: 541px; overflow: hidden; float: left;}
div.dreaptaJos h3 {margin: 19px 0px 5px 0px; padding: 0px; font-size: 18px; color: #262626;}
div.dreaptaJos h5 {margin: 0px; padding: 0px; font-size: 11px; font-weight: bold; color: #616161;}
div.dreaptaJos h5 strong {font-size: 12px; color: #c71444;}
div.dreaptaJos div.text {margin: 18px 0px; padding: 0px;}

dl.preturiAuto {margin: 20px 0px 0px 0px; padding: 10px 6px; clear: both; position: relative; color: #2e2e2e; border: 1px solid #eeeeee; background-color: #f6f6f6;}
dl.preturiAuto span {font-weight: bold; color: #c71444;}
dl.preturiAuto dt {margin: 0px; padding: 0px; font-size: 18px; text-indent: -1px;}
dl.preturiAuto dd {margin: 8px 0px 0px 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #2e2e2e;}


/* ------ accesorii ------ */
div.accesorii {margin: 24px 0px 0px 0px; padding: 0px; clear: both;}
div.accesorii h3 {margin: 0px; font-size: 12px; font-weight: bold; color: #3d3d3d;}
div.accesorii h3 span {color: #c71444;}
div.accesorii h5 {margin: 2px 0px 0px 0px; padding: 0px; font-size: 11px; font-weight: bold; color: #757575;}
div.accesorii img.pozaMicaAccesoriu {margin: 0px 11px 0px 0px; padding: 1px; width: 130px; float: left; border: 1px solid #dcdcdc;}
div.accesorii div.detaliiAccesoriu {margin: 0px; padding: 0px 0px 4px 0px; width: 390px; float: left;}
div.accesorii p.descriereAccesoriu {margin: 11px 0px 14px 0px; padding: 0px;}
div.accesorii h3.pretAccesoriu {margin: 15px 0px 21px 0px;}
div.linieAccesori {margin: 0px; padding: 20px 0px 0px 0px; clear: both; height: 1px; overflow: hidden; border-bottom: 1px dashed #dddddd;}




/* ------ promotii ------ */
div.promotie {margin: 0px; padding: 14px 10px 16px 9px; border: 1px solid #e9e9e9; background-color: #f5f5f5; position: relative;}
div.promotie h3 {margin: 0px 0px 12px 0px; padding: 4px 0px 0px 0px; font-size: 18px; color: #333333; background-image: url(../images/icons/sm_01.gif); background-repeat: no-repeat; background-position: right 0px;}
div.promotie h3 span {margin: 5px 0px 0px 0px; padding: 0px; display: block; font-size: 11px; color: #3b3b3b;}



/* ------ UTILITATI ------ */
div#utilitati {padding: 0px 14px 20px 20px; width: 946px; clear: both; position: relative; border-top: 5px solid #454545; background-color: #000000;}
div#utilitati h3.grup {margin: 20px 0px 12px 0px; width: 618px; height: 38px; overflow: hidden; text-indent: -20000px; background: url(../images/backgrounds/adresa_badsi_jos.gif) no-repeat 0px 0px;}
div#utilitati img.buton {margin: 0px 10px 0px 0px; padding: 0px; float: left;}

div.badsiCenter {margin: 15px 0px 0px 0px; width: 284px; overflow: hidden; float: right; background: url(../images/butoane/badsi_center.png) no-repeat 0px 31px;}
div.badsiCenter h3 {margin: 0px 0px 4px 0px; width: 278px; height: 24px; overflow: hidden; text-indent: -20000px; background: url(../images/backgrounds/badsi_center.gif) no-repeat 0px 0px;}
div.badsiCenter a {margin: 3px 6px 0px 0px; padding: 1px 0px 2px 33px; width: 103px; display: block; float: left; color: #000000; text-decoration: none; line-height: 13px; background: url(../images/butoane/badsi_center_over.png) no-repeat 23px 30px;}
div.badsiCenter a:hover {color: #ffffff; text-decoration: none; background-position: 23px 0px;}



/* ------ FOOTER ------ */
div#footer {padding: 18px 0px 20px 0px; clear: both; position: relative; color: #616161; line-height: 13px;}
div#footer img {margin: -2px 0px 0px 0px; padding: 0px; float: right;}
div#footer span {padding: 0px 6px;}
div#footer a {color: #616161; text-decoration: none;}
div#footer a:hover {color: #2a89cc; text-decoration: underline;}




/* ------ ELEMENTE FORMULARE ------ */
input.formular01 {margin: 0px; padding: 1px 2px; width: 230px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444;}
textarea.formular01 {margin: 0px; padding: 1px 2px; width: 370px; height: 80px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444;}
select.formular01 {margin: 0px; padding: 0px; width: 236px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #777777;}
input.formular01Box {vertical-align: -3px;}
input.formular01Radio {vertical-align: -2px;}



/* ------ TABELE ------ */
table.tabelSpecificatii {margin: 0px; padding: 0px; width: 100%; background-color: #FFFFFF;}
table.tabelSpecificatii th {padding: 4px 5px; text-align: left; color: #444444; border: 1px solid #f6f6f6;}
table.tabelSpecificatii td {padding: 3px 6px; background-color: #f6f6f6;}

table.tabelSpecificatiiNegru {margin: 0px; padding: 0px; width: 100%; background-color: #000000; color: #999999;}
table.tabelSpecificatiiNegru td {padding: 3px 6px; background-color: #222222;}
table.tabelSpecificatiiNegru th {padding: 3px 6px; background-color: #444444;}



/* TOOLTIP */
.tooltipDiv { z-index:5000;	position:absolute; visibility:visibile;	}
.tooltipUpArrow 	{ position:absolute; 	margin:-29px 20px;	visibility: hidden; }
.tooltipDownArrow {	position:absolute; 	margin:-10px 20px;	visibility: hidden; }
.tooltipCorner_ul {	background-image:url(../images/pop-up/colt_top_l.gif); background-repeat:no-repeat;	width:19px; }
.tooltipCorner_ul[class] {	background-image:url(../images/pop-up/colt_top_l.png); }
.tooltipBar_u {	background-image:url(../images/pop-up/mare_top_n.gif);	background-repeat: repeat-x; 		height:19px; }
.tooltipBar_u[class] {	background-image:url(../images/pop-up/mare_top_n.png); 		background-position: 0px 0px; }
.tooltipCorner_ur {	background-image:url(../images/pop-up/colt_top.gif);	background-repeat:no-repeat;	width:19px; }
.tooltipCorner_ur[class] {	background-image:url(../images/pop-up/colt_top.png); }
.tooltipBar_l {	background-image:url(../images/pop-up/linie_stanga_n.gif); background-repeat: repeat-y; background-position: 0px 0px; }
.tooltipBar_l[class] { background-image:url(../images/pop-up/linie_stanga_n.png); }
.tooltipBar_r {	background-image:url(../images/pop-up/linie_dreapta.gif);	background-repeat: repeat-y; background-position: 0px 0px; }
.tooltipBar_r[class] { background-image:url(../images/pop-up/linie_dreapta.png); }
.tooltipCorner_bl {	background-image:url(../images/pop-up/colt_bottom_l.gif); background-repeat:no-repeat; width:19px; }
.tooltipCorner_bl[class] { background-image:url(../images/pop-up/colt_bottom_l.png); 	}
.tooltipBar_b {	background-image:url(../images/pop-up/mare_bottom_n.gif); background-repeat: repeat-x; background-position: 0px 0px;height:26px; }
.tooltipBar_b[class] { background-image:url(../images/pop-up/mare_bottom_n.png); }
.tooltipCorner_br {	background-image:url(../images/pop-up/colt_bottom.gif); background-repeat:no-repeat;width:19px;	}
.tooltipCorner_br[class] {	background-image:url(../images/pop-up/colt_bottom.png); }
.tooltipText { background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #222222; }