/* Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}
/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#features {
  position: relative;
  margin-top: -3em;
  margin-bottom: 1em;
}
#tabs-container {
  width: 649px;
}
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 13px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#main-tabs li {
    float: left;
    margin: 0 3px 0 0;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px 0 30px;
}
.ui-tabs-nav a {
    border: 1px solid #D9D9D9;
    border-bottom: 1px solid #F9F9F9;
    background: #F9F9F9 url(../img/bg-tab.gif) repeat-x 0 0 !important;
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #8C8C8C;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #fff;
    border: 1px solid #0E85D8;
    background: #0E85D8 url(../img/bg-tab-active.gif) repeat-x 0 0 !important;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 22px; /* IE 6 treats height as min-height */
    min-height: 22px;
    padding-top: 10px;
    padding-right: 0;      
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
    text-decoration: none;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 4px solid #0E85D8;
    padding: 0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
#fragment-1 .ui-tabs-panel, #fragment-2 .ui-tabs-panel {
    border-top: none;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#tab-destination span {
  background: transparent url(../img/ico-tab-destination-off.gif) no-repeat 8px 10px;
}
.ui-tabs-selected #tab-destination span {
  background: transparent url(../img/ico-tab-destination.gif) no-repeat 8px 10px;
}
#tab-map span {
  background: transparent url(../img/ico-tab-map-off.gif) no-repeat 8px 10px;
}
.ui-tabs-selected #tab-map span {
  background: transparent url(../img/ico-tab-map.gif) no-repeat 8px 10px;
}

#fragment-1, #fragment-2 { 
  height: 25.4em;
  position: relative;
}
/* Destinations Feature styles */
#fragment-1 {
  background: transparent url(../img/bg-dotted.gif) repeat-x 0 100%;
}
#fragment-1 ul#dest-features-list {
  position: absolute;
  bottom: 10px;
  left: 444px;
  width: 205px;
  background: transparent url(../img/bg-dotted.gif) repeat-x 0 0;
  padding-top: 14px
}
* html #fragment-1 ul {
  top: 250px; /* menu jumps otherwise in IE6 */
  bottom: auto;
}
#fragment-1 ul li {
 float: left;
 margin-right: 0;
}
.dest-feature {
  padding-top: 2px;
}
#fragment-1 ul li a {
  color: #000;
  background: none !important;
  border: none;
}
#fragment-1 ul a img, .dest-feature a img {
  border: none;
}
.dest-feature img {
  float: left; width: 427px;
}
.dest-feature p, #tableoffers {
  float: right; 
  width: 205px; 
  margin-top: 1em; 
  padding-left: 17px; 
  line-height: 1.3em;
  background: #fff;
}
.dest-feature p a {
  color:#976723;
  background: transparent url(../img/bg-arrow.gif) no-repeat 100% 50%;
  padding-right: 0.75em;
  text-decoration: none; 
  position: relative;
  font-weight: bold;
  line-height: 2.5em;
}
.dest-feature a:hover {
  text-decoration: underline;
}
#slideshow {
  float: left;
  height: 324px;
  width: 427px;
}
.dest-feature img.hero-stamp {
  float: none; width: 165px; margin: 16px 0 0 36px;
}
#tableoffers {
  line-height: 1em;
  font-size: 90%;
  width: 205px;
  margin-bottom: 0;
  padding: 0;
}
#tableoffers caption a {
  /*display: block;
  width: 205px;
  height: 80px;
  top: 0;
  left: 0;
  z-index: 100;
  background: #fff url(../img/SO_stamp.jpg) no-repeat 17px 10px;
  text-indent: -100em;
  position: relative;*/
  display: none;
}
#tableoffers caption.spotspecials a {
  /*background: #fff url(../img/SS_stamp.png) no-repeat 17px 10px;*/
}
#tableoffers th {
  display: none;
}
#tableoffers tr {
  background: transparent url(../img/bg-dotted.gif) repeat-x 0 100%;
}
#tableoffers td {
  vertical-align: top;
}
#tableoffers td a {
 background: transparent url(../img/bg-arrow.gif) no-repeat 100% 50%;
 padding-right: 0.75em;
}
#specoffers p a {
  line-height: 1em;
  /*float: right;*/
}
.dest-feature p {
  margin-bottom: 0;
}

/* World Map styles */
#fragment-2 {
  /*height: 329px;*/
  background: transparent url(../img/etihad-home-map.png) no-repeat 0 0;
}
#fragment-2 .ui-tabs-nav {
border: none !important;
}
#fragment-2 ul#dest-world-list li {
  font-size: 100%; 
}
#fragment-2 ul#dest-world-list li a {
  color: #000;
  background: none !important;
  border: none;
  text-transform: lowercase;
}
#fragment-2 .dest-world {
  background: transparent;
  width: 132px;
  position: absolute;
  top: 20px;
  left: 25px;
}
#dest-world-list li {
  position: absolute;
  text-align: left;
  background: transparent url(../img/bg-transparency.png) repeat 0 0;
  padding: 0 6px 4px;
  border: 1px solid #44CC1E; 
}
*:first-child+html #dest-world-list li {
  background-color: #38a41a;
}
* html #dest-world-list li {
  background-image: none;
  background: #38A41A;
}
#dest-world-list li a {
  line-height: 1em;
  display: block;
  color: #fff !important;
  padding: 0;
}
#dest-world-list li a:hover {
  color: #FFF600 !important;
}
#fragment-2 #na {
  top: 149px;
  left: 196px;
}  
#fragment-2 #eu {
  top: 143px;
  left: 360px;
}
#fragment-2 #me {
  top: 187px;
  left: 352px;
}
#fragment-2 #as {
  top: 176px;
  left: 484px;
}
#fragment-2 #sa {
  top: 245px;
  left: 374px;
}
#fragment-2 #ap {
  top: 254px;
  left: 520px;
}
.dest-world img {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.dest-world ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dest-world li {
  line-height: 1.4em; 
}
.dest-world li a {
  font-weight: bold;
  color: #0275C6;
  text-decoration: none;
  background: transparent url(../img/bg-arrow-blue.gif) no-repeat 100% 50%;
  padding-right: 10px;
}
/* IE fix for animated JavaScript text */
*:first-child+html .dest-world li a {
  background-color: #c1e8ff;
}
* html .dest-world li a {
  background-color: #c1e8ff;
}
.dest-world li a:hover {
  font-weight: bold;
  color: #0275C6;
  text-decoration: underline;
}