html, body { background: #f2f2f2; }
#main { width:980px; margin:0 auto; }
#content { padding:36px 50px 18px 50px; font-size:12px; line-height:18px; }

#productheader { background:none; }

#hero h1 { padding-top:56px; margin-bottom:14px; }
#hero h2 { padding-top:26px; margin-bottom:5px; font-size:28px; line-height:29px; font-weight:normal; clear:both; color:#656565; }
#hero .callout { width:250px; height:88px; }
#hero .callout h3 { font-size:14px !important; line-height:1.3em; padding-top:16px; margin-bottom:4px; }

img.watch { float:left; margin-right:8px; padding:8px 9px 9px; background:url(http://images.apple.com/iphone/business/profiles/images/video_callout_bg.png) no-repeat; }
img.play { position:absolute; top:12px; left:14px; }
.callout { position:relative; padding:20px; background-color:#fafafa; font-size:12px !important; border:1px solid #f3f3f3; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -khtml-border-radius:6px; }

#content .column.first { width:62% !important; }
#content .column.first h3 { font-size:14px; margin-bottom:5px; }
#content .column.last { width:33% !important; }
#content .column.last .callout { padding-top:15px; padding-bottom:5px; margin-bottom:24px !important; }
#content .column.last .callout ul { margin-left:18px; }
#content .column.last .callout ul li { margin-top:8px; }
#content .column.last .callout h4 { margin-bottom:12px; font-size:12px; }
#content .column.last .callout hr { border:none; border-top:1px solid #e5e5e5; margin:28px 0; }

p.attribution { font-style:italic; text-align:right; }

li.hide{display:none !important;}

#buystrip.updated .gradient .app-store { width:440px; }
#buystrip.updated .apple-store-download { width:100%; }

#globalfooter.clear .gf-buy.footer-shop { clear:left; }
#globalfooter.clear #directorynav { zoom:1; }
#globalfooter.clear #directorynav:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

/* slider nav
----------------------------- */
/* -- non platterized profile pages - More profiles -- */
body.profiles #more { position:relative; width:980px; height:220px; padding-top:15px; margin:18px -50px -18px -66px; clear:both; background:#e3e3e3 url(http://images.apple.com/iphone/business/profiles/images/slider_bg20090625.gif) repeat-x 0 0; }
body.profiles.enterprise #more,
body.profiles.small-business #more { margin-left:-50px; }
body.profiles #more h2 { margin:0 59px 10px; font-weight:normal; }

body.profiles #more .mask { position:absolute; top:25px; left:46px; width:888px; height:240px; overflow:hidden; }
body.profiles #more .mask .container { position:absolute; }
body.profiles #more .mask .container a { display:block; float:left; position:relative; margin-top:22px; color:#252525; text-decoration:none; *cursor:pointer; }
body.profiles #more .mask .container a .overimg { display:none; }
body.profiles #more .mask .container a .thumb-frame { width:154px; height:115px; margin:0 8px 0 10px; padding:20px 25px 21px; position:relative; *padding-bottom:19px; background:url(http://images.apple.com/iphone/business/profiles/images/slider_image_bg20090625.gif) no-repeat; }
body.profiles #more .mask .container a img { display:block; }
body.profiles #more .mask .container a img.thumb-large { display:none; }
body.profiles #more .mask .container a h3 { width:198px; font-size:1em; color:#666; margin:-42px 0 0 13px; cursor:pointer; text-align:center; z-index:100; position:relative; }
body.profiles #more .mask .container a h3 strong { display:block; color:#000; }
body.profiles #more .mask .container a h3 strong.platter-break { width:192px; }
body.profiles #more .mask .container a span { display:none; }
body.profiles #more .mask .container a .more { font-style:normal; color:#08c; padding-right:10px; white-space:nowrap; background: url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; }
body.profiles #more .mask .container a.active div { background:url(http://images.apple.com/iphone/business/profiles/images/slider_image_activebg20090625.png) no-repeat; cursor:default; }

body.profiles #more .arrow { display:block; position:absolute; top:107px; width:21px; height:21px; background:no-repeat 0 0; cursor:pointer; }
body.profiles #more .arrow.left { left:22px; background-image:url(http://images.apple.com/iphone/business/profiles/images/slider_arrowleft20090625.gif); }
body.profiles #more .arrow.right { right:22px; background-image: url(http://images.apple.com/iphone/business/profiles/images/slider_arrowright20090625.gif); }
body.profiles #more .arrow.disabled { background-position:100% 100%; cursor: default; }

body.profiles #more .nav { display:none; }


/* text promofooter */
footer#promofooter-text { width:980px; margin:18px auto 0; padding:0;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
	background:-moz-linear-gradient(100% 100% 90deg, #f2f2f2, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f2f2f2');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f2f2f2')";
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; *border:1px solid #D2D2D2;
}
footer#promofooter-text section { width:25%; min-height:149px; margin:2px 0 0 0; padding-top:18px; border-right:1px solid #DCDCDC; border-left:1px solid #FFF; *border-right:1px solid #CECECE; }
footer#promofooter-text section.column.f1 { border-left-width:0; }
footer#promofooter-text section.column.f4 { width:23%; border-right-width:0; }
footer#promofooter-text section h4 { margin-left:25px; font-size:14px; line-height:21px; }
footer#promofooter-text section h4 a { color:black; }
footer#promofooter-text section h4 a:hover { text-decoration:none; }
footer#promofooter-text section p { margin-left: 25px; padding-right:45px; }
footer#promofooter-text section p a { font-size:11px; line-height:18px; color:#333; }
footer#promofooter-text section p a:hover { text-decoration:none; }


/* section specific */
body.small-business #hero { margin-bottom:47px; }
body.small-business #quote { float:right; width:210px; padding-top:88px; }
body.small-business #quote h2 { font-size:21px; color:#000; margin-bottom:8px; padding-top:0; }
body.small-business #quote p { font-size:14px; line-height:18px; color:#999; }
body.small-business p.pullquote { font-size:20px; color:#666; padding-top:9px; line-height:26px;}
body.small-business .overlay { height:539px; }


/* gallery */
.callout.gallery { padding-top:4px !important; position:relative; z-index:1; zoom:1; }
.callout.gallery ul { margin:0 -14px 0 0 !important; padding:0; }
.callout.gallery:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.callout.gallery ul li { float:left; display:inline; width:75px; height:57px; margin:0 12px 14px 0 !important; background:url(http://images.apple.com/iphone/business/profiles/images/galleryframe.gif) no-repeat; }
.callout.gallery li img { margin:3px 5px 6px; }
.callout.gallery p { margin:0 -20px 11px; padding:0 0 7px 12px; font-size:11px; background:url(http://images.apple.com/iphone/business/profiles/images/gallery_rule.gif) repeat-x left bottom; }
#content .callout.gallery .enlarge { display:block; position:absolute; width:17px; height:17px; top:35px; left:15px; background:url(http://images.apple.com/iphone/business/profiles/images/enlarge.png) no-repeat; }

.overlaypanel .overlayPanelContent { background:#fff;
	-webkit-box-shadow: rgba(0, 0, 0, 1) 0 0 30px;
	-moz-box-shadow: rgba(0,0,0,1) 0 0 30px;
	box-shadow: rgba(0,0,0,1) 0 0 30px;
}
.overlaypanel img.overlayPanelShadowImage { display:none; *display:block; }
.overlaypanelgallery img.overlayPanelShadowImage { display:none; *display:block; top:-6.7%; left:-4.4%; width:108.8%; height:113.2%; }

.overlaypanelgallery .overlaygallery { width:860px; height:611px; }
.overlaypanelgallery .overlaygallery .overlaygallerycontent { display:none; width:860px; height:539px; }
.overlaypanelgallery .overlaygallery .overlaygalleryswap { width:860px; height:539px; text-align:center; overflow:hidden; }
.overlaypanelgallery .overlaygallery .overlaygalleryswap .overlaygallerycontent { display:block; }
.overlaypanelgallery .overlaygallery .overlaygalleryswap .overlaygallerycontent img { width:860px !important; height:539px;  }

.overlaypanelgallery .overlaygallery .overlaygallerythumbs { display:block; text-align:center; margin-top:5px; }
#isf.video848 .overlaypanelgallery .overlaygallery .overlaygallerythumbs { left:65px; }
.overlaypanelgallery .overlaygallery .overlaygallerythumbs a { display:inline-block; width:75px; padding:0 2px; outline:none; color:#999; text-decoration:none; }
.overlaypanelgallery .overlaygallery .overlaygallerythumbs a img { border:1px solid #fff; margin-top:0; padding:4px; }
.overlaypanelgallery .overlaygallery .overlaygallerythumbs a.active img { border:1px solid #999; margin:0 auto; padding:4px; }


/* movie overlays */
#content .movie848 { display:none; }
#OverlayPanel .movie848 { position:relative; width:902px; height:600px; }
#OverlayPanel .movie848 h2 { width:848px; margin:27px auto 18px; font-size:24px; font-weight:normal; }

#OverlayPanel .movie848 .movie,
#OverlayPanel .movie848 .movie-loading,
#OverlayPanel .movie848 .endState { position:relative; width:848px; height:480px; }
#OverlayPanel .movie848 .movie { margin:0 auto; padding-bottom:29px; }
#OverlayPanel .movie848 .movie-loading { background-image:url(http://images.apple.com/global/elements/quicktime/qt_loading848x480.gif); }
#OverlayPanel .movie848 .endState { background-image:url(http://images.apple.com/global/elements/quicktime/qt_endstate848x480.jpg); }

.enterprise .moviePanel, .video848 .moviePanel { width:848px; height:480px; }
.small-business .moviePanel { width:640px; height:360px; }


/* small buisness movie */
#qtview, .qtcontent, .movie-loading, .endState { position:relative; width:640px; height:360px; }
#qtview, .qtcontent { padding-bottom:29px; }
.qtcontent { display:none; }
.qtcontent .controllerPanel { left:0; }
.qtcontent .controllerPanel.inactive { display:none; *display:block; }

#qtview img { position:absolute; top:0; left:0; z-index:0; }
#qtview ul { padding-top:170px; text-align:center; }
#qtview .endState ul { padding-top:160px; }
#qtview .qtcontent { display:block; position:absolute; top:0; left:0; text-align:center; }


/* New 848 videos */
.video848 #content { padding-left: 66px; padding-top: 60px; padding-right: 66px;  }
.video848 #qtview, .video848 .qtcontent, .video848 .movie-loading, .video848 .endState { position:relative; width:848px; height:480px; }
.video848 #qtview, .video848 .qtcontent { padding-bottom:29px; }
.video848 #qtview img { position:absolute; top:0; left:0; z-index:0; }
.video848 #qtview ul { padding-top:205px; text-align:center; }
.video848 #qtview .endState ul { padding-top:205px; }
.video848 #qtview .qtcontent { display:block; position:absolute; top:0; left:0; text-align:center; }
.video848 #hero h1 { padding-top:10px; margin-bottom:5px; font-size:36px; line-height:50px; font-weight:normal; }
.video848 #hero h2 { padding-top:0px; font-size:28px; font-weight:normal; clear:both; color:#656565; }
.video848 .callout.gallery ul li { margin:0 8px 14px 0 !important; }

a.qtlink.pillbutton span {  margin-right: 0px; margin-left:0px; }
a.qtlink.pillbutton  b {  margin-left: 0px; margin-right:0 }

#swap-hero-video { position:relative; height:540px; }
body.small-business.profiles #swap-hero-video { width:640px; height:389px; }

body.profiles #swap-hero-video a.close { visibility:hidden; }
body.profiles #swap-hero-video a.hero-link.pillbutton { position:absolute; top:211px; left:371px; }
body.profiles #swap-hero-video .endState a.pillbutton { _left:-75px; }

body.profiles #swap-hero-video a .movie .play,
body.profiles #swap-hero-video .movie a.replay .play { position:absolute; top:192px; left:376px; z-index:100; display:block; width:96px; height:96px; background:url(http://images.apple.com/iphone/business/profiles/images/video_play_normal.png) 0 0 no-repeat; background-size:96px 96px; }

body.small-business.profiles #swap-hero-video a .movie .play,
body.small-business.profiles #swap-hero-video .movie a.replay .play { top:132px; left:272px; }

body.profiles #swap-hero-video a:hover .movie .play,
body.profiles #swap-hero-video .movie a:hover.replay .play { z-index:100; background:url(http://images.apple.com/iphone/business/profiles/images/video_play_hover.png) 0 0 no-repeat; background-size:96px 96px; }

@media only screen and (max-device-width: 768px) {
  a.qtlink.pillbutton span { margin-right:0px; }
  a.qtlink.pillbutton b { margin-left:0px; }
}
