/* G5 Search Marketing Copyright 2010 Local Search Marketing - Local Internet Advertising */ /* reset - don't modify */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} p,ol,ul {list-style:none;} p, img {padding:0;margin:0;} caption,th {text-align:left;} q:before,q:after{content:'';} abbr,acronym {border:0;} /* /reset */ /* ------------------------------------------------------------------------------------ */ /* GLOBAL SETTINGS */ /* ------------------------------------------------------------------------------------ */ a:link, a:visited { color: #fed19e; } a:hover, a:active { color: #fed19e; text-decoration:none; } h1, h2, h3, p, ul { font-weight:normal; line-height:22px; margin:15px 0 15px 0; } h1, h2, h3 { font-family: Georgia, serif; color:#CFA26F; } h1 { font-size:27px; margin:20px 0; } h2 { font-size:17px; } h3 { font-size:15px; } .clear { clear:both; } .none { display:none; } .external { padding-right:14px; background:url(/images/external-link-icon.gif) no-repeat right top; } .phark { display:block; text-indent:-9999px; } .relative { position:relative; } .right { float:right; } .left { float:left; } img.left {margin:0 20px 10px 0;} img.right {margin:0 0 10px 20px;} img { border:none; } dt { padding-top:10px;font-weight:bold; } /*body.spanish .oneShow { display:none; } .oneHide { display:none; } body.spanish .oneHide { display:block; }*/ /* ------------------------------------------------------------------------------------ */ /* GENERAL STRUCTURE */ /* ------------------------------------------------------------------------------------ */ body { font-size:12px; color:#444; font-family:sans-serif; padding-top:10px; background:url(/images/body-bg.jpg) repeat-x top left #4a3d32; } body.noWrap { background-image:none; background-color:#fff; padding:40px; } body.noWrap #middle { background-image:none; background-color:#fff;} #whopper { width:962px; margin:0 auto; } #header { width:962px; height:110px; } #nav, #wine_nav { width:952px; height:42px; background:url(/images/main_border_bg.jpg) repeat-x #3B3126; padding:5px; } #middle { width:952px; border:none; float:left; background:url(/images/main_border_bg.jpg) repeat-x #3B3126 0 -52px; padding:1px 5px 5px 5px; margin:0; } #footer { background:url(/images/main_border_bg.jpg) repeat-x #3B3126; width:872px; padding:30px 40px; margin-bottom:30px; float:left; font-size:11px; color:#f8d8a3; clear:both; border:5px solid #3B3126; border-top:none; } /* ------------------------------------------------------------------------------------ */ /* HEADER */ /* ------------------------------------------------------------------------------------ */ #header #logo{ float:left; margin:28px 0 0 14px; height:56px; width:210px; text-indent:-9999px; display:block; background:url(/images/logo-transparent.png) no-repeat; } #header #affiliateLogo{ float:left; margin:0 0 0 14px; height:108px; width:450px; overflow:hidden; } #affiliateLogo img.affiliate{margin-left:10px;} #header #existing-customers{ float:right; margin:13px 0 0 0; background:url(/images/sprite.png) no-repeat 0 0; height:83px; width:201px; display:block; text-indent:-9999px; } .spanish #header #existing-customers { background-image:url(/images/sprite_es.png); } #header #existing-customers:hover { background-position:-201px 0; } #header #spanishLink { position:relative; left:650px; *left:410px; top:23px; width:86px; } #header #spanishLink a { display:block; text-indent:-9999px; width:86px; height:35px; background:url(/images/sprite.png) no-repeat -344px -298px; } .spanish #header #spanishLink a { background-image:url(/images/sprite_es.png); } #header #spanishLink a:hover { background-position:-431px -298px; } #header .callCenter { position:relative; top:52px;left:25px; font-size:26px; color:#fff; } /* ------------------------------------------------------------------------------------ */ /* CORPORATE NAVIGATION */ /* ------------------------------------------------------------------------------------ */ #nav ul { list-style:none; margin:0; padding:0; border:1px solid #806547; float:left; } #nav ul li { float:left; } #nav ul li a { background:url(/images/sprite.png) no-repeat 0 0; width:190px; height:40px; text-indent:-9999px; display:block; } .spanish #nav ul li a { background-image:url(/images/sprite_es.png); } #nav ul .home a { background-position:0 -83px; } #nav ul .home a:hover { background-position:0 -123px; } #nav ul .locations a { background-position:-190px -83px; } #nav ul .locations a:hover { background-position:-190px -123px; } #nav ul .storage a { background-position:-380px -83px; } #nav ul .storage a:hover { background-position:-380px -123px; } #nav ul .service a { background-position:-570px -83px; } #nav ul .service a:hover { background-position:-570px -123px; } #nav ul .about a { background-position:-760px -83px; } #nav ul .about a:hover { background-position:-760px -123px; } /* second-level styles */ #nav li ul { position: absolute; left:-999em; z-index:999; border:1px solid #917353; border-top:none; width:200px; } #nav li ul li { display:inline; } #nav li ul li a { display:block; width:200px; height:28px; line-height:29px; text-indent:20px; color:#ffffff; text-decoration:none; background:#4a3d32; border-top:1px solid #917353; padding:0; } #nav li ul .arrow a { background:url(/images/nav_arrow.png) no-repeat 0 0 #4a3d32; } #nav li ul .arrow li a { background-image:none; } .spanish #nav li ul li a { background-image:none; } #nav li ul li a:hover { color:#fff; background:#584c41; } #nav li ul .arrow a:hover { background:url(/images/nav_arrow.png) no-repeat 0 -28px #584c41; } #nav li ul .arrow li a:hover { background-image:none; } /* third-and-above level styles */ #nav li ul ul {margin:-29px 0 0 100%;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: 0px; top:auto; } /* Fix IE 7 */ #nav li:hover { position: static; } /* ------------------------------------------------------------------------------------ */ /* CORPORATE HOMEPAGE */ /* ------------------------------------------------------------------------------------ */ #sub_header { background:url(/images/corp_header_bg.png) repeat-x bottom #2e2623; height:83px; width:952px; border-left:5px solid #302622; border-right:5px solid #302622; } #sub_header #search { border-right:1px solid #44382d; float:left; height:78px; width:468px; padding-right:7px; } #sub_header #search h2 { width:152px; height:45px; float:left; margin:17px 0 0 23px; padding:0; background:url(/images/sprite.png) no-repeat 0 -380px; } .spanish #sub_header #search h2 { background-image:url(/images/sprite_es.png); width:165px; } #sub_header #search ul { float:right; margin:15px 0; } #sub_header #search ul li { float:left; margin-right:14px; } #search #zip { float: left; border:none; margin-top:1px; width:170px; height:39px; padding:4px 0 0 15px; background:url(/images/sprite.png) no-repeat -169px -382px; font-size:15px; font-weight:bold; color:#333; line-height:12px; } #sub_header #search #submit { float:left; display:block; width:60px; height:38px; text-indent: -9999px; margin-top:6px; background:url(/images/sprite.png) no-repeat -776px -336px; } .spanish #sub_header #search #submit { background-image:url(/images/sprite_es.png); } #sub_header #search #submit:hover { background-position: -836px -336px; } #sub_header #contact { float:left; height:78px; width:476px; } #sub_header #chat { width:221px; height:47px; background:url(/images/sprite.png) no-repeat 0 -333px; float:left; margin:16px 11px 0 25px; } .spanish #sub_header #chat { background-image:url(/images/sprite_es.png); } #sub_header #chat:hover { background-position:-221px -333px; } #sub_header #call, #sub_header #phone { font-family:georgia, serif; font-style:italic; position:relative; } #sub_header #call { float:left; color:#d2ad81; font-size:17px; margin:17px 12px 0 0; } #sub_header #phone { float:left; color:#fff; font-size:24px; margin:24px 0 0 0; } #content { background:url(/images/content_corp_bg.png) repeat-y; float:left; min-height:500px; width:952px; margin-top:5px; clear:both; } #col1 { float:left; width:742px; min-height:500px; } #col1 #slideshow { border-bottom:1px solid #3b3227; font-size:0; width:742px; height:411px; } #col1 #homeText { padding:10px 40px 40px 40px; color:#fff; border-top:5px solid #564a3e; } #col1 #homeText h1 { padding-bottom:12px; border-bottom:1px solid #6e6359;} #col2 .enter-now { margin-top:10px;display:block;text-indent:-999em;width:167px; height:47px; background:url(/images/sprite.png) no-repeat -442px -383px; } .spanish #col2 .enter-now { background-image:url(/images/sprite_es.png); } #col2 .enter-now:hover { background-position:-609px -383px; } #col2 { border-top:1px solid #857d6c;background:url(/images/col2_corp_bg_blank.png) no-repeat; float:left; width:210px; min-height:750px; } #col2 .snippet { padding:20px 22px 20px 22px; line-height:15px; background:url(/images/snippet_bg.png) no-repeat bottom; } #col2 h2, #col2 p { margin:0 0 8px 0; color:#fff; } #col2 .pad { padding:40px 22px 22px 22px; } #col2 #video { width:167px; height:47px; background:url(/images/sprite.png) no-repeat -442px -336px; } .spanish #col2 #video { background-image:url(/images/sprite_es.png); } #col2 #video:hover { background-position:-609px -336px; } #homeText #twitter_update_list { margin: 0 0 10px 0; padding: 20px; font-size: 12px; background: #746456; border: 1px solid #4a3d32; } #homeText div a { display:none; } #homeText h3 { margin-top:35px; } #twitter_update_list li a { color: #f3dabd; text-decoration: underline; padding-left: 5px; } #twitter_update_list li a:hover { text-decoration: none; } #twitter_update_list li { background:transparent url(/images/twitter.gif) no-repeat scroll 0 0; margin:0 0 5px; padding:0 0 0 24px; font-size:12px; font-family:helvetica; color:#f3dabd; } /* ------------------------------------------------------------------------------------ */ /* CORPORATE INTERIOR PAGE */ /* ------------------------------------------------------------------------------------ */ #breadcrumbs { color: #F7F1E4; font-size: 11px; margin-top: 0; position: absolute; left: 10px; top: 183px; } #breadcrumbs ul { height: 1.2em; padding: 0 0 0 20px; } #breadcrumbs ul li { height: 1.2em; line-height: 1.2em; float: left; padding: 0 5px 0 0; } #breadcrumbs ul li a { color: #E91D28; font-size: 10px; padding: 0 5px 0 0; border-right: 1px dotted #efe5ca; } #breadcrumbs ul li.last { color:#F7F1E4; font-size: 10px; padding: 0 5px 0 0; border: 0; } #interior { float:left; background:#584c41; padding:30px 40px 40px 40px; color:#fff; clear:both; width:872px; } #interior h1 { padding-bottom:12px; border-bottom:1px solid #6e6359; } #interior h2 { padding-bottom:12px; border-bottom:1px solid #6e6359; font-size:24px; } #p_col1_left { float:left; height:600px; } #p_col1_left ul { margin:22px 0 0 0; padding:0; } #p_col1_left ul li a { padding:10px 0 0 25px; cursor:pointer; width:200px; height:28px; display:block; list-style:none; border-bottom:1px solid #584c40; text-decoration:none; color:#d8cabb; background:#625549; } #p_col1_left ul li a:hover, #p_col1_left ul .on a { background:#726456; color:#fff; } .two_col #p_content, .two_col #p_col1_top, .two_col #p_col1_middle, .two_col #p_col1_bottom { float:right; width:602px; } #p_content table.c4 img { background-color:#FFFFFF; margin:0 30px 0 0; padding:5px; } #p_content ul { color:#FFFFFF; line-height:22px; list-style:disc outside none; margin-left:25px; } #p_content h3 { font-size:17px; } #p_content p strong { color:#CFA26F; } #p_content dl { margin:0 35px 0 0; line-height:19px; } #p_content dt { padding-bottom:3px; } #p_content p a img { margin:0 30px; background:#fff; } /*#p_col1_top img*/ .temp { width:860px; height:auto; border:5px solid #26201a; } #p_col1_top img { width:860px; height:159px; border:5px solid #26201a; } #studentsLinks a { margin:0 20px 20px 0; display:block; float:left; } #unit-sizes-pop { width:650px; margin:0 auto; } #unit-sizes-pop #size-chart { background-color:#fff; padding-top:20px; width:650px; } #unit-sizes-pop #size-chart img { border:none; } #unit-sizes-pop #size-chart tr th { text-align:center; text-transform:uppercase; border-bottom:#999999 solid 1px; padding:5px 0; font-size:16px; } #unit-sizes-pop #size-chart tr.titles { background-color:#4A3D32; color:#fff; font-weight:bold; } #unit-sizes-pop #size-chart tr td { padding:10px; font-size:12px; border-bottom:#999999 solid 1px; } #other-facilities dl { float:left; line-height:19px; } #auctionCalendar div.odd, #auctionCalendar div.even{padding:1px 10px 15px 20px;} #auctionCalendar h3{padding:0; margin:10px 0 4px 0;} #auctionCalendar div.description, #auctionCalendar div.time, #auctionCalendar div.time_2, #auctionCalendar div.time_3, #auctionCalendar div.time_4, #auctionCalendar div.time_5, #auctionCalendar div.time_6, #auctionCalendar div.time_7{padding:2px;} #auctionCalendar div.date, #auctionCalendar div.date_2, #auctionCalendar div.date_3, #auctionCalendar div.date_4, #auctionCalendar div.date_5, #auctionCalendar div.date_6, #auctionCalendar div.date_7{float:left; padding:2px 10px 2px 2px;} /* ------------------------------------------------------------------------------------ */ /* FACILITY PAGE */ /* ------------------------------------------------------------------------------------ */ /* GENERAL */ body.facility #interior h1, body.facility #interior h2, body.facility #interior h3 { color:#fff; border-bottom:none; padding:0; } body.facility a { text-decoration:none; } body.facility a:hover { text-decoration:underline; } /* STRUCTURE */ body.facility #interior { width:952px; float:left; clear:both; padding:0; color:#fff; z-index:2; background:url(/images/content_fac_bg.png) repeat-y #998c74; border-top:5px solid #867d6c; } body.facility { font-size:12px; color:#444; padding-top:10px; } body.facility #content_header { position:relative; height:122px; width:952px; padding-top:15px; background:url(/images/content_header_bg.png) repeat-x bottom #978c78; } body.facility #col2 { width:257px; padding:20px 15px; float:left; background:none; } body.facility #col1 { width:622px; padding:22px 22px 40px 20px; float:left; border-top:1px solid #867d6b; } /* MIDDLE HEADER */ body.facility #breadcrumbs { color:#F7F1E4; font-size:11px; margin:0 0 0 -458px; position:absolute; left:50%; top:323px; } body.facility #breadcrumbs a { color:#efe5ca; } body.facility #breadcrumbs ul li.last { color:#513f2e; padding: 1px 0 0 0; } body.facility #middle .vcard { position:relative; width:100%; margin:0 0 0 20px; } body.facility #interior .vcard h1, body.facility #interior .vcard h2 { border-left:2px solid #d62c17;text-indent:5px;color:#262320; border-bottom:none; padding:0; margin:5px 0 9px 0; } body.facility #middle .adr { width:330px;line-height:1.5em; } body.facility #middle .tel { position:absolute; top:0;right:32px; width:215px; font-size:14px; color:#262320; font-family: Georgia, serif; font-style:italic; padding:8px 10px; border:1px solid #a99d8d; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; } body.spanish #middle .tel {width:256px;font-size:16px;} body.facility .tel span {font-size:22px;color:#fff;} body.facility #cta { position:absolute; top:15px;left:330px; width:280px;height:96px; } body.facility #cta ul { padding:0;margin:0; list-style:none; } body.facility #cta ul li {} body.facility #cta ul li a { padding:0;margin:0; display:block; background:url(/images/cta-new.png) no-repeat; text-indent:-9999px; } body.spanish #cta ul li a { background-image:url(/images/cta-spanish-new.png); } body.facility #cta ul li.reserve a { width:279px;height:50px; background-position:0 -46px; } body.facility #cta ul li.reserve a:hover, body.facility #cta ul li.reserve a:active {background-position:-279px -46px} body.facility #cta ul li.coupon a { position:absolute; top:50px;left:0; width:140px;height:48px; background-position:0 0; } body.facility #cta ul li.coupon a:hover, body.facility #cta ul li.coupon a:active { background-position:-279px 0; } body.facility #cta ul li.contact a { position:absolute; top:50px;left:140px; width:139px;height:48px; background-position:-140px 0; } body.facility #cta ul li.contact a:hover, body.facility #cta ul li.contact a:active { background-position:-419px 0; } body.facility #content_header #chat_now { position:absolute; top:65px;right:12px; display:block; width:235px; height:47px; background:url(/images/chat-live-button.png) no-repeat 0 0; text-indent:-9999px; } body.facility.spanish #content_header #chat_now { width:221px;height:47px; background-image:url(/images/sprite_es.png); background-position:-402px 0; } body.facility.spanish #content_header #chat_now:hover {background-position:-623px 0;} body.facility #content_header #chat_now:hover {background-position:0 -47px;} /* COL1 */ body.facility #accordian h1, body.facility #accordian h2 { color:#ffe6c2; } body.facility #col1 #locations_widget { float:right; width:150px; text-align:center; } body.facility #col1 #locations_widget .view_more_link { display:block; padding:6px; clear:both; border-bottom:1px solid #807766; margin-bottom:10px; background:#928771; font-weight:bold; } body.facility #col1 #locations_widget .view_more_link:hover { text-decoration:none; background:#807766;} body.facility #col1 .facility-summary { width: 150px; float: left; padding-top:6px; border-bottom:1px solid #807766; margin-bottom:10px; background:#928771; } body.facility #col1 .facility-summary p {line-height:16px; margin:6px 0; } body.facility #col1 .facility-summary img { height:55px; width:55px; border:2px solid #262626; } .map-info-bubble h3 { margin-bottom:0; } .map-info-bubble p { margin-top:-10px; } .map-info-bubble a { color:#312926; } body.facility #interior #locations_widget h2 { font-size:19px; margin:0 0 6px 0; color:#262320; } body.facility #col1 #locations_widget .unit { padding:6px; clear:both; border-bottom:1px solid #807766; margin:4px 0; line-height:21px; background:#928771; font-size:14px; } body.facility #col1 #locations_widget .unit:hover { background:#807766; } #box_1, #box_2, #box_3, #box_4, #box_5 { cursor:pointer; } body.facility #col1 #slideshow { border:3px solid #262626; width:607px; height:298px; width:450px; height:297px; float:left; } body.facility #col1 #slideshow img { border:none; } body.facility #slideshow_caption { padding:15px 5px 10px 5px; border-bottom:1px solid #807766; margin-bottom:10px; clear:both; } body.facility #slideshow_caption a { float:right; } body.facility #features, body.facility #hours { line-height:22px; } body.facility #features dt, body.facility #hours dt { font-size:16px; margin:15px 0; padding:2px 6px; background:#8c7f67; margin-bottom:10px; } body.facility .title { font-weight:bold; } body.facility .body_pad { float:left; padding:0 10px; } body.facility #flashmap { border:5px solid #262626; height:350px; width:580px; margin:0; color:#222; } #nearby-map { border:5px solid #262626; height:350px; width:580px; margin:0; color:#222; display: none; } /* UNITS */ .what-size-header { float:right; margin-top:30px; } #prices .reserve-toggle { width:543px; height:37px; cursor:pointer; background:url(/images/sprite_units.png) no-repeat 0 0; padding:15px 0 0 70px; margin-bottom:6px; } /*#prices .reserve-toggle:hover { background-position:0 -104px; }*/ #prices .on { background-position:0 -52px; } #prices .reserve-toggle h3 { float:left; margin:0 25px 0 0; font-family:sans-serif; font-weight:bold; } #prices .reserve-toggle p { float:left; margin:0; color:#fed19c; font-size:13px; } #prices .reserve-element { } #prices .what-size { display:block; float:right; margin:9px 5px 11px 0; } #prices table { width:600px; margin:0 0 18px 7px; } #prices table tr { background:#523f2c; border-bottom:1px solid #fff; color:#fff; font-weight:bold; } #prices table th { padding:0 0 0 16px; } #prices table td { padding:8px 0 8px 16px; } #prices table .size { width:45px; } #prices table .description { width:120px; } #prices table .details a { color:#fed19c; } #prices table .price { width:55px; } #prices table .strikeOver { color:#7b7b7b;text-decoration:line-through; } #prices table .strike { color:#000; } #prices table .specialRate { width:55px; } #prices table .special { width:120px; } #prices table .odd, #prices table .even { color:#333; font-weight:normal; } #prices table .odd { background:#ded5bc; } #prices table .even { background:#eee9dc; } #prices table tr:first-child td { font-weight:bold; } #prices table .reserve, #prices table .info { display:block; text-indent:-9999px; height:28px; background:url(/images/unit_buttons.gif) no-repeat 0 0; float:left; } .spanish #prices table .reserve, .spanish #prices table .info { background-image:url(/images/unit_buttons_es.gif); } #prices table .reserve { margin-right:6px; width:99px; } #prices table .reserve:hover { background-position:0 -28px; } #prices table .info { background-position:-99px 0; width:89px; float:right; margin-right:16px; } #prices table .info:hover { background-position:-99px -28px; } #prices table .buttons img { float:left; margin-right:6px; } #prices table .dlink {color:#523f2c;text-decoration:underline;} #prices table .dlink:hover {text-decoration:none;} /* COL2 */ body.facility #left_nav { margin:3px 0 25px 0; padding:0; list-style:none; float:left; border:1px solid #6b6255; } body.facility #left_nav li a { color:#2d2724; border-bottom:1px solid #b2aa96; background:url(/images/sprite.png) no-repeat -261px -258px; width:202px; height:28px; display:block; padding:10px 0 0 54px; cursor:pointer; } body.facility #left_nav li a:hover { text-decoration:none; color:#70604f; } body.facility #left_nav li .on { text-decoration:none; background-position:-261px -220px; font-weight:bold; color:#fff; } body.facility #left_nav li .on:hover { color:#fff; } body.facility #left_nav li .last { border-bottom:none; } body.facility #more_about { clear:both; text-indent:-9999px; background:url(/images/sprite.png) no-repeat -2px -166px; width:258px; height:32px; margin-bottom:0; padding-bottom:0; border:none; } body.spanish #more_about { background-image:url(/images/sprite_es.png); } body.facility #left_nav_sub { margin:0 0 25px 0; padding:0; list-style:none; float:left; border:1px solid #6b6251; border-top:none; background:url(/images/bg-more-about-facility.png) no-repeat 0 -32px #fff; } body.facility #left_nav_sub li a { width:232px; height:28px; display:block; color:#5a5a5a; border-bottom:1px solid #d4d3d1; padding:10px 0 0 24px; cursor:pointer; } body.facility #left_nav_sub li a:hover { text-decoration:none; color:#ce1617; } body.facility #left_nav_sub li .on { font-weight:bold; color:#333; } body.facility #left_nav_sub li .last { border-bottom:none; } body.facility #contact_nav { margin:0; padding:0; list-style:none; } body.facility #contact_nav li { float:left; } body.facility #contact_nav li a { width:123px; height:32px; display:block; background:url(/images/sprite.png) no-repeat -403px -49px; text-indent:-9999px; margin:0 8px 0 0; } body.spanish #contact_nav li a { background-image:url(/images/sprite_es.png); } body.facility #contact_nav li .email_us:hover { background-position:-526px -49px; } body.facility #contact_nav li .tell_a_friend { background-position:-649px -49px; margin:0; } body.facility #contact_nav li .tell_a_friend:hover { background-position:-772px -49px; } body.facility #social_nav { margin:20px 0 50px 0; padding:14px 0 0 76px; list-style:none; width:182px; height:41px; float:left; background:url(/images/sprite.png) no-repeat -261px -164px; } body.facility #social_nav li { float:left; } body.facility #social_nav li a { width:30px; height:31px; display:block; text-indent:-9999px; margin:0 6px 0 0; background:url(/images/sprite.png) no-repeat -337px -178px; } body.facility #social_nav li .facebook_link { background-position:-373px -178px; margin-right:7px; } body.facility #social_nav li .addthis_link { background-position:-410px -178px; margin:0; } /* ------------------------------------------------------------------------------------ */ /* RESERVATION PAGE */ /* ------------------------------------------------------------------------------------ */ /* General styles, also for thank you page */ #interior #reservation h1 { margin:0 0 15px 0; } #reservation .callCenter { position:relative; top:-280px;left:260px; font-size:40px; color:#fff; } #interior #reservation h2, #interior #reservation h3 { border-bottom:none; padding-bottom:0; margin-top:0; font-family:sans-serif; font-weight:bold; font-size:12px; } #reservation-form ul { margin-left:0; padding-left:0; } /* Right Col */ #reservation-form { width:620px; margin-top:15px; } #reservation-form div.personal, #reservation-form div.card, #reservation-form div.protection { float:left; position:relative; clear:both; width:600px; font-size:12px; padding:34px 10px 25px 10px; margin-bottom:16px; background:#76685c; } #reservation-form h2 { position:absolute; top:0;left:0; width:620px;height:27px; line-height:27px; font-size:14px; text-indent:10px; color:#333; background:#9c8f82; } #reservation-form .half-list input, #reservation-form .half-list select { width:167px;height:17px; margin:0 0 5px 0; line-height:17px; text-indent:2px; background:#fffeff; border:1px solid #928e8d; } #reservation-form .half-list select {width:169px;height:19px;} #reservation-form .half-list label { float:left; display:block; line-height:17px; vertical-align:top; } #reservation-form .left label {width:94px;} #reservation-form .right label {width:110px;} .half-list { text-align:right; } .half-list li { padding-right:10px; list-style:none; } .half-list li.required { background:url(/images/required.gif) no-repeat right top; } /* personal section */ .personal .left {clear:both;} .personal .notify {width:auto;padding:14px 16px 16px 22px;} .rental-purpose { float:left; margin:14px 0 16px 22px; } .rental-purpose dt, .rental-purpose dd, .rental-purpose input {float:left;display:block;height:19px;line-height:17px;} .rental-purpose input {margin:0 5px 0 8px;} .rental-purpose label {display:block;float:left;vertical-align:top;} .notify {height:19px;line-height:17px;} .notify input {margin:0 4px 0 8px;float:left;display:block;} .notify label {line-height:17px;} .also-billing {clear:both;padding:12px 0 0 0;} .also-billing input {position:relative;/*top:3px;*/} .moving-quote{padding-top:15px;} /* card section */ .card .half-list {padding-top:10px;} #reservation-form .left {width:284px;} #reservation-form ul.right {width:300px;} #reservation-form .half-list select#billing_card_exp_month {width:105px;margin-right:3px;} #reservation-form .half-list select#billing_card_exp_year {width:57px;} /* protection section */ .protection ul {line-height:20px;} #p_content ul.guard-choice { margin:20px 0 0 30px; list-style:none; } #p_content ul.guard-level { margin:0 0 0 30px; list-style:none; } ul.guard-choice input {position:relative;top:3px;} ul.guard-choice ul { margin-left:20px; } ul.guard-level {margin:4px 4px 4px 19px;} ul.guard-level li { margin-left:20px; } ul.guard-level a {padding:6px 0 10px 2px;} /* submit, number */ #reservation #submit { float:left; width:99px; height:28px; position:relative; left:0; text-indent:-9999px; line-height:200px; background:url(/images/reserve_now.gif) no-repeat 0 0; cursor:pointer; border:none; margin-bottom:17px; } .spanish #reservation #submit { background-image:url(/images/reserve_now_es.gif); } #reservation #submit:hover { background-position:0 -28px; } div#thanks-call, div.reservation-call { float:right; padding:8px 12px 0 0; font-size:19px; color:#CFA26F; } /* Left Col */ #reservation-sidebar { width:240px; line-height:16px; background:#76685c; padding-bottom:8px; margin-top:15px; } #reservation-sidebar h3 { clear:both; line-height:27px; width:100%;height:27px; font-size:13px; text-indent:10px; color:#333; background:#9c8f82; } #reservation-sidebar .vcard, #reservation-sidebar p { padding:7px 10px; font-size:12px; } #reservation-sidebar .strike { text-decoration:line-through; } #reservation-sidebar .size strong {display:block;} #reservation-sidebar .tel { margin-bottom:8px; display:block; } #p_content #reservation-sidebar ul { margin:0; list-style:none; } #p_content #reservation-sidebar ul li { line-height:17px; } #reservation-sidebar .disclaimer {font-size:12px;} #reservation-sidebar table{ width:100%; } #reservation-sidebar table td{ padding:15px; } #reservation-sidebar table td.number{ width:20px; vertical-align: top; } #reservation-sidebar table span + .disclaimer{ display:block; margin-top:1em; } /* Errors */ #error { margin-top:20px; } #error ul { margin-left:30px; list-style:disc; } #error li { color:#333; } #error p { color:#333; } #interior #error h2, #interior #thankyou h2 { border-bottom:none; padding-bottom:0; } /* ------------------------------------------------------------------------------------ */ /* THANK YOU PAGE */ /* ------------------------------------------------------------------------------------ */ /* top */ #thankyou .vcard #thankyou .vcard { margin-bottom:30px; } #thankyou .vcard .adr { margin-left:0; margin-bottom:0; list-style:none; } #thankyou .vcard .adr li { line-height:18px; font-weight:bold;} #interior #thankyou h2 { font-size:16px; } div#thank_you p { background-color:#DDFFDD; border:1px solid #000000; margin-bottom:1em; padding:0.5em; } /* left side */ #p_content #thanks-data { width:600px; padding-bottom:40px; margin-left:0; margin-top:40px;} .odd { background:#62564a; } #thanks-data li { padding:8px 0 9px 10px; line-height:16px; height:auto !important;height:17px;min-height:17px; list-style:none; } #thanks-data strong { display:block; float:left; width:176px; padding-right:10px; } #thanks-data .disclaimer { position:relative;top:2px; float:left; width:180px; padding-left:26px; display:block; font-size:10px; line-height:15px; } #thanks-data .information { padding:8px 16px 9px 206px; font-size:11px; background:url(/images/information-checkbox.png) no-repeat 188px 10px; } #thanks-data .checked {background-position:188px -90px;} /* right side */ #thanks-buttons {width:433px;} #thanks-buttons li {margin-bottom:12px;} #thanks-buttons li a { display:block; width:433px;height:85px; text-indent:-9999px; background:#f69d38 url(/images/thanks-buttons.png) no-repeat; } #thanks-buttons li.maps a {background-position:0 0;} #thanks-buttons li.truck a {background-position:0 -97px;} #thanks-buttons li.supplies a {background-position:0 -194px;} /* bottom */ #thanks-deposit { padding:5px 40px 10px 40px; background:#62564a; font-size:14px; line-height:18px; color:#fff; margin-bottom:25px; } #thanks-deposit h2 { color:#fff; font-size:16px; line-height:34px; font-family:verdana,helvetica,arial,sans-serif; } /* ------------------------------------------------------------------------------------ */ /* AREA PAGE */ /* ------------------------------------------------------------------------------------ */ #breadcrumbs { color:#F7F1E4; font-size: 11px; margin:0 0 0 0; padding:0; position:static; left:0; top:0; } #breadcrumbs ul { margin:0; padding:0; } #breadcrumbs ul li.last { color:#fff; padding: 2px 0 0 0; } #flashmap { border:2px solid #d8cfb7; height:295px; width:430px; margin-left:auto; margin-right:auto; color:#222; } #flashmap a { color:#7b5e38;} #area_map #flashmap { height:400px; float:right; } #facility-list img { border:none; float:right; margin-top:40px; } #facility-list { width: 390px; float: left; } .facility-summary { width: 390px; float: left; } #area-page #facility-list img, #comarketing-page #facility-list img { margin-top:0px; } #area-page #area_map, #comarketing-page #area_map { width:430px; float:right; margin-bottom:30px; } #p_col2_bottom { clear:both; } #p_col2_bottom .facility-summary { background-color:#4a3d32; border-bottom:none; float:left; } #comarketing-page #facility-list {clear: none;} #facility-list .facility-summary { border-bottom:1px solid #6e6359; width:390px; height:80px; padding-top:10px; padding-bottom: 5px; position:relative; } #facility-list .facility-summary:hover { background:#665a4e; position:relative; } #facility-list .facility-link a { position:absolute; display:block; text-indent:-9999px; width:390px; height:95px; top:0; z-index:200; background:#000; filter:alpha(opacity=0); opacity:0.0; } #facility-list .facility-summary img { z-index:101; position:relative;} #facility-list .facility-summary dl { z-index:100; position:relative;} #facility-list .facility-summary dt { padding-top:1px; color:#CFA26F; font-size:12px; } #facility-list .facility-summary dt a { color:#CFA26F; text-decoration: none; } #facility-list .facility-summary dt { width:300px; } .facility-summary dd { font-size:12px; font-weight: normal; color:#fff; width:300px; } .facility-summary a { color:#fff; text-decoration:underline; } ul li.business { padding: 10px 0 0 0; } .facility-offer { float:right; margin: 5px 70px 0 0; } #comarketing-page h2, #area-page h2, #other-facilities h2 { color:#CFA26F; border-bottom:none; } #comarketing-page h2 span, #area-page h2 span, #other-facilities h2 span { color: #FFF; } #area_map h2 { color: #FFF; border-bottom:none; } #area-page p.city { font-size:12px; } #area-page p.city strong { font-size:14px; } .city span, .city strong { color:#fff; } #area-page, #comarketing-page { margin-left:auto; margin-right:auto; margin-top:20px; } #other-facilities { clear:both; padding-top:20px; } #area-page strong, #other-facilities strong, #footer strong { font-weight:normal; } #site-map p { margin:2px 0;} /* ------------------------------------------------------------------------------------ */ /* WINE PAGE */ /* ------------------------------------------------------------------------------------ */ #wine_nav ul { list-style:none; margin:0; padding:0; border:1px solid #806547; float:left; } #wine_nav ul li { float:left; } #wine_nav ul li a { background:url(/images/sprite_wine.png) no-repeat 0 0; height:40px; text-indent:-9999px; display:block; } .spanish #wine_nav ul li a { background-image:url(/images/sprite_wine_es.png); } #wine_nav ul .storage_home a { width:144px; background-position:0 0; } #wine_nav ul .storage_home a:hover { background-position:0 -40px; } #wine_nav ul .wine_storage a { width:199px; background-position:-144px 0; } #wine_nav ul .wine_storage a:hover { background-position:-144px -40px; } #wine_nav ul .san_rafael a { width:205px; background-position:-343px 0; } #wine_nav ul .san_rafael a:hover { background-position:-343px -40px; } #wine_nav ul .anaheim a { width:197px; background-position:-548px 0; } #wine_nav ul .anaheim a:hover { background-position:-548px -40px; } #wine_nav ul .wine_faq a { width:83px; background-position:-745px 0; } #wine_nav ul .wine_faq a:hover { background-position:-745px -40px; } #wine_nav ul .useful_links a { width:122px; background-position:-828px 0; } #wine_nav ul .useful_links a:hover { background-position:-828px -40px; } .wine #interior h1, .wine #interior h2, .wine #interior h3 { padding:0; border-bottom:none; } .wine .vcard { width:380px; padding:10px 20px;margin:0 30px 20px 20px; background:#4a3d32; } .wine .facility-list .vcard { position:relative; top:-20px; height:100px; overflow:hidden; } .wine .facility-list .vcard .org, .wine .wine-location .vcard .call { position:relative; top:-10px;left:-20px; width:270px;height:30px; margin:0; text-indent:10px; line-height:30px; color:#f7f1e4; font-size:14px; background-color:#b42513; } .spanish .wine .facility-list .vcard .org { font-size:12px; } .wine .facility-list .vcard p { margin-top:6px; } .wine .facility-list .vcard a { margin:0; } .spanish .wine .facility-list .vcard a { font-size:11px; } .wine .facility-list .vcard .adr { margin-top:7px; } .wine .facility-list .vcard img { position:absolute; top:0;right:0; margin:0; width:150px;height:120px; border:0; } .wine .facility-list .vcard .adr, .wine .facility-list .vcard .street-address {color:#cfa26f;} /* calls to action */ .wine .wine-location .vcard { position:relative;height:344px; } .wine .wine-location .vcard .call { width:400px; padding:0 10px; text-align:right; font-size:18px; font-weight:bold; letter-spacing:1px; } /* vcard, call to action buttons */ .wine .wine-location .vcard .org { margin:0;font-size:16px; } .wine .wine-location .vcard .adr, .wine .wine-location .vcard .street-address { color:#f7f1e4; } .wine #wine-ccp { margin:14px 0 0; list-style:none; } .wine #wine-ccp a { display:block; width:180px; height:40px; line-height:40px; text-decoration:none; font-family:'arial narrow',narrow,condensed,sans-serif; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#e3dbc7; border:1px solid #fff; background:#796953; } .wine #wine-ccp a:hover { background:#2d2725; } .wine #wine-ccp .quote { float:left; } .wine #wine-ccp .email { float:right; } /* slideshow styles */ .wine #wine-slideshow { position:absolute; left:0;bottom:0; padding:10px; background:#3d342d; } .wine #wine-slideshow, .wine #wine-slideshow img { width:400px;height:180px;margin:0;border:0; } .wine #box { position:absolute; } .wine .mask { position:relative; overflow:hidden; margin: 0 auto; } .wine .mask img { position:absolute; display:none; border:none; } .wine .mask img.noscript { display:block; } /* WINE FOOTER */ #footer #wine_footer_nav { margin:0; } /* ------------------------------------------------------------------------------------ */ /* FOOTER */ /* ------------------------------------------------------------------------------------ */ #footer #copy { color:#F5F1E7; text-align:left; display:inline; margin-top:0; } body.facility #footer #copy { display:block; } #footer #share { float:right; } a#signature-brand { clear:both; margin:30px auto 50px auto; } #footer #footer-system { margin-left:40px; float:right; clear:none;} #footer ul { float:right; line-height:15px; color:#4A3D32; clear:both; padding-top:3px; text-align:right; margin-top:0; } #footer ul li { display:inline; color:#fff; font-size:11px; margin-left:5px; } #footer ul li a { border-right:1px solid #FFFFFF; color:#FFFFFF; padding-right:8px; } #footer ul li.last a { border-right:none; padding-right:0px; } #footer #footer_nav { clear:none;float:right } #footer #footer_nav li.last a{ border-left:1px solid #fff; padding-left:8px; } #footer .disclaimer { clear:both; color:#f8d8a3; background:#4e4132; padding:15px 25px; } #other-facilities span { display:block; font-size:14px; font-weight:bold; color:#fff; } div.rightcol-logo { text-align:center; } /* tooltips */ .hotspot {color:#900; padding-bottom:1px; cursor:pointer;} #tt {position:absolute; display:block; background:url(/images/tt_left2.gif) top left no-repeat;} #tttop {display:block; height:5px; margin-left:5px; background:url(/images/tt_top2.gif) top right no-repeat; overflow:hidden;} #ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#ffcc99; color:#2d2523;} #ttbot {display:block; height:5px; margin-left:5px; background:url(/images/tt_bottom2.gif) top right no-repeat; overflow:hidden;}