/* WAYA Rentals Screen CSS */ /* Eric Meyer's "reset" CSS http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-align: left; vertical-align: baseline; } a:link img, a:visited img { border: 2px solid #fff; } a:hover img, a:visited:hover img { border: 2px solid #30618C; } table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } /* End */ ul { list-style: inside square; } ul li, ol li { line-height: 18px; } ul li ul li { list-style: none; } table { line-height: 18px; font-size: 11px; } table th, table td { padding: 6px 12px; } table th { vertical-align: middle; line-height: 18px; font-weight: bold; font-size: 12px; background-color: #ccc; } table td { vertical-align: top; } table .not_header { text-align: right; font-weight: normal; font-size: 11px; border: none; background-color: #fff !important; } table.rentals {table-layout:fixed; border-collapse:collapse;} table.rentals td,tr {padding:px; margin:0px; white-space: wrap; padding:10;} table.rentals a {text-decoration: none;} table.rentals a:hover {border-bottom: dotted 1px #b11d33;} table.rentals a:active, focus {text-decoration: none;} table.rentals a:visited {text-decoration: none;} td.rentals30 {text-align: right;} td.rentals245 {text-align: left;} td.rentals120 {text-align: left; text-transform: uppercase;} /* Table styles for TableKit JS http://www.millstream.com.au/view/code/tablekit */ /*table.sortable th:hover { cursor: pointer; background-color: #bbb; } table.sortable th.sortdesc:hover, table.sortable th.sortasc:hover { background-color: #548dbf; } table.sortable th.nosort:hover { cursor: inherit; background-color: #ccc; }*/ table .roweven { background-color: #f6f6f6; } table .rowodd { background-color: #ddd; } table .sortdesc, table .sortasc { padding-left: 18px; background: #548dbf no-repeat 7px 50%; } table .sortdesc { background-image: url(../_media/images/gfx_descending_bullet.png); } table .sortasc { background-image: url(../_media/images/gfx_ascending_bullet.png); } table .numeric { text-align: center; } table .nowrap { white-space: nowrap; } table .cat_1 {width:200px;} table .cat_2 {width:80px;} table .cat_3 {width:204px;} table .cat_4 {width:80px;} /* End */ strong { font-weight: bold; } small { font-size: 0.75em; } p, dt, dd { max-width: 468px; } p { text-indent: 2em; } p.no_indent { text-indent: 0; } p+h3 { margin-top: 12px; } p.read_more{text-indent:0;margin:6px 0;font-weight:bold;font-size:10px;} ol { list-style: inside decimal; } object, img, embed { display: block; } h3 { margin-top: 2px; font: bold 18px/18px "Times New Roman", Times, serif; } h4 { margin-top: 6px; line-height: 18px; font-weight: bold; } h5 { line-height: 12px; font-weight: bold; font-size: 10px; } form textarea, form input { font: normal 12px/18px Verdana, Geneva, sans-serif; border: 1px solid #999; } form label { line-height: 15px; font-weight: bold; display: block; } form input { margin-bottom: 6px; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ form #submit { padding: 6px 12px; color: #fff; border-style: outset; border-size: 2px; background-color: #30618c; } form #submit:hover { cursor: pointer; } form #submit:active { border-style: inset; } form .errant_field { background-color: #ffffe5; } dt { margin-top: 6px; line-height: 18px; font-weight: bold; } dl { margin-bottom: 12px; } body { margin-bottom: 23px; font: normal 13px/18px Verdana, Geneva, sans-serif; color: #000; background: #8bbbd9 url(../_media/images/bg_body.jpg) no-repeat top center; } a:link { color: #30618c; } a:hover { color: #000} a:visited { color: #548dbf; } a:focus, a:active { top: 1px; position: relative; } a.exposed { text-decoration:none; color: #30618c; border-bottom: 1px dotted; } a.exposed:link { text-decoration:none; color: #30618c; border-bottom: 1px dotted; } a.exposed:hover { text-decoration:none; color: #b11d33; border-bottom: 1px solid; } a.exposed:visited { text-decoration:none; color: #548dbf; border-bottom: 1px dotted; } a.exposed:active { text-decoration:none; color: silver; border-bottom: 1px dotted; } /* Common styles for all image-replaced elements */ #navigation_global li a, #header h2 a, #header h4, #header p#phone_number { overflow: hidden; height: 0; background: transparent no-repeat 0 0; } /* End */ .signature { margin: 12px 0 0; } .signature p { padding: 0; margin: 0; line-height: 12px; font-size: 10px; } #sidebar, #content { float: left; } #sidebar { width: 191px; padding: 17px 0 30px; } #reviews { margin-bottom: 6px; } #reviews h3 { width: 276px; float: left; } #reviews .back_to_top { padding: 0.7em 192px 0 13px; float: right; background-position: 0 1em; } #reviews .attribution { width: 150px; padding: 6px 12px 6px 18px; font-size: 11px; float: left; background: transparent url(../_media/images/bg_attribution.png) no-repeat bottom left; } #reviews .attribution h5 { font-size: 11px; } #reviews .attribution p { text-indent: 0; } #reviews blockquote { width: 342px; padding: 4px 12px 12px 30px; line-height: 18px; font-size: 11px; float: left; background: transparent url(../_media/images/bg_blockquote.png) no-repeat 0 0.3em; } .pull_left, .pull_right { margin-top: 3px; margin-bottom: 12px; border: 1px solid #000; } .pull_left { margin-right: 12px; float: left; } .pull_right { margin-left: 12px; float: right; } #property_slideshow { border: 1px solid #000; } #pricing_and_availability { padding-bottom: 9px; margin-top: 12px; } #pricing_and_availability p, #pricing_and_availability h5 { padding-left: 12px; padding-right: 12px; line-height: 12px; font-size: 11px; } #pricing_and_availability p { padding-top: 3px; padding-bottom: 3px; } #pricing_and_availability img { margin-bottom: 6px; } #pricing_and_availability h5 { padding-top: 6px; padding-bottom: 6px; } title small { font-size: 1em; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ #page_title p { text-indent: 0; padding: 1.1em 0 0 10px; line-height: 10px; font-size: 10px; float: right; background: transparent url(../_media/images/gfx_back_bullet.png) no-repeat 0 1.4em; } #page_title h1 { width: 468px; font: bold 24px/24px "Times New Roman", Times, serif; } #home #page_title h1 { width: 468px; font: bold 28px/28px "Times New Roman", Times, serif; } #overview { width: 372px; padding: 4px 12px 12px 0; margin-top: 12px; float: left; } #home #overview { margin-top: 0; } #overview h3 { width: 276px; float: left; } #overview .back_to_top { padding: 0.7em 0 0 13px; float: right; background-position: 0 1em; } #navigation_page li { padding: 0 18px 0 12px; line-height: 12px; font-size: 10px; display: inline; background: transparent url(../_media/images/gfx_page_down_bullet.png) no-repeat 0 0.4em; } /* Navigation */ /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ #navigation_global { list-style: none; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ #navigation_global li a { width: 191px; padding-top: 30px; display: block; } #navigation_global li#nav_home a { background-image: url(../_media/images/nav_home.png); } #navigation_global li#nav_nb a { background-image: url(../_media/images/nav_nb-rentals.png); } #navigation_global li#nav_up a { background-image: url(../_media/images/nav_up-rentals.png); } #navigation_global li#nav_sawyer a { background-image: url(../_media/images/nav_sawyer-rentals.png); } #navigation_global li#nav_swm a { background-image: url(../_media/images/nav_swm-rentals.png); } #navigation_global li#nav_nwi a { background-image: url(../_media/images/nav_nwi-rentals.png); } #navigation_global li#nav_about_us a { background-image: url(../_media/images/nav_about-waya.png); } #navigation_global li#nav_local_attractions a { background-image: url(../_media/images/nav_harbor-country.png); } #navigation_global li#nav_contact_us a { background-image: url(../_media/images/nav_contact-waya.png); } #navigation_global li#nav_boat a { background-image: url(../_media/images/nav_boat-rental.png); } /* these have been removed from menu */ #navigation_global li#nav_faqs a { background-image: url(../_media/images/nav_faqs.png); } #navigation_global li#nav_calendar a { background-image: url(/_media/images/nav_calendar.png); } #navigation_global li#nav_maps a { background-image: url(../_media/images/nav_maps.png); } #navigation_global li#nav_sales a { background-image: url(../_media/images/nav_sales.png); } #navigation_global li#nav_home_sales a { background-image: url(../_media/images/nav_home_sales.gif); } /* Rollovers */ #navigation_global li a:hover { background-position: -191px 0; } /* Activate button based on section of site */ #home #navigation_global li#nav_home a, #properties_nb #navigation_global li#nav_nb a, #properties_up #navigation_global li#nav_up a, #properties_sawyer #navigation_global li#nav_sawyer a, #properties_swm #navigation_global li#nav_swm a, #properties_nwi #navigation_global li#nav_nwi a, #boat #navigation_global li#nav_boat a, #about_us #navigation_global li#nav_about_us a, #faqs #navigation_global li#nav_faqs a, #local_attractions #navigation_global li#nav_local_attractions a, #contact_us #navigation_global li#nav_contact_us a, #calendar #navigation_global li#nav_calendar a, #maps #navigation_global li#nav_maps a, #sales #navigation_global li#nav_sales a{ background-position: -382px 0; } #home_sales #navigation_global li#nav_home_sales a{ background-position: -382px 0; } /* End */ #location { width: 180px; float: left; } #location h3 { width: 84px; float: left; } #location #view_larger { text-indent: 0; padding-left: 18px; font-size: 11px; line-height: 18px; background: transparent url(../_media/images/gfx_view_larger_bullet.png) no-repeat 0 0.3em; } #location #map { overflow: hidden; border: 1px solid #000; } #location .back_to_top { padding: 0.7em 0 0 13px; float: right; background-position: 0 1em; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ #learn_more { padding-bottom: 12px; overflow: auto; } #learn_more h5 { padding-right: 18px; float: left; } #learn_more li { float: left; } #homepage_slideshow { padding-bottom: 12px; background: transparent url(../_media/images/bg_homepage_slideshow.png) no-repeat bottom left; } #header { width: 218px; position: relative; padding: 7px 0 13px 560px; height: 59px; background: transparent url(../_media/images/bg_header.png) no-repeat 0 0; } #header h2 a, #header h4, #header p#phone_number { position: absolute; } #header h2 a { width: 147px; top: 15px; padding-top: 34px; left: 28px; display: block; background-image: url(../_media/images/hdr_waya_rentals_new.png); } #header h4 { width: 385px; display:block; top: 16px; padding-top: 40px; margin-top: 0; left: 203px; background: url(../_media/images/hdr_waya_rentals_logotype.jpg) no-repeat;overflow:hidden;} #header p#phone_number { z-index: 2000; width: 74px; top: 39px; padding-top: 11px; margin-top: 0; left: 203px; background-image: url(../_media/images/prg_phone_number.png); } #header #cities { width: 180px; height: 42px; margin-left:27px;margin-top:4px;} #home #header { padding-bottom: 0; height: 62px; background: transparent url(../_media/images/bg_header_home.png) repeat-x 0 0; } #footer { width: 580px; position: relative; padding: 0 0 12px 208px; overflow: auto; left: -5px; color: #fff; background: transparent url(../_media/images/bg_footer.png) no-repeat bottom left; } #footer small { font-size: 1em; } #footer p { text-indent: 0; line-height: 18px; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ #footer li { line-height: 12px; font-size: 11px; padding: 0 4px 0 8px; display: inline; background: transparent url(../_media/images/gfx_footer_nav_bullet.png) no-repeat 0 0; } #footer li.first { padding-left: 0; background: none; } #footer li.last { padding-right: 0; } #footer a { color: #fff; text-decoration: none;} #footer a:hover { color: #fff; text-decoration: underline;} #footer #footer_items { width: 468px; float: left; } #footer #copyright { font-size: 10px; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ #footer .back_to_top { padding: 0.3em 12px 0 13px; float: right; background-position: 0 1em; background-image: url(../_media/images/gfx_back_to_top_bullet_footer.png); } /************** Added for home sales */ #specs { width: 100%; padding-right: 12px; float:left; } #specs table tbody{ table-layout:fixed; font-size: 12px; width:100%;} #specs table td { font-family:"Courier New", Courier, monospace; height:30px; } #specs .back_to_top { padding: 0.7em 0 0 13px; float: right; background-position: 0 1em; } #sales_overview { width: 562px; padding: 4px 12px 12px 0; margin-top: 12px; float: left; } #sales_overview { margin-top: 0; } #sales_overview h3 { width: 562px; float: left; } #sales_overview .back_to_top { padding: 0.7em 0 0 13px; float: right; background-position: 0 1em; } #sales_features { width: 562px; padding-right: 12px; float: left; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ #sales_features ul { overflow: auto; padding-bottom: 6px; list-style: none; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ #sales_features li { width: 156px; padding: 3px 12px 3px 18px; line-height: 12px; font-size: 11px; float: left; background: transparent url(../_media/images/gfx_features_bullet.png) no-repeat 0 0.3em; } #sales_features h3 { width: 562px; float: left; } #sales_features table, tbody, tr { width: 100%; float: left; } #sales_features h5 { font-size: 11px; color: #30618c; clear: both; } #sales_features .back_to_top { padding: 0.7em 0 0 13px; float: right; background-position: 0 1em; } #features { width: 372px; padding-right: 12px; float: left; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ #features ul { overflow: auto; padding-bottom: 6px; list-style: none; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ #features li { width: 156px; padding: 3px 12px 3px 18px; line-height: 12px; font-size: 11px; float: left; background: transparent url(../_media/images/gfx_features_bullet.png) no-repeat 0 0.3em; } #features h3 { width: 276px; float: left; } #features h5 { font-size: 11px; color: #30618c; clear: both; } #features .back_to_top { padding: 0.7em 0 0 13px; float: right; background-position: 0 1em; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ //#faux-columns { background: url(../_media/images/bg_faux-columns_new.png) no-repeat 0 280px #e8e8e8; } #faux-columns { background: url(../_media/images/kw-bg.gif) left top repeat-y #e8e8e8; } #local_attractions dd, #faqs p { line-height: 18px; } #e-mail_form { width: 372px; padding-right: 12px; float: left; } #e-mail_form textarea { width: 276px; } #e-mail_form input { width: 180px; } #e-mail_form #which_property { margin-bottom: 12px; } /* IE6/7 hack in /_css/screen_ie6.css & /_css/screen_ie7.css */ #e-mail_form #which_property input { width: auto; top: 0; position: relative; margin-bottom: 6px; } /* Firefox 2 hack */ #e-mail_form #which_property input, x:-moz-any-link { top: 4px; } /* Firefox 3 hack */ #e-mail_form #which_property input, x:-moz-any-link, x:default { top: 2px; } #e-mail_form #which_property label { font-weight: normal !important; } #e-mail_form #submit { width: auto; } #content { width: 564px; padding: 17px 11px 30px 12px; background:#ffffff;} /* IE6 hack in /_css/screen_ie6.css */ #container { width: 778px; padding: 0 5px; margin: 0 auto; background: transparent url(../_media/images/bg_container.png) repeat-y 0 0; } #link_box { width: 191px; padding: 0 5px; margin: 0 auto;} #link_box img{display: block; margin-left: auto; margin-right: auto;} #contact_us dt { margin-top: 0; line-height: 12px; } #contact_us dl { margin-bottom: 0; } .clear { clear: both; } .callout { width: 180px; float: left; background-color: #e6e6e6; } .callout p, .callout dl { padding: 9px 12px; line-height: 12px; font-size: 11px; } .callout p { text-indent: 0; } .callout h4 { width: 156px; padding: 9px 12px; margin-top: 0; line-height: 12px; font-weight: bold; color: #1a1a1a; background: #999 url(../_media/images/bg_callout_headers.png) repeat-x left bottom; } .callout dd { margin-bottom: 6px; } .back_to_top { text-indent: 0; padding-left: 13px; line-height: 10px; font-size: 10px; background: transparent url(../_media/images/gfx_back_to_top_bullet.png) no-repeat 0 0.3em; } .back_to_top small { font-size: 1em; } .alert { padding: 12px 17px; margin-bottom: 18px; border: 1px solid; } .alert p { text-indent: 0; } #info { border-color: #8bbbd9; background-color: #e8f1f7; } #highlight { border-color: #999; background-color: #efefef; } #error { border-color: #ff0; background-color: #ffffe5; } /*misc*/ .pet{padding-top:10px;} /* changes: basic - font face & size changed for x-platform readbility, then some homepage formatting issues addressed */ #newcallout {float: right; width: 190px; margin-left: 15px; margin-bottom: 8px; margin-top: 8px; text-display: block; text-align:center; background-color: #e8e8e8; padding: 8px; border-collapse: collapse; border: 1px dotted #c2c2c2;} .callcaption {font-size: .8em; font-weight: bold; line-height: 1.3em; color: #333333;} big {font-size:1.2em; font-weight:bold;color: #b71f36; line-height: 1.5em;} #newhome p {max-width: 525px;} #newhome {width:525px;} #page_subtitle h2 { width: 525px; font: bold 1.3em Verdana, Geneva, Sans-serif; font-style: italic;letter-spacing: .5px; color: #b11d33; margin-bottom: 10px;} .category {font: bold 1.5em Verdana, Geneva, Sans-serif; color: #b11d33; border-bottom: 1px dotted #b11d33;} #addthiscarrier {margin-left: 15px;}