/* ========================================== master.css ========================================*/ /* ========================================== Copyright 2008 Cannery Row Co. ========================================*/ /* ========================================== load normalizing styles ========================================*/ @import url(normalize.css); /* ========================================== element styles ========================================*/ a { color: #000; text-decoration: none; border: none; outline: none; } img { border: none; } h1 { font-weight: normal; font-size: 125%; margin-bottom: .5em; color: #0DA2D7; } h2 { font-weight: normal; font-size: 110%; margin-bottom: .5em; color: #0DA2D7; } h3 { font-weight: normal; font-size: 125%; margin-bottom: 1em; } p { margin-bottom: 1.5em; } cite { padding: 0 10px; margin-bottom: 1em; font-style: italic; font-size: 90%; display: block; } strong { font-weight: bold; } em { font-style: italic; } /* ========================================== class styles ========================================*/ .clearBoth { clear: both; } .floatLeft { float: left; } .floatRight { float: right; } .best-of-table td { vertical-align: top; padding: 5px 10px; width: 250px; } .best-of-table td p { padding: 3px; text-align: left; } .highlight-best-of { background: #FCDD7C; padding: 6px; } .highlight-twosomes { background: #FEBFB8; } .highlight-girlfriends-getaway { background: #B8BCFE; } .highlight-guys-getaway { background: #C8F0E7; } .highlight-family-fun { background: #D4F5AA; } .highlight-time-to-travel { background: #F9C996; } .indent { padding-left: 160px; } .callout { margin-bottom: 10px; padding: 1em; font-size: 110%; border: #9d2d00 1px solid; background: #faad99; } .imax-callout { margin-left: 165px; padding: 1em; font-size: 110%; border: #9d2d00 1px solid; background: #faad99; } .bay-wonders-video-list p, .bay-wonders-video-list ul { margin-left: 165px; } /* ========================================== ID styles ========================================*/ #content-sm-img { float: left; margin: 0 15px 15px 0; } #best-of-cannery-row-2 { float: left; margin: 0 15px 15px -15px; } #empty-btn { width: 208px; height: 61px; background: #6672a8; } #back-to-home-btn a { width: 208px; height: 47px; background: url(../img/back-to-home.png) top left no-repeat; } #table-content { clear: both; margin: 0 15px; } #best-of-content { clear: both; margin: 0 24px; } #best-of-content a { border-bottom: 1px dotted #000; } #best-of-content a:hover { color: #666; text-decoration: none; border-bottom: 1px dotted #666; } #map-content { clear: both; text-align: center; } #map-content p { margin: 20px 5px 0 5px; } #map-content img { border: #999 1px solid; } #merchant-content { clear: both; margin: 10px 189px; } #merchant-content .atc { width: 175px; text-align: left; padding: 5px; border: 1px dotted #999; background: #fff; margin: 10px 0 30px 0; font-size: 12px; color: #999; } #merchant-content .merchant-table { width: 373px; background: #fff; text-align: left; } #merchant-content #dining-table caption { background: #f4aa2a; } #merchant-content #entertainment-table caption { background: #5b679a; } #merchant-content #shopping-table caption { background: #5b679a; } #merchant-content #radio-table caption { background: #66CCCC; } #merchant-content #lodging-table caption { background: #6c8727; } #merchant-content .merchant-table caption { width: 373px; padding: 8px; font-size: 115%; font-weight: bold; color: #fff; border-top: 1px solid #999; border-bottom: 1px solid #999; } #merchant-content .merchant-table th { width: 373px; padding: 8px 16px; background: #ececec; border-bottom: 1px solid #ccc; } #merchant-content .merchant-table td { width: 373px; vertical-align: top; padding: 0 0 16px 24px; } #merchant-content .merchant-table td.first-row { padding-top: 16px; } #merchant-content .merchant-table th.wine-tasting-rooms-heading { background: #dc6a6a; } #merchant-content #spas-table caption { background: #00675a; } #photo-library-content { clear: both; margin: 10px 80px; } #photo-library-content .photo-library-table { width: 504px; margin: 10px 0 10px 61px; font-size: 80%; } #photo-library-content .photo-library-table th { background: #ececec; font-weight: bold; padding: 8px 0 8px 8px; vertical-align: bottom; border-top: 1px solid #ccc; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #photo-library-content .photo-library-table th.empty { background: #fff; border: none; } #photo-library-content .photo-library-table td { width: 125px; border-right: 1px solid #fff; } #photo-library-content .photo-library-table td p { padding: 8px 16px; } #historical-timeline-content { clear: both; padding-left: 25px; } #video-content { clear: both; text-align: center; } #back-to-top { text-align: center; font-size: 85%; margin: 0; padding: 0; } #great-getaways-table td { vertical-align: top; padding: 5px 10px; width: 350px; } #great-getaways-table td p { padding: 10px; text-align: left; } #great-getaways-table td a { color: #000; text-decoration: none; border-bottom: 1px dotted #000; } #great-getaways-table td a:hover { color: #666; border-bottom: 1px dotted #666; } #historical-timeline-table td { margin: 0; padding: 0; } #historical-timeline-table td p { font-size: 85%; font-family: "Trebuchet MS", sans-serif; color: #666; line-height: 1.5em; } #historical-timeline-table td p a { font-size: 80%; color: #D26A07; } #directions-parking h3 { color: #6c8727; } #sample-itineraries h3, #getting-here h3 { color: #00786D; } #water-sports h3 { color: #9a2b08; } /* ========================================== html, body, site-container ========================================*/ html { background: #106A99; _background: #0B5F8F; =background: #0B5F8F; text-align: center; } body { position: relative; font-size: small; font-family: Arial, sans-serif; color: #000; text-align: left; width: 795px; margin: 0 auto; } #site-container { position: relative; width: 795px; background: #fff url(../img/site-container-bgd.gif) top left repeat-y; } /* ========================================== navigation ========================================*/ #navigation { margin: 0; padding: 0; width: 795px; } #navigation li { float: left; } #navigation li a { display: block; color: #106A99; } #stay-here-btn { width: 107px; height: 175px; background: url(../img/stay-here.png) top left no-repeat; } #stay-here-btn a { width: 107px; height: 175px; background: url(../img/stay-here.png) top left no-repeat; } #play-here-btn { width: 104px; height: 175px; background: url(../img/play-here.png) top left no-repeat; } #play-here-btn a { width: 104px; height: 175px; background: url(../img/play-here.png) top left no-repeat; } #dine-here-btn { width: 99px; height: 175px; background: url(../img/dine-here.png) top left no-repeat; } #dine-here-btn a { width: 99px; height: 175px; background: url(../img/dine-here.png) top left no-repeat; } #home-btn { width: 172px; height: 175px; background: url(../img/cannery-row.png) top left no-repeat; } #home-btn a { width: 172px; height: 175px; background: url(../img/cannery-row.png) top left no-repeat; } #shop-here-btn { width: 99px; height: 175px; background: url(../img/shop-here.png) top left no-repeat; _background: url(../img/shop-here-j.jpg) top left no-repeat; =background: url(../img/shop-here-j.png) top left no-repeat; } #shop-here-btn a { width: 99px; height: 175px; background: url(../img/shop-here.png) top left no-repeat; _background: url(../img/shop-here-j.jpg) top left no-repeat; =background: url(../img/shop-here-j.png) top left no-repeat; } #bay-wonders-btn { width: 99px; height: 175px; background: url(../img/bay-wonders.png) top left no-repeat; } #bay-wonders-btn a { width: 99px; height: 175px; background: url(../img/bay-wonders.png) top left no-repeat; } #looking-back-btn { width: 99px; height: 175px; background: url(../img/looking-back.png) top left no-repeat; } #looking-back-btn a { width: 99px; height: 175px; background: url(../img/looking-back.png) top left no-repeat; } #group-meetings-btn { width: 115px; height: 175px; background: url(../img/group-meetings.png) top left no-repeat; } #group-meetings-btn a { width: 115px; height: 175px; background: url(../img/group-meetings.png) top left no-repeat; } #meet-here-btn { width: 115px; height: 175px; background: url(../img/meet-here.png) top left no-repeat; _background: url(../img/meet-here_ie.png) top left no-repeat; =background: url(../img/meet-here_ie.png) top left no-repeat; } #meet-here-btn a { width: 115px; height: 175px; background: url(../img/meet-here.png) top left no-repeat; _background: url(../img/meet-here_ie.png) top left no-repeat; =background: url(../img/meet-here_ie.png) top left no-repeat; } #navigation li a span { margin-left: -9000px; } /* ========================================== masthead ========================================*/ #masthead { margin: 0 11px; } /* ========================================== coupon-book-content ========================================*/ #coupon-book-content { position: absolute; top: 417px; left: 396px; } /* ========================================== coupon-book-content-new ========================================*/ #coupon-book-content-new { position: absolute; top: 417px; left: 397px; } /* ========================================== enter-to-win-content ========================================*/ #enter-to-win-content { position: absolute; top: 417px; left: 527px; } /* ========================================== book-now-content ========================================*/ #book-now-content { position: absolute; top: 417px; left: 658px; } /* ========================================== luxury-for-less-new ========================================*/ #luxury-for-less { position: absolute; top: 417px; left: 528px; } /* ========================================== download-map-content ========================================*/ #download-map-content { position: absolute; top: 275px; _top: 300px; =top: 300px; left: 640px; } /* ========================================== content-container ========================================*/ #content-container { margin: 0 11px; } /* ========================================== index-main-content ========================================*/ #index-main-content { float: right; width: 557px; height: 365px; } #index-main-content p { margin: 18px 20px; line-height: 15px; font-size: 13px; } #index-left-column { float: left; width: 279px; } #index-best-of-content { width: 279px; height: 204px; background: url(../img/monterey-canning-co.png) 0 61px no-repeat; } #best-of-cannery-row-btn { width: 279px; height: 61px; background: url(../img/best-of-cannery-row.png) top left no-repeat; } #best-of-cannery-row-btn p { height: 61px; margin: 0; padding: 10px 15px 0 150px; text-align: center; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; } #best-of-cannery-row-btn a { border: none; } #best-of-cannery-row-btn a:hover { color: #fff; border: none; } #index-best-of-content li a span { margin-left: -9000px; } #index-right-column { float: right; width: 278px; } #index-secondary-navigation { width: 278px; height: 204px; margin-top: 1px; } #index-secondary-navigation li a { display: block; } /* #stroll-the-row-btn a { width: 278px; height: 61px; background: url(../img/stroll-the-row.png) top left no-repeat; } #cannery-row-map-btn a { width: 278px; height: 61px; background: url(../img/monterey-express-shuttle.png) top left no-repeat; } #press-room-btn a { width: 278px; height: 41px; background: url(../img/press-room.png) top left no-repeat; } #imax-3d-btn a { width: 278px; height: 41px; background: url(../img/imax-3d-2.png) top left no-repeat; } */ #stroll-the-row-btn a { width: 278px; height: 41px; background: url(../img/stroll-the-row-2.png) top left no-repeat; } #cannery-row-map-btn a { width: 278px; height: 41px; background: url(../img/cannery-row-map-btn-2.png) top left no-repeat; } #press-room-btn a { width: 278px; height: 41px; background: url(../img/press-rooom-2.png) top left no-repeat; } #leasing-opportunities-btn a { width: 278px; height: 41px; background: url(../img/leasing-opportunities-2.png) top left no-repeat; } #imax-3d-btn a { width: 278px; height: 39px; background: url(../img/imax-3d-3.png) top left no-repeat; } #index-secondary-navigation li a span { margin-left: -9000px; } /* ========================================== index-secondary-content ========================================*/ #index-secondary-content { float: left; width: 216px; height: 365px; margin-top: -2px; } /* ========================================== main-content ========================================*/ #main-content { float: left; width: 565px; } #main-content div { margin: 0 15px; clear: both; } #main-content div ul { margin-top: 1.5em; } #main-content div li { list-style-type: circle; margin: 0 0 1.5em 3em; } #main-content a { color: #000; text-decoration: none; border-bottom: 1px dotted #000; } #main-content a:hover { color: #666; border-bottom: 1px dotted #666; } #main-content div li.aquarium-list { list-style-type: none; margin: 0 0 1.5em 3em; } /* #main-content div #meet-here-hotel-list { float: right; width: 300px; margin-right: 15px; } */ #main-content div #meet-here-hotel-list li { list-style-type: none; margin: 0 0 40px 0; } #main-content div #meet-here-hotel-list li p { padding-left: 120px; } #main-content div #meet-here-hotel-list li img { float: left; width: 100px; } #main-content div #hotel-list { margin-left: 200px; } #main-content div #hotel-list li { list-style-type: none; } #main-content div #off-site-venue-list { padding-left: 200px; } #main-content div #nightlife-list { padding-left: 200px; } #main-content div #nearby-attractions-list { padding-left: 200px; } #main-content div #hotel-info { float: right; width: 300px; margin-right: 15px; } #main-content div #hotel-info ul { margin: 0 0 0 25px; } #main-content div #hotel-info p { margin: 1.5em 0 .5em 0; } #main-content div #hotel-info li { margin: 0; } /* ========================================== best-of-random-text ========================================*/ #best-of-random-text { float: left; margin: 0 15px 15px 0; width: 145px; } #best-of-random-text h4 { width: 145px; height: 39px; text-indent: -9000px; background: url(../img/best-of-h4-bgd.gif) no-repeat; } #best-of-random-text p { font-size: 11px; padding: 10px 15px 25px 15px; background: url(../img/best-of-p-bgd.gif) left bottom no-repeat; text-align: center; font-family: Arial, sans-serif; font-weight: bold; font-style: italic; } #best-of-random-text a { border: none; } #best-of-random-text a:hover { color: #fff; border: none; } /* ========================================== secondary-content ========================================*/ #secondary-content { float: right; width: 208px; } /* ========================================== sitemap-content ========================================*/ #sitemap-content { clear: both; margin: 10px 189px; } #sitemap-content ul { list-style-type: square; } #sitemap-content ul li { margin: 0; padding: 0 0 1em 0; } #sitemap-content ul li ul { margin: .5em 2em; list-style-type: circle; } #sitemap-content ul li ul li { padding: 0 0 .25em 0; } #sitemap-content ul li ul li ul { margin: .25em 2em 0 2em; list-style-type: circle; } #sitemap-content a { color: #000; text-decoration: none; border-bottom: none; } #sitemap-content a:hover { color: #666; border-bottom: 1px dotted #666; } /* ========================================== stay-here-navigation ========================================*/ #stay-here-navigation li a { display: block; } #accommodations-btn a { width: 208px; height: 61px; background: url(../img/accommodations-btn.png) top left no-repeat; } #great-getaways-btn a { width: 208px; height: 61px; background: url(../img/great-getaways-btn.png) top left no-repeat; } #useful-information-btn a { width: 208px; height: 61px; background: url(../img/useful-information-btn.png) top left no-repeat; } #directions-parking-btn a { width: 208px; height: 61px; background: url(../img/directions-parking-btn.png) top left no-repeat; } #fly-monterey-btn a { width: 208px; height: 61px; background: url(../img/fly-monterey-btn.png) top left no-repeat; } #stay-here-navigation li a span { margin-left: -9000px; } #stay-here #main-content .float-left { float: left; padding: 0 10px 5px 0; } #stay-here #main-content .clear { clear: both; } /* ========================================== play-here-navigation ========================================*/ #play-here-navigation li a { display: block; } #nightlife-btn a { width: 208px; height: 61px; background: url(../img/nightlife-btn.png) top left no-repeat; } #family-fun-btn a { width: 208px; height: 61px; background: url(../img/family-fun-btn.png) top left no-repeat; } #shopping-btn a { width: 208px; height: 61px; background: url(../img/shopping-btn.png) top left no-repeat; } #wine-tasting-btn a { width: 208px; height: 61px; background: url(../img/wine-tasting-btn.png) top left no-repeat; } #events-btn a { width: 208px; height: 61px; background: url(../img/events-btn.png) top left no-repeat; } #spas-btn a { width: 208px; height: 61px; background: url(../img/spas-btn.png) top left no-repeat; } #bay-wonders2-btn a { width: 208px; height: 61px; background: url(../img/bay-wonders-side-btn.png) top left no-repeat; } #play-here-navigation li a span { margin-left: -9000px; } /* ========================================== dine-here-navigation ========================================*/ #dine-here-navigation li a { display: block; } #culinary-history-btn a { width: 208px; height: 61px; background: url(../img/culinary-history-btn.png) top left no-repeat; } #mc-wines-btn a { width: 208px; height: 61px; background: url(../img/mc-wines-btn.png) top left no-repeat; } #local-produce-btn a { width: 208px; height: 61px; background: url(../img/local-produce-btn.png) top left no-repeat; } #local-seafood-btn a { width: 208px; height: 61px; background: url(../img/local-seafood-btn.png) top left no-repeat; } #dine-here-navigation li a span { margin-left: -9000px; } /* ========================================== bay-wonders-navigation ========================================*/ #bay-wonders-navigation li a { display: block; } #marine-sanctuary-btn a { width: 208px; height: 61px; background: url(../img/marine-sanctuary-btn.png) top left no-repeat; } #coastal-rec-trail-btn a { width: 208px; height: 61px; background: url(../img/coastal-rec-trail-btn.png) top left no-repeat; } #mb-aquarium-btn a { width: 208px; height: 61px; background: url(../img/mb-aquarium-btn.png) top left no-repeat; } #water-sports-btn a { width: 208px; height: 61px; background: url(../img/water-sports-btn.png) top left no-repeat; } #bay-wonders-navigation li a span { margin-left: -9000px; } /* ========================================== shop-here-navigation ========================================*/ #shop-here-navigation li a { display: block; } #apparel-accessories-btn a { width: 208px; height: 61px; background: url(../img/apparelandaccessoriessmall.jpg) top left no-repeat; } #galleries-btn a { width: 208px; height: 61px; background: url(../img/galleriessmall.jpg) top left no-repeat; } #giftsbtn a { width: 208px; height: 61px; background: url(../img/giftssmall.jpg) top left no-repeat; } #gourmet-food-wine-btn a { width: 208px; height: 61px; background: url(../img/gourmetsmall.jpg) top left no-repeat; } #jewelry-btn a { width: 208px; height: 61px; background: url(../img/jewelrysmall.jpg) top left no-repeat; } #shop-here-navigation li a span { margin-left: -9000px; } /* ========================================== looking-back-navigation ========================================*/ #looking-back-navigation li a { display: block; } #parade-of-cultures-btn a { width: 208px; height: 61px; background: url(../img/parade-of-cultures-btn.png) top left no-repeat; } #the-canneries-btn a { width: 208px; height: 61px; background: url(../img/the-canneries-btn.png) top left no-repeat } #john-steinbeck-btn a { width: 208px; height: 61px; background: url(../img/john-steinbeck-btn.png) top left no-repeat; } #revitalization-btn a { width: 208px; height: 61px; background: url(../img/revitalization-btn.png) top left no-repeat; } #historical-timeline-btn a { width: 208px; height: 61px; background: url(../img/historical-timeline-btn.png) top left no-repeat; } #photo-gallery-btn a { width: 208px; height: 61px; background: url(../img/photo-gallery-btn.png) top left no-repeat; } #looking-back-navigation li a span { margin-left: -9000px; } /* ========================================== meet-here-navigation ========================================*/ #meet-here-navigation li a { display: block; } #hotels-btn a { width: 208px; height: 61px; background: url(../img/hotels-btn.png) top left no-repeat; } #off-site-venues-btn a { width: 208px; height: 61px; background: url(../img/off-site-venues-btn.png) top left no-repeat } #nightlife-mh-btn a { width: 208px; height: 61px; background: url(../img/nightlife-mh-btn.png) top left no-repeat; } #nearby-attractions-btn a { width: 208px; height: 61px; background: url(../img/nearby-attractions-btn.png) top left no-repeat; } #sample-itineraries-btn a { width: 208px; height: 61px; background: url(../img/sample-itineraries-btn.png) top left no-repeat; } #cannery-row-map-mh-btn a { width: 208px; height: 61px; background: url(../img/cannery-row-map-mh-btn.png) top left no-repeat; } #getting-here-btn a { width: 208px; height: 61px; background: url(../img/getting-here-btn.png) top left no-repeat; } #meet-here-navigation li a span { margin-left: -9000px; } /* ========================================== the-canneries-sidebar ========================================*/ #the-canneries-sidebar { background: #80B7E0; font-size: 95%; } #the-canneries-sidebar div { padding: 10px; } #the-canneries-sidebar p { margin-bottom: 10px; } /* ========================================== john-steinbeck-sidebar ========================================*/ #john-steinbeck-sidebar { background: #80B7E0; font-size: 95%; } #john-steinbeck-sidebar div { padding: 10px; } #john-steinbeck-sidebar p { margin-bottom: 10px; } /* ========================================== mb-aquarium-sidebar ========================================*/ #mb-aquarium-sidebar { background: #F79C88; font-size: 95%; } #mb-aquarium-sidebar div { padding: 10px; } #mb-aquarium-sidebar p { margin-bottom: 10px; } /* ========================================== footer ========================================*/ #footer { clear: both; margin: 0; padding: 10px 0; font-size: 75%; text-align: center; color: #333; background: url(../img/canrow-footer.gif) no-repeat; } #footer a { color: #333; text-decoration: none; } #footer a:hover { text-decoration: underline; } /* ========================================== fClasses ========================================*/ .greenBox { margin: 0 0 10px 0; padding: 15px; border: 1px solid #6D8D23; background: #CED6AA; color: #6D8D23; }