/* replaced */ .replaced { background-repeat:no-repeat; background-position:top left; display:block; height:18px; overflow:hidden; text-indent:-9999px; width:auto; } a.privacy { font-size:11px; } html.dark, html.dark body { background-color: #f3f3f3; } #container { width:984px; } #container h1 { float:left; margin-top:18px; margin-bottom:8px; width:700px; } #container h1 a { background-image:url(/retail/images/overview_title_retailstore.jpg); height:29px; width:100%; } #main a { color:#08c; text-decoration:none; } #main a:hover, #main a h3:hover { text-decoration:underline; } #main a.shoponline { float:right; margin-top:18px; } #make-reservation a { background:url(/retail/images/arrow_08c.gif) no-repeat 100% 65%; padding-right:6px; } #main a.reserve { background:url(/retail/images/arrow_08c.gif) no-repeat 100% 65%; padding-right:6px; margin-right:10px; } a.more { background:url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 60%; padding-right:8px; } /* content */ #hero { clear:left; } #hero h2 { margin-bottom:0; } #main { background:#fff url(/retail/images/main_bg.gif) repeat-y top left; color:#999; margin:0; width:914px; } #main.sgrid .grid3col .column { margin:18px 0 0 3%; width:31%; } #container .main_captop { background:url(/retail/images/main_captop.png) no-repeat bottom left; height:9px; margin:0; width:984px; font-size:1px; } #container .main_capbottom { background:url(/retail/images/main_capbottom.gif) no-repeat bottom left; height:9px; margin:0; width:984px; font-size:1px; } #main h2 { color:#333; font-size:20px; font-weight:normal; line-height:1.2; margin-bottom:5px; } #main h3 { color:#333; font-size:14px; font-weight:normal; line-height:1.4; } #content { clear:both; padding:0; } /* overlay callouts */ #main .overlaycallout { background:#f8f8f8 url(/retail/images/tour_bg.gif) no-repeat top left; float:left; position:relative; width:143px; } #main .overlaycallout .tour { margin:13px 22px; width:55px; *height:1%; } #main .overlaycallout a.overlaymovielink { color:#333; display:block; position:relative; text-decoration:none; } #main .overlaycallout a.overlaymovielink:hover { text-decoration:none; } #main .overlaycallout img.video { background:#fff url(/retail/images/tour_contentbg.jpg) no-repeat top left; padding:6px 7px 7px; } #main .overlaycallout img.enlarge { margin:0; padding:0; position:absolute; top:-4px; left:-4px; z-index:20; } #main .overlaycallout p { color:#333; font-size:10px; line-height:1.4; margin:0 10px 5px; text-align:center; } #main .with_callout { margin-bottom:0; } #main .overlaycallout.left { margin:15px 15px 0 0; } #main .overlaycallout.right { margin:15px 0 0 15px; } #main .overlaycallout_capbottom { background:url(/retail/images/tour_capbottom.gif) no-repeat bottom left; clear:left; float:left; height:3px; margin-bottom:18px; width:143px; _margin-top:-12px; } #main .overlaycallout_capbottom.left { clear:left; float:left; } #main .overlaycallout_capbottom.right { clear:right; float:right; } /* misc */ #main .hcard .fn, #main .hcard .org { display:none; } #main .hcard .adr, #main .hcard .street-address, #main .hcard .tel { display:block; } #main .right { float:right; } #main .left { float:left; } #main .no_bottom { margin-bottom:0; } #main #reso { background:#767676 url(/retail/images/reso_bg.gif) no-repeat top left; color:#d9d9d9; float:right; font-size:11px; line-height:14px; padding:20px 25px 0; position:relative; width:226px;} #main #reso h3 { color:#fff; font-size:16px; font-weight:normal; line-height:1.5; margin-bottom:0; } #main #reso form { padding-bottom:8px; } #main #reso form fieldset { margin-bottom:9px; } #main #reso form select { margin-bottom:2px; width:100%; } #main #reso form #reserve { text-indent:-9999px; background:url(/retail/images/button_reserve.gif) no-repeat; background-position:top left; float:right; height:20px; width:68px; } #main #reso form #reserve.active { background-position:center left; cursor:pointer; } #main #reso form #reserve.active:hover { background-position:bottom left; } #main #reso form #reserve input { cursor:default; height:20px; opacity:0; width:68px; } #main #reso form #reserve.active input { cursor:pointer; } #main #reso a.more { background:url(/retail/images/arrow_right_cacaca.gif) no-repeat 100% 60%; color:#cacaca; float:left; padding-right:8px; } #main #reso strong { color:#fff; } #main #reso .capbottom { background:url(/retail/images/reso_capbottom20080815.gif) no-repeat top left; height:5px; margin:0 -25px; width:276px; font-size:1px; } /* ===== GENIUS BAR ===== */ body#geniusbar #hero h2 { background-image:url(/retail/geniusbar/images/geniusbar_hero_20091221.jpg); height:300px; width:984px; } body.features #main { padding:40px 41px; width:902px; } body.features #main #reso { margin-right:0; } body.features #main #main-content { clear:both; float:left; margin-top:8px; width:100%; } body.features #main #main-content img { margin-bottom:20px; } body#geniusbar #main .grid3col .column { margin-left:5%; width:30%; } body#geniusbar #main #gt-geniusbar { margin-top:0; } /* ==== PROCARE ==== */ body#procare #hero h2 { background-image:url(/retail/procare/images/procare_hero.jpg); height:300px; width:984px; } body.procare #main #main-content { clear:both; float:left; margin-top:0; padding-top:27px; width:100%; } body.procare #main #main-content .column { margin-top:0; } body.procare #main { padding:36px 40px; width:904px; } body.procare #main #main-content img { margin-bottom:11px; } /* ==== PERSONAL SHOPPING ==== */ body#personalshopping #hero h2 { background-image:url(/retail/personalshopping/images/personalshopping_hero_20091214.jpg); height:300px; width:984px; } body#personalshopping #business { background:#f2f2f2 url(/retail/personalshopping/images/personalshopping_promo_captop.gif) no-repeat top left; float:left; margin:30px 10px 0 -9px; position:relative; width:901px; } body#personalshopping #business h2 { background:transparent url(/retail/personalshopping/images/shoppingforbusiness_2008.gif) no-repeat scroll left top; text-indent:-9999px; color:#585858; float:left; font-size:15px; height:28px; width:255px; margin:0 25px 15px 5px; } body#personalshopping #business p { float:left; margin:7px auto; } body#personalshopping #business .businessshopping { float:left; padding:12px 0 0 11px; width:889px; *padding-bottom:12px; background:url(/retail/personalshopping/images/personalshopping_promo_capbottom.gif) no-repeat bottom left; } body#personalshopping #main.sgrid .grid3col .column { margin-left:5%; width:30%; } body#personalshopping #main .overlaycallout.left { margin-top:0; margin-bottom:15px; } /* ==== SETUP ==== */ body#setup #productheader h1 { margin: 1px 0px 6px -7px; } body#setup #productheader h1 a { width: 389px; padding: .2em; text-indent: 0; } body#setup #main { background-image: none; background-color: white; width: 980px; padding: 0; margin: 0 auto; } body#setup #main h1 { margin-bottom: 7px; } body#setup #main p.intro { width: 400px; color: #666; font-size: 14px; line-height: 20px; } body#setup #main img.hero { margin: 15px 0px 34px 0px; } body#setup #main #reso { background: none; float: none; border: 1px solid #eaeaea; padding: 40px 70px 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 1px; -moz-box-shadow: rgba(0,0,0,0.3) 0 0 1px; } body#setup #main #reso p { margin-right: -20px; margin-bottom: 10px; font-size: 12px; line-height: 16px; color: #333; } body#setup #main #reso form #reserve { height: 28px; width: 85px; float: left; background: url(/retail/setup/images/button_next_20101101.jpg); *display: none; } body#setup #main #reso form #reserve.active { *display: block; } body#setup #main #reso form select { margin-bottom: 6px; width: 226px; } body#setup #content { padding: 50px 0 0 58px; } body#setup p.sosumi { width: 970px; margin: 10px auto 30px; } body#setup #content h1 img { margin-bottom: 7px; } /* ==== STORE LIST ==== */ body#storelist #hero { width:984px; } body#storelist #hero h2 { background-image:url(/retail/storelist/images/storelist_hero_title_20100902.png); height:300px; float:left; width:342px; } body#storelist h3 {margin-bottom:2px;} #hero .store_pic { float:left; position:relative; width:642px; } #hero .store_pic img#hero_captop { position:absolute; top:0; right:0; width:642px; } #hero .store_pic img#hero_border { position:absolute; top:8px; right:0; width:2px; } #hero .store_pic #store_picture { float:left; margin-top:2px; width:640px; height:298px; z-index:2; } #hero .store_pic #store_picture.hk_hero { background-image:url(/retail/storelist/images/storelist_hero_hk.jpg); } #hero .store_pic #store_picture.us_hero { background-image:url(/retail/storelist/images/storelist_hero_us.jpg); } #hero .store_pic #store_picture.uk_hero { background-image:url(/retail/storelist/images/storelist_hero_uk.jpg); } #hero .store_pic #store_picture.jp_hero { background-image:url(/retail/storelist/images/storelist_hero_jp.jpg); } #hero .store_pic #store_picture.it_hero { background-image:url(/retail/storelist/images/storelist_hero_romaest.jpg); } #hero .store_pic #store_picture.ca_hero { background-image:url(/retail/storelist/images/storelist_hero_ca.jpg); } #hero .store_pic #store_picture.au_hero { background-image:url(/retail/storelist/images/storelist_hero_au.jpg); } #hero .store_pic #store_picture.cn_hero { background-image:url(/retail/storelist/images/storelist_hero_cn.jpg); } #hero .store_pic #store_picture.ch_hero { background-image:url(/retail/storelist/images/storelist_hero_ch.jpg); } #hero .store_pic #store_picture.de_hero { background-image:url(/retail/storelist/images/storelist_hero_de.jpg); } #hero .store_pic #store_picture.fr_hero { background-image:url(/retail/storelist/images/storelist_hero_fr.jpg); } #hero .store_pic #store_picture.es_hero { background-image:url(/es/retail/storelist/images/storelist_hero_es.jpg); } body#storelist #main { clear:both; } body#storelist #country_switcher { background:#f1f1f1 url(/retail/storelist/images/storelist_countryswitcher_captop.png) no-repeat top left; width:899px; margin:-9px 0 11px 1px; } body#storelist #country_switcher #countries { background:url(/retail/storelist/images/storelist_countryswitcher_bg.png) repeat-x top left; font-size:14px; color:#4c4c4c; border:1px solid #ededed; border-width:0 1px; float:left; line-height:2; margin-top:5px; padding:4px 15px; width:270px; *padding-bottom:8px; } body#storelist #country_switcher #store_news { background:url(/retail/storelist/images/storelist_countryswitcher_bg.png) repeat-x top left; border-left:1px solid #fff; border-right:1px solid #ededed; float:right; line-height:2; margin-top:5px; padding:8px 15px 4px; width:565px; _padding-top:5px; } body#storelist #switcher_capbottom { background:url(/retail/storelist/images/storelist_countryswitcher_capbottom.png) no-repeat top left; clear:left; height:4px; width:899px; font-size:1px; } body#storelist #main #content { color:#999; padding:18px 15px; } body#storelist #main .column { width:290px; } body#storelist #main .column.first { width:310px; } body#storelist #main .column.last { width:245px; float:left; } body#storelist #main .column ul { margin-bottom:10px; } /* ==== SIGN UP ====*/ body#signup #main { clear:both; } body#signup #hero { width:984px; } body#signup #hero h2 { background-image:url(/retail/signmeup/images/signup_hero_title.png); height:300px; float:left; width:342px; } body#signup #hero .store_pic { float:right; width:640px; } body#signup #main .column.last p.last { border-top:1px solid #ededed; line-height:2; } /* ==== YOUTH ==== */ body#youth #hero h2 { background-image:url(/retail/youth/images/youth_hero.jpg); height:300px; width:984px; } body#youth #main { padding-top:40px; } body#youth #main h2 { clear:both; float:left; margin:19px 0 9px; width:100%; } body#youth #main h2.featured { margin-top:20px; } body#youth #main h2.teachers { margin-top:18px;} body#youth #main h2.kids { _margin-top:18px;} body#youth #main p { margin-bottom:10px; } body#youth #main p span { color:#666; } body#youth #main.sgrid .grid3col .column img.programhero { float:right; } body#youth #main.sgrid .column.span_8 { width:565px; } body#youth #main #more_instore, body#business #main #more_instore { clear:both; margin:0; padding:0 24px 18px; width:851px; background:#f5f5f5 url(/retail/images/featured_content_captop.gif) no-repeat top left; } body#youth #main #more_instore.grid3col .column.first, body#business #main #more_instore.grid3col .column.first {width:230px; border-right:1px solid #dbdbdb; padding-right:30px;} body#youth #main #more_instore.grid3col .column, body#business #main #more_instore.grid3col .column { width:230px; padding-right:30px;} body#youth #main #more_instore.grid3col .column.last, body#business #main #more_instore.grid3col .column.last {border-left:1px solid #dbdbdb; padding-left:30px;} body#youth #main #more_instore h3, body#business #main #more_instore h3 { font-weight:bold; color:#333; margin-top:20px; width:170px; _width:145px; } body#youth #main #more_instore h3 a, body#business #main #more_instore h3 a { color:#333; } body#youth #main #more_instore img, body#business #main #more_instore img {float:right; margin:0 -2px -2px 15px; *margin-left:0; } body#youth #main #more_instore img.padright, body#business #main #more_instore img.padright {float:right; margin:0 -9px 0px 4px; *margin-left:0; } body#youth #main #more_instore p, body#business #main #more_instore p { margin-top:10px; font-size:12px; line-height:1.6; width:235px; } body#youth #main .moreinstore_capbottom, body#business #main .moreinstore_capbottom { background:url(/retail/images/featured_content_capbottom.gif) no-repeat bottom left; clear:left; height:4px; width:899px; font-size:1px; } body#business #main #more_instore .column.last img { margin-right:-11px; } body#business #main #more_instore.grid3col .column { min-height:200px; _height:220px; } body#youth #main #more_instore.grid3col .column { _height:166px; } body#youth #container ul.sosumi { margin:20px 0 0 20px; padding:0; } body#youth #container ul.sosumi li { line-height:14px; padding-bottom:5px; } body#youth #main #more_instore.grid3col { padding-top:18px; } body#youth #main #more_instore.grid3col .column { margin-top:0; width:28.6%; } body#youth #main #more_instore.grid3col .column.first { width:26.3%; } body#youth #main #more_instore.grid3col .column.last { width:31.2%; padding-right:0; } body#youth #main #more_instore.grid3col .column .right { margin:14px 0 0 15px; } body#youth #main #more_instore.grid3col .column.last .right { margin-left:0; margin-right:0; } body#youth #main #more_instore.grid3col .column h3 { width:100%; } /* featured events */ #main #featuredevents { background:#f8f8f8 url(/retail/images/overview_featuredevents_bg.gif) repeat-x top left; clear:both; float:left; margin:36px 0 0; padding:0 24px 18px; width:834px; } #main #featuredevents h2 { background:url(/retail/images/overview_featuredevents_captop.gif) no-repeat top left; font-size:18px; margin:-5px -24px 0; padding:18px 0 18px 24px; width:882px; } #main #featuredevents h3 { font-size:12px; font-weight:normal; } #main #featuredevents .column { margin-top:0; margin-left:28px; width:254px; } #main #featuredevents p { font-size:11px; line-height:1.4; } #main .events_capbottom { background:url(/retail/images/overview_featuredevents_capbottom.gif) no-repeat bottom left; clear:left; float:left; height:4px; margin-bottom:36px; width:882px; } /* ==== WORKSHOPS ==== */ body#workshops #hero h2 { background-image:url(/retail/workshops/images/workshops_hero_20091221.jpg); height:300px; width:984px; } body#workshops #main #reso { margin-right:0 !important; } body#workshops #main #gt-workshops { margin-top:0; } body#workshops .footer-callout { -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; } @-moz-document url-prefix() { .content { border:1px solid; border-color:#e5e5e5 #dbdbdb #d2d2d2; } } /* FF2 */ body#workshops .footer-callout { *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; } /* IEs */ body#workshops .footer-callout:nth-child(1n) { border:none; } /* reset for smart browsers */ body#workshops .footer-callout { margin:7px 0 0 2px; _margin:7px 0; _padding-bottom:0; padding-bottom:5px; width:980px; font-size:14px; float:left; position:relative; border-color:#E5E5E5 #DBDBDB #D2D2D2; border-style:solid; border-width:1px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); background:#fff url(/retail/workshops/images/footer_callout_bg20100610.jpg) 0 100% scroll repeat-x; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px;} body#workshops .footer-callout span { font-weight:bold; } body#workshops .footer-callout img { float:left; margin:0 16px 0 0; } body#workshops .footer-callout p { margin-top:12px; } body#workshops .footer-callout a { color:#000; padding:15px 0 0 20px; display:block; } body#workshops .footer-callout a em.more { font-style:normal; text-decoration:none; color:#08c; white-space:nowrap; padding-right:10px; background:url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom:1; cursor:pointer; } body#workshops .footer-callout a:hover { text-decoration:none; } body#workshops .footer-callout a:hover em.more { text-decoration:underline; } /* ==== BUSINESS ==== */ body#jointventure .footer-callout, body#locator .footer-callout, body#geniusbar .footer-callout { -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;} @-moz-document url-prefix() { .content { border:1px solid; border-color:#e5e5e5 #dbdbdb #d2d2d2; } } /* FF2 */ body#jointventure .footer-callout, body#locator .footer-callout, body#geniusbar .footer-callout { *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; } /* IEs */ body#jointventure .footer-callout:nth-child(1n), body#locator .footer-callout:nth-child(1n), body#geniusbar .footer-callout:nth-child(1n) { border:none; } /* reset for smart browsers */ body#jointventure .footer-callout, body#locator .footer-callout, body#geniusbar .footer-callout { margin:14px 0 14px 2px; _margin:14px 0 0 0; padding-bottom:5px; position:relative; width:980px; font-size:14px; float:left; position:relative; border-color:#E5E5E5 #DBDBDB #D2D2D2; border-style:solid; border-width:1px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); background:#fff url(/retail/business/images/footer_callout_bg20100610.jpg) 0 100% scroll repeat-x; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px;} body#jointventure .footer-callout span, body#locator .footer-callout span, body#geniusbar .footer-callout span { font-weight:bold; } body#jointventure .footer-callout img, body#locator .footer-callout img, body#geniusbar .footer-callout img { float:left; position:relative; margin:0 16px 0; *padding-bottom:0; } body#jointventure .footer-callout p, body#locator .footer-callout p, body#geniusbar .footer-callout p { margin-top:12px; float:left; position:relative; } body#jointventure .footer-callout a, body#locator .footer-callout a, body#geniusbar .footer-callout a { color:#000; padding:15px 0 0 20px; display:block; } body#jointventure .footer-callout a:hover, body#locator .footer-callout a:hover, body#geniusbar .footer-callout a:hover { text-decoration:none; } body#jointventure .footer-callout a em.more, body#locator .footer-callout a em.more, body#geniusbar .footer-callout a em.more { font-style:normal; text-decoration:none; color:#08c; white-space:nowrap; padding-right:10px; background:url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom:1; cursor:pointer; } body#jointventure .footer-callout a:hover em.more, body#locator .footer-callout a:hover em.more, body#geniusbar .footer-callout a:hover em.more { text-decoration:underline; } body#jointventure #globalfooter, body#locator #globalfooter, body#geniusbar #globalfooter { clear:left; } /* ===== MAPS ===== */ body#directions { background-color:#fff; } body#directions #container h1 { background:url(/retail/images/maps_captop.gif) no-repeat 0 100%; float:none; margin:0; padding-bottom:9px; width:100%; } body#directions #container h1 a { background:none; height:auto; } body#directions #main { background:#ebebeb url(/retail/images/maps_contentbg.gif) repeat-x top left; border:1px solid #e7e7e7; border-width:0 1px; color:#666; padding:31px 34px 18px; width:910px; } body#directions #main h2 { color:#333; margin-bottom:18px; } body#directions #main strong { color:#333; display:block; } body#directions .hcard .org, body#directions #main dl#store-hours dt { color:#333; } body#directions #main h2, #main strong, #main .hcard .org, #main dl#store-hours dt { color:#333; } body#directions .hcard .org { font-weight:bold; } body#directions #main #googlemap { position:relative; } body#directions .main_capbottom { background:url(/retail/images/maps_capbottom.gif) no-repeat bottom left; height:4px; width:980px; } /* get directions */ body#directions form#get-directions { margin-bottom:18px; } body#directions form#get-directions label#show-directions { background:none; color:#666; } body#directions form#get-directions input#address { margin:9px 0; width:246px; } body#directions form#get-directions fieldset.buttons { text-align:right; } body#directions form#get-directions fieldset.buttons a#cancel { cursor:pointer; } body#directions form#get-directions.closed label#show-directions { background:url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 60%; color:#08c; cursor:pointer; padding-right:8px; } body#directions form#get-directions.closed input#address { display:none; } body#directions form#get-directions.closed fieldset.buttons { display:none; } body#directions form#get-directions.closed label#show-address { display:none; } body#directions form#get-directions.open label#show-directions { display:none; } dl#store-hours { margin-bottom: 18px; } dl#store-hours dt { font-weight: bold; } dl#store-hours dd { float: left; width: 45%; } dl#store-hours dd.hours { width: 55%; } dl#special-hours { padding:18px 18px 18px 18px; margin-bottom:18px; } dl#special-hours dt { font-weight:bold; font-size:12px; margin-bottom:10px; } dl#special-hours dd { float:left; width:40%; } dl#special-hours dd.hours { width:60%; } /* ==== STORE DETAIL ==== */ body#store { background:#fff; } body#store #main { background:none; padding-left:0; padding-top:0; padding-right:0; width:984px; } /* stores */ #store-graphic { z-index:2000; overflow:hidden; } #store-graphic .closure-notice { display:none; position:absolute; top:0; left:0; z-index:2001; width:100%; opacity:.85; padding:1em 0; font-size:14px; color:#fff; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; background:#000; } #store-graphic .closure-notice span { margin-left:1em; } #store-info { background:#d0d0d0 url(/retail/images/bg_storehours.gif) repeat-x top left; border:1px solid #d9d9d9; border-width:1px 1px 1px 0; font-size:11px; line-height:1.4; min-height:311px; padding-top:7px; position:relative; *height:312px; } #store-info h3, #make-reservation h3 { font-size:17px; line-height:0.8333; margin:14px 0 2px; } #make-reservation p { margin-bottom:0; font-size:11px; } #store-info p.hcard { margin-bottom:0; } #store-info p.hcard .adr { color:#666; } #store-info p.hcard .adr .street-address { display:block; } #store-info p.hcard .adr .locality, #store-info p.hcard .adr .regioun, #store-info p.hcard .adr .postal-code { } #store-info p.hcard .phone { color:#666; display:block; } body#store dl#store-hours { color:#666; float:left; margin-top:15px; margin-bottom:0; width:100%; } body#store .tips { float:left; margin-top:8px; margin-left:-6px; } body#store .tips .tips_shopping { margin-left:-3px; } .tips_shopping p {margin-bottom:2px;} #store-info a.overlayhtmllink { cursor:pointer; height:51px; margin-top:5px; width:234px; } /* make reservation */ .reso_endcap { background:#e7e7e7; float:right; margin:1px 0; min-height:26.5em; width:1px; } #make-reservation { background:#dedede url(/retail/images/bg_makereservation.gif) repeat-x top left; border:1px solid #e7e7e7; border-width:1px 0; line-height:1.4; margin-left:-71px; min-height:311px; padding-top:7px; padding-left:56px; width:264px; z-index:1; *height:312px; } #make-reservation h5 { font-weight:bold; margin-bottom:10px; } #make-reservation .column { font-weight:bold; font-size:10px; margin-bottom:18px; margin-top:10px; margin-right:0; text-align:center; width:98px; } #make-reservation .column.first { margin-left:-14px !important; width:90px; _margin-left:-8px !important; } #make-reservation .column.last { width:90px; } #make-reservation .column a { font-weight:normal; } /* in store features */ #feature-instore { margin:33px 0 20px; } #feature-instore .column { color:#808080; } #feature-instore .span_4 img { padding-bottom:9px; } #feature-instore h4 { color:#333; font-size:12px; line-height:15px; padding-bottom:2px;} #feature-instore p { color:#808080; font-size:11px; line-height:1.5; } #feature-instore .sosumi { color:#bdbfbf; } #feature-instore .column.last .column h4, #feature-instore .column.last .column p { margin-left:160px; } #feature-instore .note { color:#bdbdbd; font-size:9px; line-height:13px; } #feature-instore .day-notice, #feature-instore .available-notice, #feature-instore .unavailable-notice { display:none; } #feature-instore .day-notice { display:block; } /*non flagship in store features */ #feature-instore.grid3col img.left { margin-right:16px; } #feature-instore.grid3col h3, #feature-instore.grid3col h4, #feature-instore.grid3col p { margin-left:156px; } /* sidebar */ #event-sidebar { margin-top:35px; } #event-sidebar .box { background-color:#f7f7f7; padding-bottom:18px; } #event-sidebar .capbottom { background:url(/retail/images/sidebar_capbottom.gif) no-repeat top left; height:3px; margin-bottom:8px; } #event-sidebar .box h3 { background:#dedede url(/retail/images/sidebar_bg_title.gif) no-repeat top left; border:1px solid #cfcfcf; border-width:0 0 1px; color:#4d4d4d; line-height:1; margin-bottom:2px; padding:12px 15px; } #event-sidebar .box h3.samebox { background:none; border-width:1px 0 0; margin-top:18px; } #event-sidebar #signmeup h3 { margin-bottom:15px; } #event-sidebar .box h4 { clear:right; color:#4c4c4c; font-size:11px; margin:15px 15px 0; } #event-sidebar .box p, #event-sidebar .box ul, #event-sidebar .box ol { color:#808080; font-size:11px; margin:0 15px 0; } #event-sidebar .box img.thumbnail { float:right; margin:18px 20px 10px 10px; } #event-sidebar #workatapple p, #event-sidebar #specialneeds p { margin-top:18px; } #event-sidebar #workshops ol { margin-left:35px; } #event-sidebar #workshops ol li { border-top:1px solid #e3e3e3; padding:3px 0; } #event-sidebar .textboxqt #watchqt { float:right; margin:0 20px 10px 10px; cursor:hand; } #event-sidebar .textboxqt img.thumbnail, #event-sidebar .textbox img.thumbnail { margin:0 20px 10px 10px; } /* overlays */ .overlay h2 { font-weight:normal; font-size:16px; line-height:18px; margin-bottom:18px; } .overlay h3 { font-weight:bold; font-size:1em; line-height:18px; } .overlay h4 { font-weight:bold; font-size:10px; line-height:18px; } .overlay p { margin-bottom:18px; } .overlay p.last { margin-bottom:0; } /* alt calendars */ #storecalendar ul#alt-calendars { clear:both; float:left; font-size:11px; width:100%; } #storecalendar ul#alt-calendars li { float:left; } #storecalendar ul#alt-calendars li a { display:block; margin-right:20px; padding:5px 0 5px 34px; } #storecalendar ul#alt-calendars li#ical a { background:url(/retail/images/icon_ical.jpg) no-repeat center left; } #storecalendar ul#alt-calendars li#rss a { background:url(/retail/images/icon_rss.jpg) no-repeat center left; } #storecalendar ul#alt-calendars li#widget a { background:url(/retail/images/icon_widget.jpg) no-repeat center left; } #storecalendar ul#alt-calendars li#print a { background:url(/retail/images/icon_print.jpg) no-repeat center left; } /* tips overlay */ #OverlayPanel .shoppingtips { height:390px; margin-right:20px; padding:30px 60px 0; width:610px; } #OverlayPanel .shoppingtips h2 { background:url(/retail/images/tips_overlayshirt_red.gif) no-repeat top left; font-size:16px; margin-bottom:30px; padding:5px 0 5px 30px; } #OverlayPanel .shoppingtips ul { width:590px; } #OverlayPanel .shoppingtips ul li { margin-bottom:18px; } #OverlayPanel .shoppingtips ul li.first { background:url(/retail/images/tips_tip1.gif) no-repeat 0 0; padding-left:32px; } #OverlayPanel .shoppingtips ul li.second { background:url(/retail/images/tips_tip2.gif) no-repeat 0 0; padding-left:32px; } #OverlayPanel .shoppingtips ul li.third { background:url(/retail/images/tips_tip3.gif) no-repeat 0 0; padding-left:32px; } #OverlayPanel .shoppingtips ul li.fourth { background:url(/retail/images/tips_tip4.gif) no-repeat 0 0; padding-left:32px; } #OverlayPanel .shoppingtips ul li.fifth { background:url(/retail/images/tips_tip5.gif) no-repeat 0 0; padding-left:32px; } #OverlayPanel .shoppingtips ul li.sixth { background:url(/retail/images/tips_tip6.gif) no-repeat 0 0; padding-left:32px; } #OverlayPanel .shoppingtips ul li strong { display:block; } /* duplicating base for overlays */ .overlayPanelContent p { color:#999; margin-bottom:18px; } .overlayPanelContent h1 { font-weight:bold; font-size:24px; line-height:36px; margin-bottom:18px; } .overlayPanelContent h2 { font-weight:normal; font-size:16px; line-height:18px; margin-bottom:18px; } .overlayPanelContent h2 span { color:#888; } .overlayPanelContent h3 { font-weight:normal; font-size:14px; line-height:18px; } .overlayPanelContent h4 { font-weight:bold; font-size:10px; line-height:18px; } .overlayPanelContent h2, .overlayPanelContent h3, .overlayPanelContent p.intro { color:#333; } /* Image/Movie overlays */ #OverlayPanel.overlay-guidedtour .moviePanel { height:356px; margin:20px 0 0; width:640px; } #OverlayPanel.overlay-guidedtour .controllerPanel { margin:14px 0 0; } .overlay .overlaytitle { font-weight:normal; font-size:20px; line-height:20px; margin:40px 0 20px 50px; color:#fff; } .overlaypanel .overlaytitle { font-weight:normal; font-size:20px; line-height:20px; margin-bottom:20px; color:#fff; } .overlay .overlaytitle span, .overlaypanel .overlaytitle span { display:inline; color:#888; } .overlay .overlaycaption, .overlaypanel .overlaycaption { margin-left:50px; width:640px; margin-top:11px; } .overlay .overlaydescription h3, .overlaypanel .overlaydescription h3 { color:#fff; font-size:14px !important; font-weight:normal; margin-bottom:0.4em; } .overlay#imageGalleryOverlay .overlaydescription, .overlay#ACOverlayMovie .overlaydescription, .overlaypanel#imageGalleryOverlay .overlaydescription, .overlaypanel#ACOverlayMovie .overlaydescription, .overlaycontent .overlaydescription { position:absolute; left:720px; top:72px; width:130px; height:400px; } .overlaythumb div, .overlaythumb span { display:none; } #imageGalleryOverlayShadow.overlayshadow, #ACOverlayMovieShadow.overlayshadow { width:980px; height:626px; } #imageGalleryOverlay.overlay, #ACOverlayMovie.overlay, #imageGalleryOverlay.overlaypanel, #ACOverlayMovie.overlaypanel { width:900px; height:546px; margin:40px; color:#777; } .overlay #overlaynav li a { outline:none; } .overlay #overlaynav li.active img { border:1px solid #fff; } .overlay #overlaynav li img { margin-left:0; border:1px solid #222; } .overlay #overlaynav li .caption, .overlay #overlaynav li .overlayposter { display:none; } /* Gallery Overlay Panel */ .btn_photos { position:absolute; top:276px; left:12px; border:1px solid #fff; padding:7px 12px 7px 26px; color:#fff !important; font-size:.9em; letter-spacing:.4px; background:rgba(0, 0, 0, .5); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; *background:none; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000,endColorstr=#77000000)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000,endColorstr=#77000000); } .btn_photos:hover { text-decoration:none !important; } .btn_photos span { position:absolute; top:11px; _top:12px; left:10px; width:7px; height:5px; _line-height:6px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:3px solid #fff; background:rgba(0, 0, 0, .5); } #store-graphic img.btn_photos { background:transparent url(/retail/images/button_morephotos.png) no-repeat; width:92px; height:19px; position:absolute; margin:289px -14px 0pt 14px; behavior:url(/global/scripts/lib/iepngfix.htc); } #OverlayPanel.galleryoverlay .grid2col, #OverlayPanel.pastEventsOverlay .grid2col { width:148px; position: absolute; top: 66px; right: 65px; } #OverlayPanel.galleryoverlay h2, #OverlayPanel.pastEventsOverlay h2 { color:#FFF; top:34px; left:54px; font-size:20px; position:absolute; } #OverlayPanel.galleryoverlay .grid2col h3, #OverlayPanel.pastEventsOverlay .grid2col h3 { color:#FFF; font-size:14px !important; font-weight:normal; position } #OverlayPanel.galleryoverlay .grid2col p, #OverlayPanel.pastEventsOverlay .grid2col p { color:#777; margin-bottom:20px; font-size:12px !important; font-weight:normal; } #OverlayPanel.galleryoverlay .grid2col img, #OverlayPanel.pastEventsOverlay .grid2col img { margin-bottom:11px; } .galleryoverlay { width:940px; height:535px; } #galleryoverlay, #pastEventsOverlay { display:none; } #OverlayPanel .galleryoverlay .ACQuicktimeController { display:none; } .galleryoverlay .overlayshadow.galleryoverlay, .overlay.galleryoverlay, .galleryoverlay.active #galleryoverlay, .galleryoverlay.active #pastEventsOverlay { display:block; } .galleryoverlay #feature-triggers a.active img { border:2px #FFF solid; margin:-2px 2px 9px -2px; position: relative; } .galleryoverlay ul.feature-set { display:none; } .galleryoverlay #featureView, .galleryoverlay #pasteventsView { width:680px; height:500px; position:absolute; } .galleryoverlay #featureView img, .galleryoverlay #pasteventsView img { width:640px; height:400px; position:absolute; left:54px; top:78px; } .galleryoverlay #featureView .moviePanel, .galleryoverlay #pasteventsView .moviePanel { left:54px; top:38px; position:absolute; } /* video overlay */ #ACOverlayMovie.overlay .overlaymovie, #ACOverlayMovieGallery.overlay .overlaymovie, #ACOverlayMovie.overlaypanel .overlaymovie, #ACOverlayMovieGallery.overlaypanel .overlaymovie { width:640px; height:360px; margin-left:50px; padding-top:0; background-color:#000; } #ACOverlayMovie.overlay .overlaymovie #overlaymovie, #ACOverlayMovie.overlaypanel .overlaymovie #overlaymovie { width:640px; height:360px; } #ACOverlayMovie.overlay .overlaymovie #overlaymovieInner, #ACOverlayMovie.overlaypanel .overlaymovie #overlaymovieInner { width:640px; height:360px; } #ACOverlayMovie.overlay .overlaycontroller, #ACOverlayMovie.overlaypanel .overlaycontroller { margin-left:50px; } #ACOverlayMovie.overlay .overlaydescription h3, #ACOverlayMovie.overlaypanel .overlaydescription h3 { color:#FFFFFF; font-size:14px !important; font-weight:normal; } #ACOverlayMovie.overlay .overlaymovie a.quicktime-download, #ACOverlayMovieGallery.overlay .overlaymovie a.quicktime-download, #ACOverlayMovie.overlaypanel .overlaymovie a.quicktime-download, #ACOverlayMovieGallery.overlaypanel .overlaymovie a.quicktime-download { display:block; height:40px; padding:180px 0; text-align:center; color:#333; font:26px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500; background:url(/finalcutstudio/images/qt_noquicktime.jpg) no-repeat; } #ACOverlayMovie.overlay .overlaymovie a.quicktime-download, #ACOverlayMovieGallery.overlay .overlaymovie a.quicktime-download:hover, #ACOverlayMovie.overlaypanel .overlaymovie a.quicktime-download, #ACOverlayMovieGallery.overlaypanel .overlaymovie a.quicktime-download:hover { text-decoration:none; color:#08c; } /* pill buttons */ #OverlayPanel p.pillbutton { display:block; min-height:3em; margin:0 auto 1em; padding-right:43px; text-align:center; font-size:15px; padding-top:170px; line-height:1.3em; } #OverlayPanel p.pillbutton a { display:inline-block; position:relative; color:#fff; text-decoration:none; outline:none; moz-outline:none; } #OverlayPanel p.pillbutton a span, #OverlayPanel p.pillbutton a b { display:inline-block; width:auto; padding:15px 0; text-align:left; outline:none; } #OverlayPanel p.pillbutton a span { padding-right:8px; padding-left:25px; background:url(/global/elements/buttons/pillbevel_leftcap.png) no-repeat 0 50%; _background-image:url(/global/elements/buttons/pill_leftcap.gif); } #OverlayPanel p.pillbutton a b { position:absolute; width:43px; top:0; right:-43px; text-indent:-9999px; background:url(/global/elements/buttons/pillbevel_rightcap.png) no-repeat 0 50%; _background-image:url(/global/elements/buttons/pill_rightcap.gif); } #OverlayPanel p.pillbutton a b, x:-moz-any-link { display:-moz-inline-block; margin-top:-16px; margin-right:5px; } /* this is for firefox because it's dumb when it comes to inline-block */ #OverlayPanel p.pillbutton a b, x:-moz-any-link, x:default { top:0; margin-top:0; } /* this is to reset IE7 because it was reading the above */ #OverlayPanel p.pillbutton a:hover { color:#e6e6e6; cursor:pointer; } /* quicktime controller - 2 versions accounting for old and new overlay styles */ #main .ACQuicktimeController, #OverlayPanel .ACQuicktimeController { position:relative; width:640px; height:12px; padding:0; margin:12px 0 0 0; } #main .ACQuicktimeController div.control, #ACOverlayMovie.overlay .overlaycontroller div.control, #OverlayPanel .ACQuicktimeController div.control, #OverlayPanel.overlaypanel .controllerPanel div.control { position:relative; width:10px; height:10px; top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(/retail/images/overlay_movie_playpause20080206.gif) no-repeat left top; } #main .ACQuicktimeController div.control.pause, #OverlayPanel .ACQuicktimeController div.control.pause { background-position:left -10px; } #main .ACQuicktimeController div.sliderPanel, #OverlayPanel .ACQuicktimeController div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:624px; } #main .ACQuicktimeController div.sliderPanel div.track, #ACOverlayMovie.overlay .overlaycontroller div.sliderPanel div.track, #OverlayPanel .ACQuicktimeController div.sliderPanel div.track, #OverlayPanel.overlaypanel .controllerPanel div.sliderPanel div.track { position:absolute; left:0; width:624px; height:12px; text-align:left; background:url(/retail/images/overlay_movie_bgtrack20080206.gif) no-repeat 0 0; } #main .ACQuicktimeController div.sliderPanel div.track div.loadedProgress, #ACOverlayMovie.overlay .overlaycontroller div.sliderPanel div.track div.loadedProgress, #OverlayPanel .ACQuicktimeController div.sliderPanel div.track div.loadedProgress, #OverlayPanel.overlaypanel .controllerPanel div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; background:url(/retail/images/overlay_movie_bgtrack_load20080206.gif) no-repeat 0 0; } #main .ACQuicktimeController div.sliderPanel div.track div.trackProgress, #OverlayPanel .ACQuicktimeController div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; } #main .ACQuicktimeController div.sliderPanel div.track div.playHead, #ACOverlayMovie.overlay .overlaycontroller div.sliderPanel div.track div.playHead, #OverlayPanel .ACQuicktimeController div.sliderPanel div.track div.playHead, #OverlayPanel.overlaypanel .controllerPanel div.sliderPanel div.track div.playHead { position:absolute; top:-1px; margin:0 1px; width:13px; height:12px; background:url(/retail/images/overlay_movie_pointer20080206.png) no-repeat 0 0; cursor:pointer; behavior:url(/global/scripts/lib/iepngfix.htc); } .swap-view { overflow:auto; } /* Gallery Overlay Panel */ .galleryoverlay3 #featureView3 img,.galleryoverlay4 #featureView4 img,.galleryoverlay5 #featureView5 img,.galleryoverlay6 #featureView6 img { width: 640px; height: 400px; position: absolute; left: 54px; top: 78px; } #OverlayPanel.galleryoverlay3 .grid2col, #OverlayPanel.pastEventsOverlay .grid2col { width:148px; position: absolute; top: 66px; right: 65px; } #OverlayPanel.galleryoverlay3 h2, #OverlayPanel.pastEventsOverlay h2 { color:#FFF; top:34px; left:54px; font-size:20px; position:absolute; } #OverlayPanel.galleryoverlay3 .grid2col h3, #OverlayPanel.pastEventsOverlay .grid2col h3 { color:#FFF; font-size:14px !important; font-weight:normal; position } #OverlayPanel.galleryoverlay3 .grid2col p, #OverlayPanel.pastEventsOverlay .grid2col p { color:#777; margin-bottom:20px; font-size:12px !important; font-weight:normal; } #OverlayPanel.galleryoverlay3 .grid2col img, #OverlayPanel.pastEventsOverlay .grid2col img { margin-bottom:11px; } .galleryoverlay3 { width:940px; height:535px; } #galleryoverlay3, #pastEventsOverlay { display:none; } #OverlayPanel .galleryoverlay3 .ACQuicktimeController { display:none; } .galleryoverlay3 .overlayshadow.galleryoverlay3, .overlay.galleryoverlay3, .galleryoverlay3.active #galleryoverlay3, .galleryoverlay3.active #pastEventsOverlay { display:block; } .galleryoverlay3 #feature-triggers a.active img { border:2px #FFF solid; margin:-2px 2px 9px -2px; position: relative; } .galleryoverlay3 ul.feature-set { display:none; } .galleryoverlay3 #featureView, .galleryoverlay3 #pasteventsView { width:680px; height:500px; position:absolute; } .galleryoverlay3 #featureView img, .galleryoverlay3 #pasteventsView img { width:640px; height:400px; position:absolute; left:54px; top:78px; } .galleryoverlay3 #featureView .moviePanel, .galleryoverlay3 #pasteventsView .moviePanel { left:54px; top:38px; position:absolute; } #OverlayPanel.galleryoverlay4 .grid2col, #OverlayPanel.pastEventsOverlay .grid2col { width:148px; position: absolute; top: 66px; right: 65px; } #OverlayPanel.galleryoverlay4 h2, #OverlayPanel.pastEventsOverlay h2 { color:#FFF; top:34px; left:54px; font-size:20px; position:absolute; } #OverlayPanel.galleryoverlay4 .grid2col h3, #OverlayPanel.pastEventsOverlay .grid2col h3 { color:#FFF; font-size:14px !important; font-weight:normal; position } #OverlayPanel.galleryoverlay4 .grid2col p, #OverlayPanel.pastEventsOverlay .grid2col p { color:#777; margin-bottom:20px; font-size:12px !important; font-weight:normal; } #OverlayPanel.galleryoverlay4 .grid2col img, #OverlayPanel.pastEventsOverlay .grid2col img { margin-bottom:11px; } .galleryoverlay4 { width:940px; height:535px; } #galleryoverlay4, #pastEventsOverlay { display:none; } #OverlayPanel .galleryoverlay4 .ACQuicktimeController { display:none; } .galleryoverlay4 .overlayshadow.galleryoverlay4, .overlay.galleryoverlay4, .galleryoverlay4.active #galleryoverlay4, .galleryoverlay4.active #pastEventsOverlay { display:block; } .galleryoverlay4 #feature-triggers a.active img { border:2px #FFF solid; margin:-2px 2px 9px -2px; position: relative; } .galleryoverlay4 ul.feature-set { display:none; } .galleryoverlay4 #featureView, .galleryoverlay4 #pasteventsView { width:680px; height:500px; position:absolute; } .galleryoverlay4 #featureView img, .galleryoverlay4 #pasteventsView img { width:640px; height:400px; position:absolute; left:54px; top:78px; } .galleryoverlay4 #featureView .moviePanel, .galleryoverlay4 #pasteventsView .moviePanel { left:54px; top:38px; position:absolute; } #OverlayPanel.galleryoverlay5 .grid2col, #OverlayPanel.pastEventsOverlay .grid2col { width:148px; position: absolute; top: 66px; right: 65px; } #OverlayPanel.galleryoverlay5 h2, #OverlayPanel.pastEventsOverlay h2 { color:#FFF; top:34px; left:54px; font-size:20px; position:absolute; } #OverlayPanel.galleryoverlay5 .grid2col h3, #OverlayPanel.pastEventsOverlay .grid2col h3 { color:#FFF; font-size:14px !important; font-weight:normal; position } #OverlayPanel.galleryoverlay5 .grid2col p, #OverlayPanel.pastEventsOverlay .grid2col p { color:#777; margin-bottom:20px; font-size:12px !important; font-weight:normal; } #OverlayPanel.galleryoverlay5 .grid2col img, #OverlayPanel.pastEventsOverlay .grid2col img { margin-bottom:11px; } .galleryoverlay5 { width:940px; height:535px; } #galleryoverlay5, #pastEventsOverlay { display:none; } #OverlayPanel .galleryoverlay5 .ACQuicktimeController { display:none; } .galleryoverlay5 .overlayshadow.galleryoverlay5, .overlay.galleryoverlay5, .galleryoverlay5.active #galleryoverlay5, .galleryoverlay5.active #pastEventsOverlay { display:block; } .galleryoverlay5 #feature-triggers a.active img { border:2px #FFF solid; margin:-2px 2px 9px -2px; position: relative; } .galleryoverlay5 ul.feature-set { display:none; } .galleryoverlay5 #featureView, .galleryoverlay5 #pasteventsView { width:680px; height:500px; position:absolute; } .galleryoverlay5 #featureView img, .galleryoverlay5 #pasteventsView img { width:640px; height:400px; position:absolute; left:54px; top:78px; } .galleryoverlay5 #featureView .moviePanel, .galleryoverlay5 #pasteventsView .moviePanel { left:54px; top:38px; position:absolute; } #OverlayPanel.galleryoverlay6 .grid2col, #OverlayPanel.pastEventsOverlay .grid2col { width:148px; position: absolute; top: 66px; right: 65px; } #OverlayPanel.galleryoverlay6 h2, #OverlayPanel.pastEventsOverlay h2 { color:#FFF; top:34px; left:54px; font-size:20px; position:absolute; } #OverlayPanel.galleryoverlay6 .grid2col h3, #OverlayPanel.pastEventsOverlay .grid2col h3 { color:#FFF; font-size:14px !important; font-weight:normal; position } #OverlayPanel.galleryoverlay6 .grid2col p, #OverlayPanel.pastEventsOverlay .grid2col p { color:#777; margin-bottom:20px; font-size:12px !important; font-weight:normal; } #OverlayPanel.galleryoverlay6 .grid2col img, #OverlayPanel.pastEventsOverlay .grid2col img { margin-bottom:11px; } .galleryoverlay6 { width:940px; height:535px; } #galleryoverlay6, #pastEventsOverlay { display:none; } #OverlayPanel .galleryoverlay6 .ACQuicktimeController { display:none; } .galleryoverlay6 .overlayshadow.galleryoverlay6, .overlay.galleryoverlay6, .galleryoverlay6.active #galleryoverlay6, .galleryoverlay6.active #pastEventsOverlay { display:block; } .galleryoverlay6 #feature-triggers a.active img { border:2px #FFF solid; margin:-2px 2px 9px -2px; position: relative; } .galleryoverlay6 ul.feature-set { display:none; } .galleryoverlay6 #featureView, .galleryoverlay6 #pasteventsView { width:680px; height:500px; position:absolute; } .galleryoverlay6 #featureView img, .galleryoverlay6 #pasteventsView img { width:640px; height:400px; position:absolute; left:54px; top:78px; } .galleryoverlay6 #featureView .moviePanel, .galleryoverlay6 #pasteventsView .moviePanel { left:54px; top:38px; position:absolute; } #productheader h1 { width: 350px; } /* tips */ body#overview #tips { border: 1px solid #d3d3d3; border-width: 1px 0; background: #e1e1e1 url(/retail/images/overview_tips_bg.gif) repeat-x top left; margin: 0 0 18px; padding: 8px 0; position: absolute; top: 0; left: 2px; width: 980px; z-index:50; } #main-content #tips { height: 30px; overflow: hidden; } #main-content #tips h3 { background: url(/retail/images/overview_tips_icon_blue.png) no-repeat top left; color: #585858; float: left; font-size: 15px; font-weight: normal; margin-left: 24px; padding: 7px 0 5px 38px; _margin-left:15px; } #main-content #tips #tip_list { border-left: 1px solid #bababa; position: relative; height: 99%; overflow: hidden; } #main-content #tips ul { margin: 9px 24px; } #main-content #tips ul li { margin-bottom: 18px; position:relative; margin-right:50px; } #main-content #tips ul li strong { color: #585858; position:absolute; top:0; left:0; } #main-content #tips ul li p { color: #9d9d9d; margin-left:47px; *margin-top:-18px; } #main-content #tips ul li p strong{ position:static; display:inline; } #main-content #tips #tip_list a#expand-tips { background-image: url(/retail/images/morecontent_08c.png); background-repeat: no-repeat; background-position: 100% 0; float: right; line-height: 1.5; margin: 9px 24px 10px 10px; padding: 0 20px 4px 0; } #main-content #tips #tip_list a#expand-tips.open { background-image: url(/retail/images/lesscontent_08c.png); } #main-content .geniusbar.grid2col { margin-bottom:1.6em; } #main-content .geniusbar.grid2col .column.first { width:45%; margin-right:0; } #main-content .geniusbar.grid2col .column.first .right { margin:2px 0 0 16px; } #main-content .geniusbar.grid2col .column.last { width:53%; } #main-content #personal-services { margin:5em 0 1em; clear:both; } #main-content #personal-services h2 + img { margin:1.25em 0 2.5em; } #main-content #personal-services .column { width:47.5%; } #main-content #personal-services .column.first img { margin:-2px 0px 12px; } #main-content #personal-services .column.last img { margin:-7px 0px 6px 27px; } #make-reservation h4 { *margin-top:1px !important;}