body { min-width:1130px; } /* shared */ #books-at-work #content { margin:0 auto; padding:60px 0 0; zoom:1; } #books-at-work .separator h2 { margin-top:50px; } #books-at-work p.intro { text-align:center; color:#888; } #books-at-work .separator { margin-top:52px; border-top:1px solid #ddd; } #books-at-work .separator p.caption { line-height:1.6em; } #books-at-work .grid3col { margin:-12px 0 36px 36px; } #books-at-work .grid3col .column { margin-left:3px; } #books-at-work .grid3col h3 { margin:50px 0 6px; font-size:1.1428em; } #books-at-work .grid3col .column p { width:271px; color:#666; line-height:1.6em; } #books-at-work .grid3col .column.last { padding-right:33px; } #books-at-work .grid3col .column.last p { width:270px; } #books-at-work .caption { margin:-109px 0 13px; text-align:center; color:#666; position:relative; z-index:1; } #books-at-work .ge .caption { margin:-111px 0 13px;} #books-at-work .callout p { width:680px; margin:45px 0 0 116px; *margin:45px 0 0 40px; padding:0; font-size:14px; color:#666; line-height:1.6em; } #books-at-work .callout .headline-title { font-size:14px; font-weight:bold; text-decoration:none; color:#333; } #books-at-work .callout.headline-icon img { float:left; padding:0 14px 0 16px; *padding-left:50px; } #books-at-work .callout.headline-icon { margin:37px auto 10px; padding:0 13px; width:872px; height:128px; font-size:1.1486em; border:1px solid #e9e9e9; background-color:#f8f8f8; } #books-at-work .callout img { margin-top:30px; } #books-at-work .callout:hover { text-decoration:none; } #books-at-work .callout:hover em.more { text-decoration:underline; } #books-at-work .callout .headline { *display:inline-block; color:#000; text-align:left; } #books-at-work .callout .headline h3 img { *padding-left:7px; } #books-at-work .callout .headline-rounded .ge-callout, #books-at-work .callout .headline-rounded .hallmark-callout, #books-at-work .callout .headline-rounded .alcon-callout { margin-top:30px; } /* hero gallery */ #books-at-work .gallery { width:909px; margin:0 auto 40px; background:url(/v/ipad/business/d/images/hardware_ipad_air_black.jpg) 0 0 no-repeat; } #books-at-work .hero .gallery figure img { margin-left:78px; } #books-at-work .gallery figure img { margin:34px 0 0 77px; } #books-at-work .hallmark .gallery figure img { margin:38px 0 0 75px; } #books-at-work .alcon .gallery figure img { margin:35px 0 0 77px; } #books-at-work .gallery figure figcaption { position:absolute; bottom:-130px; left:0; width:100%; text-align:center; } #books-at-work .hero-gallery-nav { margin:177px auto 0; text-align:center; *margin-top:200px; } #books-at-work .hero-gallery-nav ul li { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; margin:0 3px; overflow:hidden; padding-bottom:54px; width:140px; } #books-at-work .hero-gallery-nav ul li a { position:relative; z-index:1; display:block; padding:10px; color:#333; } #books-at-work .hero-gallery-nav ul li a img { cursor:pointer; border:1px solid #e5e5e5; } #books-at-work .hero-gallery-nav ul li a p { margin-bottom:0; font-size:12px; } #books-at-work .hero-gallery-nav ul li a:hover { text-decoration:none; color:#08c; } #books-at-work .hero-gallery-nav ul li a.active { padding:9px; border:1px solid #08c; color:#08c; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; } /* video gallery */ #books-at-work .video-gallery { position:relative; z-index:0; width:907px; height:798px; margin:40px 0 0 35px; } #books-at-work .video-gallery.black { background:url(/v/ipad/business/d/images/hardware_ipad_air_black.jpg) 0 0 no-repeat; } #books-at-work .video-gallery.white { background:url(/v/ipad/business/d/images/hardware_ipad_air_white.jpg) 0 0 no-repeat; } #books-at-work .video-gallery figure figcaption { margin-bottom:-21px; } #books-at-work .video-gallery .moviePanel { top:42px; width:741px; height:556px; } /* pill buttons */ #books-at-work .video-gallery .gallery-content .pillbutton-lg { position:absolute; left:341px; z-index:2; width:230px; padding-top:255px; text-align:center; } #books-at-work .video-gallery .gallery-content .pillbutton-lg a { position:relative; display:block; width:auto; height:77px; text-align:center; } #books-at-work .video-gallery .gallery-content .pillbutton-lg a span { display:block; width:auto; color:#fff; font-size:1.1429em; } #books-at-work .video-gallery .gallery-content .pillbutton-lg a b { display:block; position:absolute; top:0; height:85px; } #books-at-work .video-gallery .gallery-content .pillbutton-lg.watch { left:373px; width:164px; } #books-at-work .video-gallery .gallery-content .pillbutton-lg.watch a span { margin-right:64px; padding:30px 5px 30px 40px; text-align:left; background:url(/v/ipad/business/d/images/watch_cap_left.png) 0 0 no-repeat; } #books-at-work .video-gallery .gallery-content .pillbutton-lg.watch a b { right:0; width:64px; background:url(/v/ipad/business/d/images/watch_cap_right.png) 0 0 no-repeat; } #books-at-work .video-gallery .gallery-content .pillbutton-lg.again { top:-76px; left:256px; } #books-at-work .video-gallery .gallery-content .pillbutton-lg.again a span { margin-right:41px; padding:30px 0 30px 70px; background:url(/v/ipad/business/d/images/watchagain_cap_left.png) 0 0 no-repeat; } #books-at-work .video-gallery .gallery-content .pillbutton-lg.again a b { right:0; width:41px; background:url(/v/ipad/business/d/images/watchagain_cap_right.png) 0 0 no-repeat; } #books-at-work .video-gallery .gallery-content .pillbutton-lg a:hover { text-decoration:none; } #books-at-work .video-gallery .gallery-content .pillbutton-lg a:hover b, #books-at-work .video-gallery .gallery-content .pillbutton-lg a:hover span { background-position:0 -85px; } /* general */ #books-at-work .hero p.intro { width:735px; margin:25px auto 53px; color:#888; } #books-at-work .multi-touch { padding-bottom:30px; } #books-at-work .multi-touch, #books-at-work .build { margin-top:43px; padding:30px 74px 70px; } #books-at-work .multi-touch p.intro { width:870px; padding:5px 0 4px 54px; } @media only screen and (max-device-width:768px) { #books-at-work .multi-touch { padding:30px 0 70px;} #books-at-work .multi-touch p.intro { margin:0 auto; padding-left:0px; width:885px; } } #books-at-work .ge h2 { margin-top:50px; } #books-at-work .build h1 { padding-right:6px; } #books-at-work .build p.intro { width:870px; margin-top:-6px; padding-left:52px; } #books-at-work .build .build-imac-ipad { margin:40px 0 0 76px; } #books-at-work .build .callout { width:870px; height:100px; margin:7px auto 0; padding:26px 22px 0; } #books-at-work .build .callout:hover { text-decoration:none; } #books-at-work .build .callout img { margin:-3px 30px 0 -10px; } #books-at-work .build .callout h3 img { margin:4px 0 -5px; } #books-at-work .build .callout p { margin:11px; } #books-at-work .build .callout h3 { font-size:18px; } #books-at-work .build div.get-started { margin-top:0; padding-top:27px; } #books-at-work .build div.headline.rounded p { width:800px; font-size:16px; } @media only screen and (max-device-width:768px) { #books-at-work .build div.get-started { padding:27px 0 0 60px; } #books-at-work .build { padding:30px 0 70px;} } #books-at-work .distribution { margin:80px auto 13px; padding-bottom:120px; border-bottom:1px solid #ddd; background-color:#f8f8f8; } #books-at-work .distribution.tight { margin-bottom:0; } #books-at-work .distribution h1 { margin:46px 0 2px; padding-top:30px; } #books-at-work .distribution p.intro { margin:0 auto; width:725px; color:#888; line-height:1.6em; } #books-at-work .distribution .left-column { margin:94px 20px 0 44px; } #books-at-work .distribution .left-column { width:395px; } #books-at-work .distribution .left-column h2 { margin-top:33px; } #books-at-work .distribution .left-column p { line-height:1.6em; color:#666; } #books-at-work .distribution img { margin:14px -77px 0 0; } @media only screen and (max-device-width:768px) { #books-at-work .distribution p.intro { width:825px; } } #buystrip { margin-top:0; border-top:none !important; } #books-at-work.shift .hero .gallery figure img { margin:36px 0 0 77px; } #books-at-work.shift .gallery figure img { margin:37px 0 0 76px; }