/* BASE */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
font-family: Tahoma, arial, sans-serif;
}
body { font-size: 14px; color: #fff; background: #969696 url('../images/background.jpg'); background-position: top center; background-repeat:no-repeat; }
.clearboth { clear: both;}
a { color: #fff; }
a:hover { color: #83b817; }
strong { font-weight:bold; }
em { font-style: italic; }
h4 { font-weight:bold; }
.c img {margin: 0 auto; display: block;}
address { line-height: 20px;}
input[type=submit] { cursor: pointer; display: block; width: 100px; height:30px; margin-top: 25px; line-height:30px; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; text-align: center; background: url('../images/button.png'); background-position:top left; border:none; }
span.nbsp {white-space: nowrap;}
.snapshot-info {color: #ccc; font-size:10px; margin: 0 0 5px 20px}
.snapshot-div {border:1px dashed #ccc}
.nr_green {color: #83B817 !important}
.hide {display: none;}
.left {float:left}
.required { display: inline-block; font-size:11px !important; color: #dc6465; margin-left:10px;}
.info_field {width:25px;height:33px;float: left;}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis; /* required for Opera */
-ms-text-overflow: ellipsis; /* required for IE8, allegedly */
/* -moz-binding: url('ellipsis.xml#ellipsis'); */ /* for Firefox; details here */
}
/* HEADER */
header { display: block; width: 100%; height: 92px; background: url('../images/bg_header.png') top center no-repeat; position:relative; z-index: 2000; }
header .wrap { display: block; width: 960px; height: 92px; margin: auto; position:relative;}
.wrap { position:relative; width: 960px; margin: auto;min-height: 300px;}
#homepage .wrap { position: relative;}
header h1 { display: block; height: 92px; width: 260px; background: url('../images/bgblack.png');}
header h1 a { display: block; margin-left: 30px; padding-top: 25px;}
header #langmenu { text-align: center; color: #d0d0d0; display: block; width: 170px; height: 30px; position:absolute; left: 261px; top: 0px; /*background: url('../images/bgblack.png');*/ padding-top: 10px; z-index:100}
header #langmenu li { display: inline; }
header #langmenu li a { color: #d0d0d0; text-decoration: none; margin-right: 4px; }
header #langmenu li a:after { content: " / "; }
header #langmenu li:last-child a:after { content: ""; }
header #langmenu li.active a { font-weight: bold; color: #83b817; }
header #langmenu li a:hover { color: #83b817; }
header #loginmenu { text-align: right; color: #d0d0d0; display: block; /*width: 349px;*/ width:520px; height: 30px; position:absolute; /*left: 432px;*/ left:261px; top: 0px; background:url('../images/bgblack.png'); padding-top: 10px; padding-right: 28px; }
header #loginmenu li { display: inline; }
header #loginmenu li:first-child a { padding-right: 10px; border-right: 1px solid #fff;}
header #loginmenu li a { text-decoration: none; margin-right: 4px; font-size: 12px; font-weight: bold; }
header #mainmenu { text-align: right; color: #ffffff; display: block; width: 681px; height: 31px; position:absolute; right: 0px; top: 41px; background:url('../images/bgblack.png'); padding-top: 20px; padding-right: 18px; }
header #mainmenu li { display: inline; }
header #mainmenu li a { text-decoration: none; margin-left: 40px; font-size: 14px; font-weight: bold; line-height: 20px; }
header #mainmenu li.active a { color: #83b817; }
header #mainmenu li.highlight a {background: url("../images/button.png") repeat scroll left bottom transparent; padding:0 10px; color: #FFFFFF; text-align: center; border-radius:4px; }
header #mainmenu li.highlight a:hover {color: white; text-decoration: underline;}
header #mainmenu .active.highlight a { text-decoration: underline; }
header .saleslentz { display: block; width: 150px; height: 40px; background: url('../images/saleslentz-ie.png'); background: url('../images/saleslentz.png') rgba(0,0,0,0.7); position:absolute; right: 0px; top: 0px; text-indent: 5000px; overflow: hidden; white-space: nowrap;}
header .saleslentz:hover { background-position: 0px 40px; }
/* SLIDESHOW */
#slideshow { display: block; width: 100%; position:absolute; top: 0px; left: 0px; z-index: 1000; height: 610px; background: #000; overflow: hidden;}
#slideshow .wrap { height: 620px; position:relative;}
#slideshow .nav { position:absolute; z-index: 15000; bottom: 30px; display: block; left: auto; top: auto; width: auto; height: auto; }
#slideshow .nav li a { cursor: pointer; display: block; width: 18px; height: 18px; background: url('../images/pagger.png'); background-position: top left; margin: 5px 7px 0px 7px; text-decoration: none; font-size: 11px; color: #000; text-align: center; line-height:18px;}
#slideshow .nav li a:hover { background-position: bottom left; color: #fff;}
#slideshow .nav .prev a { display: block; height: 26px; width: 16px; background: url('../images/arrows.png'); background-position:0px 0px; text-indent: 3000px; overflow: hidden; }
#slideshow .nav .prev a:hover { background-position: 0px 26px; }
#slideshow .nav .next a { display: block; height: 26px; width: 16px; background: url('../images/arrows.png'); background-position: 16px 0px; text-indent: 3000px; overflow: hidden; }
#slideshow .nav .next a:hover { background-position: 16px 26px; }
#slideshow .nav li { float: left; margin-top: 4px; }
#slideshow .nav li.prev,
#slideshow .nav li.next { margin-top: 0px; }
#slideshow .nav li.active a { background-position: bottom right; color: #fff; }
#slideshow .slideitem { display: none; position:absolute; left: 0px; top: 0px; width: 960px; height: 620px; }
#slideshow .slideitem:first-child { display: block; }
#slideshow .slideitem img { display: block; position:absolute; left: 50%; top: 0px; width: 1680px; margin-left: -840px; }
#slideshow .little { display:block; font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 24px; font-style: italic; color: #fff; z-index: 5000;}
#slideshow .bigger { font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 48px; font-style: italic; text-transform: uppercase; color: #fff; z-index: 5000;}
#slideshow article { position:relative; width: 560px; top: 200px; left: 30px; z-index: 4000;}
#slideshow article p { font-family: tahoma, arial, sans-serif; font-size: 14px; line-height: 19px; color: #fff; width: 350px; }
#slideshow article a { display: block; width: 150px; height:30px; margin-top: 10px; line-height:30px; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; text-align: center; background: url('../images/button.png'); background-position:top left; }
#slideshow article a:hover { background-position: center left;}
#slideshow article a:active { background-position: bottom left; }
/* Specif T2 (Video) */
#slideshow .slideitem_t2 article {position:relative; width: 300px;left:40px; top: 180px; z-index: 4000; }
#slideshow .slideitem_t2 article a {position: absolute; left: 100px ; top:155px; display:block; background: transparent url(../images/bouton_play.png) no-repeat left top; width:97px; height: 95px; z-index:4500; }
#slideshow .slideitem_t2 article a:hover {background: transparent url(../images/bouton_play_hover.png) no-repeat left top }
#slideshow .slideitem_t2 article a span { color: transparent}
#slideshow .slideitem_t2 article p { margin-top:15px;}
/* Specif T3 (Dark fonts) */
#slideshow .slideitem_t3 .little,
#slideshow .slideitem_t3 .bigger,
#slideshow .slideitem_t3 p {color: #323232;}
/* HEADER */
#header { display: block; width: 100%; position:absolute; top: 0px; left: 0px; z-index: 1000; height: 400px; background: #000; overflow: hidden;}
#header .wrap { height: 400px; position:relative;}
#header div div { display: none; position:absolute; left: 0px; top: 0px; width: 960px; height: 400px; }
#header div div.active { display: block; }
#header div div img { display: block; position:absolute; left: 50%; top: 0px; width: 1680px; margin-left: -840px; }
/* DISCOVER */
#discover { display: block; background: #323232; width: 560px; padding-left: 15px; position:relative; z-index: 2500; float: left; margin-top: 0px; padding-bottom:15px; margin-left:10px; padding-top: 35px; margin-top: 510px; margin-bottom: 40px}
#discover h2 { display: block; font-size: 16px; line-height:28px; font-weight: bold; color: #fff; width: 239px; height: 39px; padding-left: 30px; background:url('../images/header_discover_box.png'); position:absolute; top: -10px; left: -10px;}
#discover > p { font-size: 14px; margin-left:2px; line-height:21px;padding-right:17px; }
#discover ul { padding:0; margin:15px 0 0 0; overflow:hidden; }
#discover ul li { float:left;display:block; position:relative;margin-right:7px; width:178px; height:218px; }
#discover ul li div { position:absolute; top:120px; width:150px; text-align:center; padding:10px; }
#discover ul li div p { font-size:12px; }
#discover ul li div h3 { font-size:17px; font-weight:bold; margin-bottom:5px; }
#discover a.readmore { display: block; width: 200px; height:30px; margin: 15px 0 0 173px; line-height:30px; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; text-align: center; background: url('../images/button.png'); background-position:top left; }
#discover a.readmore:hover { background-position: center left; }
#discover a.readmore:active { background-position: bottom left; }
#discover a:hover { color:white; }
/* NEWSLETTER */
#newsletter { display: block; background: #323232; width: 350px; position:relative; z-index: 2500; margin-top:30px; margin-left: 610px; height: 240px; padding-top: 30px; }
#newsletter h2 { display: block; font-size: 16px; line-height:28px; font-weight: bold; color: #fff; width: 239px; height: 39px; padding-left: 30px; background:url('../images/header_newsletter_box.png'); position:absolute; top: -10px; left: -10px; }
#newsletter label { width: 100%; font-size: 12px; line-height:10px; margin-bottom: 10px; color: #fff; }
#newsletter form { padding-left: 20px;padding-right: 20px;}
#newsletter input[type=text] { font-size:14px; line-height: 12px; padding: 7px; width: 296px; height: 16px; background: url('../images/newsletter_input.png'); border: none; color: #646464; margin-bottom:10px;}
#newsletter input[type=submit] { cursor: pointer; display: block; width: 200px; height:30px; line-height:30px; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; text-align: center; border:none; margin-top: 0px; position: absolute; right:0}
#newsletter .actions { margin-top: 50px; position: relative;}
#newsletter .actions a { line-height:16px;font-size: 12px;display:block; width:80px;margin-right:20px;text-align:right; position: absolute; left:0}
input[type=submit]:hover { background-position: center left; }
input[type=submit]:active { background-position: bottom left; }
#newsletter p { margin: 10px 0px 20px 0;line-height: 21px; }
#newsletter .error_list {display: none}
#newsletter label[for=newsletter_accept] {line-height: 14px; height: 25px; }
#newsletter .error label[for=newsletter_accept],
#newsletter .error label[for=newsletter_accept] a {color: #dc6465 }
#unsubscription input[type=submit] { width: 250px; margin: 10px auto auto 200px; }
#unsubscription input[type=text] { display:block; border:none; margin-bottom: 10px; float: left; width:289px; height:14px; padding: 11px 10px 10px 10px; font-size: 14px; background: url('../images/inputtext.png'); color: #646464; }
#intern #unsubscription .errors_message { margin: 0; }
#unsubscription #field-unsubscribe-data { margin-top:50px;margin-left: 200px; position:relative; }
/* PARTNERS */
#partners { display: block; background: #323232; width: 350px; position:relative; z-index: 2500; margin-top:30px; margin-left: 610px; padding-top: 40px; padding-bottom: 20px; }
#partners h2 { display: block; font-size: 16px; line-height:28px; font-weight: bold; color: #fff; width: 239px; height: 39px; padding-left: 30px; background:url('../images/header_newsletter_box.png'); position:absolute; top: -10px; left: -10px; }
#partners li { text-align: center; margin-bottom: 20px;}
/* AUTO COMPLETE */
.ui-autocomplete { max-height: 250px; overflow-y: auto; overflow-x: hidden; padding-right: 20px;}
* html .ui-autocomplete {height: 250px;}
/* FASTBOOKING */
#fastbooking { display: block; background: #323232; width: 350px; position:relative; z-index: 2500; margin-left: 610px; margin-top: 60px; padding-bottom:20px; /*height: 630px;*/ padding-top: 40px; color: #fff;}
#fastbooking h2 { display: block; font-size: 20px; line-height:32px; font-weight: bold; color: #fff; width: 214px; height: 45px; padding-left: 30px; background:url('../images/header_box.png'); position:absolute; top: -10px; left: -10px;}
#fastbooking legend { font-size: 14px; font-weight:bold; color: #83b817; padding-bottom:15px;}
#fastbooking fieldset { padding: 0px 20px 10px 20px;}
#fastbooking label { font-size: 14px; display: block; }
#fastbooking .checkbox_list label { font-size: 12px; }
#fastbooking input[type=radio]+label { font-size: 12px; margin-right:32px; }
#fastbooking input#outbound-flexible+label,
#fastbooking input#return-flexible+label { margin-right:0px; float: right;}
#fastbooking label[for=street] { clear: both; padding-top: 00px; padding-bottom:10px;}
#fastbooking label.first { clear: both; padding-top: 10px; padding-bottom:10px;}
#fastbooking input[role=textbox],
#fastbooking input[type=text] { display:block; border:none; margin-bottom: 10px; float: left; width:237px; height:19px; padding: 8px 10px 8px 10px; font-size: 14px; background: url('../images/inputtext.png'); color: #646464; }
#fastbooking select { padding: 7px 5px 7px 0; border:none; color: black; margin: 12px 2px 10px 2px; width:247px; height:35px; font-size: 14px; background: url('../images/inputtext.png');background-color: #dcdcdc; color: #646464; line-height:32px;}
#fastbooking input:hover[type=text] { background-position: left -36px;color:#646464 !important; }
#fastbooking .ui-autocomplete-input:hover { background-position: left -36px !important;color:#646464 !important; }
#fastbooking input.active[type=text] { }
#fastbooking input#multiple-from-street-number,
#fastbooking input#from-street-number,
#fastbooking input#to-street-number { margin-left: 10px; width: 23px; }
#fastbooking input#multiple-from-zipcode,
#fastbooking input#from-zipcode,
#fastbooking input#to-zipcode { margin-left: 10px; width: 60px; }
#fastbooking input#multiple-from-city,
#fastbooking input#from-city,
#fastbooking input#to-city { width: 200px; }
#fastbooking #multiple-return-date,
#fastbooking #multiple-outbound-date,
#fastbooking #outbound-date,
#fastbooking #return-date { width: 110px; background:url('../images/inputdate.png'); margin-top: 12px; }
#fastbooking #multiple-outbound-time,
#fastbooking #multiple-return-time,
#fastbooking #outbound-time,
#fastbooking #return-time { width: 97px; margin-left: 10px; margin-top: 12px; background:url('../images/inputtime.png'); }
#fastbooking #outbound-flextime,
#fastbooking #return-flextime { width: 80px; margin-left: 10px; margin-top: 12px; }
#fastbooking #people { width: 40px; }
#fastbooking #field-people {
width:95px;
display: inline-block;
vertical-align: top;
position:relative;
margin-left: 20px;
margin-right:0;
margin-bottom:20px;
padding: 0 20px 0 0px;
}
.fr #fastbooking #field-people label { padding-top:14px}
#fastbooking #field-special {width:200px; display: inline-block; vertical-align: top; padding:0;
margin-bottom:20px;}
#fastbooking #field-special label{display: block}
#fastbooking #field-special>div { width:90px; display: inline-block}
#fastbooking input[type=submit] { width: 250px; margin: auto; margin-top: 20px; }
#fastbooking label.to-street { padding-bottom: 10px;}
#fastbooking .fastbooking-links { overflow:hidden; margin:10px 0 20px 0 }
#fastbooking .fastbooking-links li { float:left; }
#fastbooking .fastbooking-links li a { font-size: 14px; font-weight: bold;background-color:#aaacad; display:block; width:175px; padding:5px 0; text-align:center; text-decoration:none; }
#fastbooking .fastbooking-links li a.active { background-color:#83B817; }
#fastbooking .fastbooking-links li a:hover { color:white; }
#fastbooking input.nightcard[type="text"] {
display: block;
margin-right: 10px;
width: 120px;
}
/* INTERN */
#intern.accordion article { display: block; background: #323232; width: 545px; padding-left: 20px; padding-right: 20px; position:relative; z-index: 2500; float: left; margin-top: 0px; margin-left:10px; padding-top: 20px; }
#intern.accordion article .slide { display: none;}
#intern.accordion article.active .slide { display: block;}
#intern.accordion article h2 a { cursor: pointer;display: block; }
#intern.accordion article h2 { color: #fff; font-family: 'Trebuchet Ms', Arial; font-size: 20px; font-style: italic; line-height: 25px; background: url('../images/arrow.png') no-repeat top right; margin-bottom: 20px;}
#intern article { display: block; background: #323232; width: 545px; padding-left: 20px; padding-right: 20px; position:relative; z-index: 2500; float: left; margin-top: 0px; margin-left:10px; padding-top: 20px; }
#intern article fieldset span { font-size: 12px; text-transform:none; }
#intern article h2 { margin-top: 10px;font-size: 18px; font-style: italic; line-height: 25px; margin-bottom: 20px; line-height:40px; text-transform: uppercase;}
#intern article h2 span { font-size: 36px; font-weight:normal; text-transform: uppercase;}
#intern iframe+p { color: #fff; font-size: 18px; line-height:24px; margin-bottom:40px; }
#intern iframe { margin-bottom: 20px; font-family: Tahoma; }
#intern article li { margin-bottom: 40px;}
#intern.accordion article article { display: block; margin-left:200px; display: block; width: 350px; float: none; padding: 0px; height: auto;}
#intern.accordion article article.onecol { display: block; margin-left:40px; display: block; width: auto; float: none; padding: 0px; height: auto;}
#intern li div { display: block; height: 175px; width: 170px; position:relative; overflow: hidden; float: left; margin-left: 15px; }
#intern li div img { position:absolute; top: 0px; left: 0px;}
#intern li div p { position:absolute; top: 0px; left: 0px; font-size: 14px; font-weight:bold; color: #fff; line-height:18px; text-align: center; margin-top: 115px; width: 170px;}
#intern article h3 { font-size: 18px; line-height: 24px; font-weight:bold; margin-bottom:20px;}
#intern article p { font-size: 14px; line-height: 20px; padding:0; margin-bottom:20px;}
#intern article { margin-bottom: 20px; overflow: hidden;}
#intern article.active { height: auto; }
.sep { border-top: 1px dotted white; padding-top:40px; margin-top:40px}
/* CGDV */
.termsofuse h3 {color: #83B817 }
/* BOOKING */
#booking h3 { font-size: 18px; line-height: 20px; font-weight:normal; margin:20px; }
#booking h3 em { display: block; font-size: 12px; font-weight: normal;}
#booking .form-show h3 { margin: 0 20px 20px; }
#booking { display: block; clear:both; background: #323232; width: 710px; position:relative; z-index: 3500; margin-left: 10px; margin-top: 0px; float: left; padding-bottom: 20px; margin-bottom: 30px; padding-top: 112px; color: #fff;}
#intern article#cancellation p,
#intern article#contact p,
#intern article#lostfound p,
#booking p { padding:10px 20px;font-size: 14px;line-height: 20px;margin:5px 0; }
#booking h2 { display: block; font-size: 18px; line-height:40px; font-weight: bold; font-family: Tahoma; font-style: italic; color: #fff; width:500px; padding-left: 30px; position:absolute; top: 10px; left: -10px;}
#booking h2 span { font-size: 36px; font-weight:normal; text-transform: uppercase; }
.trip-buttons { margin-top:20px; }
.trip-buttons li { float:left; margin:0 20px; width:315px; }
#booking .trip-buttons li p { padding:0; margin:20px 0 20px 0; }
.trip-buttons li a { display:block; position:relative; width:315px; height:166px; vertical-align:bottom; text-align: center; text-decoration:none; }
.trip-buttons li a:hover { color:white; }
.trip-buttons li a span { font-size:17px; line-height:19px; font-weight:bold; position:absolute; display:block; width:315px; text-align:center; bottom:16px; }
#single-trip-button a { background-image: url("../images/single_trip.jpg"); }
#multiple-trip-button a { background-image: url("../images/multiple_trip.jpg"); }
#single-trip-button a:hover,
#multiple-trip-button a:hover { background-position: left bottom}
#fastbooking .multiple_departure,
#booking .multiple_departure { display:none; }
#booking .steps { width: 710px; margin-left: 13px; height: 50px; }
#booking .steps li { font-family: Tahoma, sans-serif; font-size: 14px; position:relative; font-weight: bold; float: left; margin-left:-24px; line-height: 29px; height:42px; background-position: left bottom; padding-left: 35px; }
#booking .steps li:nth-child(1) { width: 100px; background-image:url('../images/step_1.png'); z-index: 500; }
#booking .steps li:nth-child(2) { width: 135px; background-image:url('../images/step_2.png'); z-index: 400; }
#booking .steps li:nth-child(3) { width: 154px; background-image:url('../images/step_3.png'); z-index: 300; }
#booking .steps li:nth-child(4) { width: 126px; background-image:url('../images/step_4.png'); z-index: 200; }
#booking .steps li:nth-child(5) { width: 138px; background-image:url('../images/step_5.png'); z-index: 100; }
#booking .steps li.active { background-position: top left; }
#booking legend { font-size: 18px; font-weight:bold; color: #83b817; padding-bottom:15px; display: block; position:absolute; left: -180px; top: 0px; width: 160px; white-space:normal}
#booking .number_of_people { height:45px; }
#booking .info_price { line-height: 1.3em }
#booking legend+p { margin:0;padding: 0;font-size: 11px; font-weight:normal; line-height: 14px; color: #fff; padding-bottom:15px; display: block; position:absolute; left: -180px; top: 19px; width: 160px; }
#booking fieldset { margin-left: 200px; position:relative; width:490px; padding-right: 0; padding-top:0; }
#booking fieldset.departure,
#booking fieldset.return { margin-bottom:20px; }
#booking fieldset.separation { margin: 0 0 10px 200px; padding:0 0 10px 0; overflow:visible }
#booking fieldset.separation.field-person { margin: 0 0 10px 200px; padding:0 0 10px 0; }
#booking fieldset.noinput { overflow: hidden; margin-bottom:15px;}
#booking fieldset.noinput p { margin:0 0 10px 0; padding:0 0 0 5px; font-weight: bold; }
#lostfound label ,
#booking label { font-size: 14px; display: block; }
#booking .checkbox_list label { font-size: 12px; }
#booking input[type=radio]+label { font-size: 12px; margin-right:32px; }
#booking input#outbound-flexible+label,
#booking input#return-flexible+label { margin-right:20px; }
#lostfound label.to-street,
#lostfound label.from-street,
#booking label.to-street,
#booking label.multiple-from-street,
#booking label.from-street { clear: both; padding-top: 00px; padding-bottom:10px;}
#booking label.first { clear: both; /*padding-top: 10px;*/ padding-bottom:10px;}
#booking label.after-trip-type { padding-top:10px; }
#lostfound input[role=textbox],
#lostfound input[type=text],
#booking input[role=textbox],
#booking input[type=text] { display:block; border:none; margin-bottom: 10px; float: left; width:237px; height:19px; padding: 8px 10px 8px 10px; font-size: 14px; background: url('../images/inputtext.png'); color: #646464; }
#booking select { padding: 7px 5px 7px 0; border:none; color: black; margin: 12px 2px 10px 2px; width:247px; height:35px; font-size: 14px; background: url('../images/inputtext.png');background-color: #dcdcdc; color: #646464; line-height:32px;}
#lostfound .error textarea,
#contact .error textarea {
background-color:#dc6465;
color:white !important;
border:0 solid red !important;
}
#contact .error input[role=textbox],
#cancellation .error input[role=textbox],
#contact .error input[type=text],
#cancellation .error input[type=text],
#lostfound .error input[role=textbox],
#lostfound .error input[type=text],
#booking .error input[role=textbox],
#booking .error input[type=text] {
color:white !important;
background-position: bottom left;
border:0 solid red !important;
}
#booking .ui-autocomplete-input:hover { background-position: left -36px !important;color:#646464 !important; }
#booking input:hover[type=text] { background-position: left -36px;color:#646464 !important; }
#booking input.active[type=text] { }
#booking textarea { float:left;background: #dcdcdc; width: 237px; font-size: 14px; padding: 10px; font-family: Arial, sans-serif; color: #646464; border: none; margin: 0px 0 10px 0;}
#booking textarea:hover { background: #fff;color:#000000; }
#booking input#multiple-from-street-number,
#booking input#from-street-number,
#booking input#to-street-number { margin-left: 10px; width: 23px; }
#booking input#multiple-from-zipcode,
#booking input#from-zipcode,
#booking input#to-zipcode { margin-left: 10px; width: 60px; }
#booking input#multiple-from-city,
#booking input#from-city,
#booking input#to-city { width: 200px; }
#cancellation #outbound-date,
#fastbooking #multiple-outbound-date,
#fastbooking #outbound-date,
#fastbooking #multiple-return-date,
#fastbooking #return-date,
#booking #multiple-outbound-date,
#booking #multiple-return-date,
#booking #outbound-date,
#lostfound #outbound-date,
#booking #return-date { width: 110px; background:url('../images/inputdate.png'); margin-top: 12px; clear: both; margin-right:10px;}
#cancellation .error #outbound-date,
#booking .error #outbound-date,
#lostfound .error #outbound-date,
#booking .error #return-date {
background-position:bottom left;
color:white;
}
#cancellation #outbound-time,
#lostfound #outbound-time,
#booking #outbound-time,
#booking #return-time { background:url('../images/inputtime.png');}
#cancellation label.outbound-date,
#lostfound label.outbound-date,
#booking label.outbound-date,
#booking label.return-date { float: left;}
#fastbooking label[for=outbound-date],
#fastbooking label[for=return-date] { float: left; width: 60%;}
#fastbooking .opacity { display:none;}
#lostfound #outbound-time,
#cancellation #outbound-time,
#booking #outbound-time,
#booking #return-time { width: 97px; margin-left: 10px; margin-top: 12px;}
#booking #outbound-flextime,
#booking #return-flextime { width: 80px; margin-left: 10px; margin-top: 12px; }
#booking #people { width: 40px; }
#booking #field-nightcards { padding: 10px 0; }
#booking #field-people { position:relative; padding: 10px 0 20px 0; }
#booking #field-people .people-option { float:left; overflow:hidden; margin-left:0px; }
#booking #field-people .people-option.first { margin-left:0; }
#booking #field-people .people-option label { float:left; padding-right:10px; padding-top:10px; font-size:12px; }
#booking #field-people .people-option .field { float:left; clear:none; }
#booking #field-people legend { position:absolute; }
#booking #field-people .people_desc { position:absolute; left: 20px; top: 20px; }
#booking #field-people #people { position:absolute; }
#booking #field-people a { position:absolute; left: 180px; top: 18px; font-size:12px; }
#booking input[type=submit] { width: 250px; margin: 20px 0 auto 200px; }
#booking input:disabled[type=submit] { opacity:0.2 }
#booking label.outbound-flexible,
#booking label.return-flexible { float: right; margin-right: 20px; }
#booking a.help { display: block; width:16px; height: 16px; background:url('../images/help.png') no-repeat top left; text-indent: -10000px; overflow: hidden; position:absolute; right: 160px; top: 20px;}
#booking a.help:hover { background-position: bottom left; cursor: pointer;}
#fastbooking span.help_widget,
#booking span.help_widget {display: block; color: #DC6465; font-size:11px;}
em.poi_widget {color: #DC6465; }
#fastbooking span.poi_widget,
#booking span.poi_widget {clear:both; display: block; color: #DC6465; font-size:11px;}
#fastbooking span.poi_widget {margin-bottom:10px;}
#booking #field-people .customselect { margin-left: 0px; margin-top:0px;}
#booking input[type="text"].nightcard { display: block; width:91px; margin-right: 10px; }
#booking #field-nightcards div.customselect{ margin-top: 0px; margin-right: 10px; margin-left: 0px; width:50px;}
#booking #field-nightcards .help { }
#booking #field-special label.wheelchair { margin-right: 43px;float: left;}
#booking #field-special label.buggy { float: left;}
#booking #field-special label.buggy + div { clear: both; margin-left: 0px;}
#booking .opacity {display:none; opacity:0.3}
#fastbooking .ui-autocomplete-loading,
#booking .ui-autocomplete-loading { color: #646464 !important; background: #dcdcdc url('../images/ui-anim_basic_16x16.gif') right center no-repeat !important; }
#booking footer * {font-size: 12px;}
/* CONTACT */
#intern #contact { overflow:visible; padding-left: 0px; padding-right: 0px; width: 585px;}
#contact { display: block; background: #323232; width: 710px; position:relative; z-index: 2500; margin-left: 10px; margin-top: 0px; float: left; padding-bottom: 20px; margin-bottom: 30px; padding-top: 112px; color: #fff;}
#intern #contact h2 { color: #fff; font-family: 'Trebuchet Ms', Arial; font-size: 20px; font-style: italic; line-height: 25px; margin-bottom: 20px; position:relative; left: 20px; font-size: 36px;text-transform: uppercase; margin-top: 10px; padding-bottom: 20px; }
#contact h2 span { display: block; font-size: 36px; font-weight:normal; text-transform: uppercase; }
#unsubscription legend,
#contact legend { font-size: 18px; font-weight:bold; color: #83b817; padding-bottom:15px; display: block; position:absolute; left: -180px; top: 0px; width: 160px; white-space:normal; }
#contact legend+p { font-size: 12px; font-weight:normal; line-height: 14px; color: #fff; padding-bottom:15px; display: block; position:absolute; left: 0px; top: 45px; width: 160px; }
#contact fieldset { padding: 20px 0px 20px 0px; margin-left: 200px; position:relative; width:325px; border-bottom: 1px solid #676767; }
#contact label { font-size: 14px; display: block; }
#contact input[type=radio]+label { font-size: 12px; margin-right:32px; }
#contact input#outbound-flexible+label,
#contact input#return-flexible+label { margin-right:20px; }
#contact label[for=contact-street],
#contact label[for=contact-street] { clear: both; padding-top: 00px; padding-bottom:10px;}
#contact label.first { clear: both; padding-top: 10px; padding-bottom:10px;}
#contact input[type=text] { display:block; border:none; margin-bottom: 10px; float: left; width:289px; height:14px; padding: 8px 10px; height:19px; font-size: 14px; background: url('../images/inputtext.png'); color: #646464; }
#contact #contact-city,
#contact #contact-street { width:237px; }
#contact select { display:block; padding: 8px 2px; border:none; color: black; margin-bottom: 10px; float: left; width:258px; height:35px; font-size: 14px; background: #dcdcdc; color: #646464; }
#contact textarea { background: #dcdcdc; width: 289px; font-size: 14px; padding: 10px; font-family: Arial, sans-serif; color: #646464; border: none; margin: 0px;}
#contact textarea:hover { background: #fff; }
#contact input:hover[type=text] { background-position: left -36px;color:#646464 !important; }
#contact input.active[type=text] { }
#contact input#contact-number,
#contact input#contact-number { margin-left: 10px; width: 23px; }
#contact input#contact-zipcode,
#contact input#contact-zipcode { width: 60px; }
#contact input#contact-city,
#contact input#contact-city { margin-left: 10px; width: 200px; }
#contact #outbound-date,
#contact #contact-title { width: 60px; margin-right: 10px;}
#contact #contact-surname { width: 95px; margin-right: 10px;}
#contact #contact-name { width: 94px; margin-right: 10px;}
#contact #contact-subject { width: 311px;}
#contact input[type=submit] { width: 250px; margin: 20px auto auto 200px; }
#contact label[for=outbound-flexible],
#contact label[for=return-flexible] { float: right; margin-right: 20px; }
#contact legend span { display: block; font-size: 18px; text-transform:none; }
/* LOST & FOUND */
#intern #lostfound { overflow:visible; padding-left: 0px; padding-right: 0px; width: 585px;}
#lostfound { display: block; background: #323232; width: 710px; position:relative; z-index: 2500; margin-left: 10px; margin-top: 0px; float: left; padding-bottom: 20px; margin-bottom: 30px; padding-top: 112px; color: #fff;}
#intern #lostfound h2 { color: #fff; font-family: 'Trebuchet Ms', Arial; font-size: 20px; font-style: italic; line-height: 25px; margin-bottom: 20px; position:relative; left: 20px; font-size: 36px;text-transform: uppercase; margin-top: 10px; padding-bottom: 20px; }
#lostfound h2 span { display: block; font-size: 36px; font-weight:normal; text-transform: uppercase; }
#lostfound legend { font-size: 18px; font-weight:bold; color: #83b817; padding-bottom:15px; display: block; position:absolute; left: -180px; top: 0px; width: 160px; white-space:normal}
#lostfound legend+p { font-size: 12px; font-weight:normal; line-height: 14px; color: #fff; padding-bottom:15px; display: block; position:absolute; left: 0px; top: 45px; width: 160px; }
#lostfound #lostfound-name { margin-right:}
#lostfound fieldset { padding: 20px 0px 20px 0px; margin-left: 200px; position:relative; width:325px; border-bottom: 1px solid #676767; }
#lostfound label { font-size: 14px; display: block; }
#lostfound input[type=radio]+label { font-size: 12px; margin-right:32px; }
#lostfound input#outbound-flexible+label,
#lostfound input#return-flexible+label { margin-right:20px; }
#lostfound label[for=lostfound-from-street],
#lostfound label[for=lostfound-from-street] { clear: both; padding-top: 00px; padding-bottom:10px;}
#lostfound label.first { clear: both; padding-top: 10px; padding-bottom:10px;}
#lostfound input[type=text] { display:block; border:none; margin-bottom: 10px; float: left; width:289px; height:14px; padding: 11px 10px 10px 10px; font-size: 14px; background: url('../images/inputtext.png'); color: #646464; }
#lostfound #lostfound-from-city,
#lostfound #lostfound-from-street { width:237px; }
#lostfound #lostfound-to-city,
#lostfound #lostfound-to-street { width:237px; }
#lostfound select { padding: 7px 5px 7px 0; border:none; color: black; margin: 12px 2px 10px 2px; width:247px; height:35px; font-size: 14px; background: url('../images/inputtext.png');background-color: #dcdcdc; color: #646464; }
#lostfound textarea { background: #dcdcdc; width: 289px; font-size: 14px; padding: 10px; font-family: Arial, sans-serif; color: #646464; border: none; margin: 0px;}
#lostfound textarea:hover { background: #fff; }
#lostfound input:hover[type=text] { background-position: left -36px;color:#646464 !important; }
#lostfound input.active[type=text] { }
#lostfound input#lostfound-from-street-number,
#lostfound input#lostfound-from-street-number { margin-left: 10px; width: 23px; }
#lostfound input#lostfound-from-zip,
#lostfound input#lostfound-from-zip { width: 60px; }
#lostfound input#lostfound-from-city,
#lostfound input#lostfound-from-city { margin-left: 0px; margin-right: 10px; width: 200px; }
#lostfound #lostfound-loss-date,
#lostfound #lostfound-title { width: 43px; margin-right: 10px;}
#lostfound #lostfound-surname { width: 130px; margin-right: 10px;}
#lostfound #lostfound-name { width: 129px; margin-right: 10px;}
#lostfound input#lostfound-to-street-number,
#lostfound input#lostfound-to-street-number { margin-left: 10px; width: 23px; }
#lostfound input#lostfound-to-zip,
#lostfound input#lostfound-to-zip { width: 60px; }
#lostfound input#lostfound-to-city,
#lostfound input#lostfound-to-city { margin-left: 0px; margin-right: 10px; width: 200px; }
#lostfound #lostfound-subject { width: 311px;}
#lostfound .clearboth { clear:both;}
#lostfound input[type=submit] { width: 250px; margin: 20px auto auto 200px; }
#lostfound label[for=outbound-flexible],
#lostfound label[for=return-flexible] { float: right; margin-right: 20px; }
#lostfound legend span { display: block; font-size: 18px; text-transform:none; }
/* CONTACT */
#intern #cancellation { overflow:visible; padding-left: 0px; padding-right: 0px; width: 585px;}
#cancellation { display: block; background: #323232; width: 710px; position:relative; z-index: 2500; margin-left: 10px; margin-top: 0px; float: left; padding-bottom: 20px; margin-bottom: 30px; padding-top: 112px; color: #fff;}
#intern #cancellation h2 { color: #fff; font-family: 'Trebuchet Ms', Arial; font-size: 20px; font-style: italic; line-height: 25px; margin-bottom: 20px; position:relative; left: 20px; font-size: 36px;text-transform: uppercase; margin-top: 10px; padding-bottom: 20px; }
#cancellation h2 span { display: block; font-size: 36px; font-weight:normal; text-transform: uppercase; }
#cancellation legend { font-size: 18px; font-weight:bold; color: #83b817; padding-bottom:15px; display: block; position:absolute; left: -180px; top: 0px; width: 160px; }
#cancellation legend+p { font-size: 12px; font-weight:normal; line-height: 14px; color: #fff; padding-bottom:15px; display: block; position:absolute; left: 0px; top: 45px; width: 160px; }
#cancellation #cancellation-name { margin-right:}
#cancellation fieldset { padding: 20px 0px 20px 0px; margin-left: 200px; position:relative; width:325px;border-bottom: 1px solid #676767; }
#cancellation label { font-size: 14px; display: block; }
#cancellation input[type=radio]+label { font-size: 12px; margin-right:32px; }
#cancellation input#outbound-flexible+label,
#cancellation input#return-flexible+label { margin-right:20px; }
#cancellation label[for=cancellation-street],
#cancellation label[for=cancellation-street] { clear: both; padding-top: 00px; padding-bottom:10px;}
#cancellation label.first { clear: both; padding-top: 10px; padding-bottom:10px;}
#cancellation input[type=text] { display:block; border:none; margin-bottom: 10px; float: left; width:289px; height:14px; padding: 11px 10px 10px 10px; font-size: 14px; background: url('../images/inputtext.png'); color: #646464; }
#cancellation #cancellation-city,
#cancellation #cancellation-street { width:237px; }
#cancellation select { display:block; padding: 8px 2px; border:none; color: black; margin-bottom: 10px; float: left; width:258px; height:35px; font-size: 14px; background: #dcdcdc; color: #646464; }
#cancellation textarea { background: #dcdcdc; width: 289px; font-size: 14px; padding: 10px; font-family: Arial, sans-serif; color: #646464; border: none; margin: 0px;}
#cancellation textarea:hover { background: #fff; }
#cancellation input:hover[type=text] { background-position: left -36px;color:#646464 !important; }
#cancellation input.active[type=text] { }
#cancellation input#cancellation-number,
#cancellation input#cancellation-number { margin-left: 10px; width: 23px; }
#cancellation input#cancellation-zipcode,
#cancellation input#cancellation-zipcode { width: 60px; }
#cancellation input#cancellation-city,
#cancellation input#cancellation-city { margin-left: 10px; width: 200px; }
#cancellation #cancellation-title { width: 43px; margin-right: 10px;}
#cancellation #cancellation-name { width: 129px; margin-right: 10px;}
#cancellation #cancellation-surname { width: 130px; margin-right: 10px;}
#cancellation #cancellation-subject { width: 311px;}
#cancellation input[type=submit] { width: 250px; margin: auto; margin-top: 20px; }
#cancellation label[for=outbound-flexible],
#cancellation label[for=return-flexible] { float: right; margin-right: 20px; }
#cancellation legend span { display: block; font-size: 18px; text-transform:none; }
/* ASIDE */
.column_aside { display: block; background: #323232; width: 220px; color: #fff; position:relative; z-index: 2500; margin-top:60px; padding-bottom: 5px; margin-left: 740px; padding-top: 40px; }
.column_aside h2 { display: block; font-size: 16px; line-height:28px; font-weight: bold; color: #fff; margin-left: 0px; width: 239px; height: 39px; padding-left: 30px; background:url('../images/header_newsletter_box.png'); position:absolute; top: -10px; left: -10px; }
.column_aside a { text-decoration: none; }
#pointinterest.column_aside img { float: left; }
#pointinterest.column_aside li { list-style: none; min-height: 50px; margin-bottom:20px; padding-left:20px;}
#pointinterest.column_aside p { margin-left:60px; font-size:10px; line-height:18px; }
#pointinterest.column_aside h3 { margin-left:60px; font-size:14px; font-weight: bold; line-height: 19px; }
#facebook.column_aside a { margin:0px auto 20px auto; font-size:12px; line-height:18px; display:block; width:181px; padding-bottom:85px; background: transparent url(../images/bus_like.png) no-repeat left bottom; }
/* FOOTER */
footer#footer { width: 100%; background: #323232; margin-top: 30px; min-height: 200px; clear: both;}
footer#footer .wrap { width: 960px; margin:auto; min-height: auto; padding-bottom: 18px}
footer#footer #corporate,
footer#footer #legal,
footer#footer #links,
footer#footer #getconnected { font-size: 12px; color: #fff; display: block; width:227px; /*width: 230px;*/ min-height: 122px; border-left: 1px solid black; float: left; margin-left: 9px; }
footer#footer h3 { font-size: 14px; color: #fff; background:#000; display: block; width:221px; /*width: 212px;*/ height: 38px; line-height:38px; padding-left: 6px; margin-bottom: 5px; }
footer#footer li { display: block; width: 50%; float: left;}
footer#footer #links li { display: block; width: 100%;}
footer#footer li a { color: #fff; text-decoration: underline; line-height:24px; display: block; padding-left: 6px; }
footer#footer li a:hover { color: #83B817 }
#getconnected ul { margin-top: 10px; padding-left: 15px;}
#getconnected ul li { float: left; width: 31px; margin-right: 15px;}
#getconnected ul li a { display: block; width: 31px; height: 31px; margin-right: 5px; text-indent: 5000px; overflow: hidden; float: left; padding: 0px; }
#getconnected ul li a.appstore { display: block; width: 69px; height: 30px; margin-right: 5px; text-indent: 5000px; overflow: hidden; float: left; padding: 0px; }
#getconnected .googleplus { background: url('../images/googleplus.png') no-repeat; }
#getconnected .facebook { background: url('../images/facebook.png') no-repeat; }
#getconnected .twitter { background: url('../images/twitter.png') no-repeat; }
#getconnected .sendmail { background: url('../images/newsletter.png') no-repeat; }
#getconnected .appstore { background: url('../images/appstore.png') no-repeat; margin-top: 15px; }
/* CHECKBOX & RADIO */
label.checkbox span.holder { height:39px;background:url(../images/checkbox.png) 0 0px no-repeat}
label.radio span.holder { height:39px;background:url(../images/radio.png) 0 0px no-repeat}
label.checkbox:hover span.holder,
label.radio:hover span.holder { top:0 !important}
label.checked span.holder,
label.checked span.holder,
label.checked:hover span.holder,
label.checked:hover span.holder { top:-26px !important}
label.list { float:left;margin:0 0 5px 0}
label.inline { float:left;margin:0 10px 0 0}
input.hiddenCheckbox { position:absolute;left:-10000px}
label.prettyCheckbox span.holderWrap { display:block;float:left;position:relative;margin-right:5px;overflow:hidden}
label.prettyCheckbox span.holder { display:block;position:absolute;top:0;left:0}
/* CUSTOM SELECT */
div.customselect { display: block; background:#fff; width: 80px; height: 35px; background: url('../images/inputtext.png'); position:relative; margin-top:12px; margin-right: 10px; float: left; }
div.customselect .up { display:block; width: 15px; height: 9px; background: url('../images/updown.png'); background-position: 0px 0px; position:absolute; top: 6px; right: 7px; text-indent: 5000px; overflow: hidden; cursor: pointer; }
div.customselect .down { display:block; width: 15px; height: 9px; background: url('../images/updown.png'); background-position: 0px 9px;; position:absolute; bottom: 6px; right: 7px; text-indent: 5000px; overflow: hidden; cursor: pointer; }
div.customselect .down:hover { background-position: 15px 9px; }
div.customselect .up:hover { background-position: 15px 0px; }
div.customselect span.value { font-size: 14px; color: #646464; padding-left: 10px; line-height: 35px; }
#fastbooking .customselect { margin-top: 7px;}
.message { position:relative; z-index:2500; padding:5px; margin: 10px 0; }
.message h3 {margin:0 0 10px 0; font-size:18px; font-weight: bold;}
.info_message { background-color:#83b817; }
.errors_message { background-color:#dc6465; }
.info_message,
.errors_message { color:white; margin:0 1px 20px; padding: 10px;}
.info_message .up strong,
.info_message .up {font-size:22px; }
.info_message a:hover {color: white}
.info_message .loading { background-image: url('../images/ajax-loader-83b817.gif'); background-position: right center; background-repeat: no-repeat ;}
.notice_message { background-color:#f5a500; }
.notice_message a:hover {color: white}
/** GLOBAL ERROR */
#global_error {
position: fixed;
top:0;
left:1%;
width:98%;
background: #dc6465;
z-index: 10000;
}
.global_error_message {
-webkit-border-radius: 0 0 12px 12px;
-moz-border-radius: 0 0 12px 12px;
border-radius: 0 0 12px 12px;
box-shadow: 0 1px 10px #dc6465;
display: none;
}
.global_error_message div {
padding: 20px;
}
.global_error_message h2 {
font-weight: bold;
font-size:20px;
}
.global_error_message dt {
font-weight: bold;
margin-top:10px;
}
.global_error_message dl {
padding-left:10px;
}
/*#booking .errors_message, */
/*#intern .errors_message { margin:0 ; } */
#homepage .info_message,
#homepage .notice_message,
#homepage .errors_message {position: absolute;top: -60px;left: 0;width: 940px;padding: 5px;}
.errors_message li { margin:0; line-height:16px; }
#intern .errors_message li { margin:0; line-height:16px; }
.help { position:absolute; top:0; width:16px; height:16px; background-image:url("../images/help.png"); background-position:0 0 ; background-repeat:no-repeat; }
.help.left { left:-23px; }
#field-nightcards .help.left { left:-74px; }
.help.right { margin-left:10px;margin-top:8px; float:left; position:relative; }
.help .help_content {position:absolute; z-index:90000; display:none; font-size:12px; line-height:16px; color:white; background-color:black; width:200px; padding:10px; top:0; left:16px;}
.help p { font-size: 12px !important;line-height: 16px !important;margin: 0 !important;padding: 0 !important; }
#booking #termsofuse { width:485px;padding-top: 20px; }
#booking legend + p.without_legend { top:0; }
.text ul { margin: 0 0 5px 0; padding: 0px 20px 10px 20px; }
.text ul li { margin: 2px 0 2px 0;line-height:18px; }
.trip-date { clear:both; }
#subfieldset-trip-date .errors { top:15px; right:-100px; }
#click-more-options { width:150px; }
.timepicker { width:50px !important;}
.booking-recap {}
.booking-recap table {width:450px; margin: 0 0 20px 0}
.booking-recap thead th{ font-weight: bold;}
.booking-recap th { padding:5px 0; }
.booking-recap td {width:40%; padding:5px 0;}
.booking-recap .sep {border:0; border-left: 1px solid #676767; padding-left:15px}
.booking-recap th.sep {border:0; padding-left:15px}
.booking-id td {font-weight: bold; color: #dc6465;font-size:13px;}
#booking_tab { position:relative;}
#booking_tab img{ position:absolute; top:-8px; right:-7px;}
#intern.nightrider article {padding-left: 0;padding-right: 0;padding-top: 20px; width: 585px; }
#intern.nightrider .slide {text-align:center;}
#intern.nightrider .slide_content {padding-left: 20px;padding-right: 20px;padding-top: 0;text-align:left;}
#intern.nightrider h2 {margin-left: 20px;margin-right: 20px;padding-top: 0;}
#intern.nightrider li {overflow:hidden;border-bottom:1px dotted white;}
#intern.nightrider li.first { border-top:1px dotted white;padding-top:40px; margin-top:40px;}
#intern.nightrider li.last { border-bottom:0px dotted white;}
#intern.nightrider li.last_with_border { border-bottom:1px dotted white; padding-bottom:40px;}
#intern.nightrider li img {float:left;margin-right:10px;margin-left:0;}
#intern.nightrider li article {float:right; width:335px; }
#intern.nightrider li.center article { width:auto; text-align:left;}
#intern.nightrider li.center {float:none; text-align:center; }
#intern.nightrider li.center img {float:none;}
#intern.nightrider li.right article {float:left;}
#intern.nightrider li.right img {float:right;margin-left:10px; margin-right:0;}
#intern.accordion.nightrider article article {margin-left: 0;}
#intern.nightcard article { padding-left: 0;padding-right: 0;padding-top: 20px; width: 585px;}
#intern.nightcard h2 { margin-left: 20px;margin-right: 20px;padding-top: 0;}
#intern.nightcard .article_content { padding:0 20px 0 20px; }
body#loading {background: black url(../images/loading/fond_loading.jpg) no-repeat 50% top;}
body#loading section {width:600px; margin:30px auto;text-align: center;}
#waiting {height:42px; width:164px; margin:50px auto; background: transparent url(../images/loading/nightrider_arrows.png) no-repeat left top; }
body#loading .message {color: #aaacad; font-weight: bold; font-size:14px;}
body#loading .message1 {font-weight: normal; font-size:12px}
body#loading a {display: block; width:117px; height:27px; margin:30px auto; background: transparent url(../images/loading/saleslentz.png) no-repeat left top}
body#loading a:hover {background-position: right top}
body#loading a span {display: none;}
#payment-wait-mask { z-index:5000; height: 100%; width: 100%; top:0px; left: 0px; background-color: #000; opacity: 0.5; position:fixed; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
.right_blocks { margin-top:60px; }
#intern .article_content ul {margin: 0 0 0 15px}
#intern .article_content li {margin: 2px 0 0 15px; list-style:circle; padding-left:10px;}
/* FAQ */
#intern ol { list-style-type: upper-alpha; margin-left: 20px; font-weight: bold; color: #83B817; }
#intern ol ol { list-style-type: decimal; font-weight: normal;}
#intern.faq article { overflow: visible; padding-bottom: 20px; padding-top: 30px;}
#intern.faq h2 { font-size: 20px;color: #fff; font-family: 'Trebuchet Ms', Arial; font-weight: normal; font-style: italic; line-height: 25px; margin-bottom: 20px; position:relative; padding-bottom: 20px }
#intern.faq h2 span { font-style: italic; line-height: 25px;text-transform: uppercase;font-size: 36px;}
/*#intern section.faq-category article { float: none; position: static; margin:0; width:inherit}*/
#intern section.faq-category header { position: static; height: inherit; margin:0 0 40px 0; width:inherit}
#intern section.faq-category header ul { margin-top: 30px; margin-left: 20px; }
#intern section.faq-category header li { margin:5px 0; line-height: 1.3em; font-size:90%; border:0; }
#intern section.faq-category header a { cursor: pointer; color: white; }
#intern section.faq-category header a:hover { color: #83B817; }
#intern .faq-category li article { width:inherit; float: none; }
#intern .faq-category article article ul { margin-left:15px;}
#intern .faq-category article article li { overflow: visible; margin:5px 0 5px 15px; line-height: 1.3em; border:0; list-style: circle;}
#intern .faq-category article h2 {line-height:19px; margin-bottom:10px;}
#intern .faq-category article h3 {line-height:19px; margin-bottom:10px; font-size:14px}
#intern .faq-category article h3 a:hover { color: white; }
#intern .faq-category article {
margin: 0 0 5px 0;
padding:0;
}
#intern .faq-category p {margin-bottom:10px; line-height:1.3em;}
#intern .faq-category li {margin-bottom:20px}
#intern .accordion article h2 a {margin-right:50px; line-height:1.2em;}
.fatal_error {
position: absolute;
top:100px;
left:50%;
width:600px;
margin-left:-300px;
background:white;
padding:20px;
z-index:10000;
color: red;
font-size:14px;
}
.disabled {}
.disabled p{ margin:10px 0;}
.disabled div{ margin:0 10px; border-bottom:1px dotted white}
.disabled div.last{ border:0;}
/**
* NIGHTCARDS
*/
#fnightcard { position:absolute; right:0;width: 300px;padding-top:140px;background: transparent url(../images/nightcard/nightcard_03.png) no-repeat left top;z-index:400;}
#fnightcard label,
#fnightcard select {margin-left:30px;}
#fnightcard label {display: block; font-weight: bold;color: #83B817;font-size: 14px;}
#fnightcard select {background: url("../images/inputtext.png") repeat scroll 0 0 #DCDCDC;border: medium none;color: #646464;font-size: 14px;height: 35px;line-height: 32px;margin-top: 10px;padding: 7px 5px 7px 0;width: 230px;}
#intern.nightcard .article_nightcard {padding:0;}
#intern.nightcard .article_nightcard .content {padding:0 20px;}
.article_nightcard .map {position: relative;margin:20px 0;z-index:300;padding-left:20px;}
.article_nightcard #mapNC div {position: absolute; top:0; left:0;width:354px; height:508px; background: transparent url("../uploads/nightcard_hover.png") no-repeat 354px 508px;}
#mapNC {position: relative; width:354px; height:509px}
#mapNC img {position: absolute; top:0; left:0;}
.article_nightcard .map footer { position: absolute; bottom:3px; left:350px; font-size:12px; }
.article_nightcard .map footer p {display: inline-block; *display:inline; zoom:1; width:150px; vertical-align: middle; line-height: 1em !important; margin:0 !important; font-size:12px !important;}
.article_nightcard .map footer span {display: inline-block; width:40px; border:1px solid #ccc; margin-right:10px; background: #e6e6e6; *display:inline; zoom:1; vertical-align: middle; }
.article_commune {}
#intern .article_commune h3 {color: #83B817; font-size:16px; margin-bottom:10px;}
.article_commune .commune_description {}
.article_commune .commune_description img {float: left; width:200px; margin: 0 10px 10px 0}
section.nightcard article h2 span { white-space: nowrap;}
.commune_schedule,
.commune_contact {float: left;width:49%;overflow: hidden;}
#intern .commune_schedule p,
#intern .commune_contact p { margin:7px 0;}
.commune_schedule {margin-left:2%}
#intern .commune_contact_addons,
#intern .commune_documents {clear:both; padding-top:15px;}
#intern .commune_documents li {margin-bottom:7px;}
#intern .commune_documents a {font-weight: normal;}
.article_commune h4 { margin:10px 0}
.NCtip {border:none;background: transparent url(../images/nightcard/tip.png) no-repeat left top; color: white; width: 130px;height: 56px;z-index: 10000; text-align: center; }
.NCtip span { display: block; margin-top:10px; font-size:11px;}
/** FACEBOOK **/
.getconnected_buttons { margin-left:6px; }
.facebook_link { display:block; margin: 12px 0; }
.addthis_toolbox { float:left; }
/** COMMON FORMS **/
#booking input[type="text"].input-city { width:200px; }
#booking input[type="text"].input-zip { margin-left: 10px; width: 60px; }
#booking input[type="text"].input-street-number { margin-left: 10px; width: 23px; }
#booking input[type="text"].input-cover { }
.address .field { clear:none; }
.special-options .special-option { float:left; }
.option { clear:both; }
.option div.customselect { margin-top:0px; }
.option label { padding:15px 0 10px 0; }
.special-options.option label { padding:3px 0 10px 0; }
.nightcards-option .field { clear:none; }
/** Ajout suppression de booking en mode Multiple */
.delete-point { position:absolute; right:0; top:0; cursor:pointer; background-image:url("../images/delete-button.png"); background-repeat:no-repeat; background-position: center middle; width:35px; height:32px; }
.delete-point span { display:none; }
#booking h3.add_static_point { position: relative;}
#booking .steps li.active a { text-decoration: none; }
#booking .steps li.active a:hover { color:#D0D0D0; }
.form-show { overflow:hidden; }
.form-show li { border-bottom: 1px solid #676767;margin-left: 180px;padding: 20px 165px 20px 0;position: relative; }
.form-show li h3 { color: #83B817;display: block;font-size: 18px;font-weight: bold;left: -180px;padding-bottom: 15px;position: absolute;top: 25px;width: 160px; }
.form-show li h4 { font-size: 16px; }
.form-show li div { padding-bottom:10px;overflow:hidden; }
#booking .form-show li div p { padding-left:10px; }
.form-show li p { padding: 5px 0;line-height:16px;margin:0; }
#booking .form-show li p { padding: 5px 0;line-height:16px;margin:0; }
/*.form-show li p.left { width:150px;float:left; }
.form-show li p.right { width:150px;float:right; } */
.form-show li .label { font-size: 14px; }
.buttons_submit input,
.submit { margin: 20px auto auto;width: 250px;background: url("../images/button.png") repeat scroll left top transparent;border: medium none;color: #FFFFFF;cursor: pointer;display: block;font-size: 12px;font-weight: bold;height: 30px;line-height: 30px;margin-top: 25px;text-align: center;text-decoration: none; }
.buttons_submit input:hover,
.submit:hover { color:white; }
.buttons_submit input:hover,
.submit:hover { background-position: center left; }
.buttons_submit input:active,
.submit:active { background-position: bottom left; }
.small { width: 170px !important; }
.medium { width: 210px !important; }
.visible { display:block !important; }
.hidden { display:none !important; }
.buttons { overflow:hidden;margin-left: 195px; margin-right:20px; }
.buttons.separation { margin:0 20px 0 195px ; }
.buttons li { float:left;margin:20px 5px 0 5px; }
.buttons li input[type="submit"],
.buttons li .submit { margin:0 !important; }
.buttons li .submit span { padding-left:20px; background-image:url("../images/add_point.png"); background-position:left; background-repeat: no-repeat; }
#intern article { padding-bottom:20px;}
/* SITEMAP */
#intern article#sitemap h3 { color: #83B817;font-size: 18px;font-weight: bold;margin-bottom: 10px; margin-top: 10px; }
#sitemap ul { padding-left:20px; padding-bottom:20px; border-bottom: 1px solid #676767;}
#sitemap ul li { margin-bottom:auto; margin-bottom:5px;}
#sitemap ul li a { text-decoration:none;}
#sitemap a:hover {color: #83B817}
#sitemap li ul {border:0; margin-top:10px; margin-bottom:10px; padding-bottom:0; }
#sitemap li li a {font-size:13px}
.error input, .error .customselect, .error select,
.error textarea { color:white !important; background: #dc6465 !important;}
/*.error label { color:red !important;}*/
.error_list { background-color:#f6e0e0;
color: #dc6465;
margin: 5px 20px;
padding: 10px 20px;
}
#intern .error_list li {
margin-bottom: 0px;
}
fieldset .error_list {
background-color:transparent;
/* color: #dc6465;*/
font-weight: bold;
margin: 0;
padding: 0;
display:inline;
position:absolute;
right:-150px;
top:0;
width:150px;
}
#booking fieldset .error_list {
background-color:transparent;
/* color: #dc6465;*/
font-weight: bold;
margin: 0;
padding: 0;
display:block;
position:relative;
right:auto;
top:auto;
width:auto;
clear:both;
}
#booking fieldset.person .error input[type="text"] {
margin: 0;
}
#booking fieldset.person .error_list {
margin-bottom: 10px;
}
fieldset .errors .error_list {
position:relative;
right:auto;
top:auto;
width:auto;
}
fieldset .error_list li {
display:inline;
color:#dc6465;
font-weight:bold;
}
#booking fieldset .error_list li {
display:block;
color:#dc6465;
font-weight:bold;
padding:2px 0;
}
.subfieldset {
position:relative;
clear:both;
}
.separation {
border-bottom: 1px solid #676767;
margin:0 0 10px;
padding:5px 0 10px 0;
overflow:hidden;
}
.errors {
position:absolute;
right:-150px;
top:0;
width:150px;
}
#booking .errors {
position:relative;
right:auto;
top:auto;
width:auto;
clear: both;
margin-bottom: 15px;
}
.field {
position:relative;
clear:both;
}
#field-nightcards .field,
#field-address .field,
#field-special .field,
#field-contact-address .field,
#field-contact-data .field,
#field-lostfound-data .field,
#field-lostfound-information .field,
#field-cancellation-data .field,
#field-lostfound-departure-address .field,
#field-lostfound-arrival-address .field
{
clear:none;
}
#log {
background: black;
position: fixed;
top:250px;
width:500px;
left:50%;
margin-left:-250px;
padding:20px;
display:none;
z-index:10000
}
.ui-state-hover {background: #83b817 !important}
.tooltip {
display: none; position : absolute;
top: 0;
background: transparent url() no-repeat left 10px;;
width: 16px;
height: 50px;
z-index: 90000;
position: absolute;
}
.tooltip.left { left:-23px; }
.tooltip.right { right:54px; top:8px; }
.tooltip .tooltip_content {position:absolute; z-index:90000; font-size:12px; line-height:16px; color:white; background-color:black; width:200px; padding:10px; top:0; left:10px; border-radius:5px;}
.tooltip p { font-size: 12px !important;line-height: 16px !important;margin: 0 !important;padding: 0 !important; }
#price {text-align: center;}
/** JOURNEY **/
#booking .journey { position:relative; padding-top:50px; margin-top:0; }
#booking .journey h3 {
background: url("../images/header_newsletter_box.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
display: block;
font-size: 16px;
font-weight: bold;
height: 39px;
left: -10px;
line-height: 28px;
margin-left: 0;
padding-left: 30px;
position: absolute;
top: -10px;
width: 239px;
margin: 10px 0 0 0;
}
.li-inline li,
.li-inline ul {display: inline;}
.li-inline .help {margin-top:0;}
.separation-inline {overflow: visible !important;}
.separation-inline .field {}
.separation-inline .info_field {height: 25px;}
/** PROMOTION **/
#multiple-trip-button a {position: relative;}
#multiple-trip-button a img {position: absolute; top: 0; right:0}
#sl_promo {
position: absolute;
bottom:-115px;
right:0;
width:284px;
height:141px;
background: transparent url() no-repeat left top;
}
#sl_promo.sl_promo_en { background-image: url(../images/promo/slider_en.png);}
#sl_promo.sl_promo_de { background-image: url(../images/promo/slider_de.png);}
#sl_promo.sl_promo_fr { background-image: url(../images/promo/slider_fr.png);}
a.facebook_link_email,
a.fb_share_link {
background: transparent url(../images/bc_facebook_gpe.png) no-repeat left top;
width: 315px;
height: 73px;
display: table;
margin-left:30px;
margin-bottom:30px;
float:left;
text-decoration: none;
}
a.facebook_link_email {
background: transparent url(../images/bc_facebook_like.png) no-repeat left top;
margin-left:20px;
}
a.fb_share_link span,
a.facebook_link_email span {
display: table-cell;
padding: 0 10px 0 100px;
vertical-align: middle;
}
.lt-ie8 a.facebook_link_email,
.lt-ie8 a.fb_share_link {
display: block;
}
.lt-ie8 a.fb_share_link span,
.lt-ie8 a.facebook_link_email span {
display: block;
margin-top:10px;
}
.nighcard_P1 { border-top: 1px solid #676767; margin-top:20px; padding-top:20px;}
.nighcard_P1 img {
float:left;
margin:0 10px 10px 0;
}
.nighcard_P1 p {
margin-left:220px;
}
.nighcard_P1 strong {color: #83B817}
.from_help_widget,
.from_help_widget_0,
.from_help_widget_1,
.from_help_widget_2,
.from_help_widget_3,
.from_help_widget_4,
.from_help_widget_5,
.from_help_widget_6,
.from_help_widget_7,
.to_help_widget,
.from_help_widget_date,
.to_help_widget_date {
display: block;
clear: both;
}
.zNcs_msg {display: block; min-height: 25px}
/**
* Vouchers
*/
.without-reduction {
display: block;
color: #ccc;
font-size:80%
}
.voucher-infos {
display:block;
clear:both;
font-size:11px;
}
.voucher-infos-html {
margin: 10px 0 0 10px;
font-size:11px;
line-height: 1.2em;
}
.voucher-infos-html .roles {
margin:10px 0;
}
.voucher-infos-html .rule {
display: none;
}
.voucher-infos-html ol.rules>li {
margin-bottom:15px;
}
.voucher-infos-html li {
margin:2px 0 2px 10px;
}
.voucher-recap {
margin: 5px 0;
}
.voucher-recap li {
margin-left:0;
position: static;
padding:0;
border:0;
}
.payment { overflow: hidden;}
.payment li {
float: left;
width: 310px;
margin-left:30px;
padding-top: 110px;
height: 200px;
position: relative;
}
.payment .submit {
position: absolute;
bottom:0;
left:50%;
margin-left: -125px;
}
.payment-cetrel {
background: url(../images/payment/cetrel.png) no-repeat left top;
}
.payment-digicash {
background: url(../images/payment/digicash.png) no-repeat left top;
}
.big {
font-size:22px;
}
.price-details strong {
display: inline-block;
width: 120px;
}
.price-details li {
border-bottom:none;
margin:0;
padding:0;
white-space: nowrap;
}
.ui-dialog {
z-index:10002 !important;
}
.ui-dialog p {
margin: 7px 0;
}