/*  Etihad Stylesheet v1.0 17-03-08
/*  Assigned to: diego.lago@webtechnologygroup.com
-------------------------------------------------------------- */
/** Sections **
/*
/* =Layout
/* =Branding (header)
/* =Content
/* =Destinations page
/* =Holiday types page
/* =Special Offers page
/* =Data blocks
/* =Sidebar (sidebar right)
/* =Navigation Local (sidebar left)
/* =Sliding panels
/* =Site info (footer)
/* =Contact form 
/* =Sitemap
-------------------------------------------------------------- */

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, /*fieldset,*/ form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;} 

/* typography */
body {font-size:75%;color:#222;background:#fff;font-family: Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:0.75em;color:#2e2e2e;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1em;line-height:1.25;margin-bottom:1.25em;height:1.25em;font-weight: bold;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {text-decoration:underline;}
a {color:#976723;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:0.5em;line-height:1.5em;}
.large {font-size:1.3em;line-height:1em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0 !important;padding-bottom:0 !important;} 

/* grid */
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.left {float: left;}
.right {float: right;}
.clear {clear:both;}
.access {display: none;}

/* forms */
label {font-weight:bold;}
fieldset {padding:1.4em 1.4em 1em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* Layout
-------------------------------------------------------------- */
body {text-align:center;}
.container {
 width: 871px;
 margin: 0 auto;
 text-align:left;
}
#content {
  padding: 4em 0 0;
}
body#home #content, body#type #content {
  position: relative;
  width: 871px;
}
body#home #contentmain, body#type #contentmain {
  float: left;
  width: 666px;
}
#contentmain {
  padding-bottom: 1em;
}
#sidebar {
  float: right;
  width: 205px;
} 
body.destinationpage #content {
  position: relative;
  width: 730px;
  float: right;
}
body.destinationpage #contentmain {
  float: left;
  width: 525px;
}
body.destinationpage #navlocal {
  float: left;
  width: 124px;
  margin: 4em 0 0;
  padding: 0;
  list-style: none;
}
body.copypage #contentmain {
  float: left;
  width: 666px;
}
body.copypage #contentmain .copy {
  margin-right: 17px;
  width: 427px;
  float: right;
  display: inline;
}
body.copypage #contentmain .copyimages {
  float: left;
  width: 205px;
  margin: 0;
  padding: 0.5em 0 0;
  list-style: none;
}
body.copypage #contentmain .copyimages li {
  padding-bottom: 0.5em;
}

/* Branding (header)
-------------------------------------------------------------- */
#branding {
  position: relative;
  width: 871px;
  height: 154px;
  background: #c39156;
}
#branding h1 {
  width: 871px;
  height: 154px;
  margin: 0; 
  padding: 0;   
}
#branding h1 a {
  display: block;
  width: 200px;
  height: 150px;
  text-indent: -100em;
  position: absolute;
  top: 15px;
  left: 32px;
  width: 172px;
  height: 70px;
  z-index: 100;
}
#branding p {
  position: absolute;
  top: 7px;
  right: 12px;
  color: #fff;
  font-size: 100%;
  font-weight: bold;
}
ul#navmain { 
  color: #fff;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  bottom: 0;
  right: 0;
}
* html ul#navmain { 
  right: -1px;
}
ul#navmain li {
  display: inline;
  float: left; 
}
ul#navmain li a {
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  text-decoration: none;
  line-height: 35px;
  float: left; 
  padding: 0 1em;
  text-transform: lowercase;
  background: #2E2E2E url(../img/bg-navmain.gif) repeat-x 0 100%;
}
ul#navmain li a:hover {
  background: #6a4817 url(../img/bg-navmain.gif) repeat-x 0 100%;
}
ul#navmain li a.active {
  color: #2E2E2E;
  background: #fff !important;
}
#trail{ 
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 170px;
  left: 0.5em;
  z-index: 80;
}
#trail li {
  display: inline;
  float: left;
  color: #976723; 
  padding-right: 0.5em;
}
#trail li a {
  color: #976723; 
  padding-right: 0.5em;
  text-decoration: underline;
}
#branding .booking {
  position: absolute;   
  top: 156px; 
  right: 0.25em;
  font-size: 1.17em;
  font-weight: bold;
  letter-spacing: -0.02em;
  color: #976723;
  padding: 0.85em 0.75em 0; 
  background: transparent url(../img/bg-arrow.gif) no-repeat 100% 75%;
}
#branding .booking a {
  position: relative; 
  z-index: 80;
}

/* Content common
-------------------------------------------------------------- */
body#home #contentmain h2 {
  margin: 0;
  padding: 0.5em 0 0.5em;
  clear: both;
}
h3 a {
 color: #976723;
 text-decoration: none;
 background: transparent url(../img/bg-arrow.gif) no-repeat 100% 50%;
 padding-right: 0.75em;
}
img.hero {
  margin-bottom: 1em;
  padding-bottom: 2px;
  background: transparent url(../img/bg-dotted.gif) repeat-x 0 100%;
}

/* Destinations page
-------------------------------------------------------------- */
.dest-intro, .hotel-info, .hotel-must {
  margin-right: 17px;
  margin-bottom: 1em;
  padding: 0 1em 1em;
  background: transparent url(../img/bg-dotted.gif) repeat-x 0 100%;
  position: relative;
}
.dest-intro h3 {
  margin-bottom: 0.5em;
}
.hotel-offer h4, .hotel-must h4 {
  font-size: 140%;
  margin-bottom: 0.5em;
}
.hotel-offer h4 {
  color: #E20000;
}
.action-call {
 text-align: right;
}
.action-call a {
 background: transparent url(../img/bg-arrow.gif) no-repeat 100% 50%;
 padding-right: 0.75em;
 font-size: 120%;
 font-weight: bold;
}
.zebra {
  list-style: none;
  margin: 0;
}
.zebra li {
  padding: 0.8em 0.7em;
}
.odd {
  background: #FDF7EE;
}
.destination-info {
}
.destination-info col.header {
    width: 192px;
}
.destination-info col.content {
    width: 333px;
}
.destination-info col.content-2 {
    width: 163px;
}
.destination-info tr.odd {
    background-color: #f9f9f9;
}
.destination-info th {
    background-color: Transparent; 
    padding: 10px 0 15px 63px;
    vertical-align: top;
}
.destination-info td {
    padding: 10px 0 15px 0;
}
.destination-info th.language {
    background:url("../img/language.gif") no-repeat scroll 13px;
}
.destination-info th.currency {
    background:url("../img/currency.gif") no-repeat scroll 13px;
}
.destination-info th.dialing-code {
    background:url("../img/dialing-code.gif") no-repeat scroll 13px;
}
.destination-info th.time-zone {
    background:url("../img/time-zone.gif") no-repeat scroll 13px 7px;
}
.destination-info th.flight-time {
    background:url("../img/flight-time.gif") no-repeat scroll 13px 6px;
}
.destination-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.destination-info li {
    margin-bottom: 1em;
}

/* Holiday types page
-------------------------------------------------------------- */
#hol-types {
  position: relative;
  margin: 0 0 1em;
  padding-bottom: 2px;
  background: transparent url(../img/bg-dotted.gif) repeat-x 0 100%;
  float: left;
  width: 649px;
}
#hol-types img {
  float: left; width: 427px;
}
#hol-types p {
  float: right; width: 205px; padding-left: 17px; 
}

/* Special Offers page & Booking page
-------------------------------------------------------------- */
.special-offer, .contact-details {
  margin: 0 17px 17px 0;
}
.special-offer, .special-offer img.img-offer,
.contact-details tr, .contact-details img {
  padding-bottom: 2px;
  background: transparent url(../img/bg-dotted.gif) repeat-x 0 100%;
}
.special-offer h3, .special-offer table {
  float: right;
  width: 427px;
  margin-bottom: 0.5em;
}
.special-offer img.img-offer {
  float: left;
  width: 205px;
  margin-right: 17px;
}
.special-offer img.img-offer, .special-offer table {
  margin-bottom: 1em;
}
.special-offer table caption, .special-offer table tr th,
.contact-details table caption, .contact-details table tr th {
  display: none;
}
.special-offer table td, .contact-details table td {
  padding: 0.05em 0;
}
.special-offer table td a {
  background: transparent url(../img/bg-arrow.gif) no-repeat 100% 50%;
  padding-right: 1em;
}
.special-offer p {
  clear: both;
}
.intro-text {
  font-size: 140%;
  font-weight: bold;
  line-height: 1.2em;
}
.contact-details td img {
  background: none;
}
.contact-details td {
  vertical-align: top;
}
.contact-details td.tablecopy {
  padding: 0 1em;
}
.contact-details ul.action-call {
  list-style: none;
  text-align: left;
  margin: -0.5em 0 1.5em;
}

/* Data blocks
-------------------------------------------------------------- */
.destination, .type, .hotel {
  float: left;
  display: inline;
  position: relative;
  background: transparent url(../img/bg-dotted.gif) repeat-x 0 100%;
  margin-bottom: 1em;
}  

.type {
  height: 28.5em;
}
#home .type {
  height: 16.5em;
}
.hotel {
  height: 14.2em;
}

.destination h3, .type h3 {
  margin-bottom: 0.5em;
}
.destination a img, body#home .type a img {
  position: absolute;
  top: 0; 
  border: none;
  overflow: hidden; 
}
.destination a img {
  padding-bottom: 2px;
  background: transparent url(../img/bg-dotted.gif) repeat-x 0 100%;
}
.destination ul, .type ul, .hotel ul {
  list-style: none;
  margin: 0 0 0.5em;
}
.destination ul li, .hotel ul li {
  margin: 0; padding: 0;
}
.destination ul a, .hotel ul a, .type ul a  {
 background: transparent url(../img/bg-arrow.gif) no-repeat 100% 50%;
 padding-right: 0.75em;
}
* html .hotel ul a {
 background: transparent url(../img/bg-arrow.gif) no-repeat 100% 0.5em;
 display: inline-block;
}
.block-narrow {
  width: 162px;
  margin-right: 11px;
}
.block-medium {
  width: 205px;
  margin-right: 17px;
}
.block-wide {
  width: 249px;
  margin-right: 10px;
}
.block-narrow h3 {
  padding-top: 124px;
}
.block-medium h3 {
  padding-top: 167px;
}
.block-wide h3 {
  padding-top: 139px;
}
.hotel-detail {
  width: 220px;
  margin-right: 10px;
  float: left;
}
body#type .block-medium h3 {
  padding-top: 0;
}

/* Sidebar (sidebar right)
-------------------------------------------------------------- */
#sidebar fieldset, #brochures {
  background: transparent url(../img/bg-fieldset.jpg) repeat-x 0 0;
  border: 1px solid #ececec;
}
#sidebar fieldset legend, #sidebar #holiday-search label, #sidebar #holiday-type label {
  display: none;
}
.form-block {
  margin-bottom: 1em; /* Extra div needed as IE6 jumps with slider effect */
}
.form-block fieldset {
  margin-bottom: 0;
}
#sidebar fieldset h3 {
  color: #2e2e2e;
  font-size: 1em;
  font-weight: bold;
}
#sidebar fieldset label {
  font-weight: normal;
  font-size: 95%;
}
#sidebar fieldset select, #sidebar fieldset input, #sidebar fieldset button {
 font-size: 1em;
}
#sidebar fieldset p {
 margin: 0;
 line-height: 1.1em;
}
#sidebar fieldset select {
 width: 168px;
}
#sidebar fieldset input {
 width: 162px;
}
#sidebar fieldset #register-agree {
  width: 16px;
}
#sidebar fieldset input {
  margin-bottom: 0.75em;
}
#sidebar fieldset button {
  display:block;
  float:right;
  margin: 0;
  background: transparent url(../img/bg-arrow.gif) no-repeat 100% 50%;
  border: none;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#976723;
  cursor:pointer;
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}
#sidebar fieldset button[type]{
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}
*:first-child+html #sidebar fieldset button[type]{
  padding:4px 10px 3px 7px; /* IE7 */
}
#sidebar fieldset button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float: none;
}
#register-agree {
  float: left;
}
#sidebar fieldset .terms {
  line-height: 1em;
  font-size: 90%;
  position: relative;
}
* html #sidebar fieldset .terms {
  top: 5px;
}
*:first-child+html #sidebar fieldset .terms {
  top: 5px;
}
#competitions img, #specialoffers img {
  margin: 0;
  padding-bottom: 2px;
  background: transparent url(../img/bg-dotted.gif) repeat-x 0 100%; 
  float: none;
}
/* 07-04-08 */
#brochures {
  padding: 1em;
}
/* -------- */
#brochures h3 {
  padding-left: 40px;
  background: transparent url(../img/ico-download.gif) no-repeat 0 0 !important;
  display: inline-block;
  height: 2.6em;
  width: 120px;
  font-size: 1em;
  font-weight: bold;
}
#brochures a {
  background: none;
}
.hotel-map {
  padding-bottom: 1em;
}
.msg-success, .msg-failure {
  font-weight: bold;
  padding: 0.5em 0.5em 0;
}
.msg-success img, .msg-failure img {
  float: none;
  padding: 0;
  margin: 0;
  position: relative;
  top: 4px;
}
.msg-success {
  border: 1px solid #529214;
  background: #e6efc2;
  margin-bottom: 1em;
  color: #529214;
}
.msg-failure {
  border: 1px solid #d12f19;
  background: #fbe3e4;
  margin-bottom: 1em;
  color: #d12f19;
}
.pdflist {
  list-style: none;
  margin: 0;
}
.pdflist li a, a.pdf {
  background: transparent url(../img/ico-pdf.gif) no-repeat 0 50% !important;
  padding-left: 20px;
  padding: 2px 0 2px 20px; 
}

/* Navigation Local (sidebar left)
-------------------------------------------------------------- */
#navlocal li {
  line-height: 1em;
}
#navlocal a:link, #navlocal a:visited {
  color: #976723;
  text-decoration: none;
  display: block;
  line-height: 1.2em;
  margin: 0;
  padding: 0.35em 0 0.35em 0.5em;
}
* html #navlocal li a { /* IE6 has problems with display: block in this instance */
  height: 1.2em;
}
#navlocal a:hover {
  font-weight: bold;
  background: #f8ebd7;
}
#navlocal a:active, #navlocal a.active {
  font-weight: bold;
  background: #976723 !important;
  color: #fff !important; 
}
#navlocal li ul {
  list-style: none;
  margin: 0;
  background: #976723;
}
#navlocal ul a:link, #navlocal ul a:visited {
  list-style: none;
  padding-left: 1em;
  color: #fff;
}
#navlocal ul a:hover {
  color: #976723;
  background: #f8ebd7;
}
#navlocal ul li a.active  {
  font-weight: bold;
  background: #976723;
  color: #fff; 
}
#navlocal a span {
  display: inline-block;
  cursor: pointer;
}
#navlocal a:link span, #navlocal a:visited span {
 background: transparent url(../img/bg-arrow.gif) no-repeat 100% 50%;
 padding-right: 1em;
}
#navlocal ul a:link span, #navlocal ul a:visited span {
 background: transparent url(../img/bg-arrow-white.gif) no-repeat 100% 50%;
}
#navlocal ul a:hover span {
 background: transparent url(../img/bg-arrow.gif) no-repeat 100% 50%;
}
#navlocal a:active span, #navlocal a.active span {
 background: transparent url(../img/bg-arrow-white.gif) no-repeat 100% 50% !important;
}

/* Sliding panels
-------------------------------------------------------------- */
.panel a {
  text-decoration:none;
}
.panel-target{
  background-color: transparent;
}
.panel-closed{
  display:none;
}
#contentmain .panel {
  text-align: right;
  height: 2em;
  cursor:pointer;
  margin: -0.5em 0 0;
  padding-right: 26px;
}
#contentmain .ontop {
  position: absolute;
  top: 0;
  right: 0;
}
* html #contentmain .ontop {
  right: 17px;
}
#contentmain .panel a{
  text-decoration: none;
  color:#976723;
}
#contentmain .panel-up {
  background: url(../img/ico-toggle-down.png) no-repeat scroll 100% 50%;
}
#contentmain .panel-down {
  background: url(../img/ico-toggle-up.png) no-repeat scroll 100% 50%;
}
#contentmain .form-block .panel {
  text-align: left;
  height: 2em;
  cursor:pointer;
  margin: -0.5em 0 0;
}
#contentmain .form-block .panel-up, #contentmain .form-block .panel-down {
  background: none;
}

/* Site info (footer)
-------------------------------------------------------------- */
#siteinfo {
  clear: both;
  margin: 0;
  padding: 0;
  background: #C09254;
  padding: 0 0.7em;
}
* html #siteinfo {
  height: 1em;
}
#siteinfo p, #siteinfo li a {
  line-height: 2.2em; 
  color: #fff;
}
#navsub {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
#navsub li {
  display: inline;
  float: left; 
}
#navsub li a {
  font-weight: bold;
  text-decoration: none;
  margin-left: 0.7em;
  padding-right: 0.7em;
  background: transparent url(../img/bg-navsub-a.gif) no-repeat center right;
}
#navsub li a:hover {
  text-decoration: underline;
}
#navsub li a.last {
  background: none;
  padding: 0;
}

/* Contact form 
-------------------------------------------------------------- */
#contentmain .form-block {
  margin-right: 17px;
}
#contentmain .form-block label {
  font-weight: normal;
}
#contentmain .form-block legend {
  display: none;
}
#contentmain .form-block ul {
  list-style: none;
  margin: 0;
  position: relative;
}
#contentmain .form-block fieldset {
  background: transparent url(../img/bg-fieldset.jpg) repeat-x 0 0;
  border: 1px solid #ececec;
}
#contentmain .form-block label {
  width: 10em;
  float: left;
}
#contentmain .form-block select{
  margin: 0;
}
#contentmain .doublecol {
  width: 300px;
  float: left;
}
#contentmain .doublecol p {
  margin: 0;
}
#contentmain .col {
  width: 315px;
  float: left;
}
* html #contentmain .col {
  width: 315px;
  margin-right: 12px;
}
#contentmain .col fieldset {
  height:15em;
}
span.required {
  color: #D5100B;
  font-size: 180%;  
  font-weight: bold;
  line-height: 0.1em;
  position: relative;
  top: 0.3em;
}
.checkbox-pair {
  clear: both;
  float: none;
  position: relative;
}
.checkbox-pair input {
  left: 0;
  position: absolute;
}
.checkbox-pair label {
  position: relative;
  left: 24px;
  float: none !important;
}
.max { width: 11em; }
.fieldsetcols {
  float: left;
  width: 300px;
}
/* Sitemap
-------------------------------------------------------------- */
#sitemap {
  padding-bottom: 2em;
  clear: both;
}
#sitemap, #sitemap ul {
  list-style: none;
  margin: 0;
}
#sitemap ul {
  margin-left: 1.5em;
}
#sitemap li a {
  font-weight: bold;
  background: transparent url(../img/bg-arrow.gif) no-repeat 0 50%;
  padding-left: 10px;
  font-size: 150%;
}
#sitemap li li a {
  font-weight: normal;
  font-size: 120%;
}