@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
GENERAL
-----------------------------------------------------------------------------*/
#page {margin:0 0 10px 18px; min-height:430px; background: url("../images-dealer/page-bg.jpg")/*tpa=http://www.vimex.ro/style/images-dealer/page-bg.jpg*/ top right repeat-y; padding-right:18px;}
.rightCellBorder {padding: 0 0 10px 0; width: 487px; font-size: 1.1em; color:#231F20; margin:0 0 10px 0; border-bottom:1px #999999 dotted;}
.rightCellBorderFull {width:100%; padding: 0 0 10px 0; font-size: 1.1em; color:#231F20; margin:0 0 10px 0; border-bottom:1px #999999 dotted;}

h1 {color:#5C8EBB; font-size:20px; font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
.leadDiv {width:230px; margin-right: 12px; float:left;}
#leads {margin:0 0 0 18px;}


/*-----------------------------------------------------------------------------
GAMA PEUGEOT
-----------------------------------------------------------------------------*/
h2.gama {color: #5C8EBB; font-size: 1.2em; font-weight: bold; margin: 0 0 0 30px;}
.col4 h2.gama {color: #5C8EBB; font-size: 1.2em; font-weight: bold; margin: 0 0 0 20px;}
.gamapeugeot {float:left; margin-right:15px; margin-top:30px; padding: 10px 0 0 30px; width: 420px; min-height:180px;}
.gamapeugeot a, .gamapeugeot a:link, .gamapeugeot a:visited {color: #041044; text-decoration: none; font-weight:bold;}
.gamapeugeot a:hover {color: #041044; text-decoration: underline; font-weight:bold;}
.RangeCategory {border-bottom: 1px solid #BBBBBB; color: #000000; font: bold 10pt Arial; margin: 15px 10px 0 20px; padding-bottom: 5px; text-align: left; text-transform: capitalize;}


/*-----------------------------------------------------------------------------
BROSURI
-----------------------------------------------------------------------------*/
.rightContentItem {border-bottom: 1px dotted #858585; border-top: 1px dotted #858585; float: left; margin: 20px 20px 0 19px; padding: 5px 0;}
.rightContentItem2 {margin: 20px 20px 0px 0px; width: 200px;}
.rightContentItem h3 {margin-top: 20px; border:none; clear:none;}
.col4 #pageimg {width:720px; margin-left:20px;}

.brosuraFile {float:left; margin-right:5px; margin-bottom:5px;}
.brosuraImg {background: #ffffff url(../images/brosura-pdf.jpg)/*tpa=http://www.vimex.ro/style/images/brosura-pdf.jpg*/ bottom center no-repeat; border-right:2px solid #f5f5f5; font-size:20px; color:#9AACC4; text-align:center; padding-top:20px; width:170px; height:130px;}
.brosuraInfo {background-color:#f5f5f5; padding:10px; width:152px; text-align:center; color: #041044;}


/*-----------------------------------------------------------------------------
PROMOTII
-----------------------------------------------------------------------------*/
.continutDiv {overflow:hidden; width:900px; margin-left:20px;}
.contentDiv {overflow: hidden; width: 915px;}
.promotii {border-bottom: 1px solid #CCCCCC; border-right: 1px dotted #CCCCCC; float: left; padding: 30px 20px 20px 30px; width: 400px; min-height:190px;}

.col2 .promo {width:218px; border:1px solid #CCCCCC; margin:10px 10px 10px 0px; float:left;}
.col2 .promo h3 {font-size:14px; margin:2px 2px 2px 5px; text-transform:none; color:#585F66; border-top: none; width:210px; padding:0;}
.col2 .promo h3 a {color:#585F66;}
.col2 .promo img#headerimg {margin:0 0 5px 0; width:218px; padding:0;}
.col2 .promo p {margin:0 5px 5px; font-size:10px; line-height:14px;}
.col2 .promo a.link {margin:0 5px 5px; font-size:10px; display:inline-block; color:#577E9B; text-decoration:underline;}



/* MENU - NIVEL 4 */
#menubar {background: url("../images/menubar_bg.jpg")/*tpa=http://www.vimex.ro/style/images/menubar_bg.jpg*/ repeat-x center bottom; display: block; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; min-height: 32px; padding: 3px 5px 0 5px; width: 960px; margin:10px 0 0 18px;}
#fourthmenu {font-weight:normal;}
#fourthmenu ul{margin:0; padding:0; list-style-type:none;}
#fourthmenu ul li {margin:0; text-transform:uppercase; font-size:11px; list-style-type:none; float:left; padding:0 10px; height:26px;}
#fourthmenu ul li img {margin-bottom:20px;}
#fourthmenu ul li a {color:#fff; text-decoration:none; padding:3px 0 7px 0; display:block;}
#fourthmenu ul li a:hover{color:#fff;}
#fourthmenu ul li.active { background:url(../images/tabSelected.gif)/*tpa=http://www.vimex.ro/style/images/tabSelected.gif*/ bottom center no-repeat;}
#fourthmenu ul li.active a {color:#4AB0FF;}


/*-----------------------------------------------------------------------------
TESTDRIVE
-----------------------------------------------------------------------------*/
input, textarea, select {border: 1px solid #9AACC4; color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 11px;}
.formcontainer{padding:20px 20px 0;}
.infoform {font-size:11px; color:#666666; font-style:italic;}
form .formular{}
form .formular th{text-align:left; padding:5px 10px; color:#002355; font-size:12px;}
form .formular td{padding:5px 0 5px 10px;}
form .formular p{margin:5px 0;}

form.nbgleasing .formular{margin:0; width:540px;}
form.nbgleasing .formular td{padding:5px 0 4px 0;}
form.nbgleasing #Submit{float:left; margin-left:190px;}

form .formular input.text{line-height:18px; height:18px; padding:3px;}
form .formular textarea.text{line-height:18px; padding:3px;}
form .formular select{line-height:17px; height:23px; padding:2px;}
form .formular option{padding:0px 4px;}
form .formular .must{color:#002355; font-weight:bold; font-size:13px;}
form .no-border{border:none;}





/*-----------------------------------------------------------------------------
CONFIGURATOR 
-----------------------------------------------------------------------------*/
.configBg {background:#f7f7f7; text-align:center; padding:8px 0; color: #386BA0; font: 10px Arial; vertical-align: middle; border-bottom:1px solid #bbbbbb;}
.configBg a, .configBg a:link, .configBg a:visited, .configBg a:hover {color:#000000; text-decoration:none; text-transform:uppercase; padding:0 20px; border-right:1px solid #ccc;}
.configBg a:active {color: #386BA0;}
a.clactive {}
a.clinactive {color: #999999;}

.car{height:50px; position:relative;}

.CarSelectorChoices {overflow:hidden; background:#F7F7F7;}
.CarSelectorCategory {background:url(../images/sideTabBack.gif)/*tpa=http://www.vimex.ro/style/images/sideTabBack.gif*/ right top repeat-y;}
.CarSelectorInner {color: #386BA0 !important; background: url(../images/plus.gif)/*tpa=http://www.vimex.ro/style/images/plus.gif*/ 20px center no-repeat; padding: 5px 5px 5px 40px !important; text-align: left !important;text-transform: uppercase; white-space: nowrap; font: bold 8pt Arial;}

.CarSelectorChoices ul li {list-style-type:none; color: #000000; cursor:pointer;}
.CarSelectorChoices ul li a, .CarSelectorChoices ul li a:link, .CarSelectorChoices ul li a:visited, .CarSelectorChoices ul li a:hover {display:block; text-decoration:none;}
.CarSelectorChoices li div {font-size: 9pt; padding: 4px 20px 4px 5px; text-align: right; white-space: nowrap;}
.CarSelectorChoices li.Selected {background: url(../images/sideTab.gif)/*tpa=http://www.vimex.ro/style/images/sideTab.gif*/ no-repeat scroll right center #A5B1C1 !important; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; height:22px;}
.CarSelectorChoices li.Selected a {color: #386BA0; font-weight: bold;}

.configBgPret {background: url(../images/configurator/bg-pret.gif)/*tpa=http://www.vimex.ro/style/images/configurator/bg-pret.gif*/ top left repeat;}
.configBgConsum {background: url(../images/configurator/bg-consum.gif)/*tpa=http://www.vimex.ro/style/images/configurator/bg-consum.gif*/ top left repeat;}
.configBgEmisii {background: url(../images/configurator/bg-emisii.gif)/*tpa=http://www.vimex.ro/style/images/configurator/bg-emisii.gif*/ top left repeat;}

.divScroll {width:620px; height:650px; overflow:auto;}

.ArrowRight {background: url(../images/configurator/arrowRight.gif)/*tpa=http://www.vimex.ro/style/images/configurator/arrowRight.gif*/ no-repeat right center; min-width:30px; position: relative; top:6px;}
.ArrowBack {background: url(../images/configurator/arrowCheck.gif)/*tpa=http://www.vimex.ro/style/images/configurator/arrowCheck.gif*/ no-repeat left center #CAD1DA; border-bottom: 1px solid #A5B1C1; margin-right: 10px; padding-right: 18px; height:20px;}
.ArrowRight_on {background: url(../images/configurator/arrowRightSelected.gif)/*tpa=http://www.vimex.ro/style/images/configurator/arrowRightSelected.gif*/ no-repeat right center; min-width:30px; position: relative; top:6px;}
.ArrowBack_on {background: url(../images/configurator/arrowCheckSelected.gif)/*tpa=http://www.vimex.ro/style/images/configurator/arrowCheckSelected.gif*/ no-repeat left center #9DA7B5; border-bottom: 1px solid #888; margin-right: 10px; padding-right: 18px; height:20px;}
.CarSelectorItem {position: absolute; z-index:1000; vertical-align: middle; padding-left:20px; margin-bottom:-30px; left:0px;}
.CarSelectorTitle {float:left; font-size:14px; font-weight:bold; font-style:italic; margin-top:10px; margin-left:10px;}
#ruler_img{display:block;}

#steps {margin:0; padding:0; height:33px; list-style:none; background:#f7f7f7 url(../images/progressbar_back.gif)/*tpa=http://www.vimex.ro/style/images/progressbar_back.gif*/ bottom left repeat-x;}
#steps li {float:left; text-transform:uppercase; font-size:12px; height:30px; display:inline-block; line-height:30px; font-family: Arial,Helvetica,sans-serif; color:#000; font-weight:bold; background:url(../images/steps.png)/*tpa=http://www.vimex.ro/style/images/steps.png*/ bottom left no-repeat; padding:0 44px;}
#steps li .value{color:#5d5d5e; font-size:11px; display:inline-block; padding:0 6px; text-transform:none; height:18px; line-height:18px; background:url(../images/configurator/bg_value.gif)/*tpa=http://www.vimex.ro/style/images/configurator/bg_value.gif*/ right top no-repeat; float:left; position:relative;}
#steps li .value span{display:block; position:absolute; right:0; width:1px; background:url(../images/configurator/bg_color.gif)/*tpa=http://www.vimex.ro/style/images/configurator/bg_color.gif*/ left top; height:18px;}
#steps li a {display:inline-block; color:#000; text-decoration:none; float:left;}
#steps li.active, #steps li.last {color:#459DE1; background:url(../images/steps.png)/*tpa=http://www.vimex.ro/style/images/steps.png*/ bottom right no-repeat;}
#steps li.future{color:#999; background:none;}

#rezumat {background:#F7F7F7; width:280px; float:right; padding-bottom:20px;}
#rezumat ul li {text-transform:uppercase; font-size:12px; display:block; line-height:30px; color:#000; font-weight:bold; margin:0 10px 10px 30px;}
#rezumat ul li .value{color:#5d5d5e; font-size:11px; display:block; padding:0 12px; text-transform:none; line-height:18px;}
#rezumat ul li .culoare {background: url("../images/configurator/bg_culori.png")/*tpa=http://www.vimex.ro/style/images/configurator/bg_culori.png*/ no-repeat left top; display: block; height: 33px; position: relative; width: 33px;}
#rezumat ul li span {font-weight:normal; text-transform:none;}
#rezumat ul li a {display:block; color:#000; text-decoration:none; border-bottom:1px solid #ccc;}
#rezumat ul li.active {color:#459DE1; display:block; border-bottom:1px solid #ccc;}
#rezumat ul li.future{color:#999; display:block; border-bottom:1px solid #ccc;}

#configLeft {float:left; margin-right:10px; width:670px;}

.config_modele li a{background-image:url(../images/configurator/bg_modele.gif)/*tpa=http://www.vimex.ro/style/images/configurator/bg_modele.gif*/ !important;}
#modele li a span.pret{color:#002355; text-decoration:none; text-transform:uppercase; position:absolute; right:20px; left:auto; top:140px; text-align:left; width:100px; line-height:12px;}
#nexturl_container{float:right;}

#configurator_container .largecar{text-align:center; position:relative; margin-bottom:15px;}
#rezumat_pret {background:#999; padding:20px; margin-left:20px; font-size:12px; color:#fff; font-weight:bold;}
#configurator_price {font-size:12px; color:#fff; font-weight:bold; float:right;}
#configurator_container .versiuni{width:100%;}
#configurator_container .versiuni th{border-bottom:1px solid #386BA0; border-top:none;}
#configurator_container .versiuni td{padding:8px 0; height:16px; line-height:16px;}

#prevurl_container .stepslinks {font-size:12px; font-weight:bold; color:#fff; display:inline-block; border:1px solid #3b5e83; padding:5px 10px 5px 20px; text-transform:uppercase; line-height:18px; text-decoration:none; background:url(../images/arrow_left.gif)/*tpa=http://www.vimex.ro/style/images/arrow_left.gif*/ 5px center no-repeat #386ba0;} 
#nexturl_container .stepslinks {font-size:12px; font-weight:bold; color:#fff; display:inline-block; border:1px solid #3b5e83; padding:5px 20px 5px 10px; text-transform:uppercase; line-height:18px; text-decoration:none; background:url(../images/arrow_right.gif)/*tpa=http://www.vimex.ro/style/images/arrow_right.gif*/ 133px center no-repeat #386ba0;}
#compare_button_container{text-align:center;}
#compare_button{color:#fff; border:1px solid #3b5e83; background:#386ba0; padding:1px 3px;}

.colors_cont{padding-bottom:20px; color:#545454; margin-top:30px;}
#tapestry_container .colors_cont {width:220px;}
.colors{list-style:none; margin:0px 10px 0 5px;}
.colors li{float:left; margin:10px 5px 0 0; width:33px; height:33px; display:block;}
.colors li.cat{clear:both; float:none; font-weight:bold; padding:0 0 6px 0; width:auto; height:auto; margin:0; border-bottom:1px solid #AAAAAA; padding:5px;}
.colors li a{width:33px; height:33px; display:block; background:url(../images/configurator/bg_culori.png)/*tpa=http://www.vimex.ro/style/images/configurator/bg_culori.png*/ left top no-repeat; position:relative;}
.colors li a.active{background:url(../images/configurator/bg_culori_active.png)/*tpa=http://www.vimex.ro/style/images/configurator/bg_culori_active.png*/ left top no-repeat;}
.colors li a span{display:none; width:156px; height:26px; background:url(../../404)/*tpa=http://www.vimex.ro/style/images/configurator/bg_culoare_pret.png*/ left top no-repeat; color:#fff; position:absolute; z-index:100; text-align:center; left:14px; top:-27px; font-weight:bold; padding:4px 0 0 0; font-size:12px;}
.colors li a:hover span{display:block;}
.w440 {width:430px;}

.accesorii_menu{border-bottom:1px solid #386ba0; height:30px; list-style:none; margin:10px 0 15px; clear:both;}
.accesorii_menu li{float:left; height:20px; padding:5px 0;}
.accesorii_menu li.active{background: #386BA0; color:#FFFFFF; float:left;}
.accesorii_menu li a{color:#6b6b6c; text-decoration:none; font-weight:bold; display:block; padding:0 10px;}
.accesorii_menu li a:hover{text-decoration:none; color:#000;}
.accesorii_menu li.active a {color:#FFFFFF;}

.info{position:relative;}
.info span{display:none;}
.info:hover span{display:block; padding:5px; position:absolute; width:250px; background:#4c4c4c; z-index:100; text-align:left; color:#fff;}

#configurator_container .pic{width:98px; height:48px; background-color:#3C3C3C; overflow:hidden; background-position:left center; background-repeat:no-repeat; margin:0 auto; display:block;}
#configurator_container .picnone{display:none;}
#configurator_container .description{color:#969696; line-height:17px;}

.pachet {border-top:1px solid #D6D6D6;}
.pachet table{width:100%;}
#configurator_container .pachete{table-layout:fixed;}
#configurator_container .pachet td{padding:8px 5px; border-bottom:1px solid #D6D6D6;}
#configurator_container strong.title{line-height:17px;}
#configurator_container .pachete .activepack td{border-bottom:1px solid #fff;}
#configurator_container .versiuni .packdetails{padding:10px 10px 20px 20px; border-bottom:1px solid #002355; height:auto;}
.accesorii_tip{font-size:14px; color:#545454;}

.optionscol, .extrascol{width:325px; float:left;}
.extrascol{margin-left:10px;}
.optionscol th, .extrascol th{font-size:14px;}
.optionscol p{margin-bottom:15px;}
#configurator_container .extrascol .pic{float:left; margin:0 10px 0 0;}

#configurator_info_container .versiuni{width:100%;}
#configurator_info_container{background:#EFEFEF; padding:10px; overflow-x: none;}

#compare_select_container, .compare_select_container{font-size:12px; padding-bottom:10px; color:#545454;}
#compare_select_container #compare{font-size:12px; margin-left:5px; color:#545454;}
.compare_select_container ul{margin:5px 0 15px; padding-left:20px; color:#545454;}

#configurator_tapestryprice {width:200px;}

.gri{color:#545454;}
.versiuni{color:#545454; margin-bottom:25px;}
.versiuni a{color:#545454;}
.versiuni .first{text-align:left;}
.versiuni td, .versiuni th{text-align:center; height:23px; padding:2px 0;}
.versiuni th{border-top:1px solid #386BA0; border-bottom:1px solid #386BA0;}
.versiuni td{border-bottom:1px solid #d6d6d6}
.versiuni td.nobr{border:none;}
.bigbullet{font-size:20px; line-height:14px;}
.versiuni select{color:#545454; padding:2px; margin-left:10px;}
.versiuni .nowrap{white-space:nowrap}
.versiuni th.comparadotari{padding:0 0 2px 10px; line-height:14px; width:150px;}
.versiuni th.comparamotor{padding:0 0 2px 10px; line-height:14px; width:170px;}

.caroptioncat {color:#1165A6; text-transform:uppercase; font-size:11px; font-weight:bold; padding:5px; background-color:#f7f7f7;}

#page .table .first{text-align:left;}
#page .table td, #page .table th{text-align:center; height:27px;}
#page .table th{border-bottom:2px solid #002355}
#page .table td{border-bottom:1px solid #d6d6d6}

.largephoto{position:relative; margin-bottom:15px;}
.largephoto .top{position:relative; margin-bottom:-6px; height:6px; background:url(../../404)/*tpa=http://www.vimex.ro/style/images/backgrounds/bg_top_photo.gif*/ left top no-repeat; z-index:5;}
.largephoto .bot{position:relative; margin-top:-6px;  height:6px; background:url(../../404)/*tpa=http://www.vimex.ro/style/images/backgrounds/bg_bot_photo.gif*/ left top no-repeat; z-index:5;}

#modele{margin:20px 0 0; width:960px; list-style-type:none;}
#modele li{margin:0 20px 20px 0; float:left;}
#modele li a{display:block; width:220px; height:157px; text-decoration:none; text-align:center; position:relative; padding-top:15px; overflow:hidden;}
#modele li a span{color:#808080; text-decoration:none; text-transform:uppercase; position:absolute; left:10px; top:140px; text-align:left; width:127px; line-height:12px;}


/*-----------------------------------------------------------------------------
STIRI DEALERI 
-----------------------------------------------------------------------------*/

.stiri .rightside h2 {color: #5C8EBB; font-size: 12px; font-weight: bold; text-transform:uppercase; padding:5px 0 0; border:0;}
.stiri .home-offers h2 { background:#99B7DF; color: #fff; font-size: 16px; font-weight: bold; text-transform:uppercase; padding:5px 10px; border:0;}
.stiri h3 a, .stiri h3 a:link, .stiri h3 a:visited {color: #5C8EBB; font-size: 12px; font-weight: normal; padding:0; border:0; text-decoration:none;}
.stiri h3 a:hover {text-decoration:underline;}

.stiri .home-offers #news li {border-bottom:1px solid #e1e1e2;}
.stiri .home-offers #news li .date, .stiri .rightside #news li .date {color:#bcbcbc; font-size:10px;}

#rightNews {padding: 0 0 10px 15px; width: 460px; font-size: 1em; color:#231F20; float:left;}
#rightNews .newslead {float:left; width:290px;}
#rightNews .date {font-size:10px; color:#bcbcbc; margin-bottom:5px;}
#rightNews h3, #rightNews h3 a {color: #5c8ec9; font-size: 12px; line-height:14px; font-weight: bold; text-transform: none; text-decoration:none; border:none; width:290px; padding:0; margin:0;}
#rightNews h3 a:hover {color:#9AACC4; text-decoration:underline;}
#rightNews .more {color:#5c8ec9; text-decoration:none; font-size: 12px; font-weight: normal !important;}
#rightNews p {margin-bottom:10px; margin-top:0; font-size:12px; line-height:14px; text-align:justify;}
#rightNews p.tar {margin-bottom:10px; font-size:12px; line-height:16px; text-align:right;}
#rightNews ul, ol {margin:0 0 10px 30px;}
#rightNews ul#news {margin:0; padding:0;}
#rightNews ul#news li {border-bottom:1px solid #e1e1e1; margin-bottom:20px;}

h2.gama {margin-bottom:10px;}
.informatii {margin-top:0px;}

/* taburi */
.dynamic_tab_list {margin-bottom:-1px;}
.dynamic_tab_list li {float:left; padding:5px 5px 0; width:auto;}
	/*.dynamic_tab_list li {margin-right:2px;}*/
	.dynamic_tab_list li a {background: none repeat scroll 0 0 #d3d3d3; color: #000; display: block;  padding: 5px 10px; border:1px solid #d3d3d3;}
	.dynamic_tab_list li a.active {background:#fff; border-width:1px; border-style:solid; border-color:#d3d3d3 #d3d3d3 #fff;}
	
.dynamic_tab {display:none; border:1px solid #d3d3d3; padding:0 10px;}
.dynamic_tab.active {display:block; border:1px solid #d3d3d3;}


/*CLEARFIX*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}
.clear{	clear:both;}