/* --------------------------------------------------------------- Homes Spaces Style Sheet Authored by: Amy Wor amy.wor@freepress.mb.ca Version: August 11, 2008 ---------------------------------------------------------------- */ div#content { padding-bottom: 50px; } /* --------------------------------------------------------------- Content Styles ---------------------------------------------------------------- */ #left { float: left; width: 312px; z-index: 1; position: relative; } body#home #left { float: left; width: 300px; z-index: 1; position: relative; } #left li, #right li, #details_right li { list-style-type: none; } #find_space { float: left; background: url(../images/findspace_bkgd.jpg) top left no-repeat; margin-bottom: 15px; } #find_space form { padding: 8px 10px; } #find_space form legend { font: 18px/20px georgia, times, serif; padding: 8px; font-weight: bold; color: #fff; } #find_space form label { font-weight: bold; width: 273px; padding-bottom: 2px; float: left; } #find_space form select { width: 273px; float: left; } #find_space form li { float: left; } #find_space form li#refine_search_submit { padding-top: 15px; float: right; } #find_space form li.or { padding: 5px 0; font-weight: bold; } #space_flow { width: 100%; height: 175px; position: fixed; bottom: 0; z-index: 90; background-color:#d4d4d4; border-top: 1px solid #9f9f9f; } #space_flow .space_flow_container { margin: 5px auto 20px; width: 933px; } #space_flow .space_flow_container h2 { font: 18px/20px Arial, Helvetica, sans-serif; } #space_flow .space_flow_container .sliderGallery { overflow: hidden; background: #bcbcbc; position: relative; margin-top: 5px; padding: 5px 0 5px; height: 120px; width: 930px; border: 1px solid #7f7f7f; } /*#space_flow .space_flow_container .slider { width: 922px; height: 17px; margin-top: 77px; margin-left: 5px; padding: 1px; position: relative; background:url(../images/slider_scrollbar2.gif) top left no-repeat; } #space_flow .space_flow_container .ui-slider-handle { position: absolute; cursor: move; height: 18px; width: 181px; top: 0; background: url(../images/slider_scroller.png) top left no-repeat; z-index: 100; } #space_flow .sliderGallery ul { position: absolute; list-style: none; overflow: none; white-space: nowrap; padding: 0; margin: 0; } #space_flow .sliderGallery ul li { display: inline; list-style-type: none; } #space_flow .sliderGallery ul li div { padding: 0 5px; } #space_flow ul li img { border: 1px solid #000; } #space_flow ul li.current_space img { border: 3px solid #000; } */ #space_flow div.imageLibrary { height: 100px; padding: 0; position: absolute; top: 0; left: 0px; width: 2000px; } #space_flow div.slider { position: absolute; bottom: 5px; left: 5px; width: 922px; height: 19px; background: url(../images/slider_scrollbar2.gif) no-repeat; } #space_flow div.ui-slider-handle { position: absolute; cursor: pointer; cursor: hand; top: 0px; left: 0px; height: 100%; width: 181px; background: url(../images/slider_scroller.png) no-repeat; } #space_flow div.imageLibrary img { float: left; margin: 5px; position: relative; cursor: pointer; border: 2px solid #fff; } #featured_spaces { background: #fff url(../images/feat_top.gif) top left no-repeat; float: left; width: 292px; padding-top: 2px; } #featured_spaces h3 { font: 28px/30px georgia, helvetica, serif; padding: 13px 0; color: #90191d; font-weight: normal; width: 280px; text-align: center; } .feat_bottom { background: #fff url(../images/feat_bottom.gif) bottom left no-repeat; float: left; width: 292px; height: 22px; } ul#featured_container { float: left; padding: 0 18px 18px 18px; } ul#featured_container li.featured_text { border: 2px #fff solid; font-weight: bold; float: left; margin-bottom: 18px; } ul#featured_container li.featured_text img { border: 1px #333 solid; margin: 3px; } ul#featured_container dl { float: left; } ul#featured_container dd.featured_photo { width: 252px; padding: 0; } ul#featured_container dd { float: left; padding: 0 3px 3px 3px; margin: 0; width: 245px; } #right, #details_right { float: left; width: 643px; } #featured_room { width: 645px; float: left; margin-top: 15px; } body#details #featured_room { width: 953px; } #featured_room .feat_left { background:url(../images/spacetitlebar_lft.gif) top left no-repeat; float: left; height: 47px; width: 5px; } #featured_room .feat_right { background:url(../images/spacetitlebar_rgt.gif) top left no-repeat; float: left; height: 47px; width: 5px; } #featured_room .feat_middle { background:url(../images/spacetitlebar_mid.gif) top left repeat-x; height: 47px; float: left; width: 928px; padding-left: 15px; } #featured_room ul { float: left; padding-bottom: 11px; width: 910px; } #featured_room ul li { list-style-type: none; } #featured_room ul.room_info { height: 32px; } #room_photo { float: left; } #room_photo img { float: left; border: 1px #333 solid; margin: 0 auto; background: #333; padding: 0; } li.room_company { float: left; } div.room_living { float: left; font: 36px/38px georgia, times, serif; padding: 0; margin-bottom: 10px; } div.room_living img { padding: 0 5px 0 0; margin-top: 5px; } #more_rooms { border-top: 1px #ccc solid; margin-top: 15px; float: left; padding-top: 18px; width: 645px; } #more_rooms h3 { font: 18px/20px georgia, times, serif; font-weight: bold; color: #333; padding-bottom: 3px; } #more_rooms h3 span { color: #90191d; } #room_photo p.more { margin: 5px 27px 5px 0; text-align: right; font: 11px/13px arial, helvetica, sans-serif; float: right; width: 600px; } #more_roomtype { float: left; margin: 0 95px 0 28px; } #more_companytype { float: left; } #more_rooms ul { width: 247px; float: left; } #more_rooms ul li { float: left; margin-bottom: 11px; } #more_rooms ul img { border: 1px #333 solid; } #more_rooms dd { font: 12px/14px arial, helvetica, sans-serif; font-weight: bold; float: left; width: 250px; } #more_rooms dd.right { font: 11px/13px arial, helvetica, sans-serif; } #more_rooms #more_companytype ul li { margin-bottom: 25px; } /* Search Results Styles */ #find_space_refine { background: url(../images/refine_top.gif) top left no-repeat; width: 954px; height: 55px; margin-bottom: 15px; float: left; padding: 5px 0 0 0; } #find_space_refine legend { width: 200px; float: left; font: 18px/18px georgia, times, serif; font-weight: bold; color: #000; padding: 12px 15px; } #find_space_refine ol { float: right; width: 756px; margin: -30px 15px 0 0; height: 40px; } #find_space_refine ol li { list-style-type: none; float: left; width: 290px; padding-right: 15px; } #find_space_refine ol li.or { font-weight: bold; width: 17px; padding-top: 3px; } #find_space_refine ol label { width: 100px; font-weight: bold; float: left; padding-top: 3px; } #find_space_refine ol select { width: 190px; } #find_space_refine ol li#refine_search_submit { width: 100px; clear: none; padding: 0; margin: 0; } #find_space_refine ol li#refine_search_submit input { width: 100px; height: 22px; margin: 0 0 0 8px; float: left; padding: 0; } #refine_search_list { float: left; color: #666666; width: 155px; padding: 10px 20px 0 0; } #refine_search_list h4 { font-size: 14px; font-weight: bold; padding: 5px 10px; text-align: center; } #refine_search_list dl { padding-left: 10px; } #refine_search_list dt { font-size: 14px; padding-top: 10px; font-weight: bold; } #refine_search_list dd { padding-top: 5px; } #refine_search_list dd.more { font-size: 11px; padding-top: 10px; } div#search_results_pagination { margin-bottom: 10px; background: url(../images/search_rslt_gry_mdl.gif) top left repeat-x; width: 953px; height: 40px; float: left; } div#search_results_pag_right { background:url(../images/search_rslt_gry_rgt.gif) top left no-repeat; width: 7px; height: 40px; float: right; } div#results_number_left { background:url(../images/search_rslt_prpl_lft.gif) top left no-repeat; width: 7px; height: 40px; float: left; } div#browse_number_left { background:url(../images/search_rslt_gry_lft.gif) top left no-repeat; width: 7px; height: 40px; float: left; } div#results_number_middle { background:url(..//images/search_rslt_prpl_mdl.gif) top left repeat-x; height: 55px; float: left; } div#results_number_middle h3 { margin: 12px 10px 0 5px; font-size: 18px; color: #fff; } div#search_results_pagination h1.results { padding: 11px 0 0 10px; float: left; color: #000; font: 16px/18px Arial, Helvetica, sans-serif; font-weight: bold; } div#search_results_pagination h3.browse_results { margin-top: 11px; width: 350px; font-size: 14px; line-height: 16px; } div#search_results_pagination h3.browse_results span { color: #859828; } div#results_number_right { background:url(../images/search_rslt_prpl_rgt.gif) top left no-repeat; width: 1px; height: 40px; float: left; } dl.pagination_nav { padding: 8px 0 8px 8px; width: 960px; height: 17px; } dl.pagination_nav dd { padding-left: 3px; color: #90191d; } dl.pagination_nav dd.price { font-size: 16px; font-weight: bold; color: #fff; float: left; } dl.pagination_nav dd.listing_nav { float: right; margin-right: 15px; } dl.pagination_nav dd.listing_nav ul { margin-right: 10px; } dl.pagination_nav dd.listing_nav li { list-style-type: none; display: inline; } div#content ul.pagination { float: right; padding-right: 40px; } div#content ul.pagination li { font-weight: bold; list-style-type: none; float: left; width: 20px; text-align: center; } div#content ul.pagination li.next { width: 43px; } div#content ul.pagination li.previous { width: 50px; } div#content ul.pagination li.current_page { margin-top: -1px; border: 1px solid #a0a0a0; } div#search_results_pagination ul.pagination { padding: 13px 15px 0 0; } div#content table#confirm_listing tr.premium_listing { background: url(../images/premium_listing_background.gif) top left repeat-x; margin: 3px 0; border-bottom: 0; } div#content table#confirm_listing { border-collapse: collapse; float: left; width: 778px; margin-bottom: 10px; } div#content table#confirm_listing tr { border-bottom: 1px #ccc solid; } div#content table#confirm_listing th { border-bottom: 1px solid #000000; padding: 5px; color: #90191d; } div#content table#confirm_listing th#your_listing { font-size: 16px; } div#content table#confirm_listing th#room_heading { width: 120px; padding-left: 0; } div#content table#confirm_listing th#room_name { width: 225px; padding-left: 0; } div#content table#confirm_listing th#company_heading { width: 175px; padding-left: 0; } div#content table#confirm_listing tr.alt { background: #f2f2f2; cursor: pointer; } div#content table#confirm_listing td { font-weight: bold; } div#content table#confirm_listing td img { border: 1px solid #90191d; margin-top: 3px; } div#content table#confirm_listing tr.premium_listing td.photo { width: 110px; padding: 8px 0 3px 6px; } div#content table#confirm_listing tr.listing td.photo { padding: 3px 0 4px 6px; } div#content table#confirm_listing td.company img { border: 0; padding: 15px; } div#content table#confirm_listing li { padding: 0; border: 0; list-style-type: none; } div#content table#confirm_listing td li.photo_count { background: url(../images/photocount_bkgd.gif) top left no-repeat; float: left; height: 102px; width: 43px; } div#content table#confirm_listing td li.photo_count h4 { color: #000; font-size: 18px; padding-top: 37px; text-align: center; } div#content table#confirm_listing td li.photo_count p { color: #000; font-size: 10px; margin: 0; text-align: center; } div#content table#confirm_listing tr.listing_heading th { color: #000; } div#content table#confirm_listing td.photo_video { width: 118px; } div#content table#confirm_listing td.photo_video li.item_box { background: url(../images/photos_bkgrnd.gif) top left no-repeat; float: left; height: 48px; width: 48px; margin: 0 20px; } div#content table#confirm_listing td.photo_video h4 { color: #fff; font-size: 18px; padding-top: 10px; text-align: center; } div#content table#confirm_listing td.photo_video p { color: #fff; font-size: 10px; margin: 0; padding-top: 3px; text-align: center; } div#content table#confirm_listing td.room { width: 115px; } div#content table#confirm_listing td.name { width: 210px; padding-right: 10px; } div#content table#confirm_listing td.company { width: 170px; padding-right: 15px; } /* Search Details Styles */ #left li { margin-top: 1px; font-weight: bold; list-style-type: none; } div.closed ol { display: none; } #email_friend legend a, #contact_seller legend a { color: #8F181C; font-size: 14px; font-weight: bold; } #email_friend legend a:hover, #contact_seller legend a:hover, #email_friend legend:hover { text-decoration: underline; cursor: pointer; } #email_friend form fieldset ol { border: 1px solid #ccc; float: left; margin-top: 4px; } #email_friend legend { background: #fff url(../images/email.gif) top left no-repeat; padding: 0 5px 0 19px; margin-left: 3px; } #contact_seller legend { background: #f5f5f5; padding: 0 5px; } #email_friend ol li, #contact_seller ol li { padding: 10px 15px; border-bottom: 1px dashed #ccc; } #email_friend ol li label, #contact_seller ol li label { width: 100px; float: left; font-weight: bold; } #email_friend ol li input, #contact_seller ol li input { width: 155px; } #email_friend ol li.submit, #contact_seller ol li.submit { background: #f5f5f5; border-bottom: 0; border-top: 1px #ccc solid; float: left; width: 260px; } #email_friend ol li.last, #email_friend ol li.recaptcha_li, #contact_seller ol li.last, #contact_seller ol li.recaptcha_li { border-bottom: 0; } #email_friend ol li.submit input, #contact_seller ol li.submit input { width: 125px; padding: 3px; float: right; } #contact_seller { float: left; width: 292px; } #email_friend form, #email_friend fieldset { width: 290px; } #left li ol li { margin: 0; background: none; border: none; padding: 5px 5px 5px 8px; list-style-type: none; height: 25px; } #left li ol li.comment_row { height: 70px; } #left li ol li label { width: 90px; float: left; } #left ol li textarea#comments, #left li ol li input, #left ol li textarea#comments1, #contact_seller ol li textarea#comments, #contact_seller li ol li input, #contact_seller ol li textarea#comments1 { width: 155px; } #left li ol li input#emailSubmit, #left li ol li input#contactSubmit { width: auto; float: right; margin: 0 10px 5px 0; } div.img_box { float: left; width: 645px; } #left li div { border-bottom: 1px solid #cfcfcf; } #left div.leftnavError { padding: 10px; border: 1px solid #ff0000; margin: 0 0 20px 0; background: #ffffa0; width: 270px; } #left div.leftnavError ul { margin-left: 15px; } #left div.leftnavError ul li { padding: 2px 0; border-bottom: 0; list-style-type: disc; float: none; width: auto; height: auto; } #left div.leftnavError p { margin: 0; padding: 0; } #left div.leftnavError span { font-weight: bold; color: #ff0000; } #left div.leftNavSuccess { padding: 10px; border: 1px solid #0dc13b; margin: 0 0 20px 0; background: #ffffa0; width: 270px; } #left div.leftNavSuccess ul { margin-left: 15px; } #left div.leftNavSuccess ul li { padding: 2px 0; border-bottom: 0; list-style-type: disc; float: none; width: auto; height: auto; } #left div.leftNavSuccess p { margin: 0; padding: 0; } div.leftNavSuccess span { font-weight: bold; color: #0dc13b; } div#keyword_tag_cloud { padding: 10px; width: 270px; background-color: #f4f4f4; border:1px solid #ccc; color: #90191d; float: left; } div#keyword_tag_cloud h2 { margin: 0; } div#keyword_tag_cloud ol { padding-top: 10px; float: left; } div#keyword_tag_cloud ol li { padding: 0 5px; height: 30px; line-height: 30px; list-style-type: none; float: left; } div#keyword_tag_cloud ol li.smallest { font-size: 11px; } div#keyword_tag_cloud ol li.small { font-size: 14px; } div#keyword_tag_cloud ol li.large { font-size: 24px; } div#keyword_tag_cloud ol li.largest { font-size: 30px; } #more_of_roomtype { float: left; padding-top: 15px; width: 292px; background: #f4f4f4; margin-top: 12px; } #more_of_roomtype h3 { font: 21px/24px georgia, times, serif; padding: 0 15px 10px 15px; color: #333; text-align: center; font-weight: bold; } #more_of_roomtype ul.more_list { width: 247px; float: left; padding-left: 18px; } #more_of_roomtype ul.more_list li { margin-bottom: 25px; border: 2px #fff solid; width: 252px; } #more_of_roomtype ul.more_list dd { width: 247px; font: 12px/14px arial, helvetica, sans-serif; font-weight: bold; } #more_of_roomtype ul.more_list dd.left { padding: 0 0 3px 3px; } #more_of_roomtype img { border: 1px #333 solid; margin: 3px; } #details_right { width: 640px; background: #f5f5f5; border: 1px #ccc solid; margin: -1px 0 0 -1px; } body#details li.room_name { float: left; padding-top: 0; font: 28px/30px georgia, times, serif; height: 31px; width: 800px; padding: 7px 0 0 0; clear: none; } body#details li.room_name h1{ font: 28px/30px georgia, times, serif; height: 31px; float: left; padding: 0; } body#details li.actions { float: right; font: 11px/13px arial, helvetica, sans-serif; margin-top: -21px; } body#details #featured_room li.actions ul { float: right; padding-bottom: 0; } body#details #featured_room li.actions ul li { float: right; height: 17px; } body#details #featured_room li.actions ul li.search_link { margin-top: -55px; font: 14px/18px Arial, Helvetica, sans-serif; clear: both; font-weight: bold; } body#details li.actions ul li.print { background: url(../images/print_icon_grey.gif) top left no-repeat; padding-left: 20px; } body#details li.actions ul li.save { background: url(../images/save_icon.gif) top left no-repeat; padding: 0 35px 0 20px; } #room_details { float: left; width: 312px; } #room_details ol { float: left; margin: 0; } #room_details ol li { float: left; } #room_details ol li.item_number { font: 14px/16px arial, helvetica, sans-serif; color: #fff; text-align: center; padding-top: 7px; font-weight: bold; } #room_details ul { width: 300px; float: left; padding-bottom: 15px; } #room_details ul li ul { padding-bottom: 0; float: left; width: 240px; } #room_details ol li.item_number { float: left; height: 75px; clear: left; padding-right: 8px; width: 32px; height: 32px; background: url(../images/marker_grey.gif) top left no-repeat; } #room_details ol li.item_info { float: right; width: 240px; padding-right: 10px; } #room_details ol li.item_title { float: left; font: 14px/16px arial, helvetica, sans-serif; font-weight: bold; width: 240px; } #room_details ol li.item_price { float: left; font: 14px/16px arial, helvetica, sans-serif; font-weight: bold; padding-bottom: 3px; width: 250px; } #room_details ol li.item_desc { float: left; font: 11px/13px arial, helvetica, sans-serif; width: 250px; padding-top: 3px; } #room_details ol li.more_link { float: left; font: 11px/13px arial, helvetica, sans-serif; padding-top: 3px; width: 250px; } #room_details .detail_info { background: url(../images/details_middle.gif) top left repeat-y; float: left; padding: 15px; } #room_details .detail_bottom { background: url(../images/details_bottom.gif) top left no-repeat; width: 312px; float: left; height: 12px; } #email_friend { float: left; margin: 20px 0; width: 292px; } #keyword_tag_cloud { float: left; width: 292px; } div.branding_top { margin-bottom: 15px; float: left; } div.branding_bottom { float: left; padding: 15px 0 0 0; } div#flash_rooms { float: left; margin: 0; background: url(../images/flash_top.gif) top left repeat-x; width: 953px; padding-top: 10px; } div#browse_stores { float: right; width: 625px; background: url(../images/flash_top.gif) top left repeat-x; padding-top: 10px; } div#browse_stores h3 { font: 34px/38px georgia, times, serif; color: #333; margin: 0 0 10px 0; width: 625px; height: 48px; border-bottom: 1px #f5f5f5 dashed; } div#browse_stores ul#store_nav { float: left; width: 625px; margin-top: 0; z-index: 1; position: relative; } div#browse_stores ul#store_nav li { list-style-type: none; padding-right: 3px; float: left; text-align: -9999px; font-size: 0; } div#browse_stores ul#store_nav li a, div#browse_stores ul#store_nav li a:hover { display: block; } ul#store_nav li#ae a, ul#store_nav li#ae { background: url(../images/storenav/ae_off.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; color: #fff; } ul#store_nav li#ae a:hover, ul#store_nav li#ae:hover { background: url(../images/storenav/ae_over.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; } ul#store_nav li#ae_on { background: url(../images/storenav/ae_on.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; color: #fff; } li#fj a, li#fj { background: url(../images/storenav/fj_off.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; text-align: -9999px; font-size: 0; color: #fff; } ul#store_nav li#fj a:hover, ul#store_nav li#fj:hover { background: url(../images/storenav/fj_over.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; text-align: -9999px; font-size: 0; } ul#store_nav li#fj_on { background: url(../images/storenav/fj_on.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; text-align: -9999px; font-size: 0; color: #fff; } ul#store_nav li#ko a, ul#store_nav li#ko { background: url(../images/storenav/ko_off.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; color: #fff; } ul#store_nav li#ko a:hover, ul#store_nav li#ko:hover { background: url(../images/storenav/ko_over.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; } ul#store_nav li#ko_on { background: url(../images/storenav/ko_on.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; color: #fff; } ul#store_nav li#pu a, ul#store_nav li#pu { background: url(../images/storenav/pu_off.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; color: #fff; } ul#store_nav li#pu a:hover, ul#store_nav li#pu:hover { background: url(../images/storenav/pu_over.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; } ul#store_nav li#pu_on { background: url(../images/storenav/pu_on.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; color: #fff; } ul#store_nav li#vz a, ul#store_nav li#vz { background: url(../images/storenav/vz_off.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; color: #fff; } ul#store_nav li#vz a:hover, ul#store_nav li#vz:hover { background: url(../images/storenav/vz_over.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; } ul#store_nav li#vz_on { background: url(../images/storenav/vz_on.gif) top left no-repeat; width: 58px; height: 28px; cursor: pointer; font-size: 0; color: #fff; } div#alpha_list_on { float: left; border-top: 1px #ccc solid; margin-top: -1px; z-index: 0; position: relative; width: 625px; } div#alpha_list_on dl { float: left; width: 625px; } div#alpha_list_on dt { font: 16px/18px arial, helvetica, sans-serif; width: 615px; background: #f5f5f6; padding: 5px; font-weight: bold; color: #333; margin: 10px 0; } div#alpha_list_on dd, div#alpha_list_on dd a { font: 12px/15px arial, helvetica, sans-serif; width: 205px; float: left; font-weight: bold; padding-bottom: 5px; } div#content div#refine_search { background:url(../images/refine_search.gif) top left no-repeat; float: left; height: 55px; margin-bottom: 10px; padding: 5px 0pt; width: 954px; } div#content div#refine_search legend { color: #333333; float: left; font: 18px/18px georgia,times,serif; font-weight:bold; padding: 12px 0 0 10px; width: 200px; } div#content div#refine_search ol { clear: none; float: right; margin: -19px 15px 0 0; width: 765px; } div#content div#refine_search ol li { display: inline; float: left; padding-right: 15px; } div#content div#refine_search ol label { font-weight: bold; width: 40px; } div#content div#refine_search ol input { width: 150px; } div#content div#refine_search ol select { width: 155px; } div#content div#refine_search ol li#submit_list { border-bottom: 0; padding: 0; width: 84px; } div#content div#refine_search ol li#submit_list input { padding: 0; width: 84px;} .contact_details { float: left; background: url(../images/informationtopbar.gif) top left no-repeat; padding-top: 27px; width: 640px; } .contact_details h1 { font: 12px/14px arial, helvetica, sans-serif; font-weight: bold; padding: 20px 15px 15px 15px; } .contact_details h1 span.on { background: #8F181C; color: #fff; padding: 5px 5px 15px 5px; margin: 0 5px; } .contact_box { float: left; background: url(../images/contact_details_box.gif) top left no-repeat; padding: 15px; margin-left: 20px; width: 575px; } #location_map { width: 332px; height: 260px; } .location { padding-right: 15px; } .map_hours { float: left; width: 332px; padding: 5px 0 0 12px; } .map_hours #location_map { border: 1px #ccc solid; } .map_hours span { color: #8f181c; } div#locations { float: left; } div#locations div { display: none; } dl.hours { float: left; width: 335px; } dl.hours dt, dl.store_info dt, dl.locations dt { font: 14px/16px arial, helvetica, sans-serif; font-weight: bold; padding: 10px 0 3px 0; } dl.hours dd, dl.store_info dd, dl.locations dd { padding-bottom: 3px; } .map_hours span.day { font: 12px/15px arial, helvetica, sans-serif; color: #333; font-weight: bold; } dl.store_info dd span { font: 12px/15px arial, helvetica, sans-serif; color: #333; font-weight: bold; } dl.store_info dd a { font-weight: bold; } dl.store_info { float: left; } dl.store_info dd img { border: 1px #ccc solid; margin-bottom: 8px; } h1.store_title { font: 16px/20px arial, helvetica, sans-serif; padding: 0 0 5px 0; font-weight: bold; float: left; } dl.locations { width: 225px; float: left; font-weight: bold; clear: both; } div.store_head { float: left; width: 225px; } /*Marker page styles*/ div#photo_container { position: relative; width: 100%; overflow: hidden; float: left; } div#photo_container #room_photo { position: relative; z-index: 80; float: left; width: 5000px; margin: 20px 0 0 20px; } div#photo_container #room_photo div.marker { position: relative; z-index: 100; font-size: 14px; font-weight: bold; color: #fff; width: 32px; height: 32px; cursor: pointer; text-align: center; float: left; } div#photo_container #room_photo div.marker:hover { cursor: pointer; } div#photo_container #room_photo div.marker p.marker_number { margin: 0; padding: 8px 0 0 12px; height: 12px; position: relative; z-index: 110; font-weight: bold; } p.marker_number { float: left; font: 14px/16px arial, helvetica, sans-serif; color: #fff; } div#photo_container #room_photo div.marker object { top: 0; position: relative; z-index: 105; margin-top: -20px; } div.overlay { display: none; position: absolute; top: 0pt; left: 0pt; z-index: 90; width: 100%; height: 100px; background-color: #000000; opacity: 0.8; filter: alpha(opacity = 80); } div#div_marker_info { display: none; z-index: 150; background-color: #006666; position: relative; width: 100px; height: 100px; } div#content_container { width: 993px; float: left; } div#content_container div#overDiv, div#content_container div#overDiv:hover { cursor: pointer; } div#content_container div#overDiv div#caption_top { background:url(../images/popup_top.png) top left no-repeat; width: 335px; height: 9px; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; } div#content_container div#overDiv div#caption_bottom { background:url(../images/popup_bottom.png) top left no-repeat; float: left; width: 335px; height: 51px; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; } div#content_container div#overDiv table { width: 335px; background: url(../images/popup_middle.gif) top left repeat-y; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; } div#content_container div#overDiv table td a { color: #942a28; } div#content_container div#overDiv table td a#close_link { float: right; padding-right: 13px; color: #942a28; z-index: 1; position: relative; } div#content_container div#overDiv ul.overDivList { float: left; width: 295px; border: 0; } div#content_container div#overDiv ul.overDivList li { padding: 2px 5px; list-style-type: none; float: left; } div#content_container div#overDiv li label { padding-top: 5px; width: 100px; float: left; font-weight: bold; } div#content_container div#overDiv li span { width: 225px; float: left; font: 14px/17px arial, helvetica, sans-serif; font-weight: bold; color: #333; } div#content_container div#overDiv li span#item_desc { font: 11px/13px arial, helvetica, sans-serif; font-weight: normal; } div#content_container div#overDiv li span#item_url { font: 11px/13px arial, helvetica, sans-serif; font-weight: normal; padding-bottom: 8px; } div#content_container div#overDiv li span#item_url a { color: #a53d41; } div#content_container div#overDiv li input { width: 255px; float: left; font-weight: bold; } div#content_container div#overDiv li.submit_both { margin-top: 2px; background: #ddd; border-top: 1px solid #bbb; border-bottom: none; height:30px; } div#content_container div#overDiv li.submit_both li.submit { padding: 5px 0 0 0; width: 103px; height: 20px; border-bottom: none; float: left; } div#content_container div#overDiv li.submit_both li#liRemove { text-align: right; } div#content_container div#overDiv li.submit_both li.submit input { padding: 0 5px 2px 5px; font-size: 12px; height: 18px; } div#content_container div#overDiv ul.overDivList textarea { width: 255px; height: 50px; float: left; } div#content_container div#overDiv li.submit_both li.submit input:hover { border: 1px solid #00CC33; background: #efefef; cursor: pointer; } div#content_container div#overDiv li.submit_both li#liRemove input:hover { border: 1px solid #CC0000; background: #efefef; cursor: pointer; } div#content_container div#overDiv table#tbl_overdiv_body { border: 0; width: 295px; padding-left: 5px; } div#content_container div#overDiv table#tbl_overdiv_top { border: 0; width: 20px; height: 16px; float: right; padding: 0; background: url(../images/popup_middle.gif) repeat-y scroll right top transparent; } div#content_container div#overDiv table#tbl_overdiv_top td { font-weight: bold; } ul#homes_extras li.recaptcha_li { margin-top: 5px; padding: 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background: #fafaf3; height: 120px; } ul#homes_extras ul.recaptcha_widget li label { width: 105px; } ul#homes_extras ul.recaptcha_widget li input { width: 160px; } ul#homes_extras ul.recaptcha_widget li.recaptcha_image { padding: 5px 0 0 0; width: 290px; height: 55px; } ul#homes_extras ul.recaptcha_widget li.recaptcha_image img { padding: 0; width: 290px; height: 55px; } ul#homes_extras ul.recaptcha_widget li.recaptcha_reload { padding: 0 14px 5px 8px; height: 20px; width: 268px; text-align: right; } #email_friend ol li#recaptcha_image { height: 55px; width: 290px; padding: 0; border-bottom: 0; } #email_friend ol li#recaptcha_image img { width: 290px; height: 55px; } #email_friend ol li.recaptcha_li { padding-left: 0; padding-right: 0; } #email_friend ol li.recaptcha_li ul li { border-bottom: 0; } #refine_top { background: url(../images/smrefine_top.gif) top left no-repeat; float: left; width: 155px; height: 25px; } #refine_middle { background: url(../images/smrefine_middle.gif) top left repeat-y; width: 155px; float: left; padding-bottom: 8px; } #refine_bottom { background: url(../images/smrefine_bototm.gif) top left no-repeat; width: 155px; height: 7px; float: left; } body#details div#footer { height: 300px; }