/* loads for dnata theme domains */

/* dnata fonts */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 17, 2012 */

@font-face {
    font-family: 'FSJoeyBold';
    src: url('./fonts/dnataFonts/fs_joey-bold-dnata.eot');
    src: url('./fonts/dnataFonts/fs_joey-bold-dnata.eot?#iefix') format('embedded-opentype'),
         url('./fonts/dnataFonts/fs_joey-bold-dnata.woff') format('woff'),
         url('./fonts/dnataFonts/fs_joey-bold-dnata.ttf') format('truetype'),
         url('./fonts/dnataFonts/fs_joey-bold-dnata.svg#FSJoeyBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSJoeyLight';
    src: url('./fonts/dnataFonts/fs_joey-light-dnata.eot');
    src: url('./fonts/dnataFonts/fs_joey-light-dnata.eot?#iefix') format('embedded-opentype'),
         url('./fonts/dnataFonts/fs_joey-light-dnata.woff') format('woff'),
         url('./fonts/dnataFonts/fs_joey-light-dnata.ttf') format('truetype'),
         url('./fonts/dnataFonts/fs_joey-light-dnata.svg#FSJoeyLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSJoeyRegular';
    src: url('./fonts/dnataFonts/fs_joey-regular-dnata.eot');
    src: url('./fonts/dnataFonts/fs_joey-regular-dnata.eot?#iefix') format('embedded-opentype'),
         url('./fonts/dnataFonts/fs_joey-regular-dnata.woff') format('woff'),
         url('./fonts/dnataFonts/fs_joey-regular-dnata.ttf') format('truetype'),
         url('./fonts/dnataFonts/fs_joey-regular-dnata.svg#FSJoeyRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.DataTable
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
.DataTable TD
{
   
    PADDING-RIGHT: 6px;
    BORDER-TOP: white 1px solid;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: white 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: white 1px solid;
    BORDER-right: white 1px solid;
    BACKGROUND-COLOR: rgb(241, 249, 238)
}
.DataTable TH
{
    BORDER-RIGHT: white 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: white 1px solid;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 4px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: white 1px solid;
    COLOR: white;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: rgb(105, 188, 74);
    TEXT-ALIGN: center
}

.DataTable TH.SortableHeader A
{
    COLOR: white;
	TEXT-DECORATION: none;
}

.DataTable Caption
{
    COLOR: purple;
	font-size: 11pt;
	font-weight: bold;  
}

/* cancel the TRP bar effect and add Dnata triangles */
/* bendy shadows do not need to be cancelled as they are now applied only in TRP theme specific */
h2
{
    font-size: 28px;
}
h3
{
    font-size: 24px;
}
h5
{
    font-size: 18px;
}

.wait-error-box h2 {
    font-size: 28px;
}

#marhaba h2, #mainContent div.faqOrangeThirds h2
{
    font-size: 24px;
}
.trp-header-bar
{
    background-color: transparent;
    color: #0088CE !important;
    border: none;
    text-shadow: none;
	filter: none;
}
h1.trp-header-bar
{
    background: url("/imagesv3/dnata/backgrounds/green-tri-h1.png") no-repeat scroll 0 17px transparent;
    padding: 10px 0px 2px 34px;
    font-size: 32px;
}
div.teaser-list-holder h2, h2.trp-header-bar, h3.trp-header-bar, h4.trp-header-bar
{
    background: url("/imagesv3/dnata/backgrounds/blue-triangle-30.png") no-repeat scroll 0 6px transparent !important;
    padding: 2px 0px 2px 25px;
}

input.searchUnitField, select.searchUnitField {

}

/* Extra line for dnata on flight search result */
.flightPricePrompt  
{
    text-align: center;
    margin-bottom: 8px;
}

/* dog search overrides */
.dogit
{
    width: 93px;
    height: 115px;
    background: url('/imagesv3/dnata/dnata-mascot-sm.png') no-repeat transparent 0 10px;
	position: absolute;
	top: 0;
	right: 15px;
}  

/* faqs */
.faqCatIcon
{
    background: url('/imagesv3/sprites/new-common-dnata.2.png') no-repeat scroll  0px -607px transparent; 
    padding: 0 0 0 30px;
}

.faqListIcon
{
    background: url('/imagesv3/sprites/new-common-dnata.2.png') no-repeat scroll 0px -648px transparent; 
    padding: 0 0 0 30px;
}

/* marhaba */
.smallLinkLink 
{
  font-size: 90%;
  list-style-type: disc; 
  list-style-position: outside; 
  padding: 0 0 0 15px;
}
#marhabaExtras th.leftCell, #marhabaExtras th.rightCell, #marhabaChauffeur th.leftCell, #marhabaChauffeur th.rightCell
{
    color: #ffffff;
    border-top: none;
    border-bottom: none;
    background-color: #0088CE;
}
#marhabaExtras td.leftCell, #marhabaExtras td.rightCell, #marhabaChauffeur td.leftCell, #marhabaChauffeur td.rightCell
{
    height: 38px;
    border-top: none;
    border-bottom: dotted 1px #3375A9;
}

/* manage your booking */
.h1-button 
{
    float: right;
    background-color: #005293;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3375A9), to(#005293)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#3375A9, #005293); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#3375A9, #005293); /* FF3.6 */
	background-image:     -ms-linear-gradient(#3375A9, #005293); /* IE10 */
	background-image:      -o-linear-gradient(#3375A9, #005293); /* Opera 11.10+ */
	background-image:         linear-gradient(#3375A9, #005293);
	background-clip: border-box;
    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    color: #ffffff!important;
    cursor: pointer;
    display: inline-block;
    font-family: Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    line-height: 150%;
    margin: auto;
    padding: 5px 10px;
    text-align: center;
}
.h1-button a
{
    color: #ffffff!important;
}
.h1-button:hover, .h1-button:focus
{
    background-image: none!important;
}

.brochure-link
{
    display: inline-block;
}
.brochure-link img
{
    width: 100%;
    height: auto;
    vertical-align: middle;
}

/* common sprite overides */
/* .trp-slideshow .nav-btn, .trp-slideshow ul.nav-list li a
{
    background-image: url("/imagesv3/sprites/new-common-dnata.2.png");    
} */

.trp-val-icon-invalid { background: url("/imagesv3/sprites/new-common-dnata.2.png") no-repeat -60px -608px; }
.trp-val-icon-warning { background: url("/imagesv3/sprites/new-common-dnata.2.png") no-repeat -92px -608px; }

/* shortlist input overrides */
.modalSignInForm .trp-textbox input.user-login-icon { background-image: url("icons/dnata/user-login.png"); }
.modalSignInForm .trp-textbox input.pass-login-icon { background-image: url("icons/dnata/pass-login.png"); }
ul.trade-wrapper { display: none; }
.verify-bg { background-image: url("/imagesv3/wide-hero-shots/sky-bg.jpg"); }

/* New Homepage Overrides */
/* .search-unit-wrapper { margin: 60px auto 20px auto; } */
/* .key-message-text-wrapper {display: none; } */
.landingPageTiles { clear: both; margin-top: 30px; }
ul.mega-deals .price { font-size: 40px; line-height: 40px; }
div.TextBanner { font-family: FSJoeyRegular, Tahoma, Verdana, Arial, Helvetica, Sans-Serif; background-color: #005293; color: #ffffff; margin: 30px 0 40px 0; padding: 50px 80px; text-align: center; }
div.TextBanner h1 { color: #ffffff; font-size: 30px; font-weight: normal; }
div.TextBanner p { font-size: 26px; line-height: 115%; }
ul.mega-deals .from { font-size: 20px; }
ul.key-messages { background-color: transparent; border: none; margin: 40px auto 10px auto; padding: 0 28px 0 0; }
/* ul.key-messages li { margin-top: 20px; margin-bottom: 20px; } */
ul.key-messages .wrapper { text-align: center; }
ul.key-messages .key-message-icon { float: none; margin-right: 0; }
ul.key-messages .wrapper .key-message-icon.small { display: none; }
ul.key-messages .wrapper .key-message-icon.medium { display: none; } 
ul.key-messages .wrapper .key-message-icon.large { display: inline-block; }
/* .key-message-text-wrapper { clear: both; text-align: center; } */
.social-media-links { display: none; }
a.scroll-to-top { background: #005293; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
	.key-message-icon
	{
		background-image: url(/imagesv3/sprites/retina/key-messages-dnata-retina.png);
		background-size: 487px 384px;
	}
	.trade-logo-panel { 
	background-image: url(/imagesv3/sprites/retina/key-messages-dnata-retina.png);  
	background-size: 487px 384px;
    background-position: -0px -291px;
	}
}

/* large icons - dnata only */
.key-message-icon.large { width: 94px; height: 94px; }
.key-message-icon.pricematchguarantee.large { background-position: -0px -168px; }
.key-message-icon.nobookfees.large { background-position: -120px -168px; }
.key-message-icon.hotels200k.large { background-position: -243px -168px; }
.key-message-icon.customercare247.large { background-position: -373px -168px; }

/* medium icons */
.key-message-icon.medium { width: 68px;	height: 68px; }
.key-message-icon.pricematchguarantee.medium { background-position: 0 0; }
.key-message-icon.nobookfees.medium { background-position: -87px 0; }
.key-message-icon.hotels200k.medium { background-position: -177px 0; }
.key-message-icon.customercare247.medium { background-position: -272px 0; }

/* search unit tabs */
ul.search-unit-tabs li  
{
    margin-right: -10px;
    padding-right: 0;
}
ul.search-unit-tabs .icon {
    margin-top: -12px;
    position: absolute;
    right: 40px;
    top: 50%;
}
ul.search-unit-tabs li a {
	padding: 10px 90px 5px 10px;
	border-radius: 0;
    margin: 0;
	border-color: transparent;
	background-color: transparent;
    background-repeat: no-repeat;
	background-position: right 1px;
	background-image: url(/imagesv3/sprites/nav-bg-dnata.png); 
}
ul.search-unit-tabs li a.active  	
{
	border-color: transparent;
	background-color: transparent;
    border-width: 0;
    margin: 1px 4px 0 0;
    background-repeat: no-repeat;
	background-image:url(/imagesv3/sprites/nav-bg-dnata.png);
	background-position: right -52px;  
}
.wide-group-link { width: 100%; }

ul.header-call-us {
    font-size: 130%;
    margin-bottom: 0;
}
ul.header-call-us .number { font-size: 100%; }

/* footer overides */
.trade-logo-awards { display: inline-block; width: 249px; height: 85px; 	background-color: transparent;
    background-repeat: no-repeat;
	background-position: 0px -291px;
	background-image: url(/imagesv3/sprites/key-messages-dnata.png);  }

/* Cruise search unit */
.search-unit-cruise-col.cruise-destination {
    float: left;
    width: 26%; 
}
.search-unit-cruise-col.cruise-when,
.search-unit-cruise-col.cruise-duration {
    float: left;
    width: 17%; 
}
.search-unit-cruise-col.cruise-line,
.search-unit-cruise-col.cruise-ship  {
    float: left;
    width: 20%; 
}
.search-unit-cruise-col.col-btn {
    float: right;
    width: 20%; 
}

/* Key Messages - responsive landing pages */
@media screen and (max-width: 1024px)
{
	ul.key-messages li
	{
		width: 50%;
		margin-bottom: 30px;
	}
	ul.key-messages .wrapper
	{
		padding: 0 20px 0 40px;
	}
    
    /* hotel landing page search tab overides */
	.hotel-landing-top-fixed-inner ul.search-unit-tabs li a { background-position: right -16px; }
	.hotel-landing-top-fixed-inner ul.search-unit-tabs li a.active { background-position: right -68px; }
	.hotel-landing-top-fixed-inner ul.search-unit-tabs .icon { position: absolute; right: 27px; top: 2px; } 
    .hotel-landing-top-fixed-inner ul.search-unit-tabs.small h2 { padding-top: 3px; margin-bottom: 2px; } 
    .hotel-landing-top-fixed-inner ul.search-unit-tabs.small a { padding: 6px 37px 2px 6px; }

/* Cruise search unit */
.search-unit-cruise-col.cruise-destination {
    float: left;
    width: 50%; 
}
.search-unit-cruise-col.cruise-when,
.search-unit-cruise-col.cruise-duration {
    float: left;
    width: 25%; 
}
.search-unit-cruise-col.cruise-line,
.search-unit-cruise-col.cruise-ship  {
    float: left;
    width: 33.333%; 
}
.search-unit-cruise-col.col-btn {
    float: right;
    width: 33.333%; 
}


} 

@media only screen and (max-device-width: 1024px) and (orientation:landscape) { 
	/* hotel landing page search tab overides */
	.hotel-landing-top-fixed-inner ul.search-unit-tabs li a { background-position: right -16px; }
	.hotel-landing-top-fixed-inner ul.search-unit-tabs li a.active { background-position: right -68px; }
	.hotel-landing-top-fixed-inner ul.search-unit-tabs .icon { position: absolute; right: 27px; top: 2px; } 
    .hotel-landing-top-fixed-inner ul.search-unit-tabs.small h2 { padding-top: 3px; margin-bottom: 2px; } 
    .hotel-landing-top-fixed-inner ul.search-unit-tabs.small a { padding: 6px 37px 2px 6px; }
}

 @media screen and (max-width: 768px) 
{
    div, p, a, li, td { -webkit-text-size-adjust:none; } /* stops iPad minimum font size resizing */
	ul.key-messages li
	{
		width: 50%;
		margin-bottom: 30px;
	}
	ul.key-messages 
	{
		margin-bottom: 0;
	}
} 

/* smaller than an iPad (portrait) */
@media screen and (max-width:767px) {
    .trade-logo-panel { display: none; }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
        .tick-list li {
            background-image: url('/imagesv3/promotional/apps/retina/green_tick_dnata.png'); 
            background-size: 25px auto;
        }
}

.tick-list {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
.tick-list li {
    padding-left: 40px; 
    background-image: url('/imagesv3/promotional/apps/green_tick_dnata.png'); 
    background-repeat: no-repeat; 
    background-position: 0 .5em; 
    font-size: 16px; 
    font-weight: normal; 
    line-height: 20px; 
    padding-top: 10px; 
    margin-bottom: 6px;
}