/* -------------------------------------------- Layout Stylesheet for Loyaltybuild: airmiles Version: 1.1 Author: Cormac Cullinan Company: Loyaltybuild This stylesheet is for formatting the search area /************************** Content (includes all search results)*/ #search_content {padding: 0px; margin: 5px 0px 10px 0px; float: right; width: 625px; font-size: 85%; } /* fakir */ #voucher_container{ position: relative; border: solid 1px #dddddd; height: 486px; } #voucher_background{ width: 623px; height:486px; position:absolute; z-index:-8000; } #voucher_recipient{ position:absolute; top: 10px; left: 400px; width:150px; font:Arial, Helvetica, sans-serif; font-size:10px; text-align: left; font-size: 85%; padding: 0px 80px 10px 0px; } #recipient_name {} #voucher_occasion {} #voucher_message{ width:50px;} #voucher_description{ position: absolute; top: 120px; left: 0px; z-index: 20000; font: Arial, Helvetica, sans-serif; font-size:10px; text-align: center; font-size: 85%; padding: 10px; margin: 0px 10px 10px 10px } #voucher_title{ position:relative; top: 10px; left: 0px; z-index: 20000; margin-bottom:12px; font-size:16px; font-weight:bold;} #voucher_description_text { width:95%;margin-bottom:12px; font-size:12px; font-weight:bold;} #howtobook_title { text-transform:uppercase; font-weight:bold; font-size:12px;} #howtobook_text {font-size:10px; width:95%; text-align:left; margin-bottom:12px;} #termsandconditions_title{text-transform:uppercase; font-weight:bold; font-size:12px;} #termsandconditions_text{ font-size:8px; width:95%; text-align:left;} #voucher_security{ position:absolute; top: 380px; left: 20px; font:Arial, Helvetica, sans-serif; font-size:8px; line-height: 120%; text-align: left; font-size: 75%; padding: 0px 10px 10px 80px; } #security_title {} #voucher_code { font-weight:normal; font-size:10px;} #book_title{ position:relative; top: 10px; left: 0px; z-index: 20000} #tc_title{ position:relative; top: 11px; left: 0px; z-index: 20000} /************************** Voucher Print Page css End*/ /************************** Select Available Locations Profile page */ /*Index (number of pages & links)*/ #search_content .index_top {background-color: #ffffff; color: #333333; margin-bottom: 5px; text-align: right; padding: 0px 10px 2px 10px;} #search_content .index_btm{background-color: #ffffff; color: #333333; margin-bottom: 5px; text-align: right; padding: 0px 10px 2px 10px;} #search_content .index_top a:hover {text-decoration: none;} #search_content .index_nav {background: #f1f1f1; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; color: #333; margin-bottom: 5px; text-align: right; padding: 3px 5px 3px 5px; font-size: 90%;} /*top & bottom links without backgroun color*/ #search_content .pad {clear: both; text-align: center;} #search_content .pad img {border: 0px;} #search_content .pad a {margin-right: 10px; margin-left: 10px;text-decoration: none;} #search_content .pad a:hover {text-decoration: underline; color: #93162a; background: #e7c0c7} /*Results Table (one per result)*/ #search_content .result {width: 625px; border: solid 1px #cccccc; border-top: 0px; margin: 0px 0px 5px 0px;} #search_content .result h4 {margin: 5px 0px 0px 0px; font-size: 120%;} #search_content .result h4 a {color: #93162a; text-decoration: none;} #search_content .result h4 a:hover {color: #93162a; text-decoration: underline;} #search_content .result p {margin: 5px 0px 5px 0px;} #search_content .result td {vertical-align:top} #search_content .result .location_pic {margin: 5px; border: solid 1px #ffffff;} #search_content .result .icon {float: right; border: solid 1px #ffffff; margin: 2px 5px 2px 5px;} .threestar {height: 33px; color: #93162a; text-transform:uppercase; margin: 0px; padding: 7px 0px 5px 35px; background: url(../images/h3main-part-bg2lines.gif) no-repeat top left;} .threestar h3 {color: #93162a; font-size: 100%; margin: 0; padding: 0;} .threestar p{color: #93162a; font-size: 90%; margin: 0; padding: 0; text-transform: none;} .fourstar{height: 33px; color: #93162a; text-transform:uppercase; margin: 0px; padding: 7px 0px 5px 35px; background: url(../images/h3main-part-bg2lines.gif) no-repeat top left;} .fourstar h3 {color: #93162a; font-size: 100%; margin: 0; padding: 0;} .fourstar p{color: #93162a; font-size: 90%; margin: 0; padding: 0; text-transform: none;} /*button 1*/ #search_content .btn_01 {margin: 5px 0px 0px 0px; padding: 0px; font-size:11px; display: inline;} #search_content .btn_01 a {background-image:url(../images/buttons/search_button_06.gif); background-repeat:no-repeat; background-position: top; color: #505356; font-weight: bold; text-transform:uppercase; text-decoration: none; padding: 12px 0px 12px 0px; display: block; text-align: center; margin: 0% auto; color: #ffffff;} #search_content .btn_01 a:hover { background-position: bottom; text-decoration: underline;} #search_content .btn_01 a img {border: 0px;} /********** IMPORTANT **********/ /* -- button 100 - Look and Book Button -- --> Change display from none to inline to show this button -- --> Change display from inline to none to hide this button */ #search_content .btn_100 {margin: 5px 0px 0px 0px; padding: 0px; font-size:11px; display: inline;} #search_content .btn_100 a {background-image:url(../images/buttons/search_button_06.gif); background-repeat:no-repeat; background-position: top; color: #505356; font-weight: bold; text-transform:uppercase; text-decoration: none; padding: 12px 0px 12px 0px; display: block; text-align: center; margin: 0% auto; color: #ffffff;} #search_content .btn_100 a:hover { background-position: bottom; text-decoration: underline;} #search_content .btn_100 a img {border: 0px;} /* -- button 200 - Book Now Button -- --> Change display to none to inline to show this button -- --> Change display to inline to none to hide this button */ #search_content .btn_200 {margin: 5px 0px 0px 0px; padding: 0px; font-size:11px; display: none;} #search_content .btn_200 a {background-image:url(../images/buttons/search_button_06.gif); background-repeat:no-repeat; background-position: top; color: #505356; font-weight: bold; text-transform:uppercase; text-decoration: none; padding: 12px 0px 12px 0px; display: block; text-align: center; margin: 0% auto; color: #ffffff;} #search_content .btn_200 a:hover { background-position: bottom; text-decoration: underline;} #search_content .btn_200 a img {border: 0px;} /* provider_IntroLink - Book Now Button -- --> Change display to none to run-in to show this button -- --> Change display to run-in to none to hide this button */ #search_content .provider_IntroLink {display:none;} /*Hotel results*/ #search_content .price_01 {width: 138px; background-color: #64a11e; padding: 3px 1px; margin: 0px 4px 1px 0px; font-size: 80%; color: #ffffff; text-align: center; border: solid 1px #ffffff;} #search_content .euro {font-size: 160%; font-weight: bold;} #search_content .icons {} #search_content .icons img {margin: 1px 3px 0px 0px; border: solid 1px #ffffff;} /*Hotel Info*/ #search_content .btn_02 a {display: block; width: 148px; height: 23px; float: right; background: url(../images/buttons/search_button_07.gif) no-repeat top; text-transform:uppercase; color: #ffffff; font-weight: bold; padding-top: 10px; text-decoration: none; margin: 0px 5px 0px 0px; text-align: center; } #search_content .btn_02 a:hover {background-position: bottom; text-decoration: underline;} #search_content .btn_02 a img {border: 0px;} #search_content .btn_03 {text-align: right; margin: 0px 0px 5px 110px;} #search_content .btn_03 a {display: block; width: 148px; height: 24px; background: url(../images/buttons/search_button_08.gif) no-repeat top; text-transform:uppercase; color: #ffffff; font-weight: bold; padding-top: 10px; text-decoration: none; margin: 0px 5px 5px 0px; text-align: center; } #search_content .btn_03 a:hover {background-position: bottom; text-decoration: underline;} #search_content .btn_03 a img {border: 0px;} #search_content .btn_04 a {display: block; width: 148px; height: 24px; background: url(../images/buttons/search_button_08.gif) no-repeat top; text-transform:uppercase; color: #ffffff; font-weight: bold; padding-top: 10px; text-decoration: none; margin: 0px 5px 5px 0px; text-align: center; } #search_content .btn_04 a:hover {background-position: bottom; text-decoration: underline;} #search_content .btn_04 a img {border: 0px;} #search_content .btn_long a {display: block; width: 210px; background: url(../images/buttons/search_button_02.gif) no-repeat top; text-transform:uppercase; color: #ffffff; font-weight: bold; padding-top: 10px; text-decoration: none; margin: 0px 5px 5px 0px; text-align: center; } #search_content .btn_long a:hover {background-position: bottom; text-decoration: underline;} #search_content .btn_long a img {border: 0px;} #search_content .btn_long {margin: 5px 0px 0px 0px; padding: 0px; font-size:11px; display: inline;} #search_content .btn_long a {background-image:url(../images/buttons/search_button_02.gif); background-repeat:no-repeat; background-position: top; color: #505356; font-weight: bold; text-transform:uppercase; text-decoration: none; padding: 12px 0px 12px 0px; display: block; width: 240px; text-align: center; color: #ffffff;} #search_content .btn_long a:hover {background-position: bottom; text-decoration: underline;} #search_content .btn_long a img {border: 0px;} /************************** Select Available Locations List page */ #search_content .result_list .bgcolor_01 {border: solid 1px #c5d5e2; margin-bottom: 5px; padding-bottom: 3px;} #search_content .result_list .bgcolor_02 {border: solid 1px #c5d5e2; margin-bottom: 5px; padding-bottom: 3px;} #search_content .result_list h4 {font-size: 110%; padding: 8px 5px 8px 5px; margin: 0px;} #search_content .result_list h4 a {color: #505356; text-decoration: none;} #search_content .result_list .icon {float: right; border: solid 1px #ffffff; margin: 1px 5px 1px 5px;} /************************** Select Available Locations map page */ #search_content .mapright {background: url(../images/buttons/map_button.gif) no-repeat; width: 250px; height: 129px; text-align: left;} #search_content .mapright a{display: block; width: 130px; color: #64a11e; font-size: 120%; padding-top: 35px; margin-left: 10px; text-transform:uppercase; text-decoration: none } #search_content .mapright a img{ vertical-align:middle; border: 0;} #search_content .map {font-size: 120%; font-weight: bold; margin: 0px; padding: 0px;} #search_content .map img {margin: 0px; padding: 5px 5px 0px 0px; float: left;} #search_content .map p {padding: 5px; margin: 0px;} #search_content .google {margin: 0px; padding: 0px; margin: 0px;} #search_content .opt {clear: both; margin: 0px 0px 0px 0px;} #search_content .opt select {font-size: 80%; float: left;} #search_content .opt img {margin: -5px 0px 0px 0px;} #search_content .opt select {width:150px; margin: 10px 5px 0px 5px;} #map {float: right; border: solid 1px #000; margin: 0px 12px 20px 0px;} /************************** Campaign page */ .campaign {clear: both; margin: 0px; width: 625px;} .campaign h3{color: #93162a; font-size: 110%; text-transform:uppercase; margin: 10px 0px 2px 0px; padding: 7px 0px 5px 35px; background: url(../images/h3main-part-bg.gif) no-repeat top left;} .campaign h3.firstpage{color: #64a11e; background: none transparent; font-size: 130%; padding: 0; text-transform: none;} .campaign .details {color: #09356a; font-size: 140%; text-align: center;} .campaign .right img {border: solid 1px #f1f1f1; margin: 0px 0px 5px 0px;} .campaign .right {float: right; margin: 0px 0px 0px 10px; width: 252px;} .campaign table {border-collapse: collapse; border: solid 1px #000; background-color: #fff; width: 100%;} .campaign table .caption {background-color: #dddddd; text-align: center; padding: 10px 0px 10px 0px; font-weight: bold;} .campaign table th {padding: 5px; border-bottom: solid 1px #000;} .campaign table td {padding: 10px 5px 10px 5px; border-bottom: solid 1px #000;} .campaign p {width: 625x; line-height: 18px; margin: 10px 0px 10px 0px; padding: 0px; font-size: 100%;} .campaign ul.bullet {margin: 0px 0px 0px 20px; padding: 0px;} .campaign ul.bullet li {margin: 0px; padding: 0px;} .campaign .intro { width: 360px; margin: 10px 50px 10px 50px; padding: 0px 0px 0px 0px; width: 260px; text-align:center; font-weight: bold;} /************************** Campaign Voucher page */ .campaign_vouch {clear: both; margin: 0px; width: 905px;} .campaign_vouch h3{color: #93162a; font-size: 110%; text-transform:uppercase; margin: 10px 0px 2px 0px; padding: 7px 0px 5px 35px; background: url(../images/h3main-part-bg.gif) no-repeat top left;} .campaign_vouch h3.firstpage{color: #80151b; background: none transparent; font-size: 110%; padding: 0; text-transform: none;} .campaign_vouch .details {color: #09356a; font-size: 140%; text-align: center;} .campaign_vouch .right img {border: solid 1px #f1f1f1; margin: 0px 0px 5px 0px;} .campaign_vouch .right {float: right; margin: 0px 0px 0px 10px; width: 252px;} .campaign_vouch table {border-collapse: collapse; border: solid 1px #ddd; background-color: #fff; width: 100%;} .campaign_vouch table .caption {background-color: #dddddd; text-align: center; padding: 10px 0px 10px 0px; font-weight: bold;} .campaign_vouch table th {padding: 5px; border-bottom: solid 1px #f1f1f1;} .campaign_vouch table td {padding: 10px 5px 10px 5px; border-bottom: solid 1px #f1f1f1;} .campaign_vouch p {width: 625x; line-height: 18px; margin: 10px 0px 10px 0px; padding: 0px; font-size: 100%;} .campaign_vouch ul.bullet {margin: 0px 0px 0px 40px; padding: 0px;} .campaign_vouch ul.bullet li {margin: 0px; padding: 0px;} .campaign_vouch .intro { width: 360px; margin: 10px 50px 40px 0px; padding: 0px 0px 0px 0px; width: 550px; text-align:left; font-weight: normal;} /************************** All contant Campaign page */ #all_content .campaign {clear: both; margin: 0px; width: 905px;} #all_content .campaign h3{color: #93162a; font-size: 110%; text-transform:uppercase; margin: 10px 0px 2px 0px; padding: 7px 0px 5px 35px; background: url(../images/h3main-part-bg-big.gif) no-repeat top left;} #all_content .campaign .details {color: #09356a; font-size: 140%; text-align: center;} #all_content .campaign .right img {border: solid 1px #f1f1f1; margin: 0px 0px 5px 0px;} #all_content .campaign .right {float: right; margin: 0px 0px 0px 10px; width: 252px;} #all_content .campaign table {border-collapse: collapse; border: solid 1px #ddd; background-color: #fff; width: 600px} #all_content .campaign table .caption {background-color: #dddddd; text-align: center; padding: 10px 0px 10px 0px; font-weight: bold;} #all_content .campaign table th {padding: 5px; border-bottom: solid 1px #f1f1f1;} #all_content .campaign table td {padding: 10px 5px 10px 5px; border-bottom: solid 1px #f1f1f1;} #all_content .campaign p {line-height: 18px; margin: 10px 0px 10px 0px; padding: 0px; font-size: 100%;} #all_content .campaign p.prise {background: #f7eaec; padding: 5px;} #all_content .campaign ul.bullet {margin: 0px 0px 0px 20px; padding: 0px;} #all_content .campaign ul.bullet li {margin: 0px; padding: 0px;} #all_content .campaign .intro { width: 360px; margin: 10px 50px 10px 50px; padding: 0px 0px 0px 0px; width: 260px; text-align:center; font-weight: bold;} /************************** Hotel page */ #search_content .hotel_intro h3{color: #93162a; font-size: 110%; text-transform:uppercase; margin: 10px 0px 15px 0px; padding: 7px 0px 5px 35px; background: url(../images/h3main-part-bg.gif) no-repeat top left; float: left; width: 100%;} #search_content .hotel_intro h3 span{text-transform: none; font-size: 80%; font-weight: normal; text-align: right; float: right; margin-right: 5px; color: #333;} #search_content .hotel_intro h3 img {} #search_content .hotel_intro .btn_02 {text-align: right;} #search_content .hotel_intro p.address {font-weight: bold; text-align: left; width: 500px; margin-top: -10px; margin-bottom: 10px;} #search_content .hotel_info {float: left; width: 360px;} #search_content .hotel_info a {font-weight: bold;} #search_content .hotel_info a img {border: 0px;} #search_content .hotel_info .btn_04 {margin-top: 20px;} #search_content .hotel_info h4 {font-size: 120%; } #search_content .hotel_info h4{color: #93162a; font-size: 100%; margin: 5px 0px 5px 0px; padding: 7px 0px 5px 35px; background: url(../images/h3main-part-bg360px.gif) no-repeat top left;} #search_content .hotel_info p {clear: both;} #search_content .hotel_info .icons {padding: 0px; font-size: 10px;} #search_content .hotel_info .icons img {padding: 3px 3px 0px 0px;} #search_content .hotel_info .print {float: right; background-image:url(../images/icons/print_icon.gif); background-repeat:no-repeat; background-position:right; padding: 1px 20px 0px 0px; margin-bottom: 20px;} #search_content .hotel_info .description {font-weight: bold; } #search_content .hotel_right { width: 255px; float: right; text-align: center; color: #09356a; } #search_content .hotel_right a {font-weight: bold;} #search_content .hotel_right .hotel_images {padding: 4px 0px 0px 1px; font-size: 11px; font-weight: bold;} #search_content .hotel_right .hotel_images a {text-decoration: none;} #search_content .hotel_right .hotel_images a img {border: 0px; padding: 10px 2px 5px 2px;} #search_content .hotel_right .map { margin: 20px 0px 0px 0px;} #search_content .hotel_right .map a {display: block;} #search_content .hotel_right .map a img {border: 0px; text-decoration: none; margin: 0px; padding: 0px;} .filter{margin: 0; padding: 0; margin-left: 22px; list-style: none} .filter li{margin-bottom: 5px; padding: 2px;} .filter a{text-decoration: none;} .filter a:hover{text-decoration: underline;} .filter a img{border: 0;} .campaign .prize{float: right; background-color: #ffffff; margin: 0px; margin-left: 10px; width: 272px; padding-left: 10px;} .pricebox { width: 138px; background-color: #64a11e; padding: 3px 1px; margin: 0px 4px 1px 112px; font-size: 80%; color: #ffffff; text-align: center; border: solid 1px #ffffff;} .pricebox .price{font-size: 150%; font-weight:bold;}