/************************************************* master CSS file @ www.splittours.hr copyright (c) web.burza.hr *************************************************/ * { margin: 0; padding: 0; border: 0; } BODY { font:62.5%/1.6 "Trebuchet MS", Trebuchet, Arial, sans-serif; background: #fff; background: url(css/cssimg/header_bkg.jpg) top center no-repeat; } a { text-decoration: none; color: #000; } a:hover, a:active, a:focus { text-decoration: underline; } h1, h2, h3, h4, th { font-weight: normal; } table { border-spacing: 0; border-collapse: collapse; } #sizer { width: 890px; margin-left: 10px;} #header { float: left; width: 100%; margin-bottom: 17px; } #logo { float: left; display: inline; margin: 20px 0 0 10px; } #logo img { width: 158px; height:71px; } #langugage_switch { float: left; width: 702px; list-style: none; margin: 8px 0 32px; text-align: right; font: 1em/1 Arial, sans-serif; } #langugage_switch li { display: inline; background: url(cssimg/vertical_separator.gif) repeat-y 100% 0; } #langugage_switch li a { padding: 0 12px; color: #0083c6; } #langugage_switch li.active a { color: #063b78; } #langugage_switch li.first-child { } #langugage_switch li.first-child a { } #langugage_switch li.last-child { background: none; } #langugage_switch li.last-child a { padding-right: 0; } #login_form { float: right; width: 323px; margin-bottom: 10px; } #login_form fieldset { } #login_form label { float: left; display: inline; padding: 6px 0; margin-right: 7px; font: 1em/1 Arial, sans-serif; } #login_form .input_text { float: left; display: inline; margin-right: 6px; background: url(cssimg/input_text.gif) no-repeat; padding: 5px 7px 6px 7px; width: 88px; font: 1em/1 Arial, sans-serif; color: #333; } #login_form .input_image { float: left; } /*** MAIN NAVIGATION ***/ #main_navigation { float: left; width: 100%; list-style: none; background: url(cssimg/menu_bottom_line.gif) no-repeat 0 100%; margin-bottom: 6px; } #main_navigation li { float: left; background: url(cssimg/menu_item_separator.gif) no-repeat 0 35%; } #main_navigation li.first-child { margin-left: 3px; display: inline; background: none; } #main_navigation li.active-sibling { background: none; } #main_navigation li a { float: left; color: #333; font: 1.3em/1 Arial, sans-serif; padding-right: 9px; cursor: pointer; text-decoration: none; outline: none; } #main_navigation li a:focus { outline: 1px dotted #000; } #main_navigation li a:hover { outline: none; } #main_navigation li a:active { outline: none; } #main_navigation li span { float: left; padding: 11px 3px 15px 12px; } #main_navigation li.active { background: none; } #main_navigation li.active a { background: url(cssimg/menu_item_right.gif) no-repeat 100% 0; padding-right: 9px; } #main_navigation li.active span { background: url(cssimg/menu_item_left.gif) no-repeat 0 0; color: #0083c6; } /*** MAIN CONTENT ***/ #main_content { float: left; width: 100%; margin-bottom: 24px; } .inside_page #main_content { float: right; width: 560px; margin-bottom: 24px; } .inside_page #sidebar { float: left; display: inline; width: 185px; } /*** BOOKING FORM ***/ #quickbook { float: left; display: inline; width: 345px; margin-right: 5px; background:url(cssimg/quickbook_top.gif) no-repeat 0 0; padding-top: 5px; overflow: hidden; } #quickbook_outer { background: url(cssimg/quickbook_bottom.gif) no-repeat left bottom; padding-bottom: 5px; } #quickbook_inner { padding: 0 10px; min-height: 310px; height: auto !important; height: 310px; } #quickbook h2 { font-size: 1.7em; line-height: 1; color: #0078bb; margin: 0 0 8px 0; padding-top: 4px;} #quickbook form { margin-left: 3px; } #quickbook select, #quickbook input, #quickbook label { font: 1.1em/1.3 Arial, sans-serif; } #quickbook select { float: right; width: 145px; padding: 2px; border: solid 1px #a4b97f; } #quickbook .input_text { padding: 3px 2px; border: solid 1px #a4b97f; } #quickbook label { float: left; display: inline; } #quickbook .field { float: left; width: 100%; } #quickbook #booking_type { margin-bottom: .3em; } #quickbook #booking_type label { color: #f26521; margin-bottom: .4em; width: 72px; } #quickbook #booking_type label.active { color: #0078bb; font-weight: bold; } #quickbook #booking_type label input { margin-right: 3px; } #quickbook #origin_container { background: url(cssimg/icon_origin.gif) no-repeat 0 50%; margin-bottom: .4em; } #quickbook #destination_container { background: url(cssimg/icon_destination.gif) no-repeat 0 50%; margin-bottom: .4em; } #quickbook #origin_container label, #quickbook #destination_container label { width: 50px; line-height: 1.8; padding-left: 15px; } #quickbook #departure_date_container { margin-bottom: 0; } #quickbook #return_date_container { margin-bottom: 4px; } #quickbook #return_date_container label, #quickbook #departure_date_container label { width: 62px; padding-left: 15px; } #quickbook #return_date_container label { line-height: 1.8; } #quickbook #return_date_container input, #quickbook #departure_date_container input { float: left; width: 113px; } #quickbook #return_date_container img, #quickbook #departure_date_container img { float: right; padding: 2px 3px 0 0; width: 15px; height: 18px; } #quickbook #booking_direction { padding-left: 80px; margin-bottom: .4em; } #quickbook #booking_direction label { width: 55px; } #quickbook #booking_direction label input { margin-right: 5px; } #quickbook #booking_direction label.first-child { margin-right: 10px; width: 80px; } #quickbook .submission { text-align: right; margin-bottom: .7em; } /*** customer_support ***/ #customer_support { background: url(cssimg/customer_support_bottom.jpg) no-repeat 0 bottom; padding-bottom: 5px; width: 275px; margin: auto; clear: both} #customer_support_inner { background: url(cssimg/customer_support_top.jpg) no-repeat; padding: 3px 9px; } #customer_support h2 { font-size: 1.3em; line-height: 1; margin: 4px 0 7px; color: #0078bb; font-weight: bold; } #customer_support p { font: 1.5em/1 Arial, sans-serif; color: #fc6f2b; font-weight: bold; text-align: center; margin-bottom: 7px; } #customer_support p span { position: absolute; top: -999px; left: -999px; } #customer_support table caption { text-indent: -999px; } #customer_support table { font: 1em/1 Arial, sans-serif; color: #333; width: 100%; margin-top: -10px; } #customer_support table tr { float: left; } #customer_support table tr.weekend { float: right; } #customer_support table th { padding-right: 5px; } /*** OBJECT (HOMEPAGE) ***/ #object_intro { float: left; display: inline; width: 335px; margin-right: 5px; background:url(cssimg/object_intro_top.gif) no-repeat; padding-top: 5px; } #object_intro_outer { background:url(cssimg/object_intro_bottom.gif) no-repeat bottom; padding-bottom: 5px; } #object_intro_inner { position: relative; background:url(cssimg/object_intro_middle.gif) repeat-y; min-height: 306px; height: auto !important; height: 306px; } #object_intro h2 { font-size: 1.3em; margin: 3px 11px 6px; } #object_intro h2 #object_data { color: #555; font-size: .85em; font-weight: normal; } #object_intro h2 img { margin: 5px 7px -5px 1px; } #object_intro .entity_image { margin: 0 5px; width: 300px; height: 280px; display: block; } #object_intro h2 a { color: #f26521; font-weight: bold; text-decoration: underline; } #object_intro h2 a:hover, #object_intro h2 a:active, #object_intro h2 a:focus { text-decoration: none; } #object_intro a.book_now { position: absolute; bottom: 5px; right: 10px; } /*** FERRY LINES TIMETABLE ***/ #timetable { float: left; width: 250px; background:url(cssimg/timetable_middle.gif) repeat-y; } #timetable_outer { background:url(cssimg/timetable_top.gif) no-repeat 0 0; padding-top: 5px; } #timetable_inner { background:url(cssimg/timetable_bottom.gif) no-repeat left bottom; min-height: 300px; height: auto !important; height: 300px; padding: 0 9px 7px 10px; } #timetable h2 { font-size: 1.3em; line-height: 1; color: #fc6f2b; font-weight: bold; margin: 8px 0 4px; } #timetable h4 { font-size: 1.1em; font-weight: bold; background: url(cssimg/timetable_heading_bottom.gif) no-repeat left bottom; margin-bottom: 7px; padding-bottom: 3px; overflow: hidden; } #timetable h4 span { display: block; background: url(cssimg/timetable_heading_top.gif) no-repeat 0 0; } #timetable h4 span span { display: block; background: url(cssimg/timetable_heading_expanded.gif) no-repeat 7px .5em; padding: 4px 3px 0 29px; line-height: 1.6; color: #333; } #timetable table { color: #555; font-size: 1em; line-height: 1.2; /*width: 100%;*/ } #timetable table th { position: absolute; top: -999px; left: -999px; } #timetable table td { padding: 2px 0 10px 3px; vertical-align: top; } #timetable table td.direction { width: 80%; } #timetable table ul { color: #038200; list-style: none; text-align: right; margin-right: 5px; } #timetable .lines_container { height: 53px; overflow: auto; margin-bottom: 9px; overflow: auto; } #timetable.has_JS h3 { margin-bottom: 4px; } #timetable.has_JS h3.active { margin-bottom: 7px; } #timetable.has_JS h3 a { color: #0099cc; } #timetable.has_JS h3.active a { color: #333; } #timetable.has_JS h3 span span { background: url(cssimg/timetable_heading_collapsed.gif) no-repeat 7px .5em; } #timetable.has_JS h3.active span span { background: url(cssimg/timetable_heading_expanded.gif) no-repeat 7px .5em; } #timetable.has_JS .lines_container { position: absolute; left: -999px; top: -999px; margin-bottom: 7px; } #timetable.has_JS .lines_active { position: static; left: 0; top: 0; height: 186px; overflow: auto; } #timetable.has_JS table ul { margin-right: 17px; } /*** FERRY LINES TIMETABLE2 ***/ #timetable2 { float: left; width: 185px; background:url(cssimg/timetable_middle.gif) repeat-y; } #timetable_outer2 { background:url(cssimg/timetable_top.gif) no-repeat 0 0; padding-top: 5px; } #timetable_inner2 { background:url(cssimg/timetable_bottom.gif) no-repeat left bottom; min-height: 300px; height: auto !important; height: 300px; padding: 0 9px 7px 10px; } #timetable2 h2 { font-size: 1.3em; line-height: 1; color: #fc6f2b; font-weight: bold; margin: 8px 0 4px; } #timetable2 h3 { font-size: 1.1em; font-weight: bold; background: url(cssimg/timetable_heading_bottom.gif) no-repeat left bottom; margin-bottom: 7px; padding-bottom: 3px; overflow: hidden; } #timetable2 h3 span { display: block; background: url(cssimg/timetable_heading_top.gif) no-repeat 0 0; } #timetable2 h3 span span { display: block; background: url(cssimg/timetable_heading_expanded.gif) no-repeat 7px .5em; padding: 4px 3px 0 29px; line-height: 1.6; color: #333; } #timetable2 table { color: #555; font-size: 1em; line-height: 1.2; /*width: 100%;*/ } #timetable2 table th { position: absolute; top: -999px; left: -999px; } #timetable2 table td { padding: 2px 0 10px 3px; vertical-align: top; } #timetable2 table td.direction { width: 66%; } #timetable2 table ul { color: #038200; list-style: none; text-align: right; margin-right: 5px; } #timetable2 .lines_container { height: 53px; overflow: auto; margin-bottom: 9px; overflow: auto; } #timetable2.has_JS h3 { margin-bottom: 4px; } #timetable2.has_JS h3.active { margin-bottom: 7px; } #timetable2.has_JS h3 a { color: #0099cc; } #timetable2.has_JS h3.active a { color: #333; } #timetable2.has_JS h3 span span { background: url(cssimg/timetable_heading_collapsed.gif) no-repeat 7px .5em; } #timetable2.has_JS h3.active span span { background: url(cssimg/timetable_heading_expanded.gif) no-repeat 7px .5em; } #timetable2.has_JS .lines_container { position: absolute; left: -999px; top: -999px; margin-bottom: 7px; } #timetable2.has_JS .lines_active { position: static; left: 0; top: 0; height: 186px; overflow: auto; } #timetable2.has_JS table ul { margin-right: 17px; } /*** SPECIAL OFFERS ***/ #special_offers { float: left; display: inline; width: 685px; margin: 5px 5px 0 0; background:url(cssimg/special_offers_top.gif) no-repeat; padding-top: 5px; } #special_offers_outer { background:url(cssimg/special_offers_bottom.gif) no-repeat left bottom; padding-bottom: 5px; } #special_offers_inner { background:url(cssimg/special_offers_middle.gif) repeat-y; padding: 3px 13px; min-height: 75px; height: auto !important; height: 75px; } #special_offers h2 { color: #0083c6; font-size: 1.5em; font-weight: bold; } #special_offers ul { list-style: none; } #special_offers li { background: url(cssimg/arrow_blue.gif) no-repeat 0 .8em; margin-left: 10px; padding-left: 10px; } #special_offers li a { color: #0099cc; font-size: 1.2em; } /*** MAILING LIST ***/ #mailing_list { float: left; width: 250px; margin-top: 5px; background:url(cssimg/mailing_list_middle.gif) repeat-y; overflow: hidden;} #mailing_list_outer { background:url(cssimg/mailing_list_top.gif) no-repeat; padding-top: 5px; } #mailing_list_inner { background:url(cssimg/mailing_list_bottom.gif) no-repeat bottom; padding: 3px 0 5px 10px; min-height: 75px; height: auto !important; height: 75px; } #mailing_list h2 { color: #f26521; font-size: 1.3em; line-height: 1.1; margin-left: 4px; } #mailing_list strong { font-size: 1.2em; color: #555; font-weight: normal; margin-left: 4px; } #mailing_list p { font-size: 1.1em; line-height: 1.2; color: #0099cc; margin-bottom: 5px; margin-left: 4px; } #mailing_list form { font: 1em/1 Arial, sans-serif; } #mailing_list form label { position: absolute; left: -999px; top: -999px; } #mailing_list .input_text { float: left; display: inline; margin-right: 5px; background: url(cssimg/input_text_short.gif) no-repeat; padding: 5px 7px 6px 7px; width: 88px; font: 1em/1 Arial, sans-serif; color: #333; } /*** HIGHTLIGHTED OFFERS ***/ #hightlighted_offers { float: left; display: inline; width: 685px; margin: 5px 5px 0 0; background:url(cssimg/hightlighted_offers_top.gif) no-repeat; padding-top: 5px; } #hightlighted_offers_outer { background:url(cssimg/hightlighted_offers_bottom.gif) no-repeat bottom; padding-bottom: 5px; } #hightlighted_offers_inner { background:url(cssimg/hightlighted_offers_middle.gif) repeat-y; padding: 5px 11px; min-height: 110px; height: auto !important; height: 110px; } #hightlighted_offers img { float: left; width: 265px; height: 80px; } #hightlighted_offers img.first-child { display: inline; margin-right: 8px; } /*** METHODS OF PAYMENT ***/ #methods_of_payment { float: left; width: 251px; margin-top: 5px; background:url(cssimg/methods_of_payment_middle.gif) repeat-y; overflow: hidden; } #methods_of_payment_outer { background:url(cssimg/methods_of_payment_top.gif) no-repeat; padding-top: 17px; } #methods_of_payment_inner { background:url(cssimg/methods_of_payment_bottom.gif) no-repeat bottom; min-height: 113px; height: auto !important; height: 113px; } #methods_of_payment p { color: #00457c; font-size: 1.3em; line-height: 1.3; padding: 46px 25px 15px 26px; background: url(cssimg/cards.png) no-repeat 0 0; text-align: center; } #methods_of_payment span { color: #fc6f2b; } /*** ACCOMODATION ***/ #accomodation { float: left; width: 185px; background: url(cssimg/accomodation_middle.gif) repeat-y; overflow: hidden; } #accomodation_outer { background:url(cssimg/accomodation_top.gif) no-repeat; padding-top: 5px; } #accomodation_inner { background:url(cssimg/accomodation_bottom.gif) no-repeat bottom; padding: 5px 11px 0; min-height: 295px; height: auto !important; height: 295px; } #accomodation h2 { font: 1.4em/1 Verdana, sans-serif; color: #0083c6; margin-bottom: .5em; } #accomodation ul { list-style: none; } #accomodation ul ul { margin-bottom: 9px; } #accomodation ul li { background: url(cssimg/arrow_light_blue.gif) no-repeat 0 .6em; margin-left: 12px; padding-left: 15px; } #accomodation ul li a { font-size: 1.2em; color: #0099cc; } #accomodation ul li li { background: url(cssimg/arrow_orange.gif) no-repeat 0 .7em; margin-left: 1px; padding-left: 10px; } #accomodation ul li li a { font-size: 1.2em; color: #f26521; font-weight: bold; } /*** SEARCH ***/ #search { float: left; width: 185px; margin-top: 5px; overflow: hidden; } #search img { display: block; margin: 0 auto; } /*** BREADCRUMBS ***/ #breadcrumbs { width: 650px; background: url(cssimg/breadcrumbs_top.gif) no-repeat; margin-bottom: 5px; overflow: hidden; } #breadcrumbs_inner { background: url(cssimg/breadcrumbs_bottom.gif) no-repeat left bottom; font-size: 1.2em; line-height: 1; padding: 12px 13px; } #breadcrumbs a { color: #f26521; background: url(cssimg/arrow_orange.gif) no-repeat 0 50%; padding-left: 12px; margin-left: 4px; } #breadcrumbs span { color: #555555; background: url(cssimg/arrow_orange.gif) no-repeat 0 50%; padding-left: 12px; } #breadcrumbs a.first-child { background: none; padding: 0; margin: 0; } /*** CONTENT CONTAINER - GENERAL ***/ #content { width: 650px; background: url(cssimg/content_middle.gif) repeat-y 0 0; margin-bottom: 5px; overflow: hidden; } #content_outer { background: url(cssimg/content_top.gif) no-repeat 0 0; padding-top: 5px; } #content_inner { background: url(cssimg/content_bottom.gif) no-repeat left bottom; min-height: 300px; height: auto !important; height: 300px; padding: 0 12px 30px; } #content_inner .input_text { float: left; display: inline; margin-right: 5px; background: url(cssimg/input_text.gif) no-repeat; padding: 5px 7px 6px 7px; width: 88px; font: 1em/1 Arial, sans-serif; color: #333; } #content_inner .input_text_box { float: left; display: inline; margin-right: 5px; background: url(cssimg/input_text_box.gif) no-repeat; padding: 5px 7px 6px 7px; width: 88px; font: 1em/1 Arial, sans-serif; color: #333; } #content_inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content h2, #content h3 { font-size: 1.4em; color: #0077be; font-weight: bold; margin: .8em 0 .4em; } #content p { font-size: 1.2em; color: #555; margin-bottom: 1em; } #content ol { font-size: 1.2em; color: #555; margin: 0 0 1em 30px; } #content ul { font-size: 1.2em; color: #555; list-style: none; margin-bottom: 1em; } #content ul li { background: url(cssimg/arrow_light_blue.gif) no-repeat 9px .6em; padding-left: 21px; } #content a { color: #0079BF; text-decoration: underline; } #content table { font-size: 1.1em; color: #555; text-align: left; width: 100%; margin-bottom: 1em; } #content table th, #content table td { padding-right: 5px; } #content table th { background: #e2f3f9; color: #0077be; } #content th.value, #content td.value { text-align: right; } #content select { border: solid 1px #a4b97f; } #content select { border: solid 1px #a4b97f; } /*** CONTENT CONTAINER - CMS ***/ #contentCMS { width: 950px; background: url(cssimg/contentCMS_middle.gif) repeat-y 0 0; margin-bottom: 5px; overflow: hidden; } #content_outerCMS { background: url(cssimg/contentCMS_top.gif) no-repeat 0 0; padding-top: 5px; } #content_innerCMS { background: url(cssimg/contentCMS_bottom.gif) no-repeat left bottom; min-height: 300px; height: auto !important; height: 300px; padding: 0 12px 30px; } #content_innerCMS .input_text { float: left; display: inline; margin-right: 5px; background: url(cssimg/input_text.gif) no-repeat; padding: 5px 7px 6px 7px; width: 88px; font: 1em/1 Arial, sans-serif; color: #333; } #content_innerCMS .input_text_box { float: left; display: inline; margin-right: 5px; background: url(cssimg/input_text_box.gif) no-repeat; padding: 5px 7px 6px 7px; width: 88px; font: 1em/1 Arial, sans-serif; color: #333; } #content_innerCMS:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #contentCMS h2, #contentCMS h3 { font-size: 1.4em; color: #0077be; font-weight: bold; margin: .8em 0 .4em; } #contentCMS p { font-size: 1.2em; color: #555; margin-bottom: 1em; } #contentCMS ol { font-size: 1.2em; color: #555; margin: 0 0 1em 30px; } #contentCMS ul { font-size: 1.2em; color: #555; list-style: none; margin-bottom: 1em; } #contentCMS ul li { background: url(cssimg/arrow_light_blue.gif) no-repeat 9px .6em; padding-left: 21px; } #contentCMS a { color: #0079BF; text-decoration: underline; } #contentCMS table { font-size: 1.2em; color: #555; text-align: left; width: 100%; margin-bottom: 1em; } #contentCMS table th, #contentCMS table td { padding-right: 10px; } #contentCMS table th { background: #e2f3f9; color: #0077be; } #contentCMS th.value, #contentCMS td.value { text-align: right; } #contentCMS select { border: solid 1px #a4b97f; } #contentCMS select { border: solid 1px #a4b97f; } /*** CONTENT CONTAINER - TRIPS ***/ #contentTrips { width: 560px; background: url(cssimg/content_middle.gif) repeat-y 0 0; margin-bottom: 5px; overflow: hidden; } #contentTrips_outer { background: url(cssimg/content_top.gif) no-repeat 0 0; padding-top: 5px; } #contentTrips_inner { background: url(cssimg/content_bottom.gif) no-repeat left bottom; min-height: 300px; height: auto !important; height: 300px; padding: 0 10px 30px; } #contentTrips_inner .input_text { float: left; display: inline; margin-right: 5px; background: url(cssimg/input_text.gif) no-repeat; padding: 5px 7px 6px 7px; width: 88px; font: 1em/1 Arial, sans-serif; color: #333; } #contentTrips_inner .input_text_box { float: left; display: inline; margin-right: 5px; background: url(cssimg/input_text_box.gif) no-repeat; padding: 5px 7px 6px 7px; width: 88px; font: 1em/1 Arial, sans-serif; color: #333; } #contentTrips_inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #contentTrips h2, #contentTrips h3 { font-size: 1.4em; color: #0077be; font-weight: bold; margin: .8em 0 .4em; } #contentTrips p { font-size: 1.2em; color: #555; margin-bottom: 1em; } #contentTrips ol { font-size: 1.2em; color: #555; margin: 0 0 1em 30px; } #contentTrips ul { font-size: 1.2em; color: #555; list-style: none; margin-bottom: 1em; } #contentTrips ul li { background: url(cssimg/arrow_light_blue.gif) no-repeat 9px .6em; padding-left: 21px; } #contentTrips a { color: #0079BF; text-decoration: underline; } #contentTrips table { font-size: 1.2em; color: #555; text-align: left; width: 100%; margin-bottom: 1em; } #contentTrips table th, #contentTrips table td { padding-right: 10px; } #contentTrips table th { background: #e2f3f9; color: #0077be; } #contentTrips th.value, #contentTrips td.value { text-align: right; } #contentTrips select { border: solid 1px #a4b97f; } #contentTrips select { border: solid 1px #a4b97f; } /*** OBJECT MAIN DATA (INSIDE PAGE) ***/ #object_main { width: 560px; background: url(cssimg/object_main_middle.gif) repeat-y; margin-bottom: 5px; overflow: hidden; } #object_main_outer { background: url(cssimg/object_main_top.gif) no-repeat top; } #object_main_inner { position: relative; background: url(cssimg/object_main_bottom.gif) no-repeat left bottom; min-height: 87px; height: auto !important; height: 87px; padding: 8px 11px 5px; } #object_main h1 { font: 2.2em/1 Arial, sans-serif; margin-bottom: .5em; } #object_main h1 #object_name { color: #f26521; font-weight: bold; border-bottom: 2px solid #f26521; } #object_main h1 #object_data { color: #555; font: normal .75em/1 "Trebuchet MS", Trebuchet, Arial, sans-serif; } #object_main h1 img { margin: 5px 7px -5px 10px; } #object_main table { font-size: 1.1em; color: #555; font-weight: bold; text-align: left; margin-left: 5px; } #object_main table th { padding-right: 5px; } #object_main a.book_now { position: absolute; bottom: 10px; right: 7px; } /*** TABLES CUSTOMISATION ***/ #content #room_areas, #content .distances { margin: 0; } #content #distances_container { width: 100%; } #content #distances_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content #distances_container table { float: right; width: 48%; } #content #distances_container table.first-child { float: left; } #content #room_areas th, #content .distances th { border-bottom: 1px solid #0077be; } /*** THUMBNAILS ***/ #content ul#object_features { float: left; width: 230px; min-height: 200px; height: auto !important; height: 200px; margin: 0;} #content #object_large_img { float: right; background: url(cssimg/img_frame_large.gif) no-repeat; width: 280px; height: 189px; padding: 5px; } #content #thumbs_container { padding: 5px 0 0 0; width: 100%; clear: both; } #content #thumbs_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content .thumbnail { float: left; width: 120px; height: 90px; margin-left: 5px; background: url(cssimg/img_frame_thumbnail.gif) no-repeat 0 0; padding: 5px; margin-bottom: 5px; } #content .thumbnail img { } #content a.first_in_row { margin-left: 0; clear: both; } #content .thumbnailCenter { float: none; width: 120px; height: 90px; margin-left: 5px; background: url(cssimg/img_frame_thumbnail.gif) no-repeat 0 0; padding: 5px; margin-bottom: 5px; } /*** PRICING ***/ #pricing { position: relative; width: 560px; background: url(cssimg/pricing_middle.gif) repeat-y 0 0; margin-bottom: 5px; overflow: hidden; } #pricing_outer { background: url(cssimg/pricing_top.gif) no-repeat 0 0; padding-top: 5px; } #pricing_inner { background: url(cssimg/pricing_bottom.gif) no-repeat left bottom; min-height: 122px; height: auto !important; height: 122px; padding: 10px 10px 10px; } #pricing h2 { font: 1.6em/1 Arial, sans-serif; color: #0077be; margin: 0 0 .5em 0; font-weight: bold; } #pricing a.book_now { position: absolute; top: 10px; right: 7px; } #pricing p { font-size: 1.2em; color: #333; margin-bottom: 1em; } #pricing table { font-size: 1.2em; color: #333; width: 100%; text-align: center; } #pricing table th { background: none; font-weight: bold; padding-bottom: 3px; } #pricing table td { background: #fff; border-top: 1px solid #fafdfe; border-bottom: 1px solid #f2fafc; } /*** BOOKING FORM - FORM ELEMENTS ***/ #body_booking #content h2 { font-size: 1.8em; font-weight: normal; margin: .2em 0 0 5px; } #body_booking #content_inner { padding: 0 6px 6px 6px; } /* general */ #booking_form_large fieldset { background: #EBF2F8; } #booking_form_large select, #booking_form_large input, #booking_form_large label { font: 1.1em/1.3 Arial, sans-serif; } #booking_form_large label { color: #333; padding: 4px 2px; } #booking_form_large .input_text { float: left; display: inline; width: 113px; padding: 3px 2px; border: solid 1px #a4b97f; margin-right: 8px; } #booking_form_large .submission { text-align: right; padding-top: 5px; background: none; clear: both; } #booking_form_large .calendar_icon { width: 15px; height: 18px; padding: 2px 0 0 0; } #booking_form_large .discount_info_symbol { color: #FF9600; } /* top fieldset */ #booking_form_large #arrival_date_container { float: left; padding: 15px 0 15px 28px; width: 240px; } #booking_form_large #departure_date_container { float: right; padding: 15px 0; width: 278px; } #booking_form_large #departure_date_container label, #booking_form_large #arrival_date_container label { margin-right: 8px; float: left; display: inline; } /* bottom fieldset */ #booking_form_large #number_of_persons_container { padding: 20px 70px 16px 70px; } #booking_form_large #number_of_persons_container select { width: 135px; padding: 2px; border: solid 1px #a4b97f; } #booking_form_large #number_of_persons_container label { float: left; display: inline; color: #006AAD; margin: 0 15px 0 0; font-weight: bold; } #booking_form_large #clients_data { float: left; width: 100%; background: #EBF2F8; } #booking_form_large .first_name_container { float: left; display: inline; width: 130px; clear: left; } #booking_form_large .last_name_container { float: left; display: inline; width: 130px; } #booking_form_large .birthday_container { float: left; display: inline; width: 147px; } #booking_form_large #clients_data fieldset { float:left; display: inline; padding-bottom: 10px; width: 408px; margin: 0 70px; } #booking_form_large #clients_data legend { text-indent: -999px; margin-bottom: -1.5em; line-height: 0; } #booking_form_large #clients_data label { position: absolute; top: -999px; left: -999px; } #booking_form_large #clients_data .first-child label { display: block; padding-top: 0; position: relative; top: 0; left: 0; } /*** BOOKING FORM - MISC ***/ #booking_form_large #instructions { color: #111; clear: both; padding: 1.9em 25px 1.3em; margin: 0; } #booking_form_large #instructions span { color: #FF9600; font-weight: bold; } #booking_form_large #discount_info { font-size: 1.1em; color: #000; clear: both; text-align: center; margin: 0; font-weight: bold; text-align: left; width: 100%; padding-top: 20px; } /*** BOOKING FORM - CALENDAR ***/ #booking_form_large .calendar { width: 240px; } #booking_form_large .calendar caption { font-size: 1.5em; color: #0078BB; padding-bottom: 8px; } #booking_form_large .calendar th, #booking_form_large .calendar td { text-align: center; font: 1em/1 Verdana, sans-serif; border: 1px solid #fff; padding: 6px 4px; } #booking_form_large .calendar th { color: #111111; background: #F1F1F1; font-weight: bold; } #booking_form_large .calendar td { } #booking_form_large .available { background: #EDF9F3; color: #39B44A; } #booking_form_large .occupied { background: #FFD9D9; color: #FF0000; } #booking_form_large .selected { background: #FFBD5F; color: #39B44A; } #booking_form_large td.available, #booking_form_large td.occupied, #booking_form_large td.selected { cursor: pointer; } #booking_form_large #calendar_start_day { float: left; margin: 0 0 0 20px; display: inline; } #booking_form_large #calendar_end_day { float: left; margin: 0 0 0 28px; } #booking_form_large #calendar_legend { clear: both; width: 100%; padding: 30px 0 25px; } #booking_form_large #calendar_legend:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #booking_form_large #calendar_legend strong { float: left; display: inline; margin: 0 10px 0 70px; color: #FF9600; font-size: 1.2em; font-weight: bold; } #booking_form_large #calendar_legend ul { list-style: none; float: left; margin: 0; } #booking_form_large #calendar_legend ul li { background-image: none; float: left; color: #111; font-weight: bold; padding: 0 30px 0 0; } #booking_form_large #calendar_legend ul li span { padding: 2px 4px; font-weight: normal; } /*** MISC ***/ #methods_of_payment h2, #body_booking #content h1, #search h2, #hightlighted_offers h2, #footer h2, h2.login_form_related, h2.main_navigation_related { position: absolute; left: -999px; top: -999px; } .skippers { position: absolute; left: -9999px; overflow: hidden; } /*** STRIPED TABLE ***/ table.stripe { width: 100%; border-collapse: collapse; } table.stripe th, table.stripe td { padding: 2px; vertical-align: top; border-bottom: 1px solid #e6e6e6; } table.stripe th { padding: 3px 2px 1px 2px; } table.stripe .odd th, table.stripe .odd td { background: #f6f6f6; } /*** FOOTER ***/ #footer { clear: both; background: url(cssimg/splittours_logo_small.gif) no-repeat 50% 0; padding-top: 40px; } #footer ul { list-style: none; text-align: center; text-align: center; background: url(cssimg/footer_line.png) no-repeat; padding-top: 7px; } #footer ul li { display: inline; font: 1em/.8 Arial, sans-serif; background: url(cssimg/vertical_separator.gif) repeat-y 100% 0; } #footer ul li a { color: #0083c6; margin: 0 11px; background: url(cssimg/footer_link_bkg.gif) repeat-x 0 1.1em; } #footer ul li.last-child { background: none; } #footer ul li.last-child a { margin-right: 0; }