/* bootstrap layout*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('bootstrap/fonts/glyphicons-halflings-regular.eot#iefix') format('embedded-opentype'), url('bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff2'), url('bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('bootstrap/fonts/glyphicons-halflings-regular.svg') format('svg');
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float:left; padding-left:10px; padding-right:10px; box-sizing: border-box;
}

.col-sm-12, .col-md-12    { width: 100%; }
.col-sm-11, .col-md-11    { width: 91.66666667%; }
.col-sm-10, .col-md-10   { width: 83.33333333%; }
.col-sm-9, .col-md-9     { width: 75%; }
.col-sm-8, .col-md-8    { width: 66.66666667%; }
.col-sm-7, .col-md-7    { width: 58.33333333%; }
.col-sm-6, .col-md-6     { width: 50%; }
.col-sm-5, .col-md-5    { width: 41.66666667%; }
.col-sm-4, .col-md-4    { width: 33.33333333%; }
.col-sm-3, .col-md-3  { width: 25%; }
.col-sm-2, .col-md-2    { width: 16.66666667%; }
.col-sm-1, .col-md-1   { width: 8.33333333%; }

.col-md-offset-12, .col-sm-offset-12     { margin-left: 100%; }
.col-md-offset-11, .col-sm-offset-11    { margin-left: 91.66666667%; }
.col-md-offset-10, .col-sm-offset-10   { margin-left: 83.33333333%; }
.col-md-offset-9, .col-sm-offset-9     { margin-left: 75%; }
.col-md-offset-8, .col-sm-offset-8    { margin-left: 66.66666667%; }
.col-md-offset-7, .col-sm-offset-7     { margin-left: 58.33333333%; }
.col-md-offset-6, .col-sm-offset-6     { margin-left: 50%; }
.col-md-offset-5, .col-sm-offset-5     { margin-left: 41.66666667%; }
.col-md-offset-4, .col-sm-offset-4     { margin-left: 33.33333333%; }
.col-md-offset-3, .col-sm-offset-3     { margin-left: 25%; }
.col-md-offset-2, .col-sm-offset-2     { margin-left: 16.66666667%; }
.col-md-offset-1, .col-sm-offset-1     { margin-left: 8.33333333%; }
.container { box-sizing: border-box; }

.row { margin-left:-10px; margin-right:-10px; box-sizing: border-box; }
.row:after,
.row::after { clear: both; content: " "; display: table;  }

.panel { border:1px solid #EEEEEE; }

.panel-heading h1, .panel-heading h2, .panel-heading h3, .panel-heading h4, .panel-heading h5, .panel-heading h6 { margin:0; padding:0; color:#72CBCB; }

.panel-default { margin-bottom:20px; }
.panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #EEEEEE; }
.panel-heading { border-bottom: 1px solid transparent; padding:8px 10px; }
.panel-body { padding: 10px; }
.panel-body:after, .panel-body::after { clear:both; content: " "; }

.panel-body .panel, .panel-body .well   { margin-bottom:0; }
.panel-body .panel                      { margin-top:15px; }
.panel.panel-default.summary                        { border:0; }
.panel-body .panel.panel-default.summary            { margin-top:0; }
.panel.panel-default.summary > .panel-heading       { background-color:#FFFFFF; padding-left:0; padding-right:0; border-bottom:0; }
.panel.panel-default.summary > .panel-body          { background-color:#f5f5f5; margin-bottom:10px; }

.well { background-color:#f5f5f5; padding:10px; }

.form-group {
    margin-bottom:10px;
}

.form-group label {
    display:block;
    font-weight:bold;
}

.form-group.form-group-lg input,
.form-control.input-lg{
    padding: 9px 10px;
    border: 1px solid #cccccc;
    width: 100%;
    background: none #FFF;
    height: auto;
    line-height: 16px;
    margin: 0;
    box-sizing: border-box;
}


.form-group.form-group-lg select
.form-group select.input-lg {
    -webkit-appearance: menulist-button;
    padding: 10px 10px 8px;
    border: 1px solid #cccccc;
    width: 100%;
    line-height: 15px;
    height: 36px;
    margin: 0 0 10px 0;
}

.form-group .form-control-static{
    margin: 0;
    line-height: 36px;
}

.form-group.summary label { font-weight:normal; padding:0; }
.form-group.summary .form-control-static {
    margin:0;
    color:#666666;
    line-height:inherit;
    padding:0;
    font-size:16px;
}

.form-group.summary.traveller label {
    font-size:16px; 
    padding-left:50px;
    position:relative;
    line-height:43px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.form-group.summary.traveller label span {
    border: 1px solid #666666;
    display:block;
    width:40px;
    height:40px;
    border-radius: 50%;
    position:absolute;
    left:0;
    top:0;
    text-align:center;
    line-height:40px;
    font-size:12px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-addon {
    padding: 0 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

ul.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.input-group-addon, 
.input-group-btn, 
.input-group .form-control {
    display:table-cell;
}

/*  Color Palette
**************************************************************
Background: #fff
Borders: #dbdbdb
Text: #434343
Secondary Text: #999999
Main Accent: #999
Links: #5f97af
*/

/* CSS Reset - Do not change anything without consulting the Comair web department. 
***************************************************************/
head    {display: none;}
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, dd, dl, dt, li, ul, 
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%; line-height: 1.25em; font-family: inherit; text-align: left; }

html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, 
p, ul, center, dir, hr, menu, pre
{display: block;}

div                                                     { vertical-align: top; }
a, a:visited                                            { text-decoration: none; }
a img, :link img, :visited img                          { border: 0; }
q:before, q:after, blockquote:before, blockquote:after  { content: "" ; }

/* Remember focus styles! */
:focus                          { outline: 0; }

/* Tables */
table                           { display: table; }
tr                              { display: table-row; }
thead                           { display: table-header-group; }
tbody                           { display: table-row-group; }
tfoot                           { display: table-footer-group; }
col                             { display: table-column; }
colgroup                        { display: table-column-group; }
td, th                          { display: table-cell; vertical-align: middle; }
caption                         { display: table-caption; }
th                              { font-weight: bold; }
caption                         { text-align: center; }

/* HTML 5 elements as block */
header, footer, aside, nav, article { display: block; }

/* General
************************************************************** */

/* Default font settings. 
The font-size 100% sets the base font to 13px 

Pixels     EMs         Percent Points
6px     0.462em     46.2%     5pt
7px     0.538em     53.8%     5pt
8px     0.615em     61.5%     6pt
9px     0.692em     69.2%     7pt
10px     0.769em     76.9%     8pt
11px     0.846em     84.6%     8pt
12px     0.923em     92.3%     9pt
13px     1em         100%     10pt
14px     1.077em     107.7%     11pt
15px     1.154em     115.4%     11pt
16px     1.231em     123.1%     12pt
17px     1.308em     130.8%     13pt
18px     1.385em     138.5%     14pt
19px     1.462em     146.2%     14pt
20px     1.538em     153.8%     15pt
21px     1.615em     161.5%     16pt
22px     1.692em     169.2%     17pt
23px     1.769em     176.9%     17pt
24px     1.846em     184.6%     18pt
*/
body        { font-size: 81.3%; color: #666666; background: #dcdcdc; font-family: arial, verdana, helvetica, sans-serif; }

/* Headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, h7, .h7  { font-weight: normal; margin: 6px 12px 6px 0px; padding: 0px 12px 3px 0px; color: #90c63d; }

h1, .h1  { font-size: 1.462em; color: #90c63d; font-weight: bold; letter-spacing: normal; }
h2, .h2  { font-size: 1.308em; letter-spacing: normal; }
h3, .h3  { font-size: 1.231em; letter-spacing: normal; }
h4, .h4  { font-size: 1.154em; letter-spacing: normal; }
h5, .h5  { font-size: 1em; letter-spacing: normal; }
h6, .h6 { font-size: 0.923em; letter-spacing: normal; }
h7, .h6  { font-size: 0.769em; letter-spacing: normal; }

h1 small, .h1 .small
,h2 small, .h2 .small
,h3 small, .h3 .small
,h4 small, .h4 .small
,h5 small, .h5 .small
,h5 small, .h5 .small
,h6 small, .h6 .small{ font-size:65%; color: #666666; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; border: 0; }
img             { border: 0; }

/* Lists */
li ul, li ol    { list-style-type: circle; }
ol              { list-style-type: decimal; margin: 3px 0px 8px 0px; padding: 0 45px 0px 45px; }
ul              { list-style-type: disc; margin: 3px 0px 8px 0px; padding: 0 40px 0px 40px; }
dl              { margin: 0 0 1.5em 0; }
dl dt           { font-weight: bold; }
dd              { margin-left: 1.5em;}
li              { display: list-item; }

/* Text elements */
p                   { margin: 1em 0.462em; line-height: 1.538em; padding: 0; }
p img.left          { float: left; margin: 0.923em 0.923em 0.923em 0; padding: 0; }
p img.right         { float: right; margin: 0.923em 0 0.923em 0.923em; }
a:focus, a:hover    { text-decoration: underline; }
a                   { text-decoration: underline; }
q                   { color: #666666; font-style: italic; font-weight: bold; }
blockquote          { margin: 1em; color: #2E97A9; font-style: italic; padding: 0; padding: 5px; }
strong              { font-weight: bold; }
em, dfn             { font-style: italic; }
dfn                 { font-weight: bold; }
sup, sub            { line-height: 0; }
abbr, acronym       { border-bottom: 1px dotted #87C679; cursor: help; color: #87C679; }
sup                 { position: relative; bottom: 0.3em; vertical-align: baseline; }
sub                 { position: relative; bottom: -0.2em; vertical-align: baseline; }
abbr                { cursor: help; letter-spacing: 1px; border-bottom: 1px dashed; }
address             { margin: 0 0 0.923em; font-style: italic; }
del                 { color: #333; }
pre                 { margin: 0.923em 0; white-space: pre;}
pre, code, tt       { font: 1em 'andale mono' , 'lucida console' , monospace; line-height: 1.462em; }

/* General 
************************************************************** */
html, body          { height: 100%; }

/* Forms
************************************************************** */
form                            { margin: 0; padding: 0; display: inline; }
legend                          { font-size: 1.231em; font-weight: normal; margin: 0 0 1.2em 0; border: none; }
fieldset                        { padding: 0em; margin: 0.3em 0; border: 0px solid #dbdbdb; }
label                           { font-weight: normal; padding: 0.3em 0; }
label.forcheckbox               { margin: 0 0 0 .4em; display: inline; }

/*input[type="text"], input[type="password"] { display: block; padding: 0.3em; }*/

input[type="checkbox"]          { margin: .2em 0 1.2em 0; }
fieldset ol                     { list-style-type: none; padding: 0; margin: 0; }
fieldset ol li                  { margin: 0 0 6px 0; }
input, select, textarea         { font: 1em arial, helvetica, sans-serif; color: #666; margin: 2px 5px 0 0; }

/*button, textarea, input, select { display: inline; vertical-align: middle; margin: 2px 5px 0 0; color: #666; }*/
textarea                        { line-height: 1.25; color: #666; }

/* ie8 ie7 fixes */
.clear                          { clear: both; height: 0; padding: 0; margin: 0; line-height:0; }

/* CSS 3 Enhancements 
************************************************************** */
/* Generic Disabled button*/
input[type="submit"]:disabled, input[type="submit"]:hover:disabled, 
input[type="button"]:disabled, input[type="button"]:hover:disabled, 
input[type="reset"]:disabled, input[type="reset"]:hover:disabled, 
button:disabled, 
.button-disabled        { display: block; font-size: 18px; border: 1px solid #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3)); background: -moz-linear-gradient(top , #f6f6f6, #e3e3e3); background: #f6f6f6 url(../Content/grey/gen/grey-gradient.jpg) repeat-x center; color: #bbb; -moz-border-radius: 5px; border-radius: 5px; cursor: default; padding: 2px 15px; text-align: center;margin: .2em 0 2em 0; box-sizing: border-box; line-height: 22px; }

input[type="submit"], input[type="button"], input[type="reset"], button, .button, .button:link, .button:visited
{
		color: #666;
		background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb));
		background: -moz-linear-gradient(top , #F5F5F5, #cbcbcb);
		border: 1px solid #999;
		cursor: pointer;
		margin: .2em 0 2em 0;
		padding: .3em 1.8em;
		text-align: center;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:active, input[type="button"]:active,input[type="reset"]:active, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus
{
		text-decoration: none;
		background: #ebebeb;
		background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#ebebeb));
		background: -moz-linear-gradient(top , #e1e1e1, #ebebeb);
}

/* CSS 5 elements
***************************************************************** */
header, footer, aside, nav, article { display: block; }
header  { }
article { }
footer { }

/* GLOBAL GENERIC CLASSES */
.clear          { clear: both; }
.float-left     { float: left; }
.float-right    { float: right; }
.text-left      { text-align: left; }
.text-right     { text-align: right; }
.text-center    { text-align: center; }
.text-justify   { text-align: justify; }
.vert-top       { vertical-align: top; }
.vert-mid       { vertical-align: middle; }
.vert-bot       { vertical-align: bottom; }
.bold           { font-weight: bold; }
.italic         { font-style: italic; }
.underline      { border-bottom: 1px solid; }
.highlight      { color: #EAB543; }
.wrap           { width: 960px; margin: 0 auto; }
.nopadding      { padding: 0; }
.noindent       { margin-left: 0; padding-left: 0; }

/* ============================================================== */
/* CSS reset ends */

/* CSS - GENERAL SKIN =========================================== */
/* General site structure _______________________________________ */
html, body, center                              { vertical-align: top; text-align: center; }
body                                            { background-color: #f6f6f6; background-image: url('../Content/grey/bdy/bg.gif'); background-repeat: repeat-y; background-position: center; height: auto; }
.content-container, .layout-block-eg            { width: 960px; text-align: left; margin: auto; border: none; }

body, h1, h2, h3, h4, h5, h6, a, td, textarea, input, select, label, legend { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; color: #666666; }
select                      { border: 1px solid #CCCCCC; margin: 0; padding: 2px; }

.font-small {font-size: 12px;}

/* Content/Form Headings 
**************************************************************/
h1                          { font-size: 22px; color:#666666; font-weight:normal;}
h2                          { font-size: 20px; color:#00BCE4; font-weight:bold;}
h3                          { font-size: 16px; color:#999999; font-weight:bold;}
h4                          { font-size: 16px; color:#72CBCB; font-weight:bold;}
h5                          { font-size: 12px; color:#666666; font-weight:bold;}
h6                          { font-size: 12px; color:#00BCE4; font-weight:bold;}

h3.border                   { border:0; border-bottom: 1px solid #E0E0E0; padding-bottom: 10px; margin-bottom: 10px; }
h4.border                   { border:0; border-bottom: 1px solid #72CBCB; padding-bottom: 5px; margin-bottom: 5px; }

/* HEADER */
.hdr                                            { clear: both; width: 960px; margin: auto; }
.nav                                            { text-align: center; }
.nav-border                                     { width: 960px; }
/* CONTENT */
.content-container                              { min-height: 348px; padding-top: 10px; text-align: center; }
.content-wrapper                                { }
.layout-block-eg                                { width: 920px; text-align: left;}
/* FOOTER */

/* Header
************************************************************ */
.hdr-branding   {   }
.hdr-vitality   { position:absolute; right:-3px; top:0; z-index:99; }
.site-logo      { border: none; display: block; margin-left: 30px; padding-top: 10px; }

#layout-navigation  { clear: both; margin: auto; width: 980px; height: 103px; background-color: #F6F6F6; position: relative; }
.navbar-header      { padding: 0; width: 310px; float: left; }
.navbar-collapse    { padding: 0; width: 591px; float: right; }

#header { position:relative; }  

/* Footer 
************************************************************ */
.ftr-bar                    { background-image: url('../Content/grey/ftr/bbg.jpg'); background-repeat: repeat-x; clear:both; text-align: center; position:relative; height:35px; border-top:1px solid #EEEEEE;}
.ftr-bar-tag              	{ background-image: url('../Content/grey/ftr/tag.png'); background-repeat: no-repeat; width:194px; height:97px; position: absolute; top:-55px; right:-33px;}

#footer ul.listLinks               { margin: 15px 0 0 0; padding: 0; }
#footer ul.listLinks li            { list-style: none; margin-bottom: 5px; color:#8CC63F;}
#footer ul.listLinks li a          { text-decoration: none; }
#footer ul.listLinks li a:hover    { text-decoration: underline; }
#footer h4                         { font-size: 14px; font-weight: bold; color:#666666; margin:0; padding:0;}

#footer div.listLeftColumn	{ float:left; margin-right:20px;}
#footer div.listRightColumn { float:left; }

#layout-footer .ftrtd           { padding: 15px 5px 15px 5px; text-align: center; color: #999; border-top: solid 1px #EEEEEE; margin:0 20px; }

ul#social 		                { clear:both; }
ul#social li		            { list-style: none; float:left;}
ul#social a.socialLink        { display: block; cursor: pointer; text-decoration: none; vertical-align: middle; }
ul#social a:hover.socialLink  { text-decoration: none; }

#social span.sm				{ background-image: url('../Content/black/ftr/sm-28x28-v1.gif'); background-position: 0px 0px; background-repeat: no-repeat; display: block; height:28px; width:28px; vertical-align: middle;  margin: 0 4px 0 0;}
#social span.social1     	{ background-position: 0px 0px; } /* mobi */
#social span.social2    	{ background-position: -28px 0px; } /* facebook */
#social span.social3     	{ background-position: -56px 0px; } /* google+ */
#social span.social4     	{ background-position: -84px 0px; } /* twitter */
#social span.social5     	{ background-position: -112px 0px; } /* youtube */
#social span.social6     	{ background-position: -140px 0px; } /* instagram */

/* General site elements 
---------------------------------------------------------------- */
.arrow  { color: #8CC63F; }
.h-c1   { color: #2E97A9; }
.h-c2   { color: #87C679; }
.h-c3   { color: #666666; }
.h-c4   { color: #000000; }
.h-c5   { color: #FFFFFF; }


/* Custom table for for infomation display
----------------------------------------------------------------- */
TABLE.def-table                        { padding: 0; width: 100%; margin-top: 8px; border-collapse: collapse;}
/* RESET CONTAINER */
TABLE.def-table TD.container           { padding: 0; border: 0; width: 100%; }
TABLE.def-table TD.container TABLE     { padding: 0; margin: 0; width: 100%; border-collapse: collapse;}
TABLE.def-table TD.container TABLE TH  { border-top: 0; border-left: 0;}
TABLE.def-table TD.container TABLE TD  { border-top: 0; border-left: 0;}
TABLE.def-table TD.td_spacer           { height: 8px; padding: 0; }
TABLE.def-table TD.vert-top            { vertical-align: top; }
/*TR.CONTENT>TH&TD*/
/* TH.HEADER */
TABLE.def-table TH                  { background-color: #9ACE8E; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; font-size: 13px; font-weight: bold; color: #fff; text-align: center; }
TABLE.def-table TH.hd1              { background-color: #9ACE8E; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; font-size: 13px; font-weight: bold; color: #fff; }
TABLE.def-table TH.hd2              { background-color: #4CD0EC; }
TABLE.def-table TH.hd3              { background-color: #93D8E3; }
TABLE.def-table TH.hd4              { background-color: #72CBCB; }
/* TD.CONTENT */
TABLE.def-table TD                  { background-color: #F3F3F3; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; text-align: center; }
TABLE.def-table TD.cnt1             { background-color: #F3F3F3; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; }
TABLE.def-table TD.cnt2             { background-color: #EBEBEB; padding: 4px 5px; vertical-align: middle; }
TABLE.def-table TD.cnt3             { background-color: #E2E2E2; padding: 4px 5px; vertical-align: middle; }
TABLE.def-table TD.cnt4             { background-color: #D2D2D2; padding: 4px 5px; vertical-align: middle; }


/* Links 
---------------------------------------------------------------- */
/* Links - DEFAULT */
a, a:link, a:visited, a:active, a:focus                                                         { color: #8CC63F; font-family: arial, verdana, helvetica, sans-serif; text-decoration: underline; cursor: pointer; }
a:hover                                                                                         { color: #608828; }

/* Links - WHITE */
a.wh_link, a.wh_link:link, a.wh_link:visited, a.wh_link:active, a.wh_link:focus                 { color: #FFF; font-weight: bold; text-decoration: underline; cursor: pointer; }
a.wh_link:hover                                                                                 { color: #CCC; text-decoration: none; }
a.wh_link2, a.wh_link2:link, a.wh_link2:visited, a.wh_link2:active, a.wh_link2:focus            { color: #FFF; font-weight: bold; text-decoration: underline; cursor: pointer; }
a.wh_link2:hover                                                                                { color: #333; text-decoration: none; }
a.subNavLink, a.subNavLink:link, a.subNavLink:visited, a.subNavLink:active, a.subNavLink:focus  { color: #FFF; font-size: 11px; text-decoration: none; font-weight: bold; }
a.subNavLink:hover                                                                              { color: #333; font-size: 11px; text-decoration: underline; }


/* expander icons */
.exp-ico                            { height:11px; width:11px; background:url('../Content/grey/icons/expand.gif') no-repeat left top;}
.expand .exp-ico                    { background-position-x:-11px;}

/* Structure
***************************************************************/
#layout-wrapper { text-align: center; margin: 0 auto; }

#layout-header, #layout-featured, #layout-bar, #layout-before-main, #layout-main-container, #layout-main, #layout-footer, #layout-after-main, #layout-tripel {
		width:962px;
		margin:0 auto; 
}

.navbar-toggle      { display:none; }
.dropdown-toggle    {   }

/* Navigation 
***************************************************************/

ul.nav                              { padding: 0; margin: 0; list-style: none; display: inline-block; width: 100%; }
ul.nav li                           { display:block; }
ul.nav li:hover             		   { }
ul.nav li.current           		   { }
ul.nav a                        	   { cursor:pointer;}

ul.nav > li > ul                        { display: none; position: absolute; }
ul.nav > li:hover > ul                  { display:block; }

/* small navigation - this code needs to load before all the other navigations*/
.widget-navigation                          { position:absolute; bottom:0; right:6px; width:591px; background-image:url('../Content/grey/bdy/bg.gif'); background-repeat:repeat-y; background-position:top right; }
.widget-navigation .angle                   { margin-right:3px; width:575px; background-image:url('../Content/grey/hdr/ang.gif'); background-repeat: no-repeat; padding-left:16px; height:34px; width:auto; background-color:#f6f6f6; } /* navigation angle */

.widget-navigation ul                       { width:auto; display:block; background-color:#8BC53E; height:34px; padding-left:5px; margin:0; }
.widget-navigation ul li					{ display:block; float:left; list-style:none; border-left:0; border-top:0; border-bottom:0; border-right:1px solid #A0CF62; background-color:#8BC53E; margin:5px 0 -10px 0; padding:5px 0; }
.widget-navigation ul li.first				{ border-left:1px solid #A0CF62; }
.widget-navigation ul li.active			    { background-color:#FFFFFF; border-color:#FFFFFF; border-bottom:0; border-top:0; padding-top:10px; padding-bottom:10px;}
.widget-navigation ul li.active a			{ color:#8BC53E;}

.widget-navigation a,		
.widget-navigation a:link,
.widget-navigation a:hover,
.widget-navigation a:visited				{ color:#ffffff; text-decoration:none; padding:0 16px 0 17px; }
.widget-navigation a:hover 					{ text-decoration:underline; }

/*profile navigation*/

.widget-VitalityNavSum              { position:absolute; right:9px; bottom:0; display:block; z-index:99; /*reset default:*/ width:auto; background:none; }
.nav-profile                        { }
.nav-profile ul                     { list-style: none; padding:0; margin:0; /*reset default:*/ background:none; height:auto;}
.nav-profile ul li                  { color:#FFFFFF; /*reset default:*/ border:0; float:none; margin:0; background:none; padding:0;}
.nav-profile > ul > li              { background-color:#00BCE4; padding:9px 25px 8px 45px; font-size:14px; position:relative; cursor:pointer; background-image:url('../Content/grey/nav/profile-ico.gif');background-repeat:no-repeat; background-position:20px 10px;}
.nav-profile > ul > li > ul         { display:none; width:250px; padding:5px; background-color:#00BCE4; position:absolute; right:0; top:34px;}
.nav-profile > ul > li:hover > ul   { display:block; }

.nav-profile h2                     { color:#FFFFFF; padding: 5px 12px 10px; margin: 0; font-size:16px;}
.nav-profile .member-profile        { background-color:#FFFFFF; padding:15px; color:#666666; }
.nav-profile table                  { margin:0 0 10px;}
.nav-profile .stat                  { font-weight:bold; }
.nav-profile .stat-val              { font-weight:bold; color:#00BCE4; }
.nav-profile span                   { display:block; color: #8CC63F; margin-top:2px;}
.nav-profile .logout                { margin-top:20px;}

.nav-profile ul.list-members            { background-color:#F9F9F9; padding:10px 10px 0 10px; margin:5px 0; cursor:auto; color: #666;}
.nav-profile ul.list-members li         { font-size:11px; color:#666666; font-weight:normal;}
.nav-profile ul.list-members > li       { font-weight:bold; margin-bottom:7px; }
.nav-profile ul                         { clear:both; }
.nav-profile ul.list-members ul > li    { display:block; width:99px; float:left; padding-bottom:10px; font-weight:normal; }

.nav-profile a.link                 { position:relative; /*reset default:*/ color: #8CC63F; padding:0;  }
.nav-profile a.content-btn-small    { /*reset default:*/ padding:4px 15px; }

.nav-profile .exp-ico               {  position:absolute; top:-1px; left:85px;}

/* drop down menu */
.widget-DropDownMenu                                   { position:absolute; right:6px; top:0; z-index:99; background-image:url('../Content/grey/bdy/bg.gif'); background-repeat:repeat-y; height:103px; background-position:top right; display:block; }
.widget-DropDownMenu .angle                            { margin-right:3px; padding:0;background-image: url('../Content/grey/nav/an.jpg'); background-repeat:no-repeat; display:block; padding-left:48px; height:103px; }

.widget-DropDownMenu ul > li > ul                      { display:none; position:absolute; border:none; margin:105px 0 0 0; padding:0; right:3px; box-shadow: 1px 1px 2px #BBBBBB; background-color:#FFFFFF; width:962px; list-style:none; height:auto;}
.widget-DropDownMenu ul > li > ul > li                 { border:0; }
.widget-DropDownMenu ul > li a                         { font-size:13px; }

.widget-DropDownMenu ul li                             { float:none; padding:0; margin:0; }

.widget-DropDownMenu ul li.first                       { margin-left:10px; }

.widget-DropDownMenu ul.menu-drop-down							        { display:inline-block; background-color:#8CC63F; background-image:url('../Content/grey/nav/gbk.jpg'); background-repeat:repeat-x; width:540px; height:103px; list-style:none; margin:0; padding:0; }

.widget-DropDownMenu ul.menu-drop-down li.dropdown					    { display:block; float:left; text-align:center; background-color:transparent; border:none; background-image: url('../Content/grey/nav/bar.gif'); background-position: 0 0; background-repeat: no-repeat; margin-top:5px; margin-right:0; margin-bottom:-1px; } 
.widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico				{ display:block; float:left; color:#FFFFFF; text-align:center; padding:2px 4px 24px 5px; text-decoration:none;line-height:24px;}
.widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico span			{ margin:10px 10px 5px 10px; height:46px; width:46px; text-align:center; background-image: url('../Content/grey/nav/ico_v-2.gif'); background-position: 0 0; background-repeat: no-repeat; display: block;}

.widget-DropDownMenu ul.menu-drop-down li.dropdown:hover				{ box-shadow: 1px 1px 2px #cccccc;}
.widget-DropDownMenu ul.menu-drop-down li.dropdown:hover a.ico		    { background-color:#FFFFFF; color:#8CC63F; }

.widget-DropDownMenu ul.menu-drop-down div.trav a.ico span			{ background-position: 0 0; }
.widget-DropDownMenu ul.menu-drop-down div.flig a.ico span			{ background-position: -46px 0; }
.widget-DropDownMenu ul.menu-drop-down div.hote a.ico span			{ background-position: -92px 0; }
.widget-DropDownMenu ul.menu-drop-down div.carh a.ico span			{ background-position: -138px 0; }
.widget-DropDownMenu ul.menu-drop-down div.pack a.ico span			{ background-position: -184px 0; }
.widget-DropDownMenu ul.menu-drop-down div.mana a.ico span			{ background-position: -230px 0; }
.widget-DropDownMenu ul.menu-drop-down div.info a.ico span			{ background-position: -276px 0; }
.widget-DropDownMenu ul.menu-drop-down div.login a.ico span			{ background-position: -322px 0; }

.widget-DropDownMenu ul.menu-drop-down li:hover div.trav a.ico span		{ background-position: 0 -46px; }
.widget-DropDownMenu ul.menu-drop-down li:hover div.flig a.ico span		{ background-position: -46px -46px; }
.widget-DropDownMenu ul.menu-drop-down li:hover div.hote a.ico span		{ background-position: -92px -46px; }
.widget-DropDownMenu ul.menu-drop-down li:hover div.carh a.ico span		{ background-position: -138px -46px; }
.widget-DropDownMenu ul.menu-drop-down li:hover div.pack a.ico span		{ background-position: -184px -46px; }
.widget-DropDownMenu ul.menu-drop-down li:hover div.mana a.ico span		{ background-position: -230px -46px; }
.widget-DropDownMenu ul.menu-drop-down li:hover div.info a.ico span		{ background-position: -276px -46px; }
.widget-DropDownMenu ul.menu-drop-down li:hover div.login a.ico span	{ background-position: -322px -46px; }
.widget-DropDownMenu ul.menu-drop-down li:hover						    { background-image:none; }

.widget-DropDownMenu ul.menu-drop-down div.drop						{ margin:-2px 0 0 0; border-bottom:3px solid #BBBBBB; padding:20px 0 20px 30px; background-image:url('../Content/grey/nav/bk.jpg'); background-position:bottom; background-repeat:repeat-x; background-color:#ffffff; }

.widget-DropDownMenu div.drop .colu						    { float:left; border-right:1px solid #F5F5F5; padding:0; margin-right:37px;}
.widget-DropDownMenu div.drop .colu.last					{ margin:0; padding:0; border:none;}

.widget-DropDownMenu div.drop .colu.sl						{ height:100px;}
.widget-DropDownMenu div.drop .colu.md						{ height:180px;}
.widget-DropDownMenu div.drop .colu.lg						{ min-height:220px;}

.widget-DropDownMenu div.drop div.head						{ color:#666666; font-size:16px; padding-left:40px; padding:5px 37px 5px 40px; background-image:url('../Content/grey/nav/ico-blue.gif'); background-position:0 0; background-repeat:no-repeat; }

.widget-DropDownMenu div.drop div.flig					{ background-position:0 -60px; }
.widget-DropDownMenu div.drop div.hote					{ background-position:0 -120px; }
.widget-DropDownMenu div.drop div.carh					{ background-position:0 -150px; }
.widget-DropDownMenu div.drop div.pack					{ background-position:0 -180px; }
.widget-DropDownMenu div.drop div.info					{ background-position:0 -210px; }
.widget-DropDownMenu div.drop div.depa					{ background-position:0 -30px; }
.widget-DropDownMenu div.drop div.arri					{ background-position:0 -90px; }
.widget-DropDownMenu div.drop div.loca					{ background-position:0 -240px; }
.widget-DropDownMenu div.drop div.inte					{ background-position:0 -270px; }
.widget-DropDownMenu div.drop div.cabs					{ background-position:0 -300px; }
.widget-DropDownMenu div.drop div.them					{ background-position:0 -330px; }
.widget-DropDownMenu div.drop div.pret					{ background-position:0 -360px; }
.widget-DropDownMenu div.drop div.check					{ background-position:0 -390px; }

.widget-DropDownMenu div.drop ul.list				{ display:block; list-style:none; width:auto; margin:15px 36px 0 0; padding:0; box-shadow:none; background:none; height:auto;}
.widget-DropDownMenu div.drop ul.list li			{ border:0; background:none; margin:0; padding:0 0 5px 0; position:relative;}
.widget-DropDownMenu div.drop ul.list li a			{ background:none; line-height:16px; text-decoration:none; display:inline; padding:0; color:#8CC63F; }
.widget-DropDownMenu div.drop ul.list li a:hover	{ background:none; color:#608828;}
.widget-DropDownMenu div.drop ul.list li.sub		{ color:#00bce4; font-size:14px; font-weight:bold; margin-bottom:2px; margin-top:10px;}
 
.widget-DropDownMenu div.drop ul.list li i			{ font-style:italic; font-size:11px; margin-top:2px; color:#999999; display:block; left:100px; top:0; position:absolute; }
.widget-DropDownMenu div.drop ul.list li b			{ font-size:10px; color:#999999; }
.widget-DropDownMenu div.drop ul.list li.inf		{ font-size:12px; font-weight:normal; color:#999999; line-height:13px; margin-top:15px; }
.widget-DropDownMenu div.drop ul.list li.inf a		{ font-size:12px; line-height:13px; }

.widget-DropDownMenu div.drop ul.doub				{ float:left;}
.widget-DropDownMenu div.drop ul.doub.width         { width: 325px; }

.widget-DropDownMenu div.more                       { position:absolute; bottom:3px; right:0;}
.widget-DropDownMenu div.more a					    { text-decoration:none; line-height:24px; font-size:10px; display:block; background-image:url('../Content/grey/nav/more.gif'); background-position:0 0; background-repeat:no-repeat; padding:4px 10px 4px 25px;} 
.widget-DropDownMenu div.more a:hover			    { text-decoration:underline;}

.widget-DropDownMenu span.more				    { position: absolute; bottom:20px; }
.widget-DropDownMenu span.more a				{ padding:0; text-decoration:none; color:#8CC63F;}
.widget-DropDownMenu span.more a:hover          { color:#608828;}

.widget-DropDownMenu div.drop.manage .colu      { width:22%; margin-right:20px;}
 .widget-DropDownMenu div.drop.manage .colu.filter      { width:47%; }

 .widget-DropDownMenu div.drop.manage .colu.filter div.head,
 .widget-DropDownMenu div.drop.manage .colu.filter ul.list { margin-right:20px; }

.widget-DropDownMenu div.drop ul.tabs               { right: initial; height:36px; display:block; margin:0; box-shadow:none; position:relative; width:99.99%; background-color:#FFFFFF; }
.widget-DropDownMenu div.drop ul.tabs li            { height:auto; display:block; color: #8CC63F; text-align:center; font-size:12px; padding: 9px 0 8px; line-height: 17px; border-left: 1px solid #E4E4E4; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; }
.widget-DropDownMenu div.drop ul.tabs li.selected   { background-color: #72CBCB; color:#FFFFFF; }

.widget-DropDownMenu div.drop ul.tabs li:last-child    { border-right: 1px solid #E4E4E4; }

.widget-DropDownMenu div.drop ul.tabs li.manageCarrierMenu  { width:32.98%; }
.widget-DropDownMenu div.drop ul.tabs li.manageTypeMenu     { width:24.68%; }

 .widget-DropDownMenu div.drop.manage a.content-btn-small    { color:#FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#8BC53D), to(#7DB237)); background: -moz-linear-gradient(top , #8BC53D, #7DB237); background: #85BD3A url(../Content/grey/gen/green-gradient.jpg) repeat-x center; border: 1px solid #7DB137; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: 4px 15px; margin-bottom: 5px; text-transform:none; display:block; width:80%;}
  .widget-DropDownMenu div.drop.manage a.content-btn-small:hover { background: #7DB137; color: #FFFFFF; text-decoration: none; }

  .widget-DropDownMenu div.drop.manage .colu.filter ul.list.doub { width:45%; margin-right:10px; margin-top:15px; }
  .widget-DropDownMenu div.drop.manage .colu.filter ul.list.doub .inf { margin-top:0; }
  .widget-DropDownMenu div.drop.manage .colu.filter ul.list.doub li { padding-bottom:0; }
    .widget-DropDownMenu div.drop.manage .colu.filter ul.list.doub a.content-btn-small { margin:0; }

    .widget-DropDownMenu div.drop.manage .tab-content { border:0; padding:0; }

/* Layout */
#layout-header                      { }
		#branding {}
		#branding a {}
#layout-bar                         { border-top: 5px solid #00BCE4; width:962px; margin: 0 auto; font-size:0px; line-height:0; }
#layout-navigation {}
#layout-featured {}
#layout-before-main {}
#layout-main-container              { display: block; width: 960px; height: auto; }
#layout-main                        { display: block; width: 960px; height: auto; }
		#aside-first                {  }
		#layout-content             { display: block; margin: 30px 20px 20px; width: 920px; height: auto; }
				#messages           { display: inline-block; width: 100%; height: auto; }
				#before-content     { display: inline-block; width: 100%; height: auto; }
				#content            { display: block; width: 100%; height: auto; }
				#after-content      { display: inline-block; width: 100%; height: auto; }
		#aside-second               { display: block;  } 
#layout-after-main                  { clear: both; }
#layout-tripel {}
		#tripel-first               { padding: 0 33px 0 20px; border-right: 1px solid #EEEEEE; float: left; }
		#tripel-second              { padding: 0 43px; border-right: 1px solid #EEEEEE; float: left; }
		#tripel-third               { padding: 0 43px; float: left; }
#layout-footer {}
        #footer                     { clear: both; width: 920px; margin: auto; }
		#footer-quad				{ margin: auto; width:920px; overflow:hidden; margin:0 0 15px 0; font-size:12px; text-align:center; }
		#footer-quad ul				{ margin: 10px 0 0 0; padding: 0;}
		#footer-quad ul li			{ list-style: none; margin-bottom: 5px; }
		#footer-quad ul	li a		{ text-decoration: none;}
		#footer-quad ul	li a:hover	{ text-decoration: underline;}
		#footer-quad h4				{ font-size: 14px; font-weight: bold; color:#666666; margin:0; padding:0;}
		#footer-quad-first ,
		#footer-quad-second,
		#footer-quad-third,   
		#footer-quad-fourth         { float: left; border-right: solid 1px #eeeeee; padding:0 20px; height:112px; }
        #footer-quad-fourth         { border-right: none; }
		#footer-sig                 { clear: both; }
		
/* Zones */
.zone 
{
		/* padding: 12px; */
		
		/*  Enable this to see zone visualizations
		background-color: yellow;
		box-shadow:inset 0 0 1px purple;
		-moz-box-shadow:inset 0 0 1px purple;
		-webkit-box-shadow:inset 0 0 1px purple;
		*/
} 
.zone-header                        { }
.zone-navigation                    { }
.zone-featured {}
.zone-beforemain {}
.zone-aside-first {}
.zone-messages {}
.zone-beforecontent {}
.zone-content                       { display: block; width: 100%; }
.zone-aftercontent {}
.zone-aside-second {}
.zone-after-main                    { padding: 50px 20px 0 20px;}
.zone-zone-tripelfirst {}
.zone-zone-tripelsecond {}
.zone-zone-tripelthird {}
.zone-footer-quadfirst {}
.zone-footer-quadsecond {}
.zone-footer-quadthird {}
.zone-footer-quadfourth {}
.zone-footer {}

/* Main
***************************************************************/

/* Content lists and details */
.content-description                { font-size: 1.154em; }
.content-items                      { padding: 0; margin: 0; list-style: none; }
.content-items li                   { padding: 0; margin: 0; }
.content-items .content-item        { padding: 6px 0 6px 0; } /*removed 'border-top: 1px solid #dbdbdb' had global impacts on core repeated elements - Kewyn - This comment will be removed on the 21st of June*/
.content-items .content-item header {}
.content-items .content-item header h1 { font-size: 1.308em; color:#ff0000; }
.content-items .content-item header h1 a { color: #434343; }
.content-items .content-item header h1 a:hover {}

/* General Content Buttons */
p.button-p             { margin: 20px 5px; }
a.content-btn,
a.content-btn-big,
a.content-btn-secondary,
a.content-btn-tertiary,
a.tab-content-btn,
.banner a.FaresSelectorLinks,
a.content-btn:visited,
a.content-btn-big:visited,
a.content-btn-secondary:visited,
a.content-btn-tertiary:visited,
.banner a.FaresSelectorLinks:visited  { color: #fff; font-size: 18px; font-weight: normal; text-transform: lowercase; text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, from(#8BC53D), to(#7DB237)); background: -moz-linear-gradient(top , #8BC53D, #7DB237); background: #85BD3A url(../Content/grey/gen/green-gradient.jpg) repeat-x center; border: 1px solid #7DB137; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: 4px 15px; margin-bottom: 10px; margin-right: 5px; text-align: center; width: auto; } 

a.content-btn .caps             { text-transform: uppercase; }

a.content-btn:hover,
a.content-btn-big:hover,
a.content-btn-secondary:hover,
a.content-btn-tertiary:hover,
.banner a.FaresSelectorLinks:hover    { background: #7DB137; color: #FFFFFF; text-decoration: none; }  

a.content-btn-small,
a.content-btn-secondary-small,
a.content-btn-tertiary-small,
a.tab-content-btn,
a.content-btn-small:visited,
a.content-btn-secondary-small:visited,
a.content-btn-tertiary-small:visited,
a.tab-content-btn:visited { color: #fff; font-size: 14px; font-weight: normal; text-transform: lowercase; text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, from(#8BC53D), to(#7DB237)); background: -moz-linear-gradient(top , #8BC53D, #7DB237); background: #85BD3A url(../Content/grey/gen/green-gradient.jpg) repeat-x center; border: 1px solid #7DB137; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: 4px 15px; margin-bottom: 10px; margin-right: 5px; text-align: center; width: auto; } 

a.content-btn-small:hover,
a.content-btn-secondary-small:hover,
a.content-btn-tertiary-small:hover,
a.tab-content-btn:hover { background: #7DB137; color: #FFFFFF; text-decoration: none; }

    a.content-btn.disabled,
    a.content-btn-small.disabled,
    a.content-btn-big.disabled,
    a.content-btn-secondary.disabled,
    a.content-btn-secondary-small.disabled,
    a.content-btn-tertiary.disabled,
    a.content-btn-tertiary-small.disabled,
    a.tab-content-btn.disabled {
       border-color: #ccc;
       color: #bbb;
       background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3)); 
       background: -moz-linear-gradient(top , #f6f6f6, #e3e3e3); 
       background: #f6f6f6 url(../Content/grey/gen/grey-gradient.jpg) repeat-x center;
    }

/* Tags */
.tags                               { margin-top: 12px; }
.tags a                             { background-color: #dbdbdb; padding: 3px 6px; color: #434343; }
.tags a:hover                       { background-color: #434343; color: #fff; }

/* Metadata */
.metadata                           { margin: 0 0 12px 0; color: #999; font-size: 0.846em; }
.metadata .published                { display: inline; margin: 0 6px 0 0; }
.metadata .commentcount             { display: inline; }
.meta {}

/* Comments */
#comments                           { margin: 24px 0 0 0; padding: 0; }
.comment-form                       { margin: 24px 0 0 0; padding: 0; }
.comments                           { margin: 0; padding: 0; list-style: none; }
.comments li                        { margin: 12px 0 0 0; padding: 12px; border: 1px solid #dbdbdb; }
.comment                            { margin: 0; padding: 0; }
.comment h4                         { font-size: 1.077em; }
.comment .who {}
.comment .what {}
.comment #add-comment {}
.comment-form #comment-by           { font-size: 1.231em; font-weight: normal; margin: 0 0 1.2em 0; border:none; }
.comment-form #comment-text         { width: 33.2em; }
.comment-form input[type="text"]    { width: 32em; }
.comment-disabled {}
.comment-count                      { font-size: 1.231em; }

/* Confirmations */
.message, .validation-summary-errors { margin:10px 0 4px 0; }
.messages a                         { font-weight:bold; }
.message-Information                { background:#e6f1c9; /* green */ border:1px solid #cfe493; color:#062232; }
.message-Warning                    { background:#fdf5bc; /* yellow */ border:1px solid #ffea9b; }
.critical.message, .validation-summary-errors, .message-Error { background-color: #FDD8D8; background-image: url("../Content/grey/icons/note-error.gif"); border: 1px solid #FBA4A4; background-position: 5px 5px; background-repeat: no-repeat; min-height: 20px; padding: 10px 10px 10px 45px; color: #9E0000; clear: both;  }
.message-warning { background-color: #FCF3E0; background-image: url("../Content/grey/icons/note-warning.gif"); border: 1px solid #EAB543; background-position: 5px 5px; background-repeat: no-repeat; min-height: 20px; padding: 10px 10px 10px 45px; color: #666666; clear: both;  }
.message-Error h1 { font-size: 20px; color: #9E0000; margin-top: 0; }

.message-Success { min-height:20px; background-color:#eaf6ea; background-position: 5px 5px; background-repeat: no-repeat; background-image: url("../Content/grey/icons/note-success.gif"); border:1px solid #307E40; padding: 10px 10px 10px 45px}
    .message-Success h1 { font-size: 20px;color: #307E40; margin-top: 0;}

/* Pop up dialog - error msg */
.error-retry { background-color: #FCF3E0;  background-image: url("../Content/grey/icons/note-warning.gif"); background-position: 10px 14px; background-repeat: no-repeat;border: 1px solid #EAB543; color: #666666; width: auto; padding: 20px 20px 20px 50px; text-align: left; font-size: 17px; }
.error-critical { background-color: #FDD8D8; background-image: url("../Content/grey/icons/note-error.gif"); background-position: 10px 14px; background-repeat: no-repeat; border: 1px solid #FBA4A4; color: #9E0000; width: auto; padding: 20px 20px 20px 50px; text-align: left; font-size: 17px; }
.error-retry h1 { margin-top: 0; color: #EAB543; }
.error-critical h1 { margin-top: 0; color: #9E0000; }
.error-retry .div-btn,
.error-critical .div-btn   { display: block; text-align: right; margin-top: 15px; }
.error-retry p,
.error-critical p          { font-size: 14px; padding: inherit 0; color: #666666; }
.error-retry h1 { margin-top: 0; color: #EAB543; font-size: 22px; }
.error-critical h1 { margin-top: 0; color: #9E0000; font-size: 22px; }

.validation-summary-errors ul       { margin: 3px 0; padding-left: 0; }
.validation-summary-errors li       { list-style: none; line-height: 16px; }

h1.error, h2.error, h3.error {color: #9e0000;}


/* Secondary
***************************************************************/

/* Aside Zones */
/* If zone 1 is on */
.aside-1 #layout-content { float: right; width: 630px; margin: 30px 20px 20px;  }
.aside-1 .aside-first { float: left; width: 250px; margin: 30px 20px 20px;  }

/* If zone 2 is on */
.aside-2 #layout-content { float: left; width: 630px; margin: 30px 20px 20px; *margin-left: 10px; } /* IE6 fix */
.aside-2 .aside-second { float: right; width: 250px; margin: 30px 20px 20px; *margin-right: 10px; } /* IE6 fix */

/* If zones 1, 2 are on */
.aside-12 #layout-content { width: 630px; }
.aside-12 .aside-first, .aside-12 .aside-second { width: 125px; }
.aside-12 .aside-first, .aside-12 .aside-second, .aside-12 #layout-content { float:left; }

/* Tripel Zones*/
#layout-tripel > div { float:left; width:960px; }

/*2 zones on */
.tripel-12 #layout-tripel > div { width:480px; } /* If zones 1, 2 are on */
.tripel-23 #layout-tripel > div { width:480px; } /* If zones 2, 3 are on */
.tripel-13 #layout-tripel > div { width:480px; } /* If zones 1, 3 are on */

/*3 zones on */
.tripel-123 #layout-tripel > div { width:320px; } /* If zones 1, 2, 3 are on */

/* Quad Footer Zones */
/* #footer-quad > div { float:left; width:220px; } */
#footer-quad > div {  }

/*1 zone on */
.split-1 #footer-quad-first { width:960px; } /* If zone 1 is on */
.split-2 #footer-quad-second { width:960px; } /* If zone 2 is on */
.split-3 #footer-quad-third { width:960px; } /* If zone 3 is on */
.split-4 #footer-quad-fourth { width:960px; } /* If zone 4 is on */

/*2 zones on */
.split-12 #footer-quad-first, .split-12 #footer-quad-second { width:480px; } /* If zones 1, 2 are on */
.split-13 #footer-quad-first, .split-13 #footer-quad-third { width:480px; } /* If zones 1, 3 are on */
.split-14 #footer-quad-first, .split-14 #footer-quad-fourth { width:480px; } /* If zones 1, 4 are on */
.split-23 #footer-quad-second, .split-23 #footer-quad-third { width:480px; } /* If zones 2, 3 are on */
.split-24 #footer-quad-second, .split-24 #footer-quad-fourth { width:480px; } /* If zones 2, 4 are on */
.split-34 #footer-quad-third, .split-34 #footer-quad-fourth { width:480px; } /* If zones 3, 4 are on */

/*3 zones on */
.split-234 #footer-quad-second { width:480px; } /* If zones 2, 3, 4 are on */
.split-134 #footer-quad-first { width:480px; } /* If zones 1, 3, 4 are on */
.split-124 #footer-quad-fourth { width:480px; } /* If zones 1, 2, 4 are on */
.split-123 #footer-quad-third { width:480px; } /* If zones 1, 2, 3 are on */

/* Widgets
***************************************************************/
.widgets {}
.widget h1 {  }

/* Edit Mode Widgets */
/* These are the edit controls that appear when you're logged-in */
.widget-control { position: relative; border: 1px dotted #5f97af; }
.widget-control .manage-actions { position:absolute; top: 0px; right: 0px; }
.widget-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px;  }
.widget-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }

/* Content Mode */
.content-control { border: 1px dotted #5f97af; overflow:auto; position: relative; }
.content-control .manage-actions { position:absolute; top: 0px; right: 0px; }
.content-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px;  }
.content-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }


/* Misc
***************************************************************/

.small      { font-size: 0.615em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.231em; line-height: 2.231em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.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; padding-bottom:0; }

.credits                    { float: left; }
.user-display               { background-color: #FFFFFF; border: 1px solid #CCCCCC; float: right; margin: 0 10px 0 0; padding: 5px 15px; }
.user-display .welcome      {}
.user-display .user-actions {}

.login-form                 { margin: 24px 0 0 0; }
.price                      { color: #00BCE4; text-align: right; font-weight: bold; font-size: 16px; }
.currency                   { font-size: 10px; font-weight: normal; margin-right:2px;}
.cents                      { font-size: 10px; font-weight: normal; }

.uppercase                  { text-transform: uppercase; }

tr.disabled td,
tr.disabled select              { color: #B5B5B5; }

/* CSS 3 Enhancements 
***************************************************************/

input[type="submit"], input[type="button"], input[type="reset"], button, .button, .button:link, .button:visited
{
		color: #fff;
		font-size: 18px;
		font-weight: normal;
		text-transform: lowercase;
		background: -webkit-gradient(linear, left top, left bottom, from(#8BC53D), to(#7DB237));
		background: -moz-linear-gradient(top , #8BC53D, #7DB237);
		background: #85BD3A url(../Content/grey/gen/green-gradient.jpg) repeat-x center;
		border: 1px solid #7DB137;
		-moz-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
		padding: .15em .8em;
		margin-bottom: 10px;
		text-align: center;
		min-width: 80px;
}
input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover, input[type="submit"]:active, input[type="button"]:active,input[type="reset"]:active, input[type="submit"]:focus, input[type="button"]:focus,input[type="reset"]:focus, button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus
{
		text-decoration: none;
		background: #7DB137;
}

input[type="button"]:hover:disabled, input[type="button"]:active:disabled, input[type="button"]:focus:disabled, button:hover:disabled, .button:hover:disabled, button:active:disabled, .button:active:disabled, button:focus:disabled, .button:focus:disabled
{
    border: 1px solid #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3)); background: -moz-linear-gradient(top , #f6f6f6, #e3e3e3); background: #f6f6f6 url(../Content/grey/gen/grey-gradient.jpg) repeat-x center; color: #bbb;
}

input[type="text"], input[type="password"]
{
		border: 1px solid #CCCCCC;
		padding: 2px;
		width: 150px;
}

article.homepage header,
article.VitalityInternationalFlight header,
article.VitalityDomesticFlight header,
article.VitalityHotelCollection header      { display: none;}

/* remove .booking-selector {float: left; width: 100%; z-index: 1; }*/
#submitholder { margin-top: 15px; display: block; }

input.primaryAction         { color: #fff; font-size: 18px; font-weight: normal; text-transform: lowercase;	background: -webkit-gradient(linear, left top, left bottom, from(#8BC53D), to(#7DB237)); background: -moz-linear-gradient(top , #8BC53D, #7DB237); background: #85BD3A url(../Content/grey/gen/green-gradient.jpg) repeat-x center; border: 1px solid #7DB137; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: .15em .8em; margin-bottom: 10px; text-align: center; float: right; min-width: 100px; margin-left: 10px; }
input.primaryAction:hover   { color: #fff; background-color: #7DB137; text-decoration: none; }

#submitholder input[type="button"],
#submitholder input[type="submit"] { float:right; }

.javascript-error { position:fixed; bottom:0; text-align:center; z-index:999; width:905px; }
.javascript-error p { margin:0; }

/* new: column
***************************************************************/
.clms-box div       { box-sizing: border-box; }
.clms-box           { margin-left:-10px; margin-right:-10px; clear:both; }

.clms-box:after,
.clms-box::after { clear:both; display:block; content:""; }

.clms-box .image    { background-position:50% 50%; background-size:cover; display:block; margin:0 auto; background-repeat:no-repeat; }

.clms-box .clms-box .clm { padding-top:0; padding-bottom:0; }

.clm			    { float:left; width:100%; padding:10px; }

.half			    { width: 50%; }
.third			    { width: 33.33333333%; }
.forth              { width: 25% }
.fifth              { width: 20%; }
.sixth              { width: 16.66666667%; }

.clms-box .col-15    { width: 20%; }
.clms-box .col-12    { width: 100%; }
.clms-box .col-11    { width: 91.66666667%; }
.clms-box .col-10    { width: 83.33333333%; }
.clms-box .col-9     { width: 75%; }
.clms-box .col-8     { width: 66.66666667%; }
.clms-box .col-7     { width: 58.33333333%; }
.clms-box .col-6     { width: 50%; }
.clms-box .col-5     { width: 41.66666667%; }
.clms-box .col-4     { width: 33.33333333%; }
.clms-box .col-3     { width: 25%; }
.clms-box .col-2     { width: 16.66666667%; }
.clms-box .col-1     { width: 8.33333333%; }

.lightgrey-back     { background-color: #F9F9F9; clear:both; }
.lightgrey-text     { color:#999999; }

.border             { border: 1px solid #EEEEEE; }
.border-bottom      { border-bottom: 1px solid #EEEEEE; }
.border-top         { border-bottom: 1px solid #EEEEEE; }

.block              { display:block; }

.little-padding     { padding:10px; }
.extra-padding      { padding:20px; }
.extra-padding .clm { padding-bottom:0; padding-top:0; }

div.def-table.clms-box              { margin:0; margin-left:-1px; padding-top:0; padding-bottom:0; width:100%; margin-top:15px; margin-bottom:20px;}
div.def-table.clms-box.borders      { border-top:1px solid #D2D2D2; margin-left:0; border-left:1px solid #D2D2D2; }

div.def-table div.clm               { padding:0; padding-left:1px; display:table; }
div.def-table.mobi-margin div.clm   { margin-bottom:20px; }
div.def-table.borders div.clm       { padding-left:0; border-right:1px solid #D2D2D2; }

div.def-table div.clm.head          { margin-bottom:0; }
div.def-table div.clm div           { margin-bottom:1px; text-align:center; line-height:20px; vertical-align: middle;  }

div.def-table div.clm > div         { display:table; width:100%; padding:4px 5px;}
div.def-table.borders div.clm > div { border-bottom:1px solid #D2D2D2; margin-bottom:0; }

div.def-table div.clm div.clms-box  { padding:0 5px; }

div.def-table .row,
div.def-table .row div.clm,
div.def-table.mobi-margin div.row div.clm { margin:0; }

div.def-table.mobi-margin div.row   { margin-bottom:20px; }

div.def-table .row:after,
div.def-table .row::after           { clear:both; display:block; content:""; }

div.def-table div.hd                { background-color: #9ACE8E; color:#FFFFFF; }
div.def-table div.hd1               { background-color: #9ACE8E; color:#FFFFFF; }
div.def-table div.hd2               { background-color: #4CD0EC; color:#FFFFFF; }
div.def-table div.hd3               { background-color: #93D8E3; color:#FFFFFF; }
div.def-table div.hd4               { background-color: #72CBCB; color:#FFFFFF; }

div.def-table div.cnt                { background-color: #FFFFFF; }
div.def-table div.cnt1               { background-color: #F3F3F3; }
div.def-table div.cnt2               { background-color: #EBEBEB; }
div.def-table div.cnt3               { background-color: #E2E2E2; }
div.def-table div.cnt4               { background-color: #D2D2D2; }

.def-table ul,
.def-table ol   { line-height:20px; text-align:left; padding-left:30px; }
.def-table p    { line-height:20px; text-align:left; }

.def-table li   { padding-left:0; }

.def-table .overflow { display: table-cell; text-overflow: ellipsis; overflow: hidden; max-width:0; }/* needs to be 0 for ellipsis to display in table-cell */

div.def-table .row                          { margin:0; }
div.def-table .row:last-child               { margin:0 0 20px 0; }

div.def-table.clms-box div.clm .vert-mid,
div.def-table.clms-box div.clm .vert-top    { padding:0; margin:0; display: table-cell; line-height:20px; }

div.def-table.clms-box div.clm .vert-top    { vertical-align:top; }

div.def-table.mobi-margin div.clm           { margin-bottom:0; }
div.def-table.mobi-margin div.row           { margin-bottom:0; }

/* span cells */
div.def-table.clms-box div.clm > div.rowspan-2     { line-height:40px; height:48px; }
div.def-table.clms-box div.clm > div.rowspan-3     { line-height:60px; height:68px; }
div.def-table.clms-box div.clm > div.rowspan-4     { line-height:80px; height:88px; }
div.def-table.clms-box div.clm > div.rowspan-5     { line-height:100px; height:108px; }
div.def-table.clms-box div.clm > div.rowspan-6     { line-height:120px; height:128px; }
div.def-table.clms-box div.clm > div.rowspan-7     { line-height:140px; height:148px; }
div.def-table.clms-box div.clm > div.rowspan-8     { line-height:160px; height:168px; }
div.def-table.clms-box div.clm > div.rowspan-9     { line-height:180px; height:188px; }
div.def-table.clms-box div.clm > div.rowspan-10    { line-height:200px; height:208px; }
div.def-table.clms-box div.clm > div.rowspan-11    { line-height:220px; height:228px; }
div.def-table.clms-box div.clm > div.rowspan-12    { line-height:240px; height:248px; }
div.def-table.clms-box div.clm > div.rowspan-13    { line-height:260px; height:268px; }
div.def-table.clms-box div.clm > div.rowspan-14    { line-height:280px; height:288px; }
div.def-table.clms-box div.clm > div.rowspan-15    { line-height:300px; height:308px; }
div.def-table.clms-box div.clm > div.rowspan-16    { line-height:320px; height:328px; }
div.def-table.clms-box div.clm > div.rowspan-17    { line-height:340px; height:348px; }
div.def-table.clms-box div.clm > div.rowspan-18    { line-height:360px; height:368px; }
div.def-table.clms-box div.clm > div.rowspan-19    { line-height:380px; height:388px; }
div.def-table.clms-box div.clm > div.rowspan-20    { line-height:400px; height:408px; }
div.def-table.clms-box div.clm > div.rowspan-21    { line-height:420px; height:428px; }
div.def-table.clms-box div.clm > div.rowspan-22    { line-height:440px; height:448px; }
div.def-table.clms-box div.clm > div.rowspan-23   { line-height:460px; height:468px; }
div.def-table.clms-box div.clm > div.rowspan-24   { line-height:480px; height:488px; }
div.def-table.clms-box div.clm > div.rowspan-25   { line-height:500px; height:508px; }
div.def-table.clms-box div.clm > div.rowspan-26   { line-height:520px; height:528px; }
div.def-table.clms-box div.clm > div.rowspan-27   { line-height:540px; height:548px; }
div.def-table.clms-box div.clm > div.rowspan-28   { line-height:560px; height:568px; }
div.def-table.clms-box div.clm > div.rowspan-29   { line-height:580px; height:588px; }
div.def-table.clms-box div.clm > div.rowspan-30   { line-height:600px; height:608px; }
div.def-table.clms-box div.clm > div.rowspan-31   { line-height:620px; height:628px; }
div.def-table.clms-box div.clm > div.rowspan-32   { line-height:640px; height:648px; }
div.def-table.clms-box div.clm > div.rowspan-33   { line-height:660px; height:668px; }
div.def-table.clms-box div.clm > div.rowspan-34   { line-height:680px; height:688px; }
div.def-table.clms-box div.clm > div.rowspan-35   { line-height:700px; height:708px; }
div.def-table.clms-box div.clm > div.rowspan-36   { line-height:720px; height:728px; }
div.def-table.clms-box div.clm > div.rowspan-37   { line-height:740px; height:748px; }
div.def-table.clms-box div.clm > div.rowspan-38   { line-height:760px; height:768px; }
div.def-table.clms-box div.clm > div.rowspan-39   { line-height:780px; height:788px; }
div.def-table.clms-box div.clm > div.rowspan-40   { line-height:800px; height:808px; }
div.def-table.clms-box div.clm > div.rowspan-41   { line-height:820px; height:828px; }
div.def-table.clms-box div.clm > div.rowspan-42   { line-height:840px; height:848px; }
div.def-table.clms-box div.clm > div.rowspan-43   { line-height:860px; height:868px; }
div.def-table.clms-box div.clm > div.rowspan-44   { line-height:880px; height:888px; }

div.def-table div.clm.hide-desk,
div.def-table div.clm > div.hide-desk    { display:none; } /*hide on desktop */

div.def-table div.clm > div.hide-mobi    { display:table; } /*display on mobi */


/* browser version message
***************************************************************/
.browser-version { position:fixed; bottom:0; text-align:center; z-index:998; width:905px; }

/* General banner styles
***************************************************************/
.banner                         { background: url("../Content/grey/gen/bg-loading.gif") center no-repeat #F0F0F0; position:relative; padding:10px; }
.banner .tagline                { background-image:url("../Content/grey/gen/bg-50blk.png"); color:#FFFFFF; float:left; padding:10px; }
.banner .tagline.darker         { background-image:url("../Content/grey/gen/bg-70blk.png"); }
.banner .tagline.white          { background-image:url("../Content/grey/sel/white-opac-80.png"); color:#666666; }
.banner .tagline a              { text-decoration:none;}
.banner .tagline a span         { text-decoration:underline; }
.banner .tagline a.content-btn,
.banner .tagline a.FaresSelectorLinks      {  margin:10px; display:inline-block; }

.banner .tagline.right          { float:right; text-align:right; }
.banner .tagline.right span,
.banner .tagline.right div     { text-align:right; }

    .banner .tagline .xlrg { font-size:32px; }
    .banner .tagline .lrg { font-size:25px; }
    .banner .tagline .med { font-size:20px; }
    .banner .tagline .sml { font-size:18px; }
    .banner .tagline .xsml { font-size:16px; }
    .banner .tagline .xxsml { font-size:13px; }
    .banner .tagline .ssml { font-size:11px; }

    .banner .tagline .price { color:#FFFFFF; }

#layout-main-container .banner { margin-bottom:20px; }

/* Aside banner styles
***************************************************************/
.aside-banner                   { border-bottom:1px solid #E0E0E0; padding-bottom:20px; margin-bottom:20px;}
.aside-banner img               { float: left; margin: 0px 20px 20px 0; }
.aside-banner .text-r           {  }

/* Featured banner 
***************************************************************/
.FeaturedLayout                 { background: url("../Content/grey/gen/bg-loading.gif") center no-repeat #F0F0F0; position:relative; }
.FeaturedLayout .row            { margin:0; }
.FeaturedBanner                 { padding:0; }
.FeaturedBanner .banner         { height:326px; background-image:none; background-color: transparent; background-size: cover; padding:30px; background-position: 50% 50%;}
.FeaturedBanner div.tagline     { padding:15px; font-size:16px; line-height:18px; }
.FeaturedBanner a               { font-size:16px; line-height:18px; }

.widget-FeaturedSocialMedia         { position:absolute; top:150px; right:0; background-color:#FFF; z-index:999; }  
.widget-FeaturedSocialMedia ul      { padding:15px 10px 5px 15px; margin:0; }
.widget-FeaturedSocialMedia ul li   { clear:both; margin-bottom:5px; }

/* Content banners 
***************************************************************/
.featured-banners header,
.content-banners header            { display:none; }

/* Flight Fares Selector Banner - Featured & Content zone
***************************************************************/
.FaresSelectorBanner .banner            { min-height:255px; }
.FaresSelectorBanner .banner .FaresSelector.selector { min-height:200px; }

.FaresSelectorBanner .headline       { font-size: 25px; line-height:1; margin-bottom:10px; }
.FaresSelectorBanner .price          { font-weight:bold; font-size:26px; }

.FaresSelectorBanner .currency,
.FaresSelectorBanner .cents          { font-size:13px; }

.kulula.grey.isVitality .FaresSelectorBanner a.FaresSelectorLinks { display:none; }
          
/* Old selector styles
***************************************************************/
.selector-container                             { width: 610px; min-height: 210px; clear: both; border: 1px solid #EEEEEE; display: inline-block; margin: 0; padding: 15px; background: url("../Content/grey/sel/selector-bg.jpg") repeat-x left top #F2F2F2; position: relative; z-index: 1; box-shadow: 0 4px 5px -4px #A9A9A9; }
.selector-container .tabcontent-title           { color: #72CBCB; font-size: 15px; font-weight: bold; display: block; margin-bottom: 10px; }
.selector-container label                       { font-weight:bold; display:inline-block; }

.selector-container-button                      { display: inline-block; width: 100%; }
.selector-container select, input               { margin: 0 0 10px; color: #777777; }

.selector-container select                      { width:156px; display:block; }

input.hasDatepicker                             { background: url("../Content/grey/gen/button-sprite.png") no-repeat scroll right -185px #FFFFFF; cursor: pointer; margin: 0 0 10px; padding: 0 5px; width: 120px; border: 1px solid #CCCCCC; height: 21px; display: inline-block; vertical-align: top; }

/* Selector
***************************************************************/
.selector                                       { border-bottom: 2px solid #BBBBBB; background-color:#F9F9F9; padding: 20px 0 20px 20px; border-top: 5px solid #E4E4E4;}

#div-journey-type                               { position:relative;}
#div-journey-type ul                            { display:block; height:48px; margin:0; padding:0; z-index: 0; position:absolute; top:-48px; background-image:url("../Content/grey/sel/white-opac-95.png"); width:100%;}
#div-journey-type ul li                         { list-style:none; display:inline-block; margin:0; padding:12px 36px; border:1px solid #FFFFFF; border-right:0; cursor:pointer; font-size: 12px; color: #FFFFFF; height: 22px; background: url("../Content/grey/sel/selector-sprite.png") repeat-x 0 0 #88C03D; width: auto; float: left; }

#div-journey-type #li-flight                    { background-position: -5px -76px;}
#div-journey-type #li-car                       { background-position: -283px -76px;}
#div-journey-type #li-acc                       { background-position: -366px -76px;}
#div-journey-type #li-event                     { background-position: -439px -76px;}
#div-journey-type #li-combo                     { background-position: -95px -76px; width:155px; padding:12px 10px;}
#div-journey-type #li-combo span                { position:absolute; top:-12px; font-size:11px; background-color:#00bce4; display:block; padding:7px; color:#FFFFFF;}

#div-journey-type ul li.selected                { background-color:#F9F9F9; border: 1px solid #E4E4E4; border-bottom: 1px solid #F9F9F9; margin-left:1px; color: #666666; padding:12px 35px 17px;}
#div-journey-type #li-flight.selected           { background-position: -5px -126px;}
#div-journey-type #li-car.selected              { background-position: -283px -126px;}
#div-journey-type #li-acc.selected              { background-position: -366px -126px;}
#div-journey-type #li-event.selected            { background-position: -439px -126px;}
#div-journey-type #li-combo.selected            { background-position: -95px -126px; padding:12px 9px 17px;}
#div-journey-type ul li input[type="radio"]     {-webkit-appearance: none; display:none;} 

.sel-tab-content                    { border-top:5px solid #E4E4E4; width: auto; height: auto; display:none; z-index:0; }

.selector .display-one              { display:block; }
.selector .display-two              { display:block; }

.selector h2                        { color: #72CBCB; font-size:15px; font-weight:bold; border-bottom: 1px solid #E0E0E0; margin:0 20px 15px 0; padding:0 0 5px 0;}
.selector fieldset                  { width:33.3%; float:left; margin:0;}
.selector label                     { font-weight:bold; padding:0 0 4px 0; display:block;}
.selector fieldset div.field        { padding:0 20px 20px 0; }
.selector select                    { -webkit-appearance: menulist-button; padding:10px 10px 8px; border: 1px solid #E4E4E4; width:100%; line-height:15px; height:36px; }
.selector select option             { padding:1px 2px; }
.selector input[type="text"]        { padding:9px 10px; border: 1px solid #E4E4E4; width:100%; background:none #FFF; height:auto; line-height:16px; margin:0; box-sizing: border-box; }

.selector .greyed-search-btn        { display:none; }
.selector .btn-expand 		        { display: block; text-decoration:underline; color: #8CC63F; font-size: 11px; cursor: pointer; width:70px; position:absolute; bottom:20px;}
.selector .btn-expand .icon         { background:url('../Content/grey/sel/selector-sprite.png') no-repeat -850px -37px; display:block; width:11px; height:11px; float:left; margin:2px 5px 0 0; }

.selector input.hasDatepicker       { background: url("../Content/grey/sel/selector-sprite.png") no-repeat scroll right -196px #FFFFFF; cursor:pointer;}
.selector input.hasDatepicker[type=text]::-ms-clear { display:none; /*IE fix*/}

.selector .prod                         { float:left; width:73.9%; }
.content-banners .selector .prod        { width:100%; }

.selector #SelQuestion                  { float:left; margin-bottom:20px; }
    .selector #SelQuestion .head { margin-right: 20px; }
    .selector #SelQuestion h2   { margin-right:0; }
.selector div[class^="journey-type-mobi"] { display:none;}

.selector #div-combo .display-one fieldset { width:66.66%; }

/*radio button tabbed effect*/
ul.tabbed                               { float:left; border-left:1px solid #E4E4E4; list-style-type: none; padding:0; margin:0; width:100%; clear:both;}
ul.tabbed li                            { display:block; float:left; background-color:#ffffff; }
ul.tabbed li.selected                   { background-color:#72CBCB; }

ul.tabbed li label,
ul.tabbed li a                          { display:block; padding:10px 5px 9px; text-align:center; border-right:1px solid #E4E4E4; border-top:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; cursor:pointer; color:#8CC63F; text-decoration:none; line-height:15px; font-size:12px; font-weight:bold; }
       
ul.tabbed li.selected label,
ul.tabbed li.selected a                 { color:#ffffff; }
                  
ul.tabbed input[type="radio"]           { -webkit-appearance: none; display:none; margin:0; padding:0; }

ul.tabbed.three li                      { width:33.3%; }
ul.tabbed.two li                        { width:50%; }

#div-combo .combos                                { display:none; }
#div-combo .combos.displaydiv                     { display:block; }
#div-combo > div.display-one                      { width:66.5%; }
#div-combo > div.display-one fieldset             { width:100%; }
#div-combo .combos .display-one,
#div-combo .combos .display-two               { clear:both; }

/* minified selector */
.selector.mini .display-two                  { display:none; }

.selector.mini .btn-expand                   { clear:both; }
.selector.mini .btn-expand .icon             { background-position:-850px -1px;}

.selector.mini .greyed-search-btn                  { width:33.33%; float:left; display:block; padding-top:20px;  }
.selector.mini .greyed-search-btn .content-btn     { display: block; float:left; font-size: 18px; background-image: none; margin-right:20px; border: 1px solid #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3)); background: -moz-linear-gradient(top , #f6f6f6, #e3e3e3); background: #f6f6f6 url(../Content/grey/gen/grey-gradient.jpg) repeat-x center; color: #bbb; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: 4px 20px; text-align: center; width: 73%; }

.selector.mini #div-combo .combos .display-one     { clear:none; width:30%; }

.selector.mini .action                                  { display:none; }
.selector.mini .text                                    { width:75%; float:left; }

#paxholder                                              { clear:both; }

#pax-adult,
#pax-child,
#pax-infant                                             { float:left; width:33.3%; }

.childInfantMessage                                     { }
.childInfantMessage p                                   { margin:5px 15px 5px 0; line-height:16px;}

#flight-segments-multi                                  { clear:both; }
#flight-segments-multi input[type="text"].hasDatepicker { width:80%; }
#flight-segments-multi .multi-add                       { clear:both; float:right; margin-right:50px; }
#flight-segments-multi .multi-segment                   { clear:both; }

.VitalityTravellers                 { clear:both; margin-right:20px; }
.help-text                          { color: #999999; font-size:11px; font-style:italic; margin-top:5px; display:block; line-height:12px; }

.selector .action                   { display:block; clear:both; border-top:1px solid #E4E4E4; padding:10px 0; margin-right:20px; text-align:right;}
.selector .text                     { float:left; margin-right:20px;}
.car-save-info                      { display:none; }

.accommodation                      { border-top:1px solid #E4E4E4; clear:both; margin-right:20px;}
.accommodation div.rooms            { border-bottom:1px solid #E4E4E4; clear:both; padding:15px 0 0; }
.accommodation div.rooms fieldset   { width:13%;}
.accommodation div.rooms .room      { border-right:1px solid #EEEEEE; margin-right:20px; padding:30px 20px 24px 0; clear:both; }
.accommodation div.rooms .children  { float:left; border-left:1px solid #EEEEEE; padding-left:20px; }
.accommodation .div-acc-chd-rooms   { width:100%; clear:both;}
.accommodation .children .child     { float:left; margin-right:15px; }

.selector-acc .message-notification { margin-right:20px; }

.event                              { clear:both; }
.event fieldset                     { width:16%; }
.event .children                    { width:50%; float:left; border-left:1px solid #EEEEEE; padding-left:20px; }
.event .children .child             { float:left; margin-right:20px; }

div.more-search-options                                         { clear:both; padding:10px 0 5px; }
div.more-search-options .more-opt                               { margin:0 20px 0 0; text-align:right; }
div.more-search-options .more-opt label                         { display:inline; vertical-align:top; }
div.more-search-options .more-opt input[type="checkbox"]        { margin:0 5px 0 5px; }
div.more-options                                                { padding:10px 0 0 0; }

ul.question                                                 { width:auto; border-top:1px solid #E4E4E4;  }
ul.question li label                                        { border-top:0;}
ul.question li.selected label, 
ul.question li.selected label a                             { border-bottom: 1px solid #72CBCB; }

ul.question li span                                         { background:url("../Content/grey/sel/selector-sprite.png") no-repeat 0 0; display:block; text-align:center; padding:0; margin:0 30px;}
ul.question li span.opt-discovery                           { width:87px; height:45px; background-position: -42px 0;  border-bottom:0;}
ul.question li span.opt-ebucks                              { width:43px; height:45px; background-position: -130px 0; }
ul.question li span.opt-no-thanks                           { background:none; vertical-align:middle; line-height:14px; margin:9px 30px 8px;  }
ul.question li span.opt-no-thanks b                         { font-weight:normal; font-size:11px; display:block; color:#666; }
ul.question li.selected span.opt-no-thanks b                { font-weight:normal; font-size:11px; display:block; color:#FFF; }

ul.question li.selected span.opt-discovery                  { background-position: -214px 0; }
ul.question li.selected span.opt-ebucks                     { background-position: -302px 0; }

.selector .primaryAction                    { float:right; padding:4px 20px; width:15%; margin-bottom:0;}
.selector .req_text                         { display:block; float:right; margin-top:12px; }
.selector #btn-flight-cancel                { display:none; }

.selector .options                          { }
.selector .options .field                   { margin-top:30px; }
.selector .options label                    { display:inline; vertical-align:top; margin-top:5px; }
.selector .options input[type="checkbox"]   { margin:0 5px 0 0; margin-bottom:0;}

.selector-login                                         { border:1px solid #E4E4E4; border-top:4px solid #72CBCB; background-color:#FFFFFF; padding:20px 20px 0; margin-right:20px;}
.selector-login p                                       { margin:0 0 1em;}
.selector-login input[type="text"]                      { background-color:#F9F9F9; }
.selector-login input.primaryAction                     { float: left; margin-left: 0; margin-top:20px; }

.VitalityTravellers                         { clear:both; }

#VitalityStatus                             { background-color:#FFFFFF; padding:15px 30px; margin-bottom:20px; margin-right:20px; }
#VitalityStatus div.image                   { width:60px; height:60px; background:url("../Content/grey/sel/vitality-status-sprite.gif") no-repeat 0 0; float:left; margin-right:20px;}
#VitalityStatus div.text                    { float:left; line-height:16px; }

#VitalityStatus .discount                   { float:left; width:50%; border-right:1px solid #EEEEEE; margin-right:40px; }
#VitalityStatus .discount div.image         { background-position: 0 0; width:59px; height:59px; }
#VitalityStatus .discount span              { color: #00B8E5; font-size:18px; display:block;}
#VitalityStatus .discount span b            { font-size:30px; line-height:30px; font-weight:normal; }

#VitalityStatus .card div.image             { background-position: -8px -62px; width:43px; height:44px; margin-top:5px; }
#VitalityStatus .card div.text              { margin-top:8px; }
#VitalityStatus .card b                     { color: #662C91; }

#VitalityStatus .discount .info-tooltip     { display:inline; vertical-align:middle; line-height: 16px; margin-left:5px; }

#aside-second #VitalityStatus           { margin-right:15px; padding:10px 8px;}
#aside-second #VitalityStatus div.image { display:none; }
#aside-second #VitalityStatus div.text { margin-right:0; font-size:10px; }

#aside-second #VitalityStatus .discount { width:100%; margin-right:0; border:0; border-bottom:1px solid #EEEEEE; padding-bottom:10px;}
#aside-second #VitalityStatus .discount div.image { margin-right:5px; }

#GenericPageSelector #VitalityStatus { padding:10px 8px;}
#GenericPageSelector #VitalityStatus div.image { margin-right:10px;}
#GenericPageSelector #VitalityStatus div.text { margin-right:0;}
#GenericPageSelector #VitalityStatus .discount { margin-right:10px; width:47%; }
#GenericPageSelector #VitalityStatus .discount span { font-size:16px; }

#basketCardbooster                { margin: 15px 15px; float: right; text-transform: none; font-style: italic; font-size: 11px; background: url("../Content/grey/icons/discovery-vitality/DiscoveryCard.gif") no-repeat; height: 29px; padding: 0 0 0 35px; text-align: right; }
#basketCardbooster .text          { font-size:12px; text-align:right; font-style:italic; }

#basketCardbooster #basketCardboosterMiles { }

#cardboostertr .vit-info { margin-top:-10px; float:right;}

/* Vitality logged in */
.selector.isVitality .selector-flight fieldset             { width:50%; }
.selector.isVitality .flight-segments-multi fieldset       { width:33.3%; }
.selector.isVitality #flight-segments-second               { float:left; width:50%; }
.selector.isVitality .btn-expand                           { display:none; }
.selector.isVitality .prod                                 { float:none; width:auto;}

.vitality-text                                   { min-height:150px;}
.vitality-text p                                 { margin-left:0; }
.vitality-text a.content-btn-small               { width:80%; display:block; }

#vit-Min-Date                                    { margin-right:20px; margin-bottom:15px; }

/* FEATURED SELECTOR 
***************************************************************/
.booking-selector #selectorPanel                { min-height:120px; }
.booking-selector                               { min-height:170px; position:relative; }


#homepageselector ul.question                   { float:left; margin-right:20px; width:222px }
#homepageselector ul.question li                { width:50%; }
#homepageselector ul.question li label          { padding:3px 16px; }
#homepageselector ul.question li span.opt-no-thanks     { margin: 0; }
#homepageselector ul.question li span.opt-discovery     { background-position: -38px -47px; height: 26px; width: 50px; margin: 1px auto; }

#homepageselector ul.question li#li-option-vitality.selected label     { border-right:1px solid #72CBCB;}
#homepageselector .selector-login               { float:left; margin:0 20px 0 0; width:690px;}

/* Vitality Domestic & International Flight Selector & Modify - old id:vitalitypageselector*/
#VitalityInternationalSelector .selector.isVitality fieldset                        { width:33.3%; }
#VitalityInternationalSelector .selector.isVitality #flight-segments-second         { float:none; width:auto; }
#VitalityInternationalSelector .accommodation div.rooms fieldset                    { width:12%; }


/* CONTENT SELECTOR
***************************************************************/
#GenericPageSelector .greyed-search-btn,
#GenericPageSelector .btn-expand,
#ModifySelector .btn-expand                                             { display:none; }

#GenericPageSelector .selector .prod,
#ModifySelector .selector .prod,                                    
#GenericPageSelector .selector #SelQuestion                             { float:none; width:auto; }

#GenericPageSelector .selector h2                                        { margin-left:0; }

#GenericPageSelector .selector.mini .display-two,
#GenericPageSelector .selector.mini #flight-segments-first,
#GenericPageSelector .selector.mini .action                             { display:block; }

#GenericPageSelector .selector.mini .prod .display-one                  { width:100%; float:none; margin-left:0; }

#GenericPageSelector .sel-tab-content                                               { padding:15px 0 15px 15px;}
#GenericPageSelector .selector fieldset                                             { width:50%; }
#GenericPageSelector .selector fieldset div.field                                   { padding-bottom:10px; }
#GenericPageSelector #flight-segments-multi fieldset                                { width:33.3% }

#GenericPageSelector #div-journey-type                                              { height:48px; margin-top:20px; }
#GenericPageSelector .journey-type                                                  { position:relative; top:0; }

#GenericPageSelector #flight-segments-multi input[type="text"].hasDatepicker,
#ModifySelector #flight-segments-multi input[type="text"].hasDatepicker             { width:80%; }

#GenericPageSelector #flight-segments-multi                                         { border-top:1px solid #EEEEEE; padding-top:10px; padding-bottom:25px; margin-right:15px; margin-bottom:10px; }
#GenericPageSelector #flight-segments-multi .multi-add                              { width:100%; text-align:right; margin-bottom:10px; }

#GenericPageSelector .selector .selector-login                                      { padding-top:15px; clear:both;}
#GenericPageSelector .selector .selector-login fieldset                             { width:33.3%; }
#GenericPageSelector .selector .selector-login fieldset div.field                   { padding-bottom:15px;}

#GenericPageSelector .accommodation div.rooms .room                                 { padding:30px 10px 10px; margin-right:10px;}
#GenericPageSelector .accommodation div.rooms fieldset                              { width:14%; }
#GenericPageSelector .accommodation div.rooms fieldset div.field                    { padding-right:10px; }
#GenericPageSelector .accommodation div.rooms .children                             { width:55%;  padding-left:10px;}
#GenericPageSelector .accommodation .children .child                                { margin-right:10px; }
#GenericPageSelector .accommodation .children .child select                         { width:55px; padding-left:5px; padding-right:5px; }

#GenericPageSelector #div-combo > div.display-one                                   { width:100%; }

#GenericPageSelector #div-combo .combos .display-one                                { clear:both; width:auto; }

#GenericPageSelector .selector.mini .combos fieldset,
#GenericPageSelector .selector .combos fieldset,
#GenericPageSelector .selector .selector-car fieldset,
#GenericPageSelector .selector .selector-acc fieldset,
#ModifySelector .selector.isVitality fieldset                           { width:33.3%; }

#GenericPageSelector .selector .combos .passengers fieldset             { width:50%;}

#GenericPageSelector #selector-option-error                             { clear:none; float:left; }

/* Modify Selector - old id:vitalitypageselector */
#ModifySelector #btn-flight-cancel                                      { float:left; display:block; margin-left:0; }   
#ModifySelector .selector.isVitality #flight-segments-second            { float:none; width:auto; }
#ModifySelector .VitalityLocation                                       { display:none; }

/* SIDEBAR SELECTOR
***************************************************************/
#aside-second #div-journey-type                             { height:48px; }
#aside-second .journey-type                                 { position:relative; top:0; }

#aside-second #div-journey-type #li-flight.selected         { margin-left:0; }

#aside-second .greyed-search-btn,
#aside-second .btn-expand                                   { display:none; }

#aside-second .selector fieldset div.field                  { padding-right:15px; padding-bottom:10px; }
#aside-second .selector .options .field                     { margin-top: 20px; margin-bottom:10px; margin-right:15px;}
#aside-second .selector h2                                  { margin-left:0; }

#aside-second .selector .prod,                                    
#aside-second .selector #SelQuestion                        { float:none; width:auto; }

#aside-second div.more-search-options .more-opt             { text-align:left;}

#aside-second .selector fieldset,
#aside-second .selector .display-one,
#aside-second .selector.mini .display-one,
#aside-second .selector #div-combo .display-one fieldset,
#aside-second .selector.mini .combos .display-one           { width:100%; }
#aside-second .selector.mini .action                        { display:block; }

#aside-second .selector .req_text                           { font-size:11px; }
#aside-second .selector .primaryAction                      { width:auto; min-width:90px; padding:4px 10px;}

#aside-second .selector.mini .prod .display-one             { margin-left:0; }

#aside-second .selector .display-two                        { display:block; }
#aside-second .selector                                     { padding:20px 0 20px 15px; border-right: 1px solid #E4E4E4; margin-bottom:20px; border-left: 1px solid #E4E4E4; }

#aside-second .selector #SelQuestion                        { width:auto; margin-bottom:20px;}
#aside-second .selector #SelQuestion .display-two           { border-top:0; padding-top:0; margin-top:0; }

#aside-second .passengers .field,
#aside-second .rooms .field                                 { padding-right:15px; }

#aside-second .rooms fieldset                               { width:33.3%;}
#aside-second div.rooms .room                               { padding:30px 10px 24px 0; margin-right:10px;}

#aside-second .children                                     { width:100%; padding:10px 0 0 0; border:0; border-top:1px solid #EEEEEE;}
#aside-second .children .child                              { margin-right:10px; margin-bottom:5px; }

#aside-second #selectorPanel ul#combo-type.tabbed               { border-top:1px solid #E4E4E4;}
#aside-second #selectorPanel ul#combo-type.tabbed.three li      { width:100%; }
#aside-second #selectorPanel #combo-type.tabbed li label        { border-top:0;}

#aside-second #div-journey-type ul li                       { padding:12px 25px; }
#aside-second #div-journey-type ul li.selected              { padding-bottom:17px; }

#aside-second #div-journey-type #li-flight                  { background-position: -15px -76px; }
#aside-second #div-journey-type #li-car                     { background-position: -295px -76px; }
#aside-second #div-journey-type #li-acc                     { background-position: -376px -76px; }

#aside-second #div-journey-type #li-flight.selected         { background-position: -15px -126px;}
#aside-second #div-journey-type #li-car.selected            { background-position: -295px -126px;}
#aside-second #div-journey-type #li-acc.selected            { background-position: -376px -126px;}

#aside-second #div-journey-type li#li-combo                 { background-position: -495px -76px; width:80px; padding:12px 4px 12px 8px;}
#aside-second #div-journey-type li#li-combo.selected        { background-position: -495px -126px; padding-bottom:17px;}
#aside-second #div-journey-type li#li-combo span            { background:none; top:-2px; position:relative; padding:0; font-size:11px;}
#aside-second #div-journey-type li#li-combo.selected span   { color:#666; font-weight:bold; }

#aside-second #flight-segments-multi                                      { margin-right:15px;}
#aside-second #flight-segments-multi input[type="text"].hasDatepicker     { width:80%; }
#aside-second #flight-segments-multi .multi-segment                       { border-top:1px solid #EEEEEE; padding-top:10px; }
#aside-second #flight-segments-multi .field                               { padding-right:0;}
#aside-second #flight-segments-multi .multi-add                           { margin:0 15px 10px 0; padding:0 0 10px 0; float:left; width:100%; border-bottom:1px solid #E4E4E4; }
#aside-second .accommodation                                              { margin-right:15px; }

#aside-second ul.question li label                                        { width:auto; }
#aside-second ul.question li span                                         { margin: 0 5px;}
#aside-second ul.question li span.opt-discovery                           { width:50px; height:26px; background-position: -38px -47px; }
#aside-second ul.question li span.opt-ebucks                              { width:25px; height:26px; background-position: -100px -47px; }
#aside-second ul.question li span.opt-no-thanks                           { font-size:11px; line-height:13px;}
#aside-second ul.question li span.opt-no-thanks b                         { font-size:10px; }

#aside-second ul.question li.selected span.opt-discovery                  { background-position: -211px -47px; }
#aside-second ul.question li.selected span.opt-ebucks                     { background-position: -273px -47px; }

#aside-second .action                                                     { margin-right:15px; }
#aside-second .isVitality .action                                         { display:none; }

#aside-second .selector-login                                             { padding:15px; width:80%; clear:both;}
#aside-second .selector-login .field                                      { padding-right:0;}
#aside-second .selector-login input.primaryAction                         { margin-top:0;}

/* combine and save selector - sidebar */
#combinesaveselector #div-journey-type                      { display:none; }

/* needs to be after selector styles */
.selector fieldset div.field.no-bottom-pad                  { padding-bottom:0; }
.selector fieldset div.field.extra-bottom-pad               { padding-bottom:33px;}

.req_text,.req_star                 { color: #EAB543; font-weight: bold; }

.dest-list							{ margin: 0; padding: 0px; }
.dest-list li						{ list-style: none; margin: 0; padding: 5px 10px 5px 10px; cursor:pointer; }
.dest-list li:hover					{ background-color: #cccccc; }

a.multi-add                         { display: block; clear: both; margin-bottom: 5px; width: 100px; }
a.multi-remove                      { background: url("../Content/grey/gen/button-sprite.png") no-repeat scroll -262px -142px transparent; display: inline-block; height: 21px; overflow: hidden; text-decoration: none; width: 24px; }

.car-save-img                       { float: left; }

.vitality-travellers                        { margin-bottom: 5px; padding-right: 0; margin-right: 0; font-weight:normal; font-size:14px; }
#vitality-travellers-table                  { border-collapse: collapse; margin-bottom: 15px; background-color: #ffffff; width:100%; }
#vitality-travellers-table th, 
#vitality-travellers-table td               { text-align: center; vertical-align: middle; } 
#vitality-travellers-table th               { background-color: #72CBCB; border: 1px solid #EEEEEE; color: #FFFFFF; padding: 5px 3px; }
#vitality-travellers-table td               { border: 1px solid #E0E0E0; padding: 4px; }
#vitality-travellers-table label            { display: block; text-align: center; }
#vitality-travellers-table input            { display: block; margin: 2px auto; }
#vitality-travellers-table th.firstname,
#vitality-travellers-table th.lastname      { }
#vitality-travellers-table th.dob           { width: 73px; }
#vitality-travellers-table select           { margin: 2px; }
#vitality-travellers-table .allocation      { width:140px; }      
 
#vitality-travellers-table input[type="checkbox"]   { font-size:18px; line-height:0.8; width:20px; height:20px; cursor:pointer; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -webkit-box-sizing: border-box;}
#selector-option-error                              { background-color: #FDD8D8; width:160px; background-image: url("../Content/grey/icons/note-error.gif"); background-position: 0 2px; background-repeat: no-repeat; border: 1px solid #FBA4A4; color: #9E0000; display: none; margin:0 20px 0 0; padding: 10px 5px 10px 35px; clear:both; }
.form-error, input.form-error, select.form-error    { border: 1px solid #9E0000 !important; }

.validate-message                                   { background-color:#9E0000; padding:2px 5px; font-size:11px; color:#FFFFFF; position:absolute; right:0;}

#layout-content .sidebar .selector                        { padding:20px 0 20px 15px; }
#layout-content .sidebar .selector fieldset               { width:100%; }
#layout-content .sidebar .selector fieldset  div.field    { padding:0 15px 15px 0; }

/* Featured Fares Selector 
------------------------------------------------------------- */
.quickselector { min-height:295px; }

.FaresSelector.selector { z-index: 999; position: absolute; padding:0; border:1px solid #E4E4E4; }

.FaresSelector.selector h2 { color: #72CBCB; font-size:15px; font-weight:bold; margin:12px; }

.FaresSelector.selector fieldset { width:auto; margin:12px 0 0 12px; float:none; }
.FaresSelector.selector .field   { padding-right:12px; padding-bottom:0; }
.FaresSelector.selector label    { padding-bottom:1px; }

.FaresSelector.selector ul.tabbed li label, 
.FaresSelector.selector ul.tabbed li a { padding:10px 5px 9px;}

.FaresSelector.selector .action  { padding:0; margin:8px 12px 0 0; border-top:0; line-height:38px; }
.FaresSelector.selector select  { margin-bottom:0; }

.FaresSelector.selector .content-btn-small,
.FaresSelector.selector .content-btn-tertiary-small { margin-left:10px; margin-right:0; }

.FaresSelector.selector ul.question                   { float:left; margin-right:20px; width:100%; }
.FaresSelector.selector ul.question li                { width:50%; }
.FaresSelector.selector ul.question li label          { padding:3px 16px; }
.FaresSelector.selector ul.question li span.opt-no-thanks     { margin: 0; }
.FaresSelector.selector ul.question li span.opt-discovery     { background-position: -38px -47px; height: 26px; width: 50px; margin: 1px auto; }

.FaresSelector.selector .FaresSelectorLoginPanel { padding-bottom:30px; }

.FeaturedBanner .FaresSelector.selector { width:40%; right:30px; }

/* Layouts
***************************************************************/
.orchard-layouts-root .contentbar   { width:72%; padding-right: 20px; }
.orchard-layouts-root .sidebar      { width:28%; }


/* Featured information
***************************************************************/
.FeaturedInfo                                       { margin:20px; }


/* Progress Bar
***************************************************************/
.progress-bar { background: url("../Content/grey/gen/gradient-back-progress.jpg") repeat-x scroll 0 0 transparent; border: 1px solid #EEEEEE; clear: left; display: block; height: 38px; margin-bottom: 20px; }
.progress-bar ol { margin: 0 0 0 10px; min-height: 38px; padding: 0; }
.progress-bar li { display: inline; float: left; font-size: 12px; }
.progress-bar li.stepPast { background: url("../Content/grey/gen/progress-icon.png") no-repeat scroll 0 7px transparent; }
.progress-bar li.stepCurrent { background: url("../Content/grey/gen/progress-icon-current.png") no-repeat scroll 0 7px transparent; }
.progress-bar li.stepFuture { background: url("../Content/grey/gen/progress-icon.png") no-repeat scroll 0 7px transparent; }
.progress-bar a { display: inline-block; font-weight: bold; margin: 13px 12px 11px 30px; padding: 0; text-decoration: none; }
.progress-bar li.stepCurrent a { color: #00BCE4; } 
.progress-bar li.stepFuture a { color: #666666; cursor: default; }
.progress-bar span.order { display: none; }


/* Flight Results Table
***************************************************************/
.divContainer           { text-align:center; vertical-align: middle; }
h3.airports             { font-weight: normal; height: 20px; }
.AirpToFrom             { width: 100px; display: inline-block; float: left; }
table.tblFlight         { border-collapse: collapse; width: 100%; margin-top: 0; }
table.tblFlight th, 
table.tblFlight td      { text-align: center; vertical-align: middle; } 
table.tblFlight th      { background-color: #9ACE8E; border: 1px solid #9ACE8E; color: #FFFFFF; padding: 8px 5px; }
table.tblFlight th.hPrice { padding: 5px 6px; }
table.tblFlight td      { border: 1px solid #EEE; padding: 3px 5px 3px 6px; }
table.tblFlight input   { display: block; margin: 2px auto; }
.hPrice                 { width: 94px; padding: 5px 6px; }
tr.frt-row td           { padding-top: 6px; padding-bottom: 6px}
    td.ftr-col-rs { background-color: #f7f7f7; }
    td.ftr-col-sf { }
    td.ftr-col-fl { }
    td.ftr-col-bs { }
.frt-time               { color: #666; font-size: 14px; font-weight: bold; text-align: center }
.ftr-sector-grp         { padding: 0 0 6px 0}
.ftr-sector-wrap        { padding: 10px 0;}
.frt-airport-code       { font-size: 10px;  text-align: center}
.frt-duration           { font-size: 10px;}
.frt-duration-total     { font-size: 10px; font-weight: bold}
.frt-unavailable, .frt-invalid, 
.frt-sold-out           { font-size: 10px; color: #cccccc;}   
.seats-rem              { font-size: 9px; color: #666; font-weight: normal; }
.flCarrier              { width: 105px; }
.pricefrom              { color: #999999; font-size: 12px; }
.flPrice                { color: #00BCE4; font-weight: bold; font-size: 14px; }
.branded-fares          { text-align: center}
#imgLoader              { margin-top: 10px; }
.tblFlight .flight-info { text-align: left;}
.filter-options         { border-bottom: 1px solid #ffffff; padding-top: 8px; background-color: #EEEEEE; margin-top: 15px; padding: 8px 10px 0px 10px; }
.non-stop-input         { margin: 10px 0 0 0; width: 20px}
#infoDisplay            { border: 1px solid #CCC; padding-right: 8px; }
#flightDisplay          { border: 1px solid #CCC; padding: 8px;}
.close                  { background: url("../Content/grey/gen/button-sprite.png") no-repeat scroll -264px -142px transparent; float: right; height: 21px; width: 22px; cursor: pointer; margin: 0 5px 0 5px; padding:0; line-height:5px; min-width:initial; }
#flightinfo a           { cursor: pointer}
.multi-city-description { font-weight: normal; font-size: 14px; color:#999999 }
.multi-city-departure,.multi-city-arrival { font-weight: bold; color: #72CBCB; font-size: 14px;}

/* Sidebar
***************************************************************/
.sidebar-block          { background: url("../Content/grey/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; }

.widget-category-help-widget,
.widget-CategoryHelpWidget { margin-bottom: 20px; }
.contactno              { padding-top: 10px; }
.contactno h4           { margin: 6px 0 0; padding: 0; }

/* Flight Rules popup
***************************************************************/
.flrules_route_selected { background: url("../Content/grey/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; border-color: #EEEEEE #EEEEEE #FFFFFF; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-style: solid; border-width: 1px; display: inline-block; float: left; color: #8CC63F; font-size: 14px; font-weight: normal; padding: 10px; text-decoration: none; position: relative; top: 1px; cursor: pointer; }
.flrules_route          { background: url("../Content/grey/gen/green-gradient.jpg") repeat-x scroll 0 0 #8CC63F; border-left: 1px solid #8CC63F; border-right: 1px solid #8CC63F; border-top: 1px solid #8CC63F; display: inline-block; float: left; margin: 0 4px 0 0; padding: 0; position: relative; top: 1px; color: #FFFFFF; font-size: 14px; font-weight: normal; height: auto; margin: 0; padding: 10px; text-decoration: none; position: relative; top: 1px; cursor: pointer; }
.flrules_block          { background-color: #FFFFFF; border: 1px solid #EEEEEE; clear: left; height: 300px; margin: 0; padding: 15px; font-size: 12px; }
.frules_text            { padding: 0 0 10px 15px; }

/* Basket
***************************************************************/
.BdivContainer          { border:1px solid #EEEEEE; text-align:left; padding: 15px; }
.BdivHead               { color: #999999; font-size: 17px; font-weight: bold; margin: 0; padding: 0 0 8px; border-bottom: 1px solid #E0E0E0; }
.BdivHead a#showModifySearch { font-weight: normal; float: right; }
.BdivContentHead        { background-color:#e2ebef; padding:5px; }
.BdivContent            { }

.widget-basket-widget,
.widget-BasketWidget   { background: url("../Content/grey/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; }

#baskTrip               { padding-top: 10px; font-weight: bold; }
#tbodyBaskFlights       { margin-bottom: 10px; display: block; border-collapse: collapse; }
#tbodyBaskFlights th    { font-weight: bold; }
#tbodyBaskFlights td    { text-align: left; width: 218px; }
.tblSector              { width: 218px; }
.BaskClass              { font-weight: bold; padding-bottom: 5px; }
.BaskFlNumber           { padding-bottom: 10px; }
.BaskDepAirport         { padding-bottom: 5px; }
.BaskDepDate            { padding-bottom: 10px; }
.BaskArrAirport         { padding-bottom: 5px; }
.BaskArrDate            {}
#baskPassengers         { padding: 10px 0; font-size: 16px; color: #72CBCB; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; margin-top: 10px; }
#baskPassengerDetail,
#baskTaxDetail,
#baskContributionDetail,
#baskExtraDetail,
#baskCardBoosterDetail        { font-weight: normal; text-align: right; padding-bottom: 4px; font-size: 10px; }
.baskPassNames          { color: #666666; font-size: 12px; padding: 5px 0 0; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis; }
#baskFareSummary        { margin-top: 4px; }
#baskFareSummary td     { text-align: left; font-weight: bold; padding-bottom: 4px; }
#baskFareSummary .price { color: #00BCE4; text-align: right; font-weight: bold; font-size: 12px; width:90px; }
#baskFareSummaryTitle.baskHead { margin-top: 10px; }
.baskExpPassenger       { float: left; padding-left: 5px; width: auto; display: inline-block; max-width: 150px; clear: both; }
.baskExpPrice           { float: right; color: #00BCE4; width: auto; text-align: right; display: inline-block; }
#baskTotalAmount.BdivHead,
#baskTotalAmountLessCardBooster.BdivHead { border-top: 1px dotted #4CD0EC; color: #00BCE4; font-size: 20px; margin: 3px 0 ; padding: 9px 0 0; border-bottom: none; font-weight: bold; display: inline-block; width: 100%; }
.baskTotalLabel         { float: left; }
.baskTotalPrice         { float: right; }
.baskHead               { font-size: 16px; font-weight: bold; color: #72CBCB; padding: 0 0 5px; display: inline-block; }
.flBorder               { width: 100%; border-bottom: 1px solid #E0E0E0; margin: 5px 0; display: inline-block; }

.widget-basket-widget #baskFareRules,
.widget-BasketWidget { text-align: right; }

div#baskFareSummary .vit-info { margin-left: 4px; }

div#cardboostertr .vit-info { }

/* Traveller Details
***************************************************************/
table.traveller_table                  { border-collapse: collapse; width: 100%; margin-bottom: 25px; }
table.traveller_table th,
table.traveller_table td               { text-align: center; vertical-align: middle; }
table.traveller_table th               { background-color: #9ACE8E; border: 1px solid #9ACE8E; color: #FFFFFF; padding: 3px; }
table.traveller_table td               { border: 1px solid #EEE; padding: 4px; }
table.traveller_table label            { display: block; text-align: center; }
table.traveller_table input            { display: block; margin: 2px auto; }
table.tbl_border                       { background: url("../Content/grey/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; border:1px solid #EEEEEE; padding: 5px; display: block; height: auto; }
#travellerdetail.traveller_table th    { background-color: transparent; border: none; color: #666; font-weight: bold; padding: 10px; }
#travellerdetail.traveller_table td    { border: none; padding: 10px; }
table.traveller_table td.travNum label { width: 0; padding: 0; font-weight: bold; width: 5px; }
table.traveller_table td.firstname     { width: 140px; }
table.traveller_table td.lastname      { width: 140px; }
table.traveller_table td.agegroup      { width: 80px; }
table.traveller_table td.dob           { width: 100px; }
table.traveller_table td.dob button    { display:none; }

table.traveller_table .contact_table_pp   { border-top:1px solid #EEEEEE; padding-top:4px; }

div.contact_table                      { background: url("../Content/grey/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; border:1px solid #EEEEEE; padding: 15px; display: inline-block; height: auto; min-width: 598px; }
div.contact_table label,
div.contact_table_pp label             { font-weight: bold; width: 100px; display: inline-block; }

div.contact_phone                      { display: block; width: 300px; float: left; }
div.contact_phone label                { font-weight: bold; width: 90px; display: inline-block; }

select#PhoneCodeDropDown               { margin-bottom: 10px; }
div.contact_email                      { display: block; width: 280px; float: left; }
.instruct_text                         { font-size: 12px; margin: 6px 0; color: #666; font-weight: normal; }
.instruct_text_sm                      { font-size: 11px; display: block; margin: 10px 0 15px; }
.vit_contr                             { color: #00BCE4; font-weight: bold; font-size: 14px; }
#freq-fly h4                           { border-top:1px solid #EEEEEE; padding-top:10px; margin-right:0; }

#freq-fly select                       { height: 23px; }
#freq-fly input                        { display: inline; height: auto; margin: 0 0 0 5px; }
#trav-ba-exec                          { }
#trav-ba-exec input                    { float: left; }
.ba-exec-label                         { text-align: left; font-weight: bold; padding: 5px 20px 5px 0; }
.ba-exec-fields                        { padding-bottom: 10px; height: 25px; }
.vit-info                              { display: inline-block; height: 16px; }

div.contact_table_pp label             { text-align:left; }
div.contact_table_pp input, select     { display:inline-block; margin:0 0 10px 0; }


/* Ancillary Products
***************************************************************/
#ancillary-name                        { margin-bottom: 10px; }
#ancillary-name h4                     { float: left; width: 350px; margin-top: 0; }
.ancillary-content                     { background: url("../Content/grey/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; border:1px solid #EEEEEE; padding: 15px 15px 0; display: inline-block; height: auto; margin-bottom: 15px; overflow: hidden; }
.ancillary-image                       { float: left; margin-right: 15px; }
.ancillary-left                        { float:right; color:#EAB543; margin-top:8px; }
#ancillary-descr                       { width: 483px; float: left; }
#ancillary-descr p                     { margin-left: 0; margin-top: 0; width: 350px; float: left; }
#ancillary-price, .ancillary-price {
    float: left;
    margin-left: 32px;
} 
#anclist input                         { margin-left: 10px; }
.ancillary-details                     { border:1px solid #EEEEEE; padding: 15px; display: block; height: auto; margin-bottom: 15px; overflow: hidden; }
.ancillary-route                       { background: url("../Content/grey/gen/h5-back-gradient.jpg") repeat-x scroll 0 0 transparent; border: 1px solid #EAEAEA; display: block; font-weight: bold; padding: 4px 0 3px 10px; vertical-align: middle; margin: 15px 0 5px 0; }
img.anc-airline                        { float: left; padding-right: 10px; }
input#chkSelectAll,
input#chkItem                          { margin: 8px 0 0 0; }
#checkboxes label                      { padding: 0;font-weight: bold; padding-left: 5px; display:inline-block; line-height:30px; vertical-align:top; }
#checkboxes div.price                  { float: right; }
#checkboxes span.anc-total-text        { float: right; margin-right: 10px; }
input#btnClose                         { font-size: 12px; background: none; color: #8CC63F; border: none; text-decoration: underline; padding: 0; margin: 0; text-align: right; float: right; }
#listCheckBoxes                        { border-top:1px solid #EEEEEE; }
#paxItem                               { margin:0;}
#paxItem label                         { padding-left:1px; }
.ancillary-total                       { float: right; margin-top: 10px; }
.anc-total-text                        { font-size: 16px; font-weight: bold; }
#selectedList                          { padding: 0 0 0 19px; }
#selectedList .price                   { color: #00BCE4; font-weight: bold; font-size: 12px; }

#anc-message label                     { color: #EAB543; }
.ancillary-details #checkboxes #divCurrency.currency { float: right; line-height: 22px; }

select#cboItem {
    margin-bottom: 0;
}


/* Seatmap
***************************************************************/
.seatmap-header-links {
    width: 100%;
    float: right;
    text-align: right;
    padding-right: 4px;
}
.seatmap-header-links a                 { float: left; }
.seatmap-header-links input.primaryAction { float: right; width: 210px; }
.seatmap-header-links .content-btn-small a,
.seatmap-header-links .content-btn-small:visited a { background-color: #8CC63F; border: 0 none; cursor: pointer; font-size: 14px; font-weight: normal; text-decoration: none; letter-spacing: 0; margin: 0 0 0 10px; padding: 8px 15px; vertical-align: middle; color: #ffffff; border-radius: 5px; float: right; }
.seatmap-header-links .content-btn-small:hover a { background: #7DB137; color: #FFFFFF; text-decoration: none; }

.seatmap-footer-links                   { width: 100%; float: right; margin: 30px 0 20px; text-align: right; }
.seatmap-footer-links a                 { float: left; }
.seatmap-footer-links input.primaryAction { float: right; width: 210px; }
.seatmap-head                           { float: left; }
.seatmap-details-left                   { display:inline-block; width: 290px; float: left; }
.seatmap-details-left .BdivHead         { margin: 0 12px 10px 0; }
.seatmap-right                          { display:inline-block; width: 320px; float: right; padding: 0; }
.seat-selection-key                     { height: 28px; padding-top: 2px; }
.seat-key-default                       { display:inline-block; height: 29px; width: 29px; float: left; margin: 0 10px 0 0; position: relative; top: -7px; cursor: default; }
.seat-selection-key .seat-key-default   { margin: 0 10px 0 0; }
.seat-unavail, .seat-exit               { height: 29px; width: 29px; margin: 3px; background-image: url(../Content/grey/seatmap/seat-unavailable.gif); background-position: center; background-repeat: no-repeat; text-align:center; } 
.seat-premium                           { height: 29px; width: 29px; margin: 3px; background-image: url(../Content/grey/seatmap/seat-available-premium.gif); background-position: center; background-repeat: no-repeat; color:White; text-align:center; cursor: pointer; }
.seat-pax-selected                      { background-image: url(../Content/grey/seatmap/seat-selected-traveller.gif); background-position: center; background-repeat: no-repeat; color:#fff; font-weight: bold; text-align:center; vertical-align:bottom; display:inline-block; height: 28px; width: 33px; padding-top: 5px; cursor: pointer; }
.seat-avail                             { height: 29px; width: 29px; margin: 3px; background-image: url(../Content/grey/seatmap/seat-available.gif); background-position: center; background-repeat: no-repeat; color:White; text-align:center; cursor: pointer; }
.seat-row-exit-left                     { background: url("../Content/grey/seatmap/seat-map-lt-row-exit.gif") repeat-y scroll left top white; text-align:center; }
.seat-row-exit-right                    { background: url("../Content/grey/seatmap/seat-map-rg-row-exit.gif") repeat-y scroll 2px top white; text-align:center; }
.seat-row-exit-wing-left,
.seat-row-exit-wing-right               { background: url("../Content/grey/seatmap/seat-map-row-exit-label.gif") no-repeat center white;	text-align:center; }
.seat-row-wing                          { background-color:#fff; text-align:center; }
.seat-row-wing-start-left               { background: url("../Content/grey/seatmap/seat-map-plain-lt-wing-begin.png") no-repeat scroll -4px top white; text-align:center; }
.seat-row-wing-start-right              { background: url("../Content/grey/seatmap/seat-map-plain-rg-wing-begin.png") no-repeat scroll 8px top white; text-align:center; }
.seat-row-wing-end-left                 { background: url("../Content/grey/seatmap/seat-map-plain-lt-wing-end.png") no-repeat scroll -4px bottom white; text-align:center; }
.seat-row-wing-end-right                { background: url("../Content/grey/seatmap/seat-map-plain-rg-wing-end.png") no-repeat scroll 8px bottom white; text-align:center; }
.seat-row-blank-left                    { background: url("../Content/grey/seatmap/seat-map-plain-lt-side.png") repeat-y scroll 12px top white; text-align:center; }
.seat-row-blank-right                   { background: url("../Content/grey/seatmap/seat-map-plain-rg-side.png") repeat-y scroll 8px top white; text-align:center; }
.seat-col                               { padding: 13px 0; text-align:center; font-weight: bold; }
.seat-aisle                             { width:29px; height:21px; padding-top: 8px; background-color:#fff;	text-align:center; font-weight: bold; }
.seat-header                            { width:29px; height:29px; background-color:white; text-align:center; }
.seat-cabinfacility                     { width:29px; height:29px; background-color:white; text-align:left;	font-size:8px; }
.seat-paxInfo-default                   { margin: 1px 0; padding-right: 11px; border-top: 1px solid #EEEEEE; font-weight: bold; cursor: pointer; height: 33px; font-size: 11px; }
.seat-paxInfo-infant                    { margin: 1px 0; padding-right: 11px; border-top: 1px solid #EEEEEE; font-weight: bold; cursor: pointer; height: 33px; color: #999999; font-size: 11px; }
.seatinfant                             { line-height: 33px; float: left; margin: 0 10px; font-weight: normal; font-style: italic; }
.seat-paxInfo-selected                  { background: url("../Content/grey/seatmap/seat-map-boxnavi-selected.png") no-repeat scroll right center #72CBCB; color: #FFFFFF; margin: 1px 0; padding-right: 11px; border-top: 1px solid #EEEEEE; font-weight: bold; height: 33px; }
.seat-paxInfo-selected #payableamount,
.seat-paxInfo-selected #payablecurrency { color: #FFFFFF; }
.seat-paxInfo-selected-tick             { background: url("../Content/grey/seatmap/seat-map-icon-checked.png") no-repeat scroll right center transparent; width:17px; height:16px; display: inline-block; margin-left: 7px; padding-top: 12px; }
#paxList                                { margin-bottom: 25px; width: 308px; }
.seat-pax-indicator                     { width: 18px; height: 18px; line-height: 18px; background-color: #CCC; color: #FFF; font-weight: bold; text-align: center; margin: 0 6px; float: left; margin-top: 6px; }
.seat-pax-ind-selected                  { width: 18px; height: 18px; line-height: 18px; background-color: #00BCE4; color: #FFF; font-weight: bold; text-align: center; margin: 0 6px; float: left; margin-top: 6px; }
.paxName                                { width: 110px; text-overflow: ellipsis; display: inline-block; line-height: 33px; overflow: hidden; white-space: nowrap; margin-right: 6px; float: left; }
#seatnumber, 
#payableamount, 
#payablecurrency                        { line-height: 33px; float: left; }
#seatnumber                             { margin: 0 10px; }
#payablecurrency                        { margin: 0 10px 0 5px;	}
#payableamount, 
#payablecurrency                        { color: #00BCE4; }
.deleteSeat                             { display:inline-block; color: #999; background: url("../Content/grey/seatmap/seat-map-icon-cancel.png") no-repeat scroll center center transparent; height: 18px; width: 10px; float: left; padding-top: 13px; }
#openPaxList                            { background: url("../Content/grey/login/maximize.jpg") no-repeat scroll left top transparent; width: 21px; height: 19px; cursor: pointer; }
.flight-carrier, .flight-details        { cursor: pointer; }
.flight-details                         { font-size: 12px; margin-bottom: 10px; color: #8CC63F; }
table.seat-map-planemap                 { border-collapse: collapse; margin: 0 auto 10px 12px; *margin: 0 auto 10px 5px; clear: both; }
table.seat-map-planemap td              { width: 33px !important; height: 33px; display: inline-block; float: left; }
table.seat-map-planemap td span         { display: inline-block; height: 29px; margin: 3px; }
.no-seatmap                             { background: url("../Content/grey/seatmap/no-seatmap-bg.gif") no-repeat scroll center top transparent; text-align: center; font-weight: bold; width: 289px; height: 317px; width: 100%; padding-top: 270px; margin-top: 20px; }
.no-seatmap span                        { padding: 0 55px; display: block; text-align: center; }
.no-seatmap input                       { float: none; }
#prev-next-flight-btns                  { text-align: center; display: inline-block; }
#prev-next-flight-btns a.content-btn-small-grey { background-color: #DDD; border: 1px solid #DADADA; border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: default; font-size: 16px; font-weight: normal; margin-bottom: 10px; padding: 4px 15px; text-align: center; text-decoration: none; text-transform: lowercase; width: 220px; display: block; }
#prev-next-flight-btns a.content-btn-small      { border-radius: 5px 5px 5px 5px; color: #FFFFFF; font-size: 16px; font-weight: normal; margin-bottom: 10px; padding: 4px 15px; text-align: center; text-decoration: none; text-transform: lowercase; width: 220px; display: block; }
#divIsPaid                              { font-weight: normal;font-size: 11px;padding-top: 4px; }
.seatmap-details-left h4                { color: #999999; font-size: 14px; }
.seatmap-details-left h4.border         { border-color: #999999; }
.flight-list-details-grey               { background-color: #f9f9f9; padding: 15px 0 15px 10px; margin-bottom: 20px; width: 300px; }
.flight-list-details-grey .seat-paxInfo-selected  { background: url("../Content/grey/seatmap/seat-map-boxnavi-selected-greybg.png") no-repeat scroll right center #72CBCB; }
.flight-list-details-grey #paxList      { margin-bottom: 25px; width: 298px; }
.flight-list-details-grey #payablecurrency  { margin: 0 5px; }
.flight-list-details-grey #seatnumber   { width: 20px; }
.flight-list-details-grey #payableamount  { width: 33px; }

/* enhanced seating styles */
.seat-green,
.seat-darkgreen,
.seat-darkblue,
.seat-purple,
.seat-gold                              { height: 29px; width: 29px; margin: 3px; color:White; text-align:center; cursor: pointer; }
.seat-green                             { background-image: url(../Content/grey/seatmap/seat-available-std-back.gif); background-position: center; background-repeat: no-repeat; }
.seat-darkgreen                         { background-image: url(../Content/grey/seatmap/seat-available-std-front.gif); background-position: center; background-repeat: no-repeat; }
.seat-purple                            { background-image: url(../Content/grey/seatmap/seat-available-stretchzone.gif); background-position: center; background-repeat: no-repeat; }
.seat-darkblue                          { background-image: url(../Content/grey/seatmap/seat-available-exitrow.gif); background-position: center; background-repeat: no-repeat; }
.seat-gold                              { background-image: url(../Content/grey/seatmap/seat-available-frontrow.gif); background-position: center; background-repeat: no-repeat; }
.seat-selection-key .price              { font-size: 12px; display: inline; }
.seat-selection-key .currency           { display: inline-block; padding-top: 2px; }

/** seats info table **/
.seats-info-table                                       { width: auto; height: inherit; display: inline-block; border: 1px solid #e6e6e6; background-color: #ffffff; }
.seats-info-table .col-1-4                              { width: 156px; float: left; }
.seats-info-table .h-std-back,
.seats-info-table .h-std-front,
.seats-info-table .h-stretchzone,
.seats-info-table .h-exitrow,
.seats-info-table .h-frontrow                           { font-size: 16px; font-weight: bold; padding: 13px 10px; color: #fff; }
.seats-info-table .h-std-back                           { background-color: #8CC63F; }
.seats-info-table .h-std-front                          { background-color: #58872E; }
.seats-info-table .h-stretchzone                        { background-color: #46008C; background-image: url('../Content/grey/seatmap/img-seats-info-stretchzone-icon.png'); background-repeat: no-repeat; background-position: 125px center; }
.seats-info-table .h-exitrow                            { background-color: #0059B2; background-image: url('../Content/grey/seatmap/img-seats-info-exitrow-icon.png'); background-repeat: no-repeat; background-position: 125px center; }
.seats-info-table .h-frontrow                           { background-color: #BAA267; background-image: url('../Content/grey/seatmap/img-seats-info-frontrow-icon.png'); background-repeat: no-repeat; background-position: 125px center; }
.seats-info-table .col-1-4-content                      { padding: 10px; border-right: 1px solid #e6e6e6; height: 174px; font-size: 11.5px; }
.seats-info-table .col-1-4-content-h1-2                 { padding: 10px; border-right: 1px solid #e6e6e6; height: 55px; font-size: 11.5px; }
.seats-info-table .col-1-4-content.last                 { border: none; }
.seats-info-table .seats-info-price                     { font-size: 18px; color: #00BCE4; font-weight: bold; margin-bottom: 5px; }
.seats-info-table ul                                    { margin-top: 0; padding: 0 0 0 16px; font-size: 11.5px; }
.seats-info-table ul li                                 { padding-bottom: 8px; }

.seats-info-dx .price .currency         { font-size: 16px; color: #00BCE4; font-weight: bold; }
.seats-info-dx .hd                      { height: 34px; }
.seats-info-dx .hd > span               { font-weight: bold; padding-right: 5px; }
.seats-info-dx .stretch-zone .hd:after  { content:url('../Content/grey/seatmap/img-seats-info-stretchzone-icon.png'); position: relative; top: 4px; } 
.seats-info-dx .exit-row .hd:after      { content:url('../Content/grey/seatmap/img-seats-info-exitrow-icon.png'); position: relative; top: 5px; }
.seats-info-dx .front-row .hd:after     { content:url('../Content/grey/seatmap/img-seats-info-frontrow-icon.png'); position: relative; top: 2px; }  
div.def-table.seats-info-dx div.clm.standard > div.hd       { padding: 7px 5px; font-weight: bold; }
div.def-table.seats-info-dx div.clm.stretch-zone > div.hd   { padding: 2px 5px; }
div.def-table.seats-info-dx div.clm.exit-row > div.hd       { padding: 0px 5px; }
div.def-table.seats-info-dx div.clm.front-row > div.hd      { padding: 7px 5px; }

/* Payment Page
***************************************************************/
/*hide tabs until it's all loaded properly*/
div.paymentblock                    { display: block; height: inherit; background: none; padding: 15px; border: 1px solid #EEEEEE; border-radius: 0 0 0 0; margin: 0; min-width: 596px; background: url("../Content/grey/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; }
div.paymentblock input              { margin: 0 5px 10px 0; }
div.paymentblock input.primaryAction { float: left; }
div.paymentblock label              { font-weight: bold; }
div.paymentblock h4                 { margin-top: 15px; }

.creditcards                        { margin-top: 15px; display: inline-block; }
.credit-card-item                   { width: 100px; float: left; margin-right: 5px; padding: 0; border: none; }
.credit-card-item input             { display: inline; float: left; margin-right: 10px; }

#CreditCardDetail                   { clear: both; display: inline-block; width: 100%; margin-top: 20px; }
#CreditCardDetail h4                { border-bottom: 1px solid #EEEEEE; clear: left; margin: 15px 0; padding-bottom: 5px; }
#CreditCardDetail label             { display: block; float: left; margin-right: 5px; padding-right: 10px; text-align: left; width: 100px; font-weight: bold; }
#CreditCardDetail select            { margin-bottom: 10px; }
#CreditCardDetail h4.amount-charged { padding: 10px 0 0 0; margin: 0; font-size: 16px; border-top: 1px solid #EEEEEE; border-bottom: none; }
.payment-amount-left                { color: #666666; }
.payment-amount-right               { color: #00BCE4; }
.baskTotalCurrency                  { color: #666; font-size: 14px; font-weight: normal; }

.tb_login                           { clear: both; margin-top: 12px; }
.tb_login label                     { font-weight: bold; padding: 3px 0; display: block; }
.tb_login_btn                       { height: 38px; }

#divTBCardDetail                    { margin-top: 10px; }

#payment-tabs                       { display: none; }
#payment-tabs div                   { }
#payment-footer                     { display: none; padding: 5px; text-align:right; }
#payment-error                      { display: none; }

#milesTable th, #milesTable td      { width: 110px; margin-right: 15px; display: inline-block; text-align: left; }
#milesTable th                      { width: 107px; }
#milesTable td                      { vertical-align: middle; }

#milesInfoList input                { width: 90px; margin-top: 10px; }
#milesInfoList .miles-total         { color: #00BCE4; font-size: 14px; font-weight: bold; margin-right: 0; width: auto; }

#eBucksTable th, #eBucksTable td    { width: 110px; margin-right: 15px; display: inline-block; text-align: left; }
#eBucksTable th                     { width: 107px; }
#eBucksTable td                     { vertical-align: middle; }

#eBucksInfoList input               { width: 90px; margin-top: 10px; }
#eBucksInfoList .miles-total        { color: #00BCE4; font-size: 14px; font-weight: bold; margin-right: 0; width: 90px; }
#eBucksMessage                      { color: #EAB543; font-weight: bold; margin-bottom: 5px; display: block; }

.total-warning, .total-message      { color: #EAB543; font-size: 12px; font-weight: bold; }

.confirm_terms                      { font-weight: bold; }
div.confirm_terms input#chkAccept   { margin: 0; padding: 0; }

#payment-footer .primaryAction      { width: 200px; }
.payment-processing                 { float: right; padding-top: 11px; padding-left: 5px; color: #999; }


/* Confirmation page
***************************************************************/
div.itinerary_confirmation                      { display: inline-block; background: none; padding: 15px; border: 1px solid #EEEEEE; border-radius: 0 0 0 0; margin: 0; width: 96%; background: url("https://www.kulula.com/Themes/kulula-responsive/Content/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; margin-bottom: 20px; }
div.itinerary_confirmation .itinerary_confirmation_part { display: inline-block; width: 100%; }
div.itinerary_confirmation .flight-summary-1    { padding-bottom: 10px; }
div.itinerary_confirmation .flight-summary-2    { border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; padding: 10px 0; }
div.itinerary_confirmation .flight-summary-3    { margin-bottom: 15px; border-bottom: 4px double #EEEEEE; padding-bottom: 10px; }
div.itinerary_confirmation .flight-particulars  { padding-top: 10px; }
div.itinerary_confirmation .flight-particulars  { padding-left: 140px; width: 220px; float: left; }
div.itinerary_confirmation .flight-particulars span { font-size: 12px; font-weight: normal; }
div.itinerary_confirmation .flight-passengers   { float: left; margin-right: 14px;  margin-top: 10px; }
div.itinerary_confirmation input                { margin: 0 5px 10px 0; }
div.itinerary_confirmation label                { font-weight: bold; }
div.itinerary_confirmation .view-itinerary-code   { display: inline; float: left; margin: 0; padding: 0; width: 200px; }
div.itinerary_confirmation .view-itinerary-code span { font-size: 20px; line-height: 20px; }
div.itinerary_confirmation .trip-summary          { width: 220px; float: left; }
div.itinerary_confirmation .flight-summary        { width: 200px; float: left; }
div.itinerary_confirmation .flight-summary span   { font-size: 16px; font-weight: bold; line-height: 20px; }
div.itinerary_confirmation .trip-dates            { float: left; width: 220px; }
div.itinerary_confirmation .trip-extras         { width: 200px; }
div.itinerary_confirmation .trip-extras-hd      { width: 200px; font-weight: bold; }
div.itinerary_confirmation .trip-extras-qty     { text-align: right; }
div.itinerary_confirmation .trip-extras-qty-hd  { font-weight: bold; }
div.itinerary_confirmation .trip-travellers h4  { margin-top: 0; }
div.itinerary_confirmation .trip-summary span,
div.itinerary_confirmation .trip-dates span     { font-size: 16px; font-weight: bold; line-height: 20px; }
div.itinerary_confirmation h3 a,
div.itinerary_confirmation h3 a:hover,
div.itinerary_confirmation h3 a:visited,
div.itinerary_confirmation h3 a:focus           { font-size: 12px; text-decoration: underline; }
div.itinerary_confirmation .details-content     { border-bottom: 1px solid #EEEEEE; margin: 0; padding: 0 0 10px; }
div.itinerary_confirmation .details             { padding-left: 5px; width: 130px; }
div.itinerary_confirmation .trip-summary .currency { line-height: 12px; color: #666; font-weight: normal; font-size: 10px; }
.confirmation_payment_total                     { font-size: 22px; color: #00BCE4; font-weight: bold; }
#flights_confirmation table.tblFlight td        { padding: 4px; }


/* Vitality login
***************************************************************/
.loginbox                           { background: url("../Content/grey/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; width: 250px; display: block; overflow: hidden; float: left; }
#vitality_login label               { font-weight: bold; display: block; }
#vit_login_btn input[type="submit"] { float: left; }
#vit_login_btn input.primaryAction  { float: left; margin-left: 0; }

.widget-DiscLoginPageCopy,
.widget-DiscManageBookingPageCopy,
.widget-AddExtrasLandingPgContent,
.widget-ebucksManageBookingPageCopy { display: inline-block; float: left; margin-left: 25px; width: 600px; }

/* Manage booking 
***************************************************************/
#manage_booking_login label                 { font-weight: bold; text-transform: lowercase; }
#manage_booking_login input[type="submit"]  { float: left; }
#manage_booking_login input.primaryAction   { float: left; margin-left: 0; font-size: 14px; width: 150px; }

.managebooking                              { display: inline-block; background: none; padding: 15px; border: 1px solid #EEEEEE; border-radius: 0 0 0 0; margin: 0; width: 100%; background: url("https://www.kulula.com/Themes/kulula-responsive/Content/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; }
.managebooking .view-itinerary-code         { display: inline; float: left; margin: 0; padding: 0; width: 140px; }
.managebooking .trip-summary                { margin-bottom: 10px; width: 220px; float: left; }
.managebooking .trip-dates                  { float: left; width: 200px; }

.trip_actions                               { clear: both; margin-left: 140px; width: 430px; }
.trip_actions ul                            { list-style: none; margin: 0; padding: 0; }
#manage_mytrips                             { width: 596px; margin-bottom: 10px; }
#manage_mytrips .trip-summary               { margin-right: 15px; }
#manage_mytrips .view-itinerary-code span,
#manage_mytrips .trip-summary span,
#manage_mytrips .trip-dates span            { font-size: 16px; font-weight: bold; line-height: 20px; }

#itinerary_info { margin-bottom: 10px; width: auto; }
#itinerary_info td { text-align: left; }
#itinerary_info .col1 { display: inline; float: left; margin: 0; padding: 0; width: 140px; text-align: left; }
#itinerary_info .col2 { width: 220px; padding-right: 15px; text-align: left;  }
#itinerary_info .col3 { width: 220px; }
#itinerary_info .infobold { font-size: 16px; font-weight: bold; }
#itinerary_info .border     { border:0; border-bottom: 1px solid #EEEEEE; padding-bottom: 10px; }
#itinerary_info .padtop     { padding-top: 10px; }

#noflights ul { list-style: none; padding: 0; margin: 0;}

#payment_info { margin-bottom: 10px; width: auto; }

.changeflight-travellers { color: #72CBCB; font-size: 13px; font-weight: bold; }

#changesegments th { width: 200px; }
#changesegments input,
#changesegments select { margin: 5px 0 10px; }

#change-multi-segments td  { width: 180px; }
#change-multi-segments input,
#change-multi-segments select { margin: 5px 0 10px; }

/* resend confirmation
***************************************************************/
#TransactionList input[type="checkbox"]     { margin: 2px 5px 10px 0; }
#resend_conf                                { width: 596px; margin-bottom: 10px; }
#resend_conf .view-itinerary-code           { width: 180px; }
#resend_conf .transactions                  { margin-bottom: 10px; width: 140px; float: left; width: 400px; }
#divSuccess                                 { color: #EAB543; padding-top: 5px; }

/* credit card registration form
***************************************************************/
#card-reg-form label { font-weight: bold; width: 145px; display: inline-block; }
#card-reg-form label.exist-prof { font-weight: normal; }
#card-reg-form button   { float: none; }

/* UI development for the kulula content section | Needs to be reviewed by Chantel | - Inserted by Kewyn 15 May 2012 

Note: styles in this section are placed in a specific order for  a reason. Be careful when
***************************************************************/
.content table td {text-align: left; vertical-align: top; padding: 4px 5px}

hr                 {border-top: 1px solid #ebebeb; border-left: none; border-bottom: none; border-right: none;}
hr.content-divider {border-top: 1px solid #ebebeb; border-left: none; border-bottom: none; border-right: none;}

/* ******** - Linked headings */
h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:focus { font-size: 22px; font-weight:normal; text-decoration: none;}
h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:focus { font-size: 20px; font-weight:bold; text-decoration: none;}
h3 a, h3 a:link, h3 a:visited, h3 a:active, h3 a:focus { font-size: 16px; font-weight:bold; text-decoration: none;}
h4 a, h4 a:link, h4 a:visited, h4 a:active, h4 a:focus { font-size: 16px; font-weight:bold; text-decoration: none;}
h5 a, h5 a:link, h5 a:visited, h5 a:active, h5 a:focus { font-size: 12px; font-weight:bold; text-decoration: none;}
h6 a, h6 a:link, h6 a:visited, h6 a:active, h6 a:focus { font-size: 12px; font-weight:bold; text-decoration: none;}


/* Taxonomy - global styling */
.more-info-wrapper                  { padding: 15px 10px 15px 10px ;margin-top: 20px; background: url("../Content/grey/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; border:1px solid #eeeeee; height: auto;} 
.more-info-wrapper ul               { clear: left; margin: 0; padding: 3px 0;} 
.more-info-wrapper li.taxonomy-link { margin: 5px 0; padding-left: 0; width: 49%; display: inline-block; color:#8CC63F; } 
.more-info-wrapper li.taxonomy-link a       { font-size: 13px; text-decoration: none; padding: 5px 10px 5px 2px;} 
.more-info-wrapper li.taxonomy-link a:hover { font-size: 13px; text-decoration: underline;}

.more-info-heading { font-size: 12px; font-weight: bold; color: #999; margin: 5px 0 13px 0; font-style: italic; border-bottom: 1px solid #eeeeee; padding-bottom: 15px; }
.related-info-heading { font-size: 12px; font-weight: bold; color: #999; margin: 5px 0 10px 0; font-style: italic; }
.content-picker-field.content-picker-field-related-to { padding-bottom: 20px; }
.content-picker-field.content-picker-field-view-more-information-on { clear: both; margin-bottom: 20px;}

.descriptive-image a {display: inline;}

/* Taxonomy - content */
/* Taxonomy - category */
.category .description-image    { float: left; display: inline-block; margin: 0 20px 8px 0; text-align: center; width: 276px; height: 172px; }
.category .content-btn-small    { display: block; width: 150px; }            

/* Taxonomy - index */
.index .image           { width: 276px; height: 100px; background-size: cover; }

.info-page .info-block  { float: left; display: block; padding: 6px 10px; margin: 0px; border: 1px solid #eeeeee; background: url('../../kulula.com/Content/bskt/gradient-back.jpg') repeat-x 0 0 transparent; }

/* Taxonomy - pcc */
/* Taxonomy - destinations */


/* sponsorships & CSI initiatives
***************************************************************/

.initiatives .image   { border: 5px solid #f9f9f9; height: 130px;}

.support-cause                      { text-align: center; padding: 10px 0; display: inline-block; float: right; width: 100%; background-color: #f9f9f9; }
.support-cause h2                   { font-size: 18px; font-weight: bold; text-align: center; padding-right: 0; margin-right: 0; }
.support-cause .support-logo        { display: block; height: 130px; background-repeat: no-repeat; background-position: 50% 50%; }
.support-cause .support-cause-text  { text-align: center; }
.support-cause .content-btn-small   { font-size: 14px; margin: 10px 10px 0; display: block; text-align: center; }

/* Our Ads
***************************************************************/
.video.ads                  { height: 180px; }
.ads p.extra-margin         { text-align: center; }

/* Case Studies
***************************************************************/
.case-study p.extra-padding         { margin-bottom:0px; }
.case-study p.extra-padding         { margin: 0px; }
.case-study p.extra-margin          { text-align: center; }

/* Glyphs
***************************************************************/
.glyphicon-tick li:before   { content: "\e013"; font-family: 'Glyphicons Halflings'; position: relative; right: 15px; color: black; }
ul.glyphicon-tick li        { text-indent: -12px; }

/* content show hide effect
***************************************************************/
.showHideInfo .showInfo           { background: url(../Content/grey/login/maximize.jpg) no-repeat scroll left top transparent; cursor:pointer; color:#8CC63F; font-size:14px; padding:1px 30px; margin-bottom:10px; font-weight:bold; }
.showHideInfo .selected           { background: url(../Content/grey/login/minimize.jpg) no-repeat scroll left top transparent; }
.showHideInfo .showInfo-body      { display:none; min-height:0; height:auto; margin-bottom:20px; margin-left:30px; }
.showHideInfo .displaydiv         { display:block; }

/* Default Tabs
***************************************************************/
ul.tabs				{ display:block; height:47px; margin:0;position:relative; padding:0; top: 1px; z-index: 2; }
ul.tabs li			{ list-style:none; display:inline-block; margin:0; padding:12px 22px; background-color:#efefef; border:1px solid #7EB13A; cursor:pointer; font-size: 17px; color: #FFFFFF; height: 20px; background: url("../Content/grey/sel/sel-tab-bg-green.gif") repeat-x left top #88C03D; width: auto; float: left; }
ul.tabs li.selected	{ background-color:#fff; border: 1px solid #E0E0E0; border-bottom: 1px solid #FFFFFF; color: #666666; background: url("../Content/grey/sel/sel-tab-bg-selected.png") repeat-x left top #FFFFFF; height:22px; }
.tab-content		{ display:none; border: 1px solid #E0E0E0; padding:22px; }
.displaydiv			{ display:block; }

.tab-mobi,
.link-mobi          { display:none; }

/* check-in panel 
------------------------------------------------------------- */
.widget-checkinPanel      { margin-top:-6px; }
#checkinPanel             { background-color:#EFEFEF; padding:5px; }
#checkinPanel .tabs       { position: relative; height: 37px; }
#checkinPanel .tab,
#checkinPanel .link        { font-size: 13px; line-height: 22px; padding: 8px 14px 5px; }
#checkinPanel .selected   { border-bottom:1px solid #FFFFFF;}
#checkinPanel .tab-content{ background-color:#FFFFFF; border:1px solid #E0E0E0; padding:10px 14px;}

#checkinPanel .flight-itinerary fieldset > div      { margin:0; }
#checkinPanel .flight-itinerary .action             { margin-top:23px; }

#checkinPanel a.content-btn-big { text-transform:none; }
    #checkinPanel .link a { color: #FFFFFF; text-decoration:none; }

/* Content tab styles		
***************************************************************/
#copytabs ul.tabs       { position: relative; top: 6px; height: 42px; }
#copytabs ul.tabs li    { font-size: 13px; line-height: 22px; padding: 8px 14px 5px; height:21px; }
    #copytabs ul.tabs li.selected { border-color: #E0E0E0 #E0E0E0 #FFFFFF; height: 22px; }
#copytabs .tab-content  { padding: 15px; border: 1px solid #E0E0E0; width: auto; height: auto; }

/* FLIGHT - information banners */

/* Side tabs
***************************************************************/
.SideTabs                       { border: 1px solid #E0E0E0; background-color:#F9F9F9;}
.SideTabs ul.tabs               { width:30%; height:200px; position:relative;  float:left; } 
.SideTabs ul.tabs li            { width:85%; display:block; font-size: 13px; line-height: 22px; padding: 8px 14px 5px; margin:-2px 0 0 -1px; }
.SideTabs ul.tabs li.selected   { border-color: #E0E0E0 #FFFFFF #E0E0E0 #E0E0E0; background-color:#FFFFFF; background-image:none;}
.SideTabs .tab-content          { border:0; float:left; padding: 15px; height: 200px !important; position:relative; background-color:#FFFFFF; width:65%; border-left: 1px solid #E0E0E0; }

/* Login - menu dropdown
***************************************************************/

.drop.login                     { padding-top:30px; }
.drop.login a                   { color:#8CC63F; }
.drop.login div.image           { background-image:url("../Content/grey/sel/selector-sprite.png"); background-repeat:no-repeat; display:block; margin-bottom:15px; }
.drop.login div.opt-kulula-id   { background-position: -355px 0; width:116px; height:33px; margin-top:10px; }
.drop.login div.opt-vitality    { background-position: -42px 0; width:87px; height:45px; float:left; margin-right:20px; }
.drop.login .info               { font-size: 14px; margin-top:3px; margin-bottom:15px; line-height:22px; }

.widget-DropDownMenu div.drop.login .colu { margin:0; width:40%; padding:0 50px 0 20px; }
.widget-DropDownMenu div.drop.login .colu.last {  padding-left:50px; }
.drop.login form                        { clear:both; display:block; }
.drop.login form input.primaryAction    { margin-bottom:0;}

.drop.login label                   { font-weight: bold; padding: 0 0 4px 0; display: block; }
.drop.login input[type="text"],
.drop.login input[type="password"]  { padding: 9px 10px; border: 1px solid #E4E4E4; width: 100%; background: none #F9F9F9; height: auto; line-height: 16px; margin: 0 0 10px 0; box-sizing: border-box; }

/* check-in
***************************************************************/
.check-in a.content-btn-small            { color: #FFFFFF; width:70%; display:block; text-align:left; text-transform:none; }
.check-in > p                            { margin:0 0 10px 0; }

/* Your flight
***************************************************************/
.your-flight                    { clear:both; margin-bottom:20px; }
.your-flight  a                 { display:block; font-size:14px; text-decoration:none; margin-bottom:5px; }
.your-flight .image             { background:url("../Content/grey/icons/your-flight-sprite.gif") no-repeat 0 0; width:50px;  display:block; padding:0; margin:5px 15px 0 0; float:left; }
.your-flight .flight-itinerary  { background-position: 0 0; height:44px;}
.your-flight .flight-status     { background-position: 0 -47px; height:52px; }
.your-flight .flight-schedule   { background-position: 0 -101px; height:50px; }

/* flight itinerary
***************************************************************/
.flight-itinerary label                     { font-weight:bold; display:block; padding: 0 0 4px 0;}
.flight-itinerary fieldset                  { margin:0; }
.flight-itinerary .field                    { margin-bottom:10px; }
.flight-itinerary input[type="text"]        { padding:9px 10px; border: 1px solid #E4E4E4; width:100%; background:none #F9F9F9; height:auto; line-height:16px; margin:0; box-sizing: border-box; }
.flight-itinerary input[type="submit"]      { float:left; margin:0; font-size:18px;}

/* FlightFares
***************************************************************/
.FlightFares            { width:100%; margin-bottom:20px; margin-right:-20px;}
.FlightFares h2         { font-size:10px; margin:0; padding:0 0 5px 0; color:#666666; font-weight:normal; border-bottom: 1px solid #E0E0E0; }
.FlightFares h2.champ   { float: left; width: 50%; }
.FlightFares h2 a,
.FlightFares h2 a:link,
.FlightFares h2 a:visited, 
.FlightFares h2 a:active, 
.FlightFares h2 a:focus { font-size:16px; }
.FlightFares .fare      { float:left; width:48%; margin:10px 0 0; border-bottom: 1px solid #E0E0E0; padding:0 0 10px; }
.FlightFares .fare .route,
.FlightFares .fare b    { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:10px; font-weight:bold; }
.FlightFares span.price { color:#00bce4; font-size:24px; font-weight:bold;}
.FlightFares .more      { text-align: left; padding-top: 10px; clear: none; float: left; width: 50%;}
.FlightFares .image     { display: block; height: 261px}
.FlightFares .space.clm { float: left; width: 43%; }
.FlightFares .oneway    { display:none; }
.FlightFares .route .from   { display:none; }

.FlightFares a.FaresSelectorLinks           { text-decoration:none; }
.FlightFares a.FaresSelectorLinks:hover     { text-decoration:none; }

/* hide and display links when needed*/
.kulula.grey .FlightFares span.FaresSelectorPrice               { display:none; }

.kulula.grey.isVitality .FlightFares span.FaresSelectorPrice    { display:inline; }
.kulula.grey.isVitality .FlightFares a.FaresSelectorLinks       { display:none; }

.kulula.grey.isVitality .FeaturedBanner  a.FaresSelectorLinks       { display:none; }

.FlightFares a span.price { color:inherit; }

.col-sm-6.FlightFares,
.col-sm-12.FlightFares                       { width:50%; float:left; margin-right:0; }

.col-sm-12.FlightFares                      { width:100%; }

/*.row > .col-sm-6                            { padding-right:10px; }*/

.col-sm-6 .col-sm-6.FlightFares             { float:left; width:50%; margin-bottom:0; } 
    
.col-sm-6 .col-sm-6.FlightFares h2.champ,
.col-sm-6 .col-sm-6.FlightFares .fare,
.col-sm-6 .col-sm-6.FlightFares .more       { width:100%; }

.col-sm-6.FlightFares .container .row       { margin:0; }

.col-sm-6.FlightFares .container .col-sm-6.FlightFares { padding:0; }

/* Specific to destination fares - destination pages*/

.FlightFares.FaresFrom .container,
    .FlightFares.DestFares .container { background-color:#F9F9F9; padding:15px; margin-top:20px; }

.FlightFares.FaresFrom h2,
    .FlightFares.DestFares h2         { border-bottom:0px; font-weight:bold; padding-bottom:10px; }

 .FlightFares.FaresFrom .routes,
    .FlightFares.DestFares .routes { padding:5px 0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; overflow:hidden;}

    .FlightFares.FaresFrom .routes .fare,
    .FlightFares.DestFares .routes .fare { border-bottom:0; border-right:1px solid #E0E0E0; margin:15px 10px 15px 0; padding:0 ; }

    .FlightFares.DestFares .route .from   { display:none; }

.FlightFares.FaresFrom .fare .route .to { display:none; }
.FlightFares.FaresFrom .fare      { width:23%; }
    .FlightFares.DestFares .fare      { width:18.7%; }

.FlightFares.FaresFrom .oneway,
    .FlightFares.DestFares .oneway { display:block; font-size:11px; }

/* Latest Fares
***************************************************************/
#latest-fares .currency,
#latest-fares .cents    { text-align: right; font-size: 11px; }
#latest-fares .overflow     { white-space: nowrap; }

#latest-fares div.def-table div.clm > div.hd4   { text-align: center; }
#latest-fares div.def-table div.clm > div.fare  { height: 33px; }
#latest-fares div.def-table div.clm > div.farefrom  { height: 33px;}
#latest-fares div.def-table div.clm > div       { text-align: left; }
#latest-fares div.def-table div.clm > div > div { text-align: left; }

#latest-fares .banner-book:before       { display: inline-block; content:''; overflow: hidden; width: 110%; height: 0; border-top: 94px solid #F3F3F3; border-left: 45px solid transparent; position: absolute; right: 0px; z-index: -1; }
#latest-fares .banner-book              { position: absolute; z-index: 2; width: 252px; }
#latest-fares .disc-login               { width: 60%; }
#latest-fares .book-now                 { width: 40%; }
#latest-fares .disc-login .disc-text    { padding: 0px 30% 8px 10px; }
#latest-fares .disc-btn                 { padding: 0 8%; }
#latest-fares .disc-btn > img           { vertical-align: middle; }
#latest-fares .book-btn                 { padding: 10px 20%; }

#latest-fares .half.clm.text-right      { margin-bottom: 10px; margin-top: 20px; }

#latest-fares .bar-top,
#latest-fares .disc-text      { background-color: #00bbe4; }
#latest-fares .disc-text      { font-size: 10px; color: #ffffff; font-weight: bold; }
 
#latest-fares .col-sm-12.FlightFares.quickselector .routes .fare { padding:2px 5px 5px; margin:0; }
#latest-fares .col-sm-6.FlightFares.quickselector .routes .fare { padding:2px 5px 5px; margin:0; width:97%; }

    #latest-fares .routes .fare .route { display:inline-block; vertical-align:text-top; margin-right:5px; }
    #latest-fares .col-sm-12.FlightFares.quickselector .routes .fare .route { width:48%; }
    #latest-fares .col-sm-6.FlightFares.quickselector .routes .fare .route { width:50%; }

#latest-fares a span.price    { color:inherit; }

/* marketing */
/* Small Banners
***************************************************************/
.SmlBanners h2, .SmlBanners p   { margin:0 20px 10px; padding:0;}
.SmlBanners .clm                { padding:0 0 10px 0; width:33.3%; height:360px; margin-bottom:40px;}
.SmlBanners .altn               { background-color:#F9F9F9;}
.SmlBanners .banner             { height:190px; margin:10px; }

/* Package Banners 
***************************************************************/
.PackageBanners .banner      { height:230px; margin-bottom:40px;}
.PackageBanners .tagline     { bottom:12px; width:100%; top:auto; left:auto; padding:0; }
.PackageBanners p            { margin:10px; line-height:16px; font-size:14px; }
.PackageBanners a            { color:#FFFFFF; font-size:14px; line-height:16px; }

/* Manage my booking */

/* Dynamic - Radio button/ tab effect
***************************************************************/
ul.dynRad                          { padding:0; margin:0; list-style:none;}

.dynRadGroup div.item			   { display:none; }
.dynRadGroup div.displaydiv 	   { display:block; }


/*New manage booking page
------------------------------------------------------------- */
#ManageBookingSelector                                { margin-top:10px; }

#ManageBookingSelector ul.tabs .tab.selected          { background-color: #F9F9F9; border-bottom:1px solid #F9F9F9; background-image:none; }
#ManageBookingSelector .tab-content                   { background-color: #F9F9F9; min-height:240px; }

#ManageBookingSelector ul.dynRad                      { width: 99.99%; overflow: hidden; }

#ManageBookingSelector ul.dynRad li                     { background-color:#FFFFFF; float:left; height: 36px; display: block; border-left: 1px solid #E4E4E4; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; }
#ManageBookingSelector ul.dynRad li.type.selected       { background-color: #72CBCB;  }

#ManageBookingSelector ul.dynRad li.type label          { cursor:pointer; color: #8CC63F; display:block; width:100%; padding:0; height: 36px; line-height:36px; text-align:center; }
#ManageBookingSelector ul.dynRad li.type.selected label { color: #FFFFFF; }

    #ManageBookingSelector ul.dynRad li.type label span { background: url(../Content/grey/sel/selector-sprite.png?v=2) no-repeat 0 0; display:block; margin:0 auto; }
    #ManageBookingSelector ul.dynRad li.type label span.text { text-align:center; display:inline; }

    #ManageBookingSelector ul.dynRad li.type.manageCarrier.mn label span             { background-position: -191px -232px; height:20px; width:118px; margin:8px auto; }
    #ManageBookingSelector ul.dynRad li.type.manageCarrier.ba label span             { background-position: -193px -257px; height:23px; width:131px; margin:7px auto; }
    
    #ManageBookingSelector ul.dynRad li.type.manageCarrier.mn.selected label span              { background-position: -4px -232px; }
    #ManageBookingSelector ul.dynRad li.type.manageCarrier.ba.selected  label span             { background-position: -6px -257px; }

    #ManageBookingSelector ul.dynRad li.type.manageCarrier.other > label > span.text::before,
    #ManageBookingSelector ul.dynRad li.type.manageCarrier.other > label > span.text::before     { float:left; margin-right:5px; background: url('../Content/grey/sel/selector-sprite.png?v=2') no-repeat; display:block; background-position: -344px -233px; width:21px; height:22px; display:block; content:'';  }
    #ManageBookingSelector ul.dynRad li.type.manageCarrier.other > label > span.text             { line-height:22px; margin-left:5px; background:none; margin:7px auto; width:100px; display:block; }

        #ManageBookingSelector ul.dynRad li.type.manageCarrier.other.selected > label > span.text::before,
        #ManageBookingSelector ul.dynRad li.type.manageCarrier.other.selected > label > span.text::before { background-position: -158px -233px; }

    #ManageBookingSelector ul.dynRad li.type.manageType.vitality label span         { background-position: -38px -47px; height: 26px; width: 50px; margin:5px auto; }
    #ManageBookingSelector ul.dynRad li.type.manageType.ebucks label span           { background-position: -99px -47px; height: 26px; width: 28px; margin:5px auto; }
 
    #ManageBookingSelector ul.dynRad li.type.manageType.vitality.selected label span          { background-position: -211px -47px; }
    #ManageBookingSelector ul.dynRad li.type.manageType.ebucks.selected label span            { background-position: -272px -47px; }

    #ManageBookingSelector ul.dynRad li.type.manageCarrier.other label span,
    #ManageBookingSelector ul.dynRad li.type.manageType.none label span,
    #ManageBookingSelector ul.dynRad li.type.manageType.bizdeals label span          { background:none; }

#ManageBookingSelector ul.dynRad input[type="radio"]  { -webkit-appearance: none; display: none; margin: 0; padding: 0; }

#ManageBookingSelector .dynRad-options > label        { font-weight:bold; margin:10px 0 4px; display:inline-block; padding:0;}

#ManageBookingSelector ul.dynRad li:last-child        { border-right: 1px solid #E4E4E4; }

#ManageBookingSelector ul.dynRad li.type.manageCarrier  { width: 32.98%; }
#ManageBookingSelector ul.dynRad li.type.manageType     { width: 24.68%; }

#ManageBookingSelector .item                            { margin-top:20px; }
#ManageBookingSelector .item .clm                       { padding:0 10px; }
#ManageBookingSelector .item .clm p                     { margin:0; }

#ManageBookingSelector .content-btn-secondary-small,
#ManageBookingSelector .content-btn-small           { text-align:center; font-size:14px; text-decoration:none; color:#FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#8BC53D), to(#7DB237)); background: -moz-linear-gradient(top , #8BC53D, #7DB237); background: #85BD3A url(../Content/grey/gen/green-gradient.jpg) repeat-x center; border: 1px solid #7DB137; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: 4px 15px; margin:0 auto 15px auto; text-transform:none; display:block; width:60%;}
#ManageBookingSelector .content-btn-secondary-small:hover,
#ManageBookingSelector .content-btn-small:hover     { background: #7DB137; color: #FFFFFF; text-decoration: none; }

    #ManageBookingSelector .info-tooltip { cursor: help; float:right; display:inline-block; margin:10px 0 4px; color: #8cc63f; text-decoration:underline; }
    #ManageBookingSelector span.sub-text { display:block; margin-top:10px; text-align:center; }

.tooltip                           { position:absolute; z-index:999; left:-9999px; background-color:#EAB543; padding:5px; border:1px solid #fff; width:250px; }
.tooltip p                         { margin:0; padding:0; color:#666; background-color:#fff; padding:2px 7px; }

.control-panel {
    clear: both;
    border: 1px solid #EEEEEE;
    margin: 0;
    padding: 15px 15px 5px;
    background: url("../Content/grey/sel/selector-bg.jpg") repeat-x left top #F2F2F2;
    position: relative;
    z-index: 1;
    box-shadow: 0 4px 5px -4px #A9A9A9;
}

/*Kulula101 
***************************************************************/

.kulula101 .clm .main-text a        { padding: 5px 5px 10px; line-height: 30px; font-size: 20px; color: #8cc63f; text-decoration: none; }
.kulula101 .clm .sub-text           { padding: 6px 0px; color: #999999; font-style: italic; vertical-align: middle;  }

/* Pager
***************************************************************/
ul.pager            { clear: both; list-style: none; padding: 12px 0; margin: 0;  width: 100%; font-size: 10px; color: #999; }
ul.pager li         { display: block; float: left; width: 18px; margin: 12px 0; padding: 12px 5px 0 0; }
ul.pager li span    { display: block; padding: 4px 6px; font-size: 10px; }
ul.pager li a        { display: block; background-color: #8CC63F; padding: 4px 6px; color: #ffffff !important; font-size: 10px; text-decoration: none; }
ul.pager li a:hover  { background-color: #608828; }

/* HOMEPAGE 
***************************************************************/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; height: 219px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; height: 219px; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
#container { width: 100%; height: 219px; margin: 0 auto; z-index: 0; position:relative;}

.flexslider {border: 1px solid #ccc; position: absolute; top: 0; width: 100%; background-image: url(../Content/grey/slider/bg-loading.gif); background-position: left top; background-repeat: no-repeat; background-color: #F3F3F3; height: 219px; }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; }
.flexslider .slides li a { cursor: pointer; text-decoration: none; }
.flex-container {zoom: 1; position: relative; }
.flexslider .image { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: block; height: 219px; }

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 606px; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
.ban-text   { padding: 20px 35px 10px; margin: 0; position: absolute; right: 0; top: 0; height: 193px; color: #666; font-size: 40px; line-height: 40px; font-family: Arial; text-align: right; text-decoration: none; }
.ban-text-left   { padding: 20px 35px 10px; margin: 0; position: absolute; left: 0; top: 0; height: 193px; color: #666; font-size: 40px; line-height: 40px; font-family: Arial; text-align: left; text-decoration: none; }

/* Direction Nav */
.flex-direction-nav { height: 0; display: none; }
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 20%; position: absolute; bottom: 10px; text-align: center; right: 0; }
/* .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; } */ /* THIS STYLE HAS BEEN MOVED TO THE BOTTOM OF THIS STYLESHEET - MUST ALWAYS BE AT THE BOTTOM - Chantel */
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 19px; height: 19px; display: block; background: url(../Content/grey/slider/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -19px;}
.flex-control-nav li a.active {background-position: 0 -38px; cursor: default;}


/* Homepage - content block - generic
***************************************************************/
#home-content-block  { display: inline-block; width: 305px; border-top: 4px double #EBEBEB; padding: 20px 0 25px; }
#home-content-block .img-block { float: left; width: 93px; display: inline-block; }
#home-content-block .img-block img { float: left; margin-right: 20px; }
#home-content-block .text-block { padding-left: 115px; padding-top: 8px; }
#home-content-block .text-block .title { color: #999; font-size: 26px; line-height: 33px; } 
#home-content-block p { margin: 5px 0; }
#home-content-block .arrow { height: 55px; padding-right: 10px; display: inline-block; float: left; width: 10px; }

/* Homepage - content block - specific
***************************************************************/
#home-content-block.hello-travelbank   { float: left; border-top: none; }
#home-content-block.book-hol-package   { float: right; border-top: none; }

/* LANDING PAGES - sidebar
***************************************************************/

/* Sidebar - content block
***************************************************************/
#sidebar-content-block  { padding: 10px 0 20px; border-bottom: 4px double #EBEBEB; display: inline-block; }
#sidebar-content-block .img-block { float: left; width: auto; display: inline-block; }
#sidebar-content-block .img-block img { float: left; margin-right: 20px; }
#sidebar-content-block .text-block { padding-left: 0px; }
#sidebar-content-block .text-block .title { color: #00BCE4; font-size: 25px; line-height: 33px; } 
#sidebar-content-block p { margin: 5px; color: #999999; }
.widget-aside-second .title { font-size: 22px; color: #999999; }


/* FLIGHT SCHEDULE
***************************************************************/

/* Sidebar - flight schedule search
***************************************************************/
#flight-schedule.selector .one-way-sel input { margin-top:5px;}
#flight-schedule.selector .one-way-sel label{ display:inline; vertical-align:top; line-height: 20px; }

.widget-after-content #flight-schedule.selector .one-way-sel  { margin-top:20px; }

/* Timetable - flight schedule
***************************************************************/
.flight-schedule div.clm.fl-no       { width: 30.6%; }
.flight-schedule div.clm.fl-times    { width: 10.7%; }
.flight-schedule div.clm.fl-date     { width: 8%; }

div.def-table.borders.flight-schedule div.cnt,
div.def-table.borders.flight-schedule div.cnt1,
div.def-table.borders.flight-schedule div.clm .cnt1 .vert-mid{ line-height: 26px; }

div.def-table.flight-schedule div.clm > div.hide-mobi, 
div.def-table.flight-schedule div.clm.hide-mobi         { display: table; }
div.def-table.flight-schedule div.clm > div.hide-desk, 
div.def-table.flight-schedule div.clm.hide-desk         { display: none; }

.flight-schedule .carrier               { margin-right:20px;}
.flight-schedule .fl-sch-img            { margin:0px; height:21px; width:20px; background-image: url('../Content/grey/icons/flight-schedule/fl-sched-grey.png'); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle; }
.flight-schedule .fl-sch-img.fl-sch-MNc { background-position: 0 0px; }
.flight-schedule .fl-sch-img.fl-sch-MN  { background-position: -21px 0; }
.flight-schedule .fl-sch-img.fl-sch-BA  { background-position: -42px 0; }
.flight-schedule .fl-sch-img.empty      { background-image:none; }

/* Sidebar - get kulula ID
***************************************************************/
.get-kulula-id .img-block img { margin-top: 7px; }

/* Sidebar - kulula Credit Card
***************************************************************/
.KululaCreditCard a {padding: 80px 0 0px 0; font-size:16px;}

/* Sidebar - kulula fanmail subscription
***************************************************************/
#sidebar-content-block.fanmail { width: 100%; padding-bottom: 30px; border:0; }
#sidebar-content-block.fanmail .img-block img { margin-top: 7px; margin-right: 15px; }
#sidebar-content-block.fanmail .text-block { padding-top: 8px; }
#sidebar-content-block.fanmail .form-block { padding-top: 0px; clear: both; text-align: left; }
#sidebar-content-block.fanmail .form-block label { padding-right: 5px; font-weight:bold; }
#sidebar-content-block.fanmail .form-block input { width: 238px; margin:0 0 10px; }
.fanmail-btns               { display: block; margin-top: 5px; }
.fanmail-subscrbtn          { display: block; height: 30px; float: left; }
.fanmail-subscrbtn a        { font-size: 12px; margin-right: 0; }
.fanmail-managelink         { display: block; height: 30px; float: right; }
.fanmail-managelink a       { font-size: 12px; }
.manage-subscriptions label { display: inline-block; font-weight:bold; }
.manage-subscriptions input { }
.manage-subscriptions input#SubscribeEmailComms { width: auto; margin-right: 5px; }
.manage-subscriptions #btnSubmit { float: left; }

/* Content block area - kulula fanmail subscription
***************************************************************/
.widget-EmailSubscriptionContent #sidebar-content-block.fanmail .form-block { clear: both; float: left; padding-top: 10px; text-align: left; }
.widget-EmailSubscriptionContent .fanmail-btns { display: block; float: left; margin-left: 15px; margin-top: 14px; }

/* kulula fanmail Social Media Share */
/************************************************************ */
.share-buttons { height:30px;}
.share-buttons a { color: #ffffff; margin-top:10px; border-radius: 3px; padding: 2px 8px 2px 24px; float: left; text-decoration:none; }
.share-buttons .facebook a { background: #4267b2 url('../Content/black/ftr/fb-mini.png')  no-repeat 4px 3px ; font-weight: bold; margin-right:10px;}
.share-buttons .twitter a { background: #28a9e2 url('../Content/black/ftr/tw-mini.png')  no-repeat 4px 3px ; font-weight: normal; }


/* Sidebar - site search
***************************************************************/
article.widget-search-form     { float: none; width: 250px; margin-bottom:30px; }
article.widget-search-form .ico-menu,
article.widget-search-form .ico-search { display:none; }

.widget-site-search,
.widget-SiteSearch     { padding: 0 0 20px; display: inline-block; }
.widget-site-search fieldset,
.widget-SiteSearch fieldset    { margin:0; }
.widget-site-search h1, 
.widget-SiteSearch h1
 { color: #999999; font-size:12px; font-weight:bold; margin:0; padding:0; }
.search-form input[type="text"],
.search-form input[type="text"] { float: left; width: 160px; margin:3px 0 0 0;  }
.search-form button[type="submit"],
.search-form button { float: right;  margin: 0; padding: 4px; font-size:14px; min-width:74px; }

#layout-navigation .widget-search-form { display:none; }

#layout-content .widget-search-form { width:auto; }
#layout-content .widget-search-form #frmSearch { background-color:#F9F9F9; padding:10px; margin-bottom:10px; }
#layout-content .widget-search-form #frmSearch input { width:200px; }
#layout-content .widget-search-form #frmSearch input,
#layout-content .widget-search-form #frmSearch button { float:none; }

/* Sidebar - press shelf
***************************************************************/
article.widget-Pressshelf          { border-top: 4px double #EBEBEB; padding: 20px 0 25px; }
article.widget-Pressshelf h1       { color: #999999; text-transform: lowercase; }


/* CAR PAGE 
***************************************************************/
/* Car groups slider
***************************************************************/
a.bx-prev, a.bx-next          { font-family: 'Glyphicons Halflings'; color: #8BC63E; }

    .bx-prev:after,
    .bx-prev::after,
    .bx-next:after,
    .bx-next::after {
        content: ''; display: block; font-size: 26px; text-align: center; text-indent: 0; width: 32px; height: 32px; margin-top: -20px; line-height: 32px; }

    .bx-prev:after,
    .bx-prev::after {
        content: "\e079";
    }

    .bx-next:after,
    .bx-next::after {
        content: "\e080";
    }

.bx-prev { left: -30px; }
.bx-next { right: -30px; }
.bx-wrapper { position: relative; width: 90%; margin: 0 auto; }
.bx-wrapper .bx-controls-direction a { text-decoration: none; position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 98; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

.h_group-heading { margin: 10px 0; padding: 0 0 5px 0; }
.h_group-sub-heading { background-color: #f9f9f9; font-size: 16px; text-align: center; padding: 10px; font-weight: bold; color: #72CBCB;}

#slider1 { height: 178px; margin: 0; }

    #slider1 li {
        width: 230px;
        list-style: none outside none;
        text-align: center;
        float: left;
        font-size: 14px;
        padding: 0;
        font-weight: bold;
    }

    #slider1 img { padding: 0px; width: 100%; max-width: 190px; }
    #slider1 .text_car_small { font-size: 13px; font-weight: normal; }

#ad_space { width: 118px; height: 178px; float: left; background-color: #a7d59d; }
#ad_space .ad_block { margin-top: 32px; text-align: center; color: #fff; font-size: 23px; }


/* Destination slider */
.ListSiblingsDest { background-color: #EFEFEF; padding: 0 10px; }
.ListSiblingsDest .bx-wrapper { width:96%;}
ul#PreviewSlider { list-style: none; margin: 0; padding: 0; }
ul#PreviewSlider li { width: 260px; float: left; padding: 5px; }
ul#PreviewSlider li .DestPreview { width: auto; }
ul#PreviewSlider .DestPreview { height: 150px; }

/* CAR INFO PANE 
a.car_pane { position: relative; z-index: 9998; }
a.car_pane:hover { z-index: 9999; text-decoration: none; }
a.car_pane span { display: none; text-decoration: none; }
a.car_pane IMG { text-decoration: none; }
a.car_pane:hover span { font-weight: normal; font-size: 11px; color: #666; text-align: left; display: block; position: absolute; top: -120px; width: 220px; height: 160px; background-image: url('https://www.kulula.com/Themes/kulula-responsive/Content/grey/cars/car-pup-bubble.png'); background-position: left top; background-repeat: no-repeat; text-decoration: none; left: 100px; padding: 10px 0 0 40px; }
*/

/* HOTELS PAGE 
***************************************************************/
/* holiday package deals
***************************************************************/
.hol-package-block              { display: inline-block; width: 295px; margin-right: 11px; margin-bottom: 20px; border-bottom: 4px double #E0E0E0; padding-bottom: 10px; }
.hol-package-block.left         { float: left; }
.hol-package-block.right        { float: right; margin-right: 0; }
.holiday-packages h2            { margin: 30px 0 6px; padding: 0 0 5px; border-bottom: 1px solid #E0E0E0; }
.HotelPageAfterContentThemes h2 { border-bottom: 1px solid #E0E0E0; }
.hol-package-block h3           { padding:0; margin-bottom: 5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.hol-package-block h4           { margin-top: 10px; margin-right: 0; margin-bottom: 10px; padding-right: 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}    
.hol-package-block .currency    { color: #00BCE4; font-weight: bold; font-size: 16px;}
.holiday-location h4            { font-size: 16px; color: #999999; font-weight: bold; margin-top: -5px;}
.hol-package-block .stay        { display: block; border-top: 1px solid #e0e0e0; padding-top: 10px; font-size: 11px; color: #00bce4; clear:both; }
.hol-package-block .star-rating { margin-bottom:5px; height:20px; }
.hol-package-block .star-rating span { display:block; height:19px; }

.hol-package-block .includes        { float:left; margin-bottom:15px; vertical-align:middle; }
.hol-package-block .includes img    { height:20px; vertical-align:middle;}

.hol-package-block .includes .icons                                      { margin:0px; height:21px; width:21px; background-image: url('../Content/grey/icons/includes-icons-sprite-sml-grey.png'); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle; }
.hol-package-block .includes .icons.flights                              { background-position: 0 0px; }
.hol-package-block .includes .icons.flights-car-hire                     { background-position: 0 -21px; width: 41px; }
.hol-package-block .includes .icons.flights-car-hire-hotel               { background-position: 0 -42px; width: 63px; }
.hol-package-block .includes .icons.flights-hotel                        { background-position: 0 -63px; width: 41px; }
.hol-package-block .includes .icons.flight-airport-transfers-hotel-rail  { background-position: 0 -84px; width: 84px; }
.hol-package-block .includes .icons.flight-hotel-rail                    { background-position: 0 -105px; width: 62px; }
.hol-package-block .includes .icons.car-hire                             { background-position: 0 -127px; }
.hol-package-block .includes .icons.car-hire-hotel                       { background-position: 0 -148px; width: 41px; }
.hol-package-block .includes .icons.hotel                                { background-position: 0 -169px; }
.hol-package-block .includes .icons.hotel-rail                           { background-position: 0 -190px; width: 41px; }
.hol-package-block .includes .icons.cruise                               { background-position: 0 -211px; }
.hol-package-block .includes .icons.cruise-car-hire-hotel                { background-position: 0 -232px; width: 62px; }
.hol-package-block .includes .icons.cruise-airport-transfers             { background-position: 0 -254px; width: 41px; }
.hol-package-block .includes .icons.flight-cruise                        { background-position: 0 -275px; width: 41px; }
.hol-package-block .includes .icons.flight-airport-transfers-hotel       { background-position: 0 -296px; width: 62px; }
.hol-package-block .includes .icons.flight-airport-transfers-cruise      { background-position: 0 -317px; width: 62px; }
.hol-package-block .includes .icons.flight-airport-transfers             { background-position: 0 -338px; width: 41px; }
.hol-package-block .includes .icons.airport-transfers                    { background-position: 0 -360px; }
.hol-package-block .includes .icons.airport-transfers-hotel              { background-position: 0 -381px; width: 41px; }
.hol-package-block .includes .icons.airport-transfers-hotel-rail         { background-position: 0 -402px; width: 62px; }
.hol-package-block .includes .icons.flight-airport-transfers-hotel-cruise  { background-position: 0 -424px; width: 84px; }
.hol-package-block .includes .icons.cruise-hotel                          { background-position: 0 -446px; width: 41px; }
.hol-package-block .includes .icons.cruise-hotel-airport-transfers        { background-position: 0 -467px; width: 62px; }

.hol-package-block .view-package    { text-align: right; }
.hol-package-block .image           { height: 126px; display: block; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }

/* destination pages*/
.col-sm-12 #destinationDeals .clm.half {
    width: 33.3%;
}
.col-sm-8 .col-sm-12 #destinationDeals .clm.half {
    width: 50%;
}

/* star ratings
***************************************************************/
.star-rating .stars          { margin:0px; height:16px; width:17px; background-image: url('../Content/grey/icons/stars-grey.png'); background-position: 0 0; background-repeat: no-repeat; display: inline-block;}
.star-rating .stars.s1-star  { width: 17px; }
.star-rating .stars.s2-star  { width: 36px; }
.star-rating .stars.s3-star  { width: 55px; }
.star-rating .stars.s4-star  { width: 74px; }
.star-rating .stars.s5-star  { width: 93px; }

/* HOLIDAY PACKAGED DEALS */
/**********************************************************************************************************//* HOLIDAY PACKAGED DEALS */
/**********************************************************************************************************/

article.destination hr,
article.tourandcruisepackages-term hr              { margin-bottom:20px; }
article.destination .star-rating                    { margin-bottom: 20px }
article.destination .intro,
article.tourandcruisepackages-term .intro          { font-size:16px; }
article.destination .map,
article.tourandcruisepackages-term .map            { width: 100%; height:250px; margin: 0; border: solid 1px #E0E0E0; float: left; }

#deals h1                   { display: none; }

.packagedDeal               { border: 1px solid #ebebeb; overflow: hidden; padding: 20px; margin: 0 0 20px 0; }
.packagedDeal h2            { margin:0; padding:0; color: #72cbcb; }

.packagedDeal .deal-dates   { float:left; width: 60%; }
.packagedDeal .dates        { text-align: left; vertical-align: middle; float: left; width: 70%; padding: 14px 0px 0px; }
.packagedDeal .dates b      { color: #00bce4; display: block; }

.packagedDeal .includes                                             { text-align: right; width: 40%; float: right; }
.packagedDeal .includes .icons                                      { margin:0px; height:31px; width:31px; float:right; background-image: url('../Content/grey/icons/includes-icons-sprite-med-grey.png'); background-position: 0 0; background-repeat: no-repeat; display: block;}
.packagedDeal .includes .icons.flights                              { background-position: 0 0px; }
.packagedDeal .includes .icons.flights-car-hire                     { background-position: 0 -32px; width: 63px; }
.packagedDeal .includes .icons.flights-car-hire-hotel               { background-position: 0 -64px; width: 95px; }
.packagedDeal .includes .icons.flights-hotel                        { background-position: 0 -96px; width: 63px; }
.packagedDeal .includes .icons.flight-airport-transfers-hotel-rail  { background-position: 0 -129px; width: 127px; }
.packagedDeal .includes .icons.flight-hotel-rail                    { background-position: 0 -161px; width: 95px; }
.packagedDeal .includes .icons.car-hire                             { background-position: 0 -193px; }
.packagedDeal .includes .icons.car-hire-hotel                       { background-position: 0 -225px; width: 63px; }
.packagedDeal .includes .icons.hotel                                { background-position: 0 -257px; }
.packagedDeal .includes .icons.hotel-rail                           { background-position: 0 -289px; width: 63px; }
.packagedDeal .includes .icons.cruise                               { background-position: 0 -321px; }
.packagedDeal .includes .icons.cruise-car-hire-hotel                { background-position: 0 -354px; width: 95px; }
.packagedDeal .includes .icons.cruise-airport-transfers             { background-position: 0 -386px; width: 63px; }
.packagedDeal .includes .icons.flight-cruise                        { background-position: 0 -418px; width: 63px; }
.packagedDeal .includes .icons.flight-airport-transfers-hotel       { background-position: 0 -450px; width: 95px; }
.packagedDeal .includes .icons.flight-airport-transfers-cruise      { background-position: 0 -482px; width: 95px; }
.packagedDeal .includes .icons.flight-airport-transfers             { background-position: 0 -514px; width: 63px; }
.packagedDeal .includes .icons.airport-transfers                    { background-position: 0 -546px; }
.packagedDeal .includes .icons.airport-transfers-hotel              { background-position: 0 -578px; width: 63px; }
.packagedDeal .includes .icons.airport-transfers-hotel-rail         { background-position: 0 -611px; width: 95px; }
.packagedDeal .includes .icons.flight-airport-transfers-hotel-cruise   { background-position: 0 -644px; width: 127px; }
.packagedDeal .includes .icons.cruise-hotel                         { background-position: 0 -677px; width: 63px; }
.packagedDeal .includes .icons.cruise-hotel-airport-transfers       { background-position: 0 -709px; width: 95px; }

.packagedDeal .from         { text-align: right; }
.packagedDeal .cost         { text-align: right; vertical-align: middle; float: right; width: 30%; padding: 10px 0px; } 
.packagedDeal .cost .price  { font-size: 30px; }
.packagedDeal .currency     { color: #00BCE4; text-align: right; font-weight: bold; font-size: 30px; }

.packagedDeal .showHideInfo     { clear:both; float: none; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #ebebeb; padding: 8px 0px 2px;}
.packagedDeal .showInfo-body    { padding-top:5px; }

.packagedDeal .legal        { width: 100%; float: right; padding: 10px 0px; color:#999999; }
.packagedDeal .legal p      { margin-left:0; margin-right:0; line-height:14px; }

.packagedDeal .details      { float:left; width:48%; margin-right:10px;}
.packagedDeal .details ul   { margin: 0px 0px 15px 15px; padding: 0px; }

.packagedDeal .logo         { clear:both; }

.packagedDeal .action       { clear:both; text-align: right; float: right; padding-top:20px; padding-bottom:7px;}
/*.packagedDeal .action a     { color: #fff; font-size: 18px; font-weight: normal; text-transform: lowercase; text-decoration: none; background: #85BD3A url(../Content/grey/gen/green-gradient.jpg) repeat-x center; border: 1px solid #7DB137; cursor: pointer; padding: 6px 30px; text-align: center; width: auto; }*/
.deal-expired-btn           { margin: 0 0 10px; }

.packagedDeal .call-back    { float:right; margin-right:10px; padding-top:20px; }

/* theme holidays block
***************************************************************/
.theme-block                    { width: 100%; background-color: #f3f3f3; text-align: center; padding: 5px 5px 10px; float: left; }
.theme-block:hover a.content-btn-small { background: #71a130; }
.theme-block a.content-btn-small  { margin-right: 0; position: relative; top: -4px; }
.theme-block .image         { height: 126px; display: block; }
.leveltwo.last .theme-block a.content-btn-small  { padding: 4px 10px }

.holiday-themes h2 { margin: 30px 0 6px; padding: 0 0 5px; border-bottom: 1px solid #E0E0E0; }

/* FLIGHT STATUS
***************************************************************/
.message-notification { background-color: #ECEFF6; background-image: url(../Content/grey/icons/note-info.gif); border: 1px solid #00529B; background-position: 5px 5px; background-repeat: no-repeat; min-height: 20px; padding: 10px 10px 10px 45px; color: #666666; clear: both;  }

/* header begin
***************************************************************/
#flight-status              { margin-bottom: 20px; border-top: 5px solid #E4E4E4; }
#todayTomorrow              { height: 34px; background-color:#FFFFFF; border: 1px solid #E4E4E4; }
#todayTomorrow div          { width:50%; float:left; line-height:34px; text-align:center; }
#today                      { display:block; float: left; color: #8CC63F; cursor:pointer; }
#tomorrow                   { display:block; color: #8CC63F; cursor:pointer; }

#flight-status.selector fieldset { width:50%; }
#flight-status .primaryAction { width:171px; }

/* flight response 
***************************************************************/
#flightresponse             { border-top:solid 1px #ebebeb; display: block; margin-top: 60px;}
#respStatus                 { font-size:16px; color:#72CBCB;}
.fl-h                       { color: #72CBCB; font-weight:bold; font-size:18px; padding:10px 5px 10px 5px; border-bottom:solid 1px #e0e0e0; }
.fl-h span                  { font-weight:normal; color:#999999;}
.fl-h2                      { color: #00BAE4; font-weight:bold; font-size:14px; padding:5px 5px 0 5px;}
.fl-h2 h3                   { padding:0; margin:0;}
.fl-h3                      { color: #999999; font-weight:bold; padding:10px 5px 0 5px; }
.fl-h3 h5                   { padding:0; margin:0; }
.fl-cont                    { font-size:15px; color:#00BCE4; padding:2px 5px 5px 5px;}
.fl-cont2                   { font-size:12px; color:#00BCE4; padding:2px 5px 5px 5px; }

#respFlightNumberEst img    { vertical-align: bottom; }
#respFlightNumberOri img    { vertical-align: bottom; }

#respDepartureDate          { font-size:16px; font-weight:bold; margin-top:10px; color:#999999;}

#divPayLoader               { text-align:center; width:750px;}
#divPayLoader span          { text-align:center; vertical-align: inherit; float:none;}
.fltext                     { color:#EAB543; font-size:11px; margin-bottom: 0;}

/* flight status bar
***************************************************************/
.flbgrey                    { color:#999999; border-top:solid 2px; width:40px; margin-top:13px; float:left; }
.flbgreen                   { color:#A7D59D; border-top:solid 2px; width:40px; margin-top:13px; float:left; }
.flbgrey-c                  { color:#999999; border-top:solid 2px; width:40px; margin-top:13px; float:left; }
.flaircaft                  { width:28px; height:32px; background-image: url("../Content/grey/gen/aicraft.png"); background-color: transparent; background-repeat: no-repeat; float:left; }
#timeLine                   { margin-top:10px; text-align: center; margin-left: 5px; }
#operatingInfo              { margin-top:10px; }
#respTimeToArrival          { font-size:16px; color:#666666; font-weight:normal; }
.respTimeToArrival          { font-size:16px; color:#72CBCB; font-weight:bold; }
.timelineappend             { width:11px; height:12px; margin-top: 8px; background-image: url("../Content/grey/gen/dot.png"); background-color: transparent; background-repeat: no-repeat; float:left; }
.timelineappendg            { width:11px; height:12px; margin-top: 8px; background-image: url("../Content/grey/gen/dotgrey.png"); background-color: transparent; background-repeat: no-repeat; float:left; }
.DepartureAirportCode       { color: #999999; font-size: 18px; margin-right: 10px; float:left; }
.ArrivalAirportCode         { color: #999999; font-size: 18px; margin-left: 10px; float:left; }

#flight-progressBar         { height: 60px;}
.fl-bar-grey-c              { color:#999999; border-top:solid 2px; width:30.8%; margin-top:13px; float:left; }
.fl-bar-green               { color:#A7D59D; border-top:solid 2px; width:30.8%; margin-top:13px; float:left; }
.progress-bar-text          {display: block;margin: 30px -40px;text-align: center; }

/* airline network
***************************************************************/
#network                    { display:block; border:1px solid #E5E5E5; background-color:#F8F8F8; padding:15px 15px; }
#network p                  { margin:0 0 10px 0; }
#network .head              { font-size:18px; color:#00BCE4; font-weight:bold; padding-left:35px; height:30px; background-image:url("../Content/grey/icons/net-ico.gif"); background-repeat:no-repeat; display:block; }
#network .subh              { font-size:14px; color:#999999; font-weight:bold;}
#network ul                 { list-style:none; margin:10px 0 0 0; padding:0;}
#network ul li              { color:#8CC63F; margin-bottom:2px;}
#network ul li a            { text-decoration:none; }

/* CALENDAR FLIGHT SEARCH
***************************************************************/

.menu-dates                 { border:solid 1px #F7F7F7;margin:2px; text-align:center; display:block; width:70px; height: 63px; float:left; }
.menu-day span.menu-date-text { text-align:center; color: #8CC63F;background-color: #f7f7f7; font-size:11px; font-weight:bold;padding-top: 2px; display:block; height:18px; cursor:pointer;}
.menu-price                 { text-align:center; color: #8CC63F; cursor:pointer;}
.menu-price div             { text-align:center; color: #8CC63F; font-weight:normal;font-size:12px;padding-top: 5px;margin-bottom: 5px;margin-top: 5px;cursor:pointer; }
.CalCurrency                { display: block; text-align: center; font-size: 10px; color: #666; }

.menu-dates-active          { margin:2px 2px -1px 2px;text-align:center;display:block;width:73px;height: 63px;color:#00BAE4; float:left;}
.menu-price-active          { text-align:center; color: #999999; height:100%; }
.menu-price-active div      { text-align:center; color: #00BAE4;font-weight:normal;font-size:12px;padding-top: 7px; border-left:solid 3px #00BAE4; border-right:solid 3px #00BAE4; height:33px; }
div.menu-dates-active       { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../../../media-sub/theme/b2c/images/beak-bottom.gif"); background-origin: padding-box; background-position: 50% 100%; background-repeat: no-repeat; background-size: auto auto; padding-bottom: 10px; margin-bottom:15px; }
.menu-date-text-active      { color: #ffffff;background-color: #00BAE4; text-align:center; font-size:11px; font-weight:bold;padding: 4px 2px 2px 2px; display:block; height:18px;}

.menu-date-inactive         { border:solid 1px #F7F7F7;margin:2px; text-align:center; display:block; width:70px; height: 63px; float:left; }
.menu-day-inactive          { text-align:center; color: #999999;font-size:11px; font-weight:bold;}
.menu-price-inactive        { text-align:center; color: #999999; }
.menu-price-inactive div    { text-align:center; color: #999999;font-weight:normal;font-size:12px;padding-top: 5px;margin-bottom: 5px;margin-top: 5px; width:100%; display:block;}
.menu-date-text-inactive    { background-color: #f7f7f7; text-align:center; font-size:11px; font-weight:bold;padding: 3px 2px 2px 1px; display:block; height:18px; }

.dates-next, .dates-prev    { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../../../media-sub/theme/b2c/images/button-sprite.png"); background-origin: padding-box; background-position: -88px -142px; background-repeat: no-repeat; background-size: auto auto; height: 74px !important; margin-right: 1px; position: relative; width: 46px !important; display:block; float:left; cursor: pointer; }
.dates-next                 { background-position: -137px -142px; float: right !important; margin-right: 0; }                              


/* VITALITY HOTELS SELECTOR
***************************************************************/
.DiscSaveImg                { float: left; display: inline-block; border-right: 1px solid #cccccc; margin-right: 15px; padding-right: 15px; }
.DisCardChBox               { float: left; display: inline-block; padding-top: 15px; }

                              
/* PROMOTION MANAGER */
/**********************************************************************************************************/

.widget-promotion-manager-widget            { float:left; }

.promo                                      { margin-bottom:20px; }

.promo h2           { font-size: 16px; color: #666666; font-weight: bold; margin:0; padding:0; }
.promo .head .pax span       { font-size: 12px; font-weight: normal; display:inline-block; float:right; width:66px; height:20px; background-image:url("../Content/grey/icons/pack-ico.gif"); background-repeat:no-repeat;}
.promo .head .pax span.HFV   { background-position:0 0;}
.promo .head .pax span.HF    { background-position:0 -20px; }
.promo .head .pax span.VF    { background-position:0 -40px; }
.promo .head .pax span.H     { background-position:0 -60px; }
.promo .head .pax span.V     { background-position:0 -80px; }

.promo .pax       { margin-top:2px; line-height:20px;}

.promo .head     { border-bottom:1px solid #E0E0E0; margin:0 0 10px 0; height:45px;}

.promo a          { font-size: 14px; text-decoration:none; font-weight:bold; }

.promo .cost      { font-size: 11px; float:right; margin-top:0px; margin-bottom:10px; }
.promo .cost .currency   { font-size: 20px; color:#00BCE4; font-weight:bold;}
.promo .cost .amount        { font-size: 20px; color:#00BCE4; font-weight:bold;}
.promo .cost .date {font-size:12px;}

/* multiple destination list & multiple property list */
.promo .mdl .dest,
.promo .mpl .dest { float:left; margin-bottom:10px; width:160px; clear:both; }
.promo .mdl-origin{display:block;}


/* single property list */
.promo .spl .dest       { float:left; margin-bottom:10px; }
.promo .spl .dest h3    {margin:0px;}
.promo .spl .dest h4    {margin:0px;}
.promo .spl .prop       { font-size:16px; }
.promo .spl .desc       { margin:10px 0 10px 0;}

.promo .spl .pic .image   {height: 200px; display: block; margin-bottom: 10px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}

.promo .spl .cost               { float:left; margin:0; }
.promo .spl .cost b             { font-size:26px;}
.promo .spl .content-btn-small  { float:right; font-size:18px; font-weight:normal; }

/*aside second*/
#aside-second .promo            { margin-right:0; width:250px;}

#aside-second .promo .head      { padding-bottom:5px;}

#aside-second .spl,
#aside-second .spl .dest        { width: auto; margin-top:10px; margin-bottom:0; }

#aside-second .spl .pic img     { width:250px;}

#aside-second .promo .spl .desc { height:100px;}
#aside-second .spl .cost        { margin-top:0; font-weight:bold; }
#aside-second .spl .cost b      { display:block; line-height:26px; }
#aside-second .spl .content-btn-small { margin-top:5px; margin-bottom:0; }

#aside-second .promo .mdl,
#aside-second .promo .mpl       { width:100%;}

#aside-second .promo .mdl .dest,
#aside-second .promo .mpl .dest  { width:140px; }

/*after-content*/
#after-content .promo {min-width:295px;}
#after-content .widget-promotion-manager-widget {margin:0 10px;}
#after-content .promo .spl .dest {width:50%; float:left;}
#after-content .promo .spl .pic {width:45%; float:right;}


/*col-sm-12*/
.col-sm-12 .promo .spl .pic {float:right; width:45%;}
.col-sm-12 .promo .spl .pic .image {height: 250px;}
.col-sm-12 .promo .spl .dest {width:50%;}

/*col-sm-4*/
.col-sm-4 .promo h2 span{display:none;}
.col-sm-4 .promo .mdl .dest, .col-sm-4 .promo .mpl .dest {display:block; width:100%; margin-bottom:0px;}
.col-sm-4 .promo .mdl .cost, .col-sm-4 .promo .mpl .cost {display:block; width:100%; }
.col-sm-4 .promo .mdl .dest .mdl-origin{display:inherit;}

/* TAXONOMY - PACKAGES - SPECIFIC STYLING */
/**********************************************************************************************************/
a.content-btn-small.packages { display: inline-block; width: 150px; margin: 5px; padding-right: 0; padding-left: 0; }


/* DISCOVERY VITALITY - my benefits */
/**********************************************************************************************************/
#VitBenefits                     {}
#VitBenefits h3                  { margin:25px 0 0 0; padding-bottom:0; }
#VitBenefits .def-table          { margin: 5px 0; }
#VitBenefits .def-table th       { padding:10px; }
#VitBenefits .def-table td       { padding:4px 10px; }
#VitBenefits .def-table th,
#VitBenefits .def-table td       { text-align:left; }

#VitBenefits .DiscVit-stat       { font-size:18px; font-weight:bold; text-align:right; width:300px; display:block; }
#VitBenefits .DiscVit-stat span  { color:#00BCE4; }

#VitBenefits .DiscVit-beni       { border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; padding:20px 18px;}

#VitBenefits .prod               { width:220px; text-align:center; float:left; padding:10px 0;}

#VitBenefits .img                { margin:0 auto 10px; background: url("../Content/grey/icons/discovery-vitality/sprite-benefits.gif") no-repeat left top; height:38px;}

#VitBenefits .domFlights .img    { width:30px; }
#VitBenefits .intFlights .img    { width:43px; background-position:-30px 0; }
#VitBenefits .carHire .img       { width:28px; background-position:-73px 0; }
#VitBenefits .VitHotel .img      { width:35px; background-position:-101px 0; }

#VitBenefits .head               { text-align:center; font-size:20px; margin-bottom:15px;}
#VitBenefits .desc               { text-align:center; font-size:12px; font-weight:bold; margin-bottom:5px; }
#VitBenefits .sav                { text-align:center; font-size:50px; color:#00BCE4; }
#VitBenefits .sav span           { font-size:35px; line-height:50px;}
#VitBenefits .btn                { text-align:center; margin:10px 0;}
#VitBenefits .border             { border:0; border-right:1px dotted #E0E0E0; }


/* ACCORDION - override jquery-ui.kulula.css */
/**********************************************************************************************************/
#accordion {    border-left: 1px solid #E0E0E0;
                border-right: 1px solid #E0E0E0;
                border-bottom: 1px solid #E0E0E0;
                height: auto;
                display: block;
                margin-bottom: 40px;
}

#accordion h3                           { cursor:pointer; border:0; border-radius:0; font-weight:normal; margin:0; font-weight:bold; padding:10px 0 8px 15px; border-top: 1px solid #E0E0E0; background: url("../Content/grey/sel/sel-tab-bg-selected.png") repeat-x scroll left top #FFFFFF; color: #8CC63F; font-size:14px;}
#accordion h3 .ui-icon                  { display:none; }
#accordion .ui-accordion-header-active  { color: #666666; cursor:auto; }
#accordion .body                        { font-size:12px; border:0; overflow:hidden; padding:15px 0 0 0; margin:0 15px 15px 15px; border-top: 1px solid #E0E0E0;display:none;-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

/* file import - holiday-banners.css */

/* HOME PAGE TAKE OVERS */
/*********************************************************************************************************
.HP-takeover,
.HP-takeover .hdr-branding { background-image:url('https://www.kulula.com/Themes/kulula-responsive/Content/bdy/kulula-13.jpg'); background-position:top center; background-repeat:no-repeat;}
**********************************************************************************************************/

/**
 * This plugin was developed by Paul Yuan
 * This plugin create a speech bubble tooltip base on the specified options
 * This plugin requires jquery.akita.js
 * This plugin is released under the MIT license and anyone can use and modify without any restriction
 * http://www.paulyuan.ca
 */
.akitaSpeechBubble                              { position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 999999999; -moz-box-shadow: 0px 2px 5px #777777; -webkit-box-shadow: 0px 2px 5px #777777; box-shadow: 0px 2px 5px #777777; }
.akitaSpeechBubble .akita_content_container     { position: relative; overflow: hidden; z-index: 2; }
.akitaSpeechBubble .akita_content_background    { position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; }
.akitaSpeechBubble .akita_content               { position: relative; overflow: hidden; font-size: 11px; line-height: 13px; padding: 10px; }
.akitaSpeechBubble .akita_speech_bubble_tip     { position: absolute; overflow: hidden; z-index: 1; }

/**********************************************************************************************************/
/* IFRAME */
.video      { width: 100%; border-width: 0px; }

/**********************************************************************************************************/
/* MEDIA QUERY */

/***** Screen Bigger than 960px *****/
@media only screen and (min-width: 1100px) {
    .check-in p.mobi    { display:none; }
}

/***** Tablet (Smaller than 959px) *****/
@media only screen and (max-width: 1100px) {
    .widget-FeaturedSocialMedia { display:none; }
    .check-in p.desktop { display:none; }
}

/**********************************************************************************************************/
/* INTERNET EXPLORER */

/* For IE6 - '_' , For IE7 - '*', For IE8 - '\0', For IE9 - '\9' */

/* For IE10 */
@media all and (-ms-high-contrast: none) { 
    #selectorPanel .tabbed li label,
    #selectorPanel .tabbed li a         { line-height:14px; }
}

/* For Safari & Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){
    /* Safari Only*/
    ::i-block-chrome, .selector select { -webkit-appearance: none; background:#FFFFFF url('../Content/grey/sel/selector-sprite.png') no-repeat right 10px;}  
    ::i-block-chrome, ul.tabbed li label, ul.tabbed li a {
     padding:9px 5px 9px;
    }
    ::i-block-chrome, .selector input.hasDatepicker, #acc-dest, #flight-acc-dest, #flight-acc-car-dest  { line-height:15px; }
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    ul.tabbed li label, ul.tabbed li a { padding:9px 5px 9px; }
}


/* Hierarchy AutoComplete*/
.ui-autocomplete                        { max-height:initial; width:292px !important; }
.ui-autocomplete-category               { font-weight: bold; padding: 4px 0 4px 5px; cursor: default; background-color: #EEEEEE; }
.ui-autocomplete-subcategory            { font-weight: bold; padding: 4px 0 4px 15px; cursor: default; }
ul.ui-autocomplete li.ui-menu-item      { color: #666666; padding: 8px 11px !important;  border-bottom: 1px solid #e0e0e0; cursor: pointer; }
ul.ui-autocomplete li.ui-menu-item a    { color: #666666; text-decoration: none; }
ul.ui-autocomplete  span                { background: #efefef; color:#999999; font-style:italic; display: block; padding: 8px 12px !important; }
ul.ui-autocomplete  span.ui-state-focus { background: #efefef; color:#999999; cursor:default; border:1px solid #e0e0e0; } 

ul.ui-autocomplete li.ui-state-focus, 
li.ui-menu-item:hover                  { color: #FFFFFF !important; background-color: #00bce4; background-image: none; border: 0; margin: 0; border-bottom:1px solid #00bce4; !important; }
.ui-state-focus a                      { color: #FFFFFF !important;}

    /* styles for the styling sample page "/styling-samples"
***************************************************************/
#styling .box   { background-color: #F9F9F9; padding:10px; } /* this resemples copy, do not use this style */
#styling .image { background-color: #CCCCCC; text-align:center; } 

.ui-button-text-only .ui-button-text {
  padding: 5px 18px !important;
}

div.ui-dialog .ui-dialog-buttonpane.ui-widget-content { border:0; padding:0; box-shadow:none; }

div.ui-dialog-buttonset button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only         { color: #fff; font-size: 12px; font-weight: normal; text-transform: lowercase; background: -webkit-gradient(linear, left top, left bottom, from(#8BC53D), to(#7DB237)); background: -moz-linear-gradient(top , #8BC53D, #7DB237); background: #85BD3A url(../Content/grey/gen/green-gradient.jpg) repeat-x center; border: 1px solid #7DB137; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: .15em .8em; margin-bottom: 10px; text-align: center; float: right; min-width: 100px; margin-left: 10px; }
div.ui-dialog-buttonset button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-hover   { background: #7DB137; text-decoration: none; }

.hide-desk { display:none; }

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

/**********************************************************************************************************/
 /* THIS STYLE MUST ALWAYS BE AT THE BOTTOM OF THIS STYLESHEET - DO NOT PLACE ANYTHING BELOW IT - Chantel */
.flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; } 
/**********************************************************************************************************/

/* leave last */
.pull-right {
    float:right;
}

/*AVIOS RETRO CLAIM - summary*/
#Successful   {	margin: 0 0px 20px 0; }
.avios-claim-summary .panel                                      { box-shadow: none; }
.avios-claim-summary .panel.panel-default.summary .panel-body    {background-color:#ffffff; border: 1px solid #dddddd; margin-bottom:10px; }
.summary .panel.panel-default.summary                            { margin-bottom:10px; }
.summary .panel.panel-default.summary > .panel-heading           { background-color:#FFFFFF; padding:5px 15px; border-bottom:1px solid #ffffff; }
.summary .panel.panel-default.summary > .panel-body              { background-color:#FFFFFF; margin-bottom:0; padding:5px 15px; }

/* travel destination pages */

.DestPreview {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
}

    .DestPreview a {
        background-color: #8CC63F;
        display: block;
        padding: 10px;
        color: #FFF;
        text-decoration:none;
    }

#ListDestinations {
}
#ListDestinations .DestPreview { height: 250px; width: 100%; margin-bottom: 20px; }

.ProductList { list-style: none; padding: 0; }
.ProductList li { padding: 0; margin: 0 0 2px 0; font-size: 14px; line-height: 40px; }
.ProductList li a::before,
.ProductList li a:before { border-radius: 50%; content: ''; width: 40px; height: 40px; display: block; float: left; margin-right: 10px; background-image: url('../Content/black/nav/ico.gif'); background-repeat:no-repeat; }
.ProductList li.flights a::before,
.ProductList li.flights a:before { background-position: -48px -48px; }
.ProductList li.carhire a::before,
.ProductList li.carhire a:before { background-position: -139px -48px; }
.ProductList li.hotels a::before,
.ProductList li.hotels a:before { background-position: -94px -48px; }
.ProductList li.holidays a::before,
.ProductList li.holidays a:before { background-position: -186px -48px; }
.ProductList li.combos a::before,
.ProductList li.combos a:before { background-position: -2px -48px; }

.ProductList li::after,
.ProductList li:after { clear: both; content: ''; display: block; }