|
|
body{padding: 0; margin: 0; background: #FFF;}
body, td, th, div, p, input, select, h1, h2, h3, h4 {font-family: verdana; color: #000;}
body, td, p, input, select, h4{font-size: 11px;}
h1{font-size: 16px;margin:0;padding:0;}
h2{font-size: 15px;}
h2 span.opt {color: #666;}
h3, th{font-size: 13px;}
h1, h2, h3, h4, th{font-weight: bold;}
h2, h3, h4{margin:0 0 6px 0;padding:0;}
p {margin: 0 0 6px 0; padding: 0;}
ul {margin-bottom:6px;margin-top:6px;}
hr {border:0 solid #000;color:#000;background:#000;height:1px;margin:3px 0;padding:0;}
/*input, select, .button {margin: 0px 5px 6px 0px;} this is being moved to home.css and global.css since files using styles.css aren't ready for this style yet*/
div, form{margin: 0; padding: 0;}
/* td, th{vertical-align: top;} this is being moved to home.css and global.css since files using styles.css aren't ready for this style yet*/
th{text-align: left;}
img {border: none}
a:link{color: #36F;}
a:active{color: #039;}
a:visited{color: #69F;}
a:hover{color: #039;}
a.novisit:visited {color: #36F;} /* disable visited states for page anchor links that don't get encoded*/
a.hidden:link{color: #000; text-decoration: none;}
a.hidden:active{color: #000; text-decoration: none;}
a.hidden:visited{color: #000; text-decoration: none;}
a.hidden:hover{color: #000; text-decoration: none;}
a.js {cursor:pointer; color: #36f;text-decoration:underline;}
a.js:hover{color: #039;}
br.clear, br.clear_r, br.clear_l {line-height: 0; padding: 0; margin: 0; display:block;}
br.clear {clear: both;}
br.clear_r {clear: right;}
br.clear_l {clear: left;}
.float_l {float: left;}
.float_r {float: right;}
.notice {font-family: verdana; color: 000000;font-weight:bold}
/* top nav styles */
#topnav {width: 770px; background-color: #fff;}
#topnav div.tabs {padding-left: 16px;}
#topnav div.tabs img {margin-right: 2px;}
#blue-tabs {float: left; width: 425px; background: url(/img/global/nav/bg_left_bigtabs.gif); margin-top: 8px;}
#green-tabs {width: 345px; background: url(/img/global/nav/bg_right_bigtabs.gif); float: right; margin-top: 8px;}
#green-corner {text-align: right;}
#meta td {height: 42px; width: 345px; vertical-align: middle; text-align: right; font-weight: bold; font-size: 13px;}
#meta h3 {margin: 0; padding: 0;}
#meta .horizontal-list {font-size: 11px;}
.topBanner{padding: 0 0 4px 150px;}
#footer {margin: 0; padding: 16px 0 24px 16px; text-align: left; font-size: 10px; color: #666666;}
#footer .primary_nav {margin-bottom: 0; word-spacing: 3px; color: #999999; font-size: 10px; white-space: nowrap;}
#footer .primary_nav a {word-spacing: normal; color: #3366FF; text-decoration: underline; cursor: pointer; font-size: 10px;}
.footer_right {padding: 12px 0 16px 16px; text-align: right; font-size: 10px; vertical-align: top;}
#footer .secondary_nav{margin:4px 0;color:#999;}
#footer .secondary_nav a{color:#999;}
#footer .footer_misc{
padding-left:86px;
background: url(/img/orbitz_footer.gif) no-repeat left;
}
/* global spacing/text formatting classes */
.error {margin-bottom: 5px;color: #F00; font-weight: bold;}
.error img {margin-right: 6px; vertical-align: text-top;}
.hand {cursor: pointer;}
.narrow {font-family: verdana; font-weight: normal;}
.narrowboldbig {font-family: verdana; ;font-size:15px}
.narrowboldsmall {font-family: verdana;;font-size:12px}
.major{margin-bottom: 10px; }
.minor{margin-bottom: 6px; }
.smaller{font-size: 10px;}
.regular {font-size: 11px; font-weight: normal;}
.bigger{font-size: 12px;}
.aright {text-align: right;}
.icon {margin-right: 6px; vertical-align: text-top;}
.relative {position: relative;}
.inline {display:inline;}
.horizontal-list {word-spacing: 5px; color: #999999;}
.horizontal-list a {word-spacing: normal; color: #3366FF; text-decoration: underline; cursor: pointer; font-weight: bold;}
.horizontal-list a:hover {color: #003399;}
.horizontal-list b, .horizontal-list span {word-spacing: normal; color: #000000;}
.pageTitleBar {background-color: #CEF; text-align: left; width: 770px; margin: 0px;}
.pageTitleBar h1 {padding: 17px 0px 5px 16px; line-height:16px;}
.myStuff div.pageTitleBar {background: #7D3 url(/img/my_stuff/hdr_photo.jpg) no-repeat left top; text-align: left; width: 770px; margin: 0px;}
.myStuff div.pageTitleBar h1 {padding: 17px 0px 8px 166px; line-height:16px; text-align:left;}
.aboutUs div.pageTitleBar {background: #ADF url(/img/about/hdr_photo.jpg) no-repeat left top; text-align: left; width: 770px; margin: 0px;}
.aboutUs div.pageTitleBar h1 {padding: 17px 0px 8px 166px; line-height:16px;}
.promos div.pageTitleBar {background: #7D3 url(/img/deals/occasions/title_image_bg.gif) repeat-x top; text-align: left; width: 770px; margin: 0px;}
.promos div.pageTitleBar h1 {padding: 17px 0px 8px 166px; line-height:19px;}
.promos div.pageTitleBar img {margin: 0px 0px 3px 0px;}
#blockedPUMesg p.alert{ background-image:url(/img/icons/arrowOrange-small.gif); background-repeat:no-repeat; background-position:top left; padding-left:20px; padding-top:2px; display:block; font-weight:normal; clear:both; }
BODY
{
FONT-SIZE: 8pt;
FONT-FAMILY: tahoma
}
TABLE
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: tahoma
}
TD
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: tahoma
}
.coloredheader
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: #0033cc;
FONT-FAMILY: tahoma
}
.header
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: #ffc833;
FONT-FAMILY: tahoma
}
.header2
{
FONT-SIZE: 8pt;
COLOR: #ffffff;
FONT-FAMILY: tahoma
}
.header3
{
FONT-WEIGHT: bold;
FONT-SIZE: 9pt;
COLOR: #000000;
FONT-FAMILY: tahoma
}
.header4
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: #ffffff;
FONT-FAMILY: tahoma
}
.subhead
{
FONT-SIZE: 11pt;
COLOR: #3333CC;
FONT-FAMILY: tahoma;
FONT-WEIGHT: BOLD;
}
.bodytext
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: tahoma
}
.small
{
FONT-SIZE: 8pt;
COLOR: #ffffff;
FONT-FAMILY: tahoma
}
.smaller
{
FONT-SIZE: 8px;
COLOR: #000000;
FONT-FAMILY: tahoma
}
.lightsmaller
{
FONT-SIZE: 8px;
COLOR: #666666;
FONT-FAMILY: tahoma
}
.formtext
{
FONT-FAMILY: courier, monospace
}
P
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: tahoma
}
DIV
{
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: tahoma
}
A:link
{
COLOR: #003366;
TEXT-DECORATION: none
}
A:visited
{
COLOR: #003366;
TEXT-DECORATION: none
}
A:active
{
COLOR: #003366;
TEXT-DECORATION: none
}
A.gray:link
{
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
COLOR: #ffc000
}
A.gray:visited
{
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
COLOR: #ffc000
}
A.gray:active
{
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
COLOR: #ffc000
}
.findapubFile
{
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
FONT-SIZE: 8pt;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
FONT-FAMILY: tahoma (sans-serif)
}
.findapubbutton
{
BORDER-RIGHT: #666633 1px solid;
BORDER-TOP: #666633 1px solid;
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
BORDER-LEFT: #666633 1px solid;
COLOR: #ffc600;
BORDER-BOTTOM: #666633 1px solid;
FONT-FAMILY: tahoma (sans-serif);
BACKGROUND-COLOR: #08338b
}
.Select1
{
BORDER-TOP-WIDTH: 0px;
FONT-WEIGHT: bold;
BORDER-LEFT-WIDTH: 0px;
FONT-SIZE: 8pt;
BACKGROUND: #ffffff;
BORDER-BOTTOM-WIDTH: 0px;
COLOR: #003366;
FONT-FAMILY: tahoma;
BORDER-RIGHT-WIDTH: 0px
}
.RightTopMenu
{
BORDER-RIGHT: medium none;
BACKGROUND-POSITION: center center;
BORDER-TOP: medium none;
FONT-WEIGHT: bolder;
BACKGROUND-IMAGE: url(images\RightTopMenuBg.gif);
TEXT-TRANSFORM: none;
BORDER-LEFT: medium none;
BORDER-BOTTOM: medium none;
FONT-FAMILY: tahoma
}
.LeftTopMenu
{
FONT-WEIGHT: bolder;
BACKGROUND-IMAGE: url(images/LeftTopMenuBg.gif);
FONT-FAMILY: tahoma
}
@import url(/global/css/elements.css);
@media all {} @import url(/global/css/home_iefix.css);
/* home page structure divs */
#nothing {display: none;} /* this rule needs to be here so that safari can ignore it */
td, th{vertical-align: default;} /* this should be in elements, but isn't since styles.css pages can't handle it yet */
input, select, .button {margin: 0px 5px 6px 0px;} /* this should be in elements, but isn't since styles.css pages can't handle it yet */
#homepage {background-color: #cf7; width: 770px;}
#left-column {width: 425px; float: left;}
#right-column {width: 342px; float: left; margin-top: 8px; background-color: #fff;}
#right-column table {margin-bottom: 6px;}
#right-column tr.header td {padding-bottom: 6px; vertical-align: bottom;}
#right-column tr.header h3 {padding: 0; margin: 0;}
#right-column td.from {color: #666; font-size: 10px;}
.section, .sectionfirst, .sectionlast {padding: 10px 13px 10px 16px; margin: 0}
.sectionfirst {padding-top: 0;}
.sectionlast {padding-bottom: 0;}
.deals td {padding: 0 10px 3px 0; line-height: 13px;}
#orbot {background-color: #cef; border-right: 3px solid #36f; padding: 8px 0 0 0; margin: 0;}
#homespot { background-color: #cf7;}
#homespot #spot {border-bottom: 2px solid #cf7;}
#explore {padding: 12px 16px; border-top: 1px solid #cf7; border-bottom: 1px solid #cf7; background-color: #fff;}
#hotel-citylist h4, #explore h3 {float: left; padding-right: 16px;}
#hotel-citylist h4 {padding-top: 3px;margin:2px;}
#hotel-citylist select, #explore select {margin: 0; padding: 0;}
#hotel-citylist {padding: 12px 0 0;}
#hotel-cities {border-bottom: 1px solid #cf7; border-top: 2px solid #cf7;}
#hotel-cities .col, #hotel-cities .colfirst {float: left; font-weight: bold;}
#hotel-cities .col {margin-left: 24px;}
#vac-tools .col, #vac-tools .colfirst {float: left;}
#vac-tools .col {margin-left: 40px;}
#deal-detector {border-bottom: 1px solid #cf7; background-color: #fff;}
#deal-detector .smaller {font-weight: normal;}
#deal-detector td {padding: 0 10px 5px 0; line-height: 13px;}
#deal-detector table {}
#care-area {background: #ae6 url(/img/home/bg_caremodule.gif) no-repeat;}
#care-inner {padding: 12px 13px 6px 66px;}
.right-module {border-bottom: 1px solid #cf7; background-color: #fff;}
/* hotel right column styles - can go away when new hotel right side gets done */
.citylist {line-height: 13px; margin-right: 10px; margin-bottom: 7px;}
.hdeals td {padding:0 12px 12px 0;vertical-align:top;}
#tier-1-cities {border-bottom: 1px solid #cf7; background-color: #fff;}
.topBanner{padding: 0 0 4px 150px;}
.smallbanner {padding: 0 0 0 469px;}
.chkform input {margin:0 5px 0 0;padding:0;}
#orbot p.chkform{margin: 0 0 10px 0; padding: 0; font-weight: normal;}
.optional {border:solid 1px #6bf; margin: 5px 0 10px 16px; border-right: none; padding: 10px 16px 12px 16px;}
.optional .hdr-air-home, .optional .hdr {margin: -16px 0 6px -18px; padding: 0;}
.optional .hdr-air-home {background: url(/img/home/optional_flex.gif) no-repeat}
.optional .hdr {background: url(/img/global/orbots/optional.gif) no-repeat}
.optional .major {margin-bottom: 10px;}
.orbot-top-error {background-color: #ffc; border-bottom: 1px solid #f00; padding: 6px 0 5px 16px;}
.undercheck {padding-left: 22px;}
#orbot .col .note {padding-left: 10px;}
#orbot .red {color: #f00;}
#orbot .orbot-top-error .error {font: bold 11px arial; color: #f00; padding: 0 0 5px 0; margin: 0;}
#orbot .orbot-top-error .error img {margin-right: 6px; vertical-align: text-top;}
#orbot p, #orbot div.p, #orbot div.p-row {font: bold 11px arial; padding:0; margin:0 0 1px 0;}
#orbot p.reg{font-weight:normal;}
#orbot div.p-row {padding-top: 10px;}
#orbot p.regular {font-weight: normal; margin:0 0 6px 0;}
#orbot hr {border: 0; border-top:solid 1px #6bf; height: 1px; margin: 0; padding:0; line-height: 0; clear: both;color:#adf; size: 1px;}
.hr {border-top:1px solid #6bf;padding:0;margin:0;clear:both;height:1px;}
#orbot input,#orbot select {margin: 0 1px 3px 0;}
#orbot .ambig {margin: 0; padding: 0 0 2px 0; font-weight: normal;}
.note {font-size:10px;font-weight:normal;}
#bottom-corner {clear: both; text-align: right;}
#questions {border-top: 1px solid #cf7;}
#orbot .row {margin-top: 10px;}
#orbot .smallrow, #orbot p.smallrow {margin-top: 4px;}
#orbot .col {float: left;width: 190px;margin:0;padding:0;white-space: nowrap;clear:none;}
#orbot .optional .col {width: 172px;}
.paxbox {white-space: nowrap;padding: 0;margin: 0;}
.paxbox p .note {padding-left:5px;}
#orbot .paxbox p, p.paxbox {margin-bottom:4px;}
.paxbox li {list-style: none; display:inline; margin:0 16px 0 0; float:left;white-space: nowrap; font-size: 10px}
.paxbox li .smaller {font-size: 9px;}
.paxbox li select {margin-top: 3px; margin-bottom: 3px}
.paxbox li.last {margin: 0;}
div.find {padding-left: 315px;}
div.find-right {float: right;}
div.left-of-find {float: left;}
.paxbox li#age1, .paxbox li#age2, .paxbox li#age3 {width:90px;}
#ofb-left-content {margin: 16px 16px 0 0;}
#ofb-left-content-top {text-align: right; background-color: #fff;}
#left-column #corp-message {padding-top: 0;}
#corp-message {border-bottom: 1px solid #cf7;}
#carealerts {background-image: none;}
.bold {font-weight: bold;}
.smaller{font-size: 10px;}
.regular {font-size: 11px ! important; font-weight: normal ! important}
.bigger{font-size: 12px;}
.major{margin-bottom: 10px ! important;}
/* OFB HOMEPAGE STYLES */
.ofb-menu {background:#ae6 url(/img/home/OFB-right-rail-gradient.gif);background-repeat:repeat-y; padding: 12px 16px; border-top: 1px solid #cf7;}
.ofb-menu h3 {margin-bottom: 2px;}
.ofb-menu .horizontal-list {word-spacing: 5px; color: #090;}
.ofb-menu .horizontal-list a {word-spacing: normal; color: #3366FF; text-decoration: underline; cursor: pointer;}
.ofb-menu .horizontal-list a:hover {color: #003399;}
.ofb-menu p {margin: 0; padding: 0;}
.ofb_rightcol_bottom {display: block; background-color: #fff;}
h3.itin {background-color: #adf; padding: 4px 16px; margin: 0px;}
td.grey{ color:#666; font-size:12px;}
.itinDetails th{font-size:11px;text-align:left;}
.itinDetails td{vertical-align:top; }
#right-column table.itinDetails {margin-bottom: 10px;}
.alert{background-color:#ffc;}
.low-light{color:#9A9999;}
/* orbot styles */
/* package module */
#only, pkg, #pkg1, #pkg2 { padding: 6px 16px;}
#only, #pkg1 {border-right: 1px solid #adf; }
#pkg-module {border-top: 1px solid #adf; border-bottom: 1px solid #adf; background-color: #fff;}
#pkg-module input {display: block; float: left; margin: 1px 3px 20px 0; padding: 0;}
#pkg-module img.icon {padding: 0; margin-top: 4px;}
#pkg-module div div {float: left;}
#pkg-module-bottom {text-align: right; padding-bottom: 5px;}
#pkg-module .active {background-color: #ff0;}
.location {width:165px; margin-bottom: 2px}
.locationlong {width:260px;color:#f00;background:#aaa;}
.date {width: 63px;}
.months {width: 76px;}
.days {width: 50px;}
.timesm {width:75px;}
.time {width:160px;}
.rooms {width: 45px;}
.short {width:100px;}
.calbtn {margin: 0 16px 3px 0; padding:0; vertical-align:top;}
.col .calbtn {margin-right: 1px;}
#orbot input.chk {padding: 0; margin: 0 3px 0 0;}
#orbot input.button {margin: 8px 0 0 0;padding:0;}
/*Vacation*/
.vac-ads {background-color: #cf7;padding:16px 0 16px 0;}
.vac-ads .col{float: left;margin-right:16px;}
.vac-spot {background:#fff;margin: 10px 12px 0 0;}
.vac-spot table {width:377px;}
.vac-spot td{vertical-align:top; padding: 0 10px 0 0;}
.vac-spot .row td, td.row{padding-bottom:16px;}
.corner-r {text-align:right;}
#right-column .hr {border-top:1px solid #cf7;padding:0;margin:0;clear:both;height:1px;}
.hr hr{display:none;}
#vac-module input {/*display: block; float: left;*/ margin: 1px 3px 0 0; padding: 0;}
#vac-module div{padding-bottom:4px;}
#vac-module{padding: 10px 13px 10px 13px; margin: 0;position:relative;}
/*QUICK SEARCH*/
td#sSrch {width:93px;padding:6px 0 6px 16px;border-right: solid 1px #adf;}
td#dpSrch {width:155px;padding: 0 0 0 16px;}
td#dpSrch, td#sSrch {font: bold 13px arial;color: #000;height:73px;margin:0;vertical-align: middle;border-top: solid 1px #adf;}
#dpSrch a, #sSrch a {color: #000;text-decoration: none;}
td#hint {font: bold 14px arial;color: #039;width:134px;margin:0;vertical-align: middle;padding: 0;height:73px;border-top: solid 1px #adf;}
td#crt {width:40px;height:73px;padding:0 5px 0 0;text-align:right;vertical-align: middle;border-top: solid 1px #adf;}
.underadio {clear:both;background: url('/img/home/qs/qs_under_radio_bg.gif');height: 8px;}
#orbot #hGu.col .note {padding: 0 0 10px 3px;}
#ages,#neighborhoodsDisplay {display:none;}
#hcNote, #carNote {position:relative;}
#orbot .col #expand .note {padding:0;}
.ageradio {padding-bottom:4px; line-height:18px;}
.qsradios {width:422px;}
.expandbox {width:390px;}
.radio-menu div {
float: left;
margin: 0px 0 10px 0px;
padding: 0px;
width:80px;
}
.radio-menu div.air {width:60px;}
.radio-menu div.adr {width:99px;}
.radio-menu span {
float: left;
margin: 0 16px 10px 0;
padding: 0;
}
.radio-menu label {
cursor: hand;
}
#orbot .radio-menu input {
display: block;
float: left;
margin: 1px 5px 0px 0px;
padding: 0px;
}
.nearIcon {float:left;cursor:pointer;margin-right:3px;}
#carOptRadio .radio-menu div{margin-right:16px;width:auto;}
#fromLocation, #toLocation, #acTo, #airTo, #airFromDate, #airToDate, #airFrTime, #airToTime, #airOpt, #airPax, #expand {display:block;}
#hotelTo, #guRm, #hGu, #rooms, #roomselect, #afterDates, #hotelToDate, #hotelFromDate, #hotelOpt, #carTo, #carDrop, #carFromDate, #carToDate, #carFrTime, #carToTime, #carOpt, #ahPax, #hcToNote, #hcFrLb, #hcToLb, #hcFrTime, #hcToTime, #hcNote, #hcLine, #hcGu, #hotelCarNote, #roomfix, #ahNote, #aphRm, #searchNear, #carAge, #carNote {display:none;}
.goldbar {
background-color: #ffc833
}
.silbar {
background-color: #CCCCCC
}
.tdbg
{
BACKGROUND-COLOR:"#99CCFF";
}
.goldlink{color: #ffc833;}
.sillink{color: #CCCCCC;}
.highlight1{
background-color: #ffffff;
}
.highlight{
background-color: #FFFF99;
}
|
|
Search
Pubs