/*----------------------------------------------------------------------------------------- d888 `888P .o. 888 88P 888 888 88P oo888oo 888000b 00000 d8b d88b d88b T8888888b 888 .00000. T8o888888 888 88b '888""8P `88 88' 888' `88b 888 d88 88b 888 "888 888 88b 888 `88 88' 888 888 888 888 888 888 888 888 88b 888 Y8P' 888oo88P 888 888 888 888 888 d888b d888b d888b T8b 888 d888b `T0bod0T' o888o o88o T8b 888 T8P d888b Krypton is a generic CSS standard utilized to stream line css production. Inspired by Skeleton V1.1 || http://www.getskeleton.com/ and Html5 Boilerplate || http://html5boilerplate.com/ -----------------------------------------------------------------------------------------*/ /* Custom Styles ================================================== */ #content-wrapper-index { background:#f5f5f5; padding-top:20px; } #content-wrapper-index-wide { background:#fff; padding-top:0px; } h2.bottom_phone { font-size:36px; font-weight:800; text-align:center; color:#fff;} #content-wrapper { background:#f9f9f9; padding-top:20px; } /* Top Header Links ====================================*/ .top_links { float:right; display:block; width:100%; height:35px; text-align:right; padding-top:10px;} .top_links a.top_links_phone { margin-left:5px; padding-top:5px; line-height:21px; font-size:21px; font-weight:600; color:#797979; display:inline; float:right;} .top_links a.top_links_account { margin:5px 0 0 10px; text-transform:uppercase; display:inline; font-size:11px; font-weight:800; padding:0px 10px; color:#fff; border-radius:4px; background:#00498d; float:right;} .top_links a.top_links_chat { margin: 5px 0 0 10px; text-transform:uppercase; display:inline; font-size:11px; font-weight:800; padding:0px 10px; color:#fff; border-radius:4px; background:#736a60; float:right;} .menu ul ul.move_left { position: absolute; display: none; top: 100%; right: 0; z-index: 100; width: 200px; margin-left: -110px;} #jPanelMenu-menu { background:#155d96;} #jPanelMenu-menu #current { border-bottom: 1px solid #0e3757; } #jPanelMenu-menu #current:after, #jPanelMenu-menu .sf-sub-indicator { display: none; } #jPanelMenu-menu li a { display:block; padding: 12px 20px !important; background-color: #114874; border-bottom: 1px solid #0e3757; color: #fff; font-weight: 500; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-weight: 500; outline: none; } #jPanelMenu-menu li a:hover { background-color: #fff; color:#114874;} #jPanelMenu-menu li li a { background-color: #155d96; padding-left: 30px !important; } #jPanelMenu-menu li li a b { color:#fff;} /* Footer icons ====================================*/ #footer .bottom_icons a { text-align:center; background:#f6f6f6; border:3px solid #f6f6f6; display:inline; width:120px; height:80px; padding:20px 0; float:left; margin: 0 10px 10px 0; border-radius:5px; transition:all .3s linear; -o-transition:all .3s linear; -moz-transition:all .3s linear; -webkit-transition:all .3s linear; } #footer .bottom_icons.bottom_64 a { } #footer .bottom_icons.bottom_cams a { background:#f6f6f6 url(../assets/bottom_icon_webcam_64.png) center 40px no-repeat; } #footer .bottom_icons.bottom_postcards a { background:#f6f6f6 url(../assets/bottom_icon_postcard_64.png) center 40px no-repeat; } #footer .bottom_icons.bottom_events a { background:#f6f6f6 url(../assets/bottom_icon_cal_64.png) center 40px no-repeat; } #footer .bottom_icons.bottom_gallery a { background:#f6f6f6 url(../assets/bottom_icon_gallery_64.png) center 40px no-repeat; } #footer .bottom_icons.bottom_videos a { background:#f6f6f6 url(../assets/bottom_icon_video_64.png) center 40px no-repeat; } #footer .bottom_icons.bottom_Maps a { background:#f6f6f6 url(../assets/bottom_icon_map_64.png) center 40px no-repeat; } #footer .bottom_icons a { color:#878787; font-weight:600; font-size:14px; text-transform:uppercase;} #footer .bottom_icons a:hover { border:3px solid #e30011; } .bottom_icon_wrap { display:block; margin:0 auto; text-align:center; width:816px; height:120px; transition:all .5s linear; -o-transition:all .5s linear; -moz-transition:all .5s linear; -webkit-transition:all .5s linear;} #footer_navigation { float: left; text-align:center; padding:30px; margin-left:50px;} .newsletter_signup { display:block; margin:0 auto; text-align:center; width:805px; height:50px; } .newsletter_heading { padding:20px; float:left; font-size:36px; color:#656565; font-weight:300; } .newsletter_heading span { font-weight:800; color:#5a8d0a;} a.join_news_btn { width:110px; text-align:center; cursor:pointer; float:left; margin:15px; font-weight:800; text-transform:uppercase; border-radius:10px; border:5px solid #f6f3f3; color:#5a8d0a; padding:10px 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} a.join_news_btn:hover { color:#fff; background:#5a8d0a; border:5px solid #5a8d0a;} /* Booking form - Homepage ====================================*/ .booking_form_container { position:relative; border-radius:4px; width:1000px; position:relative; position:relative; margin-left:auto; margin-right:auto; display:block; z-index:300; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .booking_form_container .booking_form { position:absolute; top:45px; left:-15px; float:left; width:258px; display:block; border-radius:10px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .booking_form_container .booking_form .half_width { margin-top:10px; width:50%; float:left; display:block;} .booking_form_container .booking_form .full_width { margin-top:10px; width:100%; float:left; display:block; } .booking_form_container .booking_form .title h2 { text-transform:uppercase; color:#fff; font-size:14px; font-weight:800; line-height:20px; margin-bottom:5px;} .booking_form_container .booking_form .title h2 span { font-size:20px;} .booking_form_container .booking_form .large select { width:98%; padding:10px; } .booking_form_container .booking_form .full_width input { width:90%;} .booking_form_container .booking_form input.home_book_btn { width:98%;} .booking_form_container .booking_form #arrival_date { width:82%; margin-right:10px; font-size:12px; font-weight:bold;} .booking_form_container .booking_form #departure_date { width:82%; font-size:12px; font-weight:bold;} .booking_form_container .booking_form .medium select { width:97%; margin:5px 0; } .booking_form_container .booking_form input.medium { width:87%; padding:5px;} #titlebar { background-color: #d60211; position: relative; min-height: 38px; margin: 0 0 20px 0; padding-top: 8px; top: -20px; } #titlebar_short { background-color: #d60211; position: relative; min-height: 10px; margin: 0 0 20px 0; padding-top: 0px; top: -20px; } /* Booking form - Homepage alt ====================================*/ .booking_form_container_short { position:relative; border-radius:4px; width:1000px; position:relative; position:relative; margin-left:auto; margin-right:auto; display:block; z-index:300; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .booking_form_container_short .booking_form { position:absolute; top:15px; left:-15px; float:left; width:258px; display:block; border-radius:10px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .booking_form_container_short .booking_form .half_width { margin-top:6px; width:50%; float:left; display:block;} .booking_form_container_short .booking_form .full_width { margin-top:6px; width:100%; float:left; display:block; } .booking_form_container_short .booking_form .title h2 { text-transform:uppercase; color:#fff; font-size:14px; font-weight:800; line-height:20px; margin-bottom:5px;} .booking_form_container_short .booking_form .title h2 span { font-size:20px;} .booking_form_container_short .booking_form .large select { width:98%; padding:10px; } .booking_form_container_short .booking_form .full_width input { width:93%; padding:2px 6px;} .booking_form_container_short .booking_form input.home_book_btn { width:98%; padding:10px;} .booking_form_container_short .booking_form #arrival_date { width:82%; margin-right:10px; font-size:12px; font-weight:bold;} .booking_form_container_short .booking_form #departure_date { width:82%; font-size:12px; font-weight:bold;} .booking_form_container_short .booking_form .medium select { width:97%; margin:5px 0; } .booking_form_container_short .booking_form input.medium { width:87%; padding:2px;} .booking_form_container_short .booking_form .half_width input { padding:2px 6px;} .booking_form_container_short .booking_form label { margin-bottom:2px;} #Video1 { width: 100%; height: auto; margin-top:-110px; } /* Sales page ====================================*/ .sales_block { float:Left; width:400px; margin-right:20px; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .sales_block a { border-radius:10px; background:#fff; display:block; padding:15px 0; border: 5px solid #ececec;} .sales_block a h3 { } .sales_block a h5 { } .sales_block a p { font-weight:800; font-size:14px;} .sales_block a:hover { background:#5a8d0a; border: 5px solid #5a8d0a; } .sales_block a:hover h3, .sales_block a:hover h5, .sales_block a:hover { color:#fff;} /* Booking form - Modify ====================================*/ .booking_form_container_modify { position:relative; border-radius:4px; width:1000px; position:relative; position:relative; margin-left:auto; margin-right:auto; display:block; z-index:300; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .booking_form_container_modify .booking_form { position:relative; margin:0 auto; height:190px; width:600px; display:block; border-radius:10px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:0px 0px 10px 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .booking_form_container_modify .booking_form .third_width { margin-top:10px; width:33%; float:left; display:block; text-align:left; height:60px;} .booking_form_container_modify .booking_form .full_width { margin-top:10px; width:100%; float:left; display:block; } .booking_form_container_modify .booking_form .two_third_width { margin-top:10px; width:66%; float:left; display:block; text-align:left; height:60px;} .booking_form_container_modify .booking_form .title h2 { text-transform:uppercase; color:#fff; font-size:22px; font-weight:800; line-height:20px; margin-bottom:5px; margin-left:-20px;} .booking_form_container_modify .booking_form .title h2 span { font-size:20px;} .booking_form_container_modify .booking_form .large select { width:98%; padding:10px; } .booking_form_container_modify .booking_form .full_width input { width:90%;} .booking_form_container_modify .booking_form input.home_book_btn { width:98%;} .booking_form_container_modify .booking_form #arrival_date { width:82%; margin-right:10px; font-size:12px; font-weight:bold;} .booking_form_container_modify .booking_form #departure_date { width:82%; font-size:12px; font-weight:bold;} .booking_form_container_modify .booking_form .medium select { width:93%; padding:7px 0; } .booking_form_container_modify .booking_form .large select { width:93%; padding:7px 0; } .booking_form_container_modify .booking_form input.medium { width:87%; padding:6px;} .booking_form_container_modify .booking_form input.large { width:87%; padding:6px;} .booking_form_container_modify .booking_form .third_width label { text-align:left;} /* Booking form - Modify ====================================*/ .booking_form_container_agent { position:relative; border-radius:4px; width:1000px; position:relative; position:relative; margin-left:auto; margin-right:auto; display:block; z-index:300; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .booking_form_container_agent .booking_form { position:relative; margin:0 auto; height:220px; width:600px; display:block; border-radius:10px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:0px 0px 10px 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .booking_form_container_agent .booking_form .third_width { margin-top:10px; width:33%; float:left; display:block; text-align:left; height:60px;} .booking_form_container_agent .booking_form .full_width { margin-top:10px; width:100%; float:left; display:block; } .booking_form_container_agent .booking_form .two_third_width { margin-top:10px; width:66%; float:left; display:block; text-align:left; height:60px;} .booking_form_container_agent .booking_form .title h2 { text-transform:uppercase; color:#fff; font-size:22px; font-weight:800; line-height:20px; margin-bottom:5px; margin-left:-20px;} .booking_form_container_agent .booking_form .title h2 span { font-size:20px;} .booking_form_container_agent .booking_form .large select { width:98%; padding:10px; } .booking_form_container_agent .booking_form .full_width input { width:90%;} .booking_form_container_agent .booking_form input.home_book_btn { margin-top:29px; width:98%;} .booking_form_container_agent .booking_form #arrival_date { width:82%; margin-right:10px; font-size:12px; font-weight:bold;} .booking_form_container_agent .booking_form #departure_date { width:82%; font-size:12px; font-weight:bold;} .booking_form_container_agent .booking_form .medium select { width:93%; padding:7px 0; } .booking_form_container_agent .booking_form .large select { width:93%; padding:7px 0; } .booking_form_container_agent .booking_form input.medium { width:87%; padding:6px;} .booking_form_container_agent .booking_form input.large { width:87%; padding:6px;} .booking_form_container_agent .booking_form .third_width label { text-align:left;} /* Booking form - internal ====================================*/ .booking_form_container_internal { position:relative; display:block; z-index:300;} .internal_booking_form { float:left; width:260px; display:block; height:385px; background-color:#ececec;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .internal_booking_form .half_width { margin-top:10px; width:50%; float:left; display:block;} .internal_booking_form .full_width { margin-top:10px; width:100%; float:left; display:block; } .internal_booking_form .title h2 { text-transform:uppercase; color:#0b5192; font-size:22px; font-weight:300; line-height:24px; margin-bottom:0px;} .internal_booking_form .title h2 span { font-size:28px; font-weight:800; } .internal_booking_form .large select { width:100%; padding:10px; } .internal_booking_form .full_width input { width:90%;} .internal_booking_form input.home_book_btn { width:100%;} .internal_booking_form #arrival_date { width:82%; margin-right:10px; font-size:12px; font-weight:bold;} .internal_booking_form #departure_date { width:82%; font-size:12px; font-weight:bold;} .internal_booking_form .medium select { width:95%; margin:5px 0; } .internal_booking_form input.medium { width:82%; padding:5px;} .internal_booking_form label.title { color:#0b5192; padding:0; font-size:11px; font-weight:800; line-height:13px;} /* Cam_list ===================================*/ .cam_list { width:100%;} .cam_list li { display:inline; position:relative;} .cam_list li a { position:relative; border-radius:7px; margin: 0 10px 10px 0; display:block; border: 1px solid #ececec; height:120px; width:180px; padding: 10px 10px; background:#fff; float:left; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .cam_list li a p img { text-align:center; margin:0 auto; width:180px; border:1px solid #ececec; } .cam_list li a h4 { color:#fff; font-size:18px; position:absolute; top:50px; width:87%; padding: 0 5px; text-shadow: 1px 1px 1px #444;} .cam_list li a:hover { background:#155d96;} .cam_list li a:hover h4 { color:#fff;} /* Video_list ===================================*/ .vid_list { width:100%;} .vid_list li { display:inline; position:relative;} .vid_list li a { position:relative; border-radius:7px; margin: 0 10px 10px 0; display:block; border: 1px solid #ececec; height:102px; width:180px; padding: 10px 10px; background:#fff; float:left; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .vid_list li a p img { text-align:center; margin:0 auto; width:180px; height: 103px; border:1px solid #ececec; } .vid_list li a h4 { color:#fff; font-size:18px; position:absolute; top:25px; width:87%; padding: 0 5px; text-shadow: 1px 1px 1px #444;} .vid_list li a:hover { background:#155d96;} .vid_list li a:hover h4 { color:#fff;} /* left column nav ====================================*/ .left_column_navigation { border-top:1px solid #f5f5f5;} .left_column_navigation li { display:block; float:left; width:100%; border-bottom:1px solid #f5f5f5;} .left_column_navigation li a { font-weight:bold; font-size:12px; color:#666; text-transform:uppercase; display:block; float:left; width:82%; padding:10px 3% 10px 13%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .left_column_navigation li a i { color:#155d96; margin-left:-24px; margin-right:9px;} .left_column_navigation li a:hover { background:#155d96; color:#fff; } .left_column_navigation li a:hover i { color:#fff;} .four.columns.grey_column { width:218px; background:#fff; border-radius:7px; padding:10px 0; border:1px solid #ececec;} .grey_column .column_padding { } .grey_column p { padding:10px;} .headline { font-size: 24px; background-color: none; padding-right: 10px; z-index: 5; position: relative; float: left; width:70%;} .headline.center_headinline { width:100%; text-align:center;} li div h3 .special_ttl { font-size: 18px; background-color: none; color:#cc0000; } .tp-leftarrow { display:none;} /* job listings ================================================== */ .job_list { float:left; width:100%; display:block; padding:20px 0; } .job_list li { width:100%; display:block; float:left;} .job_list li a { background:#fff; width:100%;float:left; padding:15px 0; border-radius:6px;} .job_list li a .list_date_time b { font-size:11px; text-transform:uppercase; margin-left:15px; margin-right:10px; color:#666; font-weight:bold;} .job_list li a .list_title { font-size:16px;} .job_list li a:Hover { background:#155d96; } .job_list li a:Hover .list_date_time b { color:#fff;} .job_list li a:Hover .list_title { color:#fff;} /* job listings ================================================== */ .faq_list { float:left; width:100%; display:block; padding:20px 0; } .faq_list li { width:100%; display:block; float:left;} .faq_list li a { background:#fff; width:100%; float:left; border:1px solid #f5f5f5; padding:8px 0; border-radius:6px; margin-bottom:10px;} .faq_list li a h4 { font-size:16px; padding-bottom:0; margin-left:15px;} .faq_list li a:Hover { background:#155d96; } .faq_list li a:Hover .list_date_time b { color:#fff;} .faq_list li a:Hover h4 { color:#fff;} /* job listings ================================================== */ .stack_list { float:left; width:100%; display:block; padding:20px 0; } .stack_list li { font-size:11px; line-height:20px; width:100%; display:block; float:left; color:#666;} .stack_list li a { background:#fff; width:100%;float:left; padding:15px 0; border-radius:6px; margin-bottom:10px;} .stack_list li a .list_date_time { display:block; float:left; height:100%; font-size:11px; text-transform:uppercase; margin-left:15px; margin-right:5px; color:#666; font-weight:bold;} .stack_list li a .list_title { display:block; float:left; font-size:16px; margin-top:0px; margin-left:15px; font-weight:600; color:#5a8d0a;} .stack_list li a:Hover { background:#155d96;color:#fff; } .stack_list li a:Hover .list_date_time { color:#fff;} .stack_list li a:Hover .list_title { color:#fff;} .stack_list2 { float:left; width:100%; display:block; padding:20px 0; } .stack_list2 li { font-size:11px; line-height:20px; width:100%; display:block; float:left; color:#666;} .stack_list2 li a { background:#f9f9f9; width:100%;float:left; padding:15px 0; border-radius:6px; margin-bottom:10px;} .stack_list2 li a .list_date_time { display:block; float:left; height:100%; font-size:11px; text-transform:uppercase; margin-left:15px; margin-right:5px; color:#666; font-weight:bold;} .stack_list2 li a .list_title { display:block; float:left; font-size:16px; margin-top:0px; margin-left:15px; font-weight:600; color:#5a8d0a;} .stack_list2 li a:Hover { background:#155d96;color:#fff; } .stack_list2 li a:Hover .list_date_time { color:#fff;} .stack_list2 li a:Hover .list_title { color:#fff;} .stack_list3 { float:left; width:100%; display:block; padding:20px 0; } .stack_list3 li { font-size:14px; line-height:20px; width:100%; display:block; float:left; color:#666; background:#f9f9f9; width:90%;float:left; padding:10px 0 10px 10px; border-radius:6px; margin-bottom:10px;} .stack_list3 li .list_date_time { display:block; float:left; height:100%; font-size:11px; text-transform:uppercase; margin-left:15px; margin-right:5px; color:#666; font-weight:bold;} .stack_list3 li .list_title { display:block; float:left; font-size:16px; margin-top:0px; margin-left:15px; font-weight:600; color:#5a8d0a;} /*.stack_list3 li a:Hover { background:#155d96;color:#fff; } */ .stack_list3 li a:Hover .list_date_time { color:#fff;} .stack_list3 li a:Hover .list_title { color:#fff;} /* contact form list ================================================== */ .contact_list { float:left; width:100%; display:block; padding:20px 0; } .contact_list li { font-size:11px; line-height:20px; width:100%; display:block; float:left; color:#666;} .contact_list li a { background:#fff; width:90%;float:left; padding:15px 15px; border-radius:6px; margin-bottom:10px; font-size:16px; margin-top:0px; margin-left:0; font-weight:600; color:#444;} .contact_list li a:Hover { background:#155d96;color:#fff; } .build_grid { min-width:600px; } .build_grid tr td .inner_table tr td, .build_grid tr td.bottom-td { width:200px; } .inner_table2 tr td { width:400px; } .build_grid { border-right:none; width:100%; float:left;} .build_grid tr { border-bottom:1px solid #ccc;} .build_grid tr td { padding:0;} .build_grid tr td .inner_table { display:block; width:100%;} .build_grid tr td .inner_table2 { display:block; width:100%;} .build_grid tr td .inner_table tr:eq(1) { border:none;} .build_grid tr td .inner_table2 tr:eq(1) { border:none;} .build_grid tr td .inner_table tr td { text-align:center; font-weight:bold; padding:5px 20px; } .build_grid tr td .inner_table2 tr td { text-align:center; font-weight:bold; padding:5px 20px; } .build_grid tr td .inner_table tr td.top { background:#ececec;} .build_grid tr td .inner_table2 tr td.top { background:#ececec;} .build_grid tr td .inner_table tr td.sold { background:yellow;} .build_grid tr td .inner_table2 tr td.sold { background:yellow;} .build_grid tr td.bottom-td { border-bottom:2px solid #ccc; text-align:center; font-weight:bold; padding:20px 20px; } .build_grid tr td.bottom-td2 { border-bottom:2px solid #ccc; text-align:center; font-weight:bold; padding:20px 20px; } /* contact forms ================================================== */ .contact_form_interior { width:100%;} /* =================================================*/ #loading { position:fixed; height:100%; width:100%; background:#0a5192 url(../assets/loader_white.gif) center center no-repeat; display:none; z-index:2000;} /* Accordions & Toggles ====================================*/ .ui-accordion .ui-accordion-header, .trigger a { display: block; cursor: pointer; position: relative; padding: 0; line-height: 26px; outline: none; color: #888; font-size: 14px; background-color: #155d96; box-shadow: none; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; padding: 10px 16px 10px 25px; margin-bottom: 10px; border-radius: 3px; } .ui-accordion .ui-accordion-header-active:hover, .ui-accordion .ui-accordion-header-active, .trigger.active a, .trigger.active a:hover { background: #155d96; color: #fff; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.1); } .ui-accordion .ui-accordion-content, .toggle-container { padding: 0 16px 10px 16px; } .ui-accordion .ui-accordion-content p { margin: 0; } .ui-accordion .ui-accordion-content { } .ui-accordion-icon:before, .ui-accordion-icon-active:before, .toggle-icon:before { font-family:"FontAwesome"; content:""; color: #fff; font-size: 18px; display: block; float: left; line-height: 25px; margin: 0 8px 0 0; } .toggle-container p { margin: 0; } .ui-accordion-icon-active:before, .trigger.active .toggle-icon:before { content:""; color: #fff; } .faq .toggle-icon:before, .faq .trigger.active .toggle-icon:before { content:""; } .ui-widget-content { border:none; background:none; line-height:28px; font-size:14px; color:#444;} .ui-accordion-header-active { background:#155d96;} .ui-accordion .ui-accordion-header .ui-accordion-header-icon { color:#fff; position: absolute; left: .5em; top: 50%; margin-top: -8px; } /* Green Lines ================================================== */ .green_line_full { border-top:3px solid #d60211; width:100%; display:block; margin-top:-8px; padding-bottom:15px;} .green_line_third { border-top:3px solid #d60211; width:40%; display:block; margin-top:10px; padding-bottom:15px;} .green_line_short { border-top:3px solid #d60211; width:25%; display:block; margin-top:10px; padding-bottom:15px;} /* Complex Layout Styles ================================================== */ .complex_photoform_block { width:100%; display:block; background:#fff; height:415px; margin-bottom:30px;} .complex_photo { float:left; width:650px; display:block; height:415px; position:relative; z-index:1; background:#155d96; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .complex_photo img.complex_photo_set { float:left; width:650px; display:block; height:415px; } .complex_photo .center_img_wrap { float:left; width:650px; display:block; height:415px; background: url(../assets/center_photo_blur.jpg) no-repeat;} .complex_photo img.complex_photo_set_center { text-align:center; display:block; margin:70px auto 0 auto; border-radius:10px; border:6px solid #fff; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc;} .complex_photo .complex_title { width:100%; background:#155d96; position:absolute; bottom:0; z-index:200;} .complex_photo .complex_title h1 { color:#fff; font-size:26px; line-height:28px; padding:20px 15px;} .complex_content_block { display:block; float:left; width:100%; display:block; background:#fff; margin-bottom:30px;} .complex_content_block .tabs-container { display:block; float:left; padding:20px 30px; width:590px;} .amenities_block { display:block; float:left; width:190px; display:block; background:#fff; padding:30px; } .tabs_block { border-right:1px solid #ececec;display:block; float:left; width:650px; display:block; background:#fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .tabs-nav { background:#f2f2f2;} .amenities_block .list-1 li { margin:10px 0;} .amenities_block .list-1 li:empty { display:none;} .tabs_block .tabs-nav.condos_tabs li a { line-height:20px; padding:13px 14px; height:20px; font-size:14px; text-transform:uppercase; font-weight:700; border-radius:none;} .tabs_block .seasons { width: 90%; background: none; border: none; padding: 0; } .tabs_block .seasons-left { float:left; width:50%; font-weight:bold; padding: 5px 0; border-bottom:2px solid #ececec; } .tabs_block .seasons-right { float:right; width:50%; padding: 5px 0; border-bottom:2px solid #ececec; } .internal_booking_social { margin:30px 0 0 15px; float:left; display:block;} .internal_booking_social li a { margin:5px;} .tabs_block #map { width:100%; margin-top:-30px;} .tabs_block #map iframe { width:650px; margin-left:-30px; margin-bottom:-35px;} .tabs_block .tabs-nav li a { line-height:20px; padding:8px 14px; height:40px;} .tab-content h3 { font-size:20px; line-height:30px; color:#222; font-weight:300; padding-bottom:15px; margin-bottom:20px; border-bottom:2px solid #5a8d0a; } .tab-content .detail_address h3 { font-size:16px; font-weight:700; color:#5a8d0a; text-transform:uppercase; padding-bottom:5px; border-bottom:none; margin-bottom:0px;} .tab-content .detail_address.fl_left { float:left; margin-right:30px; width:44%;} /* Complex Layout Styles ================================================== */ .booking_detail_photoform_block { width:100%; display:block; background:#fff; height:700px; margin-bottom:30px;} .booking_detail_photo { float:left; width:800px; display:block; height:591px; position:relative; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .booking_detail_photo img { float:left; width:800px; display:block; height:531px; } .booking_detail_photo .ratings_line img { float:left; width:AUTO; display:block; height:auto; margin-top:10px; } .booking_detail_photo .ratings_line .review_span { margin-left:10px; color:#fff;} .booking_detail_photo .ratings_line { cursor:pointer; float:right; position:absolute; top:0; right:10px; width:95px;} .booking_detail_photo .booking_detail { width:100%; background:#155d96; position:relative; float:left; z-index:300;} .booking_detail_photo .booking_detail h2 { color:#fff; font-size:24px; line-height:36px; padding:7px 10px;} .booking_detail_photo .booking_detail h2 span { color:#fff; font-size:14px; line-height:18px; } .booking_detail_content_block { display:block; float:left; width:100%; display:block; background:#fff; margin-bottom:30px;} .booking_detail_content_block .tabs-container { display:block; float:left; padding:20px 30px; width:590px;} .amenities_block { display:block; float:left; width:190px; display:block; background:#fff; padding:30px; } .amenities_block .list-1 { margin-left:5px;} .amenities_block .list-1 li { padding-left:15px;} .amenities_block .list-1 li:before { margin-left:-22px;} a.button.color.vr_link { background:#1b7fb0; color:#fff;} .booking_detail_content_block .tabs_block { border-right:1px solid #ececec; display:block; float:left; width:650px; display:block; background:#fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .tabs-nav { background:#f2f2f2;} .amenities_block .list-1 li { margin:10px 0;} .booking_detail_content_block h4 { margin-bottom:5px; padding:0; float:none;} .tabs_block .seasons { width: 90%; background: none; border: none; padding: 0; } .tabs_block .seasons-left { float:left; width:50%; font-weight:bold; padding: 5px 0; border-bottom:2px solid #ececec; } .tabs_block .seasons-right { float:right; width:50%; padding: 5px 0; border-bottom:2px solid #ececec; } .internal_booking_social { margin:10px 0 0 15px; float:left; display:block;} h3.share_this_heaing { text-align:center; text-transform:uppercase; font-size:16px;} .internal_booking_social li a { margin:5px;} .booking_social_top { margin:-85px -10px 0 15px; float:right; display:block; } h3.share_this_heaing_top { display:block; color:#999; text-align:right; text-transform:uppercase; font-size:11px;} .booking_social_top li a { margin:0px;} .booking_social_bottom { margin:10px -10px 0 0; float:left; display:block; } h3.share_this_heaing_bottom { display:block; text-align:left; text-transform:uppercase; font-size:14px;} .booking_social_bottom li a { margin:0px;} .tabs_block #map { width:100%; margin-top:-30px;} .tabs_block #map iframe { width:650px; margin-left:-30px; margin-bottom:-35px;} .booking_detail_content_block .tabs_block .tabs-nav li a { line-height:20px; padding:13px 14px; height:20px; font-size:14px; text-transform:uppercase; font-weight:700; border-radius:none;} .booking_detail_content_block .tab-content h3 { font-size:20px; line-height:30px; color:#222; font-weight:300; padding-bottom:15px; margin-bottom:20px; border-bottom:2px solid #5a8d0a; } .booking_detail_content_block .tab-content .detail_address h3 { font-size:16px; font-weight:700; color:#5a8d0a; text-transform:uppercase; padding-bottom:5px; border-bottom:none; margin-bottom:0px;} #detail_lg_ph_container { } #gal_nav { position:relative; cursor:pointer; float:left; height:15px; margin:-600px 0 10px 0; text-align:center; width:800px; display:block; color:#555; z-index:1;} #gal_nav span { font-weight:bold; } #gal_prev { background:url(../assets/gal_left_arrow.png) no-repeat; height:48px; width:48px; padding:0; margin:0; text-transform:uppercase; color:#fff; display:block; text-indent:-9999px; position:absolute; top:300px; left:0px; } #gal_prev:hover { background: #fff url(../assets/gal_left_arrow.png) no-repeat; } #gal_next { background:url(../assets/gal_right_arrow.png) no-repeat; height:48px; width:48px; padding:0; margin:0; text-transform:uppercase; color:#fff; display:block; text-indent:-9999px; position:absolute; top:300px; right:0px; } #gal_next:hover { background: #fff url(../assets/gal_right_arrow.png) no-repeat; } .thmb_list li.gal_selected { border: 1px solid #5a8d0a; } .thmb_list { width:100%; margin-left: 0px; margin-top:2px; display:block; z-index:100;} .thmb_list li { float:left; margin: 0 1px 1px 0; border:none; border: 1px solid #fff;} .thmb_list li a { height:34px; width:auto; display:block;} .thmb_list li a img { height:34px; width:auto; display:block;} #detail_thmb_carousel { position:relative; float:left; bottom:0; left:0; display:block;} .booking_detail_form { float:left; width:200px; padding:20px 20px 0px 20px; line-height:20px;} .booking_detail_form.summaryDate { background:#e8e8e8;} .properties_list li a {} #detail_lg_ph_container #premium_rating { background:#f1ce0d; padding:3px 10px 1px 10px; font-weight:800; color:#fff; text-transform:uppercase;} .booking_detail_form_wrap { float:left; width:240px; } /* job listings ================================================== */ .properties_list { float:left; width:100%; display:block; padding:20px 0; } .properties_list li { width:100%; display:block; float:left;} .properties_list li a { background:#fff; width:100%; float:left; border:1px solid #f5f5f5; padding:8px 0; border-radius:6px; margin-bottom:10px;} .properties_list li a h4 { font-size:16px; padding-bottom:0; margin-left:15px;} .properties_list li a:Hover { background:#155d96; } .properties_list li a:Hover .list_date_time b { color:#fff;} .properties_list li a:Hover h4 { color:#fff;} /* Image styling ====================================================================== */ .content_image { border:10px solid #fff; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc;} .image_right { float:right; margin:0 0 15px 15px;} .image_left { float:left; margin:0 15px 15px 0 ;} .image_tilt_right_5 { transform:rotate(-5deg); -ms-transform:rotate(-5deg); /* IE 9 */ -webkit-transform:rotate(-5deg); /* Safari and Chrome */} .image_tilt_right_3 { transform:rotate(-3deg); -ms-transform:rotate(-3deg); /* IE 9 */ -webkit-transform:rotate(-3deg); /* Safari and Chrome */} .image_tilt_left_5 { transform:rotate(5deg); -ms-transform:rotate(5deg); /* IE 9 */ -webkit-transform:rotate(5deg); /* Safari and Chrome */} .image_tilt_left_3 { transform:rotate(3deg); -ms-transform:rotate(3deg); /* IE 9 */ -webkit-transform:rotate(3deg); /* Safari and Chrome */} /* Postcard ====================================================================== */ #postcard .postcard_table { border-spacing:5px;} #postcard .postcard_table tr td { background:#fff; border-radius:7px; margin:5px; padding:10px; border:10px solid #f9f9f9;} #postcard #main { margin: auto; width: 100%; background: #f9f9f9; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size : 12px; text-align:center; } #postcard #postcardform { width: 100%; background: #f9f9f9; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size : 12px; padding:0px; margin-bottom:0px; text-align:center; } #postcard #result { margin-left: 100px; text-align:center; border: 1px solid #cccccc; width: 650px; background: #f9f9f9; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size : 12px; padding:15px; margin-bottom:20px; margin-top:15px; } #postcard .text { border: 1px solid #cccccc; } #postcard input, textarea { border: 1px solid #aaa; } #postcard #caption { font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin:10px; font-size : 14px; color:#C64934; } #postcard #icon { width:100px; height:100px; float:left; background-image:url(icon.gif); background-repeat: no-repeat; background-position:center center; } #icon2{ width:80px; height:60px; float:left; background-image:url(icon2.gif); background-repeat: no-repeat; background-position:center center; } #postcard #source { text-align:right; align:right; padding-right:10px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size : 10px; color:#CCCCCC; } /* offices table ====================================================================== */ .office_address { float:left; padding:10px; height:210px; width:182px;} /* Hot deals revisions ====================================================================== */ #secret_special_table_wide { background:#fff; width:980px; margin-bottom:50px; border-bottom:1px solid #ececec; border:none; } #secret_special_table_wide tr { cursor:pointer;} #secret_special_table_wide tr td { vertical-align:top; padding:5px 10px; border-top:1px solid #ececec; border-left:1px solid #ececec; font-size:12px; text-align:left; color:#555; background:#fff;} #secret_special_table_wide tr.heading_row { display:none;} #secret_special_table_wide tr.heading_row td { padding:0; border-top:1px solid #f23128; border-left:1px solid #f23128; background:#fff; color:#fff; font-weight:bold;} #secret_special_table_wide tr td.x124 { text-align:center;} #secret_special_table_wide tr td.xl25 { text-align:center; color:red; font-weight:bold;} #secret_special_table_wide tr td.x127 { text-align:center;} #secret_special_table_wide tr td.building_td { color:#5c7120; font-weight:bold;} #secret_special_table_wide tr:hover td, #secret_special_table tr.over td { background:#fff;} #secret_special_table_wide tr.heading_row:hover td, #secret_special_table tr.heading_row.over td { background:#41a2d5} #secret_special_table_wide tr td h3.any_blg_names { font-size:20px;} #advanced_search_wide_wrap { width:920px; float:left; height:75px; display:block; margin: 0 0 20px 10px;} #advanced_search_wide { color:#fff; position:relative; float:left; margin:0 0 0 0 ; width:915px; background:#00498d; border-radius:5px; padding:0; /* border:1px solid #ececec; */ -moz-box-shadow: 0px 0px 3px 0px #ccc; -webkit-box-shadow: 0px 0px 3px 0px #ccc; box-shadow:0px 0px 3px 0px #ccc; } #advanced_search_wide.filterAdvancedfixed { border-top:1px solid #fff;border-bottom:1px solid #fff; position: fixed; margin-top:0; top: 0px; width:900px; z-index:2900; moz-box-shadow: 0px 0px 6px 0px #999; -webkit-box-shadow: 0px 0px 6px 0px #999; box-shadow:0px 0px 6px 0px #999; } #advanced_search_wide .advanced_search_wide_block { float:left; margin-right:15px; font-size:11px; text-transform:uppercase; font-weight:bold;} #advanced_search_wide .advanced_search_wide_block_button { float:right; margin:10px 0 0 0;} #advanced_search_wide #super_special_form { width:895px; display:block; float:left; padding:10px 0 10px 10px; background:#fff url(http://www.brett-robinson.com/_iqbooking_session_new/images/zebra_white_bg.jpg); } #advanced_search_wide #super_special_form { float:left;} #advanced_search_wide #super_special_form h5 { float:left; padding:8px 10px 0 0 ; } #advanced_search_wide #super_special_form .date_input { height:12px; border:1px solid #ececec; padding:7px 4px 6px 4px;margin-top:2px; width:145px;} #advanced_search_wide #super_special_form .bed_input { margin:5px 0px 0 0; width:100px;} #advanced_search_wide #super_special_form .building_input { margin:5px 0px 0 0; width:140px;} #advanced_search_wide #super_special_form .submit_input { margin-left:10px;} #advanced_search_wide #super_special_form .submit_btn { font-size:14px; color: white; background:#f23128; text-shadow: 0 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; min-width: 72px; border: 1px solid transparent; -webkit-transition: border-color .218s; font-weight: bold; margin: 0 0; padding: 5px 12px; text-align: center; vertical-align: middle; white-space: nowrap; cursor: pointer; outline: none; border: 1px solid #c13f10; border-radius: 2px; } #advanced_search_wide #super_special_form .submit_btn_yellow { font-size:14px; color: #fff; background:#7dc304; text-transform: uppercase; min-width: 72px; border: 1px solid transparent; -webkit-transition: border-color .218s; font-weight: bold; margin: 0 0; padding: 5px 12px; text-align: center; vertical-align: middle; white-space: nowrap; cursor: pointer; outline: none; border: 1px solid #f8e17b; border-radius: 3px; } /* Homepage Specific ================================================== */ .center_container { background-color:#ecece5; padding:40px 0; height:300px; } .center_container.bg_seaturtle { background:#f9faf5 url(../assets/sitting_beach.jpg) right -200px no-repeat;} .center_content h2 { padding-top:20px; color:#00498d; font-size:30px; font-weight:800;} .center_content h3 { color:#444; font-size:20px; font-weight:400; text-transform: uppercase;} .center_content p { font-size:16px; line-height:26px; color:#333;} .center_content a.home_side_link { font-weight:800; color:#fff; font-size:32px; margin:30px 0 0 50px; display:block;} .center_content a.home_side_link span { font-weight:400; color:#fff; font-size:24px;} .center_content a.home_side_link .icon-chevron-sign-right { font-size:24px;} .accordion.ui-widget { font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; background: none; border: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; top:0;} .ui-accordion h3.ui-accordion-header { color:#fff; font-weight:bold;} /* Datepikcer ================================================== */ #ui-datepicker-div { background:#fff; top:0;} .ui-widget { font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; background: #29a2d9; border: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; top:0;} .ui-datepicker { padding: 7px; } .ui-datepicker-header { border: none; border-bottom: none; background:#5a8d0a; font-weight: normal; font-size: 11px; text-transform: uppercase; } .ui-datepicker-header .ui-state-hover { background: transparent; border-color: transparent; cursor: pointer; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .ui-datepicker .ui-datepicker-title { padding:3px 10px; color:#fff; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; font-weight:800; } .ui-datepicker table { margin: 0; border } .ui-datepicker th { padding: 5px 0; color: #0b5192; font-size: 12px; font-weight: normal; text-shadow: 0 0 2px #45c4f8; text-transform: uppercase; border: none; } .ui-datepicker td { border: none; padding: 0px; } td .ui-state-default { background: transparent; border: none; text-align: center; padding: 0 0; margin: 0; font-weight: normal; color: #efefef; font-size: 14px; border: none; width:25px; vertical-align:center; display:block; padding:2px 0 5px 0; height:24px; text-align:center; font-weight:700;} td .ui-state-active, #booking_calendar #datepicker td .ui-state-hover { background: #1b7fb0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } td .ui-state-default { background: transparent; border: none; text-align: center; padding: 0 0; margin: 0; font-weight: normal; color: #efefef; font-size: 14px; border: none; width:25px; vertical-align:center; display:block; padding:2px 0 5px 0; height:24px; text-align:center; font-weight:700;} .ui-datepicker td span, .ui-datepicker td a { padding:2px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #fff; background: #e6e6e6; font-weight: normal; color: #555555; } td .ui-state-active, td .ui-state-hover { background: #0b5192; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .internal_banner { width:100%;} #home_parallax { background: url(../assets/building_center.jpg) no-repeat top center fixed;} .internal_description { float:left; width:240px; display:block; height:365px; background-color:#ececec;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:25px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .internal_description p { color:#333; font-size:14px; line-height:21px;} .internal_description h3 { text-transform:uppercase; font-size:30px; } /* Gallery =================================================*/ .gallerytitle{ font-weight: bold; font-size: 14px; line-height: 10px; } .gallerydescription { font-style: italic; text-decoration: none; padding-bottom: 10px; } a.photogallery:link, a.photogallery:visited { background-color: white; color: black; text-decoration: none; display: block; height: 200px; width: 190px; float: left; margin: 6px; padding: 15px; } a.photogallery:hover, a.photogallery:active { background-color: #fce08a;} #mygallery { position: relative; } #mygallery a.photogallery img { border: 1px solid black; } .button{ margin-top: 10px; clear: both; display: block; } .albumcaption { color: #444; font-size: 14px; line-height: 18px; padding-bottom: 10px; } p.withmargin { margin: 10px 0px; } div.crop{ width: 190px; height: 130px; overflow: hidden; } .photogallery_include { margin:20px 0;} /*Process Block =================================================*/ .process_block { width:48%; float:left; display:block;} .process_block_1 { margin-right:20px;} /* Weather ================================================== */ .weather_block { text-align:center; overflow:hidden; width: 90px;font-family: Arial, sans-serif; color: #fff; float:right; padding:0 15px 0 15px; display:block; margin-top:-7px;} .temp { float:right; display:block; font-weight:bold; font-size:28px; color:#fff; padding:2px 0 0 6px;} .wcond { width:100%; text-align:right; float:right; display:block; font-size:11px; line-height:14px; font-weight:bold; color:#fff; vertical-align:top; margin-top:-8px;} .weather_block .weather { float:right; display:block; text-align:center; font-family: 'weather'; font-size:50px; line-height:40px; color:#fff; vertical-align: baseline; margin-top:-5px; } @font-face { font-family: 'weather'; src: url('../font/artill_clean_icons-webfont.eot'); src: url('../font/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../font/artill_clean_icons-webfont.woff') format('woff'), url('../font/artill_clean_icons-webfont.ttf') format('truetype'), url('../font/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); font-weight: normal; font-style: normal; } .home_weather_small.weather_block { text-align:center; overflow:hidden; width: 80px;font-family: Arial, sans-serif; color: #fff; float:right; padding:0 15px 0 0; display:block; margin-top:6px;} .home_weather_small .temp { float:right; display:block; font-weight:bold; font-size:24px; color:#fff; padding:2px 0 0 6px;} .home_weather_small .wcond { width:100%; text-align:right; float:right; display:block; font-size:11px; font-weight:bold; color:#fff; vertical-align:top; margin-top:-8px;} .home_weather_small .weather_block .weather { float:right; display:block; text-align:center; font-family: 'weather'; font-size:50px; line-height:40px; color:#fff; vertical-align: baseline; margin-top:-5px; } .home_weather_small .weather_text { } /* slider news ====================================*/ .slider_news_footer { opacity:.95; height:52px; position:absolute; bottom:0; width:100%; background:#0a5192; z-index:100; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .slider_news_footer h4 { color:#fff; font-weight:600; font-size:16px; text-transform: uppercase; padding:15px 0 0 15px; float:left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .slider_news_footer h4 a b { color:#fff; font-weight:600; font-size:16px; text-transform: uppercase; padding:10px 0 0 15px; float:left;} .slider_news_footer .home_weather { background:#7dc304; width:90px; height:52px; float:left; } .slider_news_footer .home_news_line_link { color:yellow; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .slider_news_footer .home_news_line_link i { padding-left:10px;} .condos_blocks .mediaholder a { overflow:hidden; height:150px; display:block; width:220px;} .slider_news_footer .home_weather_wide { background:#7dc304; width:90px; height:52px; float:left; padding-left:80px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .complex_units { text-align:center; background:#fff; float:left; width:200px; margin-right:15px; display:block; height:290px; padding:15px; position:relative} input.complex_detail_btn { position:absolute; bottom:0; left:0; width:100%; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border: 0px solid #000000;} .complex_units h3 { font-size:16px; color:#666;} .complex_units .ratings_line { text-align:center;} .complex_units .ratings_line img { margin:0 auto;} .complex_photo { overflow:hidden;} .complex_photo .banner { height:415px;} .banner.complex_banner { border-radius:0; max-width:650px; height:415px; position:relative; overflow:hidden; } .complex_photo .tp-leftarrow { display:block;} #header .slider_notification { display:none; opacity:1; height:52px; position:relative; width:100%; background:#c5200a; z-index:1000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #header .slider_notification .slider_notification_line h4 { color:#fff; padding:12px 15px; float:left;} #header .slider_notification_close { cursor:pointer; float:right; color:#fff; padding:12px 15px; font-size:20px; } /* Promo Blocks ====================================*/ .promo_block a { position:relative; border-radius:5px; margin:20px 0 30px 0; width:325px; height:180px; background:#ecece5; float:left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .promo_block a:hover .promo_block_link { } .promo_block_img img { border:3px solid #eaeaea; border-top-right-radius: 5px; border-top-left-radius: 5px;} .promo_block_link { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position:absolute; bottom:0; width:100%; background:#5a8d0a; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .promo_block_link:hover { background:#ff0716;} .promo_block_link h3 { padding:5px 0 5px 10px; color:#fff; font-size:18px; font-weight:400; text-transform: uppercase;} .promo_block_link h3 b { font-weight:600; color:#fff; opacity: 1; } .container2 .one-third-alt.column.properties_promo { margin-right:0;} .promo_block_img.complex_block { max-height:180px; overflow:hidden;} /* Booking Summary ================================================== */ .book_summary { padding:15px 15px 25px 15px; position:relative;} .book_summary h3 { text-transform:uppercase;} h2.book_summary { padding:0; font-size:18px; font-weight:300; color:#666; text-transform:uppercase; padding-left:15px;} h2.book_summary b { font-weight:700; color:#155d96;} h2.book_summary span { font-weight:700; color:#499002;} .booking_detail_form h2.book_summary { padding:0; font-size:18px; font-weight:300; color:#666; text-transform:uppercase; padding-left:0px;} #modify_btn { text-transform:uppercase; font-size:16px; text-transform:uppercase; font-weight:bold; background:#499002; position:absolute; margin-top:10px; bottom:-10px; left:0; width:100%; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; border: 0px solid #000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} #modify_btn:hover { background:#555;} b.final_price { color:#d60211; font-size:21px;} input.book_btn_summary { width:96%; margin-bottom:10px; background-color: #D60211} #filter_block { margin-top:15px;} .filter_heading { background:#ececec; padding:7px 10px; color:#555; font-size:14px;} .filter_heading b { color:#555; padding-left:30px;} .filter_input { display:block; padding-left:0;} .filter_input label { margin-left:10px; padding:2px; font-weight:bold;} .filter_input input { padding:4px; float:left;} .filter_input li { float:left; width:217px; padding:4px; background:#fff; border:1px solid #ececec; font-size:12px; color:#555; font-weight:bold;} .filter_input li.off { float:left; width:217px; padding:4px; background:#fff; border:1px solid #ececec; font-size:12px; color:#999; font-weight:bold; } .filter_input li.filter_hidden { display:none;} #filter_block { display:none; background:#fff;} #filter_block .ui-accordion-header-active { background:#ececec; padding:7px 10px; color:#555; font-size:14px; } #filter_block .ui-accordion-header { background:#ececec; padding:7px 10px; color:#555; font-size:14px; margin:0;} #filter_block .ui-accordion-content { padding:0;} #filter_block_heading { display:none; padding-top:25px;} #history_block { display:block; background:#fff;} .history_heading { background:#fff; padding:3px 10px 3px 14px; color:#555; font-size:14px; margin:0;} #history_block_heading { display:block; padding-top:25px;} /* Booking Heading ================================================== */ .booking_building_header { width:100%; background:#155d96; border-radius:7px; display:block; float:left; margin-bottom:20px; } .booking_building_header .booking_header_left { float:left; padding:15px; width:270px; } .booking_building_header .booking_header_left h3 { color:#fff; font-weight:800; text-transform:uppercase;} .booking_building_header .booking_header_left h3 span { color:#fff; font-weight:400;} .booking_building_header .booking_header_left p { color:#fff; font-weight:600; text-transform:uppercase; padding:10px;} .booking_building_header .booking_header_left p span { font-size:11px;} .booking_building_header .booking_header_right { width:380px; float:left; height:175px; overflow:hidden; border-top-right-radius:7px; border-bottom-right-radius:7px; } .booking_building_header .booking_header_right a img { width:380px; display:block; margin-top:-35px; } .booking_building_header .booking_header_right .center_img_wrap { float:left; width:380px; display:block; height:175px; background: url(../assets/center_photo_blur.jpg) bottom right no-repeat;} .booking_building_header .booking_header_right img.complex_photo_set_center { text-align:center; display:block; margin:20px auto 0 auto; border-radius:10px; border:6px solid #fff; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc;} /* packages_list ================================================== */ .packages_list { width:100%; float:left; margin:20px 0;} .packages_list li { display:inline;} .packages_list li a { border-radius:4px; border:1px solid #ececec; display:block; float:left; width:295px; height:300px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .packages_list li a p { padding:20px; color:#555;} .packages_list li a .packages_img img { width:100%; border-bottom:3px solid #d60211;} .packages_list li a h4 { margin-top:30px ;padding:10px 15px; text-align:center; text-transform:uppercase; font-size:21px; color:;#444} .packages_list li a .circle { position: absolute; display: block; top:146px; left:125px; background:#f5c53d; width:50px; height:50px;} .packages_list li a .circle span { background:#f5c53d; width:50px; height:50px; } .packages_list li a .circle i { font-size: 18px; margin: 15px 0; left: 30%; float: left; color: #fff; z-index: 5; position: relative; } .packages_list li a:hover { -webkit-box-shadow: 0px 0px 6px #888; -moz-box-shadow: 0px 0px 6px #888; box-shadow: 0px 0px 6px #888;} .packages_list li a .clickmore { position: absolute; background:#f5c53d; color:#fff; padding:10px 15px; font-weight:bold; display:none; opacity: 0;} .packages_list li a:hover .clickmore { display: block; transition-delay: 2s ease-in-out; opacity: 1;} .packages_list li a:hover .packages_img img { border-bottom:3px solid #f5c53d; } /* packages_detail ================================================== */ .packages_detail { border-radius:4px; border:1px solid #ececec; display:block; padding-bottom:60px; width:600px; height:auto; background:#fff; margin:25px auto 25px auto; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .packages_detail p { padding:20px 30px; margin-bottom:0; color:#555; font-size:14px; line-height:24px;} .packages_detail .packages_img { width:100%; height:270px; display:block; overflow:hidden; border-bottom:6px solid #d60211;} .packages_detail .packages_img img { width:100%; } .packages_detail h4 { width:100%; padding:15px 0 0 0 ; text-align:center; text-transform:uppercase; font-size:32px; line-height:50px; color:#555; letter-spacing: -.005em;} .packages_detail h4 b { color:#555; } .packages_detail .circle { position: absolute; display: block; top:-40px; left:260px; background:#f5c53d; width:80px; height:80px;} .packages_detail .circle span { background:#f5c53d; width:80px; height:80px; } .packages_detail .circle i { font-size: 40px; margin: 22px 0; left: 30%; float: left; color: #fff; z-index: 5; position: relative; } .packages_detail .clickmore { position: absolute; background:#f5c53d; color:#fff; padding:10px 15px; font-weight:bold; display:none; opacity: 0;} .packages_detail .valid_line { text-align:center; font-weight:800; padding-bottom:10px;} .packages_detail .phone_call { position:absolute; bottom:0; width:100%; padding:15px 0; color:#fff; text-align:center; font-weight:600; background:#155d96;} .packages_detail .phone_call b { font-weight:800; color:#fff; font-size:18px;} .special_bottom_return { margin:0 atuo; text-align:center;} /* specials ================================================== */ .specials_list { width:100%; float:left; margin:10px 0 25px 0;} .specials_list li { display:inline;} .specials_list li a { z-index:10; border-radius:4px; border:1px solid #ececec; display:block; float:left; width:295px; height:360px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .specials_list li a p { padding: 0 20px 10px 20px; color:#555; font-weight:800; text-align:center;} .specials_list li a .packages_img { min-height:167px;} .specials_list li a .packages_img img { width:100%; border-bottom:3px solid #155d96;} .specials_list li a h4 { margin-top:30px ;padding:10px 15px; text-align:center; text-transform:uppercase; font-size:21px; color:;#444} .specials_list li a .circle { position: absolute; display: block; top:146px; left:125px; background:#f5c53d; width:50px; height:50px;} .specials_list li a .circle span { background:#f5c53d; width:50px; height:50px; } .specials_list li a .circle i { font-size: 18px; margin: 15px 0; left: 28%; float: left; color: #fff; z-index: 5; position: relative; } .specials_list li a:hover, .specials_list li a:focus { -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none;} .specials_list li a .clickmore { position: absolute; background:#f5c53d; color:#fff; padding:10px 15px; font-weight:bold; display:none; opacity: 0;} .specials_list li a:hover .clickmore, .specials_list li a:focus .clickmore { display: none; transition-delay: 2s ease-in-out; opacity: 1;} .specials_list li a:hover .packages_img img, .specials_list li a:focus .packages_img img { border-bottom:none; } .specials_list li a .days_left { position:absolute; bottom:0; width:100%; padding:10px 0; color:#fff; text-align:center; font-weight:600; background:#155d96;} .specials_list li a .days_left.last_day { position:absolute; bottom:0; width:100%; padding:10px 0; color:#fff; text-align:center; font-weight:600; background:#d60211;} .specials_list li a .days_left.last_day b { color:#fff; font-weight:800;} /* packages_detail ================================================== */ .specials_detail { border-radius:4px; border:1px solid #ececec; display:block; padding-bottom:60px; width:600px; height:auto; background:#fff; margin:25px auto 25px auto; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .specials_detail p { padding:20px 30px; margin-bottom:0; color:#555; font-size:14px; line-height:24px;} .specials_detail .specials_img { width:100%; height:333px; display:block; overflow:hidden; border-bottom:6px solid #d60211;} .specials_detail .specials_img img { width:100%; } .specials_detail h4 { width:100%; padding:15px 0 0 0 ; text-align:center; text-transform:uppercase; font-size:32px; line-height:45px; color:#555; letter-spacing: -.005em;} .specials_detail h4 b { color:#555; } .specials_detail .circle { position: absolute; display: block; top:-40px; left:260px; background:#f5c53d; width:80px; height:80px;} .specials_detail .circle span { background:#f5c53d; width:80px; height:80px; } .specials_detail .circle i { font-size: 34px; margin: 22px 0; left: 30%; float: left; color: #fff; z-index: 5; position: relative; } .specials_detail .clickmore { position: absolute; background:#f5c53d; color:#fff; padding:10px 15px; font-weight:bold; display:none; opacity: 0;} .specials_detail .valid_line { text-align:center; font-weight:800; padding-bottom:10px;} .specials_detail .days_left { position:absolute; bottom:0; width:100%; padding:15px 0; color:#fff; text-align:center; font-weight:600; background:#155d96;} .specials_detail .days_left.last_day { position:absolute; bottom:0; width:100%; padding:15px 0; color:#fff; text-align:center; font-weight:600; background:#d60211;} .specials_detail .days_left b { font-weight:800; color:#fff; font-size:18px;} .five.columns.grey_column.special_detail_book_column .special_bottom_return a { margin:0 auto; text-align:center; width:100%; padding:7px 5px; margin-top:20px; float:left;} .five.columns.grey_column.special_detail_book_column .special_bottom_return { padding:0; } .five.columns.grey_column.special_detail_book_column { padding-top: 15px;} /* specials ================================================== */ .hot_deals_block { position:relative; border-radius:4px; border:4px solid #ececec; display:block; float:left; width:445px; height:200px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block.feaured_hotdeal { position:relative; border-radius:4px; border:4px solid #75d442; display:block; float:left; width:445px; height:200px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block .hot_deals_desc { display:block; float:left; font-size:12px; line-height:21px; padding:10px 10px 10px 15px; width:254px;} .hot_deals_block .hot_deals_desc h3 a { color:#555555; font-size:20px;} .hot_deals_block .imgwrap { float:left; width:166px; height:130px; overflow:hidden; border-bottom:70px solid #ececec;} .hot_deals_block .imgwrap img { width:190px;} .hot_deals_block .imgwrap2 { float:left; width:166px; height:130px; overflow:hidden; border-bottom:70px solid #ececec;} .hot_deals_block .imgwrap2 img { width:190px;} .advanced_search_wide_block b { color:#fff;} .hot_deals_block .hot_deals_desc .save_section { color:#d60211; font-weight:bold; } .hot_deals_block .hot_hot_btn { position:absolute; left:10px; bottom:15px; width:146px;} .hot_deals_block:hover { -webkit-box-shadow: 0px 0px 9px #ccc; -moz-box-shadow: 0px 0px 9px #cccc; box-shadow: 0px 0px 9px #ccc;} .hot_deals_block.feaured_hotdeal .featured_tag { position:absolute; z-index:2; background: url(../assets/featured_side.png) no-repeat; height:70px; width:70px; bottom:-1px; right:-1px; display:block;} .hot_deals_block_units { position:relative; border-radius:4px; border:4px solid #ececec; display:block; float:left; width:287px; height:370px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_units.feaured_hotdeal { position:relative; border-radius:4px; border:4px solid #75d442; display:block; float:left; width:287px; height:370px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_units .hot_deals_desc { display:block; float:left; font-size:12px; text-align:center; line-height:21px; padding:10px 10px 10px 15px; width:250px;} .hot_deals_block_units .hot_deals_desc h3 a { color:#555555; font-size:20px;} .hot_deals_block_units .imgwrap { float:left; width:287px; height:160px; overflow:hidden; border-bottom:5px solid #ececec;} .hot_deals_block_units .imgwrap img { width:287px;} .hot_deals_block_units .imgwrap2 { float:left; width:166px; height:130px; overflow:hidden; border-bottom:5px solid #ececec;} .hot_deals_block_units .imgwrap2 img { width:190px;} .hot_deals_block_units a.hot_unit_btn { width:94%; margin:0 3%; display:block; background:#E12927; float:left; text-align:center; border-radius:4px; padding:3px 0; color:#fff; font-weight:bold; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_units a.hot_unit_btn:hover { background:#871817; } .hot_deals_block_units.feaured_hotdeal .featured_tag { position:absolute; z-index:2; background: url(../assets/featured_side.png) no-repeat; height:70px; width:70px; bottom:-1px; right:-1px; display:block;} #video_iframe { width:100%; height:900px; margin-top:-250px;} .hot_deals_block_wide { position:relative; border-radius:4px; border:4px solid #ececec; display:block; float:left; width:910px; height:130px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_wide.feaured_hotdeal { position:relative; border-radius:4px; border:4px solid #75d442; display:block; float:left; width:910px; height:130px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_wide .hot_deals_desc { display:block; float:left; font-size:12px; line-height:21px; padding:10px 10px 10px 15px; width:60%;} .hot_deals_block_wide .hot_deals_desc h3 a { color:#555555; font-size:20px;} .hot_deals_block_wide .imgwrap { float:left; width:166px; height:130px; overflow:hidden; border-bottom:0 solid #ececec;} .hot_deals_block_wide .imgwrap img { width:190px;} .hot_deals_block_wide .imgwrap2 { float:left; width:166px; height:130px; overflow:hidden; border-bottom:70px solid #ececec;} .hot_deals_block_wide .imgwrap2 img { width:190px;} .hot_deals_block_wide .hot_deals_desc .save_section { color:#d60211; font-weight:bold; } .hot_deals_block_wide .hot_hot_btn { position:absolute; right:10px; top:25px; width:200px;} .hot_deals_block_wide:hover { -webkit-box-shadow: 0px 0px 9px #ccc; -moz-box-shadow: 0px 0px 9px #cccc; box-shadow: 0px 0px 9px #ccc;} .hot_deals_block_wide.feaured_hotdeal .featured_tag { position:absolute; z-index:2; background: url(../assets/featured_side.png) no-repeat; height:70px; width:70px; bottom:-1px; right:-1px; display:block;} /* complex list ================================================== */ .complex-list { width:100%; float:left;} .complex-list li { display:inline;} .complex-list li a { float:left; display:block; margin: 0 15px 15px 0; width:220px; height:380px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .complex-list p { display:block; float:left; padding:5px 10px; font-size:11px; color:#555;} .complex-list a h3 { font-size:16px; display:block; width:100%; float:left; padding:10px 0 5px 0; text-align:center;} .complex-list li a:hover { background:#155d96; border-radius:4px; } .complex-list li a:hover h3 { color:#fff;} .complex-list li a:hover p { color:#fff;} .complex-list li a:hover .content_image { border:none; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow:none; margin:10px;} .complex-list .complex_img { float:right; display:block; margin-left:40px;} h2.complex_footer_heading { font-size:22px; padding:15px 0; color:#155d96; width:100%; text-align:center; float:left; clear:both;} .container.featured_top_container { height:530px; background:#fff; width:100%; margin-top:-40px; background-position:fixed; } .container.featured_top_container.short { height:430px; background:#fff; width:100%; margin-top:-40px; background-position:fixed; } .container.featured_top_container.short.missing_sub { height:270px; background:#fff; width:100%; margin-top:-40px; background-position:fixed; border-bottom:1px solid #fff; } .container.featured_top_container.modify_form { height:400px; background:#fff; width:100%; margin-top:-40px; background-position:fixed; border-bottom:1px solid #fff; } .container.featured_top_container.modify_form h3 { } .ie8 .container.featured_top_container { height:530px; background:#fff; width:100%; margin-top:-40px; background-position:fixed; } .ie8 .container.featured_top_container.short { height:430px; background:#fff; width:100%; margin-top:-40px; background-position:fixed; } .ie8 .container.featured_top_container.short.missing_sub { height:270px; background:#fff; width:100%; margin-top:-40px; background-position:fixed; border-bottom:1px solid #fff; } .ie8 .container.featured_top_container.modify_form { height:400px; background:#fff; width:100%; margin-top:-40px; background-position:fixed; border-bottom:1px solid #fff; } .ie8 .container.featured_top_container.modify_form h3 { } .featured_top_container_heading { height:263px; padding-top:140px; width:100%; text-align:center; float:left; text-shadow: 1px 1px 1px #000;} .modify_form .featured_top_container_heading { height:200px; padding-top:30px; } .short .featured_top_container_heading { height:200px; padding-top:100px; } .shortt.missing_sub .featured_top_container_heading { height:200px; padding-top:70px; } .featured_top_container_heading span { color:#fff; font-weight:800; text-transform: uppercase; font-size:34px;} .featured_top_container_heading hr { width:15%; height:3px; border: solid #5a8d0a; border-width: 1px 0 0; text-align:center; margin:5px auto 5px auto; background:#5a8d0a; } .featured_top_container_heading h1 { text-align:center; color:#fff; text-shadow: 1px 1px 1px #000; font-weight:800; text-transform: uppercase; font-size:64px; line-height:80px;} .featured_top_container_heading h1 img.bird_logo { text-align:center; margin:0 auto; padding:0;} .featured_bottom_container_heading { background:#fff; width:100%; text-align:center; float:left; padding:20px 0; } .featured_bottom_container_heading h4 { font-weight:300; font-size:24px; line-height:30px;} .featured_bottom_container_heading hr { width:9%; height:3px; border-top:2 px solid #5a8d0a; text-align:center; margin:15px auto; background:#5a8d0a; } .container.featured_top_container.modify_form h3 { color:#fff; font-weight:800; text-transform: uppercase; font-size:35px; line-height:40px; text-shadow: 1px 1px 1px #000; margin-bottom:15px;} h3.modify_bottom_heading { width:100%; text-align:center; padding:15px 0; text-transform:uppercase; color:#505050;} #room_unavailable { display:none;} #room_unavailable.notification { background-color: #d60211; color: #fff; border: none; border-radius: 0; margin-bottom:8px; } #room_unavailable a.close { color:#fff;} #unit_detail_btn { width:96%; text-align:center; margin:10px 0 10px 0; } /* booking Navigation ================================================== */ .booking_navigation { float:left; width:100%; display:block; margin-bottom:15px;} .booking_display { float:right;} .booking_display a { margin-left:6px; float:right; padding:4px 7px; font-weight:bold; display:block; background:none; color:#666; font-size:18px; border-radius:5px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;} .booking_display a:Hover { color:#155d96;} .booking_display a.active { color:#499002;} .booking_sort { position:relative; float:left; display:block; } .booking_sort ul { display:none; } .booking_sort span { padding:4px 10px; font-weight:bold; display:block; background:#499002; color:#fff; border-radius:5px;} /* Building Listing ================================================== */ .building_item { border-radius:7px; border:1px solid #ececec; background:#fff; float:left; width:100%; margin:0 20px 20px 0; display:block; height:100px; position:relative; } .building_item .imgwrap { height:100px; width:210px; overflow:hidden; position:relative; margin-bottom:10px; float:left; } .building_item .imgwrap img { border-radius: 7px 0px 0px 7px; -moz-border-radius: 7px 0px 0px 7px; -webkit-border-radius: 7px 0px 0px 7px; } .building_itme_name h3 { float:right; font-size:22`px; margin:20px 20px 0 0; text-transform: uppercase; font-weight:600; color:#555;} .building_item_rate { } .building_item_btn { } .building_item_btn .listing_submit_btn { text-transform:uppercase; font-size:14px; text-align:center; width:170px; font-weight:bold; background:#D60211; position:absolute; margin-top:10px; bottom:-2px; right:0; border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 7px 0px; -webkit-border-radius: 0px 0px 7px 0px; border: 0px solid #000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} /* Booking - grid list ================================================== */ .wide .listing_block { border-radius:7px; border:1px solid #ececec; background:#fff; float:left; width:100%; margin:0 20px 20px 0; display:block; height:140px; position:relative;} .wide .listing_block.count_3 { margin:0 0 20px 0;} .wide .listing_block .room_num { } .wide .listing_block .image_block { position:relative; margin-bottom:10px; float:left;} .wide .listing_block .image_block img { height:140px;width:210px; border-radius: 7px 0px 0px 7px; -moz-border-radius: 7px 0px 0px 7px; -webkit-border-radius: 7px 0px 0px 7px; } .wide .listing_block .image_block .listing_detail_btn { position:absolute; bottom:15px; left:220px; padding: 3px 13px; font-weight:700; text-transform:uppercase; font-size:11px; background:#155d96; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .wide .listing_block .image_block .listing_detail_btn:hover { background:#5a8d0a;} .wide .listing_block .ratings_line { text-align:center; font-size:12px; padding-left:5px;} .wide .listing_block .ratings_line img { text-align:left; display:block; float:left; padding-right:10px; } .wide .listing_block .description_block { padding: 10px; float:left;} .wide .listing_block .description_block .rate_block { display:block; width:150px; background:none; float:right; position:absolute; top:0; right:0;} .wide .listing_block .description_block p { margin-bottom:0; padding-left:0;} .wide .listing_block .description_block h3 { color:#666; font-weight:bold; font-size:20px; line-height:24px; text-align:left; text-transform:uppercase;} .wide .listing_block .description_block .room_num { color:#777777; text-align:center; font-weight:bold; display:block; float:left; padding-left:0px; font-size:12px;} .wide .listing_block .description_block .free_night { font-weight:bold; color:#D60211; display:block; width:95%;} .wide .listing_block .description_block .as_low_as { line-height:16px;} .wide .listing_block .description_block .room_num span { text-align:right; padding-left:20px; width:100%;} .wide .listing_block .description_block input.book_btnRED { text-transform:uppercase; font-size:14px; text-align:center; width:170px; font-weight:bold; background:#D60211; position:absolute; margin-top:10px; bottom:-2px; right:0; border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 7px 0px; -webkit-border-radius: 0px 0px 7px 0px; border: 0px solid #000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .wide .listing_block .description_block .rate_block { padding:15px 15px 0 0; float:right; text-align:right; height:125px; width:155px; font-size:14px; color:#666; border-radius: 0px 7px 7px 0px; -moz-border-radius: 0px 7px 7px 0px; -webkit-border-radius: 0px 7px 7px 0px; } .wide .listing_block .description_block .rate_block.loading { background:#f5f5f5 url(../assets/loading_listing.gif) -17px -22px no-repeat; } .wide .listing_block .description_block .rate_block .rate_val { font-size:26px; color:#155d96;} .wide .listing_block .description_block input.book_btnRED:hover { background:#5a8d0a;} .wide .listing_block .description_block .premium_seal { font-weight:800;} .wide .listing_block .description_block .parking_one { float:left; display:block; margin-right:10px; color:#499002;} .wide .listing_block .description_block .price_strike { color:#D60211; font-size:18px;} /* Booking - grid list ================================================== */ .grid .listing_block { border:1px solid #ececec; border-radius:7px; background:#fff; float:left; width:211px; margin:0 18px 20px 0; display:block; height:365px; position:relative;} .grid .listing_block.count_3 { margin:0 0 20px 0;} .grid .listing_block .room_num { } .grid .listing_block .image_block { position:relative; margin-bottom:10px; } .grid .listing_block .image_block img { border-top-left-radius:5px; border-top-right-radius:5px; height:140px;width:210px; } .grid .listing_block .image_block .listing_detail_btn { position:absolute; bottom:-10px; left:55px; padding: 3px 13px; font-weight:700; text-transform:uppercase; font-size:11px; background:#155d96; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .grid .listing_block .image_block .listing_detail_btn:hover { background:#5a8d0a;} .grid .listing_block .ratings_line { text-align:center; font-size:12px; padding-left:5px;} .grid .listing_block .ratings_line img { text-align:left; display:block; float:left; padding-right:10px;} .grid .listing_block .description_block .free_night { font-weight:bold; color:#D60211;} .grid .listing_block .description_block { padding:0 10px;} .grid .listing_block .description_block p { margin-bottom:0;} .grid .listing_block .description_block h3 { color:#666; font-weight:bold; font-size:15px; line-height:24px; text-align:center; text-transform:uppercase;} .grid .listing_block .description_block .room_num { color:#777777; text-align:center; font-weight:bold; display:block; float:left; padding-left:10px; font-size:12px;} .grid .listing_block .description_block .room_num span { text-align:right; padding-left:20px; width:100%;} .grid .listing_block .description_block input.book_btnRED { text-transform:uppercase; font-size:16px; text-transform:uppercase; font-weight:bold; background:#D60211; position:absolute; margin-top:10px; bottom:0; left:0; width:100%; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; border: 0px solid #000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .grid .listing_block .description_block .rate_block { float:left; text-align:center; width:100%;} .grid .listing_block .description_block .rate_block .rate_val { font-size:22px;} .grid .listing_block .description_block input.book_btnRED:hover { background:#5a8d0a;} .grid .listing_block .description_block .price_strike { color:#D60211; font-size:18px;} .grid .listing_block .description_block .premium_seal { font-weight:800;} .grid .listing_block .description_block .parking_one { float:left; display:block; margin-right:10px; color:#499002;} /* Unit Selectors ================================================== */ #booking_calendar #datepicker { font-size: 90%; } #booking_calendar #datepicker .ui-widget { font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; background: #ececec; border: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #booking_calendar #datepicker .ui-datepicker { padding: 7px; } #booking_calendar #datepicker .ui-datepicker-header { border: none; border-bottom:none; background:#5a8d0a; font-weight: normal; font-size: 11px; text-transform: uppercase; } #booking_calendar #datepicker .ui-datepicker-header .ui-state-hover { background: transparent; border-color: transparent; cursor: pointer; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #booking_calendar #datepicker .ui-datepicker .ui-datepicker-title { padding:3px 10px; color:#fff; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; font-weight:800; } #booking_calendar #datepicker .ui-datepicker .ui-datepicker-prev-hover, #booking_calendar #datepicker .ui-datepicker .ui-datepicker-next-hover, #booking_calendar #datepicker .ui-datepicker .ui-datepicker-next, #booking_calendar #datepicker .ui-datepicker .ui-datepicker-prev { top: 1.7em; border:none; } #booking_calendar #datepicker .ui-datepicker .ui-datepicker-prev-hover { left: 2px; } #booking_calendar #datepicker .ui-datepicker .ui-datepicker-next-hover { right: 2px; } #booking_calendar #datepicker .ui-datepicker .ui-datepicker-next span, #booking_calendar #datepicker .ui-datepicker .ui-datepicker-prev span { background-image: url(images/ui-icons_ffffff_256x240.png); background-position: -32px -32px; margin-top: 0; top: 0; font-weight: normal; } #booking_calendar #datepicker .ui-datepicker .ui-datepicker-prev span { background-position: -96px -32px; } #booking_calendar #datepicker .ui-datepicker .ui-datepicker-prev-hover span { background-position: -96px -48px; } #booking_calendar #datepicker .ui-datepicker .ui-datepicker-next-hover span { background-position: -32px -48px; } #booking_calendar #datepicker .ui-datepicker table { margin: 0 0 10px 5px; } #booking_calendar #datepicker .ui-datepicker th { padding: 5px 0; color: #444; font-size: 12px; font-weight: normal; text-shadow: none; text-transform: uppercase; border: none; border-top: none; } #booking_calendar #datepicker .ui-datepicker td { border: none; padding: 0px; } #booking_calendar #datepicker td .ui-state-default { background: #fff; border: none; text-align: center; padding: 0 0; margin: 0; font-weight: normal; color: #888; font-size: 14px; border: none; width:30px; vertical-align:center; display:block; padding:2px 0 5px 0; height:24px; text-align:center; font-weight:700;} #booking_calendar #datepicker td .ui-datepicker-current-day { background: #fff; border: none; text-align: center; padding: 0 0; margin: 0; font-weight: normal; color: #888; font-size: 14px; border: none; width:30px; vertical-align:center; display:block; padding:2px 0 5px 0; height:24px; text-align:center; font-weight:700;} #booking_calendar #datepicker td .ui-datepicker-current-day .ui-state-active { background: #fff; border: none; text-align: center; padding: 0 0; margin: 0; font-weight: normal; color: #888; font-size: 14px; border: none; width:30px; vertical-align:center; display:block; padding:2px 0 5px 0; height:24px; text-align:center; font-weight:700;} #booking_calendar { display:none; } #tri_month { display:none; } #booking_calendar_wrapper_top { float:right; margin: 0 0 20px 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #booking_calendar_wrapper_top h4 { text-align:center; padding:0;} #booking_calendar_wrapper { height:530px; display:none; width:260px; margin-left:;} #booking_calendar_wrapper.loading { background: #fff url(../images/loader.gif) center center no-repeat; border:dashed 1px #999; } #booking_calendar #datepicker { padding:9px; } #booking_calendar #datepicker .booked_guest { border: 1px solid #fff; background: #fff; color: #555; } #booking_calendar #datepicker td .ui-state-default.booked_guest { border: 1px solid #29a2d9; background: #1b7fb0; color: #fff; border-radius: 4px; } #booking_calendar #datepicker .ui-datepicker-current { display:none;} #booking_calendar #datepicker .booked_friend { border: 1px solid #7a851b; background: #93a11c ; color: #fff; } #booking_calendar #datepicker .booked_owner { border: 1px solid #fed22f; background: #ffe45c; color: #333; } #booking_calendar #datepicker .booked_check { border: 1px solid #6d1920; background: #c32c39; color: #fff; } #booking_calendar #datepicker .ui-datepicker-next { display:none;} #booking_calendar #datepicker .ui-datepicker-prev { display:none;} #booking_calendar #tri_month { float:left; display:block;} #booking_calendar #datepicker_legend { float:left; display:block; } #booking_calendar #datepicker_legend table { } #booking_calendar #datepicker_legend table tr td { font-size:12px; padding:5px;} #booking_calendar td.book_guest span { border-radius: 4px; float:left; display:block; height:20px; width:20px; margin-right:5px; border: 1px solid #1b7fb0; background: #1b7fb0;} #booking_calendar td.book_friend span { border-radius: 4px; float:left; display:block; height:20px; width:20px; margin-right:5px; border: 1px solid #7a851b; background: #93a11c;} #booking_calendar td.book_owner span { border-radius: 4px; float:left; display:block; height:20px; width:20px; margin-right:5px;border: 1px solid #fed22f; background: #ffe45c;} #booking_calendar td.book_browse span { border-radius: 4px; float:left; display:block; height:20px; width:20px; margin-right:5px; border: 1px solid #6d1920; background: #c32c39; } #booking_calendar td.book_open span { border-radius: 4px; float:left; display:block; height:20px; width:20px; margin-right:5px; border: 1px solid #ccc; background: #fff; } .yellow_alert_box { text-align:center; margin:-30px 10px 20px 10px; border-radius:5px; padding:10px 10px 0px 10px;border:1px solid yellow; background-color: yellow;} .yellow_alert_box .spec_phone { font-size:16px;} .yellow_alert_box .spec_name { color:red; font-size:18px; } .yellow_alert_box2 { width:100%; float:left; text-align:center; margin:-5px 0px 20px 0px; border-radius:9px; padding:10px 0px 0px 0px;border:1px solid yellow; background-color: yellow;} .yellow_alert_box2 .spec_phone { font-size:16px;} .yellow_alert_box2 .spec_name { color:red; font-size:18px; } /* booking form ================================================== */ .book_form_table { vertical-align:top;} .book_form_table tr td { vertical-align:top; padding:5px 10px;} .book_form_table, #creditCardContainer, #gd-disclaimer { width:455px; font-size:12px;} #gd-disclaimer-content { background:#fff; width:475px; height:300px; margin:30px 0; overflow:scroll; display:block; border:1px solid #ccc ; } #gd-disclaimer-content #terms_wrap { width:430px; padding:10px; display:block;} .book_form_table label.error , #creditCardContainer label.error , #gd-disclaimer label.error { color:red; font-weight:bold; margin-left:10px;} .cc_img { display:inline;} .date_inline { display:inline;} /* style overides ================================================== */ input[type=submit] { -webkit-appearance: none; } .hide_container { display:none;} /* style overides ================================================== */ .frt_thesubseason {float:left; width:100px; height:54px; padding:3px; line-height: 14px; font-size:12px; background:inherit; text-align:left;} .frt_subseason {float:left; width:104px; height:54px; padding:3px; line-height: 14px; font-size:12px; background:inherit; text-align:left; } a.widget_logo { width:100%; float:left; display:block; background:#fff; padding:8px 0 6px 0; text-align:center;} a.widget_logo img { height:40px; text-align:center; margin:0 auto;} #blue_phoenix { position:absolute; margin-top:-10px; height:70px; margin-left:80px;} img.renderings { width:100%;} /* Smaller Desktop ================================================== */ @media only screen and (min-width: 840px) and (max-width: 1025px) { .booking_form_container .booking_form { position:absolute; top:20px; left:20px; float:left; width:258px; display:block; border-radius:10px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:15px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .menu ul > li > a { padding-left: 6px; padding-right: 6px; font-size:13px;} .complex_photo { float:left; width:488px; display:block; height:415px; position:relative;} .tabs_block { border-right:1px solid #ececec;display:block; float:left; width:488px; display:block; background:#fff;} .internal_booking_form { float:left; width:230px; display:block; height:385px; background-color:#ececec;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:15px; } .internal_booking_social { margin:30px 0 0 10px; float:left; display:block;} .internal_booking_social li a { margin:3px;} .complex_content_block .tabs-container { display:block; float:left; padding:20px 30px; width:430px;} .newsletter_signup { display:block; margin:0 auto; text-align:center; width:750px; height:50px; } .newsletter_heading { padding:20px; float:left; font-size:32px; color:#656565; font-weight:300; } .bottom_icon_wrap { display:block; margin:0 auto; text-align:center; width:767px; height:120px; } #footer .bottom_icons a { text-align:center; background:#f6f6f6; border:3px solid #f6f6f6; display:inline; width:110px; height:90px; padding:10px 0 20px 0; float:left; margin: 0 10px 10px 0; border-radius:5px; } .complex_photo .center_img_wrap { float:left; width:100%; display:block; height:415px; background: url(../assets/center_photo_blur.jpg) center center no-repeat;} .center_container { background-color:#ecece5; padding:40px 0; height:350px; } .center_container.bg_seaturtle { background-size: cover ; background:#f9faf5 url(../assets/sitting_beach.jpg) right -200px no-repeat;} .booking_form_container { position:relative; border-radius:4px; width:100%; position:relative; position:relative; margin-left:auto; margin-right:auto; display:block; height:1px; } .booking_form_container_short { position:relative; border-radius:4px; width:100%; position:relative; position:relative; margin-left:auto; margin-right:auto; display:block; height:1px; } .caption.text { margin-left: -40px !important; } .container2 { display:block; width:100%; height:230px; position:relative; overflow-x:scroll; -webkit-overflow-scrolling:touch; /* So iOS Safari gets the inertia & rubber-band effect */ } #specials_block_wrapper { float:left; padding:0px 30px 15px 30px; height:200px; width:1000px; } .four.columns.grey_column { width:190px; margin:-10px 0 0 0; background:#fff; border-radius:7px; padding:10px 0; border:1px solid #ececec;} .booking_building_header .booking_header_right { width:246px; float:left; height:175px; overflow:hidden; border-top-right-radius:7px; border-bottom-right-radius:7px; } .booking_building_header { margin-bottom:10px; } .wide .listing_block { border-radius:7px; border:1px solid #ececec; background:#fff; float:left; width:100%; margin:0 10px 10px 0; display:block; height:140px; position:relative;} .image_header { width:95%;} .complex-list { float:left; display:block; margin-bottom:15px; border-bottom:1px solid #ececec; padding-bottom:10px;} .complex-list p { width:50%; display:block; float:left; } .complex-list a h3 { width:100%; display:block; float:left; padding:10px 0;} .complex-list .complex_img { float:right; display:block; margin-left:40px; margin-top:-20px;} .booking_detail_content_block .tabs-container { display:block; float:left; padding:20px 30px; width:440px;} .booking_detail_content_block .tabs_block { border-right:1px solid #ececec;display:block; float:left; width:488px; display:block; background:#fff;} .booking_detail_photo { width:508px; } .booking_detail_photo img { float:left; width:508px; display:block; height:348px; } #gal_nav { position:relative; cursor:pointer; float:left; height:15px; margin:-500px 0 10px 0; text-align:center; width:500px; display:block; color:#555; z-index:10;} #gal_nav span { font-weight:bold; -moz-text-shadow: 1px 1px 1px #333; -webkit-text-shadow: 1px 1px 1px #333; text-shadow: 1px 1px 1px #333; } #gal_prev { background:url(../assets/gal_left_arrow.png) no-repeat; padding:10px 15px; margin:0; text-transform:uppercase; color:#fff; display:block; position:absolute; top:300px; left:0px; } #gal_next { background:url(../assets/gal_right_arrow.png) no-repeat; padding:10px 15px; margin:0; text-transform:uppercase; color:#fff; display:block; position:absolute; top:300px; right:0px; } .wide .listing_block .description_block h3 { color:#666; font-weight:bold; font-size:18px; line-height:24px; text-align:center; text-transform:uppercase;} .wide .listing_block .description_block .room_num { color:#777777; text-align:center; font-weight:bold; display:block; float:left; padding-left:0px; font-size:12px; width:100px;} .wide .listing_block .description_block .room_num span { float:left; text-align:left; padding-left:0;} .wide .listing_block .description_block .ratings_line { width:180px; text-align:left;} .booking_detail_photoform_block {height:560px;} .specials_detail { border-radius:4px; border:1px solid #ececec; display:block; padding-bottom:60px; width:500px; height:auto; background:#fff; margin:25px auto 25px auto; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block { position:relative; border-radius:4px; border:1px solid #ececec; display:block; float:left; width:356px; height:260px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block .hot_deals_desc { width:150px;} .hot_deals_block .imgwrap { float:left; width:166px; background:#ececec; height:130px; overflow:hidden; border-bottom:130px solid #ececec;} .hot_deals_block.feaured_hotdeal { position:relative; border-radius:4px; border: 4px solid #75d442; display:block; float:left; width:350px; height:280px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block.feaured_hotdeal .hot_deals_desc { width:150px;} .hot_deals_block.feaured_hotdeal .imgwrap { float:left; width:166px; background:#ececec; height:150px; overflow:hidden; border-bottom:130px solid #ececec;} .hot_deals_block_units { position:relative; border-radius:4px; border:4px solid #ececec; display:block; float:left; width:226px; height:415px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_units.feaured_hotdeal { position:relative; border-radius:4px; border:4px solid #75d442; display:block; float:left; width:226px; height:415px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_units .hot_deals_desc { display:block; float:left; font-size:12px; text-align:center; line-height:21px; padding:10px 15px 10px 15px; width:190px;} .hot_deals_block_units .hot_deals_desc h3 a { color:#555555; font-size:20px;} .hot_deals_block_units .imgwrap { float:left; width:226px; height:151px; overflow:hidden; border-bottom:5px solid #ececec;} .hot_deals_block_units .imgwrap img { width:226px;} .hot_deals_block_units .imgwrap2 { float:left; width:166px; height:130px; overflow:hidden; border-bottom:5px solid #ececec;} .hot_deals_block_units .imgwrap2 img { width:190px;} .hot_deals_block_units .hot_hot_btn { width:94%; margin:0 3%; } #advanced_search_wide_wrap { width:740px; float:left; height:120px; margin-bottom:20px; display:block;} #advanced_search_wide #super_special_form { width:740px; display:block; float:left; padding:10px; background:#fff url(http://www.brett-robinson.com/_iqbooking_session_new/images/zebra_white_bg.jpg); } #advanced_search_wide { color:#fff; position:relative; float:left; margin:0 0 0 0 ; width:740px; background:#00498d; border-radius:5px; padding:0; /* border:1px solid #ececec; */ -moz-box-shadow: 0px 0px 3px 0px #ccc; -webkit-box-shadow: 0px 0px 3px 0px #ccc; box-shadow:0px 0px 3px 0px #ccc; } #advanced_search_wide .advanced_search_wide_block_button { float:right; margin:10px 0 0 0; width:100%; text-align:center;} #advanced_search_wide #super_special_form .submit_btn_yellow { text-align:center; margin-left:260px;} .advanced_search_wide_block { width:170px; margin-right:0;} .frt_thesubseason {float:left; width:76px; height:68px; padding:3px; line-height: 14px; font-size:12px; background:inherit; text-align:left;} .frt_subseason {float:left; width:100px; height:68px; padding:3px; line-height: 14px; font-size:12px; background:inherit; text-align:left; } .process_block { width:100%; float:left; display:block;} .booking_form_container_modify { position:relative; border-radius:4px; width:100%; position:relative; position:relative; margin-left:auto; margin-right:auto; display:block; z-index:300; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .fullwidthbanner-container2 { width:100% !important; position:relative; padding:0; min-height:360px !important; overflow:hidden; } #Video1 { width: 100%; height: auto; margin-top:0px; min-height:370px; background:; } #video_iframe { width:100%; height:700px; margin-top:-150px;} .hot_deals_block_wide { position:relative; border-radius:4px; border:4px solid #ececec; display:block; float:left; width:740px; height:130px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_wide.feaured_hotdeal { position:relative; border-radius:4px; border:4px solid #75d442; display:block; float:left; width:740px; height:130px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_wide .hot_deals_desc { display:block; float:left; font-size:12px; line-height:21px; padding:10px 10px 10px 15px; width:60%;} .hot_deals_block_wide .hot_deals_desc h3 a { color:#555555; font-size:20px;} .hot_deals_block_wide .imgwrap { float:left; width:166px; height:130px; overflow:hidden; border-bottom:0 solid #ececec;} .hot_deals_block_wide .imgwrap img { width:190px;} .hot_deals_block_wide .imgwrap2 { float:left; width:166px; height:130px; overflow:hidden; border-bottom:70px solid #ececec;} .hot_deals_block_wide .imgwrap2 img { width:190px;} .hot_deals_block_wide .hot_deals_desc .save_section { color:#d60211; font-weight:bold; } .hot_deals_block_wide .hot_hot_btn { position:absolute; right:10px; top:25px; width:200px;} .hot_deals_block_wide:hover { -webkit-box-shadow: 0px 0px 9px #ccc; -moz-box-shadow: 0px 0px 9px #cccc; box-shadow: 0px 0px 9px #ccc;} .hot_deals_block_wide.feaured_hotdeal .featured_tag { position:absolute; z-index:2; background: url(../assets/featured_side.png) no-repeat; height:70px; width:70px; bottom:-1px; right:-1px; display:block;} #header .slider_notification { display:none; opacity:1; height:52px; position:relative; width:100%; background:#c5200a; z-index:1000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float:left;} #header .slider_notification .slider_notification_line h4 { color:#fff; padding:6px 15px; float:none; text-align:left; font-size:16px; line-height:20px;} #header .slider_notification_close { cursor:pointer; float:right; color:#fff; padding:12px 15px; font-size:20px; } } @media only screen and (min-width: 776px) and (max-width: 839px) { .booking_form_container .booking_form { position:absolute; top:0px; left:0px; float:left; width:250px; display:block; border-radius:10px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:10px 15px 10px 15px; } .booking_form_container_short .booking_form { position:absolute; top:1px; left:0px; float:left; width:250px; display:block; border-radius:0px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:10px 15px 10px 15px; } .specials_detail { border-radius:4px; border:1px solid #ececec; display:block; padding-bottom:60px; width:500px; height:auto; background:#fff; margin:25px auto 25px auto; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .booking_form_container_modify { position:relative; border-radius:4px; width:100%; position:relative; position:relative; margin-left:auto; margin-right:auto; display:block; z-index:300; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .fullwidthbanner-container2 { width:100% !important; position:relative; padding:0; min-height:347px !important; overflow:hidden; } } @media only screen and (min-width: 768px) and (max-width: 775px) { .booking_form_container .booking_form { position:absolute; top:0px; left:0px; float:left; width:250px; display:block; border-radius:0px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:10px 15px 10px 15px; } .booking_form_container_short .booking_form { position:absolute; top:0px; left:0px; float:left; width:250px; display:block; border-radius:0px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:10px 15px 10px 15px; } .booking_form_container_modify { position:relative; border-radius:4px; width:100%; position:relative; position:relative; margin-left:auto; margin-right:auto; display:block; z-index:300; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } } /* Tablet ================================================== */ @media only screen and (max-width: 767px){ .top_links { float:right; display:block; width:100%; height:35px; text-align:right; margin-top:-10px;} .top_links a.top_links_account { margin:5px 40px 0 10px; text-transform:uppercase; display:inline; font-size:11px; font-weight:800; padding:0px 10px; color:#fff; border-radius:4px; background:#00498d; float:right;} .weather_block { display:none;} .four.columns.grey_column { display:none;} .four.columns.grey_column.booking_col { display:block; width:420px;} .four.columns.grey_column.booking_col br { display:none;} .four.columns.grey_column.booking_col div { float:left; width:100%;} .four.columns.grey_column.booking_col b { margin-right:15px;} .four.columns.grey_column.booking_col h3 { margin:15px 0;} .four.columns.grey_column.booking_col .book_summary { padding-top:0;} #gd-disclaimer-content { background:#fff; width:420px; height:300px; margin:30px 0; overflow:scroll; display:block; border:1px solid #ccc ; } .menu ul > li > a { padding-left: 6px; padding-right: 6px; font-size:13px;} .complex_photo { float:left; width:100%; display:block; height:330px; position:relative;} .tabs_block { border-right:none;display:block; float:left; width:100%; display:block; background:#fff;} .internal_booking_form { border-bottom:2px solid #fff; float:left; width:390px; display:block; height:315px; background-color:#ececec;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:15px; } .internal_booking_social { margin:10px 0 0 80px; float:left; display:block;} .internal_booking_social li a { margin:3px;} .complex_content_block .tabs-container { display:block; float:left; padding:20px 30px; width:360px;} .tabs_block .tabs-nav li a { line-height:20px; padding:5px 10px; height:40px; font-size:13px;} .amenities_block { display:block; float:left; width:360px; display:block; background:#fff; padding: 0 30px 30px 30px;} .amenities_block h3 { border-top:2px solid #5a8d0a; padding-top:10px;} .complex_photo img.complex_photo_set { float:left; width:100%; display:block; height:auto; } .complex_photo .center_img_wrap { float:left; width:100%; display:block; height:330px; background: url(../assets/center_photo_blur.jpg) center center no-repeat;} .complex_photo img.complex_photo_set_center { text-align:center; display:block; margin:30px auto 0 auto; border-radius:10px; border:6px solid #fff; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc;} .complex_photo .complex_title h1 { color:#fff; font-size:22px; text-align:center; line-height:28px; padding:15px 10px;} .bottom_icon_wrap { display:block; margin:0 auto; text-align:center; width:420px; height:auto; padding-left:15px;} .newsletter_signup { display:block; margin:0 auto; text-align:center; width:420px; height:auto; padding-left:15px;} .newsletter_heading { padding:20px; float:left; font-size:32px; color:#656565; font-weight:300; } a.join_news_btn { width:300px; text-align:center; cursor:pointer; float:left; margin-left:30px;} #footer_navigation { float: left; text-align:center; padding:20px 0px; margin-left:0px;} #footer_navigation #current { border:none;} #footer-bottom p { text-align:center;} h2.bottom_phone { margin:10px 0;} .social-icons-footer { margin:10px 0 10px 160px;} .center_container { background-color:#ecece5; padding:20px 0 40px 0; height:380px; } .center_container.bg_seaturtle { background:#f9faf5;} .booking_form_container { position:relative; float:left; border-radius:4px; width:100%; height:1px; margin-left:auto; margin-right:auto; display:block; z-index:1; height:320px;} .booking_form_container .booking_form { position:relative; height:370px; top:0px; left:0px; float:left; width:100%; display:block; border-radius:0px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:0; } .booking_form_container_short { position:absolute; float:left; border-radius:4px; width:100%; height:1px; margin-left:auto; margin-right:auto; display:block; z-index:100; height:320px;} .booking_form_container.widget { position:relative; float:left; border-radius:4px; width:100%; height:1px; margin-left:auto; margin-right:auto; display:block; z-index:1; height:100%; background: #0b5192; margin-top:0;} .banner-container { float:left; width:100%; display:block; margin-top:70px;} .container2 { margin-top:30px; display:block; width:100%; height:230px; position:relative; overflow-x:scroll; -webkit-overflow-scrolling:touch; /* So iOS Safari gets the inertia & rubber-band effect */ } #specials_block_wrapper { float:left; padding:0px 30px 15px 0px; height:200px; width:1000px; } .home_weather { display:none;} #content-wrapper-index { padding-top:0;} .booking_form_container .booking_form .title h2 { margin-bottom:0px;} .tp-simpleresponsive .tp-caption { display:none;} .banner { display:none;} .four.columns.grey_column { width:180px; background:#fff; border-radius:7px; padding:10px 0; border:1px solid #ececec;} .image_header { width:95%;} .complex-list { float:left; display:block; margin-bottom:15px; border-bottom:1px solid #ececec; padding-bottom:10px;} .complex-list p { width:170px; display:block; float:left; text-align:center;} .complex-list a h3 { width:170px; display:block; float:left; padding:5px 10px;} .complex-list .complex_img { float:right; display:block; margin:-0 0 0 0;} .complex-list li a { float:left; display:block; margin: 0 15px 15px 0; width:190px; height:420px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .complex-list li a img.content_image { width:170px;} .stack_list li a .list_title { display:block; float:left; font-size:16px; margin-top:0px; margin-left:15px; font-weight:600;} .booking_form_container .booking_form .booking_form_wrapper { display:block; padding:15px 15px 15px 25px;} .booking_form_container .booking_form .large select { width:99%; padding:10px; } .booking_form_container .booking_form .full_width input { width:95%;} .booking_form_container .booking_form input.home_book_btn { width:99%;} .booking_form_container .booking_form #arrival_date { width:90%; margin-right:10px; font-size:12px; font-weight:bold;} .booking_form_container .booking_form #departure_date { width:90%; font-size:12px; font-weight:bold;} .booking_form_container .booking_form .medium select { width:98%; margin:5px 0; } .booking_form_container .booking_form input.medium { width:93%; padding:5px;} .booking_form_container_short .booking_form { position:absolute; top:0px; left:0px; float:left; width:300px; display:block; border-radius:0px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:10px 15px 10px 15px; } .booking_form_container_short .booking_form .booking_form_wrapper { display:block; padding:10px;} .booking_form_container_short .booking_form .large select { width:99%; padding:10px; } .booking_form_container_short .booking_form .full_width input { width:95%;} .booking_form_container_short .booking_form input.home_book_btn { width:99%;} .booking_form_container_short .booking_form #arrival_date { width:90%; margin-right:10px; font-size:12px; font-weight:bold;} .booking_form_container_short .booking_form #departure_date { width:90%; font-size:12px; font-weight:bold;} .booking_form_container_short .booking_form .medium select { width:98%; margin:5px 0; } .booking_form_container_short .booking_form input.medium { width:93%; padding:5px;} .fullwidthbanner-container2 { width:100% !important; position:relative; padding:0; min-height:353px !important; overflow:hidden; } #Video1 { width: 100%; height: auto; margin-top:0px; } .booking_detail_content_block .tabs-container { display:block; float:left; padding:20px 30px; width:360px;} .booking_detail_content_block .tabs_block { border-right:none;display:block; float:left; width:100%; display:block; background:#fff;} .booking_detail_content_block .tabs-container { display:block; float:left; padding:20px 30px; width:380px;} .booking_detail_content_block .tabs_block { border-right:1px solid #ececec;display:block; float:left; width:420px; display:block; background:#fff;} .booking_detail_photo { width:420px; height:590px; background:#fff;} .booking_detail_photo img { float:left; width:420px; display:block; height:348px; } .booking_form_container_modify { position:relative; border-radius:4px; width:100%; position:relative; position:relative; margin-left:auto; margin-right:auto; display:block; z-index:300; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .booking_form_container_modify .booking_form { position:relative; margin:0 auto 0 auto; height:310px; width:420px; display:block; border-radius:10px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:10px 0px 10px 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .booking_form_container_modify .booking_form .third_width { margin-top:10px; width:33%; float:left; display:block; text-align:left; height:60px;} .booking_form_container_modify .booking_form .full_width { margin-top:10px; width:98%; float:left; display:block; } .booking_form_container_modify .booking_form .third_width { margin-top:0px; width:50%; float:left; display:block; text-align:left; height:60px;} .booking_form_container_modify .booking_form .third_width.third_form_block { margin-top:10px; width:100%;} .booking_form_container_modify .booking_form input.large { width:93%;} .container.featured_top_container.modify_form { height:500px; background:#fff; width:100%; margin-top:-40px; background-position:fixed; border-bottom:1px solid #fff; } .container.featured_top_container.modify_form h3 { color:#fff; font-weight:800; text-transform: uppercase; font-size:25px; line-height:30px; text-shadow: 1px 1px 1px #000; margin-bottom:15px;} .modify_form .featured_top_container_heading { height:500px; padding-top:30px; } #gal_nav { position:relative; cursor:pointer; float:left; height:15px; margin:-500px 0 10px 0; text-align:center; width:420px; display:block; color:#555; z-index:1000;} #gal_nav span { font-weight:bold; -moz-text-shadow: 1px 1px 1px #333; -webkit-text-shadow: 1px 1px 1px #333; text-shadow: 1px 1px 1px #333; } #gal_prev { background:url(../assets/gal_left_arrow.png) padding:10px 15px; margin:0; text-transform:uppercase; color:#fff; display:block; position:absolute; top:300px; left:0px; } #gal_next { background:url(../assets/gal_right_arrow.png) padding:10px 15px; margin:0; text-transform:uppercase; color:#fff; display:block; position:absolute; top:300px; right:0px; } .thmb_list li.gal_selected { border: 2px solid #5a8d0a; } .thmb_list { width:100%; margin-left: 15px; margin-top:7px; display:block; z-index:100;} .thmb_list li { float:left; margin: 0 1px 1px 0; border:none; border: 2px solid #fff;} .thmb_list li a { height:34px; width:auto; display:block;} .thmb_list li a img { height:34px; width:auto; display:block;} #booking_calendar_wrapper_top { float:left; margin: 0 0 20px 40px; } .wide .listing_block .description_block h3 { color:#666; font-weight:bold; font-size:18px; line-height:24px; text-align:center; text-transform:uppercase;} .wide .listing_block .image_block img { height:107px; width:160px; border-radius: 7px 0px 0px 7px; -moz-border-radius: 7px 0px 0px 7px; -webkit-border-radius: 7px 0px 0px 7px; } .wide .listing_block .image_block .listing_detail_btn { position:absolute; bottom:-2px; width:160px; left:0; padding: 10px 0px; font-weight:700; text-transform:uppercase; font-size:11px; background:#155d96; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .wide .listing_block .description_block h3 { width:100px; text-align:left; font-size:14px; line-height:16px;} .wide .listing_block .description_block .ratings_line { width:100px; text-align:left;} .wide .listing_block .description_block .room_num span { display:none;} .wide .listing_block .description_block .rate_block { padding:10px 10px 0 0; float:right; text-align:right; height:73px; width:1100px; font-size:12px; color:#666; border-radius: 0px 7px 7px 0px; -moz-border-radius: 0px 7px 7px 0px; -webkit-border-radius: 0px 7px 7px 0px; line-height:14px;} .wide .listing_block .description_block .rate_block .rate_val { font-size:21px; color:#155d96;} .wide .listing_block .description_block input.book_btnRED:hover { background:#5a8d0a;} .wide .listing_block .description_block .premium_seal { position:absolute; left:0; line-height:10px; bottom:27px; font-weight:800; font-size:10px; width:160px; background:#f4d83d; color:#222; text-align:center;} .wide .listing_block .description_block .parking_one { float:left; display:block; margin-right:10px; color:#499002;} .wide .listing_block .description_block .price_strike { color:#D60211; font-size:14px;} .wide .listing_block .description_block input.book_btnRED { text-transform:uppercase; font-size:12px; text-align:center; width:130px; font-weight:bold; background:#D60211; position:absolute; margin-top:10px; bottom:-2px; right:0; border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 7px 0px; -webkit-border-radius: 0px 0px 7px 0px; border: 0px solid #000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .wide .listing_block { border-radius:7px; border:1px solid #ececec; background:#fff; float:left; width:100%; margin:0 20px 20px 0; display:block; height:105px; position:relative;} .grid .listing_block { border:1px solid #ececec; border-radius:7px; background:#fff; float:left; width:203px; margin:0 0 10px 0; display:block; height:365px; position:relative;} .grid .listing_block.count_3 { margin:0 10px 10px 0;} .grid .listing_block:nth-child(odd) { margin-right:10px;} .grid .listing_block.count_3:nth-child(even) { margin-right:0px;} .grid .listing_block .room_num { } .grid .listing_block .image_block { position:relative; margin-bottom:10px; } .grid .listing_block .image_block img { border-top-left-radius:5px; border-top-right-radius:5px; height:135px;width:203px; } .grid .listing_block .image_block .listing_detail_btn { position:absolute; bottom:-10px; left:55px; padding: 3px 13px; font-weight:700; text-transform:uppercase; font-size:11px; background:#155d96; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .grid .listing_block .image_block .listing_detail_btn:hover { background:#5a8d0a;} .grid .listing_block .ratings_line { text-align:center; font-size:12px; padding-left:5px;} .grid .listing_block .ratings_line img { text-align:left; display:block; float:left; padding-right:10px;} .grid .listing_block .description_block .free_night { font-weight:bold; color:#D60211;} .grid .listing_block .description_block { padding:0 10px;} .grid .listing_block .description_block p { margin-bottom:0;} .grid .listing_block .description_block h3 { color:#666; font-weight:bold; font-size:15px; line-height:24px; text-align:center; text-transform:uppercase;} .grid .listing_block .description_block .room_num { color:#777777; text-align:center; font-weight:bold; display:block; float:left; padding-left:10px; font-size:12px;} .grid .listing_block .description_block .room_num span { text-align:right; padding-left:20px; width:100%;} .grid .listing_block .description_block input.book_btnRED { text-transform:uppercase; font-size:16px; text-transform:uppercase; font-weight:bold; background:#D60211; position:absolute; margin-top:10px; bottom:0; left:0; width:100%; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; border: 0px solid #000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .grid .listing_block .description_block .rate_block { float:left; text-align:center; width:100%;} .grid .listing_block .description_block .rate_block .rate_val { font-size:22px;} .grid .listing_block .description_block input.book_btnRED:hover { background:#5a8d0a;} .grid .listing_block .description_block .price_strike { color:#D60211; font-size:18px;} .grid .listing_block .description_block .premium_seal { width:100%; text-align:center; font-weight:800;} .grid .listing_block .description_block .parking_one { float:left; display:block; margin-right:10px; color:#499002;} .booking_building_header .booking_header_right { width:140px; float:left; height:130px; overflow:hidden; border-top-right-radius:7px; border-bottom-right-radius:7px; } .booking_building_header .booking_header_left { float:left; padding:15px; width:250px; } .booking_building_header .booking_header_left h3 { color:#fff; font-weight:800; text-transform:uppercase; font-size:16px:} .booking_building_header .booking_header_left h3 span { color:#fff; font-weight:400;} .booking_building_header .booking_header_left p { line-height:18px; font-size:12px; color:#fff; font-weight:600; text-transform:uppercase; padding:10px; margin:0;} .booking_building_header .booking_header_left p span { font-size:11px;} .booking_building_header .booking_header_right a img { width:380px; display:block; margin-top:-35px; } .booking_detail_form_wrap { float:left; width:100%; } .booking_detail_form { float:left; width:170px; padding:20px;} .booking_detail_form h3 { font-size:18px;} .featured_top_container_heading { height:263px; padding-top:40px; width:100%; text-align:center; float:left; text-shadow: 1px 1px 1px #000;} .short .featured_top_container_heading { height:200px; padding-top:50px; } .container.featured_top_container { height:400px; background:#fff; width:100%; margin-top:-25px; background-position:fixed; } .container.featured_top_container.short { height:400px; background:#fff; width:100%; margin-top:-25px; background-position:fixed; } .featured_top_container_heading h2 { font-size:45px; line-height:50px;} .featured_top_container_heading hr { margin-bottom:10px;} .featured_top_container_heading h2 .bird_logo { height:70px;} .featured_bottom_container_heading h4 { font-size:18px;} .featured_bottom_container_heading { padding:10px 0;} .packages_detail { border-radius:4px; border:1px solid #ececec; display:block; padding-bottom:90px; width:420px; height:auto; background:#fff; margin:25px auto 25px auto; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .specials_detail { border-radius:4px; border:1px solid #ececec; display:block; padding-bottom:60px; width:420px; height:auto; background:#fff; margin:25px auto 25px auto; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .packages_detail .circle { position: absolute; display: block; top:-40px; left:180px; background:#f5c53d; width:80px; height:80px;} .specials_detail .circle { position: absolute; display: block; top:-40px; left:180px; background:#f5c53d; width:80px; height:80px;} .specials_detail .specials_img { width:100%; height:220px; display:block; overflow:hidden; border-bottom:6px solid #d60211;} .packages_detail .packages_img { width:100%; height:220px; display:block; overflow:hidden; border-bottom:6px solid #d60211;} .hot_deals_block { position:relative; border-radius:4px; border:1px solid #ececec; display:block; float:left; width:410px; height:210px; background:#fff; margin:0 0 15px 0; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block .hot_deals_desc { width:200px;} .hot_deals_block .imgwrap { float:left; width:166px; background:#ececec; height:130px; overflow:hidden; border-bottom:80px solid #ececec;} .hot_deals_block_wide { position:relative; border-radius:4px; border:1px solid #ececec; display:block; float:left; width:410px; height:210px; background:#fff; margin:0 0 15px 0; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_wide .hot_deals_desc { width:200px;} .hot_deals_block_wide .imgwrap { float:left; width:166px; background:#ececec; height:130px; overflow:hidden; border-bottom:80px solid #ececec;} .hot_deals_block_wide .hot_hot_btn { position:absolute; top:auto; left:10px; bottom:15px; width:146px;} .hot_deals_block_wide.feaured_hotdeal { position:relative; border-radius:4px; border: 4px solid #75d442; display:block; float:left; width:404px; height:220px; background:#fff; margin:0 0 15px 0; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block.feaured_hotdeal { position:relative; border-radius:4px; border: 4px solid #75d442; display:block; float:left; width:404px; height:220px; background:#fff; margin:0 0 15px 0; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block.feaured_hotdeal .hot_deals_desc { width:200px;} .hot_deals_block.feaured_hotdeal .imgwrap { float:left; width:166px; background:#ececec; height:130px; overflow:hidden; border-bottom:80px solid #ececec;} #advanced_search_wide_wrap { margin: 0 0 20px 0px; width:410px; float:left; height:180px; margin-bottom:20px; display:block;} #advanced_search_wide #super_special_form { width:390px; display:block; float:left; padding:10px; background:#fff url(http://www.brett-robinson.com/_iqbooking_session_new/images/zebra_white_bg.jpg); } #advanced_search_wide { width:410px; color:#fff; position:relative; float:left; margin:0 0 0 0 ; background:#00498d; border-radius:5px; padding:0; /* border:1px solid #ececec; */ -moz-box-shadow: 0px 0px 3px 0px #ccc; -webkit-box-shadow: 0px 0px 3px 0px #ccc; box-shadow:0px 0px 3px 0px #ccc; } #advanced_search_wide .advanced_search_wide_block_button { float:right; margin:10px 0 0 0; width:100%; text-align:center;} #advanced_search_wide #super_special_form .submit_btn_yellow { text-align:center; margin-left:0px; width:100%; padding:10px 0; margin-top:10px;} .advanced_search_wide_block { width:180px; margin-right:0;} .frt_subseason { float:left; width:100%; height:auto; padding:3px; line-height: 14px; font-size:12px; background:inherit; text-align:left; } .frt_subseason b { float:left; padding:10px 0 10px 10px; font-size:16px; line-height:16px;} .frt_subseason p { float:left; padding:10px 0 10px 10px; font-size:16px; line-height:16px; margin-bottom:0;} .frt_thesubseason { float:left; width:100%; height:auto; padding:3px; line-height: 14px; font-size:12px; background:inherit; text-align:left;} .frt_thesubseason br { display:none;} .frt_thesubseason b { float:left; padding:5px 0 10px 10px; font-size:14px; line-height:14px;} .frt_thesubseason div { float:left; padding:5px 0 10px 10px; font-size:12px; line-height:14px;} .process_block { width:100%; float:left; display:block;} .slider_news_footer .home_weather_wide { background:#7dc304; width:0px; height:52px; float:left; padding-left:0px;} .slider_news_footer { opacity:.95; height:65px; position:absolute; bottom:0; width:100%; background:#0a5192; z-index:100; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .slider_news_footer h4 { color:#fff; font-weight:600; font-size:14px; text-transform: uppercase; padding:15px 0 0 15px; float:left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .hot_deals_block_units { position:relative; border-radius:4px; border:4px solid #ececec; display:block; float:left; width:395px; height:465px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_units.feaured_hotdeal { position:relative; border-radius:4px; border:4px solid #75d442; display:block; float:left; width:395px; height:465px; background:#fff; margin:0 8px 15px 7px; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_units .hot_deals_desc { display:block; float:left; font-size:12px; text-align:center; line-height:21px; padding:10px 15px 10px 15px; width:380px;} .hot_deals_block_units .hot_deals_desc h3 a { color:#555555; font-size:20px;} .hot_deals_block_units .imgwrap { float:left; width:395px; height:261px; overflow:hidden; border-bottom:5px solid #ececec;} .hot_deals_block_units .imgwrap img { width:395px;} .hot_deals_block_units .imgwrap2 { float:left; width:166px; height:130px; overflow:hidden; border-bottom:5px solid #ececec;} .hot_deals_block_units .imgwrap2 img { width:190px;} .hot_deals_block_units .hot_hot_btn { width:94%; margin:0 3%; } #video_iframe { width:100%; height:550px; margin-top:-250px;} #header .slider_notification { display:none; opacity:1; height:52px; position:relative; width:100%; background:#c5200a; z-index:1000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float:left;} #header .slider_notification .slider_notification_line h4 { color:#fff; padding:6px 15px; float:none; text-align:left; font-size:16px; line-height:20px;} #header .slider_notification_close { cursor:pointer; float:right; color:#fff; padding:12px 15px; font-size:20px; } } /* Mobile ================================================== */ @media only screen and (max-width: 479px) { #header #logo a img { height:45px; margin-left:15px;} .top_links a.top_links_account { display:none;} .top_links a.top_links_chat { display:none;} .top_links a.top_links_phone { margin-left:5px; padding-top:5px; line-height:21px; font-size:30px; font-weight:600; color:#797979; display:inline; width:100%; text-align:center;} .top_links { float:right; display:block; width:100%; height:35px; text-align:right; margin-top:-10px;} .weather_block { display:none;} .four.columns.grey_column { display:none;} .menu ul > li > a { padding-left: 6px; padding-right: 6px; font-size:13px;} .complex_photo { float:left; width:100%; display:block; height:260px; position:relative;} .tabs_block { border-right:none;display:block; float:left; width:100%; display:block; background:#fff;} .internal_booking_form { border-bottom:5px solid #fff; float:left; width:270px; display:block; height:325px; background-color:#ececec;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:15px; } .internal_booking_social { margin:10px 0 0 30px; float:left; display:block;} .internal_booking_social li a { margin:3px;} .complex_content_block .tabs-container { display:block; float:left; padding:20px 20px; width:260px;} .tabs_block .tabs-nav li a { width:284px; line-height:20px; padding:5px 5px; height:20px; font-size:14px; font-weight:700; padding-left:10px;} .tabs_block .tabs-nav li a br { content: " - "; border-left:2px solid #ccc; margin-right: 12px; margin-left: 12px; /* Set space between text blocks */ } .amenities_block { display:block; float:left; width:260px; display:block; background:#fff; padding: 0 20px 20px 20px;} .amenities_block h3 { border-top:2px solid #5a8d0a; padding-top:10px;} .complex_photo img.complex_photo_set { float:left; width:100%; display:block; height:auto; } .complex_photo .complex_title h1 { color:#fff; font-size:22px; text-align:center; line-height:28px; padding:15px 10px;} .internal_booking_form .title h2 { text-transform:uppercase; color:#0b5192; font-size:16px; font-weight:800; line-height:26px; margin-bottom:5px;} .internal_booking_form .title h2 span { font-size:21px; text-align:center;} .newsletter_signup { display:block; margin:0 auto; text-align:center; width:300px; height:auto; padding-left:15px;} a.join_news_btn { width:200px; text-align:center; cursor:pointer; float:left; margin-left:10px;} .bottom_icon_wrap { display:block; margin:0 auto; text-align:center; width:280px; height:auto; padding-left:10px; } #content-wrapper { padding: 0 0 10px 0; } .newsletter_heading { padding:10px 0; float:left; width:280px; font-size:32px; color:#656565; font-weight:300; } .social-icons-footer { margin:10px 0 10px 100px;} #titlebar { background-color: #d60211; position: relative; min-height: 38px; margin: 0 0 20px 0; padding-top: 8px; top: -5px; } .center_container { background-color:#ecece5; padding:40px 0; height:550px; } .center_content a.home_side_link { margin:15px 0 0 0; text-align:left;} .caption.text { margin-left: -40px !important; } .banner-container { float:left; z-index:1; width:100%; display:block; margin-top:300px; height:60px;} .booking_form_container .booking_form { height:100%;position:relative; top:0px; left:0px; float:left; width:100%; display:block; border-radius:0px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:15px 0; } .booking_form_container .booking_form .booking_form_wrapper { display:block; padding:0 15px;} .sales_block { float:Left; width:100%; margin-bottom:10px; margin-right:20px; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .booking_form_container_short .booking_form { height:100%;position:relative; top:0px; left:0px; float:left; width:100%; display:block; border-radius:0px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:15px 0; } .booking_form_container_short .booking_form .booking_form_wrapper { display:block; padding:0 15px;} #blue_phoenix { display:none;} .booking_detail_content_block .tabs-container { display:block; float:left; padding:20px 20px; width:260px;} #booking_calendar_wrapper_top { float:left; margin: 0 0 20px 0px; } .booking_detail_content_block .tabs-container { display:block; float:left; padding:20px 30px; width:260px;} .booking_detail_content_block .tabs_block { border-right:none;display:block; float:left; width:100%; display:block; background:#fff;} .booking_detail_content_block .tabs-container { display:block; float:left; padding:20px 15px; width:240px;} .booking_detail_content_block .tabs_block { border-right:1px solid #ececec;display:block; float:left; width:100%; display:block; background:#fff;} .booking_detail_photo { width:100%; height:600px;} .booking_detail_photo img { float:left; width:100%; display:block; height:200px; } #booking_calendar_wrapper { height:530px; display:none; width:250px; margin-left:0;} #detail_lg_ph_container #premium_rating { background:#f1ce0d; padding:3px 10px 1px 10px; font-weight:800; font-size:11px; color:#fff; text-transform:uppercase;} #gal_nav { position:relative; cursor:pointer; float:left; height:15px; margin:-400px 0 10px 0; text-align:center; width:300px; display:block; color:#555; z-index:1000;} #gal_nav span { font-weight:bold; -moz-text-shadow: 1px 1px 1px #333; -webkit-text-shadow: 1px 1px 1px #333; text-shadow: 1px 1px 1px #333; } #gal_prev { background:url(../assets/gal_left_arrow.png) no-repeat; padding:10px 15px; margin:0; text-transform:uppercase; color:#fff; display:block; position:absolute; top:300px; left:0px; } #gal_next { background:url(../assets/gal_right_arrow.png) no-repeat; padding:10px 15px; margin:0; text-transform:uppercase; color:#fff; display:block; position:absolute; top:300px; right:0px; } .thmb_list li.gal_selected { border: 3px solid #5a8d0a; } .thmb_list { width:100%; margin-left: 0px; margin-top:2px; display:block; z-index:100;} .thmb_list li { float:left; margin: 0 1px 1px 0; border:none; border: 3px solid #fff;} .thmb_list li a { height:34px; width:auto; display:block;} .thmb_list li a img { height:34px; width:auto; display:block;} .wide .listing_block .description_block h3 { color:#666; font-weight:bold; font-size:18px; line-height:24px; text-align:center; text-transform:uppercase;} .wide .listing_block .image_block { overflow:hidden; display:block; height:160px; width:50%; position:absolute; top:0px; float:left;} .wide .listing_block .image_block img { height:100%; } .wide .listing_block .image_block .listing_detail_btn { position:absolute; bottom:-2px; width:100%; left:0; padding: 8px 0px; font-weight:700; text-transform:uppercase; font-size:12px; background:#155d96; border-radius: 0px 0px 0px 7px; -moz-border-radius: 0px 0px 0px 7px; -webkit-border-radius: 0px 0px 0px 7px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .wide .listing_block .description_block { padding-top:0; float:right; height:150px; z-index:400; } .wide .listing_block .description_block h3 { text-align:right; padding:6px 0 0 10px;font-size:16px; line-height:18px; position:relative; top:0; left:0; width:140px;} .wide .listing_block .description_block .ratings_line { width:100px; text-align:right; position:absolute; left:0; bottom:41px;} .wide .listing_block .description_block .review_span { display:none;} .wide .listing_block .description_block .room_num { float:right;} .wide .listing_block .description_block .room_num span { display:none; } .wide .listing_block .description_block .rate_block { padding:63px 10px 0 0; float:right; text-align:right; height:73px; width:130px; font-size:14px; color:#666; border-radius: 0px 7px 7px 0px; -moz-border-radius: 0px 7px 7px 0px; -webkit-border-radius: 0px 7px 7px 0px; line-height:18px;} .wide .listing_block .description_block .rate_block .rate_val { font-size:16px; color:#155d96;} .wide .listing_block .description_block input.book_btnRED:hover { background:#5a8d0a;} .wide .listing_block .description_block .premium_seal { position:absolute; left:0; line-height:10px; bottom:31px; font-weight:800; font-size:10px; width:100%; background:#f4d83d; color:#222; text-align:center;} .wide .listing_block .description_block .parking_one { float:left; display:block; margin-right:10px; color:#499002;} .wide .listing_block .description_block .price_strike { color:#D60211; font-size:14px;} .wide .listing_block .description_block input.book_btnRED { text-transform:uppercase; font-size:12px; text-align:center; width:50%; font-weight:bold; background:#D60211; position:absolute; margin-top:10px; bottom:-2px; right:0; border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 7px 0px; -webkit-border-radius: 0px 0px 7px 0px; border: 0px solid #000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .wide .listing_block { border-radius:7px; border:1px solid #ececec; background:#fff; float:left; width:100%; margin:0 0px 10px 0; display:block; height:160px; position:relative; } .grid .listing_block { border:1px solid #ececec; border-radius:7px; background:#fff; float:left; width:300px; margin:0 0 10px 0; display:block; height:410px; position:relative;} .grid .listing_block.count_3 { margin:0 0 20px 0;} .grid .listing_block .room_num { } .grid .listing_block .image_block { position:relative; margin-bottom:5px; } .grid .listing_block .image_block img { border-top-left-radius:5px; border-top-right-radius:5px; height:200px;width:300px; } .grid .listing_block .image_block .listing_detail_btn { position:absolute; bottom:-3px; width:100%; left:0; padding: 10px 0; text-align:center; font-weight:700; text-transform:uppercase; font-size:11px; background:#155d96; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .grid .listing_block .image_block .listing_detail_btn:hover { background:#5a8d0a;} .grid .listing_block .ratings_line { text-align:center; font-size:12px; padding-left:0; width:100%;} .grid .listing_block .ratings_line img { text-align:center; display:inline; float:none; padding-right:10px;} .grid .listing_block .description_block .free_night { font-weight:bold; color:#D60211;} .grid .listing_block .description_block { padding:0 10px; text-align:center;} .grid .listing_block .description_block p { margin-bottom:0;} .grid .listing_block .description_block h3 { color:#666; font-weight:bold; font-size:15px; line-height:24px; text-align:center; text-transform:uppercase;} .grid .listing_block .description_block .room_num { padding-left:0; color:#777777; text-align:center; font-weight:bold; display:block; float:left; width:100%; font-size:12px;} .grid .listing_block .description_block .room_num span { text-align:right; padding-left:20px; width:100%;} .grid .listing_block .description_block input.book_btnRED { text-transform:uppercase; font-size:16px; text-transform:uppercase; font-weight:bold; background:#D60211; position:absolute; margin-top:10px; bottom:0; left:0; width:100%; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; border: 0px solid #000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .grid .listing_block .description_block .rate_block { float:left; text-align:center; width:100%;} .grid .listing_block .description_block .rate_block .rate_val { font-size:22px;} .grid .listing_block .description_block input.book_btnRED:hover { background:#5a8d0a;} .grid .listing_block .description_block .price_strike { color:#D60211; font-size:18px; } .grid .listing_block .description_block .premium_seal { font-size:14; font-weight:800; width:100%; text-align:center;} .grid .listing_block .description_block .parking_one { float:left; display:block; margin-right:10px; color:#499002;} .booking_building_header .booking_header_right { display:none; } .booking_building_header .booking_header_left { float:left; padding:15px; width:250px; } .booking_building_header .booking_header_left h3 { color:#fff; font-weight:800; text-transform:uppercase; font-size:16px:} .booking_building_header .booking_header_left h3 span { color:#fff; font-weight:400;} .booking_building_header .booking_header_left p { line-height:18px; font-size:12px; color:#fff; font-weight:600; text-transform:uppercase; padding:10px; margin:0;} .booking_building_header .booking_header_left p span { font-size:11px;} .booking_building_header .booking_header_right a img { width:380px; display:block; margin-top:-35px; } .booking_detail_form { float:left; width:260px; padding:10px 20px;} .booking_detail_form h3 { font-size:18px;} .complex-list { float:left; display:block; margin-bottom:15px; border-bottom:1px solid #ececec; padding-bottom:10px;} .complex-list p { width:270px; display:block; float:left; text-align:center;} .complex-list a h3 { width:270px; display:block; float:left; padding:5px 10px;} .complex-list .complex_img { float:right; display:block; margin:-0 0 0 0;} .complex-list li a { float:left; display:block; margin: 0 0 15px 0; width:300px; height:400px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .complex-list li a img.content_image { width:280px;} .packages_detail { border-radius:4px; border:1px solid #ececec; display:block; padding-bottom:90px; width:100%; height:auto; background:#fff; margin:25px auto 25px auto; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .specials_detail { border-radius:4px; border:1px solid #ececec; display:block; padding-bottom:60px; width:100%; height:auto; background:#fff; margin:25px auto 25px auto; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .packages_detail .circle { position: absolute; display: block; top:-40px; left:115px; background:#f5c53d; width:80px; height:80px;} .specials_detail .circle { position: absolute; display: block; top:-40px; left:115px; background:#f5c53d; width:80px; height:80px;} .specials_detail .specials_img { width:100%; height:160px; display:block; overflow:hidden; border-bottom:6px solid #d60211;} .specials_detail h4 { width:100%; padding:15px 0 0 0 ; text-align:center; text-transform:uppercase; font-size:24px; line-height:32px; color:#555; letter-spacing: -.005em;} .packages_detail .packages_img { width:100%; height:160px; display:block; overflow:hidden; border-bottom:6px solid #d60211;} .packages_detail h4 { width:100%; padding:15px 0 0 0 ; text-align:center; text-transform:uppercase; font-size:24px; line-height:32px; color:#555; letter-spacing: -.005em;} .featured_top_container_heading h1 { font-size:40px; line-height:45px;} .featured_top_container_heading span { font-size:26px; line-height:34px;} .short .featured_top_container_heading { height:180px; padding-top:50px; } .container.featured_top_container.short.missing_sub { margin-top:-24px;} .hot_deals_block { position:relative; border-radius:4px; border:1px solid #ececec; display:block; float:left; width:100%; height:260px; background:#fff; margin:0 0 15px 0; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block .hot_deals_desc { width:170px;} .hot_deals_block .imgwrap { float:left; width:100px; background:#ececec; height:130px; overflow:hidden; border-bottom:70px solid #ececec;} .hot_deals_block .imgwrap2 { float:left; width:100px; background:#ececec; height:130px; overflow:hidden; border-bottom:70px solid #ececec;} .hot_deals_block .imgwrap img { width:100px;} .hot_deals_block_wide { position:relative; border-radius:4px; border:1px solid #ececec; display:block; float:left; width:100%; height:260px; background:#fff; margin:0 0 15px 0; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_wide .hot_deals_desc { width:170px;} .hot_deals_block_wide .imgwrap { float:left; width:100px; background:#ececec; height:130px; overflow:hidden; border-bottom:70px solid #ececec;} .hot_deals_block_wide .imgwrap2 { float:left; width:100px; background:#ececec; height:130px; overflow:hidden; border-bottom:70px solid #ececec;} .hot_deals_block_wide .imgwrap img { width:100px;} .hot_deals_block.feaured_hotdeal { position:relative; border-radius:4px; border: 4px solid #75d442; display:block; float:left; width:98%; height:260px; background:#fff; margin:0 0 15px 0; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block.feaured_hotdeal .hot_deals_desc { width:160px;} .hot_deals_block.feaured_hotdeal .imgwrap { float:left; width:100px; background:#ececec; height:130px; overflow:hidden; border-bottom:90px solid #ececec;} .hot_deals_block.feaured_hotdeal .imgwrap2 { float:left; width:100px; background:#ececec; height:130px; overflow:hidden; border-bottom:70px solid #ececec;} .hot_deals_block.feaured_hotdeal .imgwrap img { width:100px;} .hot_deals_block_wide.feaured_hotdeal { position:relative; border-radius:4px; border: 4px solid #75d442; display:block; float:left; width:98%; height:260px; background:#fff; margin:0 0 15px 0; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_wide.feaured_hotdeal .hot_deals_desc { width:160px;} .hot_deals_block_wide.feaured_hotdeal .imgwrap { float:left; width:100px; background:#ececec; height:130px; overflow:hidden; border-bottom:90px solid #ececec;} .hot_deals_block_wide.feaured_hotdeal .imgwrap2 { float:left; width:100px; background:#ececec; height:130px; overflow:hidden; border-bottom:70px solid #ececec;} .hot_deals_block_wide.feaured_hotdeal .imgwrap img { width:100px;} #advanced_search_wide_wrap { margin: 0 0 20px 0px; width:100%; float:left; height:290px; margin-bottom:20px; display:block;} #advanced_search_wide #super_special_form { width:100%; display:block; float:left; padding:10px; background:#fff url(http://www.brett-robinson.com/_iqbooking_session_new/images/zebra_white_bg.jpg); } #advanced_search_wide { width:100%; color:#fff; position:relative; float:left; margin:0 0 0 0 ; background:#00498d; border-radius:5px; padding:0; /* border:1px solid #ececec; */ -moz-box-shadow: 0px 0px 3px 0px #ccc; -webkit-box-shadow: 0px 0px 3px 0px #ccc; box-shadow:0px 0px 3px 0px #ccc; } #advanced_search_wide .advanced_search_wide_block_button { float:right; margin:10px 0 0 0; width:100%; text-align:center;} #advanced_search_wide #super_special_form .submit_btn_yellow { text-align:center; margin-left:0px; width:93%; padding:10px 0; margin-top:10px;} .advanced_search_wide_block { width:100%; margin-right:0;} .hot_deals_block .hot_hot_btn { position:absolute; right:15px; bottom:15px; width:270px; left:auto;} .hot_deals_block_wide .hot_hot_btn { position:absolute; right:15px; bottom:15px; width:270px; left:auto;} #advanced_search_wide #super_special_form .date_input { height:12px; border:1px solid #ececec; padding:7px 4px 6px 4px;margin-top:2px; width:91%; } #advanced_search_wide #super_special_form .bed_input { margin:5px 0px 0 0; width:93%;} #advanced_search_wide #super_special_form .building_input { margin:5px 0px 0 0; width:93%;} #gd-disclaimer-content { background:#fff; width:100%; height:300px; margin:30px 0; overflow:scroll; display:block; border:1px solid #ccc ; } #gd-disclaimer-content #terms_wrap { width:100%; padding:10px; display:block;} .book_form_table, #creditCardContainer, #gd-disclaimer { width:455px; font-size:12px;} .booking_form_container_modify { position:relative; border-radius:4px; width:100%; position:relative; position:relative; margin-left:auto; margin-right:auto; display:block; z-index:300; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .booking_form_container_modify .booking_form { position:relative; margin:0 auto 0 auto; height:310px; width:300px; display:block; border-radius:10px; background-color:#0b5192;font-size:14px;font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;color:#fff; padding:10px 0px 10px 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .booking_form_container_modify .booking_form .third_width { margin-top:10px; width:33%; float:left; display:block; text-align:left; height:60px;} .booking_form_container_modify .booking_form .full_width { margin-top:10px; width:98%; float:left; display:block; } .booking_form_container_modify .booking_form .third_width { margin-top:0px; width:48%; float:left; display:block; text-align:left; height:60px;} .booking_form_container_modify .booking_form .third_width.third_form_block { margin-top:10px; width:100%;} .booking_form_container_modify .booking_form input.large { width:93%;} .container.featured_top_container.modify_form { height:500px; background:#fff; width:100%; margin-top:-25px; background-position:fixed; border-bottom:1px solid #fff; } .container.featured_top_container.modify_form h3 { color:#fff; font-weight:800; text-transform: uppercase; font-size:25px; line-height:30px; text-shadow: 1px 1px 1px #000; margin-bottom:15px;} .modify_form .featured_top_container_heading { height:470px; padding-top:30px; } .booking_form_container_modify .booking_form .third_width label { font-size:12px;} .slider_news_footer .home_weather_wide { background:#7dc304; width:0px; height:52px; float:left; padding-left:0px;} .slider_news_footer { opacity:.95; height:65px; position:absolute; bottom:0; width:100%; background:#0a5192; z-index:100; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .slider_news_footer h4 { color:#fff; font-weight:600; font-size:14px; text-transform: uppercase; padding:15px 0 0 15px; float:left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .container2 { padding-top:30px; display:block; width:100%; height:auto; position:relative; overflow-x:auto; -webkit-overflow-scrolling:auto; /* So iOS Safari gets the inertia & rubber-band effect */ } #specials_block_wrapper { float:left; padding:0px 30px 15px 0px; height:auto; width:100%; } .promo_block a { position:relative; border-radius:5px; margin:0px auto 10px auto; width:100%; height:180px; background:#ecece5; } .container2 .one-third-alt.column.properties_promo { margin:0 auto 10px auto;} .hot_deals_block_units { position:relative; border-radius:4px; border:4px solid #ececec; display:block; float:left; width:98%; height:445px; background:#fff; margin:0 0 15px 0; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_units.feaured_hotdeal { position:relative; border-radius:4px; border:4px solid #75d442; display:block; float:left; width:98%; height:445px; background:#fff; margin:0 0 15px 0; position:relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .hot_deals_block_units .hot_deals_desc { display:block; float:left; font-size:12px; text-align:center; line-height:21px; padding:10px 2%; width:96%;} .hot_deals_block_units .hot_deals_desc h3 a { color:#555555; font-size:20px;} .hot_deals_block_units .imgwrap { float:left; width:100%; height:200px; overflow:hidden; border-bottom:5px solid #ececec;} .hot_deals_block_units .imgwrap img { width:100%;} .hot_deals_block_units .imgwrap2 { float:left; width:166px; height:130px; overflow:hidden; border-bottom:5px solid #ececec;} .hot_deals_block_units .imgwrap2 img { width:190px;} .hot_deals_block_units .hot_hot_btn { width:94%; margin:0 3%; } .booking_form_container { position:relative; float:left; border-radius:4px; width:100%; height:1px; margin-left:auto; margin-right:auto; display:block; z-index:1; height:310px;} #header .slider_notification { display:none; opacity:1; height:52px; position:relative; width:100%; background:#c5200a; z-index:1000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float:left;} #header .slider_notification .slider_notification_line h4 { color:#fff; padding:6px 15px; float:none; text-align:left; font-size:14px; line-height:18px;} #header .slider_notification_close { cursor:pointer; float:right; color:#fff; padding:12px 15px; font-size:20px; } /* Building Listing ================================================== */ .building_item { border-radius:7px; border:1px solid #ececec; background:#fff; float:left; width:100%; margin:0 20px 20px 0; display:block; height:100px; position:relative; } .building_item .imgwrap { height:100px; width:130px; overflow:hidden; position:relative; margin-bottom:10px; float:left; } .building_item .imgwrap img { border-radius: 7px 0px 0px 7px; -moz-border-radius: 7px 0px 0px 7px; -webkit-border-radius: 7px 0px 0px 7px; height:100px; text-align:center; } .building_itme_name { float:left; display:block; height:90px;} .building_itme_name h3 { float:left; z-index:300; position:absolute; top:0; left:130px; line-height:22px; font-size:16px; margin:10px 0px 0 10px; text-transform: uppercase; font-weight:800; color:#555; display:block; width:140px;} .building_item_rate { } .building_item_btn { } .building_item_btn .listing_submit_btn { text-transform:uppercase; font-size:14px; text-align:center; width:170px; font-weight:bold; background:#D60211; position:absolute; margin-top:10px; bottom:-2px; right:0; border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 7px 0px; -webkit-border-radius: 0px 0px 7px 0px; border: 0px solid #000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} }