/**
* RESET
*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/**
* Typography
*/
/* Default font settings.
The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
font-size: 75%;
color: #222;
background: #fff;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-weight: normal; font-family: 'MyriadProBold', sans-serif;}
h1 { font-size: 26px; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size:20px; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em;line-height:1.5; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Lists
-------------------------------------------------------------- */
/*
li ul,
li ol { margin: 0; }
ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
*/
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/*Forms
---------------------------------------------------------------*/
input.text,input.password,input.file, select, textarea {background:#FFFFFF url(/images/v2/forms/field-shadow.gif) repeat-x scroll 0 top; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px;}
input.text,input.password,input.file {padding:2px 0 3px 0;}
input.text[disabled] {background:#eee;}
input[type='text']:focus,input[type='password']:focus,input[type='textarea']:focus, select:focus, textarea:focus {/*border-color:#c59e55 !important;*/background-color:#fffbdb;}
/* Misc classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.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; }
.column-left { width:49%;float:left;clear:both;}
.column-right { width:49%;float:right;zoom:1;}
/**
* Clearfix
*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {*zoom:1;}
/** Layout and other **/
body { _width:99%;}
#main-wrapper {width:940px;margin: 0 auto;padding-top:20px;}
#header { clear:both; overflow:hidden;*zoom:1;padding-top:10px;}
#header a.logo {margin:0 20px 0 0; width:156px;height:49px;display:block;float:left;}
#header-contact{float:right; font-size:1.2em; clear:right; font-weight:bold; margin:0; text-align:right; padding:0; width: 260px;}
#header-contact p{float:left; clear:left; margin-bottom: 5px!important; padding-left: 10px;}
#header-contact p a{color:#217CDA;}
#content_wrapper {position:relative;background:#e1e9ee url("images/wrapper-bottom.jpg") no-repeat 0 bottom; margin-bottom:40px;*zoom:1;margin-top:10px;_display:inline;}
#content { background: url("images/wrapper-top.gif") no-repeat 0 0 transparent; clear:both; overflow:hidden; *zoom:1;padding:10px ; *padding:10px 0px 10px 10px; _padding-bottom:0;}
#content h1.main-title{text-indent:-999em; background:url("images/title1500-new.png") no-repeat 0 0; height:35px; margin:5px 0 8px 30px;*margin:5px 0 15px 30px;display:block;}
* html #content h1.main-title {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/affiliate/layout/skymiles/looks/images/title1500.png',sizingMethod='crop');
}
#content h1.main-title-1000{text-indent:-999em; background:url("/affiliate/layout/skymiles/looks/images/title.png") no-repeat 0 0; height:35px; margin:5px 0 8px 30px;*margin:5px 0 15px 30px;display:block;}
* html #content h1.main-title-1000 {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/affiliate/layout/skymiles/looks/images/title.png',sizingMethod='crop');
}
#content #text_wrapper{float:right; width:236px; margin-right: 15px;}
#content #text_wrapper p{font-size: 90%; line-height: 1.2;}
#content #text_wrapper h3.small-title{text-indent: -999em; display: block; width: 215px; height: 82px; background:transparent url("images/small_title.png"); margin-top:20px;}
* html #content #text_wrapper h3.small-title {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/affiliate/layout/skymiles/looks/images/small_title.png',sizingMethod='crop');
}
#content_wrapper img.car{bottom:-40px; right:-28px; z-index:999;position:absolute; }
* html #content_wrapper img.car{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/affiliate/layout/skymiles/looks/images/car.png', enabled='true');
padding-top:117px;
}
#content_wrapper img.miles{top:-1px; right:0px; z-index:999;position:absolute; }
* html #content_wrapper img.miles{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/affiliate/layout/skymiles/looks/images/1500miles-right.png', enabled='true');
padding-top:85px;
}
#content_wrapper img.miles-1000{top:0px; left:0px; z-index:999;position:absolute; }
* html #content_wrapper img.miles-1000{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/affiliate/layout/skymiles/looks/images/1000_miles.png', enabled='true');
padding-top:85px;
}
#content #res-box{ background:transparent url("images/promo-top.png") no-repeat 0 0;width:646px; float:left; padding-top:10px; *padding-top:12px;margin-right:20px;}
* html #content #res-box {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/affiliate/layout/skymiles/looks/images/promo-top.png',sizingMethod='crop');
}
#content #res-box form.reservation {margin:-20px -20px -20px -20px; padding:20px 20px 0 20px; *padding-right:0; clear:both;zoom:1;background:transparent url(/affiliate/layout/skymiles/looks/images/promo-bg.png) repeat-y 0 0;}
* html #content #res-box form.reservation {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/affiliate/layout/skymiles/looks/images/promo-bg.png',sizingMethod='scale');
}
#content #res-box div.bottom-shadow { clear:both;background:transparent url("images/promo-bottom.png") no-repeat 0 bottom; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/promo-bottom.png', sizingMethod='scale'); height:12px; }
#content #res-box div.bottom-shadow.grey { _margin-top:-2px;clear:both;background:transparent url("images/promo-form-grey.png") no-repeat 0 bottom; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/promo-form-grey.png', sizingMethod='scale'); height:13px; }
#content #res-box form input.submit{cursor:pointer;margin:20px 20px 0 0; *margin:20px 20px 0 0;float:right;width:231px; height:50px; background:url("images/book_btn.gif") no-repeat 0 0; display:block; border:none; padding-top:50px;}
#content #res-box form input.submit:hover{background-position:0 -50px;}
/*#content #res-box form #badges{clear:both; overflow:hidden; *zoom:1; float:left; }
#content #res-box form #badges img{float:left;display:block; }*/
div.promo_code{padding:10px; background:#eef2f6; border:1px solid #d3dce2; -moz-border-radius:10px; -webkit-border-radius:10px; }
div.promo_code label {line-height:20px;}
#content #res-box div.icons-wrapper{ clear:both; overflow:hidden; *zoom:1; background:#e7eff6; margin:0 -16px -20px -16px; *margin:0 4px -5px -16px;padding-top:10px}
#content #res-box div.icons-wrapper input.submit{float:left; width:231px; height:50px; margin:20px 0px 0 30px;background:url("images/book_btn.gif") no-repeat 0 0; display:block; border:none; text-indent:-999em;}
#content #res-box div.icons-wrapper input.submit:hover{background-position:0 -50px;}
#content #res-box div.icons-wrapper input.loading, #content #res-box div.icons-wrapper input.loading:hover {background:url(images/calculating.gif) left top no-repeat transparent !important;cursor:progress;}
#content #res-box div.icons-wrapper #badges{ overflow:hidden; *zoom:1; float:right;}
#content #res-box div.icons-wrapper #badges img {float:left;display:block; }
/**
* Tooltips
**/
div.tooltip {display:none;z-index:999;background:transparent url("images/tooltip.png") no-repeat;font-size:12px;width:268px;height:164px;color:#000;position:absolute;}
* html div.tooltip {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/affiliate/layout/skymiles/looks/images/tooltip.png',sizingMethod='crop');
}
div.tooltip h3{margin:10px 10px 0 10px;text-align:center;}
div.tooltip p{line-height:1.3; margin:5px 10px 0 10px;}
* html div.tooltip IFRAME {
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width:268px;/*must have for any big value*/
height:170px/*must have for any big value*/;
}
#content img.plain{bottom:55px; right:65px; z-index:999;position:absolute; }
* html #content img.plain {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/affiliate/layout/skymiles/looks/images/air.png', enabled='true');
padding-top:230px;
zoom:1;
}
.res-content { padding:10px 20px 20px 20px; clear:both; overflow:hidden; background: url("/affiliate/layout/skymiles/looks/images/promo-bg.png") repeat-y 0 0 transparent !important; }
/** Workaraound for first page, this #first attribute is added via javascript in jquery.reservation.js **/
* html #first {
zoom:1;
}
* html #content #res-box div.bottom-shadow.grey {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/affiliate/layout/skymiles/looks/images/promo-form-grey.png',sizingMethod='crop');
}
/**
* Footer
*/
#footer {clear:both; text-align:center;}
#footer p {margin-top:10px;}
#footer a {margin-left:5px; margin-right:5px;color:#217CDA; text-decoration:none;}
#content #res-box form.reservation input.text,
#content #res-box form.reservation input.input
,input.password,input.file, #content #res-box form.reservation select, #content #res-box form.reservationtextarea {background:#fff url(images/field-shadow.gif) repeat-x scroll 0 top !important; border-color:#7C7C7C #C3C3C3 #DDDDDD !important; border-style:solid; border-width:1px;}
#content #res-box form.reservation select{padding: 2px 3px 1px 3px;}
label.cmbAddrExample {display:none !important ;}
.tab {
float:left;
margin:0pt 0pt 10px;
width:45.9%;
}
.tabR {
float:right;
margin:0pt 0pt 10px;
width:45.9%;
}
.formSite{
clear:both;
}
#generalSection{clear:both;margin-bottom: 20px;}
#generalSection div.col{float:left; width:290px;}
#generalSection div label.cmbBoxLabel{font-size:14px;font-weight:bold;line-height:30px;color:#444;}
#cmbBoxHolder{padding-top: 5px !important; }
#gsBaby label.displayInline{padding-left:5px;}
ul.list {
list-style-type:disc;
list-style-position:inside;
margin:10px 0 20px 20px;
}
ul.list a {color:#A8090E;}
/**
* Various Tweaks
**/
#content #res-box form.reservation input.input:focus, input.password, input.file, #content #res-box form.reservation select:focus, #content #res-box form.reservationtextarea:focus {background-color:#fffbdb !important;}
#gsDate label, #gsTime label, #gsPass label, #gsLuggage label {padding:0;margin:0;line-height:20px;}
#gsBaby {width:auto !important;margin:0;}
#gsBaby label {line-height:60px;_line-height:1;_padding-top:25px;zoom:1;}
#gsBaby input {margin-left:5px;}
#tabdate{padding-top:30px;zoom:1;margin-bottom:10px;}
div#cmbBoxHolder label.cmbBoxLabel, div#cmbBoxHolder label.cmbBoxLabel span {padding:0;line-height:30px;color:#444;}
* html fieldset#rideDetails {_padding-top:15px;}
#col2 {padding-left:5px;_padding-left:15px;}
#txtPickupcmbWrapper>label.reservationError, #txtDestinationWrapper label.reservationError ,#gsTime label.reservationError, #gsDate label.reservationError {line-height:15px;font-size:11px;width:100px;color:#A8090E;}
div.popup-calendar {bottom:-185px;left:0;*bottom:-190px !important;}
.cmbInputBox {width:245px;}
#cmbDestinationLargeWrapper {margin-left:10px;}
#promoCode {}
/*Preload images*/
body:after {
content: url(/affiliate/layout/skymiles/looks/images/calculating.gif) url(image.png);
display: none !important;
}