/* ----------------------------------------------------------------------------------------------------------------------- */ /* GENERAL */ * { margin: 0; padding: 0; } body { width: 100%; background: #FFF url('../images/bg.jpg') top repeat-x; } body.sub { width: 100%; background: #FFF url('../images/bg-static.jpg') top repeat-x; } .main { width: 981px; min-width: 981px; margin: 0px auto; } .clearfix { width: 97%; clear: both; } .no_marg { margin: 0px!important; } .no_pad { padding: 0px!important; } .no_bord { border: 0!important; } .no_bg { background: 0!important; } .top_pad { padding: 15px 0 15px 0; } .bottom_pad { padding: 0px 0 15px 0; } #atffc { display:none; } /* ------------------------------------------------------------------------------------------------------------------------- */ /* HEADER SECTION - logo, menu, login, etc */ .head { width: 981px; float: left; position: relative; z-index: 1001; } /* small nav */ ul.smallnav { width: 980px; float: left; list-style-type: none; } ul.smallnav li.welcome { width: 616px; float: left; padding: 3px 0 0 0; } ul.smallnav li { float: left; padding: 3px 0px 0px 24px; } /* logo */ .logo { width: 372px; height: 59px; margin: 20px 0px 0px 0px; float: left; background: url('../images/logo.gif'); } /* login */ .loginblock { margin: 42px 0px 0px 0px; width: 166px; height: 26px; float: right; left: 814px; } .loginblock p.login { width: 62px; height: 26px; padding: 5px 0 0 0; float: left; } .loginblock p.signup a { width: 103px; height: 26px; float: left; padding: 5px 0 0 0; background: url('../images/btn-signup.gif') no-repeat; } /* main nav */ ul.nav { width: 980px; height: 40px; float: left; margin: 10px 0 0 0; list-style-type: none; background: url('../images/bg-menu.jpg') 0 -40px no-repeat; } ul.nav li { float: left; } ul.nav li a { height: 40px; display: block; background: url('../images/bg-menu.jpg') no-repeat; } ul.nav li.home a { width: 87px; background-position: 0 -40px; } ul.nav li.home a:hover, ul.nav li.home a.selected { width: 87px; background-position: 0 0px; } ul.nav li.feature a { width: 105px; background-position: -87px -40px; } ul.nav li.feature a:hover, ul.nav li.feature a.selected { width: 105px; background-position: -87px 0px; } ul.nav li.price a { width: 94px; background-position: -192px -40px; } ul.nav li.price a:hover, ul.nav li.price a.selected { width: 94px; background-position: -192px 0px; } ul.nav li.order a { width: 123px; background-position: -680px -40px; } ul.nav li.order a:hover, ul.nav li.order a.selected { width: 123px; background-position: -680px 0px; } ul.nav li.partners a { width: 100px; background-position: -286px -40px; } ul.nav li.partners a:hover, ul.nav li.partners a.selected { width: 100px; background-position: -286px 0px; } ul.nav li.support a { width: 102px; background-position: -446px -40px; } ul.nav li.support a:hover, ul.nav li.support a.selected { width: 102px; background-position: -446px 0px; } ul.nav li.testimonials a { width: 132px; background-position: -548px -40px; } ul.nav li.testimonials a:hover, ul.nav li.testimonials a.selected { width: 132px; background-position: -548px 0px; } ul.nav li.contact a { width: 123px; background-position: -680px -40px; } ul.nav li.contact a:hover, ul.nav li.contact a.selected { width: 123px; background-position: -680px 0px; } /* banners */ .banner { width: 980px; height: 309px; float: left; position: relative; } .banner_home { width: 1085px; height: 89px; position: absolute; top: 0px; right: -110px; margin: 0px; padding:220px 0 0 30px; background: url('../images/banners/home1.jpg') no-repeat; } .bannerstatic { width: 980px; height: 123px; float: left; position: relative; } .banner_about { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/about.jpg'); } .banner_downloads { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/downloads.jpg'); } .banner_faq { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/faqs.jpg'); } .banner_pricing { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/pricing.jpg'); } .banner_contact { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/contact.jpg'); } .banner_features { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/features.jpg'); } .banner_testimonials { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/testimonials.jpg'); } .banner_support { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/support.jpg'); } .banner_sitemap { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/sitemap.jpg'); } .banner_terms { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/terms.jpg'); } .banner_partners { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/partners.jpg'); } .banner_register { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/register.jpg'); } .banner_order { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/order.jpg'); } .banner_blog { width: 320px; height: 80px; padding: 44px 0 0 795px; position: absolute; top: 0px; background: url('../images/banners/blog.jpg'); } /* Location info - you are here... */ .location { width: 980px; height: 43px; float: left; border-bottom: 1px solid #DBDBDB; } p.location_info { width: 880px; padding: 15px 0px 0px 0px; margin: 0px; float: left; } p.print a { width: 79px; padding: 15px 0px 15px 15px; float: left; text-align: right; background: url('../images/icon-print.gif') no-repeat 25px; } /*Buttons in main banner*/ a.btn-find { width:161px; height:35px; display:block; background: url('../images/btn-find-out-more.gif') no-repeat; float:left; margin:0 24px 0 0; } a.btn-order { width:161px; height:35px; display:block; background: url('../images/btn-order-now.gif') no-repeat; float:left; } /* ------------------------------------------------------------------------------------------------------------------------- */ /* MAIN CONTENT SECTION */ .content { width: 980px; float: left; padding: 30px 0px 39px 0px; overflow: hidden; } .content h1 { padding: 0px 0px 23px 0px; } .content p { width: 980px; } .content p.intro { padding: 0px 0px 30px 0px; } .content p.static { width: 981px; padding: 0px 0px 20px 0px; } /* home page */ .highlight_block { width: 1016px; float: left; } .highlight_block_item { width: 425px; float: left; } .highlight_block_item p { width: 254px; float: left; } .highlight_block_item h2 { width: 221px; border-bottom: 1px solid #ccc; padding: 0px 0px 13px 0px; margin: 0px 0px 16px 0px; } .highlight_block_item ul { list-style-type: none; padding: 0px 0px 25px 0px; } .highlight_block_item ul li { padding: 0px 0px 0px 13px; background: url('../images/bullet-plus.gif') left no-repeat; } /* about page */ .fields { width: 981px; float: left; padding: 9px 0px 5px 35px; } .fields ul { width: 364px; float: left; list-style-type: none; } .fields ul li { padding: 0px 0px 0px 25px; background: url('../images/bullet-tick.gif') no-repeat; } /* faq page */ .content p.answer { padding: 18px 0px; } /* pricing page */ table { float: right; width: 979px; border-collapse: collapse; } table th, table td { border-width: 1px; border-style: inset; border-color: #E1E1E1; } table td { padding: 0px 0px 0px 20px; } table.pricing { background: url('../images/pricing/bg-table.jpg') no-repeat; } table.pricing tr.priceitem { height: 35px; } table.pricing th.packages { width: 194px; height: 59px; border-bottom: 1px solid transparent!important; background: url('../images/pricing/bg-title-packages.jpg'); } table.pricing th.title { width: 175px; height: 59px; padding: 0px 0px 0px 20px; background: url('../images/pricing/bg-title-grey.jpg'); } table.pricing td.pricedefinition { border-bottom: 1px solid transparent!important; border-top: 1px solid transparent!important; } /* pricing and contact form */ .generic_form { width: 951px; float: left; border: 1px solid #e1e1e1; border-top: 0px; background: #F7F7F9; padding: 0px 0px 0px 27px; } .generic_border { border: 1px solid #e1e1e1; } .generic_padding { padding: 30px 0px 0px 0px; } .generic_form_left { width: 377px; float: left; } .generic_form_left p { width: 377px; float: left; padding: 0px 0px 24px 0px;} .generic_form_left p.small { width: 377px; float: left; padding: 0px 0px 5px 0px;} .generic_form_left p label { width: 100px; line-height: 28px; float: left; font-size: 14px; color: #003366; } .generic_form_left p label.long { width: 290px; float: left; font-size: 14px; color: #003366; } .generic_form_left p input { width: 235px; height: 18px; float: left; padding: 5px; border: 1px solid #e5e5e5; font-size: 12px; color: #333;} .generic_form_left p select { width: 245px; float: left; padding: 5px; border: 1px solid #e5e5e5; font-size: 12px; color: #333;} .generic_form_left p textarea { width: 330px; height: 50px; padding: 6px; float: left; border: 1px solid #e5e5e5; font-size: 12px; color: #333; } .generic_form_right { width: 542px; float: left; } .generic_form_right p { width: 542px; float: left; padding: 0px 0px 10px 0px; } .generic_form_right p label { width: 326px; margin: 15px 0px 0px 0px; float: left; font-size: 14px; color: #003366; } .generic_form_right p label.checkboxes { width: 126px; margin: 15px 0px 0px 0px; float: left; font-size: 14px!important; color: #003366; } .generic_form_right p label.spam { width: 326px; margin: 0px 0px 0px 0px; padding: 15px 0 0px 0; float: left; font-size: 14px; color: #003366; } .generic_form_right p input { width: 106px; height: 23px; float: left; background: #fff; border: 1px solid #e5e5e5; font-size: 12px; color: #333; margin: 10px 0px 0px 0px; padding: 4px 5px 0 5px;} .generic_form_right p input.checkbox { width: 15px; float: left; border: none; color: #333; margin: 10px 15px 0px 15px; } .generic_form_right p.submit { width: 542px; float: left; } .generic_form_right p.submit input.submitbtn { width: 141px; height: 36px; float: right; background: url('../images/pricing/btn-submit-form.jpg') no-repeat; border: 0px; cursor: pointer; } .generic_form_right p.submit input.clearbtn { width: 131px; height: 36px; float: right; background: url('../images/pricing/btn-clear-form.jpg') no-repeat; border: 0px; cursor: pointer; } .generic_form_right p textarea { width: 530px; height: 280px; padding: 6px; float: left; border: 1px solid #e5e5e5; font-size: 12px; color: #333; } .generic_form_right p textarea.short { width: 530px; height: 50px; padding: 6px; float: left; border: 1px solid #e5e5e5; font-size: 12px; color: #333; } .generic_form_right p span.spamcode { width: 56px; float: left; font-size: 12px; color: #000; margin: 0px 0px 0px 42px; display: inline; } /* features page */ .feature_screenshot { position: absolute; width: 299px; height: 227px; top: 0px; left: 681px; background: url('../images/features/screenshot.jpg') } .features { width : 980px; float: left;} .feature_item { width: 220px; float: left; padding: 0px 25px 0px 0px; } .feature_item a { display:block; margin:14px 0 0 0; background:url('../images/read-more-arrow.gif') 68px 164px no-repeat;} * html .feature_item a { display:block; margin:14px 0 0 0; background:url('../images/read-more-arrow.gif') 68px 10px no-repeat;} * + html .feature_item a { display:block; margin:14px 0 0 0; background:url('../images/read-more-arrow.gif') 68px 80px no-repeat;} .feature_item p.heading { width: 200px; float: left; padding: 34px 0px 10px 45px; } .feature_item .creditcard { background: url('../images/features/icon-credit-cards.gif') 0px 40px no-repeat; } .feature_item .availability { background: url('../images/features/icon-availability-calendar.gif') 0px 40px no-repeat;} .feature_item .bookings { background: url('../images/features/icon-bookings.gif') 0px 40px no-repeat;} .feature_item .guestreporting { background: url('../images/features/icon-guest-report.gif') 0px 40px no-repeat;} .feature_item .guestbook { background: url('../images/features/icon-guest-book.gif') 0px 40px no-repeat;} .feature_item .ratesystem { background: url('../images/features/icon-rates.gif') 0px 40px no-repeat;} .feature_item .policies { background: url('../images/features/icon-policies.gif') 0px 40px no-repeat;} .feature_item .depositrules { background: url('../images/features/icon-deposit-rules.gif') 0px 40px no-repeat;} .feature_item .watchlist { background: url('../images/features/icon-watchlist.gif') 0px 40px no-repeat;} .feature_item .synch { background: url('../images/features/icon-synch.gif') 0px 40px no-repeat;} .features_left { width: 220px; float: left; } .features_left li { width:182px; height:27px; display:block; background: url('../images/features/bg-list-item.jpg') no-repeat; padding:8px 0 0 39px; } .features_left li.selected { width:201px; background: url('../images/features/bg-list-item-selected.jpg') no-repeat; padding:8px 0 0 22px; } .features_left li.selected span.availability { background: url('../images/icons/icon_availability.gif') no-repeat; display:block; width:16px; height:16px; float:left; margin:0 12px 0 0; } .features_left li.selected span.bookings { background: url('../images/icons/icon_bookings.gif') no-repeat; display:block; width:16px; height:16px; float:left; margin:0 12px 0 0; } .features_left li.selected span.children { background: url('../images/icons/icon_children.gif') no-repeat; display:block; width:16px; height:16px; float:left; margin:0 12px 0 0; } .features_left li.selected span.creditcard { background: url('../images/icons/icon_creditcard.gif') no-repeat; display:block; width:16px; height:16px; float:left; margin:0 12px 0 0; } .features_left li.selected span.deposit { background: url('../images/icons/icon_deposit.gif') no-repeat; display:block; width:16px; height:16px; float:left; margin:0 12px 0 0; } .features_left li.selected span.dynamic { background: url('../images/icons/icon_dynamic.gif') no-repeat; display:block; width:16px; height:16px; float:left; margin:0 12px 0 0; } .features_left li.selected span.guestbook { background: url('../images/icons/icon_guestbook.gif') no-repeat; display:block; width:16px; height:16px; float:left; margin:0 12px 0 0; } .features_left li.selected span.guestreport { background: url('../images/icons/icon_guestreport.gif') no-repeat; display:block; width:16px; height:16px; float:left; margin:0 12px 0 0; } .features_left li.selected span.policy { background: url('../images/icons/icon_policy.gif') no-repeat; display:block; width:16px; height:16px; float:left; margin:0 12px 0 0; } .features_left li.selected span.watchlist { background: url('../images/icons/icon_watchlist.gif') no-repeat; display:block; width:16px; height:16px; float:left; margin:0 12px 0 0; } .features_left li.selected span.sync { background: url('../images/icons/icon_sync.gif') no-repeat; display:block; width:16px; height:16px; float:left; margin:0 12px 0 0; } .features_left li.quick_nav { width:203px; height:30px; display:block; padding:12px 0 0 18px; background: url('../images/features/bg-quick-nav.jpg') no-repeat; } .features_left .overview { width:201px; height:26px; display:block; padding:8px 0 0 18px; border:1px solid #E1E1E1; background:#fff!important;} .features_left .acc_tools { width:201px; height:26px; display:block; padding:8px 0 0 18px; background: url('../images/features/bg-blue-nav.jpg') no-repeat; border-bottom:1px solid #E1E1E1; border-right:1px solid #E1E1E1; border-left:1px solid #E1E1E1;} .features_left .fact_sheet { width:203px; height:28px; display:block; background: url('../images/features/bg-last.jpg') no-repeat; border:none; position:relative; top:-1px;} .features_left .bottom{ width:203px; height:9px; display:block; background: url('../images/features/bg-bottom.jpg') no-repeat; border:none; position:relative; top:0;} .features_left .fact_sheet2 { width:203px; height:28px; display:block; padding:8px 0 0 18px; background: url('../images/features/bg-download-2.jpg') no-repeat; border:none; position:relative; top:-1px;} .features_right { width: 726px; float: right; } .features_right .features_heading { display:block; padding:0 0 5px 0; margin:0 0 25px 0; float:left; border-bottom:1px solid #DBDBDB; width:726px; } .features_right .features_text { width:370px; display:block; float:left; margin:0 20px 0 0;} .features_right .features_text ul { margin:10px 25px; } .features_right h1 { border-bottom:1px solid #DBDBDB; margin:0 0 20px 0; } .features_right h2 { display:block; margin:0 0 15px 0; padding:0 0 0 45px; background:url('../images/features/bg-icons.gif') no-repeat; } * html + .features_right h2 { display:block; margin:0 0 5px 0; padding:0 0 0 45px; background:url('../images/features/bg-icons.gif') no-repeat; } .features_right h2.availability { line-height:32px; background-position:1px 3px;} .features_right h2.creditcard { line-height:32px; background-position:1px -30px;} .features_right h2.bookings { line-height:32px; background-position:1px -68px;} .features_right h2.guest_reporting { line-height:32px; background-position:1px -108px;} .features_right h2.guest_book { line-height:32px; background-position:1px -145px;} .features_right h2.dynamic { line-height:32px; background-position:1px -188px;} .features_right h2.policy { line-height:32px; background-position:1px -228px;} .features_right h2.children { line-height:32px; background-position:1px -270px;} .features_right h2.deposit { line-height:32px; background-position:1px -310px;} .features_right h2.watch_list { line-height:32px; background-position:1px -353px;} .features_right h2.sync { line-height:32px; background-position:1px -392px;} .features_right .screen_shot { float:left; margin:-44px 0 0 0; } .features_right .tool_tray { float:left; } .features_right .tool_tray .tool_item { float:left; width:222px; display:block; padding:0 0 25px 0; margin:0 30px 0 0; } * html .features_right .tool_tray .tool_item { float:left; width:220px; display:inline; margin:0 22px 10px 0;} .features_right .tool_tray .no-margin { margin:0; } .features_right .tool_tray .tool_item a { display:block; margin:14px 0 0 0; background:url('../images/read-more-arrow.gif') 68px 8px no-repeat;} .features_right .tool_tray .tool_item h3 { float:left; padding:0 0 10px 0;} .features_right .tool_tray .tool_item span { float:left; padding:0 20px 0 0; } .features_right .tool_tray .tool_item p { display:block; clear:left; width:100%; border-top:1px solid #DBDBDB; padding:10px 0 0 0;} p.bordertop { width: 220px; padding: 15px 0px 15px 0px; border-top: 1px solid #ccc; float: left; } /* support page */ ul.support { padding: 15px 0px 0px 0px; } /* sitemap */ ul.container { width: 490px; float: left; list-style-type: none; } ul.container li a { padding: 0px 0px 0px 25px; background: url('../images/bullet-tick.gif') no-repeat; } ul.container li.heading { font-size: 14px; color: #003366; padding: 0px 0px 15px 0px; } .readmore { width: 96px; height: 24px; background: url('../images/btn-readmore.jpg') no-repeat; display: block; } .readmore:hover { background-position: 0 -24px; } div.partner_container { float:left; display:block; margin:0 0 20px 0; } div.partner_container .partner_logo { float:left; display:block; margin:0 20px 0 0; } div.partner_container .partner_text { float:left; display:block; width:760px; padding:5px 0 0 0; } div.partner_container .partner_text span.partner_title { color:#032C5B; font-size:14px; } div.partner_container .partner_text a.read_more { display:block; margin:10px 0 0 0; background:url('../images/read-more-arrow.gif') 100px 8px no-repeat;} /* buttons */ ul.buttons { list-style-type:disc; padding:0 0 10px 25px;} .content p.buttons { padding:0 0 10px 0!important; } /* ------------------------------------------------------------------------------------------------------------------------- */ /* SOCIAL AREA */ .socialcontent { width: 950px; height: 85px; padding: 26px 0px 0px 30px; margin: 0px 0px 20px 0px; float: left; background: #F6F6F7 url('../images/social-bg.gif') no-repeat; } .emailblock { width: 425px; float: left; } .emailblock p { line-height: 48px; float: left; } .emailblock p label { width: 113px; line-height: 30px; float: left; font-size: 18px; color: #003366; } .emailblock div.bg { width: 288px; height: 30px; float: left; padding: 0; background: url('../images/bg-input.jpg') no-repeat; } .emailblock div.bg input.email { width: 182px; height: 20px; float: left; margin: 6px 10px; padding: 0; display: inline; } * html .emailblock div.bg input.email { margin: 2px 6px 0 10px; } .emailblock div.bg input.submit { margin: 3px 0 0 0; } .sociallinks { width: 281px; float: left; padding: 0px 0px 0px 15px; } ul.sociallinks { width: 259px; list-style-type: none; float: left; } ul.sociallinks li { width: 85px; float: left; } ul.sociallinks li a { width: 75px; float: left; padding: 0 5px; display: block; } ul.followlinks { width: 206px; padding: 0px 0px 0px 25px; float: left; list-style-type: none; } ul.followlinks li.facebook a { width: 153px; padding: 0px 0px 8px 38px; display: block; background: url('../images/icon-facebook.gif') no-repeat; } ul.followlinks li.rss a { width: 153px; padding: 0px 0px 0px 38px; display: block; background: url('../images/icon-rss.gif') no-repeat; } .partners_box { width: 980px; height: 197px; float: left; background: url('../images/partners-box.gif'); margin: 0 0 25px 0; } .partners_box p.blue { float: left; line-height: 43px; margin: 0 0 0 19px; } .partners_box p.grey { float: right; line-height: 43px; padding: 0 23px 0 0; } .partners_box ul { width: 980px; list-style-type: none; float: left; } .partners_box ul li { text-align: center; height: 153px; } .partners_box ul li.sav { width: 326px; float: left; background: url('/images/logo-sa-venues.jpg') no-repeat center; } .partners_box ul li.wts { width: 300px; float: left; background: url('/images/logo-wheretostay.jpg') no-repeat center; } .partners_box ul li.mam { width: 326px; float: right; background: url('/images/logo-mammoth.jpg') no-repeat center; } .partners_box ul li a { width: 325px; float: left; padding: 124px 0 0 0; } /* ------------------------------------------------------------------------------------------------------------------------- */ /* GO TO & BOOKMARK */ ul.goto { width: 980px; height: 55px; padding: 0px 0px 0px 0px; float: left; list-style-type: none; } ul.goto li.gototop { width: 820px; float: left; padding: 0px 0px 0px 31px; background: url('../images/arrow-go-to-top.gif') no-repeat; } ul.goto li.share { width: 125px; float: left; background: url('../images/btn-share.jpg'); } /* ------------------------------------------------------------------------------------------------------------------------- */ /* FOOTER */ .footer { width: 100%; height: 31px; float: left; background: url('../images/bg-footer.jpg') repeat-x; } .footercontent { width: 981px; margin: 0px auto; padding: 6px 0px 0px 0px; } .footercontent ul { width: 980px; float: left; list-style-type: none; } .footercontent ul li.smalllogo { width: 29px; height: 22px; float: left; background: url('../images/icon-staysys.gif') top left no-repeat; } .footercontent ul li.copyright { width: 197px; float: left; } .footercontent ul li.link { float: left; padding: 0px 0px 0px 6px; } .footercontent ul li.mammoth { float: right; } /* ------------------------------------------------------------------------------------------------------------------------- */ /* DROPIN */ .dropin_container {position:absolute; visibility:hidden; margin: 0 0 0 200px; height:250px; background:#FFFFFF; width:500px; padding:20px; text-align:center; border: 10px solid #0242c9; z-index:2000; } .dropin_container a { position:absolute; bottom:20px; left:240px; } /* ------------------------------------------------------------------------------------------------------------------------- */ /* BLOG */ .entry p img { float:left; margin:5px 21px 0 0; } .entry p { margin:0 0 10px 0; }