html, body { height: 100%; margin: 0; }
body { font: normal 8pt arial, helvetica, sans-serif; color: #3E4885; background-color: #fff; }
a:link, a:visited, a:active { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #c00; }
table { font-size: 1em; border: none; padding: 0; width: 100%; }
td { padding: 3px; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
fieldset, legend, form, p, ul, li, h1, h2, h3, h4, h5, h6, a img { margin: 0; padding: 0; border: none; }
textarea, input, select { background-color: #f8f6f6; color: #404040; border: #edf5ff 1px solid; border-bottom: 2px #eaeaea solid; border-right: 2px #eaeaea solid; font-size: 1em; }
.btn { background-color: #FE6C16; border: #FE6C16 1px solid; color: #fff; font: normal 1em verdana, tahoma, arial, sans-serif; }
.chkbox { background-color: transparent; border: none; }
#document { position: relative; width: 780px; margin: 0 auto; text-align: left; height: 100%; }
/* header */
#header { position: relative; background: no-repeat url('../Images/header.jpg') top left; margin-left: auto; height: 195px; width: 780px; text-indent: -1000px; line-height: 195px; overflow: hidden; }
#header.en { background: no-repeat url('../Images/header_fr.jpg') top left; }
#header.fr { background: no-repeat url('../Images/header_en.jpg') top left; }
#header a { display: block; height: 195px; width: 100%; }
#lang-picker { display: block; position: absolute; top: 23px; right: 20px; height: 20px; width: 75px; }
#lang-picker a { display: block; height: 100%; width: 100%; }
#nav { position: absolute; font: normal 1em arial, tahoma, sans-serif; background-color: #fff; right: 20px; margin: -30px 0 0; padding: 0; }
#nav li { float: left; list-style-type: none; margin: 0 1px 0 0; background: transparent no-repeat url('../Images/tab_bg_right.png') top right; padding-right: 4px; }
#nav li span { display: block; background: #FE6C16 repeat-x url('../Images/tab_bg.png') top center; padding: 3px 2px 2px }
#nav li a { float: left; color: #fff; height: 100%; text-decoration: none; background: transparent no-repeat url('../Images/tab_bg_left.png') top left; padding-left: 4px; }
#nav li a:hover { color: #3E4885; }
.top { clear: both; height: 195px; margin-top: -195px; }
/* left panel */
.sub { float: left; width: 143px; padding: 5px 5px 5px 17px; overflow: hidden; }
.sub h4 { background: transparent no-repeat url('../Images/sub_header_bg.png') top left; color: #fff; border-bottom: 1px solid #d0f9ff; text-align: center; font: normal 1.1em arial; padding: 4px 0 3px; }
.sub div { background: transparent no-repeat url('../Images/sub_header_bg_bottom.png') bottom left; padding-bottom: 14px; margin-bottom: 5px; overflow: hidden; }
.sub select { width: 137px; overflow: hidden }
.sub label { display: block; padding: 2px; font-size: 1.1em; }
.sub .btn { margin: 5px auto; display: block; }
.sub #form-flight, .sub #form-login, .sub ul, .sub #flight-info dl, .sub #flight-info p, .sub #form-language { padding: 2px 2px 2px 3px; background: transparent repeat-y url('../Images/sub_header_bg_content.png') top left; }
/* shopping cart */
#shopping-cart .btn { text-align: right; color: #00f; background-color: #fff; border: none; text-decoration: underline; margin-right: 3px; cursor: pointer; }
#shopping-cart li { position: relative; padding: 2px 15px 2px 2px; border-bottom: 1px solid #eaecf5; list-style: none; }
#shopping-cart li span { position: absolute; display: none; right: 0; top: 1px; bottom: 1px; border: 1px solid; width: 10px; text-align: center; }
/* flight */
.sub label.account { padding-left: 5px; }
.sub #account { vertical-align: middle; }
.sub #form-flight fieldset.register { display: none; border: 1px solid #ece9d8; padding: 2px 2px 2px 5px; margin: 2px 6px 2px 4px; }
label.error { color: #f00; font-size: 1em; }
select.error, input.error { background-color: #fafad1; border-color: #fa5d5d #f00 #f00 #fb6969; border-width: 1px 2px 2px 1px; border-style: solid; }
.sub p.product { text-align: center; }
.sub #flight-info dl { margin: 0; padding-left: 5px; }
#flight-info dd { margin: 0 0 8px; padding: 0 2px 0 7px; }
#flight-info dt { margin: 2px 0 0; }
.sub #flight-info p { margin: 0; text-align: right; padding-right: 10px; }
.sub #flight-info p a { text-decoration: underline; color: #FE6C16; }
.sub #account-nav li { list-style: none; text-align: center; border-bottom: 1px solid #eaecf5; }
.sub #account-nav li a { display: block; padding: 3px 2px; color: #3E4885; text-decoration: none; }
.sub #account-nav li a:hover { background-color: #FFF1B1; }
.sub p.message { background-color: #E9F0F4; }
/* language */
.sub #form-language select { margin: 5px 0 0; }
/* main content body */
.main { width: 780px; background: transparent repeat-y url('../Images/wrapper_bg.jpg') top left; }
.full_height { min-height: 100%; height: auto; margin: -195px 0 -50px; }
.content { height: 100%; width: 594px; background: transparent no-repeat url('../Images/content_bg_top.png') top left; margin-left: 171px; padding-top: 25px; }
.content .bg { height: 100%; background: transparent repeat-y url('../Images/content_bg.png') top left; padding: 0 10px; }
.content .bottom { height: 25px; width: 594px; background: #fff no-repeat url('../Images/content_bg_bottom.png') top left; margin-left: -10px; }
.content h3 { font-size: 1.375em; color: #017DC5; text-align: left; }
.content h4 { color: #017DC5; }
.bottom { height: 50px; clear: both; bottom: 0; }
/* index */
#index .content { text-align: center; }
#index .content p { text-align: left; font-size: 1.155em; margin-top: 5px; }
#index .ordering { float: left; width: 310px; margin-top: 20px; }
/* contact */
#contact .content .info { float: left; width: 275px; }
#contact .content .info h4 { margin: 5px 0 3px; }
#contact .content .info p { margin-bottom: 15px; }
#contact .content form { float: right; width: 295px; }
#contact .content h3 { margin-bottom: 5px; border-bottom: 1px dotted #cbeff0; }
#contact .content label { display: block; margin: 3px 0; clear: both; }
#contact .content label span { float: left; width: 100px; }
#contact .content .btns { margin-right: 10px; text-align: right; }
/* category */
#category .content { position: relative; }
#category .product { position: relative; width: 275px; height: 185px; float: left; margin: 5px; border-bottom: 1px solid #eaecf5; }
#category .product img { vertical-align: middle; }
#category .product h6 a { color: #3c457f; }
#category .product span, #category .description span.price { font: bold 1.8em verdana, tahoma, arial, sans-serif; color: #3c457f; }
#category .description { display: none; position: absolute; top: 10px; left: 20px; width: 560px; height: 320px; z-index: 3; border: 1px solid #cbeff0; background-color: #fff; }
#category .description div.close { height: 17px; margin-bottom: 10px; border-bottom: 1px solid #cbeff0; background-color: #f1f8fe; text-align: right; padding: 3px 3px 0 0; }
#category .description div.close a { text-decoration: none; text-transform: none; }
#category .description img.image { float: left; margin: 0 5px; }
#category .description div.text { margin: 5px 0; height: 175px; width: 320px; overflow: auto; border: none; background-color: #fff; text-align: left; }
#category .show { display: block; }
#category .description form { position: relative; }
#category .description a.remind { bottom: 1px; margin-left: 5px; height: 16px; padding: 0 6px; }
a.buy, a.remind { position: absolute; background-color: #FE6C16; border: #FE6C16 1px solid; color: #fff; font: normal 1em verdana, tahoma, arial, sans-serif; padding: 2px 6px; text-decoration: none; bottom: 6px; }
#category .product a.remind { right: 0; }
/* checkout process */
.main ol.step { text-align: center; font: bold small-caps 1.0em arial, sans-serif; margin: 0 auto; padding: 0; height: 20px; width: 540px; color: #ccc; }
.main ol.step li { display: inline; margin: 0 15px; }
.main ol.step .current { color: #808080; font-weight: bold; }
.main ul.nav { list-style: none; font: bold 1em arial, sans-serif; text-transform: uppercase; margin: 15px auto; padding: 0; height: 20px; }
.main ul.nav li { float: left; margin: 0 2px; paadding: 0; }
.main ul.nav .continue { float: right; }
.main ul.nav a { display: block; text-decoration: none; border: 1px #dbdbdb solid; background-color: #eeecec; color: #535353; padding: 2px 5px; }
.main ul.nav .share { border: 1px #a6a498 solid; background-color: #bab8ab; }
.main ul.nav .continue a { color: #fff; border-color: #E06C10; background-color: #FE6C16; }
/*.main ul.nav .continue a { color: #fff; border: 1px #091 solid; background-color: #090; } */
.checkout h2 { font: bold 1.5em "Trebuchet MS", arial, sans-serif; color: #3a3a3a; text-transform: uppercase; margin: 5px 0; }
.checkout hr { color: #808080; margin: 0; }
.checkout table { border-bottom: 1px #808080 solid; }
.checkout td, .checkout th { text-align: center; }
.checkout th, .checkout td { border-bottom: 1px #f1efe3 solid; }
.checkout .total { height: 25px; margin: 10px 0; }
.checkout .total p { float: right; margin: 0 0 0 auto; width: 195px; font: bold 1.2em arial, helvetica, sans-serif; }
.checkout .total p span { float: right; padding-right: 5px; }
.checkout .total input, .checkout .total a { float: left; height: 22px; font: bold 1.0em arial, sans-serif; text-transform: uppercase; margin: 0 2px; border: 1px #dbdbdb solid; background-color: #eeecec; color: #949494; }
.checkout .total a { display: block; height: 14px; padding: 3px 10px; text-decoration: none; }
.checkout .continue { text-align: right; margin: 15px 0; }
.checkout .continue input { height: 22px; font: bold 1.0em arial, sans-serif; text-transform: uppercase; margin: 0 2px; color: #fff; border: 1px #E06C10 solid; background-color: #FE6C16; }
/* cart */
#cart th.task, #cart td.task { border: none; }
#cart td.task a { display: inline-block; text-decoration: underline; font: normal .9em arial, helvetica, sans-serif; margin: 2px 0; }
#cart td.task a:hover { text-decoration: none; }
/* checkout */
.checkout fieldset.credit-card {  }
.checkout fieldset.credit-card label { display: block; margin: 0px 0; padding: 5px 0; border-bottom: 1px solid #F3FDFC; font-size: 1.1em; }
.checkout fieldset.credit-card label span { float: left; display: block; width: 130px; text-align: right; padding-right: 10px; }
#checkout .note { font-size: 1em; }
/* confirm */
#confirm .left { text-align: left; }
#confirm .right { text-align: right; }
#confirm .center { text-align: center; }
#confirm .total p { border-bottom: 1px solid #EDF0EC; }
/* account */
#account-login h4 { margin: 15px 0; padding: 2px 0; border-bottom: 1px solid #E2EBFF; }
#account-login #form-login, #account-login .flight-picker { float: left; width: 48%; }
#account-login .flight-picker { float: right; }
#account-login #form-login label { display: block; margin: 3px 0; clear: both; }
#account-login #form-login label span { float: left; width: 100px; }
#account-login #form-login .btn { margin-left: 165px; }
#account-login .flight-picker label { display: block; margin: 5px 0 0; }
#account-login .flight-picker .btn { margin-top: 15px; }
/* order */
#order div table { border: 1px solid #EAECF5; }
#order div table th { padding: 3px; background-color: #F4F8F8; }
#order h3 { margin-bottom: 3px; }
#order .content ul { float: left; list-style: none; }
#order .content li { float: left; width: 175px; border: 1px solid #EAECF5; margin: 0 1px 5px 0; padding: 5px; background-color: #F4F8F8; }
#order .content div div ul { margin: 0 0 5px 10px; padding: 0; }
#order .content div div li { float: none; width: auto; border: none; margin: 0; padding: 3px 0; background-color: #fff; }
#order .content .bg div div { float: left; width: 270px; margin-bottom: 5px; }
#order tbody td { border-bottom: #e3e3e3 1px solid; }
#order table h4 { margin: 3px 0 0 3px; text-decoration: underline; }
#order td.total { text-align: right; font-weight: bold; }
/* flight */
#account-flight #form-flight label { display: block; margin: 5px 0 0; }
/* remind */
#remind h2 { margin-bottom: 10px; }
#remind th { background-color: #F2FBFF; padding: 3px 0; }
#remind thead th, #remind tbody td { border-bottom: 1px #f1efe3 solid; }
#remind .message span { display: block; text-align: center; }
#remind #form-reminder { float: left; width: 300px; }
#remind #form-reminder fieldset { margin-left: 10px; }
#remind #form-reminder textarea { width: 280px; }
#remind #form-reminder .btns { text-align: right; padding: 5px; }
#remind #form-reminder a.btn { color: #fff; text-transform: none; text-decoration: none; padding: 1px 6px; cursor: default; }
#remind .flight-info { float: right; margin-top: 15px; width: 260px; }
#remind .flight-info ul { list-style: none; margin-left: 5px; }
#remind .flight-info li { margin: 3px 0; }
/* footer */
#footer { background: no-repeat url('../Images/footer.gif') bottom center; width: 780px; height: 50px; color: #fff; margin: 0 auto; }
#footer a { color: #fff; font-weight: bold; text-decoration: none; }
#copyright { position: relative; top: 20px; margin-left: 40px; right: 20px; }
#poweredby { position: absolute; right: 0; }
#sitemap { text-align: center; color: #027EC4; margin-left: 55px; }
#sitemap a { color: #F37022; font-weight: normal; text-decoration: underline; }
/* common */
p.message { padding: 5px 5px 5px 10px; margin: 10px; background-color: transparent; border: 1px dashed #EDEEEF; text-align: left; }
p.error  { background-color: #FCF8E1; color: #E90312; border-color: #E90312; }
.loading-message { display: none; margin: 1px; padding: 2px; color: #f00; background-color: #f5eaea; }
.loading { display: none; position: relative; z-index: 10; width: 100%;  background: none; background-color: transparent; margin: 0; padding: 0; }
.loading div { position: absolute; height: 100%; width: 100%; filter: alpha(opacity=85); opacity: .9; background: none; background-color: #fff; margin: 0; }
.loading p { position: absolute; width: 100%; margin: 15px 0; padding: 0; text-align: center; color: #07456e; }
.loading img { width: 150px; }
.right { text-align: right; }
.pagination { float: right; clear: both; margin: 0; padding: 0; }
.pagination li { display: block; float: left; list-style: none; padding: 0; margin: 0 2px; height: 18px; }
.pagination li.index { width: auto; text-indent: 0; }
.pagination li a { color: #F37022; text-decoration: underline; }
.pagination li a:hover { text-decoration: none; }
.pagination li span { font-weight: bold; }