/* Biladi - EDITO - */

#contentRight .edito { 
  width: 51em; padding: 2.5em 4em 2em; border-bottom: 1px solid #e5d6ca; 
  color: #033c75; background-color: #faefe2; 
}
#contentRight .edito .up { margin-bottom: 0; text-align: right; }
#contentRight .edito .up a { 
  padding-left: 1.5em; font-weight: bold; text-decoration: underline;
  color: #033c75; background: transparent url(../images/icon_up.gif) left 50% no-repeat; 
}
#contentRight .edito .up a:hover { color: #52769a; }
.edito .page p, .edito .page li { margin-bottom: 2em; color: black; }
.edito .page h3 { margin-bottom: 1em; }

#contentRight .editoInfos { width: 52em; margin-top: 3em; color: #003366; }
#contentRight .editoDescrip { width: 100%; padding-bottom: 0.5em; margin-bottom: 2em; border-bottom: 25px solid #faefe2; }

.editoForm .editoLign { float: left; width: 100%; padding-bottom: 1em; }
.editoForm .editoLign span { float: left; width: 13em; margin-right: 3em; }
.editoForm .editoLign label { font-weight: bold; }
.editoForm .verticalLign label { display: block; padding-bottom: 0.5em; }
.editoForm .verticalLign input { width: 12em; margin-right: 0; }
.editoForm .verticalLign select { width: 12.5em; }
#contentRight .editoForm .precisions { clear: both; width: 100%; padding-bottom: 0.7em; border-bottom: 1px solid #ced9dc; }

#contentRight .editoForm .buttons a { width: 9em; }
#contentRight .editoForm .more { border-bottom: 1px solid #ced9dc; }
#contentRight .editoForm .more a { background: #114359 url(../images/bg_button_product.png) left top repeat-x; }
#contentRight .editoForm .more a:hover { background: #165875 url(../images/bg_button_product2.png) left top repeat-x; }

#contentRight .editoForm .twoButtons { padding: 4em 5em 0; }
#contentRight .editoForm .twoButtons, #contentRight .editoForm .twoButtons a { float: left; }
#contentRight .editoForm .twoButtons a { width: 5em; }
#contentRight .editoForm .twoButtons input { float: right; width: 10em; }

/* faq - */
#faq a { font-weight: bold; text-decoration: underline; color: #033c75; }
#faq .faqMenu { float: left; width: 28em; }
#faq .faqMenu ul { margin-top: 1em; }
#faq .faqMenu ul li { width: 100%; }
#faq .faqMenu ul a { display: block; margin-top: 0.4em; text-decoration: none; }
#faq .faqMenu ul a:hover { text-decoration: underline; }
#faq .phone { width: 19em; float: right; padding-left: 2em; margin-left: 1em; border-left: 1px solid #ccc; }
#faq .phone a:hover { color: #F9A026; }
#faq .phone .contact { margin-top: 2em; font-weight: bold; }
#faq .phone .contact img { width: 19.1em; height: 2.7em; margin-top: 0.5em; }
#faq .page { margin-top: 4em; }
#faq .page li { margin-bottom: 1em; }
#faq .page ul li {
  padding-left: 1em; background: transparent url(../images/icon_marker-1.gif) no-repeat left 0.5em; 
}
#faq .page ol { list-style-type: decimal; padding-left: 2em; }

/* contact - */
#contentRight #contactForm { width: 55em; padding: 2em 1em; color: #003366; }
#contentRight .contactUs { position: relative; width: 52em; margin: auto; }
#contentRight .contactUs ul { width: 53em; margin: 2em 0; font-weight: bold; }
#contentRight .contactUs ul .first { margin-top: 0; }
#contentRight .contactUs ul li { 
  margin-top: 2em; padding-left: 1em; 
  background: url(../images/icon_marker-1.gif) left 0.45em no-repeat; 
}
#contentRight .contactUs ul li img { margin: 0 1em; }
#contentRight .contactUs ul li span { font-weight: normal; }
#contentRight .contactUs .legend { position: absolute; right: 0; bottom: 0; }
#contentRight .contactUs ul a { color: #0a5e74; font-weight: normal; }
#contentRight #contactForm label { width: 10em; }
#contentRight #contactForm .formLign { width: 53.5em; }
#contentRight #contactForm .formLign span { width: 26.5em; }
#contentRight #contactForm .formLign input, #contentRight #contactForm .formLign select { width: 15.5em; }
#contentRight #contactForm .formLign input.radio { width: auto; }
#contentRight #contactForm .formLign .left { float: left; margin-left: 0.9em; }
#contentRight #contactForm .formLign .small { width: 4em; }
#contentRight #contactForm .formLign input.date { width: 7em; }
#contentRight #contactForm .object { margin-top: 1.5em; }
#contentRight #contactForm textarea { 
  float: left; width: 42.5em; height: 5em; margin-left: 0.7em; 
  border: 1px solid #C6C6C6; background-color: #F4F4F4; 
}  
#contentRight #contactForm p.formLign.radios { padding-left: 10em; width: 43.5em; }
#contentRight #contactForm p.formLign.radios label { width: auto; float: none; text-align: left; padding-left: 0.7em; }
#contentRight #contactForm h4 {
  clear: both;
  margin: 0 1.5em 0.5em 0; border-bottom: 1px solid silver;
  padding-top: 1em;
}

#shortCutLink a { font: bold 13px Arial, Helvetica, sans-serif; color: #779dab; text-decoration: underline; }

#contentPage { position: relative; padding: 2em 1.5em 0; }
#contentRight h1 { 
  font: bold 18px Arial, Helvetica, sans-serif; 
  margin-bottom: 1.3em; color: #4a7180;
  
}
#contentRight h2 { 
  font: bold 15px Arial, Helvetica, sans-serif;
  margin-bottom: 0.8em; color: #779dab;
}
#contentRight h3 { 
  font: bold 13px Arial, Helvetica, sans-serif;
  margin-bottom: 0.8em; color: #779dab;
}
#contentRight h4, #contentRight h5, #contentRight h6 { 
  font: bold 11px Arial, Helvetica, sans-serif;
  margin-bottom: 0.8em; color: #779dab;
}
#contentRight #up {
  margin: 1em 2em 0 0;
  padding-bottom: 1em;
  text-align: right;
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #1a3944;
}
#contentRight #up a { color: #779dab; padding-left: 1.5em; background: transparent url(../images/icon_uturne.gif) no-repeat scroll left center; }
#contentRight #up a:hover { text-decoration: underline; }


/* Biladi - standardForm - */
#formPage { padding: 0.5em; }
#formPage .pageTitle { padding: 0.5em 0 0.3em 0.5em; font-size: 18px; font-weight: bold; color: #7a97a2; }
#formPage .standardForm .infos { margin-bottom: 4em; }
#formPage ul { margin: 1em 0 2em 15.5em; }
#formPage ul li { padding-left: 1em; line-height: 1.5em; }
#formPage ul li span { font-weight: bold; }
#formPage ul li .tel { font-size: 16px; }
#formPage .standardForm { padding: 1em; font-size: 12px; background-color: #f2f5f7; }
#formPage .standardForm p { margin-bottom: 1.2em; font-size: 12px; text-align: left; }
#formPage .standardForm label { 
  float: left; width: 15em; margin-right: 0.5em; 
  text-align: right; font-weight: bold; color: #7a97a2; 
}
#formPage .formLign input, #formPage .formLign select, #formPage .formLign option, #formPage .formLign textarea { 
  width: 20em; border: 1px solid #7d8f9b; 
}
#formPage .message textarea { width: 30em; height: 8em;}
#formPage .standardForm .button { padding-top: 2em; text-align: center; }
#formPage .standardForm .button input { width: 9.8em ; height: 2.7em; }
#formPage .standardForm .legend { padding-right: 4em; font-size: 9px; text-align: right; color: #779dab; }


/* Biladi - Page - */
#page {
  margin: auto;
  font-size: 10px;
  width: 53em;
}
#page p { 
  margin-bottom: 1.6em;
  font: 11px Arial, Helvetica, sans-serif;
  color: #1a3944;
}
#page h2 { 
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #779dab;
  margin-bottom: 1.7em;
}
#page h3 { 
  margin-bottom: 1em;
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #1a3944;
}
#page ul { margin-bottom: 1.7em; }
#page li {
  margin: 0 0 0.5em 0.5em;
  font-size: 11px;
  color: #1a3944;
  padding-left: 1em;
  background:transparent url(../images/icon_marker3.gif) left top no-repeat;  
}
#page a { color: #d11d76; }
#page table {
  border-collapse: collapse;
  border: none;
  border: hidden;
  border: 1px solid #a3bcc5;
  width: 100%;
  color: #000;
  background-color: #fff;
  text-align: left;
  font: 11px Arial, Verdana, sans-serif;
  color: #1a3944;
  margin-bottom: 2em;
}
#page thead th {
  height: 2.2em;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #dce4e7;
  padding: 0.3em 0 0.3em 1em;
  border: 1px solid #a3bcc5;
}
#page td {
  padding: 0.3em 0 0.3em 1em;
  border: 1px solid #a3bcc5;
}
#page tbody tr.highlighted { background-color: #f2f6f7; }


.logo { 
  float: right; display: inline;
  text-align: center;
  margin: 0 2em 0 0;
  width: 11em;
}
.logo a { font-weight: bold; color: #d11d76; text-decoration: underline; }
.logo a:hover { color: #49707f; }

.creatorUp { width: 46em; margin-bottom: 2em; }
.conditionsUp { width: 43em; }
.partnersInfos { margin-bottom: 4em; }
.editoImg { position: absolute; top: 2em; right: 1.5em; }
.creator { border-bottom: 1px solid #dce4e7; margin-bottom: 2em; padding: 1px 0 2em 0; }
.creator img { width: 10em; height: 7em; margin-bottom: 1em; }
.writeUp { float: left; width: 50em; display: inline; }

.item { width: 64em; border-bottom: 1px solid #dce4e7; margin-bottom: 2em; padding: 0.2em 0 1em; }
.item img { width: 12em; height: 10em; margin: 3em 0 0.5em 0; float: right; }
.item a { color: #d11d76; margin-top: 0.5em; text-decoration: underline; display: block; }
.item a:hover { color: #49707f; }

.download { 
  width: 49em; margin: 2em 0 2em 0; padding: 2em 15em 2em 0;
  border-top: 1px solid #dce4e7; border-bottom: 1px solid #dce4e7; 
}
.download p { margin-bottom: 2em; }
.download p.code { background-color: #f0f0f0; width:41.54em; padding: 0.5em; }
.download .whatElse { margin: 1em 0 1em 1em; }
.download .large img { width: 46.8em; height: 8em; }
.download .small  { width: 43em; text-align: center; }
.download .small img { width: 8.8em; height: 3.3em; }


/* Biladi - Faq - */
#faqMenu { 
  border-bottom: 1px solid #dce4e7;
  margin: 0 auto 2em;
  position: relative;
  width: 61em;
  padding-bottom: 2em;
  }
#faqMenu ul { float: left; width: 35em; }
#faqMenu li, #faqMenu a { 
  font: bold 11px Arial, Verdana, sans-serif;
  color: #779dab;
  margin-top: 0.3em;
}
#phone { width: 22em; float: right; }
#phone p, #phone a { font: 11px Arial, Helvetica, sans-serif; color: #4a7180; }
#phone .writeUs a { text-decoration: underline; }
#phone a:hover { color: #d11d76; }
#phone .writeUs { margin: 1em 0; }
#phone .writeUs, #phone .else ,#phone a { font-weight: bold; }
#phone .number { font: bold 21px Arial, Helvetica, sans-serif; color: #d11d76; }
#phone .price { font-size: 10px; }

/* Biladi - Game - */
.gameTitle img { vertical-align: middle; font-size: 18px; font-weight: bold; }
#gameForm div { margin-bottom: 2em; color: #1A3944; }
#formPage #gameForm label { width: 18em; }
#formPage #gameForm .rulesLign { 
  width: 100%; clear: both; margin-top: 2.5em; text-align: center;
}
#gameForm .rulesLign input { margin-right: 0.6em; }
#gameForm .rulesLign label { float: none; font-weight: normal;  color: #1A3944;   }
#gameForm .rulesLign label a { text-decoration: underline; font-size: 12px; color: #1A3944; }
#gameForm .rulesLign label a:hover { color: #618E94; }

/* actuality - */ /* editoPage - */
#actuality .first { border-top: none; }
#actuality .page img.thumb { 
  float: right; width: 19em; height: 12.6em; margin-left: 2em; margin-bottom: 1em;
  border: 1px solid #e6e6e4; 
}
#actuality .page h3 { padding-top: 0.3em; font-size: 13px; border-top: 1px solid #e5d6ca; }
#actuality .page .first { border-top: none; }
#actuality .page h4 { margin-bottom: 0.5em; color: #033C75; }
#actuality .page p a { text-decoration: underline; color: #0a5e74; }
#actuality .page p a:hover { color: #7baebb; }
#actuality .page table { 
  border-collapse: collapse; margin-bottom: 2em; border: 1px solid #ced9dc; 
  color: black; background-color: white; 
}
#actuality .page table tr td, #actuality .page table tr th { padding: 0.2em 0.5em; }
#actuality .page table tr th { text-transform: uppercase; color: gray; }
#actuality .page table .color { background-color: #F6F6F6; }
#actuality .page table tfoot .total { text-transform: uppercase; font-weight: bold; }

#actuality .page ul { margin-bottom: 2em; color: black; }
#actuality .page ol.alpha { list-style-type: lower-alpha; }
#actuality .page ul li { 
  padding-left: 1em; background: transparent url(../images/icon_marker-1.gif) no-repeat left 0.5em; 
}

.edito .page .branch { margin-bottom: 2em; }
.edito .page .branch p { margin-bottom: 1em; }
.edito .page .branch .branchPhone { font-weight: bold; color: #033c75; }

/* vehicle - */
#vehicleForm .formParams { width: 48em; margin: auto; }
#vehicleForm .editoLign { padding-bottom: 4em; }
#vehicleForm .editoLign input { margin-right: 0.5em; }
/*#vehicleForm select { height: 7em; }*/
#vehicleForm .vehicleChoiceContent select { width: 27em; }
#vehicleForm .makeModel, #vehicleForm .makeModel input { width: 20em; }

/* passengers - */
#passengerForm .topLeft { background-image: url(../images/corner_table_passenger_tl.png) }
#passengerForm .topRight { background-image: url(../images/corner_table_passenger_tr.png); _right: -2px; }
#passengerForm .bottomLeft { background-image: url(../images/corner_table_passenger_bl.png) }
#passengerForm .bottomRight { background-image: url(../images/corner_table_passenger_br.png); _right: -2px; }

#passengerForm .productTitle { 
  padding-bottom: 0.8em; font-weight:bold; font-size:16px; 
  color:#D56917;
}
#passengerForm .editoLign span { width: auto; }
#passengerForm .editoLign label { margin-right: 0.5em; }
#passengerForm .editoLign input { width: 2em; }
#passengerForm .editoLign select { width: 4em; }
#passengerForm .passengerLign { 
  float: none; margin-bottom: 0.8em; padding-bottom: 2.5em; 
  text-align: center; border-bottom: 1px solid #ced9dc; 
}
#passengerForm .passengerLign span { float: none; }
#passengerForm .passengerLign label { font-weight: normal; }

#passengerForm .passengerDetails, #passengerForm .roomDetails { margin-bottom: 3em; }
#passengerForm .passengerDetails { float: left; width: 38em; margin-top: 2em; text-align: center; }
#passengerForm .passengerDetails select { width: 18em; }

#passengerForm .roomDetails { 
  float: right; position: relative; width: 20em;
  font-weight: bold; border: 1px solid #ced9dc; border-collapse: collapse; 
  background: white url(../images/bg_table_passenger.png) top left repeat-x; 
}
#passengerForm .roomDetails .title { padding: 0.5em 1em 0; text-transform: uppercase; border-bottom: 1px solid #ced9dc; }
#passengerForm .roomDetails p { padding: 1.5em 1em; border-bottom: 1px dotted #ced9dc; }

#contentRight #passengerForm .roomDetails p .price { 
  position: absolute; right: 0.5em; left: auto; text-align: right; font-weight: bold;
}
#passengerForm .roomDetails p .passengers { display: block; position: relative; font-weight: normal; }

#passengerForm .roomDetails .totalPrice { padding: 2.5em 1em 1.5em; }
#passengerForm .roomDetails .totalPrice p { 
  position: relative; height: 2.7em; line-height: 2.7em; padding: 0; text-transform: uppercase; 
  font-weight: bold; border-bottom: none; color: white; background-color: #6aa1b1; 
}
#passengerForm .roomDetails .totalPrice p span { position: absolute; }
#passengerForm .roomDetails .totalPrice p .label { position: absolute; left: 1em; top: 0; width: 8em; }
#passengerForm .roomDetails .totalPrice p .price {  width: 6em; font-size: 15px; }

#passengerForm .totalPrice p .topLeft { background-image: url(../images/corner_passenger_price_tl.png); top: 0; left:0; }
#passengerForm .totalPrice p .topRight { background-image: url(../images/corner_passenger_price_tr.png); top: 0; right: 0; _right: -1px; }
#passengerForm .totalPrice p .bottomLeft { background-image: url(../images/corner_passenger_price_bl.png); left:0; bottom: 0; }
#passengerForm .totalPrice p .bottomRight { background-image: url(../images/corner_passenger_price_br.png); right: 0; bottom: 0; _right: -1px; }

/* insurance - */
#insuranceForm { width: 59em; }
#insuranceForm table { width: 100%; border-collapse: collapse; border: none; color: black; }
#insuranceForm table tr td { padding: 1em; border: none; border: hidden; }
#insuranceForm table tr .col1 { width: 5%; text-align: center; }
#insuranceForm table tr .col2 { width: 85%; }
#insuranceForm table tr .price { width: 10%; font-size: 15px; text-align: right; font-weight: bold; }
#insuranceForm table input{ vertical-align: top; }
#insuranceForm table label span { font-weight: bold; }
#insuranceForm table label .none { display: block; font-weight: normal; color: gray; }
#contentRight #insuranceForm .editoDescrip { margin-bottom: 0; }
#contentRight #insuranceForm .precisions { border-bottom: none; }
#contentRight #insuranceForm .precisions a { text-decoration: underline; color: #003366; }
#contentRight #insuranceForm .precisions a:hover { color: #F9A026; }
#contentRight #insuranceForm .precisions.terms { width: 51em; padding: 0.5em 0 0 4.3em; border-top: 1px solid #ced9dc; }

#faqContactMeans li { margin-top: 1em; }
#faqContactMeans .contactKind { font-weight: bold;}
#faqContactMeans a { font-weight: normal; }

#cabinZone { position: relative; }
#spinner {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  _top: expression(documentElement.scrollTop + body.scrollTop);
  z-index: 4242; opacity: 0.3; *filter: alpha(opacity=30); background: black;
}
#spinner img {
  position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px;
}

/* NL subscription */

#subscriptionForm .formLign { margin: 1em 0; text-align: center; width: 100%; }
#subscriptionForm .formLign * { float: none; display: inline; }
#subscriptionForm #edtReqEmail { width: 16em; }

.page #sitemap h2 { margin: 0.5em 0; }
.page #sitemap a { font-size: 100%; text-decoration: underline; color: #0a5e74; }
.page #sitemap li, .page #sitemap p { margin-bottom: 0.3em; }
.page #sitemap ul { margin-bottom: 0.5em; }
.page #sitemap p.details { font-style: italic; color: gray; }

#actuality table.customPricing { font-size: 1.2em; border: 1px solid #ced9dc; color: black; border-collapse: collapse; }
#actuality table.customPricing th, table.customPricing td { border: 1px solid #ced9dc; padding: 0.2em 0.4em; }
#actuality table.customPricing thead th,
#actuality table.customPricing thead td { background-color: #ced9dc; }
#actuality table.customPricing tbody th { color: black; text-align: left; font-weight: normal; }
#actuality table.customPricing tbody td { text-align: center; font-weight: bold; }