/* resets */
html, body, div, span, object, iframe, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, /* td,*/ article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display:block;}

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

body {background:#4287cc url("../images/en/MainBlueBg.jpg") no-repeat; background-size: 100%; background-attachment:fixed; font:14px/17px 'PT Sans', helvetica, arial, sans-serif;}
.wrapper {width:980px; margin:0 auto; position:relative; background:#fff;}
.page, #header .wrapper {background: none !important;}
/*.page {background:#4287cc;}*/
.page .wrapper {background:#fff url("../images/waves-bottom2.png") no-repeat bottom; padding:35px 20px 73px 20px; width:940px;}
.clear {clear:both; margin:0; padding:0; height:0px; font-size:0; line-height:0; float:none;}
.break {clear:both; margin:10px 0; width:100%; height:1px; background:#ddd;}
.lt {float:left;}
.rt {float:right;}
h1 {font:bold italic 15px/18px 'PT Sans', helvetica, arial, sans-serif; color:#355e3b/*008752*/;}
h2 {font:12px/14px 'PT Sans', helvetica, arial, sans-serif; color:#355e3b/*008752*/; text-transform:uppercase;}
a {text-decoration:none; color:#355e3b/*008752*/;}
a:hover {text-decoration:underline;}
a.uc-link {color:#355e3b/*008752*/; text-transform:uppercase; text-decoration:underline;}
a.uc-link:hover {color:#46ab75;}
img.border {padding:4px; border:1px solid #d5d5d5;}
hr { height:1px; background-color:#b1b1b1; border:0px; }
.smallText { font-size:10px; }

/* colors */
.orange {color:#fda702;}
.blue {color:#0D5CAB;}
.teal {color:#355e3b/*008752*/;}
.green {color:#008652}
.button {font:16px 'PT Sans', helvetica, arial, sans-serif; color:#fff; background:#0D5CAB; padding:5px 15px; cursor:pointer; }
.button:hover {text-decoration:none; background:#71a6db; color:#fff;}
.button.orange {background:#fda702;}
.button.orange:hover {background:#ffaf16;}
.button.blue {background:#0D5CAB;}
.button.blue:hover {background:#71a6db;}
.button.teal {background:#355e3b/*008752*/;}
.button.teal:hover {background:#029153;}
.buttonDisabled {font:16px 'PT Sans', helvetica, arial, sans-serif; color:#fff; background-color:lightGray; padding:5px 15px; cursor:pointer; }
.buttonDisabled:hover {text-decoration:none; cursor:none;}
.smallButton { font:12px 'PT Sans', helvetica, arial, sans-serif; color:#fff; background:#0D5CAB; padding:5px 15px; cursor:pointer; }
.smallButton:hover {text-decoration:none; background:#71a6db; color:#fff;}
.smallButton.orange { font:12px 'PT Sans', helvetica, arial, sans-serif; color:#fff; background:#fda702; padding:5px 15px; cursor:pointer; }
.smallButton.orange:hover { text-decoration:none; background:#ffaf16;}

.lessPadding { padding:1px 8px; }

 /* header */
#logo {float:left; margin:43px 0px 0px 15px;margin-left: 0;}
#rewards-program {font:bold 13px arial; color:#fff; padding:8px 10px; background:#fda702; position:absolute; top:0px; right:0px;}
#rewards-program:hover {text-decoration:none; background:#ffaf16;}

/* topnav */
#topnav {color:#fff;float:right; margin:61px 0 38px 0; width:600px;}
#topnav ul {width:100%; position:relative; text-align:center;}
#topnav li {list-style:none; float:right;margin-left: 20px;}
#topnav a {display:block; text-transform:uppercase; font:italic 15px 'PT Sans', helvetica, arial, sans-serif; color:#fff/*008752*/; font-weight: 600; padding:8px 10px;}
#topnav li:hover a {text-decoration: none; background:#109561;}

/* subnav */
#topnav .subnav {background:#109561; position:absolute; right:-9999px; display:none; width:490px; padding:20px 10px 20px 20px;}
#topnav li:hover .subnav {right:0px; z-index:100; display:block;}
#topnav .subnav table {width:100%; height:100%;}
#topnav .subnav ul {text-align: left;}
#topnav .subnav li {display:block; float:none; width:200px; background:url("../images/nav-sprite.png") no-repeat; padding-left: 15px; background-position: 0px 11px; border-bottom: 1px solid #fff;margin-left: 0;}
#topnav .subnav li.last {}
#topnav .subnav li:hover {background-position: 0px -82px;}
#topnav .subnav a {font:14px 'PT Sans', helvetica, arial, sans-serif; color:#fff; text-decoration: none; text-transform: none; padding:6px 0px;}
#topnav .subnav a:hover {color:#EDAB1E;}
#topnav .subnav h2 {color: #fff;text-align: left; font:13px 'PT Sans'; margin-top: -5px;}

.callout {border: 1px solid #b6d0c6; background:#f3fcf9; padding: 20px;}
/* page settings */
/*#waves-1 {width:980px; height:134px; background:url("../images/waves-top.png") no-repeat; z-index:10; position:absolute; top:0; left:0;}*/
.main-content {min-height:245px; /*padding-top:100px;*/}
.main-content h1 {color:#355e3b/*008752*/; font-size:24px;}
.main-content h2 {text-transform:none;font:bold italic 18px 'PT Sans', helvetica, arial, sans-serif;color:#0D5CAB;}
.main-content ul {text-align: left;list-style-type:square;}
.main-content ul li {display:block; float:none; width:95%; background:url("../images/navigation_arrow.gif") no-repeat; padding-left: 15px; background-position: 0px 5px; border-bottom: 1px solid #fff;}
.main-content li.last {}

.main-content .noBullet ul li {background:url("http://www.flypex.com/includes/main.css");}
.main-content .olList ol li {padding-top:3px;padding-bottom:3px;}
.main-content .olList h2 {padding:0px;margin:0px;}

.with-widget {padding-top:70px; float:right;}
.lt-col {float:left; width:240px;}
.steps {margin-top:120px; text-align:center;}
.slider-wrapper {min-height:390px;}

.requiredError {font-size:11px; color:red; border:1px solid red; background-color:wheat; padding:7px; text-align:center; }

.PriceFormat { font-size:18px; font-weight:bold; color: #008652; }

/* booking widget  */
#booking-widget {position:absolute; left:0px; top:0px; z-index:20; width:350px; min-height:390px; background-color:rgba(222,222,222,1);}
#booking-widget-inner {margin-top:15px; position:relative; z-index:20; width:325px; min-height:370px;}
#booking-widget-inner .tabs {background:#355e3b/*008752*/;}
.tabs {background:#008752; text-align:center; padding:8px 0;}
.tabs li {list-style:none; display:inline; color:#ddd; font:14px/14px 'PT Sans', helvetica, arial, sans-serif; text-transform:uppercase;}
.tabs a {color:#ddd; text-decoration:none; padding:0px 9px;}
.tabs a:hover, .tabs a.selected {color:#fff;}

.tabs2 {color:#000;text-align:left; padding:20px 20px 20px 10px;}
.tabs2 li {
	cursor:pointer;
	height:19px;
	margin:5px;
	list-style:none; display:block; font:16px/16px 'PT Sans', helvetica, arial, sans-serif; text-transform:uppercase;
	color:#355e3b; background:url("../images/btn-bg-form2.png") repeat-x;  border:1px solid #9F9FA0; width:100%; padding:5px; float:left;
}
.tabs2 li:hover {
	color:#636362; background:url("../images/btn-bg-form-on2.png") repeat-x; border:1px solid #9F9FA0; width:100%; padding:5px; float:left;
}
.tabs2 a:hover, .tabs2 a.selected {
	text-decoration:none;
}
.tabs2-icon{float:right;}
.details {padding:0px 10px 10px 10px;}
.tabs3 td {
	width:33%;
	font:13px/13px 'PT Sans', helvetica, arial, sans-serif; 
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
}

.clsTabInActive { background:#008752; color:#fff; cursor:pointer; }
.clsTabActive { background:transparent none; color:#000; }

.home #homeText{padding:0px 10px 0px 10px;color:#555555;line-height:20px;}

/* book-flight-options */
#book-flight-options {min-height:295px; width:675px; float:right; padding-top:50px;}
#book-flight-options h1 {color:#355e3b/*008752*/; font-size:24px;}
#book-flight-options table {border-collapse:collapse; width:100%; text-align:center;}
#book-flight-options th {color:#478d70; font-size:11px; text-transform:uppercase; background:#c8e0d7; padding:5px 0;}
#book-flight-options td {padding:6px;}
#book-flight-options .odd {background:#fff;}
#book-flight-options .time {font-size:15px; font-weight:bold; color:#3a5f58;}
#book-flight-options .length {font-size:11px; color:#3a5f58;}
#book-flight-options .flight {color:#355e3b/*008752*/; text-decoration:underline;}
#book-flight-options .flight span {text-decoration:none;}
#book-flight-options .price {font-size:16px; color:#3a5f58;}

/* latest-blog-post */
.home #latest-blog-post {float:left; width:185px; margin:0px 25px 0px 0px;}
#latest-blog-post img {background:#fff;}
#latest-blog-post h2 {font-size:14px; color:#000; text-transform:none; margin:0; padding:0;}
#latest-blog-post h1 {text-transform:none;}

/* specials */
#specials {float:left; width:450px;}
#specials h1 {margin-left:8px; text-transform:none;}
#specials img {margin:0px 8px 15px 8px; float:left; width:115px; height:100px; background:#fff;}
#specials img.border:hover {border-color:#355e3b/*008752*/;}

/* club-sign-up */
.home #club-sign-up {float:right; width:275px; margin:0;}
#club-sign-up form {position:relative;}
#club-sign-up input {width:96%; background:#fff url("../images/club-signup-email-btn.jpg") no-repeat; background-position:right -1px;}
#club-sign-up .submit {position:absolute; right:0; top:0; width:30px; height:30px; cursor:pointer; padding:0; background:none; border:none;}
#club-sign-up h1 {text-transform:none;}

/* Search */
#search {position:relative;width:289px; margin:0;background-color:#e8f2ed;}
#search form {position:relative;padding:0px 20px 0px 20px;}
#search input {width:90%; background:#fff url("../images/search-btn.jpg") no-repeat; background-position:right -1px;}
#search .submit {position:absolute; right:0; top:0; width:33px; height:33px; cursor:pointer; padding:0; background:none; border:none;}
#search h1 {padding:0px 20px 0px 20px;text-transform:none;}

/* MyAcc */
#MyAcc {position:relative;width:325px; margin:0;background-color:#e8f2ed;}
#MyAcc form {position:relative;padding:0px 10px 0px 10px;}
#MyAcc h1 {padding:0px 20px 0px 20px;text-transform:none;}

/* Blog */
#Blog {position:relative;width:200px; margin:0;background-color:#e8f2ed;}
#Blog form {position:relative;padding:0px 10px 0px 10px;}
#Blog h1 {padding:0px 20px 0px 20px;text-transform:none;}
#Blog ul {text-align: left;list-style-type:square;}
#Blog li {display:block; float:none; width:200px; background:url("../images/nav-sprite.png") no-repeat; padding-left: 15px; background-position: 0px 5px; border-bottom: 1px solid #fff;}
#Blog li.last {}

#BlogContent h3 {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;font-size:20px;font-weight:lighter;}
#BlogContent hr {margin:15px 0px 15px 0px;}
#BlogContent .dateDay {font-size:20px;font-weight:bolder;}
#BlogContent .dateMth {font-size:14px;font-weight:normal;}

.home #Banners {float:right; margin:0px 0px 0px 0px;}

/* tweets */
.home #tweets {float:right; width:275px; margin:0px 0px 0px 0px;}
#tweets li {list-style:none; padding-left:20px; margin-bottom:20px; background:url("../images/tweet.png") no-repeat; background-position:1px 3px;}
#tweets a {color:#666465;}
#tweets a:hover {color:#000;}
#tweets h1 {text-transform:none;}

/* promotional space */
.promo-space {background:#f6f6f6; width:238px; border:1px solid #999; text-align:center; margin-top:20px; float:left; min-height:100px; padding-top:66px;}
.promo-space h1 {font:12px 'PT Sans', helvetica, arial, sans-serif; color:#666;}

/* footer */
footer {padding:30px 0;}
footer li {list-style:none; display:block;}
footer a {font:12px 'PT Sans', helvetica, arial, sans-serif; color:#666465;}
footer a:hover {color:#000;}
footer h2 {margin-top:0; color:#000; text-transform: none;}
footer .col a {color:#999;}/* display:block;*/
footer .col a:hover {color:#000;}
footer .col li {border-bottom:1px solid #ddd; padding:4px 0px 4px 4px;}
.wrapper footer  {padding:0px 10px 0px 10px;}
/* disclaimer */
.disclaimer {padding:20px 0px 30px 0px; border-top:1px solid #ddd; font:12px 'PT Sans', helvetica, arial, sans-serif; color:#666465;}
.disclaimer li {list-style:none; display:inline;}
.disclaimer a {font:12px 'PT Sans', helvetica, arial, sans-serif; color:#666465;}
.disclaimer a:hover {color:#000;}
.disclaimer span {padding:0px 3px 0px 6px;}
.disclaimer .lt {width:60%;}

/* social media */
#sm li {list-style:none; float:right;}
#sm img {margin-left:8px;}


/* form settings */
input, textarea, select {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  	width:100%;
	padding:6px; 
	font-size:14px; 
	color:#666; 
	border:1px solid #aaa;
	border-right:0px;
	border-bottom:0px;
}

select::-ms-expand {
    display: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: '';
    text-indent: 0.01px;
	overflow: hidden;
	background: #FFFFFF url('../images/DropDownArrows3.png')  no-repeat;
	background-position: 97% 50%;
}
input[type="text"], input[type="password"], textarea, select {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*-webkit-border-top-left-radius:7px;
	-moz-border-radius-topleft:7px;
	border-top-left-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	border-bottom-left-radius:7px;*/
}
.clsDate input[type="text"]{
	background: #FFFFFF url('../images/calendar_icon.gif')  no-repeat;
	background-position: 97% 50%;
}
.clsDate2 input[type="text"]{
	background: #ecf5f0 url('../images/calendar_icon.gif')  no-repeat;
	background-position: 97% 50%;
}

input:focus, select:focus, textarea:focus {border:1px solid #aaa; color:#000;}
input[type="checkbox"], input[type="radio"] {background:transparent none; width:auto; padding:0; margin:0px 4px 0px 0px; border:0; cursor:pointer; vertical-align:middle;}
/* input[type="submit"] {font:16px arial; width:auto; background:#f1f1f1 url("http://www.flypex.com/images/button-bg.png") repeat-x top; border:1px solid #ccc; padding:8px 12px; cursor:pointer;}*/
input[type="submit"] {font:16px 'PT Sans', helvetica, arial, sans-serif; color:#fff; width:auto; background:#0D5CAB; padding:5px 15px; cursor:pointer; border:0px; }
/* input[type="submit"]:hover {text-decoration:underline;}*/
input[type="submit"]:hover {text-decoration:none; background:#71a6db; color:#fff; }
label {cursor:pointer;}
label.required {background:url("http://www.flypex.com/images/required.png") no-repeat right top; padding-right:10px; vertical-align:middle;}

.form {border:1px solid #ccc; margin-bottom:15px; width:100%;}
.form th {padding:6px; background:#444 url("http://www.flypex.com/images/th-bg.png") repeat-x top; font-weight:bold; font-size:14px; color:#fff; text-align:left;}
.form td {padding:6px;}
.form tr.odd {background:#fafafa;}
.form input {width:300px;}
.form textarea {width:95%; height:200px; padding:8px;}
.form input[type="checkbox"], .form input[type="radio"] {background:transparent none; width:auto; padding:0; margin:0px 6px 0px 0px; border:0; cursor:pointer;}

#city {width:200px;}
#zip {width:75px;}
#phone {width:150px;}
#fax {width:150px;}
#message {width:96%; height:200px; padding:8px;}

.ui-datepicker-trigger {cursor:pointer; margin-left:-17px;}

/* grid */
.grid {border:1px solid #ccc; margin-bottom:15px; width:100%; background:#fff;}
.grid th {padding:6px; background:#444 url("http://www.flypex.com/images/th-bg.png") repeat-x top; font-weight:bold; font-size:14px; color:#fff; text-align:left;}
.grid td {padding:6px;}
.grid tr.odd {background:#fafafa;}
.grid input {width:300px; padding:6px;}
.grid input#CITY {width:200px;}
.grid input#STATE {width:22px; text-transform:uppercase;}
.grid input#ZIP {width:75px;}
.grid input#PHONE {width:150px;}
.grid input#FAX {width:150px;}
.grid textarea#MESSAGE {width:96%; height:200px; padding:8px;}

#frmPromoCode .submit {padding:5px 10px; border:none; background:#0D5CAB; font:12px/14px 'PT Sans', helvetica, arial, sans-serif; color:#fff; text-transform:uppercase;}
#frmPromoCode .submit:hover {text-decoration:none; background:#71a6db;}

/* MINI search */
#frmSearchFlights table {width:100%;}
#frmSearchFlights input[type="text"] {width:100%;}
#frmSearchFlights select {width:100%;}
/*#frmSearchFlights input[type="text"] {width:88%; padding:3px; font:11px 'PT Sans', helvetica, arial, sans-serif; color:#666;}
#frmSearchFlights select {width:100%; padding:3px; font:11px 'PT Sans', helvetica, arial, sans-serif; color:#666; }
#frmSearchFlights input:focus, #frmSearchFlights select:focus, #frmSearchFlights textarea:focus {border:1px solid #aaa; color:#000;}*/
#frmSearchFlights {padding-top:15px; position:relative;}
#frmSearchFlights a {color:#214d3b;}
#frmSearchFlights a:hover {color:#30654f;}
#frmSearchFlights .small {font-size:11px; color:#444;}
#frmSearchFlights .submit {padding:5px 10px; border:none; background:#0D5CAB; font:12px/14px 'PT Sans', helvetica, arial, sans-serif; color:#fff; text-transform:uppercase;}
#frmSearchFlights .submit:hover {text-decoration:none; background:#71a6db;}

#frmSearchFlightsStatus table {width:100%;}
#frmSearchFlights input[type="text"] {width:100%;}
#frmSearchFlights select {width:100%;}
/*#frmSearchFlightsStatus input[type="text"] {width:88%; padding:3px; font:11px 'PT Sans', helvetica, arial, sans-serif; color:#666;}
#frmSearchFlightsStatus select {width:95%; padding:3px; font:11px 'PT Sans', helvetica, arial, sans-serif; color:#666; }
#frmSearchFlightsStatus input:focus, #frmSearchFlightsStatus select:focus, #frmSearchFlightsStatus textarea:focus {border:1px solid #aaa; color:#000;}*/
#frmSearchFlightsStatus {padding-top:15px; position:relative;}
#frmSearchFlightsStatus a {color:#214d3b;}
#frmSearchFlightsStatus a:hover {color:#30654f;}
#frmSearchFlightsStatus .small {font-size:11px; color:#444;}
#frmSearchFlightsStatus .submit {padding:5px 10px; border:none; background:#0D5CAB; font:12px/14px 'PT Sans', helvetica, arial, sans-serif; color:#fff; text-transform:uppercase;}
#frmSearchFlightsStatus .submit:hover {text-decoration:none; background:#71a6db;}

.form-button {color:#909091; background:url("../images/btn-bg-form.png") repeat-x; border:1px solid #9F9FA0; width:30%; padding:3px 3px; float:left; text-align:center;}
.form-button.on {color:#636362; background:url("../images/btn-bg-form3-on.png") repeat-x; border:1px solid #9F9FA0; width:30%; padding:3px 3px; float:left; text-align:center;}
.form-button:hover {text-decoration:none;}
.multi-city {float:left; padding:5px 0px 0px 8px;}
#search-flights-form {position:absolute; bottom:10px;}
#search-flights-form .submit {padding:5px 10px; border:none; background:#0D5CAB; font:12px/14px 'PT Sans', helvetica, arial, sans-serif; color:#fff; text-transform:uppercase; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#search-flights-form .submit:hover {text-decoration:none; background:#71a6db;}

#frmFlightStatus .submit {padding:5px 10px; border:none; background:#0D5CAB; font:12px/14px 'PT Sans', helvetica, arial, sans-serif; color:#fff; text-transform:uppercase;}
#frmFlightStatus .submit:hover {text-decoration:none; background:#71a6db;}

/* select-flight */
.date-dest {font:bold 12px 'PT Sans', helvetica, arial, sans-serif; color:#fff; text-transform:uppercase;}
.date {float:left; width:75px; background:#0D5CAB; text-align:center; padding:5px 0px;}
.dest {float:left; width:590px; background:url("../images/orange-gradient-bar.png") repeat-y;  padding:5px 0px 5px 10px;}
.dest img {padding:5px 10px 0px 10px}
.select-flight {width:100%; text-align:center; border-collapse:collapse; margin:15px 0px 30px 0px; border:1px solid #ddd;}
.select-flight tr {}
.select-flight tr.odd {background:#fff;}
.select-flight td {font-size:13px; padding:8px 4px; color:#404040;}
.select-flight th {padding:6px; background:#355e3b/*008752*/; font:12px 'PT Sans', helvetica, arial, sans-serif; color:#355e3b/*008752*/; text-transform:uppercase;}
.select-flight a {color:#fff;}
.select-flight a.sort {background:#355e3b/*008752*/ url("../images/sort-arrow.png") no-repeat right; color:#fff; padding-right:10px;}
.select-flight th a:hover {text-decoration:none;}
.airport-code {color:#355e3b/*008752*/; text-transform:uppercase; font-weight:bold;}
.stops a {font-size:11px; color:#355e3b/*008752*/;}

.pass-counter-wrapper {
	background:url("../images/rotator_background.png") repeat-x scroll left top transparent;
	border-bottom:1px solid #979797;
	border-right:1px solid #979797;
	border-top:1px solid #979797;
	float:left;
	height:23px;
	width:17px;
}
.pass-counter-arrow-up {
	border-bottom:1px solid #979797;
	cursor:pointer;
	font-size:2px;
	height:7px;
	padding:0 0 4px 6px;
	width:11px;
	background:url("../images/site_sprite.png") no-repeat scroll -236px -1491px transparent;
}
.pass-counter-arrow-down {
	cursor:pointer;
	font-size:2px;
	height:3px;
	padding:2px 0 3px 6px;
	width:11px;
	background:url("../images/site_sprite.png") no-repeat scroll 5px -1491px transparent;
}
.pass-counter-arrow-down.disabled {
	background:url("../images/site_sprite.png") no-repeat scroll -117px -1491px transparent;
}




/************************************************************************************
COLUMN
*************************************************************************************/
.col {float:left; margin-left:3.2%; margin-bottom:30px;}
.fullwidth .col {float:none; margin-left:0;}
/* grid4 col */
.grid4 .col {width:22.6%;}
/* grid3 col */
.grid3 .col {width:31.2%;}
/* grid2 col */
.grid2 .col {width:48.4%;}
/* clear col */
.grid4 .col:nth-of-type(4n+1), .grid3 .col:nth-of-type(3n+1), .grid2 .col:nth-of-type(2n+1) {margin-left:0; clear:left;}





/* 
***********************************************************************************
MEDIA QUERIES - COLUMNS
************************************************************************************
reset cols to 3-column
@media screen and (max-width:740px) {
	grid4
	.grid4 .col {width:31.2%;}
	.grid4 .col:nth-of-type(4n+1) {margin-left:3.2%; clear:none;}
	.grid4 .col:nth-of-type(3n+1) {margin-left:0; clear:left;}
}

reset cols to 2-column
@media screen and (max-width:600px) {
	grid4
	.grid4 .col {width:48.4%;}
	.grid4 .col:nth-of-type(3n+1) {margin-left:3.2%; clear:none;}
	.grid4 .col:nth-of-type(2n+1) {margin-left:0; clear:left;}
grid3
	.grid3 .col {width:48.4%;}
	.grid3 .col:nth-of-type(3n+1) {margin-left:3.2%; clear:none;}
	.grid3 .col:nth-of-type(2n+1) {margin-left:0; clear:left;}
}

reset cols to fullwidth
@media screen and (max-width:400px) {
	grid4
	.col {width:100% !important; margin-left:0 !important; clear:none !important;}
}

.m0 {margin:0;}
 */


/* 

.show-on-mobile {display:none;}
***********************************************************************************
MEDIA QUERIES - LAYOUT
************************************************************************************
for 980px or less
@media screen and (max-width:980px) {
}

for 768px or less
@media only screen and (max-width:768px) {
	.show-on-mobile {display:inline-block;}
	.hide-on-mobile {display:none;}
	#slider, #waves-1, footer, #quicknav {display:none;}
	#logo {display:block; float:none; margin:8px auto;}
	.wrapper, .page .wrapper {width:94%;}
	.page .wrapper {padding:35px 3% 104px 3%;}
	.home #latest-blog-post, .home #specials, .home #tweets, .home #club-sign-up {display:block; width:100%; float:left;}
	#club-sign-up {max-width:250px;}
	#latest-blog-post img {float:left; margin-right:7%;}
	#specials h1 {margin-left:0;}
	#specials img {margin-left:0;}
	#booking-widget, #booking-widget-inner {position:relative; width:100%; margin:20px auto; left:0; bottom:0;}
	#book-flight-options {width:100%;}
	.main-content {min-height:0px; padding-top:0px;}
	.with-widget {margin-left:0px; padding-top:0px; width:100%;}
	#sm {float:none; text-align:center; margin-top:10px;}
	#sm li {display:inline; float:none;}
	.disclaimer .lt {display:block; width:100%; text-align:center; float:none;}
	.date, .dest {width:auto; padding:5px 10px;}
	.select-flight td, .select-flight th {font-size:7px;}
	.steps {margin-top:0px; width:100%;}
}

for 768px or more
@media only screen and (min-width:768px) {
	
}

for 480px or less
@media only screen and (max-width:480px) {
	
}

 */





/* ie */
/* .ie {behavior:url(http://www.flypex.com/css/ie-css3.htc);} */
.ie

/* ie6 */
.ie6 html, body.ie6, .ie6 div, .ie6 span, .ie6 object, .ie6 iframe, .ie6 h1, .ie6 h2, .ie6 h3, .ie6 h4, .ie6 h5, .ie6 h6, .ie6 p, .ie6 blockquote, .ie6 pre, .ie6 a, .ie6 abbr, .ie6 address, .ie6 cite, .ie6 code, .ie6 del, .ie6 dfn, .ie6 em, .ie6 img, .ie6 ins, .ie6 kbd, .ie6 q, .ie6 samp, .ie6 small, .ie6 strong, .ie6 sub, .ie6 sup, .ie6 var, .ie6 b, .ie6 i, .ie6 dl, .ie6 dt, .ie6 dd, .ie6 ol, .ie6 ul, .ie6 li, .ie6 fieldset, .ie6 form, .ie6 label, .ie6 legend, .ie6 table, .ie6 caption, .ie6 tbody, .ie6 tfoot, .ie6 thead, .ie6 tr, .ie6 th, .ie6 td, .ie6 article, .ie6 aside, .ie6 canvas, .ie6 details, .ie6 figure, .ie6 figcaption, .ie6 hgroup, .ie6 menu, .ie6 footer, .ie6 header, .ie6 nav, .ie6 section, .ie6 summary, .ie6 time, .ie6 mark, .ie6 audio, .ie6 video { behavior:url(http://www.flypex.com/css/ie6-png-fix.htc); }
/* ie7 */
.ie7 { }
/* ie8 */
.ie8 { }
/* ie9 */
.ie9 {}




/* jquery datepicker overwrite */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:url("../images/ui-bg_glass_55_fbf9ee_1x400.png") repeat-x scroll 50% 50% #FBF9EE; border:1px solid #999; color:#fff;}

/* faqsec */
#faqques ul {text-align: left;}
#faqques li {display:block; float:none; width:100%; background:url("../images/en/navigation_arrow.gif") no-repeat; padding:5px 0px 5px 12px; background-position: 0px 10px; border-bottom: 1px solid #fff;}
#faqques li.last {}

/* faqsec */
#blogArticle ul {text-align: left;}
#blogArticle li {display:block; float:none; width:500px; background:url("../images/nav-sprite.png") no-repeat; padding-left: 15px; background-position: 0px 5px; border-bottom: 1px solid #fff;}
#blogArticle li.last {}

/* bullets */
#bullets ul {text-align: left;}
#bullets li {display:block; float:none; width:500px; background:url("../images/nav-sprite.png") no-repeat; padding-left: 15px; background-position: 0px 5px; border-bottom: 1px solid #fff;}
#bullets li.last {}


/* START - events */
.eventHeadline {
	color:#591055;
	font-weight:bold;
	font-size:14px;
}
.shadowContent, .shadow {
  position: relative;
  bottom: 4px;
  right: 4px;
}
.shadow { 
	background-color: #ccc; 
}
.shadowContent {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  padding: 0.5em;
}
/* END - events*/



/* START - Recruitment */


.boxleft {
	background-image: url(../images/box_left.png);
	background-repeat: repeat-y;
	background-position: left top;
	width: 2px;
	background-color: #FFF;
}
.boxright {
	background-image: url(../images/box_right.png);
	background-repeat: repeat-y;
	background-position: left top;
	width: 2px;
}
.boxcontent {
	background-image: url(../images/box_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 230px;
	padding-left: 10px;
	vertical-align: top;
	font-size: 12px;
	padding-right: 10px;
	background-color: #FFF;
}


.smallbox {
	/* width: 322px;*/
	padding-left: 0px;
}
.smallboxtop {
	font-size: 9px;
	background-image: url(../images/small_box_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 11px;
	/* width: 322px;*/
	vertical-align: top;
	text-align: center;
}
.smallboxcontent {
	background-image: url(../images/box_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	/* width: 318px;*/
	background-color: #FFF;
	vertical-align: top;
	/* font-family: Universe, Verdana, Geneva, sans-serif;
	font-size: 12px;*/
	color: #333;
	margin: 0px;
	padding: 0px 10px 0px 10px;
}
.smallboxbottom {
	font-size: 9px;
	background-image: url(../images/small_box_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 11px;
	/* width: 322px;*/
	text-align: left;
	vertical-align: top;
	padding-bottom: 25px;
}
.CareerStepOn a:link, .CareerStepOn a:visited, .CareerStepOn a:active {
	color: #006699;
	font-weight: bold;
	text-decoration:none;
}
.CareerStepOff, .CareerStepOff a:link, .CareerStepOff a:visited {
	color: #A1A1A1;
	text-decoration:none
}
.smallboxcontent h2 {
	text-align: left; font:13px 'PT Sans'; margin-top: -5px;
	padding:0px;
	maring:0px;
}
#CareerMain td {
	line-height:25px;
}
#CareerMain input[type="image"] {border:0px;}
#CareerSide input[type="image"] {border:0px;}

.Error {
	color: red;
}
/* END - Recruitment */

/* START Page button*/
.PgButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
	background-color:#f3fcf9;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #ececec;
	display:inline-block;
	color:#0d5cab;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:28px;
	line-height:28px;
	width:28px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.PgButtonOn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
	background-color:#d1e6db;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #ececec;
	display:inline-block;
	color:#0d5cab;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:28px;
	line-height:28px;
	width:28px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.PgButton:hover, .PgButtonOn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
	background-color:#d1e6db;
	color:#0d5cab;
	text-decoration:none;
}
.PgButton:active {
	position:relative;
	top:1px;
	text-decoration:none;
}
.PgNumColor {
	color:#c7c7c7;
	font-size:12px;
}
/* END Page button */

.clsFormFltStatus {
	background-image: url(../images/FltStatusBg.png);
	background-repeat: repeat-x;
}
.clsFormFltStatusBox {
	background-image: url(../images/FltStatusBoxBg.png);
	background-repeat: repeat-x;
	background-color: #edf5f1;
}
.clsFormFltStatusHeader {font:16px 'PT Sans', helvetica, arial, sans-serif; color:#fff; background:#0D5CAB; padding:5px 0px 5px 0px; margin:0px;}
.formHeader { color:#0d5cab; font-weight:bold; background-color:#d1e6db; padding:5px; line-height:14px; }
.formSubHeader {font-weight: bold; line-height:14px; padding:5px; vertical-align:middle; background-color:#d1e6db; color:#0d5cab;}
.formBody {background-color:#f3fcf9; border:1px solid #d1e6db; border-collapse:collapse;}
.formBody td {padding:5px;}

#ani {position: relative; float: left;}
#ani .container {background:url("http://www.flypex.com/images/en/slideshow-slide-bg.jpg"); width: 410px; height: 265px; background-size: 100%;}
#ani .container img {z-index: 20;}
#lyr1 {background: url("../images/en/waves-ani-white.png") repeat-x bottom; position: absolute; bottom:-0px; z-index: 0; width: 410px; height: 265px;}
/* #lyr2 {background: url("http://www.flypex.com/images/clouds-2.png") repeat-x bottom; position: absolute; bottom:0; z-index: 10; width: 410px; height: 265px;} */

.slidesjs-pagination {z-index: 50;}
dl {}
dt {background: none repeat scroll 0 0 #008752; color: #fff; float: left; font-weight: bold; padding: 6px; width: 350px;}
dd {background: none repeat scroll 0 0 #12ab6f; color: #fff; float: left; margin: 0 0 5px 5px; padding: 6px; width: 40px; text-align: center;}

#slides {display:none;}
.container {margin:0 auto;}

#tblGrid table{
	width:100%;
    background-color: #f3fcf9;
}
#tblGrid th {text-align:left; color:#0D5CAB; background-color:#fff; padding:3px;border:2px solid #f3fcf9;}
#tblGrid td {text-align:left; color:#000000; background-color:#fff; padding:3px;border:2px solid #f3fcf9;}

#promo-box hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,135,82,0), rgba(0,135,82,0.75), rgba(0,135,82,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,135,82,0), rgba(0,135,82,0.75), rgba(0,135,82,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,135,82,0), rgba(0,135,82,0.75), rgba(0,135,82,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,135,82,0), rgba(0,135,82,0.75), rgba(0,135,82,0)); 
}

#SearchBy label {
	font-size:13px;
	/*color:#008752;*/
}

/* SMART club */
.informForm td {
	vertical-align: top;
	padding:5px;
}
.informForm input[type="text"] {
	width: 195px;
}
.informForm select {
	width: 200px;
}
.informForm .smallSelect {
    width:60px;
}
.informForm textarea {
	width: 195px;
	height: 100px;
}
.informForm .addressForm td {
	padding-left: 0px;
}
.informForm .addressForm .addressMain {
	padding-left: 0px;
}
/* THIS is for all to use...mostly done with date drop downs */
.smallSelect {
    width:60px;
}
.clsMandatoryField{color:#CC0000;}
.headerBanner2{
	width:100%;
	background-color:#008752;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	padding:10px;
}
.headerBanner{
	width:100%;
	background-color:#008752;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	padding:10px;
	font-style:italic;
}
.headerBanner .quoteName {
	font-size:16px;
	font-weight:normal;
	white-space:nowrap;
}
.headerBanner .quotes{
	font-size:36px;
	font-weight:bold;
}
.headerBannerMin1{
	font-size:26px;
}
.headerBannerMin2{
	font-size:20px;
}

/* dialog box */
.ui-widget.success-dialog {
    font-family: Verdana,Arial,sans-serif;
    font-size: .8em;
}

.ui-widget-content.success-dialog {
    background: #F9F9F9;
    border: 1px solid #008752;
    color: #222222;
}

.ui-dialog.success-dialog {
    left: 0;
    outline: 0 none;
    padding: 5 !important;
    position: absolute;
    top: 0;
}

.ui-dialog.success-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 10 !important;
    margin: 0;
}

.ui-dialog.success-dialog .ui-widget-header {
    background: #008752;
    border: 0;
    color: #fff;
	padding:5px !important;
    font-weight: bold;
}

.ui-dialog.success-dialog .ui-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
    font-size: 1em;
}
.ui-dialog.success-dialog .ui-dialog-titlebar-close {
  display: none;
}
.ui-widget-overlay {
	opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
	filter: Alpha(Opacity=50) !important;
	background: #4384c8 !important;
	background-color: #4384c8 !important;
}