/*orbitz global stylesheet*/ /*this file should match line for line the ctix sheet until we get to header and footer*/ /*html element definitions*/ body {padding: 0; margin: 0; background: #fff;} body, td, th, div, p, input, select, label, legend, h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif; color: #000; margin:0; padding: 0;} td, p, legend, input, select, h5, h6 {font-size:11px;} label {font-size:10px; display:block;} p label {font-size:11px; display:inline; padding-right:5px;} .finePrint {display:block; font-size:10px;} h1 {font-size:16px;color:#000;} /* more h1 in page header section */ h2 {font-size:15px;} h2 em {color: #999; font-style:normal;} h3, th {font-size:13px;} h4 {font-size:12px;} h1, h2, h3, h4, h5, th {font-weight: bold;} h2, h3, h4 {margin:0 0 6px 0;} p {margin:0 0 4px 0;} h5 {margin:0 0 3px 0;} ul {padding: 0; margin: 0 0 6px 0;} li {margin: 0 0 4px 0; padding: 0 0 0 10px;} ul li {list-style:none; background: url(/site/img/icons/bullet.gif) 0 6px no-repeat;} li.form, ul.form li {padding-left: 0; background-image: none; } li.form label, ul.form li label{display:inline; font-size:11px; font-weight:bold;} li.form li, li.form li.form li, ul.form li li, ul.form ul.form li {margin: 0 0 0 20px;} li li.form, li.form li li {margin: 0;} .chk_list_item .chk {float:left; margin-bottom:10px;} .relative { position:relative; } /* "horizontal" list style - add "#container li" to selectors to style individual lists this way */ .dpPages li, #whosTraveling li, #whosDriving li, #footer li, .pagination li, #meta li, #selectCorpTraveler li, #packageDetails_hotelLinks li, #addTravelArranger li, #myTravelArrangers li {padding: 0 4px 1px 5px; line-height:16px; margin-bottom:2px; list-style:none; background: none; display:inline; border-left: 1px solid #999; font-weight:bold;} li.first {border-left: none !important; padding-left: 0 !important; }/* important so ID from first rule doesn't override this one */ #body { clear: both; } /* 'standard' sliding doors tabs - no padding or margin, add that where you need it */ #body ul.tabs {margin:0; padding:0 16px 0 0; list-style:none;} #body .tabs li {background:url(/site/img/chrome/bg/tab_left.gif) no-repeat left top;float:left;padding:0 0 0 9px; margin:0; font-size:12px; font-family: Arial, sans-serif;} #body .tabs li a {background:url(/site/img/chrome/bg/tab_right.gif) no-repeat right top;float:left;display:block;padding:5px 15px 4px 6px;margin: 0 2px 0 0;text-decoration: none;font-weight: bold;color: #039; } #body .tabs li a:visited {color: #039;} #body .tabs li.active a:visited, #body .tabs li.active a {color: #000;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #body .tabs li a {float:none;} /* End IE5-Mac hack */ #body .tabs .active {background-image:url(/site/img/chrome/bg/tab_left_o.gif); border-width:0; border-height:0;} #body .tabs .active a {background-image:url(/site/img/chrome/bg/tab_right_o.gif); padding-bottom:5px; color: #000;} hr {border:0 solid #000;color:#000;background:#000;height:1px;margin:3px 0;padding:0;} input, select, .button {margin: 0px 5px 6px 0px;} p input, p select {margin-bottom: 0;} input.chk {padding: 0; margin: 0 3px 0 0; vertical-align:text-bottom; } p input.chk {margin-top: 3px;} * html .chk {margin: -4px 0 0 -3px !important; vertical-align:text-top; } /*gets rid of extra padding on checkboxes and radio buttons in IE*/ div, form, fieldset {margin: 0; padding: 0; border: 0;} fieldset div {float: left; padding-right:6px;} td, th {vertical-align: top;} th {text-align: left;} img {border: none;} .keyValue td {padding-right:16px;} .disabled {color: #ccc;} a:link, .js {cursor:pointer; color: #36f; text-decoration:underline;} a:active {color: #039;} a:visited {color: #69f;} a:hover, .js: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;} /* clears */ .clear, .clear_r, .clear_l {line-height: 0; padding: 0; margin: 0; display:block; height:0;overflow: hidden;} .clear {clear: both;} .clear_r {clear: right;} .clear_l {clear: left;} .tinySpace {font-size:1px;} /* page header */ h1 {padding: 13px 0px 11px 16px; line-height:16px; background-color: #cef; margin: 0; text-align:left;} .myStuff h1, .aboutUs h1, .promos h1 {padding-left: 166px;} .myStuff h1 {background: #7d3 url(/img/my_stuff/hdr_photo.jpg) no-repeat left top; } .aboutUs h1 {background: #adf url(/img/about/hdr_photo.jpg) no-repeat left top; } .promos h1 {background: #7d3 url(/img/deals/occasions/title_image_bg.gif) repeat-x top; } /* needs investigation */ .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;} /* other top stuff */ .topBanner {margin: 0 0 4px 150px;} #blockedPUMesg p.alert{ background-image:url(/site/img/icons/alert.gif); background-repeat:no-repeat; background-position:top left; padding-left:20px; padding-top:2px; display:block; font-weight:normal; clear:both; } /* alerts and errors */ .sectionAlert {float: right; width: 243px; text-align:right; margin:15px 16px 0 0; display:inline;}/*display inline fixes IE/Win double float margin bug*/ .alert, .selected, .promoRate, .sectionAlert span {background: url(/site/img/icons/alert.gif) no-repeat left 2px; padding: 1px 0 1px 16px; font-style:normal;} .selected {background-image:url(/site/img/icons/star.gif);} .promoRate {background-image:url(/site/img/icons/promo_sm.gif); color:#090; font-weight:bold;} .crossout { text-decoration: line-through; color: #666; } .uppercase { text-transform: uppercase; } /* Hides from IE5-mac \*/ * html .alert, * html .errorTop p, * html .error {height:1%;} /* End hide from IE5-mac */ .errorTop {background: #ffc url(/site/img/chrome/corners/12x12_fc_cef_tr.gif) no-repeat top right; border-bottom:1px solid #f30; padding: 10px 16px;} .errorTop p, p.error { background: url(/site/img/icons/error.gif) no-repeat top left; font: bold 11px Arial, sans-serif; color: #f30; } .errorTop p {padding: 0 0 0 16px;} p.error{padding-left: 16px;} ul.error {margin-left: 20px;} ul.error li {font: bold 11px Arial, sans-serif; color: #f30; } label.error {color: #f30;} .box2 {display:inline; margin:3px 0px 0px 12px; background:transparent; float:right;} .box2 span {float:left; border:0px none; margin:0;padding:0;background-repeat:no-repeat;background-position:top right;} .box2 span span {background-position:bottom right;} .box2 span span span {background-position:top left;} .box2 span span span span {background-position:bottom left;padding:1px;} .box2 .contents {padding:11px 11px 6px 11px; background:transparent;} .box2 .contents span {margin:0px; padding:0px; float:none; background:transparent;} /* global button styles */ button, .btnTagDummy {display:block; margin:0; cursor:pointer; border-width:0; background:transparent; padding: 0;} span.sysTxtBtn a, span.sysTxtBtn a:active, span.sysTxtBtn a:hover, span.sysTxtBtn a:visited, button {text-decoration:none; margin:8px 0 0 0 ! important;color:white;} .sysTxtBtn, .buttons {font-size: 8pt;} /* sets font size for width in em units */ .sysTxtBtn .label {display:block; font-weight:bold; color:white; text-decoration:none; font-size: 8pt; font-weight: bold; }/* sets font size inside buttons since they don't pick up the outer size */ span.sysTxtBtn a{color:white;} .sysTxtBtn, .box2 .contents .sysTxtBtn {margin: 8px 3px ! important;} .go .sysTxtBtn {margin: 0px 3px ! important;} .bookIt .sysTxtBtn {margin: 0px 3px ! important;} .bookHotel .sysTxtBtn {margin: 0px 3px ! important;} /* background positions */ .sysTxtBtn, .box2 .contents .sysTxtBtn {display:block; margin:0; cursor:pointer; border-width:0; background:transparent; } .sysTxtBtn span, .box2 .contents .sysTxtBtn span {display:block; margin:0; padding:0; background-repeat:no-repeat; background-position:top right;} /* applies to every span in button */ .sysTxtBtn span span span , .box2 .contents .sysTxtBtn span span span{background-position:bottom right;} .sysTxtBtn span span span span , .box2 .contents .sysTxtBtn span span span span{background-position:top left;} .sysTxtBtn span span span span span , .box2 .contents .sysTxtBtn span span span span span {background-position:bottom left;} .sysTxtBtn span span span span span span , .box2 .contents .sysTxtBtn span span span span span span {background-position:center left;} /* deals with width/margin differences between ie & mozilla */ .underButton {font:0.75em verdana ! important; margin: 0 0 0 3px; padding:0;} * html .underButton {margin: 0;} span.sysTxtBtn span span {margin-right: 6px;} * html span.sysTxtBtn span span , span.sysTxtBtn span span span {margin-right: 0;} /* button widths - second set is for IE PC */ .mini, .mini .btnTagDummy {width:3.2em;} .xxxs, .xxxs .btnTagDummy {width:6.75em;} .xxs, .xxs .btnTagDummy {width:7.9em;} .xs, .xs .btnTagDummy {width:9em;} .s, .s .btnTagDummy {width:9.9em;} .m, .m .btnTagDummy {width:10.85em;} .l, .l .btnTagDummy {width:12.25em;} .xl, .xl .btnTagDummy {width:13.65em;} .xxl, .xxl .btnTagDummy {width:14.8em;} .xxxl, .xxxl .btnTagDummy {width:15.9em;} * html button.mini, * html .mini .btnTagDummy {width:3em;} * html button.xxxs, * html .xxxs .btnTagDummy {width:6.225em;} * html button.xxs, * html .xxs .btnTagDummy {width:7.3em;} * html button.xs, * html .xs .btnTagDummy {width:8.4em;} * html button.s, * html .s .btnTagDummy {width:9.35em;} * html button.m, * html .m .btnTagDummy {width:10.3em;} * html button.l, * html .l .btnTagDummy {width:11.7em;} * html button.xl, * html .xl .btnTagDummy {width:13.1em;} * html button.xxl, * html .xxl .btnTagDummy {width:14.25em;} * html button.xxxl, * html .xxxl .btnTagDummy {width:15.35em;} .underButton img { text-align:center; margin:4px 0px 0px 3px; } /* top nav styles */ #topnav { width: 770px; background-color: #fff; padding: 0; } #topnav div.tabs {padding-left: 16px;} #topnav .tabs ul { list-style-type: none; margin: 0; padding: 0; line-height:1.2;} #topnav .tabs ul li { float: left; margin: 0 2px 0 0; padding: 0; line-height: 0;} #topnav .tabs img { vertical-align: bottom; } #blue-tabs { float: left; width: 425px; background: url(/site/img/chrome/nav/bg_left_bigtabs.gif); margin: 8px 0 0 0;} #green-tabs { float: right; width: 345px; background: url(/site/img/chrome/nav/bg_right_bigtabs.gif); margin: 8px 0 0 0;} #green-tabs .tabs ul{ background: url(/img/global/nav/corner_tr.gif) top right no-repeat; padding: 10px 0 0 0; margin: 0;} #green-corner {text-align: right;} #topnav #meta { height: 32px; width: 345px; margin: 10px 0 0 0; vertical-align: center; text-align: right; font-weight: bold; font-size:13px;} #meta .smaller { font-size:10px; } #meta h3 {margin: 0; padding: 0;} #meta ul { font-size:11px; margin: 0 0 3px 0;} #meta ul li { margin-left: 3px; padding-right: 0; } /* IE5 Mac only -- it renders the left border in the wrong place, so I am turning it off */ /*\*//*/ #meta li { border-left: none; } /**/ /* end IE5 Mac only */ /* footer */ #footerContainer {float:none; clear:both;} #footer {padding: 16px 0 24px 16px; font-size:10px; width: 570px; color: #999; float: left; clear: left;} #footer a, #footer p {font-size:10px;} #footer .secondary_nav {margin:4px 0; color:#999;} #footer .secondary_nav a {color:#999;} #footer p {padding: 0 0 0 86px; background: url(/site/img/logos/orbitz_footer.gif) no-repeat left; clear:both; margin-top:10px;}/*margin doesn't actually appear - it's here for ie bug*/ #footer p em {color: #999; font-style:normal;} #footer ul {clear:both; margin:0 0 1px 0;} #footer li {white-space:nowrap; clear:none;} .license {white-space:nowrap;} #verisign { float: right; padding-left: 12px; } #trustE { float: right; padding-top: 6px; } #footer_right {padding: 16px 0; text-align: right; font-size:10px; margin-left: 590px; width: 170px; clear: right;} /*HOTEL SPECIAL OFFER BOX - /shared/module/results/hotel/include/specialOffer.jsp */ #specialOffer { border: 1px solid #cef; margin-bottom:12px; width:550px; } #specialOffer.main {margin: 13px 16px 16px 16px;} #specialOfferPromo { background:#cf7; vertical-align:top; text-align:left; padding: 10px 20px 0px 20px; } /* Hides from IE5-mac \*/ * html #specialOfferPromo {height:1%; } /* End hide from IE5-mac */ #specialOfferPromo img { width:155px; height:25px; float:left; margin-bottom:10px; } #specialOffer h3, #specialOffer ul { font-size:12px; font-weight:bold; margin:0px; padding:0px; } #specialOfferPromo h3, #specialOfferPromo ul { margin-left:210px; } #specialOfferValueAdd { padding:12px 20px; } /* GTA styles */ #gtaDisclaimer {width:334px; padding:10px 10px 10px 30px; margin:0 0 5px 0; background:#FFFF33 url(/site/img/icons/alert.gif) 10px 10px no-repeat;} #gtaSupplier {width:354px; padding:10px; margin:0 0 5px 0; border:1px solid #AADDFF;} #popupHeader {height:36px; margin:0 0 24px 0; padding:0; background: #cef;} #popupHeader div {vertical-align: middle;} #popupHeader .logo {float:left;padding:9px 16px;} #popupHeader .close {float:right;padding:10px 16px;} #popupFooter .close {float:right;padding:10px 16px;} #ad468x60_top {width: 770px; text-align:center;} /* global rail styles */ div.rail {padding:9px 0 12px 0; background-color:#adf} div.rail h3 {margin:0px; padding:0 8px 4px 12px; color: #000} div.rail em {display:block; padding-left:28px; font-style:normal;} div.rail em.single_line {padding:7px 0px 8px 28px;} div.rail p, div.rail ul, div.rail h4 {margin:0px 8px 3px 12px; } div.rail li {background-image:none; padding-left:0;} div.rail a {color:#36f} div.rail span.sysTxtBtn a {color:white;} .bots .component {display:inline-table;} .bots .component:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* \*/* html .bots .component {height:1%} .bots .component {display:block;}/* */ .bots .component {padding:0 0 12px 16px;} .bots .product {background-color:#cef; border-top:none; border-bottom:none;} .bots .active {display:block;} .bots .inline {display:inline;} .bots .inactive {display:none;} .bots .visible {visibility:visible;} .bots .invisible {visibility:hidden;} .bots {margin:15px 0 0 0; padding:0; background-color:#cef;} .bots a, .bots a:link, .bots a:visited, .bots a:hover, .bots a:active {color:#36f; text-decoration:underline; cursor:pointer;} .bots .locationInput, .bots select {background-color: white} .bots label {font-size:11px; color:#000; font-weight:bold; margin:0;padding:0;} .bots .hasError label {clear:left; color:#f30} .bots .hasError label.note {color:#000} .bots select, .bots input {font-size:11px;} .bots .travelers .fieldsetLabel {font-size:11px; font-weight:bold; margin:0;padding:0; display:block; width:auto;} .bots ul {list-style:none; padding:0;margin:0;} .bots li {background-image: none; margin:0;padding:0;line-height:0} .bots .childrenAge {clear:both;} .bots .childrenAge label {font-weight:normal;} .bots .childrenAge label.legend {font-weight:bold;} .bots .childAgeGroup {float:left; width:100px;} .bots .infantTypes, .bots .infantTypes label {clear:both;} .bots .infantTypes input, .bots .infantTypes label {float:left; line-height:10px;} .productNav {border: 1px solid #6bf; border-left:none; border-right:none; display:inline-table} .productNav:after {content:"."; display: block; height: 0; clear: both; visibility: hidden;} /* \*/* html .productNav {height:1%} .productNav {display: block;}/* */ .productNav {width:100%; background-color:#fff;} .productNav label {font-weight:bold; font-size:11px;} .productNav ul {margin: 8px 0px 12px 10px;} .productNav li {padding:1px 0px; background-image:none;} .productNav .singleProduct {float:left; width:104px; background-color: #adf ; height:74px;} .productNav .hasRailProduct {height:93px;} .productNav .packageProduct {float:left; width:140px; height:74px; background-color:#fff;} .productNav .hasHiredCarProduct {height:34px; background-color:#fff; border-left:1px solid #6bf;} .productNav .onlyFlag {font-size:10px;font-weight:normal;} .productNav .promoBox {float:right; height:100%; width:145px; margin:8px 10px 8px 0; padding:1px 1px 1px 10px; background:#cef url(/shared/img/chrome/searchBots/promoNotch.gif) repeat-y left;} .productNav .promoBox p {background-color:white; padding:10px 12px; font-weight:bold; margin-bottom:0px; font-size:13px;} .productNav .promoBox p, .productNav .promoBox p a{color:#039; } .productNav .promoBox p span.note{font-size:9px} .productNav .savings, .productNav .saveLabel{color:#21A309;} .productNav .promoBox .savings{font-size:15px;} .productNav .promoBox {display:none;} /* commented backslash hack to hide from IE5 Mac \*/ .productNav .promoBox {display:block;} /* end hack */ .bots .searchOptions label {font-weight:normal;} .bots .searchOptions {clear:both; display:block; border-top:1px dotted #36f; padding-top:8px; margin-top:0;} .bots .searchOptions .headerSO {font-size:13px; font-weight:bold; padding:0 0 4px 0;} .bots .notExpanded {border-top:none; padding-bottom:0; margin-bottom:0;} .bots .floatedExpand {border-top:none; width:220px; padding-top:0; margin-top:-48px;} .bots .optionList {display:block;} .bots .hotelSO fieldset label {font-weight:normal; float:left; padding-right:8px; width:140px;} .bots fieldset .chooseAmenities {float:left; width:310px} .bots .hotelSO fieldset .hotelChain {clear:left} .bots .hotelSO fieldset .specificHotel {float:left; width:240px; padding:0} .bots .hotelSO fieldset .specificHotel input {float: left; width:180px;} .bots .hotelSO fieldset label.chkLabel {float:left; clear:right; padding-bottom:8px; width:100%;} .bots .hotelSO .starRating {clear:none; float:left; width:100px} .phoneNumberComp { display:none;} #calDiv {display:block; position:absolute; z-index:100;} #calDiv.active iframe {height:283px; width:140px;} #calDiv.inactive {height:1px; width:1px;} #calDiv {left: -1500px;} .navNoPackaging .singleProduct {width:100%; height:auto;} .navNoPackaging .packageProduct {display:none;} .navNoPackaging li {float:left; margin-right:20px; padding-bottom:8px;} .topDestinations { font-weight:bold;font-size:11px;display:block !important; line-height:100%; margin-bottom:10px;} .topDestinations .tdsm { width:9px !important; padding:3px 3px 3px 0;} .topDestinations .tdlg { width:123px !important; padding:3px 3px 3px 0; } .topDestinations .tdlg2 { width:168px !important; padding:3px 3px 3px 0; } .topDestinations .highlighted { color:#003399;font-size:12px;} .txtOnBot { margin-top:15px; } * html .ie_top { margin-top:-25px; } .usrTyped { width:168px !important; } #body #pageHeader #rightSideWrapper{ float:right;} #body #pageHeader #rightSideWrapper #container{ text-align:right; font-size: 11px; font-weight: normal;} #body #pageHeader #rightSideWrapper .noRail{padding-right: 3px;} #body #pageHeader #rightSideWrapper .withRail{padding-right: 166px;} #telesales {padding: 9px 0 12px 0; margin: 0 0 16px 0; clear: both; background-image: url(/site/img/icons/telesalesOperator.gif); background-repeat: no-repeat; background-position: top right; background-color: #adf;} #telesales h3 {padding: 0; margin: 0 12px 20px 12px; width: 70px; font-weight: bold; font-family: Verdana, sans-serif; font-size: 12px; color: #006;} #telesales p {padding: 0; margin: 0 12px 0 12px; font-family: Verdana, sans-serif; font-size: 10px;} #promoCode {clear: left; position: relative;} * html #promoCode {height: 1%;} #promoCode.flyout #promoDirections {position: absolute; left: -2000px; top: 5px;} #promoCode.flyout .collapseFlyout {padding-bottom: 5px;} #promoCode.flyout #promoDirections .closePromo {padding-right: 3px;} #promoCode.flyout #promoDirections.visible {position: static;} #promoCode.flyout input, #promoCode.flyout .sysTxtBtn {float: left; margin-top: 4px !important;} #promoCode .expanded {color: #000; text-decoration: none; cursor: default;} #promoCode h4, .promoCode h4 {float: left; font-size: 1em; margin: 15px 0 8px 0} #promoCode p.what, .promoCode p.what {float: left; clear: none !important; padding-left: 20px; font-weight: normal; font-size: 10px; margin: 15px 0 8px 0} #promoCode p, .promoCode p {clear: left;} #promoCode p img {vertical-align: middle;} #promoCode .underButton {margin: 0;} #footer .footerRss { float:left; margin-top: 6px; margin-bottom:10px; } #footer .footerRss a { line-height:17px;} #footer .imgX { margin-left:6px; vertical-align:middle;} .imgXY { margin-right:10px; vertical-align:middle;} .imgXTbl { padding-right:16px; } body {font-size:11px;} .box2 {background-color:#ffc;} .box2 span {background-image:url(/site/img/chrome/corners/continueBox_f_ff0_trans_tr.gif);} .box2 span span {background-image:url(/site/img/chrome/corners/continueBox_f_ff0_trans_br.gif);} .box2 span span span {background-image:url(/site/img/chrome/corners/continueBox_f_ff0_trans_tl.gif);} .box2 span span span span {background-image:url(/site/img/chrome/corners/continueBox_f_ff0_trans_bl.gif);} /* ocom main button styles */ .sysTxtBtn .label, .buttons button .label, .buttons a .label {font-family: arial; color:white; }/* this keeps "button buttons" from being bigger than "anchor buttons" */ .sysTxtBtn span span span span span span, .box2 .contents .sysTxtBtn span span span span span span {padding:2px 0 3px 20px;} .label {text-align:left;} /* ocom action button bg images */ .submit span span, .box2 .contents .submit span span {background-image:url(/site/img/chrome/buttons/blue_top_right.gif);} .submit span span span, .box2 .contents .submit span span span{background-image:url(/site/img/chrome/buttons/blue_bottom_right.gif);} .submit span span span span, .box2 .contents .submit span span span span{background-image:url(/site/img/chrome/buttons/blue_top_left.gif);} .submit span span span span span, .box2 .contents .submit span span span span span{background-image:url(/site/img/chrome/buttons/blue_bottom_left.gif);} .submit span span span span span span, .box2 .contents .submit span span span span span span{background-image:url(/site/img/chrome/buttons/blue_arrow.gif);} /* ocom back button bg images */ .back span span, .box2 .contents .back span span{background-image:url(/site/img/chrome/buttons/grey_top_right.gif);} .back span span span, .box2 .contents .back span span span{background-image:url(/site/img/chrome/buttons/grey_bottom_right.gif);} .back span span span span, .box2 .contents .back span span span span{background-image:url(/site/img/chrome/buttons/grey_top_left.gif);} .back span span span span span, .box2 .contents .back span span span span span{background-image:url(/site/img/chrome/buttons/grey_bottom_left.gif);} .back span span span span span span, .box2 .contents .back span span span span span span{background-image:url(/site/img/chrome/buttons/grey_arrow.gif);} /* ocom mini button bg images */ .mini span span {background-image:url(/site/img/chrome/buttons/blue_top_right.gif);} .mini span span span {background-image:url(/site/img/chrome/buttons/blue_bottom_right.gif);} .mini span span span span {background-image:url(/site/img/chrome/buttons/mini_top_left.gif);} .mini span span span span span {background-image:url(/site/img/chrome/buttons/mini_bottom_left.gif);} .mini span span span span span span {background-image:url(/d.gif);padding:2px 3px 3px 3px ! important; } .mini .label {text-align:center ! important;} /* ocom image button bg images and padding */ .value span span span span {background-image:url(/site/img/chrome/buttons/blue_top_left_value.gif) ! important;} .value span span span span span {background-image:url(/site/img/chrome/buttons/blue_bottom_left_value.gif) ! important;} .value span span span span span span {background-image:url(/site/img/chrome/buttons/dollarSign.gif) ! important;background-position:5px center ! important; padding:2px 0 3px 25px ! important;} /* ocom ofb button bg images and padding */ .ofb span span span span {background-image:url(/site/img/chrome/buttons/blue_top_left_ofb.gif) ! important;} .ofb span span span span span {background-image:url(/site/img/chrome/buttons/blue_bottom_left_ofb.gif) ! important;} .ofb span span span span span span {background-image:url(/site/img/chrome/buttons/ofb.gif) ! important;background-position:3px center ! important; padding:2px 0 3px 25px ! important;} .submit span span {background-image:url(/site/img/chrome/buttons/bot_blue_top_right.gif);} .submit span span span {background-image:url(/site/img/chrome/buttons/bot_blue_bottom_right.gif);} .submit span span span span {background-image:url(/site/img/chrome/buttons/bot_blue_top_left.gif);} .submit span span span span span {background-image:url(/site/img/chrome/buttons/bot_blue_bottom_left.gif);} .botBody {border-right-width:3px;} #home .botBody {border-left:none;} #home .botBottom {background-image: url(/site/img/chrome/searchBots/bottomLeftSquare.gif);} #ftr { clear:both; } #ftr p {font-size: 10px; line-height: 11px; } #ftrMid {width:769px; height:54px; background-color:#E3EBFC; } #ftrMid .left { padding:12px 0 0 0; float:left; width:570px;} #ftrMid .left p {padding: 0 0 0 80px; background: url(/site/img/logos/siteName.gif) no-repeat; margin-left: 16px; } #ftrMid .left p em {color: #999; font-style:normal;} #ftr .nav { margin:12px 0 0 16px; color:#999; } #ftr .nav2 { margin:6px 0 10px 16px; color:#999; } #ftr .nav2 img { position:relative; top:5px; left:5px; } #ftr .nav2 span { padding-left:160px; } #ftrAwards { width:769px; } #ftrAwards img { margin: 8px 16px 16px 16px; vertical-align: top; } #ftrAwards .middle { margin: 8px 75px 16px 75px !important; } #ftrAmex { border-left: 1px solid #FFF; height: 54px; margin-left: 601px;} #ftrAmex img { margin: 8px 0 5px 24px; } #ftrSecurity { border-left: 1px solid #FFF; height: 54px; margin: 0 3px 0 571px;} #ftrSecurity img { margin: 8px 0 5px 3px; vertical-align: top; } #top {text-align: right;} #marketingText {width: 383px;} #orbot {position:absolute; left:450px; top:121px; width:320px;} #carNote, #adrSearch {display:none;} #toLocation, #carTo, #carDrop {display:block;} #anote {display:inline;} #changeSize p { font-size: 110%; } #changeSize a { font-size: 100%; } #changeSize li { font-size: 110%; }