/*--------------------------------------------------------------------------------------- Website: Author: Bitmedia Created: .---------------------------------------------------------------------------------------*/ p, #mainContent ul { font-size: 10pt; } /*------------------------------------ Header ------------------------------------*/ #header { background: #FFF; } #header a.logo { display: block; float: left; margin: 25px 0 0; } #header #headerTop { width: 100%; height: 40px; overflow: hidden; background: #425;} #header #headerTop h2 { line-height: 40px; padding: 0px; margin: 0px; width: 600px;} #header #tagline, #header h2 { color: #fff; font-weight: bold; display: block; font-size: 1.1em; padding: 11px 0 0 0; float: left;} /* DO NOT DELETE - Will be used when the time comes for User Accounts. #header #userAccount { background: url('../images/headerUserAccountBackground.png') no-repeat; background-position: top right; float: right; overflow: hidden; height: 40px; padding: 10px 0 0; width: 293px;} #header #userAccount a { color: #4f4163; line-height: 40px; } #header #userAccount a span { font-size: 1.4em; font-weight: bold; } #header #userAccount a.cart { background: url('../images/cartIcon.png') no-repeat; background-position: left center; padding: 0 0 0 25px; } #header #userAccount ul { float: right; list-style: none; margin: 0 25px 0 0; padding: 0; overflow: hidden; } #header #userAccount ul li { display: inline; float: left; padding: 0px; margin: 0px; } #header #userAccount img { float: right; margin: 0 20px 0 0; } */ /*------------------------------------ Cols ------------------------------------*/ #cols { width: 960px; margin: 20px auto; overflow: hidden; background: url('../images/colsBottomBackground.png') no-repeat; background-position: bottom; padding: 0 0 13px; position: relative; } #cols #title { height: 52px; color: #000011; background: url('../images/colsHeaderBackground.png') no-repeat; } #cols #title h1 { color: #fff; font-weight: bold; padding: 0px 0px 0px 25px; line-height: 52px; } #cols #title img { float: right; margin: 10px 8px 0 0; cursor: pointer; } #cols #content { background: url('../images/colsBackground.png') repeat-y; overflow: hidden; } #mainCol { width: 593px; float: left; } #mainCol .section { border-top: solid 1px #fff; border-bottom: solid 1px #c4c0c8; padding: 20px 15px 5px 25px; } #mainCol .sectionLast { border-top: solid 1px #fff; padding: 20px 15px 5px 25px; } #mainCol .section h3 { color: #4b3460; } #mainCol .section h4 { color: #56476a; } #sideCol { width: 344px; float: right; padding: 20px 0 0 20px; } #sideCol .sideColContainer { width: 320px; position: relative; margin: 0 0 30px; } #sideCol .sideColContainer h4 { padding: 0 0 20px; color: #56476a; } /*------------------------------------ Footer ------------------------------------ #footer { overflow: hidden; height: 150px; background: url('../images/footerBackground.jpg') repeat-x #584a6b; padding: 20px 0 0 0; clear: both; color: #b7a9c7; line-height: 27px; } #footer a { color: #b7a9c7; } #footer ul { list-style: none; } #footer li { display: inline; padding: 0px 10px 0px 0px; } #footer li.last { padding: 0px; } #footer img { vertical-align: middle; } #footer ul.nav { float: left; margin: 10px 0px 0px 0px; line-height: normal; text-align: justify; } #footer ul.affiliates { float: right; clear: left; margin: 10px 0px; padding: 0px; overflow: hidden; } #footer ul.affiliates li { display: block; line-height: 20px; margin: 0px; padding: 0px; float: right; } #footer ul.affiliates a { display: block; width: 125px; height: 40px; overflow: hidden; background-repeat: no-repeat; background-position: left top; text-indent: -9999em; float: right; margin-left: 10px; } #footer ul.affiliates a.wams { background-image: url("../images/affiliates/WAMS.png"); } #footer ul.affiliates a.marketing { background-image: url("../images/affiliates/bitmedia.png"); } */ /*------------------------------------ Page Tabs ------------------------------------*/ #pageTabs { position: absolute; background: url('../images/pageTabsBackground.png') no-repeat; width: 330px; height: 40px; right: 0px; bottom: 0px; } #pageTabs a { display: block; } #pageTabs a.printPage { background: url('../images/printIcon.png') no-repeat; background-position: center right; float: left; padding: 0 30px 0 0px; margin: 12px 0 0 25px; } #pageTabs a.returnToSearch { background: url('../images/backIcon.png') no-repeat; background-position: center left; color: #fff; float: right; padding: 0 0 0 25px; margin: 12px 15px 0 0; } #header #contact { overflow: hidden; width: 293px; height: 96px; float: right; text-align: center; } #header .phone { color: #554669; padding: 20px 0 0 0; font-size: 1.5em; font-weight: bold;} #header .phone span { color: #554669; font-size: 1.4em; } #header #contact a { color: #554669; font-size: 1.2em; padding: 7px 0 0 0; } #header .times { font-size: 1.3em; font-weight: normal; color: #554669; padding: 7px 0 0 0; } /*body.home*/ #searchContainer { background: url('../images/searchBackground.jpg') repeat-x; height: 423px; margin: 0; padding: 0px 0 0 0; position: relative; z-index: 9999;} /*body.home*/ #searchContainer .wrapper { height: 413px; position: relative; overflow: visible;} ul.badges { position: absolute; left: 840px; top: 0; list-style: none; margin: 0px; z-index: 999; } ul.badges li { margin: 15px 0px; display: block; width: 110px; height: 110px; } #parkingSearch, #meetAndGreetSearch, #airportHotelsSearch, #parkingAndHotelsSearch {min-height: 413px; width: 960px; position: relative} #searchContainer .flash { float: right; height: 411px; width: 472px; overflow: hidden; margin-top: 2px; /*background: url('../images/ui/no-flash-bg.jpg') no-repeat right top;*/ } #searchContainer .form { float: left; width: 600px; position: absolute; top: 0; left: 0;} /* Search Container Variations */ body.hotel #searchContainer .wrapper { background: url('../images/hotelBackground.jpg') no-repeat; height: 413px; background-position: top right; } body.hotelParking #searchContainer .wrapper { background: url('../images/hotelParkingBackground.jpg') no-repeat; height: 413px; background-position: top right; } /*body.home*/ #searchContainer .wrapper h3 { color: #f8f8f8; padding: 10px 0; } /*body.home*/ #searchContainer .wrapper { } /*#searchContainer .wrapper .pane { display: none; } #searchContainer .wrapper #parkingSearch { display: block;}*/ /*body.home*/ #searchContainer .wrapper .row { background-position: top left; margin: 0 0 4px 0; width: 100%; position: relative;} /*body.home*/ #searchContainer .row:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;} /*body.home*/ #searchContainer .row {display:inline-block;} .row { z-index: 9;} .row.select1 { z-index: 99999;} .row.select2 { z-index: 99998;} .row.select3 { z-index: 99997;} /* body.home #searchContainer .wrapper .row label { color: #fff; font-weight: bold; height: 30px; padding: 12px 0 0 10px; width: 100px; font-size: 1.1em; display: block; float: left; background: url('../images/rowBackground.png') no-repeat; } */ /*body.home*/ #searchContainer .row input { font-size: 1.6em; } /*body.home*/ #searchContainer input { margin: 1px 0px; padding: 8px 5px; float: left; width: 342px; height: 21px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } /*body.home*/ #searchContainer select { margin: 1px 0px; padding: 7px 5px; float: left; font-size: 1.6em;} /*body.home #searchContainer option { font-size: 15px; line-height: 20px;} body.home #searchContainer option { font-size: 20px; line-height: 25px;}*/ /*body.home*/ #searchContainer .select select, /*body.home*/ #searchContainer select { width: 352px; } /*body.home*/ #searchContainer .submitButton { background: url('../images/quoteButtonBackground.png') no-repeat; background-position: center bottom; width: 220px; margin: 0 0 0 270px !important; } /*body.home*/ #searchContainer .submitButton input { background: url('../images/quote_btn.png') no-repeat; display: block; width: 190px; height: 54px; text-indent: -9999px; font-size: 0; line-height: 0; margin: 2px 0 0 15px; cursor: pointer; border: none; outline: none; } .ui-datepicker-trigger { cursor: pointer;} .ui-widget { font-size: 1.2em; font-family:Arial, Helvetica, sans-serif;} #searchContainer .loading { color: #FFFFFF; left: 50%; margin: -12px 0 0 -50px; position: absolute; text-align: center;} #searchContainer .ajaxError { color: #fff; font-weight: bold; background: url('../images/error.png') no-repeat center left; padding-left: 20px; position: absolute; margin-top: -60px; left: 10px;} #searchContainer input.invalid, select.invalid, textarea.invalid { background-color: #FAF6E5; -moz-box-shadow: 0 0 1px 1px #F5D850; -webkit-box-shadow: 0 0 1px 1px #F5D850; box-shadow: 0 0 1px 1px #F5D850; } #searchContainer div.invalid { background: url("../images/error.png") no-repeat; border: none; color: #fff; font-size: 11px; font-weight: bold; padding: 17px 0 0; position: absolute; right: 7px; top: 5px; } body.home #contentContainer { background: #f1eff3; overflow: hidden; position: relative; z-index: 9998;} body.home #contentContainer .wrapper { padding: 20px 0; overflow: hidden; } .offerBox { background: url('../images/offerBackgroundBottom.png') no-repeat bottom left; padding: 0 0 9px 0;} .offerBox .content { overflow: hidden; width: 462px; background: url('../images/offerBackground.png') no-repeat;} .offerBox h2 { margin: 9px 0 0 9px; padding-left: 20px; width: 422px; border: 1px solid #fff; line-height:56px; } .offerBox .links { padding: 20px 0 10px 35px; overflow: hidden; list-style: none; margin: 0;} .offerBox .links li { float: left; display: inline; padding: 0;} .offerBox .links a { font-size: 1.0em; color: #e57a13; float: left; margin: 0 10px 10px 0; text-decoration: none; } .offerBox .links a span { color: #493960; } #quickLinks { float: left; } #quickLinks h2 { color: #fff; background: url('../images/quickLinksHeader.png') no-repeat; } #quickLinks .links a { font-size: 1.0em; color: #e57a13; float: left; margin: 0 10px 10px 0; width: 200px; } body.home #specialOffers { float: right; } body.home #specialOffers h2 { color: #443559; background: url('../images/specialOffersHeader.png') no-repeat; } body.home #specialOffers .links a { font-size: 1.0em; color: #e57a13; float: left; margin: 0 10px 10px 0; width: 400px; } .contentBox { width: 960px; float: left; margin: 20px 0 0 0; } .contentBox .top { background: url('../images/contentBox_top.png') no-repeat; height: 9px; } .contentBox .middle { background: url('../images/contentBox_middle.png') repeat-y; padding: 0; overflow: hidden; } .contentBox .middle .contentScrollable { position: relative; overflow: hidden; width: 942px; height: 237px; margin: 0 0 0 9px; } .contentBox .middle .contentScrollable .items { width: 20000em; position: absolute; } .contentBox .middle .contentScrollable .items .content { float: left; overflow: hidden; margin: 15px 22px; border: solid 1px #e6e1e6; background: #f2f0f2; padding: 10px 25px; width: 850px; } body.home .contentBox .middle ul { background: url('../images/contentBoxHeaderBackground.png') repeat-x; list-style: none; margin: 0 9px; padding: 0; overflow: hidden; border: 1px solid #fff; border-bottom: 0;} body.home .contentBox .middle ul li { display: inline; float: left; padding: 0px; margin: 0 0px 0 0; } body.home .contentBox .middle ul li a { text-decoration: none;font-size: 1.2em; padding: 0px; margin: 0px; color: #494949; font-weight: bold; display: block; padding: 18px; border-right: 1px solid #FFFFFF; outline: none; } body.home .contentBox .middle ul li a:hover { background: url('../images/contentBoxHeaderBackgroundHover.png') repeat-x; text-decoration: none; } body.home .contentBox .middle ul li.active a { background: url('../images/contentBoxHeaderBackgroundHover.png') repeat-x; } .contentBox .middle .content .left { float: left; width: 400px; } .contentBox .middle .content h3 { color: #443559; } .contentBox .middle .content p { } .contentBox .middle .content h4 { color: #56476a; margin-top: 10px; } .contentBox .bottom { background: url('../images/contentBox_bottom.png') no-repeat; height: 10px; } .contentBox .middle .content .right { float: right; clear: right; background: #e1d9e1; width: 400px; padding: 5px 5px 5px 5px; margin: 0 0 15px 0; } .contentBox .middle .content .right .contentBoxImageScrollable { position: relative; overflow: hidden; width: 400px; height: 200px; } .contentBox .middle .content .right .contentBoxImageScrollable .items { width: 20000em; position: absolute; } .contentBox .middle .content .right .contentBoxImageScrollable .item { float: left; } .contentBox .middle .content .right h4 { color: #56476a; padding: 15px 0 15px 20px; background: #f3eff3; margin-top: 0px; } .contentBox .middle .content .right .article { background: url('../images/featuredItemBackground.png') repeat-x #f3eff3; padding: 15px 20px; } .contentBox .middle .content .right .article label { font-size: 1.2em; color: #56476a; font-weight: bold; } .contentBox .middle .content .right .article p { padding: 0 0 5px; } .contentBox .middle .content .right .article a { background: url('../images/moreInfo_btn.png') no-repeat; display: block; width: 73px; padding: 3px 0 3px 7px; float: right; border: none; outline: none; color: #572c00; text-decoration: none; margin-top: -20px; } /*body.landing .contentBox { background: url('../images/offerBackgroundBottom.png') no-repeat bottom left; padding: 0 0 9px 0;}*/ body.landing .contentBox .content { overflow: hidden; width: 462px; background: url('../images/offerBackground.png') no-repeat;} body.landing .contentBox h2 { margin: 0 0 0 9px; padding-left: 20px; width: 920px; border: 1px solid #fff; line-height:56px; } body.landing .contentBox .links { padding: 20px 0 10px 35px; overflow: hidden; list-style: none; margin: 0;} body.landing .contentBox .links li { float: left; display: inline; padding: 0;} body.landing .contentBox .links a { font-size: 1.0em; color: #e57a13; float: left; margin: 0 10px 10px 0; text-decoration: none; } body.landing .contentBox .links a span { color: #493960; } body.landing #quickLinks { float: left; } body.landing #quickLinks h2 { color: #fff; background: url('../images/quickLinksHeaderLanding.png') no-repeat right center; } body.landing #quickLinks .links a { font-size: 1.0em; color: #e57a13; float: left; margin: 0 10px 10px 0; width: 200px; } #brandTicker { margin: 0px 0px 20px 0px; } #brandTicker .middle { width: 960px; padding: 0px; } #brandTicker .middle .textScroller { margin: 0px 20px 0 10px; padding-right: 20px; overflow: hidden; width: 920px; line-height: 50px; } #brandTicker .middle .textScroller .items .item, #brandTicker .middle .textScroller .items p { width: 910px; padding: 0px 10px; margin-right: 30px; } #brandTicker .middle .textScroller .items .item, #brandTicker .middle .textScroller .items p { background: transparent url('../images/icons/BrandInfo.png') no-repeat right center; } /*------------------------------------ News ------------------------------------*/ .newsArticles { width: 100%; overflow: hidden; padding: 0 0 0 15px;} .newsArticles .item { background: url('../images/newsArticleBackground.png') no-repeat bottom left; margin: 9px 10px 0 0; padding: 0 0 7px 0; float: left; width: 278px; } .newsArticles .item .itemContent { background: url('../images/newsArticleBackground.png') no-repeat; padding: 20px 20px 0 20px;} .newsArticles h5 {color: #56476a; padding: 0; } .newsArticles .image { margin: 15px 0 0;} .newsArticles .image img { } .newsArticles .abstract { padding: 15px 0;} .newsArticles .link { background: url('../images/newsArticleLink.png') no-repeat; margin: 0 -19px 0 -19px; padding: 0 18px 0 18px;} .newsArticles .link a {color: #8766ac; display: block; padding: 10px 0 5px;} /*------------------------------------ Quick Quote and Amend Quote ------------------------------------*/ /*#quickQuoteForm { width: 285px; background: #78658d; border: solid 5px #e1d9e1; padding: 20px 0 10px 25px; margin: 0; }*/ .amendQuoteContainer { position: absolute !important; z-index: 10 !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; margin-left: 587px !important; margin-top: -6px !important; /*border-color: #584a6b !important;*/ display: none; border-color: #749; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .amendQuoteContainer a.dk_toggle { width: 230px !important; } .amendQuoteContainer .content { overflow: visible !important;} #quickQuoteForm, #amendQuoteForm { padding: 0 5px;} #quickQuoteForm .row, #amendQuoteForm .row { margin: 0 0 8px; position: relative; width: 100%; display: inline-block; } #quickQuoteForm .row label, #amendQuoteForm .row label { font-weight: bold; color: #333; display: block; margin: 0 0 5px; float: none; text-align: left;} #quickQuoteForm .row .text, #amendQuoteForm .row .text { width: 252px; padding: 4px 2px; height: 21px;} #amendQuoteForm .row input[type="text"] { padding: 7px 45px 7px 10px; width: 230px; } #quickQuoteForm .row input[type="text"] { padding: 7px 45px 7px 10px; width: 210px; } #quickQuoteForm .row select, #amendQuoteForm .row select { width: 210px; padding: 4px 2px;} #quickQuoteForm .row .selectSmall, #amendQuoteForm .row .selectSmall { width: 90px; } #quickQuoteForm .row .quickQuoteButton { background: url('../images/quickQuote_btn.png') no-repeat; display: block; width: 124px; height: 38px; text-indent: -9999px; font-size: 0; line-height: 0; cursor: pointer; border: none; outline: none; } #quickQuoteForm input[type=button], #amendQuoteForm input[type=button] { width: 267px; margin-top: 10px;} #quickQuoteForm .loading, #amendQuoteForm .loading { color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; margin: -41px 0 0 0;} #quickQuoteForm div.invalid, #amendQuoteForm div.invalid { font-weight: bold; background: url('../images/error.png') no-repeat center left; padding: 0 0 0 20px; margin: 5px 0 0 5px; color: #de4242;} #quickQuoteForm input.invalid, #quickQuoteForm select.invalid, #quickQuoteForm textarea.invalid, #amendQuoteForm input.invalid, #amendQuoteForm select.invalid, #amendQuoteForm textarea.invalid { background-color: #FAF6E5 !important; -moz-box-shadow: 0 0 1px 1px #F5D850; -webkit-box-shadow: 0 0 1px 1px #F5D850; box-shadow: 0 0 1px 1px #F5D850; } #quickQuoteForm .ajaxError, #amendQuoteForm .ajaxError { color: #df5757; font-weight: bold; background: url('../images/error.png') no-repeat center left; padding-left: 20px; margin-left: 10px;} #quickQuoteForm .dk_toggle, #quickQuoteForm .dk_container, #amendQuoteForm .dk_toggle, #amendQuoteForm .dk_container { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #quickQuoteForm .dk_toggle, #amendQuoteForm .dk_toggle { border: 1px solid #D3BCD3;} /* Plane */ #quickQuoteForm #dk_container_quoteAirportCode, #amendQuoteForm #dk_container_quoteAirportCode { background: url('../images/plane_small.png') no-repeat #fff center right;} /* Time */ #quickQuoteForm #dk_container_dropOffTime, #quickQuoteForm #dk_container_strToTimeFieldID, #amendQuoteForm #dk_container_dropOffTime, #amendQuoteForm #dk_container_strToTimeFieldID { background: url('../images/clock_small.png') no-repeat #fff center right;} /* Discount Code */ #quickQuoteForm input#discount, #amendQuoteForm input#discount { background: url('../images/code_small.png') no-repeat #fff center right;} /* Date */ #quickQuoteForm #quickQuoteFrom, #quickQuoteForm #quickQuoteTo, #amendQuoteForm #amendQuoteFrom, #amendQuoteForm #amendQuoteTo { background: url('../images/calendar_small.png') no-repeat #fff center right; cursor: pointer;} /* Room */ #amendQuoteForm #dk_container_amendQuoteRoom { background: url('../images/room_small.png') no-repeat #fff center right; cursor: pointer;} /*------------------------------------ Customer Reviews ------------------------------------*/ #reviews { background: url('../images/reviewsBackground.png') no-repeat bottom left; padding-bottom: 6px; min-height: 320px;} #reviews #reviewsContent { background: url('../images/reviewsBackground.png') no-repeat; width: 300px; padding: 20px 0 0 20px; } #reviews .item { margin: 0 0 20px 0; width: 280px; } #reviews .item p { padding: 0 0 5px; } #reviews .item p.source { color: #795b92; font-style: italic; } #reviewForm { display: none;} #reviewForm .row { padding: 0 0 10px;} #reviewForm label { display: block;} #reviewForm input[type=text], #reviewForm textarea { width: 268px; padding: 4px 5px;} #reviewForm textarea { height: 100px;} #reviewForm .submitButton { text-align: right;} #reviewForm .submitButton input { margin-right: 18px; cursor: pointer;} /*------------------------------------ Recommended Products ------------------------------------*/ .recProducts .item { margin: 0 0 5px 0; background: url('../images/recProductBackground.png') no-repeat bottom left; padding-bottom: 12px} .recProducts .itemContent { background: url('../images/recProductBackground.png') no-repeat; width: 310px; padding: 13px 0 0 13px; overflow: hidden;} .recProducts img { border: solid 5px #d7c9e2; float: left; } .recProducts .info { float: right; width: 160px; margin: 0 18px 0 0; } .recProducts .info h6 { color: #4c3361; padding: 0 0 10px 0; } .recProducts .price { color: #4c3361; font-size: 1em; display: block; } .recProducts .price span { color: #f48100; font-size: 1.8em; font-weight: bold; } .recProducts .info a { display: block; height: 18px; text-indent: -9999px; font-size: 0; line-height: 0; margin: 10px 0 0 0px; cursor: pointer; border: none; outline: none; } .recProducts .info a.recProdMore { background: url('../images/recProdMore_btn.png') no-repeat; width: 67px; float: left; } .recProducts .info a.recProdCart { background: url('../images/recProdCart_btn.png') no-repeat; width: 77px; float: right; } /*------------------------------------ News / Vendor ------------------------------------*/ #articleContent { padding: 30px 20px; } #articleContent h2 { font-size: 1.6em; color: #56476a; } #articleContent h3 { font-size: 1.4em; color: #181818; padding: 15px 0; } #articleContent img { border: solid 5px #d7c9e2; float: right; margin: 0 0 20px 20px; } /*------------------------------------ Looking4Parking Car ------------------------------------*/ #looking4Car { background: url('../images/looking4Car.png') no-repeat; width: 80px; height: 75px; position: absolute; right: 0px; top: 6px; } /*------------------------------------ Related Article / Vendor ------------------------------------* .relatedArticle { width: 310px; border: solid 5px #e1d9e1; margin: 0 ; } .relatedArticle .item { background: url('../images/relatedArticleBackground.png') repeat-x #f3eff3; border-bottom: solid 1px #fff; padding: 20px; } .relatedArticle h6 { color: #56476a; } .relatedArticle p { padding: 0; } .relatedArticle .link { background: url('../images/relatedArticleBackground.png') repeat-x #f3eff3; } .relatedArticle .link a { color: #8263a4; display: block; padding: 10px 20px;} */ .relatedItems { border: 5px solid #e1d9e1; } .relatedItems h6, .relatedItems h6 a { color: #56476a; padding: 0px 0px 5px 0px; line-height: 30px; } .relatedItems .item { background: #f3eff3; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #e1d9e1; overflow: hidden; padding: 5px 15px; } .relatedItems .vendor_logo { width: 90px; height: auto; float: left; margin: 0px 5px 10px 0px; padding: 5px; border: 1px solid #e1d9e1; } .relatedItems .item.first { border-top: none; } .relatedItems .item.link { line-height: 40px; } .relatedItems .item.link a { color: #9175ae; text-decoration: underline; } /*------------------------------------ Vendor ------------------------------------*/ body.vendor #header { } body.vendor #header .wrapper { padding: 0 0 20px 0; position: relative; } body.vendor #cols { margin: 0 auto 20px; } body.vendor #cols #title { height: 52px; background: url('../images/colsVendorHeaderBackground.png') no-repeat; } #mainCol #overview { overflow: hidden; } #mainCol #overview img { float: left; margin: 0 20px 0 0; } #mainCol #features { overflow: hidden; } #mainCol #features .left { float: left; } #mainCol #features .left .title { background: url('../images/vendorFeaturesTitle.png') no-repeat; overflow: hidden; width: 470px; height: 45px; } #mainCol #features .left .title h4 { float: left; width: 380px; padding: 14px 0 0 20px; } #mainCol #features .left .title img { float: left; margin: 10px 0 0; } #mainCol #features .left ul { margin: 15px 0 0 40px; } #mainCol #features .left ul li { list-style-image: url('../images/crossBullet.png'); margin: 0 0 5px; padding: 0 0 0 10px; } #mainCol #features .right { float: right; width: 50px; } #mainCol #features .right img { margin: 0 0 10px 0; } #mainCol #directions { overflow: hidden; } #mainCol #directions .title { background: url('../images/vendorDirectionsTitle.png') no-repeat; overflow: hidden; width: 548px; height: 44px; margin: 0 0 15px; } #mainCol #directions .title h3 { float: left; width: 130px; padding: 13px 0 0 15px; } #mainCol #directions .title label { font-size: 1.3em; float: left; color: #4b3460; font-weight: bold; padding: 15px 0 0; } #mainCol #directions .title label span { font-size: 0.8em; font-weight: normal; } #mainCol #directions p { padding: 0 10px 1.4em; } #mainCol #directions h6 { color: #4b3460; padding: 10px 0 10px 10px; } #mainCol #details { overflow: hidden; } #mainCol #details h5 { color: #4b3460; } #mainCol #details .left { float: left; width: 260px; padding: 0 15px 0 0; } #mainCol #details .right { float: left; width: 260px; } #mainCol #faq { } #mainCol #faq h5 { color: #4b3460; } #mainCol #faq ul { margin: 0 0 0 15px; } #mainCol #faq li { list-style-image: url('../images/arrowBullet.png'); margin: 0 0 5px; padding: 0 0 0 10px; color: #816181; } #location { } #location #map { background: #cdc3cd; border: 1px solid #b7a5b7; padding: 5px; } #location #info { } #location #info { background: #f3eff3; border-bottom: 5px solid #e1d9e1; border-left: 5px solid #e1d9e1; border-right: 5px solid #e1d9e1; padding: 10px 0 10px 35px; } #location #info .row { overflow: hidden; margin: 0 0 5px; } #location #info .row div { float: left; } #location #info .row div.left { color: #444444; width: 160px; } #location #info .row div.right { font-weight: bold; color: #79668d; } body.vendor #header #socialMedia { background: url('../images/socialMediaBackgroundAlt.png') no-repeat; } /*------------------------------------ Current Prices ------------------------------------*/ #currentPrices { background: url('../images/currentPricesBackground.png') no-repeat; width: 320px; height: 172px; } #currentPrices .item { overflow: hidden; padding: 19px 30px 0; } #currentPrices .item div { float: left; font-weight: bold; font-size: 1.5em; color: #fff; display: block; padding: 6px 0 0; } #currentPrices .item a { float: right; background: url('../images/bookNow90x32_btn.png') no-repeat; display: block; width: 90px; height: 32px; text-indent: -9999px; font-size: 0; line-height: 0; cursor: pointer; border: none; outline: none; } /*------------------------------------ Side Col Tabs ------------------------------------*/ #sideCol .sideColContainer .tab { background: url('../images/sideColContainerTab.png') no-repeat; position: absolute; right: 0px; top: 1px; width: 114px; height: 43px; } #sideCol .sideColContainer .tab a.rateNow, #sideCol .sideColContainer .tab a.addReview { display: block; width: 88px; margin: 10px 0 0 15px; padding: 2px 0; } #sideCol .sideColContainer .tab a.addReview { background: url('../images/addReviewPlus.png') no-repeat center right; } #sideCol .sideColContainer .tab a.rateNow { background: url('../images/rateNowStar.png') no-repeat center right; } /*------------------------------------ Ratings ------------------------------------*/ #ratings { background: url('../images/ratingsBackground.png') no-repeat; width: 280px; height: 115px; padding: 0 0 0 45px; position: relative; color: #816181; font-size: 1.2em;} #ratings .row { overflow: hidden; padding: 23px 0; height: 10px; } #ratings .row label { float: left; color: #816181;} #ratings .row label span { font-size: 1.1em; font-weight: bold;} #ratings .row img { float: left; margin: 0 0 0 8px;} #rate { width: 264px; height: 24px; position/*: absolute; top: 5px; left: 5px; overflow: hidden; padding: 18px 0 0 45px; background: url('../images/ratingBg.png') repeat-x; */} #rate label { float: left; margin-right: 10px; } #rate .loading { margin-left: 20px;} .message { padding-left: 24px; font-weight: bold; background-position: left center; background-repeat: no-repeat;} .message.success { background-image: url('../images/tick.png');} .message.error { color: #C00; Background-image: url('../images/error.png');} /*------------------------------------ City Guide ------------------------------------*/ body.cityGuide #cols #title { height: 52px; background: url('../images/colsCityGuideHeaderBackground.png') no-repeat; } body.cityGuide #cols #title h1 { color: #fff; font-weight: bold; padding: 17px 0 0px 25px; float: left; font-size: 1.6em; } body.cityGuide #cols #title h2 { color: #fff; font-weight: bold; padding: 17px 110px 0px 0px; float: right; font-size: 1.6em; } .cityGuideNav { margin: 0; padding: 0; list-style: none; margin: 0 -23px 0 -31px;} .cityGuideNav li { display: block;} .cityGuideNav a { display: block; color: #442e55; font-size: 1.2em; background: url('../images/cityGuideSectionBackground.png') repeat-x; height: 32px; padding: 17px 0 0 25px;} #guideContent { padding: 30px 20px 10px; } #guideContent h3 { font-size: 1.4em; color: #4b3460; } #guideContent img { border: solid 5px #d7c9e2; float: left; margin: 0 20px 20px 0px; } #guideItems { background: url('../images/guideItemsBackground.png') no-repeat; width: 540px; height: 154px; margin: 20px 0 0 20px; } #guideItems label { display: block; float: left; width: 240px; height: 23px; color: #414141; padding: 7px 0 0 20px; } body.cityGuide #header .wrapper { position: relative; } body.cityGuide #header #socialMedia { background: none; overflow: hidden; position: absolute; top: -8px; right: 0px; } /*------------------------------------ Comments ------------------------------------*/ #commentForm { background: url('../images/commentFormBackground.png') no-repeat; width: 520px; height: 345px; margin: 10px 0 10px 20px; padding: 25px 0 0 30px; } #commentForm h5 { color: #4b3460; margin: 0 0 20px; } #commentForm .row { overflow: hidden; margin: 0 0 15px 0; } #commentForm .row label { float: left; width: 100px; font-size: 1.2em; text-align: right; padding: 6px 15px 0 0; } #commentForm .row .text { float: left; border: solid 1px #d3bcd3; width: 370px; padding: 5px 0; } #commentForm .row textarea { float: left; border: solid 1px #d3bcd3; width: 370px; height: 100px; padding: 5px 0; } #commentForm .row .submitComment { float: right; background: url('../images/submitComment_btn.png') no-repeat; display: block; width: 160px; height: 37px; text-indent: -9999px; font-size: 0; line-height: 0; cursor: pointer; border: none; outline: none; margin: 0 30px 0 0; } #comments { margin: 20px 0 10px 20px;} #comments h5 { color: #4b3460; } #comments .item { overflow: hidden; background: url('../images/commentsItemBackground.png') no-repeat bottom left; width: 556px; padding-bottom: 4px; margin: 0 0 15px; } #comments .item .itemContent { background: url('../images/commentsItemBackground.png') no-repeat; padding: 20px 30px 0;} #comments .item .title { display: block; margin: 0 0 5px 0; } #comments .item .title span { font-weight: bold; font-style: italic; color: #9a7fb2; } #comments .item p { } /*------------------------------------ Review Listings ------------------------------------*/ #reviewListings { margin: 20px 0 0 20px;} #reviewListings .item {overflow: hidden; background: url('../images/commentsItemBackground.png') no-repeat bottom left; width: 556px; padding-bottom: 4px; margin: 0 0 15px; } #reviewListings .itemContent{ background: url('../images/commentsItemBackground.png') no-repeat; padding: 15px 20px 0;} #reviewListings .item h2 { color: #56476A; padding: 0 0 10px; font-size: 1.4em;} #reviewListings .item .link { background: url('../images/reviewLinkBg.png') no-repeat; margin: 0 -17px 0 -19px; padding: 10px 17px 5px 19px;} #reviewListings .item .link a { color: #8766ac; text-transform:uppercase; background: url('../images/linkArrow.png') no-repeat 100% 2px; padding: 0 15px 0 0; font-weight: bold;} /*------------------------------------ Full Review ------------------------------------*/ .fullReview { background: url('../images/reviewBg.png') no-repeat; margin: 20px 0 0 20px; } .fullReviewContent { background: url('../images/reviewBgBottom.png') no-repeat bottom left; padding: 70px 20px 100px;} .fullReviewContent h2 { color: #56476A; padding: 0 0 10px; font-size: 1.4em;} .fullReviewContent .source { color: #56476A; font-weight: bold; font-size: 1.2em;} /*------------------------------------ Search Results ------------------------------------*/ /*body.searchResults #container #searchResults .wrapper { padding: 20px 0 0; }*/ #searchDetails { background: url('../images/searchDetailsBackground.png') no-repeat #fff; width: 960px; height: 225px; margin: 0px auto; padding: 0; position: relative; } #searchDetails .tab { color: #20102e; font-size: 1.2em; padding: 18px 0 10px 40px; } #searchDetails ul { list-style: none; margin: 0; padding: 0;} #searchDetails ul li { display: block; color: #574967; font-size: 1.4em; padding: 14px 0 14px 35px; } #searchDetails ul li span { font-weight: bold; } #searchDetails a.searchFilter { background: url('../images/searchFilter_btn.png') no-repeat; display: block; width: 107px; height: 38px; text-indent: -9999px; font-size: 0; line-height: 0; cursor: pointer; border: none; outline: none; position: absolute; top: 0px; right: 0px; } #searchTabs { overflow: hidden; margin: 20px auto 0; float: left; } #amendQuoteForm .loading { position: absolute; margin-top: -25px !important;} /*------------------------------------ Sign In ------------------------------------*/ #signIn { background: url('../images/signUpBackground.png') no-repeat; width: 515px; height: 220px; padding: 25px 0 0 35px; margin: 20px 0 0 23px; } #signIn h2 { color: #4b3460; font-size: 1.4em; } #signInForm { padding: 15px 0 0 0; } #signInForm .row { overflow: hidden; margin: 0 0 15px 0; width: 450px; } #signInForm .row label { padding: 4px 15px 0 0; display: block; float: left; width: 100px; text-align: right; font-size: 1.1em; } #signInForm .row .text { width: 320px; height: 25px; border: solid 1px #d3bcd3; } #signInForm .row .signInButton { background: url('../images/signIn_btn.png') no-repeat; display: block; width: 123px; height: 36px; text-indent: -9999px; font-size: 0; line-height: 0; float: right; cursor: pointer; border: none; outline: none; } /*------------------------------------ Tool Tips ------------------------------------*/ .tooltip { display:none; background-color:#e6e1e6; border:1px solid #000; padding:3px; font-size:13px; -moz-box-shadow: 2px 2px 11px #666; -webkit-box-shadow: 2px 2px 11px #666; color:#78658D; } /*--------------------------------------------------------------------------------------- *** MISC. *** ---------------------------------------------------------------------------------------*/ /*------------------------------------ ErrorPage ------------------------------------*/ body.errorPage { } body.errorPage p#errorMessage { padding: 100px 0; text-align: center; } /*------------------------------------ Ratings ------------------------------------*/ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url('../images/delete.gif') no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url('../images/star.gif') no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} div.star-rating-readonly a{cursor:default !important} div.star-rating{background:transparent!important;overflow:hidden!important; padding: 5px 10px 0 0;} .rating-cancel { display: none !important;} input, textarea, select { border: 1px solid #d3bcd3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* Form Error */ .form input.error, .form textarea.error { border: 1px solid #990000; } .form .row div.errorMessage { color: #900; display: inline-block; padding-top: 3px;} .errorIcon, .successIcon { display: inline-block; margin: 5px 0 0 8px; width: 16px; height: 16px; vertical-align: top;} .errorIcon { background: url('../images/error.png') no-repeat center left;} .successIcon { background: url('../images/tick.png') no-repeat center left;} h1 { line-height: 40px; padding: 0px; } /****************************************************************************** * Time Picker Plugin Styles *******************************************************************************/ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; } .ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div { font-size: .9em;} #selectedProduct { margin: 10px auto; } /* AMENDS */ .panes .dk_container { width: 353px; height: 39px; font-size: 1.6em;} .panes .dk_container .dk_toggle { width: 341px !important; padding: 12px 5px;} .dk_toggle, .dk_container { -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } ul.dk_options_inner { margin: 0; z-index: 9999;} ul.dk_options_inner li { padding: 0;} /* Plane */ #dk_container_quoteAirportCode, #dk_container_quoteAirportHotelCode, #dk_container_quoteAirportHotelParkCode, .form .airport { background: url('../images/plane.png') no-repeat #fff center right; position: relative; z-index: 99999; } /* Port */ #dk_container_quotePortCode, .form .port { background: url('../images/port.png') no-repeat #fff center right;} /* Time */ #dk_container_dropOffTime, #dk_container_strToTimeFieldID, #dk_container_portStrToTimeFieldID, #dk_container_portDropOffTime, .form .time { background: url('../images/clock.png') no-repeat #fff center right;} /* Discount Code */ input#discount, input#portDiscount, .form .discount { background: url('../images/code.png') no-repeat #fff center right;} /* Date */ #parkingSearchFrom, #parkingSearchTo, #airportHotelsSearchFrom, #airportHotelsSearchTo, #parkingAndHotelsSearchFrom, #parkingAndHotelsSearchTo, #portParkingSearchTo, #portParkingSearchFrom, .form .date { background: url('../images/calendar.png') no-repeat #fff center right; cursor: pointer;} /* Room */ #dk_container_airportHotelRoomType, #dk_container_airportHotelParkRoomType, .form .room { background: url('../images/room.png') no-repeat #fff center right;} .socialMedia { list-style: none; margin: 0; padding: 0; width: 100%; overflow: hidden;} .socialMedia li { display: inline; float: left; padding: 0; margin-right: 10px;} .pressReleases, .downloadBio { list-style: none; margin: 0; padding: 0;} .pressReleases li, .downloadBio li { padding: 5px 0 5px 24px; background: url('../images/icons/file-word.png') no-repeat center left;} .photoGallery { list-style: none; margin: 0; padding: 0; width: 100%; overflow: hidden; margin-left: -10px; margin-right: -10px;} .photoGallery li { float: left; display: inline; margin: 0 0 10px 10px} .photoGallery li img { width: 179px;} /*------------------------------------ Colorbox ------------------------------------*/ /* ColorBox Core Style*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Colorbox Skin */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin-top:20px;} #cboxLoadedContent{background:#fff; padding:5px;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious.hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;} #cboxNext.hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/colorbox/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;} #cboxClose.hover{background-position:bottom center;} /** * Default DropKick theme * * Feel free to edit the default theme * or even add your own. * * See the readme for themeing help * */ /***** Begin Theme, feel free to edit in here! ******/ /* One container to bind them... */ .dk_container { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -o-linear-gradient(top, #fff, #f5f5f5); background-color: #f5f5f5; font-family: 'Helvetica', Arial, sans-serif; line-height: 14px;} .dk_container:focus { outline: 0; } .dk_container a { cursor: pointer; text-decoration: none; } /* Opens the dropdown and holds the menu label */ .dk_toggle { /** * Help: Arrow image not appearing * Try updating this property to your correct dk_arrows.png path */ background-image: url('images/dk_arrows.png'); background-repeat: no-repeat; background-position: 90% center; border: 1px solid #ccc; color: #333; padding: 7px 45px 7px 10px; text-shadow: #fff 1px 1px 0; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -o-transition: border-color .5s; transition: border-color .5s; } .dk_toggle:hover { border-color: #8c8c8c; text-decoration: none;} /* Applied when the dropdown is focused */ /* Applied whenever the dropdown is open */ /** * Help: Dropdown menu is covered by something * Try setting this value higher */ z-index: 9999; } /*.dk_open .dk_toggle { background-color: #ececec; border-color: #8c8c8c; color: #ccc; box-shadow: inset 0 -2px 5px #ccc; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }*/ /* The outer container of the options */ .dk_options { box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .dk_options a { background-color: #fff; border-bottom: 1px solid #999; padding: 8px 10px; font-size: 14px;} .dk_options li:last-child a { border-bottom: none; } .dk_options a:hover { background-color: #e3dfe7; text-decoration: none;} .dk_option_current a { background-color: #594471 !important; border-bottom-color: #fff; color: #fff !important; text-shadow: rgba(0, 0, 0, .5) 0 1px 0; } /* Inner container for options, this is what makes the scrollbar possible. */ .dk_options_inner { border: 1px solid #8c8c8e; border-bottom-width: 2px; border-bottom-color: #999; color: #333; max-height: 250px; text-shadow: #fff 0 1px 0; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} /* Set a max-height on the options inner */ .dk_options_inner, .dk_touch .dk_options { max-height: 260px; } /****** End Theme ******/ /***** Critical to the continued enjoyment of working dropdowns ******/ .dk_container { display: none; float: left; position: relative; } .dk_container a { outline: 0; } .dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; } .dk_open { position: relative; } .dk_open .dk_options { display: block; } .dk_open .dk_label { color: inherit; } .dk_options { display: none; margin-top: -1px; position: absolute; right: 0; width: 100%; z-index: 99999;} .dk_options a, .dk_options a:link, .dk_options a:visited { display: block; } .dk_options_inner { overflow: auto; position: relative; } .dk_touch .dk_options { overflow: hidden; } .dk_touch .dk_options_inner { max-height: none; overflow: visible; } /*.dk_fouc select { position: relative; top: -99999em; visibility: hidden; }*/ /***** End Critical to the continued enjoyment of working dropdowns ******/ body.home #header, body.landing #header { background: #fff; border-bottom: 8px solid #EEE; height: 184px;} body.home #header .wrapper, body.landing #header .wrapper { position: relative; height: 143px;} body.blog .sidebar h3 { padding-left: 15px; } body.blog .sidebar ul.listNav { list-style: none; } body.blog .sidebar ul.listNav li { padding: 5px 0px; } ul.listNav li a, ul.listNav li { color: #000; } /* TEMP to be organised after*/ .panel.withSidebar .sidebar .section, .panel.withSidebar .content { overflow: visible !important;}