/* CSS Document */ /* KLEUREN recque: ZWART: #000000 ORANJE: #427f82 WIT: #ffffff */ * { margin: 0; padding: 0; } html { } html, body { height: 100%; } body { font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #5e5e5e; background:#fff; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;} input, select, textarea { font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#5e5e5e; } ul { list-style: square inside; } ol { list-style: decimal inside; } a { color:#427f82; outline: none; text-decoration: none; } a:hover { text-decoration:underline; } a img { background: none; } a:active, a:focus { outline: 0; } input:focus, select:focus { outline: none; } ::-moz-selection { background: #999; color:#fff; } ::selection { background:#999; color:#fff; } img { border: none; } table { border-collapse: collapse; } p { padding:7px 0px; } hr { display:none; } object { outline:none; } @font-face { font-family: 'BitstreamVeraSansRoman'; src: url('../scripts/fonts/Vera-webfont.eot'); src: url('../scripts/fonts/Vera-webfont.eot#iefix') format('embedded-opentype'), url('../scripts/fonts/Vera-webfont.ttf') format('truetype'), url('../scripts/fonts/Vera-webfont.svg') format('svg'); font-weight: normal; font-style: normal; font-variant:normal; } /* DEFAULTS */ #wrapper { clear:both; position:relative; width:100%; height: auto !important; /* real browsers */ height: 100%; /* IE6: treated as min-height*/ min-height: 100%; /* real browsers */ } .center { position:relative; width:960px; margin:0 auto; } #main { padding:0 0 75px;} .clear { clear:both; line-height:20px; } .sclear { clear:both; height:10px; } .spacer { clear:both; height:50px; } .form .f { border:0;} .form .i { border:0;} .hidden { display:none;} .rel { position:relative;} .actionresult { display:block; float:left; width:710px; line-height:20px; color:#fff; background:#427f82; text-align:center;} .with-placeholder { color: #999; } ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } ::-moz-placeholder { color: #999; } :-ms-input-placeholder { color: #999; } .cf { zoom:1;} .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear:both; } .clean .center { width:710px;} .clean .main-header .logo { display:block; top:10px; } .formcheck { display:none; } /* TRANSFORM */ .select { width:60px; color:#5f717d; } .select .selected { display:block; background:url('../img/transform.png') no-repeat top right; cursor:pointer; padding:0 28px 0 0; } .select .selected .txt { display:block; line-height:30px; background:url('../img-recque/sprite-recque.png') -488px -74px; padding:0 0 0 5px; } .select select { background:#fff; } .select_block { display:none; position:absolute; top:29px; left:0px; overflow:auto; height:150px; z-index:99; width:100%; } .select_block ul { list-style:none outside !important; background:url('../img/bg-select.gif') #fff repeat-x top; z-index:9; overflow:hidden; border:1px solid #c5c8c7; border-top:0;} .select_block li { background:none !important; padding:0 !important; border-top:1px solid #c6c6c6; } .select_block a { display:block; padding:4px 9px; text-decoration:none; color:#5f717d; } .select_block a:hover { background-color:#d3d1d1; color:#fff; } .select_block a.act { background-color:#d3d1d1; color:#fff; } /* HEADER */ .main-header { height:81px; } .main-header .header { height:80px; border-bottom:1px solid #2c5355; background: url('../img-recque/header.png') repeat-x #427f82; } .main-header .logo { display:none; background:url('../img-recque/sprite-recque.png') 0 0; width:250px; height:65px; text-indent:-9999px; position:absolute; top:20px; left:0; } .tiny-header { position:fixed; top:0; left:0; width:100%; display:none; background:#427f82; height:30px; z-index:110; } .tiny-header .logo { display:block; float:left; background:url('../img-recque/sprite-recque.png') 0 -69px; width:83px; height:16px; text-indent:-9999px; margin:7px 0 0 -2px; } .h-search { background:#427f82; height:81px;} .h-search .buttons { display:none;} .h-search h1.h { display:none;} .h-search .upload-btn { display:block; background:url('../img-recque/sprite-recque.png') -487px -149px; width:211px; height:68px; text-indent:-9999px; position:absolute; top:-69px; right:248px;} .h-search .upload-btn:hover { background-position:-487px -227px;} .h-search .place-btn { display:block; background:url('../img-recque/sprite-recque.png') -727px -149px; width:220px; height:68px; text-indent:-9999px; position:absolute; top:-69px; right:0px;} .h-search .place-btn:hover { background-position:-727px -227px;} .h-search .logo { background: url('../img-recque/sprite-recque.png') 0 -334px; display:block; float:left; width: 175px; height:81px; text-indent:-9999px;} .h-search .form { float:left; width:785px; margin-top:11px;} .h-search .form .f { border:0;} .h-search .form .item { float:left; width:230px; margin-right:20px; display:inline;} .h-search .form .l { font:11px/28px 'BitstreamVeraSansRoman', Arial, sans-serif; color:#fff; line-height:28px; } .h-search .form .qty { color:#ababab;} .h-search .form .input { background:url('../img-recque/sprite-recque.png') -254px -40px; width:212px; height:24px; padding:7px 10px 0; } .h-search .form .input.open { background-position:-487px -40px; } .h-search .form .i { border:0; background:none; font-size:11px; width:190px;} .h-search .form .sample { display:block; color:#fff; font:9px/20px 'BitstreamVeraSansRoman', Arial, sans-serif; } .h-search .form .link { display:block; float:left; color:#fff; font:9px/20px 'BitstreamVeraSansRoman', Arial, sans-serif; margin-left:5px; text-decoration:underline; } .h-search .form .item.location { width:210px;} .h-search .form .location .input { background-position:-254px -272px; } .h-search .form .button { width:210px;} .h-search .values-c { position:relative; } .h-search .values-c .bg { display:none; position:absolute; top:-2px; left:1px; background:url('../img/bg-values.png') no-repeat bottom; z-index:1000; width:230px; line-height:29px; z-index:100;} .h-search .values-c .loading { margin:5px auto; display:block;} .h-search .values-c ul { width:226px; list-style:none outside; margin:0 3px 0 1px; } .h-search .values-c li { line-height:29px; border-top:1px solid #c6c6c6; padding:0 0 0 7px; } .h-search .values-c .a { display:block; float:left; color:#474747;} .h-search .values-c .t { display:block; float:left; color:#474747;} .h-search .values-c .checkbox { display:block; float:left; margin:5px 5px 0 0; vertical-align:middle;} .h-search .values-c .qty { display:block; color:#919191; float:right; width:35px;} .h-search .form .distance { width:75px;} .h-search .distance .select { width:75px;} .h-search .distance .selected { background:url('../img-recque/transform-h.png') top right} .h-search .distance .txt { background-position:-254px -40px;} .h-search .distance .transformOpen .selected { background-position:bottom right;} .h-search .distance .transformOpen .selected .txt { background-position:-488px -109px; } .h-search .button { float:left; width:110px; margin-top:28px;} .h-search .button .btn { float:left; display:block; background:url('../img-recque/sprite-recque.png') -254px -76px; border:0; width:111px; height:33px; text-indent:-9999px; cursor:pointer; font-size:1px;} .h-search .button .btn:hover{ background-position:-373px -76px;} .h-search .social { display:none; float:right; width:210px; margin-top:48px;} .h-search .social .a { display:block; float:left; background:url('../img-recque/sprite-recque.png') -254px -3px; width:32px; height:32px; text-indent:-9999px; margin:0 15px 0 5px;} .h-search .social .twitter { background-position:-291px -3px;} .h-search .social .facebook { background-position:-328px -3px;} .h-search .social .rss { background-position:-365px -3px;} .extended { clear:both; display:none; background:#f1f1f1; position:fixed; top:81px; left:0; width:100%; padding:10px 0 20px; box-shadow:0 5px 5px #e6e6e6; z-index:105;} .extended .t { display:block; font:11px/30px 'BitstreamVeraSansRoman', Arial, sans-serif; color:#777; border-bottom:1px solid #d2d2d2; font-weight:bold;} .extended .left { float:left; width:451px; margin:0 0 0 20px;} .extended .right { float:left; width:451px; margin:0 0 0 20px;} .extended .item { margin-top:10px;} .extended .item .l { display:block; float:left; width:130px; font:11px/28px 'BitstreamVeraSansRoman', Arial, sans-serif;} .extended .item .input { float:left; width:319px; border:1px solid #e2e2e2; border-radius:3px; background:url('../img/bg-input.gif') repeat-x; font-size:12px; line-height:30px;} .extended .item .i { display:block; background:none; width:100%; margin:5px 5px 6px; } .extended .item .select { float:left; width:321px;} .extended .buttons { margin:10px 0 0 130px;} .extended .buttons .btn { display:block; background:#777; color:#fff; float:left; width:150px; line-height:28px; height:28px; text-align:center; border:0; margin-left:20px; border-radius:3px; cursor:pointer; font-weight:bold; text-decoration:none;} .extended .buttons .btn:hover { background:#427f82;} .extended .buttons .cancel { background:#d4d4d4; color:#777; margin:0;} .extended .buttons .cancel:hover { background:#777; color:#fff; margin:0;} .extended .form .checklist .list { width:309px; } .extended .form .checklist .checkbox{ margin-top:5px; } .extended .form .checklist label { margin-top:3px; } .extended .form .checklist { float:left; width:321px; background:url('../img/transform.png') no-repeat right top; } .extended .form .checklist .value { display:block; width:293px; height:30px; padding:0 28px 0 0; } .extended .form .checklist .txt { color:#5F717D; display:block; background:url('../img-recque/sprite-recque.png') -488px -74px; line-height:30px; padding:0 0 0 5px;} #search { display:none; height:118px; } #search-c { position:absolute; top:0; left:0; width:100%; z-index:120;} .homepage #search { display:block; height:82px;} .homepage .main-header { height:100px; } .homepage .main-header .header { height:100px;} .homepage .main-header .logo { display:block;} .homepage #search-c { top:101px;} .homepage .h-search .logo { display:none;} .homepage .h-search .form { margin-top:5px;} .homepage .h-search .buttons{ display:block;} .homepage .h-search .social { display:block; width:156px; margin-top:33px;} .homepage .extended { top:182px; position:absolute; } /* HOVER HEADER */ .main-header.hover { display:block;} .main-header.hover .header { position:fixed; top:0; left:0; width:100%; z-index:111; opacity:0;} .tiny-header .clicked .logo { display:none;} #search-c.hover { position:fixed; z-index:111; opacity:0; display:block;} .extended.hover { position:fixed; z-index:111;} .detail-page .tiny-header { display:block;} .detail-page #search-c { display:none;} .detail-page .main-header { height:30px;} .detail-page .main-header .header { height:29px; } .apply-page .tiny-header { display:block;} .apply-page #search-c { display:none;} .apply-page .main-header { height:30px;} .apply-page .main-header .header { height:29px; } /* BANNERS */ .banners { clear:both; position:relative; margin:20px auto 0; } .banners .item { float:left; width:470px; margin-left:20px;} .banners .first { margin-left:0;} .banners img { display:block;} .banners .clear { height:1px;} .bc { clear:both; font: 12px/30px 'BitstreamVeraSansRoman', Arial, sans-serif; border:1px solid #ddd; border-radius:3px; padding:0 7px; margin-top:20px; float:left; width:944px;} .bc .item { float:left; padding:0 3px; color:#9e9e9e;} .bc .a { color:#9e9e9e;} .bc .s { font-weight:normal; color:#666;} /* LOGOS */ .logos { margin:20px 0; } .logos .s { display:block; font: 11px/30px 'BitstreamVeraSansRoman', Arial, sans-serif; font-weight:normal;} .logos .cycle { width:960px; height:80px; overflow:hidden;} .logos .item { float:left; width:160px; margin:10px 35px 10px;} .logos .all { display:block; text-decoration:underline; color:#5e5e5e; margin-bottom:20px;} .homepage .logos { margin:30px 0 50px; float:left; width:470px; } .homepage .logos .s { border-bottom:1px solid #ddd;} .homepage .logos .cycle { width:470px; height:200px; } .homepage .logos .item { height:80px; } .homepage .more { font-style:italic; color:#5E5E5E; display:block; } .employers-col { float:left; width:480px; } .top-vacancies { margin:30px 0 80px; float:right; width:470px; } .top-vacancies .s { border-bottom:1px solid #ddd; display:block; font:11px/30px 'BitstreamVeraSansRoman',Arial,sans-serif; color:#777;} .top-vacancies ul { list-style:none outside; margin:20px 0 0; height:160px;} .top-vacancies li { padding:2px 0 3px; font: bold 12px/20px Arial, Helvetica, sans-serif; } .top-vacancies .company { color: #5E5E5E; font-size:12px; font-weight:normal; } .top-vacancies .a { display:block; background:url('../img/icon-page.png') -5px 0 no-repeat; padding-left:20px; } .top-vacancies .a:hover { text-decoration:none; } .top-vacancies .a:hover .title { text-decoration:underline; } .top-vacancies .more { font-style:normal; text-decoration:underline; margin-top:20px; } /* LEFT COLUMN */ .left-c { float:right; width:230px; margin:20px 20px 0 0; position:relative;} .left-c .back { display:block; background:url('../img-recque/icons.png') #e2e2e2 -4px -170px no-repeat; line-height:20px; text-align:right; padding-right:10px; margin-bottom:20px; font-size:11px; color:#777; text-decoration:none; border-radius:3px;} .left-c .back:hover { background-position:-3px -1030px; color:#427f82;} #floating-box { position:absolute; top:0; width:230px; z-index:105; } .toolbox { background:#f1f1f1; margin-bottom:20px; border:1px solid #ddd; border-radius:3px; line-height:20px;} .toolbox h1.h { display:none;} .toolbox h2.h { font:12px/20px 'BitstreamVeraSansRoman', Arial, sans-serif; color:#474747; font-weight:bold;} .toolbox .b { background:#f1f1f1; margin:10px; border:1px solid #ddd; padding:5px 8px; border-radius:3px;} .toolbox ul { list-style:none outside; margin-top:5px;} .toolbox li { padding:4px 0; line-height:18px;} .toolbox .a { color:#474747;} .toolbox .s { width:90px;} .toolbox .del { display:block; float:right; background:url('../img-recque/icons.png') -8px -4px; width:16px; height:18px; text-indent:-9999px;} .toolbox .qty { display:block; float:right; width:16px; color:#898787; font-size:11px;} .toolbox .checkbox { vertical-align:middle; margin-right:3px;} .toolbox .moreless { display:block; margin-right:5px; font-size:10px; text-align:right;} .toolbox .lab { display:block; float:left; width:110px; color:#474747; line-height:30px;} .toolbox .val { display:block; float:left; width:80px; color:#474747; line-height:30px; font-weight:bold;} .toolbox .block-c { clear:both; float:left; width:190px; display:none; padding:0 0 10px;} .toolbox .item .l { display:none;} .toolbox .item .input { background:url('../img-recque/sprite-recque.png') 0 -115px; margin-bottom:9px; } .toolbox .item .i { display:block; background:none; width:176px; padding:3px 7px 2px; } .toolbox .item.day { float:left; width:90px;} .toolbox .item.daypart { clear:none; float:left; width:90px; margin-left:10px;} .toolbox .item .t { display:block; background:#fefefe; width:181px; padding:3px 2px 2px 7px; border-radius:3px; margin-bottom:9px; border:0; resize:none; -moz-box-shadow: inset 0 0 4px #c6c6c6; -webkit-box-shadow: inset 0 0 4px #c6c6c6; box-shadow: inner 0 0 4px #c6c6c6; } .toolbox .input-c { float:left; width:190px; margin-top:10px; } .toolbox .btn { background:#777; border-radius:3px; border:0; width:190px; height:20px; color:#fff; cursor:pointer;} .toolbox .btn:hover, .toolbox .hover .btn { background:#427f82;} .toolbox .item .i.error { background:url('../img/error-small.png') right no-repeat;} .toolbox .item .i.correct { background:url('../img/correct-small.png') right no-repeat;} .toolbox .item.day .select { width:90px;} .toolbox .item.day .selected { background:url('../img-recque/sprite-recque.png') -150px -90px; padding-right:20px;} .toolbox .item.day .txt { background-position:0 -90px; line-height:20px; padding-left:10px;} .toolbox .item .select_block { top:20px;} .toolbox .item .select_block ul { margin-top:0;} .toolbox .item.daypart .select { width:90px;} .toolbox .item.daypart .selected { background:url('../img-recque/sprite-recque.png') -150px -90px; padding-right:20px;} .toolbox .item.daypart .txt { background-position:0 -90px; line-height:20px; padding-left:10px;} .toolbox .item.range .select { width:100px;} .toolbox .item.range .selected { background:url('../img-recque/sprite-recque.png') -140px -90px; padding-right:20px;} .toolbox .item.range .txt { background-position:0 -90px; line-height:20px; padding-left:10px;} .toolbox .search { margin:5px 0;} .toolbox .search .item { float:left;} .toolbox .search .item .l { display:none; } .toolbox .search .item .i { background:#fff; width:149px; padding:3px 7px 2px; border-top-left-radius:3px; border-bottom-left-radius:3px; -moz-box-shadow: inset 0 0 4px #c6c6c6; -webkit-box-shadow: inset 0 0 4px #c6c6c6; box-shadow: inner 0 0 4px #c6c6c6; border-radius:3px 0 0 3px;} .toolbox .search .btn { display:block; float:left; background:url('../img-recque/sprite-recque.png') -402px 0px; width:25px; height:20px; text-indent:-9999px; cursor:pointer; border:0; margin:0; border-radius:0 3px 3px 0;} .toolbox .search .btn:hover { background-position:-402px -20px;} .toolbox .search .values-c { position:relative;} .toolbox .search .values-c .bg { position:absolute; top:20px; left:5px; z-index:1000; width:155px; line-height:20px; z-index:100; background:#f7f7f7; border:1px solid #e5e5e5; border-top:0;} .toolbox .search .values-c ul { margin:0;} .toolbox .search .values-c li { padding:0 5px;} .toolbox.style2 { background:#e2e2e2;} .toolbox.style2 .b { border:1px solid #c6c6c6;} .toolbox.style2 .b h1.h { display:block; font:12px/20px 'BitstreamVeraSansRoman', Arial, sans-serif; color:#474747; font-weight:bold; padding-bottom:10px;} .toolbox.style2 .call { display:block; float:left; width:190px; color:#474747; line-height:30px; } .toolbox.style2 .call.act { color:#427f82;} .toolbox.style2 .call:hover { color:#427f82; text-decoration:none;} .toolbox.style2 .mail { display:block; float:left; width:190px; color:#474747; line-height:30px; } .toolbox.style2 .mail.act { color:#427f82;} .toolbox.style2 .mail:hover { color:#427f82; text-decoration:none;} .toolbox.style2 .contact-info { padding:5px 10px 10px; line-height:26px;} .toolbox.style2 .lbl-phone { display:inline-block; background:url('../img-recque/icons.png') no-repeat 0 -214px; text-indent:-9999px; width:30px; height:24px;} .toolbox.style2 .lbl-call { display:inline-block; background:url('../img-recque/icons.png') no-repeat 0 -47px; text-indent:-9999px; width:30px; height:24px;} .toolbox.style2 .clicker .lbl-call { vertical-align:middle;} .toolbox.style2 .hl { font-weight:bold; text-decoration:underline; color:#5e5e5e;} .toolbox.style2 a.act .hl, .toolbox.style2 a:hover .hl { color:#427f82;} .toolbox.style3 { background:#919191; border:1px solid #919191; } .toolbox.style3 .b { background:#919191; border:1px solid #919191; } .toolbox.style3 h1.h { display:block; font:12px/20px 'BitstreamVeraSansRoman', Arial, sans-serif; color:#fff; font-weight:bold;} .toolbox.style3 .a { color:#fff;} .toolbox.style3 .del { background-position:0 -28px;} .toolbox.style3 .del:hover { background-position:-17px -28px;} .toolbox.style3 .all { display:block; color:#fff; background:url('../img-recque/icons.png') #5e5e5e no-repeat 162px -98px; line-height:20px; padding:0 8px; margin-top:20px; font-size:11px; border-radius:3px;} .toolbox.style3 .all:hover { background-color:#427f82; text-decoration:none;} .toolbox.style4 { background:#5e5e5e; border:1px solid #5e5e5e;} .toolbox.style4 .b { background:#5e5e5e; border:1px solid #5e5e5e; padding:0 8px;} .toolbox.style4 .a { display:block; float:left; width:190px; font:12px/30px 'BitstreamVeraSansRoman', Arial, sans-serif; color:#fff; background:url('../img-recque/icons.png') no-repeat;} .toolbox.style4 .a.mail { background-position:164px -46px; } .toolbox.style4 .a.rss { background-position:164px -70px;} .toolbox.style4 .input { background:url('../img-recque/sprite-recque.png') 0 -140px; height:20px;} .toolbox.style4 .checkbox .check { display:block; float:left; background:url('../img-recque/icons.png') 0 -632px; width:16px; height:16px; text-indent:-9999px; margin-right:5px; } .toolbox.style4 .checkbox .check.act{ background-position:-16px -632px; } .toolbox.style4 .checkbox .l { display:block; color:#fff;} .toolbox.style4 .checkbox.error .l { color:#427f82;} .toolbox.style4 .result { color:#fff;} .toolbox.style5 { background:none; border:0;} .toolbox.style5 .b { background:#f1f1f1; border:1px solid #f1f1f1; line-height:20px; font-family: Arial,Helvetica,sans-serif; margin:0; padding:15px 18px; } .toolbox.style5 h1.h { display:block; font:12px/20px 'BitstreamVeraSansRoman', Arial, sans-serif; color:#fff; font-weight:bold;} .toolbox.style5 .a { display:block; background-color:#777; color:#fff; margin-top:6px; padding:0 8px; border-radius:3px; font-size:11px; } .toolbox.style5 .a.act { background:url('../img/icon-page.png') #427f82 top right no-repeat; } .toolbox.style5 .a:hover{ background:url('../img/icon-page.png') #427f82 top right no-repeat; text-decoration:none;} .toolbox.style5 .first { margin-top:0;} .toolbox.style5 .subitems {display:block; background-color:#acacac; color:#fff; margin-top:4px; padding:0 8px; border-radius:3px; font-size:11px; margin-left:20px;} .toolbox.style5 .subitems.act { background:url('../img/icon-page.png') #427f82 top right no-repeat; } .toolbox.style5 .subitems:hover{ background:url('../img/icon-page.png') #427f82 top right no-repeat; text-decoration:none;} .toolbox.style6 { background:none; border:0;} .toolbox.style6 .b { background:#919191; border:1px solid #919191; margin:0; padding:15px 18px; } .toolbox.style6 h1.h { display:block; font:12px/20px 'BitstreamVeraSansRoman', Arial, sans-serif; color:#fff; font-weight:bold;} .toolbox.style6 .title { color:#fff;} .toolbox.style6 .del { background-position:0 -28px;} .toolbox.style6 .del:hover { background-position:-17px -28px;} .toolbox.style6 .outside-all { display:block; line-height:26px; font-size:12px; color:#5e5e5e; text-decoration:underline;} /* CONTENT */ .content { float:right; width:710px; margin-top:20px;} .content-full { float:left; width:710px; margin-top:20px;} .content .results { font:11px/20px 'BitstreamVeraSansRoman', Arial, sans-serif; background:#777; border-top-left-radius:3px; border-top-right-radius:3px; color:#fff; font-size:11px; line-height:40px; padding:0 20px; float:left; width:670px; } .content .results .qty { display:block; float:left; width:300px;} .content .order { float:right; width:355px;} .content .order .f { border:0;} .content .order .l { display:block; float:left; } .content .order .select { float:left; width:140px; margin:10px 0 0 5px; display:inline; line-height:20px;} .content .order .selected { background:url('../img-recque/sprite-recque.png') -100px -165px; padding-right:20px;} .content .order .txt { background-position:0 -165px; line-height:20px; padding-left:10px;} .content .order .select_block { top:20px;} .content .order .select_block ul { margin-top:0;} .options { background:#fff; float:left; width:710px; line-height:40px;} .options .show-map { display:block; float:left; background:url('../img-recque/icons.png') 0 -1209px no-repeat; font:11px/26px 'BitstreamVeraSansRoman', Arial, sans-serif; width:115px; margin:10px 0; text-indent:34px; color:#777;} .options .show-map.hide { width:20px; text-indent:-9999px;} .options .a { display:block; background-color:#fff; float:right; border:1px solid #e8e8e8; margin:10px 0 0 10px; width:138px; line-height:18px; text-align:center; color:#777; border-radius:3px; font-size:11px; text-decoration:none;} .options .a:hover { background-color:#919191; color:#fff;} .options .direct { background:url('../img-recque/icons.png') no-repeat 233px -146px #427f82; color:#fff; width:260px; line-height:20px; text-align:left; text-indent:10px; border:0; margin-right:0;} .options .direct:hover { background-color:#919191; text-decoration:none; } .options .list-c { float:left; margin-top:3px;} .options .share { float:left; margin-top:13px;} .options .share.act { background:#919191; color:#fff; border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; } .options .share-c { float:left; display:none; margin-top:13px; } .options .share-c .a { float:left; width:38px; margin:0; border-left:0; border-radius:0; text-indent:-9999px; background:url('../img-recque/icons.png') no-repeat;} .options .share-c .a:hover { background-color:#fff; border:1px solid #e8e8e8; border-left:0; line-height:18px; } .options .share-c .mail { background-position:0 -892px;} .options .share-c .mail:hover { background-position:0 -964px;} .options .share-c .twitter { background-position:0 -867px;} .options .share-c .twitter:hover { background-position:0 -987px;} .options .share-c .facebook { background-position:0 -843px; border-top-right-radius:3px; border-bottom-right-radius:3px;} .options .share-c .facebook:hover { background-position:0 -1011px;} .related .vacancy-item { margin-bottom:0;} .related .title { font:12px/40px 'BitstreamVeraSansRoman', Arial, sans-serif; background:#777; color:#fff; padding:0 20px; margin:20px 0 0 0; } .latest { clear:both;} .latest .vacancy-item { margin-bottom:0;} .latest .vacancy-item .info { padding:10px;} .latest .title { font:12px/40px 'BitstreamVeraSansRoman', Arial, sans-serif; background:#777; color:#fff; padding:0 20px; margin:20px 0 0 0; font-weight:bold;} .latest .delete { position:absolute; top:-30px; right:20px; line-height:20px; color:#fff; font-size:11px;} .recent .title { font-family:'BitstreamVeraSansRoman', Arial, sans-serif; background:#777; color:#fff; padding:0 20px; font-size:12px; line-height:40px; } .recent .all { display:block; float:right; background:url('../img-recque/icons.png') no-repeat 253px -146px #427f82; color:#fff; width:280px; line-height:20px; text-align:left; text-indent:10px; border:0; margin:10px 0 0; border-radius:3px;} .recent .all:hover { background-color:#777; text-decoration:none;} .vacancy-item { clear:both; float:left; width:710px; margin-bottom:20px;} .vacancy-item .header { background:#f1f1f1; color:#427f82; font-family:'BitstreamVeraSansRoman', Arial, sans-serif; line-height:40px; padding:0 10px 0 20px; } .vacancy-item .h { float:left; font-size:12px;} .vacancy-item .date { display:block; float:right; padding-right:10px; color:#5e5e5e; font-size:11px; font-weight:bold;} .vacancy-item .loc { display:block; float:right; padding-right:5px; color:#5e5e5e; font-size:11px; font-weight:bold;} .vacancy-item.up .header{ background:#427f82; color:#fff;} .vacancy-item.up .a { color:#fff;} .vacancy-item.up .date { color:#fff;} .vacancy-item.up .loc { color:#fff;} .vacancy-item .info { border:1px solid #e8e8e8; padding:15px 20px 10px; line-height:20px;} .vacancy-item .info .a { font-size:11px; color:#427f82; font-style:italic;} .vacancy-item .info .btn-shortlist { display:block; float:right; border:1px solid #e8e8e8; width:140px; line-height:18px; text-align:center; color:#777; border-radius:3px; font-size:11px; text-decoration:none; font-style:normal;} .vacancy-item .info .btn-shortlist:hover { background:#919191; color:#fff;} .vacancy-item.up .info { background:#EDFDFE;} .vacancy-item .img { float:right;} .vacancy-item .buttons { border:1px solid #e8e8e8; border-top:0; padding:10px 20px; line-height:18px; font-size:11px;} .vacancy-item.up .buttons { background:#99cacd;} .vacancy-item .buttons .a { display:block; float:right; background:#fff; border:1px solid #e8e8e8; margin-left:10px; width:138px; text-align:center; color:#777; border-radius:3px;} .vacancy-item .buttons .a:hover { background-color:#919191; text-decoration:none; color:#fff; } .vacancy-item .buttons .map { display:block; float:left; background:url('../img-recque/icons.png') no-repeat -8px -124px; color:#777; padding:0 0 0 24px;} .vacancy-item .buttons .direct { border:0; background:#427f82; color:#fff; line-height:20px; width:140px;} .vacancy-item .buttons .direct:hover { background-color:#919191; text-decoration:none; } .vacancy-item .buttons .link { float:none; } .vacancy-item .share.act{ background:#919191; color:#fff; border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; } .vacancy-item .share-c { float:right; display:none; } .vacancy-item .share-c .a { float:left; width:38px; margin:0; border-left:0; border-radius:0; text-indent:-9999px; background:url('../img-recque/icons.png') no-repeat #fff;} .vacancy-item .share-c .a:hover { background-color:#fff; border:1px solid #e8e8e8; border-left:0; line-height:18px; width:38px;} .vacancy-item .share-c .mail { background-position:0 -892px;} .vacancy-item .share-c .mail:hover { background-position:0 -964px;} .vacancy-item .share-c .twitter { background-position:0 -867px;} .vacancy-item .share-c .twitter:hover { background-position:0 -987px;} .vacancy-item .share-c .facebook { background-position:0 -843px; border-top-right-radius:3px; border-bottom-right-radius:3px;} .vacancy-item .share-c .facebook:hover { background-position:0 -1011px;} .vacancy-item.tiny { margin-top:-1px; margin-bottom:0;} .vacancy-item.tiny .header { background:none; line-height:30px; border:1px solid #e8e8e8;} .vacancy-item.list-item { margin-top:-1px; margin-bottom:0;} .vacancy-item.list-item .header { background:none; line-height:30px; border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; } .vacancy-item.list-item p { padding:0 3px; } .vacancy-item.list-item .info { padding:10px 20px; } .list-c { margin-left:10px; width:140px; position:relative; float:right; } .list-c.added .balloon { display:block; } .list { } .balloon { position:absolute; bottom:30px; left:-20px; color:#fff; font-size:12px; display:none; width:160px; padding-bottom:30px; padding:5px 10px; border-radius:3px; background:#5E5E5E; line-height:20px; } .balloon-text { display:block; width:160px;padding:5px 10px; border-radius:3px 3px 0 0; background:#5E5E5E; } .balloon-link { display:block; width:160px;padding:5px 10px; border-radius:0 0 3px 3px; background:#919191; position:relative; } .balloon a { color:#fff; text-decoration:underline; } .balloon:after { display:block; content:' '; position:absolute; bottom:-20px; left:75px; width:0; height:0; border-left:10px solid transparent; border-top:10px solid #5E5E5E; border-right:10px solid transparent; border-bottom:10px solid transparent; } a.next { clear:both; display:block; background:#777; border-bottom-left-radius:3px; border-bottom-right-radius:3px; color:#fff; font-size:11px; line-height:40px; text-align:center; font-weight:bold; text-decoration:none;} .company-item { padding-bottom:20px;} .company-item .header { background:#f1f1f1; color:#427f82; font-family:'BitstreamVeraSansRoman', Arial, sans-serif; line-height:40px; padding:0 5px 0 20px; font-weight:bold; } .company-item .h { float:left; font-size:12px;} .company-item .loc { display:block; float:right; padding-right:5px; color:#5e5e5e; font-size:11px;} .company-item .info { border:1px solid #e8e8e8; padding:15px 20px 10px; line-height:20px;} .company-item .info .a { font-size:11px; color:#427f82; font-style:italic;} .company-item.up .header{ background:#427f82; color:#fff;} .company-item.up .loc { color:#fff;} .company-item.up .header .a { color:#fff;} .company-item.up .info { background:#EDFDFE;} .company-item .img { float:left; margin:0 10px 10px 0;} /* DETAIL */ .detail { clear:both; float:left; width:710px; background:#fff;} .detail .head { font:16px/24px 'BitstreamVeraSansRoman', Arial, sans-serif; background:#777; border-top-left-radius:3px; border-top-right-radius:3px; color:#fff; padding:13px 20px; float:left; width:670px;} .detail .head .h { float:left; font-size:16px; font-weight:bold;} .detail .head .h a { color:#fff;} .detail .head .date { float:right;} .detail .head .loc { float:right; padding-right:5px;} .detail .head.link .h { float:none; background:url('../img-recque/icons.png') no-repeat 644px -312px; color:#fff; text-decoration:none; cursor:pointer;} .detail .head.link.act .h { float:none; background:url('../img-recque/icons.png') no-repeat 644px -1052px;} .detail h2.h { background:#f1f1f1; color:#427f82; font:12px/40px 'BitstreamVeraSansRoman', Arial, sans-serif; padding:0 20px;} .detail .add-info { display:block; float:right; margin:-40px 20px 0 0; line-height:40px; font-size:11px; width:240px; text-align:right;} .detail .datestamp { text-align:right; } .detail .h .datestamp { display:block; float:right; } .detail .head-with-options { font-size:11px; line-height:40px; padding:0 20px; } .detail .head-with-options .h { font-size:12px; line-height:40px; } .detail .block { float:left; width:673px; border:1px solid #e8e8e8; padding:15px 15px 15px 20px; line-height:20px; background:#fff;} .detail .block-c { display:none; background:#fff; float:left; width:710px;} .detail .block li { background:url('../img/list-icon.gif') no-repeat left top; list-style:none outside; padding:0 0 0 35px; border-top:0;} .detail .block li.subitems { background:none;} .detail .block li.subitems ul { margin:5px 0;} .detail .block iframe { border:0; margin:10px; box-shadow:0 0 10px #000;} .detail .block .loading { width:16px; margin:0 auto; display:block;} .detail .block .logo { display:block;} .detail .employer { border-top:0;} .detail .employer .img { float:left;} .detail .employer .a { float:right; margin-top:15px; font-size:11px; color:#919191;} .detail .block.adjacent { border-top:0;} .detail .selected-vacancy { width:678px; padding:0 10px 0 20px; line-height:50px; border-top:0;} .detail .selected-vacancy .a { color:#427f82;} .detail .selected-vacancy.first { border-top:1px solid #e8e8e8;} .detail .selected-vacancy .txt { margin:15px 0; line-height:20px;} .detail .selected-vacancy .img { float:right; } .detail .social-media .a{ display:block; background:url('../img-recque/icons.png') no-repeat; line-height:30px; padding:0 0 0 32px; color:#427f82;} .detail .social-media .linkedin { background-position:0 -650px;} .detail .social-media .twitter { background-position:0 -682px;} .detail .social-media .facebook { background-position:0 -714px;} .detail .actions { float:right; width:260px;} .detail .direct { display:block; background:url('../img-recque/icons.png') no-repeat 233px -146px #427f82; color:#fff; width:260px; height:20px; font-size:11px; line-height:20px; text-align:left; text-indent:10px; border:0; margin:0 0 10px; float:right; border-radius:3px; } .detail .direct:hover { background-color:#919191; text-decoration:none; } .detail .btn-linkedin { display:block; background:url('../img-recque/icons.png') no-repeat 233px -146px #919191; color:#fff; width:260px; height:20px; font-size:11px; line-height:20px; text-align:left; text-indent:10px; border:0; margin:0; float:right; border-radius:3px; } .detail .btn-linkedin:hover { background-color:#427f82; text-decoration:none; } .company-profile { float:left; width:400px; line-height:26px; } .company-profile .info { float:left; width:220px; } .company-profile .img { float:left; margin:0 0 0 20px; max-width:160px;} .contact-information { float:left; width:400px; line-height:26px; } .contact-information .col-1 { float:left; width:200px;} .contact-information .col-2 { float:left; width:190px; margin-left:10px;} .detail .IN-widget .btn-linkedin { background:url('../img-recque/icons.png') no-repeat -5px -1247px #919191; width:174px; line-height:18px; text-indent:25px; float:left; border:1px solid #e8e8e8; margin:0 0 0 128px; color:#fff; text-decoration:none; } .detail .IN-widget .btn-linkedin:hover { background-color:#427f82;} .detail .btn-send { display:block; float:right; background:url('../img-recque/sprite-recque.png') -254px -114px; width:142px; height:33px; text-indent:-9999px; cursor:pointer; border:0; margin-right:-4px;} .detail .btn-send.hover { background-position:-254px -194px;} .social-block { margin:0 0 10px;} .social-block .lbl { background:#919191; font-size:11px; line-height:20px; text-align:center; width:138px; color:#fff; display:block; float:left; font-weight:bold; border-radius:3px; border-bottom-right-radius:0; border-top-right-radius:0; border:1px solid #E8E8E8; border-right:0;} .social-block .a { border:1px solid #E8E8E8; float:left; width:38px; margin:0; border-left:0; border-radius:0; text-indent:-9999px; background:url('../img-recque/icons.png') no-repeat;} .social-block .a-fontello { color:#999; border:1px solid #E8E8E8; float:left; width:38px; margin:0; border-left:0; border-radius:0; text-align:center;} .social-block .a-fontello:hover { color:#427f82;} .social-block .a:hover { background-color:#fff; } .social-block .mail { background-position:0 -892px;} .social-block .mail:hover { background-position:0 -964px;} .social-block .twitter { background-position:0 -867px;} .social-block .twitter:hover { background-position:0 -987px;} .social-block .facebook { background-position:0 -843px; border-top-right-radius:3px; border-bottom-right-radius:3px;} .social-block .facebook:hover { background-position:0 -1011px;} .backlink { clear:both;} /* DETAIL-FULL */ .detail-full { clear:both; float:left; width:940px; background:#fff;} .detail-full .head { font:11px/40px 'BitstreamVeraSansRoman', Arial, sans-serif; background:#777; border-top-left-radius:3px; border-top-right-radius:3px; color:#fff; padding:0 20px; float:left; width:921px;} .detail-full .head .h { float:left; font-size:12px; font-weight:bold;} .detail-full .block { float:left; width:919px; border:1px solid #e8e8e8; padding:15px 20px; line-height:20px; background:#fff;} .detail-full .block-c { display:none; background:#fff; float:left;} .detail-full .block li { background:url('../img/list-icon.gif') no-repeat left top; list-style:none outside; padding:0 0 0 35px;} .detail-full .block iframe { border:0; margin:10px; box-shadow:0 0 10px #000;} .detail-full .block .loading { width:16px; margin:0 auto; display:block;} .btn-next, .btn-prev { display:block; float:right; width:140px; line-height:20px; margin-bottom:20px; font-size:11px; color:#777; text-decoration:none; border-radius:3px; margin-left:10px; } .btn-next { background:url('../img-recque/icons.png') #e2e2e2 121px -1090px no-repeat; text-align:left;padding-left:10px; } .btn-next:hover { background-position:121px -1120px; color:#427f82; text-decoration:none; } .btn-prev { background:url('../img-recque/icons.png') #e2e2e2 -4px -170px no-repeat; text-align:right;padding-right:10px; } .btn-prev:hover { background-position:-3px -1030px; color:#427f82; text-decoration:none; } .btn-prev.disabled { background:url('../img-recque/icons.png') #f1f1f1 -4px -1150px no-repeat; color: #999; } .btn-next.disabled { background:url('../img-recque/icons.png') #f1f1f1 121px -1180px no-repeat; color: #999; } /* FORMS */ .validate-box { position:absolute; left:-9999px; } .input.ch { display:none;} .detail .form fieldset { border-top:0;} .detail .form .item { clear:both; float:left; width:674px; margin-top:9px;} .detail .form .bg { background:#f1f1f1;} .detail .form .l { display:block; float:left; width:128px; line-height:30px; font-size:11px;} .detail .form .input { float:left; width:538px; border:1px solid #e2e2e2; border-radius:3px; background:url('../img/bg-input.gif') repeat-x; font-size:12px; line-height:30px;} .detail .form .i { display:block; background:none; width:100%; margin:7px 5px 8px; } .detail .form .textarea { float:left; width:538px; border:1px solid #e2e2e2; border-radius:3px; background:url('../img/bg-textarea.gif') repeat-x; font-size:12px; line-height:20px;} .detail .form .t { display:block; background:none; width:528px; margin:5px 5px 6px; border:0; resize:none; } .detail .form .link { display:block; float:left; width:528px; line-height:30px;} .detail .form .option { display:block; background:url('../img-recque/icons.png') no-repeat 640px -602px; color:#ababab; line-height:20px;} .detail .form .btn { display:block; background:#fff; float:right; border:1px solid #e8e8e8; width:140px; text-align:center; color:#777; border-radius:3px; font-size:11px; text-decoration:none; line-height:18px; margin-left:10px; cursor:pointer; } .detail .form .input-c { float:right; margin:5px 0 0 10px; } .detail .form .input-c .btn { height:20px; cursor:pointer; background:#777; color:#fff; border:0; margin:0; } .detail .form .btn-send { display:block; float:right; background:url('../img-recque/sprite-recque.png') -254px -114px; width:142px; height:33px; text-indent:-9999px; cursor:pointer; border:0; margin-right:-4px;} .detail .form .btn-send.hover { background-position:-254px -194px;} .detail .form .btn-send-vacancy { background-position:-254px -363px;} .detail .form .btn-send-vacancy:hover { background-position:-254px -403px; } .detail .form .street { width:429px; } .detail .form .street .input { width:289px;} .detail .form .housenr { clear:none; width:139px;} .detail .form .housenr .l { width:30px;} .detail .form .housenr .input { width:100px;} .detail .form .housenrextra { clear:none; width:100px;} .detail .form .housenrextra .l { width:30px;} .detail .form .housenrextra .input { width:68px;} .detail .form .zipcode { width:268px;} .detail .form .zipcode .input { width:128px;} .detail .form .city { clear:none; width:400px;} .detail .form .city .l { width:76px;} .detail .form .city .input { width:322px;} .detail .form .dobdate .select { float:left; margin-right:5px;} .detail .form .dropdown .select { float:left; width:270px;} .detail .form .month { width:120px;} .detail .form .year { width:80px;} .detail .form .fromdate { width:390px;} .detail .form .fromdate .s { display:block; float:left; margin-right:10px; line-height:30px;} .detail .form .fromdate .select { float:left; margin-right:5px;} .detail .form .untildate { clear:none; width:268px;} .detail .form .untildate .s { display:block; float:left; margin-right:10px; line-height:30px;} .detail .form .untildate .select { float:left; margin-right:5px;} .detail .form .item .year { margin-right:0;} .detail .form .language { width:229px;} .detail .form .language .select { width:210px;} .detail .form .language .input { width:210px;} .detail .form .speech { clear:none; width:229px; } .detail .form .speech .select { width:210px;} .detail .form .writing { clear:none; width:210px;} .detail .form .writing .select { width:210px;} .detail .form .feature .textarea { display:none; opacity:0;} .detail .form .feature .hidden { display:none; opacity:0;} .detail .form .feature .a { color:#b1b1b1;} .detail .form .values-c { position:relative;} .detail .form .values-c .bg { position:absolute; top:20px; left:5px; z-index:1000; width:155px; line-height:20px; z-index:100; background:#f7f7f7; border:1px solid #e5e5e5; border-top:0;} .detail .form .city .values-c .bg { width:322px; top:32px; left:76px;} .detail .form .values-c ul { margin:0;} .detail .form .values-c li { padding:0 5px; background:none;} .detail .form .values-c .a { color:#474747;} .detail .step { float:left; width:708px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-top:1px solid #fff;} .detail .step .h { background:#f1f1f1 no-repeat; line-height:40px; font-size:12px; color:#427f82; font-weight:normal; padding:0; } .detail .step .a { display:block; text-decoration:none; text-indent:20px; background:url('../img-recque/icons.png') no-repeat 664px -592px; } .detail .step.filled .a { color:#339933;} .detail .step.act .a { background-position:664px -804px;} .detail .step.one { padding:0; margin-top:20px; border-top:0;} .detail .step.one .h { background-position:14px -352px;} .detail .step.two { padding-top:20px;} .detail .step.two .h { background-position:14px -392px;} .detail .step.three .h { background-position:14px -432px;} .detail .step.four .h { background-position:14px -472px;} .detail .step.five .h { background-position:14px -512px;} .detail .step.six .h { background-position:14px -552px;} .detail .form .checkbox { width:518px;} .detail .form .checkbox .l { width:490px; margin:-7px 0 0 10px;} .detail .form .check { display:block; float:left; background:url('../img-recque/icons.png') 0 -632px; width:16px; height:16px; text-indent:-9999px; } .detail .form .check.act { background-position:-16px -632px;} .information { clear:both; line-height:20px; position:relative;} .information .a { display:block; background:url('../img-recque/icons.png') 0 0; width:20px; height:20px; position:absolute; top:15px; text-indent:-9999px;} .information .delete { background-position:-6px -750px; right:50px; } .information .rel .delete { top:0; right:5px;} .information .edit { background-position:-6px -782px; right:20px; } .information .l { display:block; float:left; width:110px;} .information .sep { display:block; float:left; width:35px;} .information .val { display:block; float:left; width:520px;} .information .value { display:block; float:left; width:665px;} .information .clear { height:1px;} .information .lang { display:block; float:left; width:145px;} .information .speech { display:block; float:left; width:250px;} .information .writing { display:block; float:left; width:250px;} .btn-linkedin { background:url('../img/icon-linkedin.png'); width:100px; height:30px; text-indent:-9999px; float:left; } .linkedin-label { display:block; float:right; line-height:26px; font-size:12px;} .resume-btns .button { display:inline-block; background:#919191; width:140px; border:1px solid #e8e8e8; line-height:18px; color:#fff; font-size:11px; text-align:center; border-radius:3px; text-decoration:none; } .resume-btns .button:hover { background-color:#427f82;} .resume-btns .sep { padding:0 10px;} .form .resume-btns .l { line-height:20px;} .aftercare .btn { margin-top:5px;} .aftercare .head { border-radius:0;} .detail .form .select-helper{ border:0; width:1px; padding-left:16px; height:16px; display:inline-block;} .detail .form .i.correct { background-image:url('../img/correct.png'); background-position:right; background-repeat:no-repeat;} .detail .form .i.error { background-image:url('../img/error.png'); background-position:right; background-repeat:no-repeat;} .detail .form .select-helper.correct { background-position:0;} .detail .form .select-helper.error { background-position:0;} .detail .linkedin { background:#f1f1f1;} .detail .linkedin .item { float:left; width:520px; margin:0;} .detail .linkedin .logo { display:block;} .detail .form .linkedin .btn{ display:block; background:url('../img-recque/sprite-recque.png') -254px -154px; width:142px; height:33px; text-indent:-9999px; cursor:pointer; border:0; float:left; margin-right:-4px;} .detail .form .multiple .l { width:339px;} .detail .form .checklist { float:left; width:308px; background:url('../img/transform.png') no-repeat right top; } .detail .form .multiple .value { display:block; width:280px; height:30px; padding:0 28px 0 0; } .detail .form .multiple .txt { display:block; background:url('../img-recque/sprite-recque.png') -488px -74px; line-height:30px; padding:0 0 0 5px;} .detail .form .item-labels .l { width:339px;} .detail .form .item-labels .select { float: left; width: 308px; } .detail .form .job-labels .l { width:128px;} .detail .form .job-labels .select { float: left; width: 270px; } .checklist-holder { position:relative; } .form .checklist a { text-decoration:none; color:#5E5E5E; } .form .checklist span span { font-size:10px; } .form .checklist .list { position:absolute; top:0; background:#efefef; width:297px; padding:5px 5px 4px; display:none; z-index:10; border-right:1px solid #D4D4D4; border-left:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4;} .form .checklist .checkbox { float:left; width:20px; clear:left; margin-top:2px; } .form .checklist label { display:block; float:left; width:277px; color: #393939; } .form .checklist label:hover { text-decoration:underline; } .form .split .checklist .list { width:626px; right:0; margin-left:-290px; } .form .split .col { float:left; width:208px;} .form .split label { width:185px;} /* TABS */ .tabs { float:right; width:960px; margin-top:-40px; font-family:'BitstreamVeraSansRoman', Arial, sans-serif;} .tabs .a { display:block; float:left; background:#f1f1f1; width:220px; height:40px; line-height:40px; color:#919191; text-align:center; margin:0 0 0 26px; text-decoration:none; font-weight:bold; border-top-left-radius:3px; border-top-right-radius:3px;} .tabs .a:hover, .tabs .a.act { background:#e8e8e8; color:#5e5e5e;} .tabs .a.first { margin-left:0px;} .tabs .a.link { background:#427f82; color:#fff;} .tab-c { padding:25px 0;} .tab-c .a { color:#5e5e5e;} .tab-c .a.groupTitle { color:#427f82; text-transform:uppercase; text-decoration:none; font-weight:bold;} .tab-c.act { display:block;} .tab-c .col { float:left; width:230px; } .tab-c .col .l { float:left; width:75px; clear:both; } .tab-c .col .val { float:left; width:155px; } .links { background:url('../img/bg-links.gif') repeat-x #e2e2e2; font:12px/25px 'BitstreamVeraSansRoman', Arial, sans-serif;} .links h1.h { display:none;} .links h2.h { font-size:14px; line-height:30px; color:#427f82; font-weight:bold; text-shadow:1px 1px 2px #aaa; padding-bottom:15px;} .links h2.categories { text-indent:-9999px; background:url('../img-recque/t-categorieen.gif') no-repeat;} .links ul { float:left; width:205px; list-style:none outside; margin-left:35px;} .links ul.two-columns { width:460px; margin-left:50px;} .links .first { margin-left:0;} .links .qty { color:#919191; float:right; width:35px;} .links .quote { color:#919191; font-style:italic; } .links .highlights { line-height:20px; width:195px; } .links .highlights .a { display:block; float:left; width:179px; background:url('../img/icon-page.png') #777 top right no-repeat; color:#fff; margin: 5px 0; padding:0 8px; border-radius:3px; font-size:11px; } .links .highlights .a.act { background:url('../img/icon-page.png') #427f82 top right no-repeat; } .links .highlights .a:hover{ background:url('../img/icon-page.png') #427f82 top right no-repeat; text-decoration:none;} .links .highlights .first { margin-top:0;} .col-r { float:right; margin-top:-20px; line-height:25px;} .tab-c .upload-btn { display:block; background:url('../img-recque/sprite-recque.png') -254px -312px; width:162px; height:41px; text-indent:-9999px; float:right; margin:10px 20px 100px 0; } .tab-c .place-btn { display:block; background:url('../img-recque/sprite-recque.png') -466px -312px; width:162px; height:41px; text-indent:-9999px; float:right; margin:10px 20px 0 0; } .tab-c .brochure-btn { display:block; background:url('../img-recque/sprite-recque.png') -678px -312px; width:162px; height:41px; text-indent:-9999px; float:right; margin:10px 20px 60px 0; clear:right; } .col-r .about { background:#427f82; width:195px; color:#fff; padding:15px 20px; border-radius:3px; box-shadow:4px 4px 0 #ababab; margin:0 4px 0 0; font:12px/24px 'SegoePrintRegular', Arial, sans-serif;} .col-r .about .a { display:block; color:#fff; padding-bottom:10px;} .scrollable-c { position:relative;} .scrollable { position:relative; overflow:hidden; width:960px; height:250px; } .scrollable .items { width:20000em; position:absolute; } .scrollable .items .item{ float:left; width:960px; } .scrollable-c .nav { position:absolute; top:305px;} .scrollable-c .nav a { display:block; background:url('../img-recque/sprite-recque.png') -469px -3px; float:left; width:10px; height:10px; text-indent:-9999px; margin-left:15px; cursor:pointer;} .scrollable-c .nav a.active { background-position:-456px -3px;} .scrollable-home-c { position:relative;} .scrollable-home { position:relative; overflow:hidden; width:960px; height:250px; } .scrollable-home .items { width:20000em; position:absolute; } .scrollable-home .items .item{ float:left; width:960px; } .scrollable-home .items .category { line-height:23px;} .scrollable-home .items .category.extra { font-size:10px;} .scrollable-home .items .category.extra ul { width:180px; margin-left:0px;} .scrollable-home-c .nav { position:absolute; top:305px;} .scrollable-home-c .nav a { display:block; background:url('../img-recque/sprite-recque.png') -469px -3px; float:left; width:10px; height:10px; text-indent:-9999px; margin-left:15px; cursor:pointer;} .scrollable-home-c .nav a.active { background-position:-456px -3px;} .col-r .testimonial { background:url('../img-recque/icon-swirl.png') no-repeat 20px 32px #fff; float:right; width:410px; border-radius:10px; min-height:190px; padding:25px 10px 0 55px;} .col-r .testimonial .title { font:18px/30px 'BitstreamVeraSansRoman', Arial, sans-serif; font-weight:bold; color:#427f82; } .col-r .testimonial .logo { float:right; width:160px; height:80px; margin-left:10px;} .col-r .testimonial .all { display:block; text-decoration:underline; color:#4d4d4f;} .extra .col-r .testimonial { width:355px;} .col-r .usps { background:#fff; float:right; width:470px; border-radius:10px; min-height:190px; padding-top:15px; margin-top:10px; } .col-r .usps .item { background:url('../img-recque/icon-swirl.png') 18px 7px no-repeat; padding:5px 10px 5px 55px; width:auto; float:none;} .col-r .usps .title { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:18px/24px 'BitstreamVeraSansRoman', Arial, sans-serif; font-weight:bold; color:#427f82; } .col-r .usps .with-url:hover .title { text-decoration:underline;} .extra .col-r .usps { width:420px;} .tab-c .form .h { font-size:14px; line-height:30px; color:#427f82; font-weight:bold; text-shadow:1px 1px 2px #aaa; padding-bottom:20px;} .tab-c .form .l { display:none;} .tab-c .form .item { float:left; width:230px; margin-bottom:10px;} .tab-c .form .input { float:left; width:220px; height:20px; background:url('../img-recque/sprite-recque.png') 0 -190px;} .tab-c .form .i { display:block; background:none; width:210px; margin:2px 5px 2px; color:#777; font-size:12px; } .tab-c .form .textarea { float:left; width:220px; height:110px; background:url('../img-recque/sprite-recque.png') 0 -215px;} .tab-c .form .t { display:block; border:0; background:none; width:210px; height:100px; margin:5px; color:#777; font-size:12px; resize:none; } .tab-c .form .input-c { } .tab-c .form .input-c .btn { display:block; background:#777; color:#fff; border:0; width:460px; height:20px; cursor:pointer; border-radius:3px; padding-bottom:2px; } .tab-c .form .input-c .btn:hover{ background:#427f82;} .mailus { float:left; width:460px; margin-left:20px;} .tab-c .mailus .question { float:right; width:220px;} .callyou { float:left; width:230px; margin-left:20px;} .tab-c .callyou .input-c { width:218px;} .tab-c .callyou .input-c .btn { width:218px; padding-bottom:2px;} .tab-c .form .i.correct { background-image:url('../img/correct-small.png'); background-position:right; background-repeat:no-repeat;} .tab-c .form .i.error { background-image:url('../img/error-small.png'); background-position:right; background-repeat:no-repeat;} .tab-c .item.day { width:110px;} .tab-c .item.day .select { width:100px;} .tab-c .item.day .selected { background:url('../img-recque/sprite-recque.png') -140px -90px; padding-right:20px;} .tab-c .item.day .txt { background-position:0 -90px; line-height:20px; padding-left:10px;} .tab-c .item .select_block { top:20px; left:2px; line-height:20px;} .tab-c .item .select_block ul { margin:0; width:94px;} .tab-c .item .select_block li { padding:2px 9px; border:0;} .tab-c .item.daypart { width:110px; margin-left:8px;} .tab-c .item.daypart .select { width:100px;} .tab-c .item.daypart .selected { background:url('../img-recque/sprite-recque.png') -140px -90px; padding-right:20px;} .tab-c .item.daypart .txt { background-position:0 -90px; line-height:20px; padding-left:10px;} .tab-c .col-1 { float:left; width:250px;} .tab-c .text-block { float:left; width:690px;} .tab-c .text-block .h { font-size:14px; font-weight:bold; line-height:30px; text-shadow:1px 1px 2px #aaa; padding-bottom:10px; color:#427f82;} /* TESTIMONIALS */ .testimonial-item { border:1px solid #e8e8e8; border-top:0; padding:15px 0; position:relative; float:left; width:708px; } .testimonial-item .img { float:left; margin-right:20px; display:block;} .testimonial-item .quote { float:left; width:520px; height:80px; font-size:14px; font-style:italic;} .testimonial-item .a { display:block; position:absolute; bottom:5px; right:10px; text-align:right; width:150px; line-height:20px; font-size:11px; color:#ababab;} .open-application .title { background:#777; font-family:'BitstreamVeraSansRoman', Arial, sans-serif; color:#fff; padding:0 20px; font-size:12px; line-height:40px; } .open-application h2.h { background:#f1f1f1; color:#427f82; font:12px/40px 'BitstreamVeraSansRoman', Arial, sans-serif; padding:0 20px;} .open-application .open { display:block; float:right; background:#427f82; color:#fff; width:140px; line-height:20px; border:0; margin-right:0; border-radius:3px; text-align:center; font-size:11px;} .open-application .open:hover { background-color:#777; text-decoration:none;} /* FILEUPLOADER.js */ .detail .form .upload { position:relative; line-height:18px;} .detail .form .upload .l { line-height:20px;} .detail .form .upload .icon { display:block; position:absolute; top:0; right:0; background:url('../img-recque/sprite-recque.png') -432px -2px; width:22px; height:30px; text-indent:-9999px;} .detail .form .file-uploader { float:left; width:140px;} .detail .form .upload .sep { padding:0 10px 0 15px;} .detail .form .upload .button { display:inline-block; background:#919191; width:140px; border:1px solid #e8e8e8; line-height:18px; color:#fff; font-size:11px; text-align:center; border-radius:3px; text-decoration:none; } .detail .form .upload .button:hover { background-color:#427f82;} .qq-uploader { position:relative; width: 100%;} .qq-upload-drop-area { position:absolute; top:0; left:0; width:500px; height:100%; min-height: 30px; z-index:2; background:#FF9797; text-align:center; display: none !important; } .qq-upload-drop-area span { display:block; position:absolute; top:0; width:100%; font-size:12px; line-height:30px;} .qq-upload-drop-area-active { background:#FF7171;} .qq-upload-list .col1 { float:left; width:375px; } .qq-upload-list { background:none; margin:5px 0 0 0; width:546px; list-style:none; float:left; clear:both; } .qq-upload-list li { background:none !important; margin:0; padding:5px 0 !important; line-height:30px; font-size:12px; width:100%; float:left; } .qq-upload-file { display:block; float:left; width:210px; } .qq-upload-title { margin-left:10px; display:block; float:left; width:150px; } .qq-upload-spinner {display:block; float:left; background: url("../img/loading.gif"); width:15px; height:15px; margin:8px 5px 0 0; } .qq-upload-delete { float:right; display:block; width:26px; height:30px;} .qq-upload-fail { color:#c00;} .qq-upload-fail .qq-upload-failed-text {display:inline;} .qq-upload-failed-text { display:none; float:left; width:80px; text-align:center;} .qq-upload-nr { display:none;} .qq-upload-size { display:none !important; visibility:hidden; } .qq-upload-cancel { display:none; } .qq-upload-button { display:block; background:#919191; float:left; width:140px; border:1px solid #e8e8e8; line-height:18px; text-align:center; margin:0; color:#fff; font-size:11px; cursor:pointer; border-radius:3px;} .qq-upload-button-hover { background:#427f82;} .qq-upload-button-focus {} .detail .resume-error { padding:10px 20px; text-align:center; line-height:20px; border-top:0; border-bottom:0;} .detail .resume-error .title { color:#ea2e56; font-size:14px; font-weight:bold; } .detail .resume-error .msg { padding-bottom:10px;} .detail .resume-error .btn { display:inline-block; background:#f1f1f1; color:#777; border:1px solid #ccc; border-radius:3px; line-height:25px; padding:0 10px; font-weight:normal; text-decoration:none; font-size:12px; margin:0 5px;} .detail .resume-error .btn:hover{ background:#777; color:#fff;} /* POPUP */ .highslide-html { background:#777;} .highslide-html-content { display:none; width:410px;} .highslide-header { display:none;} .highslide-dimming { background:#000; } .closebutton { background:url('../scripts/highslide/graphics/close.png'); width:30px; height:30px; text-indent:-9999px; position:absolute; top:-25px; right:-25px; cursor:pointer;} .body-hs { background:#777; } .popup { background:#777; padding:20px;} .popup.detail { padding:0; width:710px; } .popup.docs { padding:0; width:900px; overflow:hidden; } .popup.docs img { display:block;} .popup .map { overflow:hidden; width:760px; height:550px;} /*! jQuery UI - v1.10.0 - 2013-02-04 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.datepicker.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px;background-position:16px 16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px;} /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl { direction: rtl; } .ui-timepicker-rtl dl { text-align: right; } .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; } /* FOOTER */ footer { position:absolute; bottom: 0; left:0; width:100%; height:53px; background:#777; line-height:53px; text-align:right; color:#fff; font-size:10px; } footer .a { color:#fff;} footer .sep { padding:0 30px;} /* MAPS */ .marker { position:relative; margin:6px 10px 8px 6px; padding: 10px; color:#fff; line-height:18px;} .marker .close { background:transparent; border:0; color:#fff; font-weight:bold; position:absolute; top:0; right:0; cursor:pointer; } .marker_logo { float:left; width:100px; height:80px; background-position:top left; background-repeat:no-repeat; } .marker_info { float:left; margin-left:10px; width:166px; } /* SHORTLIST ADD-ON */ .shortlist-c { position:relative;} .shortlist-c .toolbox { position:absolute; top:37px; right:-7px; z-index:1000; border:1px solid #999; width:222px;} .shortlist-c .toolbox .b { border-radius:0; margin:0; padding:0 0 5px; background:url('../img-recque/bg-shortlist-header.png') #dbdcde top repeat-x; border:1px solid #999;} .shortlist-c .toolbox .h { background:url('../img-recque/icons.png') no-repeat 184px -1266px; padding:7px 40px 2px 0; text-align:right;} .shortlist-c .toolbox .all { background:#427f82; margin:5px 5px 0; text-align:center; } .shortlist-c .toolbox .all:hover { background:#777; color:#fff;} .shortlist-c .toolbox li { background:#dcdddf; padding:5px 8px;} .shortlist-c .toolbox li.odd{ background:#fff;} .shortlist-c .toolbox li .a { color:#427f82;} .shortlist-qty-icon { display:none; position:absolute; top:20px; right:29px; font-size:10px; line-height:normal; color:#427f82; padding:0 3px; background:#fff; border-radius:8px; } .shortlist-btn { display:block; background:url('../img-recque/sprite-recque.png') -414px -363px; width:30px; height:30px; position:absolute; top:40px; right:0;} .shortlist-btn span { display:inline-block; font-size:10px; color:#427f82; padding:0 3px; background:#fff; border-radius:8px; margin:18px 0 0 -5px; } .h-search .shortlist-qty-icon { display:block;} .tiny-header .shortlist-qty-icon { display:block;} .homepage .h-search .social { width:126px; margin:33px 40px 0 0;} .h-search .social .a { margin:0 5px;} .homepage .shortlist-btn { top:33px;} .homepage .shortlist-c .toolbox { top:31px;} .tiny-header .shortlist-btn { background-position:-414px -404px; width:25px; height:25px; top:2px;} .tiny-header .shortlist-btn span { margin:13px 0 0 -2px; } .tiny-header .shortlist-c .toolbox { top:2px;} .h-search .form .button { margin-top:2px;} .h-search .form .btn { clear:both; margin-top:3px;} .homepage .h-search .form .button { margin-top:28px;} .homepage .h-search .form .link { float:right; } .homepage .h-search .form .btn { clear:none; margin-top:0;} /* LOGOS IN FOOTER */ #main { padding-bottom:150px;} footer { height:90px; line-height:40px; padding-top:20px; } .footer-logos { } .footer-logos .logo-item { float:left; width: 33.33%; text-align:center; } .footer-logos .logo-item a { display:inline-block; width:200px; height:50px; text-indent:-9999px; } .footer-logos .logo-item-bonque a { background:url('../img/sprite-bonque.png') 18px -792px;} .footer-logos .logo-item-recque a { background:url('../img-recque/sprite-recque.png') 18px -792px;} .footer-logos .logo-item-tecque a { background:url('../img-tecque/sprite-tecque.png') 18px -792px;} .footer-logos .logo-item-finque a { background:url('../img-finque/sprite-finque.png') 18px -792px;} .footer-logos .logo-item-recque { display: none;} /* PAGING */ .paging { margin:30px auto 0} .paging .pages { margin:0 10px; float:left; } .paging .a2 { display:block; float:left; text-decoration:none; width:20px; height: 20px; line-height:20px; text-align:center; font-weight:bold;font-size: 12px;} .paging .a2.act { color:#B3ABAB; font-weight:bold; text-decoration:underline} .paging .a2:hover { color:#B3ABAB; font-weight:bold; text-decoration:overline} .paging .prev { display:block; float:left; background:url('../img/icons2.png') no-repeat 0 -125px;width:17px;float: left;height:16px;} .paging .prev.disabled { background:url('../img/icons2.png') no-repeat 0 -155px;width:17px;float: left;height:16px;} .paging .next2 { display:block; float:left; background:url('../img/icons2.png') no-repeat 5px -48px; width:22px;float:left;height:16px;} .paging .disabled { background:url('../img/icons2.png') no-repeat 5px -181px; width:22px;height:16px;float: left;} .productpaging .paging { margin: 0 auto; } .totalpages { float:right; text-align:right; width:80px; padding-right:20px; line-height:20px;} .group-title { float:left; width: 360px;color:#00063d; font-weight: bold; font-family: 'PTSansRegular'; font-size: 20px; font-weight: normal; line-height: 24px; } .pagingblock { background:url('../img/dots.gif') top repeat-x; padding-top:15px; margin: 15px 0px 0; height:50px;float:left;} .pagingblock-2 { background:url('../img/dots.gif') bottom repeat-x; padding:15px 0; padding-left:360px; } .pagingblock-3 { background:url('../img/dots.gif') bottom repeat-x; padding:15px 0; padding-left:80px; margin:0 10px; } .pagingblock .line { margin: 15px 0px 0px 0px; } .productpaging { float:left; width:320px; margin-left:245px; } /* FONTELLO */ @font-face { font-family: 'fontello'; src: url('../scripts/fonts/fontello_41628601.eot'); src: url('../scripts/fonts/fontello_41628601.eot#iefix') format('embedded-opentype'), url('../scripts/fonts/fontello_41628601.woff') format('woff'), url('../scripts/fonts/fontello_41628601.ttf') format('truetype'), url('../scripts/fonts/fontello_41628601-fontello.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; } [class^="icon-"]:hover:before, [class*=" icon-"]:hover:before { text-decoration:none;} .icon-linkedin:before { content: '\e800'; } /* '?' */ /* OVERLAY */ .overlay-active .overlay { display: block; } .overlay { position: fixed; background: rgba(0,0,0,0.7); top: 0; left: 0; display: none; right: 0; bottom: 0; z-index: 999; } .overlay-inner { background: #fff; position: relative; padding: 20px 30px; margin: 120px auto 0; max-width: 640px; width: 80%; } .overlay-small .overlay-inner { max-width: 400px; } .btn-close-overlay { background: url('../scripts/highslide/graphics/close.png'); width: 30px; height: 30px; text-indent: -9999px; position: absolute; top: -15px; right: -15px; cursor: pointer; border: 0; } .btn-close-overlay:hover { color: #fff; text-decoration: none; } .btn-close-overlay .icon-cancel:before { font-size: 20px; width: 26px; height: 24px; line-height: 24px; text-align: center; display: block; margin: 0; } .btn-overlay { display: inline-block; padding: 0 30px; line-height: 25px; border: 0; background: #D7D7D7; margin-top: 20px; } .btn-overlay:hover { background: #b7b7b7; cursor: pointer; } .detail .item input.input-phone { padding: 0px 5px 0px; box-sizing: border-box; line-height: 28px; } .detail .item input.input-phone.phone-country { width: 50px; margin: 0 5px 0 0; } .detail .item input.input-phone.phone-region { width: 50px; margin: 0 5px 0 0; } .detail .item input.input-phone.phone-number { width: calc(100% - 110px); margin: 0;} .detail .item .input.country-code { width: 100px; } .detail .item .input.country-code select { width: 100%; min-width: 0; } .detail .item .input.inline { display: inline-block; width: calc(100% - 215px); margin: 0; background: none; border: 0; } .detail .item .input.inline.select { width: 75px; margin-right: 5px; background: none; border: 0; } .detail .form .item .input-phone.i { background: url('../img/bg-input.gif') repeat-x; } .detail .form .item .input-phone.i.error { background: url('../img/error.png') no-repeat center right; }