/* RESET */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} a:active{ outline:none; } a:focus{outline:none;} /* GENERAL */ body,html { height:100%; } body { font-family:Arial; font-size:11px; } body * { background-repeat:no-repeat; } input.text { padding:3px; color:rgb(50,50,50); font-family:arial; font-size:11px; width:150px; } input.submit { background-color:#585858; color:white; border:none; padding:3px; margin-left:5px; } .error { color:red; } .succes { color:green; } /* LAYOUT */ #wrapper { } #page { width:965px; margin: 0 auto; } #page #header { position:relative; margin-bottom:20px; clear:both; z-index:3; float:left; } * html #page #header { float:none; } #page #header { width:100%; } #page #header #logo { width:138px; height:30px; background-image:url(../img/brand/honda.jpg); display:block; text-indent:-6000px; float:left; margin-top:30px; clear:left; } #page #header #logo-dealer { position:absolute; right:0; top:30px; font-weight:bold; color:#666; text-decoration:none; font-size:26px; text-transform:uppercase; } #page #header ul.nav { padding-left:47px; margin-top: 20px; width:550px; float:left; } * html #page #header ul.nav { width:500px; } #page #header ul.nav li { float:left; background-image:url(../img/separators/header-nav.jpg); background-position:right center; padding-left:15px; padding-right:15px; } #page #header ul.nav li.last { background-image:none; } #page #header ul.nav li a { font-size:11px; color:black; text-decoration:none; } #page #header ul.menu { width:600px; padding-left:50px; float:left; margin-top:5px; } * html #page #header ul.menu { float:none; padding-left:50px; } #page #header ul.menu li { float:left; margin-right:15px; position:relative; } #page #header ul.menu li a { display:block; padding:8px 17px 8px 10px; font-size:13px; color:#4c4c4c; text-transform:uppercase; font-weight:bold; text-decoration:none; background-image:url(../img/bullets/header-menu.jpg); background-position: right center; margin-right:7px; font-weight:bold; } #page #header ul.menu li a:hover { background-image:url(../img/bullets/header-menu-active.jpg); } #page #header ul.menu li.selected { float:left; background-image:url(../img/bg/header-menu.jpg); background-repeat:repeat-x; } #page #header ul.menu li.selected a { background-image:url(../img/bullets/header-menu-active.jpg); } #page #header ul.menu li .dropdown { position:absolute; padding:20px; padding-top:5px; display:none; border-top:solid 1px #e7e7e7; } #page #header ul.menu li .dropdown a { color:#666666 !important; display:inline; background-image:none; padding:0; font-size:15px; color:#666666; text-transform: none; } #page #header ul.menu li .dropdown div.options { padding-top:10px; border-top:solid 1px #dbdbdb; margin-top:10px; } #page #header ul.menu li .dropdown div.options a { float:left; font-size:11px; color:#707070; font-weight:bold; } #page #header ul.menu li .dropdown div.options a:hover { color:#ed1b2f !important; } #page #header ul.menu li .dropdown div.options a.first { border-right:solid 1px #707070; padding-right:10px; margin-right:10px; } #page #header ul.menu li .dropdown ul { overflow:hidden; margin-top:20px; } #page #header ul.menu li .dropdown ul li { float:left; width:190px; margin:0 0px 5px 0; height:50px; overflow:hidden; background-image:none; } #page #header ul.menu li .dropdown ul li a.visual { float:left; } #page #header ul.menu li .dropdown ul li a.name { float:left; font-size:12px; font-weight:normal; display:block; padding:10px 0 10px 0; } #page #header ul.menu li#showroom .dropdown { width:570px; height:300px; background-image:url(../img/bg/dropdown-showroom.png); } #page #header ul.menu li#showroom .dropdown { width:908px; height:382px; background-image:url(../img/bg/dropdownshowroom.png); left:-160px; border:none; z-index:99999; overflow:hidden; } * html #page #header ul.menu li#showroom .dropdown { background-image:url(../img/bg/dropdown-showroom.gif); } #page #header ul.menu li#showroom .dropdown ul li { width:205px; height:200px; border-bottom:solid 1px #cccccc; } #page #header ul.menu li#showroom .dropdown ul li ul.models { margin:0; height:340px; } #page #header ul.menu li#showroom .dropdown ul li ul.models li { height:auto; margin:0; border:none; } #page #header ul.menu li#showroom .dropdown ul li ul.models li a { color:#858585; font-size:11px; text-transform:none; font-weight:normal; display:block; padding-left:30px; background-image:url(../img/bullets/grey-arrow.jpg); background-position:20px 4px; } #page #header ul.menu li#showroom .dropdown ul li ul.models li a:hover { background-image:url(../img/bullets/red-arrow.jpg); color:#ec1b2e !important; } #page #header ul.menu li#experience .dropdown { width:146px; padding:10px; background-image:url(../img/bg/dropdown-experience.png); background-position: left bottom; } * html #page #header ul.menu li#experience .dropdown { background-image:url(../img/bg/dropdown.gif); } #page #header ul.menu li#experience .heading { font-weight:bold; color:#000000; font-size:15px; padding-bottom:10px; border-bottom:solid 1px #959595; margin-bottom:0px; } #page #header ul.menu li#experience ul { margin-bottom:20px; margin-top: 10px !important; } #page #header ul.menu li#experience ul li { margin:0 !important; padding:0 !important; height:auto; } #page #header ul.menu li#experience ul li a { font-size:11px; font-weight:bold; color:#707070; margin:0 !important; padding:0 !important; display:block; } #page #header ul.menu li#experience ul li a:hover { color:red !important; text-decoration:none !important; } #page #header ul.menu li#experience ul li.selected a { color:red; text-decoration:underline; } #page #header ul.menu li#offers .heading { font-weight:bold; color:#000000; font-size:15px; padding-bottom:10px; border-bottom:solid 1px #959595; margin-bottom:0px; } #page #header ul.menu li#offers ul { margin-bottom:20px; margin-top: 10px !important; } #page #header ul.menu li#offers ul li { height:auto; margin-bottom:10px; width:140px; } #page #header ul.menu li#offers ul li a { font-size:11px; font-weight:bold; color:#707070; margin:0 !important; padding:0 !important; display:block; } #page #header ul.menu li#offers ul li a:hover { color:red !important; text-decoration:none !important; } #page #header ul.menu li#offers ul li.selected a { color:red; text-decoration:underline; } #page #header ul.menu li#service .heading { font-weight:bold; color:#000000; font-size:15px; padding-bottom:10px; border-bottom:solid 1px #959595; margin-bottom:0px; } #page #header ul.menu li#service ul { margin-bottom:20px; margin-top: 10px !important; } #page #header ul.menu li#service ul li { height:auto; margin-bottom:10px; width:140px; } #page #header ul.menu li#service ul li a { font-size:11px; font-weight:bold; color:#707070; margin:0 !important; padding:0 !important; display:block; } #page #header ul.menu li#service ul li a:hover { color:red !important; text-decoration:none !important; } #page #header ul.menu li#service ul li.selected a { color:red; text-decoration:underline; } #page #header ul.menu li#offers .dropdown { width:146px; padding:10px; background-image:url(../img/bg/dropdown-experience.png); background-position:left bottom; } * html #page #header ul.menu li#offers .dropdown { background-image:url(../img/bg/dropdown.gif); } #page #header ul.menu li#service .dropdown { width:146px; padding:10px; background-image:url(../img/bg/dropdown-experience.png); background-position:left bottom; } * html #page #header ul.menu li#service .dropdown { background-image:url(../img/bg/dropdown.gif); } #page #header #searchForm { position:absolute; top:20px; right:0px; display:none; } #page #header #searchForm label { display:block; font-size:11px; color:black; margin-bottom:5px; } #page #main { overflow:hidden; clear:both; padding-bottom:30px; position:relative; z-index:0; border-bottom:solid 1px #d1d1d1; } * html #page #main { padding-bottom:50px; overflow:hidden; float:left; } #page #main #secondary { width:200px; float:left; } #page #main #primary { width:750px; float:right; } #page #main #page-title { font-size:14px; font-weight:bold; color:#585858; margin-top:35px; padding-bottom:12px; border-bottom:solid 1px #d1d1d1; } *:first-child+html #page-title { padding-bottom:10px !important; } * html #page-title { padding-bottom:10px !important; } #page form.default { margin-top:20px; } #page form.default p { margin-bottom:10px; } #page form.default label { float:left; width:150px; display:block; position:relative; top:4px; } #page form.default input.text { width:400px; padding:5px; color:Rgb(50,50,50); } #page form.default textarea { width:400px; padding:5px; color:rgb(50,50,50); } #page form.default select { width:400px; padding:5px; color:rgb(50,50,50); } #page form.default input.submit { margin-left:150px; padding:5px 10px 5px 10px; } #footer { width:100%; clear:both; float:left; margin-top:20px; padding-bottom:40px; } #footer div.container { width:965px; margin:0 auto; color:#666666; position:relative; } #footer div.section { width:218px; float:left; } body#homepage #footer div.section { width:240px; } #footer div.section .heading { font-size:14px; font-weight:bold; color:#4c4c4c; margin-bottom:15px; } #footer div.section ul li a { color:#666666; } body#car.index #footer div.last { margin-left:30px; } #footer .developer { display:block; background-image:url(../img/brand/infinit-solutions.png); text-indent:-6000px; width:110px; height:40px; float:right; } #footer .developer:hover { background-image:url(../img/brand/infinit-solutions2.png); } #footer a { color:#666; } #modelInfo .model { display:none; width:100%; } #modelInfo .model a { background-color:transparent; z-index:999; width:300px; } #offerCars ul.models { overflow:hidden !important; } #offerCars ul.models li { float:left; width:238px; margin-right:10px; height:170px; position:relative; } #offerCars ul.models li input { float:left; margin-bottom:30px; margin-right:5px; visibility:hidden !important; } #offerCars ul.models li img { cursor:pointer; margin-right:20px; } #offerCars ul.models li select { width:200px; display:none; } #offerCars fieldset p input.text { width:270px !important; } #offerCars fieldset p textarea { width:270px !important; } #offerCars fieldset p select { width:270px !important; } #offerCars fieldset p select.active { } #dealer-request { display:block; width:200px; height:78px; background-image:url(../img/buttons/dealer2.jpg); text-indent:-6000px;} #offerCars label { clear:left; } #offerCars .error { margin-left:150px; } /** HOMEPAGE **/ body#homepage #page #main div.box { float:left; margin-right:20px; width:220px; } * html body#homepage #page #main div.box { position:relative; padding-top:35px; } body#homepage #page #main div.box .title { font-size:15px; font-weight:normal; color:#4c4c4c; height:43px; text-transform:uppercase; } * html body#homepage #page #main div.box .title { position:absolute; top:0; left:0; } body#homepage #page #main div.box a.more { padding-left:15px; background-image:url(../img/bullets/double-arrow.jpg); background-position:0 5px; text-decoration:none; color:black; color:black; } body#homepage #page #main div.box a.more:hover { color:#EF1C2F; } body#homepage #page #main div.box p { margin-bottom:5px; } body#homepage #page #main form.newsletter { padding-top:5px; } body#homepage #page #main form.newsletter p { margin-bottom:5px; } body#homepage #page #main form.newsletter ul.links { margin-top:10px; } body#homepage #page #main form.newsletter ul.links li { margin-bottom:5px; } body#homepage #page #main form.newsletter ul.links li a { color:#585858; text-decoration:none; } body#homepage #page #main form.newsletter ul.links li a:hover { text-decoration:underline; } body#homepage #page #header #pageVisual { margin-bottom:0px; } * html body#homepage #page #header #pageVisual { height:384px; } /* body#homepage #page #header { height:500px; overflow:visible; } */ #page #header ul.cars { clear:left; width:965px; height:30px; background-image:url(../img/bg/cars-nav.jpg); text-align: center; } #page #header ul.cars li { background-image:url(../img/separators/cars-nav.jpg); background-position:right top; float:left; position:relative; z-index:10; } #page #header ul.cars li.first { margin-left:10px; } * html #page #header ul.cars li.first { margin-left:5px; } #page #header ul.cars li.last { background-image:none; } #page #header ul.cars li a { color:white; font-size:11px; font-weight:bold; text-decoration:none; padding:7px 8px 7px 8px; display:block; background-repeat:repeat-x; text-transform:uppercase; } #page #header ul.cars li a:hover { background-image:url(../img/bg/cars-nav-active.jpg); } #page #header ul.cars li.selected a { background-image:url(../img/bg/cars-nav-active.jpg); } #page #header ul.cars li #rollover { position:absolute; top:-280px; left:-80px; width:348px; height:282px; background-image:url(../img/bg/rollover.png); display:none; background-position:left bottom; } #page #header ul.cars li .rollover { position:absolute; top:-280px; left:-80px; width:348px; height:282px; background-image:url(../img/bg/rollover.png); display:none; } #page #header ul.cars li.accord .rollover { background-image:url(../img/bg/rollover-accord.png); } * html #page #header ul.cars li .rollover { background-image:url(../img/bg/rolloverwhite.gif); } #page #header ul.cars li .bis { left:-210px !important; background-image: url(../img/bg/rollover2.png); } * html #page #header ul.cars li .bis { background-image:url(../img/bg/rolloverwhite2.gif); } #page #header ul.cars li .rollover a { background-image:none; } #page #header ul.cars li .rollover p.visual { position:absolute; right:10px; bottom:30px; } #page #header ul.cars li .rollover ul.links { margin-top:10px; } #page #header ul.cars li .rollover ul.links li { float:none; margin:0; padding:0; border:none; background-image:none; } * html #page #header ul.cars li .rollover ul.links li { height:14px !important; } #page #header ul.cars li .rollover ul.links li a { width:auto; height:auto; margin:0; padding:0; color:#949494; background-image:none; border:none; float:none; display:block; font-size:11px; text-transform:none; padding-left:10px; } #page #header ul.cars li .rollover ul.links li a:hover { color:#ed1b2f; } #page #header ul.cars li .rollover ul.links li.selected a { background-image:url(../img/bullets/red-arrow.png); background-repeat:no-repeat; background-position:0 4px; } #page #header ul.cars li .rollover p.logo { margin-left:10px; margin-top:25px; } #page #header ul.cars li .rollover p.price { margin-left:10px; color:#7d7d7d; text-transform:uppercase; } #page #header ul.cars li .rollover .container { margin:15px; text-align:left; } #page #header ul.cars li.accord .rollover { left:-210px !important; } #page #header ul.cars li.accord .visual { top:95px !important; right:50px !important; display:none; } #page #header ul.cars li.accord .visual img { position:static; margin:0; padding:0; } #page #header ul.cars li.accord #accord-visual { display:block; top:88px !important; } #page #header ul.cars li.accord .options { position:absolute; bottom:30px; } #page #header ul.cars li.accord .options li a { font-size:14px; color:#585858; text-transform:uppercase; } #page #header ul.cars li.accord .options li a { height:35px; padding-top:15px; width:50px; padding-left:100px; background-repeat:no-repeat; } #page #header ul.cars li.accord .options li a.sedan {background-image:url(../img/visuals/accord-thumb.png) !important;} #page #header ul.cars li.accord .options li a.tourer {background-image:url(../img/visuals/tourer-thumb.png) !important;} #page #header ul.cars li.accord .options li a.active { color:#ed1b2f !important; } #page #header ul.cars li.accord .options li { background-image:none !important; } body #page #main #secondary div.head { margin-bottom:10px; border-bottom:solid 1px #d1d1d1; padding-bottom:10px; } body #page #main #secondary div.head .brand { font-size:18px; color:#ed1b2f; font-weight:bold; text-transform:uppercase; } body #page #main #secondary div.head .title { font-size:24px; color:#585858; text-transform:uppercase; font-weight:bold; } body #page #main #secondary div.head .price { color:#7d7d7d; font-size:11px; text-transform:uppercase; } body #page #main #secondary .highlighted { font-weight:bold; font-weight:bold; font-size:12px; color:#585858; text-transform:uppercase; margin-bottom:10px; } body #page #main #secondary ul.nav { margin-top:5px; margin-bottom:20px; margin-left:15px; } body #page #main #secondary ul.nav li { margin-bottom:5px; } * html body #page #main #secondary ul.nav li { margin-bottom:5px; height:14px; } body #page #main #secondary ul.nav li a { font-weight:bold; color:#858585; text-decoration:none; display:block; padding-left:10px; background-position:0px 4px; background-image:url(../img/bullets/grey-arrow.jpg); } body #page #main #secondary ul.nav li a:hover { color:#ed1b2f; background-image:url(../img/bullets/red-arrow.jpg); } body #page #main #secondary ul.nav li.selected a { color:#ed1b2f; text-decoration:underline; background-image:url(../img/bullets/red-arrow.jpg); } body #page #main #secondary ul.nav li.selected ul li a { color:#858585; } body #page #main #secondary ul.nav li.selected ul li.selected a { color:#ed1b2f; } body #page #main #secondary ul.nav li ul.submenu { margin-top:5px;} body #page #main #secondary ul.nav li ul.submenu li { margin-left:10px; } body #page #main #secondary ul.nav li ul.submenu li a { } body #page #main #secondary ul.nav li.open ul.submenu { display:block !important; } body #page #main #secondary ul.nav li.open ul.submenu li a { background-image:url(../img/bullets/grey-arrow.jpg); } body #page #main #secondary ul.nav li.open a { background-image: url(../img/bullets/grey-arrow-down.jpg); } /** ERROR **/ body#error #page #main .error { font-size:24px; margin:30px 0 30px 0; float:left; } /** CAR **/ body#car.index #page #main #primary { width:750px; } * html body#car.index #page #main #primary { width:740px; margin:0; padding:0; margin-left:10px; } body#car #page #main #sidebar { float:left; margin-left:0px; margin-top:100px; width:350px; } body#car #page #main #primary { width:370px; float:left; margin-left:15px; } body#car #page #main #primary p { margin-bottom:15px; } body#car #page #main #primary #page-title { font-weight:bold; margin-top:48px; width:750px; } body#car #page #main #secondary ul.submenu { display:block !important; } body#car #page #main #primary div.models { } body#car #page #main #primary div.models .title { font-size:12px; font-weight: bold; color:white; background-image:url(../img/bg/table-title.jpg); background-repeat:repeat-x; height:20px; padding-top:6px; padding-left:10px; } body#car #page #main #primary div.models table { width:100%; margin-bottom:30px; background-image:url(../img/bg/table-bg.jpg); background-repeat:repeat-x; background-position: left bottom; } body#car #page #main #primary div.models table tr { height:25px; } body#car #page #main #primary div.models table td#options { width:80px; } body#car #page #main #primary div.models table td { vertical-align:top; color:#585858; font-weight:bold; padding-bottom:20px; vertical-align:middle; } body#car #page #main #primary div.models table td.first { padding-left:20px; } body#car #page #main #primary div.models table td a { background-color:#585858; color:white; display:block; font-weight:normal; text-decoration: none; text-align:center; padding:5px; width:40px;; } body#car #page #main #primary div.models table td a:hover { background-color:#ff0000; } body#car #page #main #primary div.models table td .model { font-weight:bold; } body#car #page #main #primary div.models table thead tr td { color:black; font-weight:bold; padding-top:10px; padding-bottom:20px; vertical-align:top; } body#car #page #main #primary div.about { overflow:hidden; margin-bottom:40px; } * html body#car #page #main #primary div.about { } body#car #page #main #primary div.about .visual { float:right; position:relative; } body#car #page #main #primary div.about .visual a.tag { background-image:url(../img/bg/table-title.jpg); color:white; text-decoration:none; padding:6px; background-repeat:repeat-x; top:140px; left:137px; background-position:0 -1px; margin-left:1px; position:absolute; z-index:3; font-size:11px; } body#car #page #main #primary div.about { font-size:14px; color:#111111; } body#car #page #main #primary div.about p { margin:0 !important; padding:0 !important; } body#car #page #main #primary div.features { padding-top:20px; } body#car #page #main #primary div.features .title { font-size:12px; color:black; font-weight:bold; margin-bottom:10px; } body#car #page #main #primary div.features ul li { float:left; width:220px; margin-right:20px; padding-left:10px; background-image:url(../img/bullets/red-arrow.jpg); background-position:0 4px; margin-bottom:5px; } /** CAR - DESIGN **/ body#car.design #page #main #primary { width:750px; } body#car.design #page #main #primary .body { float:left; width:350px; } body#car.design #page #main #primary .body p { color:#666; } body#car.design #page #main #primary #sidebar { float:right; margin:0; padding:0; } body#car.design #page #main #primary #sidebar img { float:right; margin:0; padding:0; } /** CAR - WALLPAPERS **/ body#car #page #main ul.wallpapers li { float:left; margin-right:10px; margin-bottom:10px; text-align:center; padding:5px; background-color:rgb(245,245,245); } body#car #page #main ul.wallpapers li p { margin:0 !important; color:#666; } body#car #page #main ul.wallpapers li p.visual { width:100px; height:85px; overflow:hidden; } body#car #page #main ul.wallpapers li.bis { clear:left; } body#car #page #main ul.wide { width:700px !important; } /** CAR - USED **/ body#car.used #page #main #secondary { color:#666; } body#car.used #page #main #secondary form#filters { border-top:solid 1px #d1d1d1; border-bottom:solid 1px #d1d1d1; margin-top:10px; padding-top:2px; padding-bottom:2px; } body#car.used #page #main #secondary form#filters fieldset { background-color:#e4e4e4; padding:10px; } body#car.used #page #main #secondary form#filters fieldset p { margin-bottom:5px; } body#car.used #page #main #secondary form#filters fieldset p label { display:block; color:black !important; font-weight:bold; } body#car.used #page #main #secondary form#filters fieldset p select { width:100%; padding:5px } body#car.used #page #main #secondary form#filters fieldset p select option { color:#585858; } body#car.used #page #main #primary #cars { width:530px; float:left; } body#car.used #page #main #primary #cars li { background-color:#eeeeee; margin-bottom:1px; padding:10px; overflow:hidden; color:#585858; } * html body#car.used #page #main #primary #cars li { height:90px; } * html body#car.used #page #main #primary #cars li ul li { height:auto; } body#car.used #page #main #primary #cars li.bis { background-color:#f7f7f7; } body#car.used #page #main #primary #cars li .visual { background-color:white; width:83px; height:83px; overflow:hidden; padding:1px; text-align:center; float:left; margin-right:15px; } body#car.used #page #main #primary #cars li ul { float:left; } body#car.used #page #main #primary #cars li ul.details { width:250px; } body#car.used #page #main #primary #cars li ul.info { width:160px; } body#car.used #page #main #primary #cars li ul li { padding:0px; background-color:transparent !important; } body#car.used #page #main #primary #cars li ul li .value { font-weight:bold; } body#car.used #page #main #primary #cars a.more { float:left; color:white; padding:5px 10px; background-color:#585858; text-align:center; text-decoration:none; display:block; margin-top:5px; } body#car.used #page #main #primary #cars a.more:hover { background-color:#fe0000; } body#car.used #page #main #primary { width:750px; } body#car.used #page #main #primary #promo { width:199px; float:right; background-image:url(../img/bg/rectangle-top.jpg); background-position:left 65px; } body#car.used #page #main #primary #promo ul { background-image:url(../img/bg/rectangle-content.jpg); background-repeat:repeat-y; margin-top:20px } body#car.used #page #main #primary #promo ul li { padding:0 20px; margin-bottom:5px; } body#car.used #page #main #primary #promo ul li.last { background-image:url(../img/bg/rectangle-bottom.jpg); padding-bottom:15px; background-position:left bottom; margin-bottom:0; } body#car.used #page #main #primary #promo ul li a { color:#585858; text-decoration:none; padding-left:10px; display:block; background-image:url(../img/bullets/red-arrow.jpg); background-position:0 4px; margin-left:2px; } body#car.used #page #main #primary #promo .heading { font-size:24px; text-transform:uppercase; font-weight:bold; color:#585858; margin:0; } body#car.used #page #main #primary #promo div.head { color:#585858; } body#car.used #page #main #primary .loading { text-align:center; padding-top:20px; height:25px; width:530px; float:left; } body#car.used #page #main #primary .loading img { display:none; } body#car.used #page #main #primary #ucar { width:530px; float:left; } body#car.used #page #main #primary #ucar .price-info { text-align:right; margin-right:9px; position:relative; top:-15px; } body#car.used #page #main #primary #ucar .price2 { text-align:right; margin-right:9px; position:relative; top:-25px; } body#car.used #page #main #primary #ucar ul.pics { padding:10px 30px; background-color:#eeeeee; overflow:hidden; padding-bottom:0; } * html body#car.used #page #main #primary #ucar ul.pics { height:120px; } body#car.used #page #main #primary #ucar ul.pics li { float:left; margin-left:4px; margin-right:4px; width:85px; height:85px; background-color:white; text-align:center; margin-bottom:10px; } body#car.used #page #main #primary #ucar ul.pics li img { margin-top:1px; } body#car.used #page #main #primary #ucar div.heading { font-size:18px; padding:10px; background-color:#eeeeee; overflow:hidden; margin-top:20px; position:relative; } * html body#car.used #page #main #primary #ucar div.heading { clear:left; height:20px; } body#car.used #page #main #primary #ucar div.heading .name { float:left; font-weight:bold; width:430px; margin:0 !important; padding:0 !important; color:#585858; } body#car.used #page #main #primary #ucar div.heading .price { font-weight:bold; position:absolute; right:8px; top:8px; color:#ed1b2f; } body#car.used #page #main #primary #ucar ul.details { padding:10px; overflow:hidden; } body#car.used #page #main #primary #ucar ul.details li { float:left; width:240px; margin-right:15px; color:#585858; } body#car.used #page #main #primary #ucar ul.details li .label { float:left; } body#car.used #page #main #primary #ucar ul.details li .value { float:left; font-weight:bold } body#car.used #page #main #primary #ucar ul.features { margin-top:10px; overflow:hidden; } body#car.used #page #main #primary #ucar form textarea { width:300px; } body#car.used #page #main #primary #ucar form input.text { width:300px; } body#car.used #page #main #primary #ucar form .error { margin-left:155px; } body#car.used #page #main #primary #ucar ul.features li { width:235px; float:left; margin-right:15px; color:black; padding-left:15px; background-image:url(../img/bullets/red-arrow.jpg); background-position:0 4px; margin-bottom:3px; } body#car.used #page #main #primary #ucar .details { margin-top:10px; } body#car.used #page #main #primary #pagination { clear:left; float:left; width:530px; margin-top:5px; } body#car.used #page #main #primary #pagination li { float:left; margin-right:5px; } body#car.used #page #main #primary #pagination li a { width:25px; padding-top:5px; padding-bottom:5px; text-align:center; height:15px; display:block; color:white; text-decoration:none; background-color:#585858; } body#car.used #page #main #primary #pagination li a:hover { background-color:#fe0000; } body#car.used #page #main #primary #pagination li.selected a { background-color:#fe0000; } /** CAR - MODEL **/ body#car.model #page #main { padding-bottom:100px; } * html body#car.model #page #main { float:left; overflow:hidden; } body#car.model #page #main #primary #modelSelect { font-weight:bold; margin-bottom:5px; } body#car.model #page #main #primary ul#categories li { background-image:url(../img/bg/gradient.jpg); background-repeat:repeat-x; } body#car.model #page #main #primary ul#categories li a { display:block; height:20px; padding-top:6px; color:White; font-weight:bold; font-size:12px; text-decoration:none; padding-left:10px; background-image:url(../img/bullets/white-arrow.png); background-position: 350px 10px; } body#car.model #page #main #primary ul#categories li div.content { display: none; padding:20px 0 0px 0; } body#car.model #page #main #primary ul#categories li div.content .section { font-size:18px; color:#585858; margin-bottom:10px; } body#car.model #page #main #primary ul#categories li.open { background-image:url(../img/bg/gradient-red.jpg); } body#car.model #page #main #primary ul#categories li.open div.content { display:none; } body#car.model #page #main #primary ul#categories li.first div.content { display:block; } body#car.model #page #main #primary ul#categories li ul.details { margin-bottom:20px; } body#car.model #page #main #primary ul#categories li ul.details li { background-image:none; overflow:hidden; padding:3px; background-color:#e7e7e7; } body#car.model #page #main #primary ul#categories li ul.details li.bis { background-color:white; } body#car.model #page #main #primary ul#categories li ul.details li .label { float:left; } body#car.model #page #main #primary ul#categories li ul.details li span.value { float:right; } body#car.model #page #main #sidebar { margin-top:19px; } body#car.model #page #main #sidebar { float:right; } body#car.model #page #main #sidebar div.head { background-image:url(../img/bg/model-sidebar.jpg); background-position:right bottom; height:150px; clear:left; } body#car.model #page #main #sidebar div.head .car { font-size:32px; font-weight:bold; color:#585858; } body#car.model #page #main #sidebar div.head .model { font-size:16px; font-weight:bold; color:#585858; } body#car.model #page #main #sidebar div.head ul.price li { font-size:14px; color:#111111; } body#car.model #page #main #sidebar div.head a.more { background-image:url(../img/bg/table-title.jpg); overflow:hidden; padding:6px; background-repeat:repeat-x; margin-top:10px; float:left; clear:left; color:white; text-decoration:none; } body#car.model #page #main #sidebar div.gallery { height:160px; margin-top:38px; clear:left; width:350px; cursor:pointer; position:relative; } body#car.model #page #main #sidebar div.gallery a { background-image:url(../img/bg/table-title.jpg); color:white; text-decoration:none; padding:6px; background-repeat:repeat-x; top:115px; left:10px; background-position:0 -1px; margin-left:1px; position:absolute; z-index:3; } body#car.model #page #main #sidebar div.gallery img { position:absolute; left:0; top:0; z-index:0; } body#car.model #page #main #sidebar div.offers .highlighted { font-weight:bold; color:red; } body#car.model #page #main #sidebar div.offers ul li a { color:red; } /** CAR - GALLERY **/ body#car.gallery #page #main #primary { width:750px; } body#car.gallery #page #main #sidebar { margin:0px 0 0 0px; width:220px; float:right; } body#car.gallery #page #main #primary p.visual img { width:500px; } body#car.gallery #page #main #sidebar div.container { overflow:hidden; position:relative; height:400px; } body#car.gallery #page #main #sidebar ul.thumbs { float:left; } body#car.gallery #page #main #sidebar ul.thumbs li { height:80px; width:100px; overflow:hidden;} body#car.gallery #page #main #sidebar p.label { position:absolute; top:340px; z-index:10; font-size:12px; color:white; font-weight:bold; } body#car.gallery #page #main #sidebar p.interior { left:10px; } body#car.gallery #page #main #sidebar p.exterior { left:120px; } /** ARTICLES **/ body#articles #page #main #page-title { font-size:14px; font-weight:bold; color:#585858; margin-top:35px; padding-bottom:10px; border-bottom:solid 1px #d1d1d1; } body#articles #page #main ul.default { padding-top:20px; overflow:hidden; padding-bottom:20px; } body#articles #page #main ul.default li { margin-bottom:30px; float:left; overflow:hidden; width:350px; float:left; overflow:hidden; margin-right:20px; } body#articles #page #main ul.default li p.visual { float:left; padding-right:20px; margin-bottom:10px; background-color:white; height:120px; } body#articles #page #main ul.default li .title { } body#articles #page #main ul.default li .body { color:#585858; margin-top:10px; padding-top:10px; border-top:solid 1px #bcbcbc; } body#articles #page #main ul.default li.narrow .body { width:230px; float:right; } body#articles #page #main ul.default li .body { height:100px; } body#articles #page #main ul.default li .body p { margin-bottom:10px; } body#articles #page #main ul.default li .title { color:#585858; font-size:24px; font-weight:bold; text-transform:uppercase; } body#articles #page #main ul.default li .subtitle { color:#585858; font-size:12px; font-weight:bold; text-transform:uppercase; display:block; } body#articles #page #main ul.default li ul { padding-bottom:10px; overflow:hidden; } body#articles #page #main ul.default li ul li { margin:0; padding-left:10px; background-image:url(../img/bullets/grey-arrow.jpg); background-position:0 4px; } body#articles #page #main ul.default li h3 { font-size:14px; font-weight:bold; margin-bottom:10px; } body#articles #page #main ul.default li h4 { font-size:12px; font-weight:bold; } body#articles #page #main ul.default li div.options a { display:block; float:left; width:140px; height:19px; padding-left:10px; padding-top:6px; background-image:url(../img/buttons/button.jpg); color:white; font-weight:bold; text-decoration:none; margin-left:120px; } body#articles #page #main ul.default li div.options a:hover { background-image:url(../img/buttons/button-active.jpg); } * html body#articles #page #main #primary { } * html body#articles #page #main #primary ul.default { overflow:hidden; float:left; margin:0; padding:0; padding-top:20px;} * html body#articles #page #main #primary ul.default li { overflow:hidden; float:left; margin:0; padding:0; } /** ARTICLES - history **/ body#articles.history #page #main .button { float:left; display:block; width:30px; height:25px; text-indent:-6000px; margin-top:25px; } body#articles.history #page #main .left { background-image:url(../img/buttons/left.jpg); } body#articles.history #page #main .right { background-image:url(../img/buttons/right.jpg); } body#articles.history #page #main ul.articles { margin-top:25px; float:left; overflow:hidden; } body#articles.history #page #main ul.articles li { width:210px; text-align:right; float:left; margin-left:10px; margin-right:10px; height:auto } body#articles.history #page #main ul.articles li .body { color: #585858; } body#articles.history #page #main ul.articles li .year { font-size:20px; color:#ed1b2f; font-weight:bold; margin-bottom:20px; padding-bottom:21px; border-bottom:solid 1px #d1d1d1; } body#articles.history #page #main ul.articles li .title { font-weight:bold; color:black; font-size:12px; margin-bottom:15px; height:30px; } body#articles.history #page #main ul.articles li div.content { color:#585858; } body#articles.history #page #main ul.articles li div.content p { margin-bottom:15px; } * html body#articles.history #page #main #primary ul.articles { margin:0 !important; } * html body#articles.history #page #main #primary ul.articles li { margin-right:5px !important; } /** ARTICLES - mission **/ body#articles.mission #page #main .body { margin-top:10px; } body#articles.mission #page #main ul.default li { } body#articles.mission #page #main ul.default li .body { height:auto; } * html body#articles.mission #page #main ul.default li { margin-right:20px !important; } * html body#articles.mission #page #main ul.default li ul { margin-bottom:10px; } * html body#articles.mission #page #main ul.default li ul li { padding-left:10px !important; } /** ARTICLES - security **/ body#articles.security #page #main { margin-top:0px; } body#articles.security #page #main ul.default li { clear:left; width:100%; } body#articles.security #page #main ul.default li img { width:100px; } body#articles.security #page #main ul.default li div.options { margin:0; float:right; margin-top:10px; } /** ARTICLES - prizes **/ body#articles.prizes #page #main { margin-top:0px; } body#articles.prizes #page #main ul.default li { clear:left; width:100%; margin-bottom:0 !important; } body#articles.prizes #page #main ul.default li img { width:100px; } body#articles.prizes #page #main ul.default li div.options { margin:0; float:right; margin-top:10px; } body#articles.prizes #page #main ul.default li div.container { width:630px; float:right; } /** ARTICLES - technology **/ body#articles.technology #page #main { margin-top:0px; } body#articles.technology #page #main ul.default li { clear:left; width:100%; } body#articles.technology #page #main ul.default li.narrow .body { width:630px; } body#articles.technology #page #main ul.default li img { width:100px; } body#articles.technology #page #main ul.default li div.options { margin:0; float:right; margin-top:10px; } /** ARTICLES - engine **/ body#articles.engines #page #main ul.default li div.options { margin:0 !important; clear:none !important; float:left !important; paxdding:0 !important; } body#articles.engines #page #main ul.default li div.options a { margin:0 !important; clear:none !important; float:left !important; paxdding:0 !important; } /** ARTICLES - article **/ body#articles.article #page #main #primary .title { color:#585858; font-size:24px; font-weight:bold; text-transform:uppercase; margin-top:10px; } body#articles.article #page #main #primary .subtitle { color:#585858; font-size:12px; font-weight:bold; text-transform:uppercase; } body#articles.article #page #main #primary .body { margin-top:10px; width:300px; } body#articles.article #page #main #primary .body p { margin-bottom:10px; color:#666666; } body#articles.article #page #main #primary .sidebar { float:right; width:400px; } body#articles.article #page #main #primary .sidebar p.visual img { width:400px; margin-left:20px; } body#articles.article #page #main #primary.technology div.body { width:100%; } /** PRESS **/ body#articles.press #page #main { margin-top:0px; } body#articles.press #page #main ul.default li { clear:left; width:100%; } body#articles.press #page #main ul.default li img { width:100px; } body#articles.press #page #main ul.default li div.options { margin:0; float:right; margin-top:10px; } body#articles.press #page #main .body { width:auto !important; } /** OFFER **/ body#offer #page #main #secondary ul.nav li.highlighted { margin-top:10px; } body#offer #page #main #secondary ul.nav li.highlighted a { background-color:rgb(245,245,245); color:rgb(50,50,50); background-image:none; padding:5px; text-align:center; } body#offer #page #main #primary p.error { margin-left:150px; } body#offer #page #main #primary div.body { margin-top:10px; } body#offer #page #main #primary div.body p { margin-bottom:10px ;} body#offer #page #main #primary div.body a { color:black; } body#offer #page #main #primary ul#tabs li div.content { display:none; } body#offer #page #main #primary ul#tabs li { float:left; } body#offer #page #main #primary ul#tabs li a.tab { font-weight:bold; color:white; background-color:rgb(100,100,100); text-decoration:none; display:block; padding:10px; margin-right:10px; } body#offer #page #main #primary ul#tabs li.open div.content { display:block; } /** BROCHURE **/ body#brochure #page #main .brand { font-size:18px; color:#ed1b2f; font-weight:bold; text-transform:uppercase; } body#brochure #page #main .title { font-size:24px; color:#585858; text-transform:uppercase; font-weight:bold; } body#brochure #page #main ul li { float:left; margin:30px; } /** DEALERS **/ body#dealers #page #main { position:relative; z-index:0; } body#dealers #page #main #secondary { width: 340px; color:#4c4c4c; } body#dealers #page #main #secondary #page-title { font-size:14px; color:#585858; border-bottom: solid 1px #d1d1d1; margin-bottom:5px; padding-bottom:5px; font-weight:bold; } body#dealers #page #main #secondary .head { font-size:14px; color:#7d7d7d; border:none; } body#dealers #page #main #secondary #zone { border-bottom:solid 1px #d1d1d1; padding-bottom:5px; margin-bottom:5px; } body#dealers #page #main #secondary #zone #city { text-transform:uppercase; font-weight:bold; } body#dealers #page #main #secondary ul.dealers { margin-top:10px; } body#dealers #page #main #secondary ul.dealers li { margin-bottom:20px; height:auto; } body#dealers #page #main #secondary ul.dealers li p.visual { float:right; margin-left:10px; margin-bottom:5px; } body#dealers #page #main #secondary ul.dealers li .title { font-size:14px; font-weight:bold; background-image:url(../img/bullets/arrow.jpg); padding-left:10px; background-position:0 5px; margin-bottom:5px; } body#dealers #page #main #secondary ul.dealers li .link { cursor:pointer } body#dealers #page #main #secondary ul.dealers li h3.section { font-weight:bold; } body#dealers #page #main #secondary ul.dealers li a { color:#4c4c4c; } body#dealers #page #main #secondary ul.dealers li .closed { display:none; } body#dealers #page #main #primary { width:600px; padding-left:25px; } /** TESTDRIVE **/ body#testdrivee #page #main #secondary { width: 340px; color:#4c4c4c; } body#testdrivee #page #main #primary { width:600px; padding-left:25px; } body#testdrivee #page #main #primary form { margin-top:30px; margin-left:50px; } body#testdrivee #page #main #primary form fieldset p { margin-bottom:10px; overflow:hidden; clear:left; } body#testdrivee #page #main #primary form fieldset label { display:block; width:170px; float:left; font-weight:bold; position:relative; top:7px; height:20px; } body#testdrivee #page #main #primary form fieldset input.text { width:300px; padding:5px; color:rgb(100,100,100); } body#testdrivee #page #main #primary form fieldset textarea { width:300px; padding:5px; color:rgb(100,100,100); font-family:arial; font-size:11px; overflow:hidden; } body#testdrivee #page #main #primary form fieldset select { width:310px; padding:5px; color:rgb(100,100,100); } body#testdrivee #page #main #primary form fieldset p.terms label { display:inline; margin-left:10px; width:auto; float:left; } body#testdrivee #page #main #primary form fieldset p.terms label a { color:black; } body#testdrivee #page #main #primary form fieldset p.terms input { margin-left:0px; float:left; margin-top:6px; } *:first-child+html body#testdrivee #page #main #primary form fieldset p.terms input { margin-left:0px; float:left; margin-top:3px; -margin-top:5px; } body#testdrivee #page #main #primary form fieldset p.date select { float:left; width:50px; } body#testdrivee #page #main #primary form fieldset p.date select#month { width:130px; } body#testdrivee #page #main #primary form fieldset p.date select#year { width:130px; } body#testdrivee #page #main #primary form fieldset input.submit { margin-left:170px; } body#testdrivee #page #main #primary form fieldset #gender { width:70px; } *:first-child+html body#testdrivee #page #main #primary form fieldset #gender option { } body#testdrivee #page #main #primary form fieldset #name { width:225px; } body#testdrivee #page #main #primary form fieldset p.error { margin-left:175px; } body#testdrivee #page #main #primary form fieldset ul.cars { float:left; clear:left; } body#testdrivee #page #main #primary form fieldset ul.cars li { float:left; width:110px; height:75px; position:relative; text-align:left; margin-right:0px; margin-bottom:30px; } body#testdrivee #page #main #primary form fieldset ul.cars li img { cursor:pointer; } body#testdrivee #page #main #primary form fieldset ul.cars li p.name { position:absolute; bottom:0; left:0;text-align:cexnter; } body#testdrivee #page #main #primary form fieldset ul.cars li p.name input { margin-left:2px; position:relative; top:2px; } body#testdrivee #page #main #primary form fieldset ul.cars li label { display:inline; font-weight:normal; float:none; width:auto; position:static; } /** CLIENTS **/ body#clients #page #main form.default { float:left; } body#clients #page #main form.default p.disclaimer { padding-left:150px; width:400px; } body#clients #page #main form.default .error { margin-left:150px; } /** SERVICE **/ body#service #page #main #primary div.body { margin-top:10px; } body#service #page #main #primary div.body ul { list-style:square; clear:left; padding-top:10px; } body#service #page #main #primary div.body ul li { list-style:square; margin-left:20px; } body#service #page #main #primary form p.date input.text { background-image:url(../img/calendar.png); background-position:right 3px; border:1; cursor:pointer; border-style:none } body#service.form #page #main #primary form .error { margin-left:150px; } /** REQUEST **/ body#request #page #main #primary form.default p.error { margin-left:155px; } /** AMBASADOR **/ body#request.ambasador #page #main #primary form.default { margin-top:62px; border-top:solid 1px #d1d1d1; padding-top:20px; } body#request.ambasador #page #main #primary form.default label { width:300px; } body#request.ambasador #page #main #primary form.default input.submit { margin-left:300px; } body#request.ambasador #page #main #primary form.default .error { margin-left:305px; } /** SITEMAP **/ body#sitemap #page #main #primary ul { border-left: solid 1px rgb(230,230,230); margin-top:5px; } body#sitemap #page #main #primary ul li { padding-left:15px; background-image:url(../img/bullets/grey-arrow.jpg); background-position:left 4px; margin-bottom:5px; } body#sitemap #page #main #primary ul li a { color:rgb(50,50,50); text-decoration:none; display:block; } body#sitemap #page #main #primary ul li a:hover { text-decoration:underline } /** CONTACT **/ body#contact #page #main .dealer { font-size:24px; font-weight:bold; color:#585858; margin-top:24px; text-transform:uppercase; } body#contact #page #main #primary { color:rgb(100,100,100); } body#contact #page #main #primary .body { float:left; width:200px; } body#contact #page #main #primary form { margin-top:30px; width:500px; float:right; } body#contact #page #main #primary form fieldset p { margin-bottom:10px; overflow:hidden; clear:left; } body#contact #page #main #primary form fieldset label { display:block; width:170px; float:left; font-weight:bold; position:relative; top:7px; height:20px; } body#contact #page #main #primary form fieldset input.text { width:300px; padding:5px; color:rgb(100,100,100); } body#contact #page #main #primary form fieldset textarea { width:300px; padding:5px; color:rgb(100,100,100); font-family:arial; font-size:11px; overflow:hidden; } body#contact #page #main #primary form fieldset select { width:310px; padding:5px; color:rgb(100,100,100); } body#contact #page #main #primary form fieldset p.terms label { display:inline; margin-left:10px; width:auto; float:left; } body#contact #page #main #primary form fieldset p.terms label a { color:black; } body#contact #page #main #primary form fieldset p.terms input { margin-left:0px; float:left; margin-top:6px; } *:first-child+html body#contact #page #main #primary form fieldset p.terms input { margin-left:0px; float:left; margin-top:3px; -margin-top:5px; } body#contact #page #main #primary form fieldset p.date select { float:left; width:50px; } body#contact #page #main #primary form fieldset p.date select#month { width:130px; } body#contact #page #main #primary form fieldset p.date select#year { width:130px; } body#contact #page #main #primary form fieldset input.submit { margin-left:170px; } body#contact #page #main #primary form fieldset #gender { width:70px; } body#contact #page #main #primary form fieldset #name { width:225px; } body#contact #page #main #primary form fieldset p.error { margin-left:175px; } body#contact #page #main ul.pics li { margin-bottom:10px; } /** CORPORATE **/ body.corporate #page #main #primary { color:#666; } body.corporate #page #main #primary table { margin-bottom:10px; } body.corporate #page #main #primary table td { border:solid 1px #666; padding:5px; } body.corporate #page #main #primary p { margin-bottom:10px; } body.corporate #page #main #primary a { color:#666; } /** COMPARATOR **/ div#tabele table{ /*margin-bottom:10px;*/ width:964px; color:#585858; margin-bottom:20px; } div#tabele table tr{ width:964px; } div#tabele table tr td{ line-height:21px; padding-left:5px; text-align:center; } div#tabele table tr td.table-header{ width:208px; } div#tabele table tr td.models1{ width:253px; } div#tabele table tr td.models2{ width:252px; } div#tabele table tr td.models3{ width:242px; } div#tabele table tr td strong{ display:block; text-align:left !important; } div#tabele thead tr{ background:url(../img/comparator/comparator_thead.jpg) repeat-x 0 0; height:25px; color:#fff; font-weight:bold; } div#tabele ul li p{ background:url(../img/comparator/comparator_thead.jpg) repeat-x 0 0; height:25px; color:#fff; font-weight:bold; line-height:25px; padding-left:5px; cursor:pointer; } div#tabele ul li p span{ float:left; } div#tabele ul li p img{ float: right; margin-top:10px; margin-right:5px; } div#tabele table thead tr td{ background:url(../img/bullets/white-arrow.png) no-repeat right; width:25%; } div#selectors table{ margin-bottom:10px; width:100%; } div#selectors table td{ width:25%; padding:0 10px; } div#selectors table td p{ font-size:14px; font-weight:bold; color:#595959; line-height:20px; } div#selectors table td hr{ color:#D1D1D1; } div#selectors table td select{ width:235px; height:20px; margin:5px 0; color:#585858; } td.models1{ border-right:1px solid #E0E0E0; border-left:1px solid #E0E0E0; } td.models2{ border-right:1px solid #E0E0E0; } table.comparator-header{ background:url(../img/comparator/header-comparator.png) no-repeat right top; } hr.comparator{ border:0px; border-bottom:3px solid #E4E4E4; height:0px; } body#car.print div#tabele ul li div { display:block !important; } body#car.print img.comparator-arrow { display:none; } #page #header .font { position:absolute; top:15px; right:0; } #page #header .font a { color:rgb(150,150,150); text-decoration: none; color:#ed1b2f; font-weight: bold; } #page #header .font a.decreaseFont { font-size:10px; } #page #header .font a.increaseFont { font-size:14px; } #page #header .font .label { float: left; color:rgb(150,150,150); margin-right:7px; position:relative; top:2px; padding-left:15px; background: url(http://www.hondatrading.ro/resources/img/bullets/arrow-orange.gif) no-repeat 0 3px;; }