@import url(/jp/global/styles/blackout.css);

body.education.story #globalheader { z-index: 0; } /* fullscreen fix */
body.story #productheader h2 { margin-left:8px; }

/* undo that fix for iphone */
@media only screen and (max-device-width: 767px) {
	body.education.story #globalheader { z-index:9999; margin-bottom:1.7em; }
	#productheader {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		    -ms-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		        transition: transform 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	}

	.gh-show-nav #productheader {
		z-index: 50;
		opacity: 0;
		-webkit-transform: translate3d(0, 34px, 0);
		    -ms-transform: translate3d(0, 34px, 0);
		        transform: translate3d(0, 34px, 0);
		-webkit-transition: -webkit-transform 0.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		        transition: transform 0.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	}

	.gh-immediate #productheader {
		-webkit-transition-duration: 0s;
		        transition-duration: 0s;
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
	}
}

html, body { background-color:#f2f2f2; }

.thin { padding-right:1em; }
.thin-half { padding-right:.4em; }
@media only screen and (max-device-width:768px) { .pad-thin { padding-right:1em; } }

#main.content { margin:0 auto 21px !important; padding:0 50px 36px; position:relative; width:880px; }
/*#hero.content { width:880px; }*/
#contact.content { margin-top:20px; }
/* productheader */
#productheader h2 a { text-indent:0; width:147px; }
#productheader li a { -webkit-transition:color 0.1s linear; }
#productheader a.howtobuy { width: 84px; behavior: none; margin-top:0.8em; background-image: url(/jp/global/elements/buttons/howtobuys20100617.png); _background-image: url(/jp/global/elements/buttons/howtobuys20100617.gif);}
#buy #productheader a.howtobuy { background-position:0 -75px !important; cursor:default; }

.story #pn-profiles a,
#why #pn-why a,
#ipad #pn-ipad a,
#ipodtouch-iphone #pn-ipodtouch-iphone a,
#resources #pn-resources a,
#mac #pn-mac a { color:#999 !important; cursor:default; }

.story #pn-profiles a,
#why-mac #pn-whymac a,
#ipad #pn-ipad a,
#ipodtouch-iphone #pn-ipodtouch-iphone a,
#resources #pn-resources a,
#mac #pn-mac a { color:#999 !important; }

/* promo howtobuy */
#promofooter #promos li.promo.buynow ul.howtobuy { margin:1.8em 0 0; font-size:11px; line-height: 16px;}
#promofooter #promos li.promo.buynow h4 { position:relative; }
#promofooter #promos li.promo.buynow h4 a img.howtobutton { position:absolute; right:12px; top:13px; }
#promofooter #promos li.promo.buynow p { padding-right:12px; font-size:11px; line-height: 16px; color:#777; }
#promofooter #promos li.promo.buynow ul.howtobuy a { color:#08c; }
#promofooter #promos li.promo.buynow ul.howtobuy a:hover { text-decoration:underline; }

/* content
----------------------------- */
.content h1 img,
.content h2 img,
.content h3 img { display:block; }

.content { font-size:14px; line-height:21px; *overflow:hidden; }
.content h2 { font-size:1.6em; }
.content h3 { font-size:16px; }
.content p { margin-bottom:21px; }
.content p.intro { font-size:18px; line-height:25px; margin-bottom:27px; }
@media screen and (max-device-width: 1024px) { #story-escondido .content p.intro  { width:580px; }} 

.content hr { border-color:#E4E4E4; border-style:none none solid; border-width:medium medium 1px; clear:both; margin:0 0 2em;}

p.sosumi, ul.sosumi, ol.sosumi { clear: both; width: 940px; margin: 0 auto; padding: 12px 20px 0; }
ol.sosumi li { margin-left:1.8em; }

.content a.block { display:block; color:#333; text-decoration:none; }
.content a em.more { font-style:normal; text-decoration:none; color:#08c; white-space:nowrap; padding-right:10px; background:url(/jp/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom:1; cursor:pointer; }
.content a:hover em.more { text-decoration:underline; }
.content a.morelarge { padding-right:12px; background:url(/jp/global/elements/arrows/morearrow_big_08c.gif) no-repeat 100% 50%; }
.content a.close { position:absolute; z-index:10; top:-28px; right:0; padding:0 0 0 18px; color:#888; text-transform:lowercase; font-size:12px; background:url(/jp/global/elements/buttons/close.png) no-repeat 0 0;_background:url(/jp/global/elements/buttons/close.gif) no-repeat 0 0; }
.content a.close:hover { color:#08c; text-decoration:none; background-position:0 -50px; }
.shadow { -webkit-box-shadow:rgba(0,0,0,0.4) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,0.4) 0 1px 3px; box-shadow:rgba(0,0,0,0.4) 0 1px 3px; *border:1px solid #e4e4e4; }
.content .endState { background:none; }
.content .vr .controllerPanel { display:none; }

.content .back-to-top { font-size:12px; position:absolute; right:0; top:8px; padding-right:12px; background:url(/jp/global/elements/arrows/uparrow_08c.gif) no-repeat 100% 50%; }

.content .headline-icon { display:table; height:62px; margin-bottom:0; *position:relative; *z-index:1; }
.content .headline-icon img { margin:0 20px 0 0; float:left; }
.content .headline-icon div.headline { display:table-cell; vertical-align:middle; *position:absolute; *z-index:1; *top:50%; }
.content .headline-icon div.headline div { *position:relative; *z-index:1; *top:-50%; margin-bottom:0; }

/*span.more { background:url(/jp/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; padding-right:10px; display: inline-block; text-align: left; }*/
.nowrap { white-space:nowrap; }
.wrap, a.wrap { white-space:normal; }

#main img.last { margin-bottom:0; width:auto !important; float:none !important; }
.flushright,
img.flushright { float:right; margin-right:-50px; position:relative; }
.flushleft,
img.flushleft { float:left; margin-left:-50px; position:relative; }

#main .callout { padding:1em 25px; position:relative; background-color:#f5f5f5; color:#555; }

.section { clear:both; position:relative; padding: 62px 0 0; border-top:1px solid #d9d9d9; zoom:1; }
.section.first-section { margin:0 -50px; padding:62px 50px 40px; border-top-color:#ccc; *border:none;
	background:url(/jp/education/images/top_section_bg_20100409.gif) repeat-x top left;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#fff));
	background-image:-moz-linear-gradient(center top, #f0f0f0 0%, #fff 100%);
	background-image:-o-linear-gradient(#f0f0f0, #fff);
	background-image:linear-gradient(to bottom, #f0f0f0 0%, #fff 100%);
	background-size:100% 128px;
	background-repeat:no-repeat;
}
@media only screen and (max-device-width:768px) {
	.section.first-section { border-top:1px solid #d9d9d9; }
}
@media only screen and (max-device-width:480px) {
  .section.first-section { border-top:none;  }
}

.inlinevideo { position:relative; }
.inlinevideo .video-section { clear:both; position:absolute; width:848px; height:480px; left:50%; bottom:0; margin:0 -424px; }
.inlinevideo .endState { visibility:hidden; }

.aside { margin:25px 0 25px; font-size:12px; }

/* sidecar */
.sidecar span.sidecar-top { position:absolute; top:0; left:0; width:12px; height:55px; background:url(/jp/education/images/sidecar_gradient_top_20100409.gif) no-repeat 0 0; }
.sidecar span.sidecar-bottom { position:absolute; bottom:0; left:0; width:12px; height:56px; background:url(/jp/education/images/sidecar_gradient_bottom_20100409.gif) no-repeat 0 0; }
.sidecar { width:200px; float:right; width:270px; margin-left:-30px; padding-left:30px; position:relative; background:#fff url(/jp/education/images/sidecar_gradient_20100409.gif) repeat-y 0 13px; }
.sidecar p.subtitle { color:#666; font-size:16px; line-height:24px; padding-top:2px; padding-bottom:34px; margin-bottom:-13px; }
.sidecar h4 { color:#000; font-size:12px;}
.sidecar p { color:#333; font-size:11px; line-height:16px; margin-bottom:16px; }


/* at a glance */

.at-a-glance { margin-bottom: 1.5em; padding-top:60px; border-top:1px solid #d0d0d0; }
/* .at-a-glance h2 { margin: 0; } */
.at-a-glance h3 { height: 19px; margin: 0 0 10px; }
.at-a-glance h2 img,
.at-a-glance h3 img { margin: 0 auto; }
.at-a-glance a.buynow { height: 25px; margin: 10px auto 0; text-indent: -9999px; display: block; width: 72px; background: url(/jp/global/elements/buttons/buynows.png) no-repeat 0 0; _background: url(/jp/global/elements/buttons/buynows.gif) no-repeat 0 0; }
.at-a-glance a.buynow:hover,
.at-a-glance a.buynow:focus { background-position: 0 -25px; }
.at-a-glance a.buynow:active { background-position: 0 -50px; }
.at-a-glance .column p { color: #777; line-height: 19px; margin-bottom: 30px; }
.at-a-glance .column a.more { font-size:12px; }

.at-a-glance a.preordernow { height: 25px; margin: 10px auto 0; text-indent: -9999px; display: block; width: 85px; background: url(/jp/global/elements/buttons/preorders.png) no-repeat 0 0; _background: url(/jp/global/elements/buttons/preorders.gif) no-repeat 0 0; }
.at-a-glance a.preordernow:hover,
.at-a-glance a.preordernow:focus { background-position: 0 -25px; }
.at-a-glance a.preordernow:active { background-position: 0 -50px; }


/* labs callout */
.labs-callout { margin-bottom:1.5em; padding:10px 70px 0; clear:both; zoom:1; 
border-top:1px solid #d0d0d0; padding-top:40px; }
.labs-callout:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.labs-callout .left { margin-right:50px; }
.labs-callout h3 { margin-top:45px; }


/* page nav */
.page-nav { width:980px; margin:0 -50px; text-align:center; background:url(/jp/education/images/page_nav_bg_20100409.jpg) repeat-x 0 0; }
.page-nav li { display:inline; }
.page-nav li.caret { display:block; position:absolute; top:47px; left:50%; width:26px; height:16px; z-index:10; background:url(/jp/education/images/nav_caret_20100409.png) no-repeat 0 0;  }
.page-nav a { display:inline-block; line-height:27px; padding:12px 20px; font-size:18px; color:#737373; background: url(/jp/education/images/nav_border_20100409.jpg) no-repeat right 50%; }
.page-nav a:hover { text-decoration:none; color:#08c; }
.page-nav .last-child a { background:none; }

/* hero nav */
#heronav { padding-top:40px; padding-bottom:45px; }
#heronav h1 { margin:0 0 8px; }
#heronav h1 img { margin:0 auto; }
#heronav p.intro { text-align:center; }

#heronav ul { height:141px; margin:0 auto; }
#heronav ul li,
#heronav ul li div { border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; font-size:13px; *font-size:13px; _font-size:13px; }
#heronav ul li { float:left; width:145px; height:143px; margin-right:36px; border:1px solid #dcdcdc; background:url(/jp/education/images/nav_bg_20100409.png) repeat-x 0 100%; }
#heronav ul li div { position:relative; height:137px; padding:0 6px; border:3px solid #fff; overflow:hidden; }
#heronav ul li a { display:block; position:absolute; width:133px; height:274px; color:#999; cursor:pointer; zoom: 1;}
#heronav ul li span { position:relative; display:block; width:140px; *width:137px; overflow:hidden; height:98px; margin:0 -6px 11px; }
#heronav ul li span img { position:absolute; -webkit-tap-highlight-color:transparent; }
#heronav ul li h4 { word-spacing:-1px; font-weight:normal; }
#heronav ul li p { margin:1px 0 0; line-height:1.45em; }
#heronav ul li .more { display:block; width:81px; padding:0 10px 2px 0; text-align:left; background:url(/jp/education/images/nav_arrow_20100409.png) no-repeat 100% 50%; }

#heronav ul li.last-child { float:right; margin-right:0px; }

#heronav ul li.first-child span img { left:0; }
#heronav ul li.second-child span img { left:-140px; }
#heronav ul li.third-child span img { left:-280px; }
#heronav ul li.fourth-child span img { left:-420px; }
#heronav ul li.fifth-child span img { left:-560px; }

#heronav ul li a:hover { text-decoration:none; }

#heronav a,
#heronav h4 { -webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; -khtml-transition:0.25s ease-in-out; transition:0.25s ease-in-out; }

#heronav a { -webkit-transition-property:top; }
#heronav h4 { -webkit-transition-property:padding-bottom; }

#heronav a { top:0; _display:block;_position:absolute;}
#heronav a:hover { top:-103px; }
#heronav a h4 { padding-bottom:7px; }
#heronav a:hover h4 { padding-bottom:0; _color:#08c; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#heronav:nth-child(1n) a,
	#heronav:nth-child(1n) .loaded a:hover { top:-103px; }
	#heronav:nth-child(1n) .loaded a { top:0; }
	#heronav:nth-child(1n) a h4,
	#heronav:nth-child(1n) .loaded a:hover h4 { padding-bottom:0; }
	#heronav:nth-child(1n) .loaded a h4 { padding-bottom:7px; }
}
@-moz-document url-prefix() { 
	#heronav:nth-child(1n) a,
	#heronav:nth-child(1n) .loaded a:hover { top:-103px; }
	#heronav:nth-child(1n) .loaded a { top:0; }
	#heronav:nth-child(1n) a h4,
	#heronav:nth-child(1n) .loaded a:hover h4 { padding-bottom:0; }
	#heronav:nth-child(1n) .loaded a h4 { padding-bottom:7px; }
}

#heronav .loaded :nth-child(1) a,
#heronav .loaded :nth-child(1) h4 { -webkit-transition-delay:.0s; }
#heronav .loaded :nth-child(2) a,
#heronav .loaded :nth-child(2) h4 { -webkit-transition-delay:.1s; }
#heronav .loaded :nth-child(3) a,
#heronav .loaded :nth-child(3) h4 { -webkit-transition-delay:.2s; }
#heronav .loaded :nth-child(4) a,
#heronav .loaded :nth-child(4) h4 { -webkit-transition-delay:.3s; }
#heronav .loaded :nth-child(5) a,
#heronav .loaded :nth-child(5) h4 { -webkit-transition-delay:.4s; }

#heronav .revealed a,
#heronav .revealed h4 { -webkit-transition-delay:.0s !important; }


/* audio controller
------------------------*/

/* audio links for circular controllers */
.content a.audioLink { float:left; background:none; padding-top:4px; padding-left:4px; padding-bottom:20px; }
.content a.audioLink img { vertical-align:middle; margin-right:6px; }
.content a.audioLink.audiotext { _overflow:hidden;}
.content a.controller { padding:0; }

/* circular controller */
body > .controllerPanel { width:28px; z-index:5; }
.ACMediaCircularController { position:absolute; left:0; _left:-50px; width:28px; height:28px; margin-top:0; overflow:hidden; }
.controllerPanel .ACMediaCircularController .control { position:absolute; top:6px; left:5px; margin:0; width:18px; height:18px; overflow:hidden; text-align:center; text-indent:-999px; background-image:none; }
.ACMediaCircularController .background { position:absolute; width:64px; height:28px; left:-36px; top:0; background-image:url(/global/elements/buttons/circular-controller-parts.png) !important; background-image:expression(none) !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/global/elements/buttons/circular-controller-parts.png', sizingMethod='crop'); }
.ACMediaCircularController .control.play .background { left:0; top:-6px; }
.ACMediaCircularController .control.pause .background { left:-18px; top:-6px; }
.ACMediaCircularController canvas { left:1px; top:1px; width:26px; height:26px; position:absolute; }
#main .controllerPanel .ACMediaCircularController .control.play,
#main .controllerPanel .ACMediaCircularController .control.pause { background-image:none; }

/* directorynav */
#directorynav.education .column { padding:9px 0 0 54px; width:190px; }
#directorynav.education .column h3 { line-height:18px;}
#directorynav.education .column a { padding-left:15px; text-indent:-15px; line-height:16px; }

/* page specific
----------------------------- */

/* why apple */
#why #hero ul.nav-callout li { display:inline-block; border:1px solid #DCDCDC; background-color:#fff; width:146px; height:140px; }
#why #hero ul.nav-callout a { background-color:#F5F5F5; height:134px; }
#why #hero p.intro { text-align:center; width:600px; }

#why #heronav ul { width:880px; }
#why #heronav p.intro { width:770px; margin:0 auto 36px; }
@media screen and (max-device-width: 480px) {#why #heronav p.intro { width:770px; }} 

#why .content-slider { margin-top:0; }

#why .section .first a.left { margin:5px 20px 0 0; }
#why .section .last { position:relative; }
#why .section img.imac { margin-bottom:37px; margin-left:-7px; *margin-bottom: -25px !important; }

#why .grid2cola .last { width:283px; }
#why .grid2cola .first { width:550px; }

#why #video-kick { *clear:both; *position:relative; clear: both; }
#why #video-kick .moviePanel { width: 848px; height: 480px; }
#why #video-kick .grid2cola { width:880px; }
#why #video-kick .grid2cola .sidecar { *margin-top:70px; }

#why #kick-start .flushright,
#why #kick-start .padded { margin-bottom: -4em; position: relative; }
#why #kick-start .padded { padding-bottom: 4em; }
#why #kick-start .last .sidecar { min-height:500px; _height: 500px; padding-top: 4.5em; background-color: transparent; }
#why #kick-start .last .sidecar img.ilife { margin-top:8px; margin-right:11px; margin-left:11px; margin-bottom:0; }
#why #kick-start .last .sidecar img.iwork { margin-top:7px; margin-right:11px; margin-left:11px; margin-bottom:0; }
#why #kick-start .last .sidecar img.macosx { margin:4px 9px 10px 22px; }
#why #video-kick { height:600px; }	

#why #teaching .grid2col { margin-top:20px; }
#why #teaching .grid2col img.right { margin: -8px -50px 0 0; }
#why #teaching .grid2col .first { width:415px; }
#why #teaching .grid2cola .last .sidecar { margin-top: 20px; min-height:358px; _height: 358px; }
#why #teaching .last .sidecar img.ipod { margin-top: 7px; margin-right: 15px; }
#why #teaching .last .sidecar img.ipad { margin-top: 9px; margin-right: 6px; }
#why #teaching .last .sidecar img.appstore { margin-top: 9px; margin-right: 6px; }
#why #teaching .last .sidecar .adjust { margin-top: 5px; display: block; }

#why #video-teaching { height: 430px; position:relative; }
#why #video-teaching .grid2cola { width:880px; position:relative; }
#why #video-teaching .moviePanel { width: 848px; height: 480px; }

#why #mirroring { padding-top: 60px; }
#why #mirroring .column.first p { width:383px; margin-bottom: 50px; }
#why #mirroring .column.first p.intro { width:430px; margin-bottom: 27px; }
#why #mirroring .column.last .flushright { margin-top: 0; }
#why #mirroring .column.last .adjust { margin-top: 5px; display: block; white-space: nowrap; }
#why #mirroring .column.last .sidecar p { width: 187px; }
#why #mirroring .column.last .sidecar p.subtitle { width:auto; }
#why #mirroring .column.last .sidecar img.right { margin-left: 30px; *margin-left: 10px; }

#why #podcasting h2 img { position:relative; margin-right:-162px; }
#why #podcasting .grid2col { margin-top:20px; }
#why #podcasting .grid2col .last { position:relative; }
#why #podcasting .grid2col img.right { margin-left:-60px; margin-top:20px; }
#why #podcasting .grid2col .first { position:relative; }
#why #podcasting .grid2col .first p { width:365px; }
#why #podcasting .last .sidecar { min-height: 470px; _height: 470px; }
#why #podcasting .last .sidecar img.garage-band { margin-top: 8px; margin-right: 10px; margin-left: 20px; }
#why #podcasting .last .sidecar img.macosx { margin-top:24px; margin-right:20px; }
#why #video-podcasting { height: 480px; }

#why #video-podcasting .grid2cola .first{ margin-top: -33px; }

#why #itunes-u { padding-bottom:0; }
#why #itunes-u .grid2cola { margin-top:20px; }
#why #itunes-u .first { width:559px; }
#why #itunes-u .first img.right { margin:-10px -371px 30px 50px; position:relative !important; *margin-left:81px; }
#why #itunes-u .first h2 { position:relative !important; }
#why #itunes-u .first p.intro { margin-bottom: 4px; }
#why #itunes-u .first p.sublink { margin-bottom: 27px;}
#why #itunes-u .last { width:286px; margin-top:389px; }
#why #itunes-u .last .sidecar { width:233px; min-height:130px; _height:130px; padding-top:30px; padding-left:53px; }


#why #bottom-tiles { margin:0 -2px 0; padding-bottom:0; border-top:none; }
#why ul.bottom-tile .bottom-tile-ipad img { margin-top: 48px; }
#why ul.bottom-tile .bottom-tile-imac img { margin-top: 30px; }
#why ul.bottom-tile .bottom-tile-iphone img { margin-top: 61px; }
#why ul.bottom-tile li.last { margin-right:0; }
#why ul.bottom-tile li h3 { font-size:1em; }
#why ul.bottom-tile li a { display:block; height:237px; text-decoration:none; }
#why ul.bottom-tile li a:hover span.more { text-decoration:underline;  }

#why a.video-podcasting img { margin-bottom:50px; }
#why a.video-teaching img { margin-bottom:70px; }

#why .endState { display:none; background-image: url(/jp/global/elements/quicktime/qt_endstate848x480.jpg); }
#why .moviePanel .endState { display:block; }
#why a.pillbutton { position:absolute; top:225px; left:345px; _left:-85px; }
#why #video-kick a.pillbutton { _left:345px; }

#why img.reflect,
#why .moviePanel video,
#why .endState { -webkit-box-reflect: below -4px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.9, transparent), to(rgba(0,0,0,0.25))); }

@media only screen and (max-device-width: 768px) {
	#why #mirroring .column.first p.intro { width: auto; margin-right: -1em; }
	#why #mirroring .column.last .sidecar p { width: 195px; }
}


/* mac */
/*#mac #heronav p.intro { padding: 0; } */

#mac .section { padding-top: 30px; }
#mac .section h2 img { margin:0 auto; }
#mac .section p.intro { text-align: center; line-height: 24px; }

#mac .aside { background-position: 100% 50%; background-repeat: no-repeat; /*border:1px solid #dedede; */ padding: 24px 28px 6px 28px; background-color: #e6e6e6; line-height: 18px; }
#mac #ilife .aside p { margin-bottom:0; }
#mac #ilife .aside ul { margin-bottom:16px; }

#mac #main .grid2col .column { width: 410px; }
#mac .grid3col .column { width: 261px; margin-left: 51px; }
#mac .content-area.swapView p.caption { display:block; }
#mac .content-area p.caption { display:none; }

#mac #hardware.first-section { padding-bottom:0; }
#mac #hardware .gallery-triggers ul { width: 410px; }
#mac #hardware .gallery #hardware-gallery .image1 { top: 142px; }
#mac #hardware .content-area p.intro { width: 980px; } 
#mac #hardware .grid2col { margin: 17px 0 0 0; }
#mac #hardware .grid2col img.flushleft { margin-right:-11px; margin-top:25px; }
#mac #hardware .grid2col .column.last img { margin-bottom: 10px; } 
#mac #hardware img.server-setup { float:left; margin-right:43px; }
#mac #hardware #design.grid2col .column.first { margin-top:50px; }

#mac #hardware .aside { padding: 35px 25px 0 25px; background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ffffff)); background: -moz-linear-gradient(top, #f6f6f6, #ffffff); }
#mac #hardware .aside h4 { margin-bottom: 4px; }
#mac #hardware .aside p.intro { padding: 0; margin-bottom: 23px; text-align: left; font-size:1.25em; line-height:1.35em; }
#mac #hardware .aside .flushleft { margin-left: -40px; margin-right: 10px; }
#mac #hardware .aside .left { margin-right: 12px; margin-bottom: 10px; }
#mac #hardware .aside .grid2col { margin-bottom:52px; }
#mac #hardware .aside .grid2col .column.first { width:44%; }
#mac #hardware .aside .grid2col .column.last { width:56%; }
#mac #hardware .aside .grid2col .column.last img { float:right; margin-top: -20px; margin-right: 30px; margin-bottom: -28px; } 
#mac #hardware .aside .grid3col .column { font-size:14px; line-height:22px; width:30%; }

#mac #hardware .aside.rounded .column.last p { width:272px; }

#mac #ilife h2 { margin-bottom:18px; }
#mac #ilife p.intro { /*padding: 0 105px;*/ width: 980px; margin-bottom:30px; }
#mac #ilife .gallery p.caption { bottom: 95px; }
#mac #ilife .grid3col .column.first { width:250px; }
#mac #ilife .grid3col .column { width:280px; _width:270px; }
#mac #ilife .grid3col .column.last { width:260px; }
#mac #ilife .grid3col .column p { line-height:22px; }
#mac #ilife .gallery { margin-bottom:13px; }
#mac #ilife .gallery .gallery-container { top:10px; }
#mac #ilife .gallery-triggers { margin-top:-2px; }
#mac #ilife .gallery-triggers ul { width: 326px; }
#mac #ilife .gallery #ilife-gallery .image1 { top:155px; }
#mac #ilife .gallery #ilife-gallery .image2,
#mac #ilife .gallery #ilife-gallery .image3,
#mac #ilife .gallery #ilife-gallery .image4,
#mac #ilife .gallery #ilife-gallery .image5,
#mac #ilife .gallery #ilife-gallery .image6 { top:65px; }

#mac #iwork p.intro { /*padding: 0 125px;*/ width: 980px;}
#mac #iwork .gallery p.caption { bottom: 95px; }
#mac #iwork .gallery-triggers ul { width: 322px; }
#mac #iwork .gallery #iwork-gallery .image1 { top:155px; }
#mac #iwork .gallery #iwork-gallery .image2,
#mac #iwork .gallery #iwork-gallery .image3,
#mac #iwork .gallery #iwork-gallery .image4,
#mac #iwork .gallery #iwork-gallery .image5,
#mac #iwork .gallery #iwork-gallery .image6 { top:65px; }

#mac #pro p.intro { /*padding: 0 150px;*/ width: 980px;}
#mac #pro .gallery-triggers ul { width: 322px; }
#mac #pro .gallery #pro-gallery .image1 { top:143px; }
#mac #pro .grid3col .column img { margin-left: -10px; }

#mac #specialed p.intro { /*padding: 0 120px;*/ width: 980px; margin-bottom: 35px; }
#mac #specialed .left { margin-right: 50px; margin-bottom: 50px; }

#mac .at-a-glance h2 { margin-bottom: 100px; }
#mac .at-a-glance .row1 p,
#mac .at-a-glance .row2 .column.last p { margin-bottom: 11px; }

#mac .at-a-glance .row1 .imac { margin-top:-63px; }
#mac .at-a-glance .row1 .imac h3 { margin-top:-7px; }
#mac .at-a-glance .row1 .imac p { margin-bottom:28px; }

#mac .at-a-glance .row2 .macmini p { margin-bottom:12px; }
#mac .at-a-glance .column { width: 32%; margin-left: 2%; }
#mac .at-a-glance .grid3col { margin-top: 35px; }

/* #mac p.intro { padding:0 !important; width:980px; border:1px solid red; margin-left:auto !important; margin-right:auto !important;} */

/* ipad */
#ipad #built-in p.intro { width:900px; }
#ipad #built-in h3 { font-size:23px; line-height:25px; font-weight:normal; }
#ipad #built-in img.right { position:relative; }
#ipad #built-in .mail { margin-bottom:30px; }
#ipad #built-in .mail h3 { clear:left; padding-top:10px; }
#ipad #built-in img.left { position:relative; margin:16px 54px 16px -8px; }
#ipad #built-in img.flushright { margin-top:-125px; margin-left:40px; }
#ipad #built-in .grid3col { clear:both; }
#ipad #built-in .grid3col.first { margin:50px 0 25px; }
#ipad #built-in .grid3col .column { width:261px; margin-left:50px; }
#ipad #built-in .grid3col img { margin:0 auto; display:block; }
@media only screen and (max-device-width:768px){
	#ipad #built-in p.intro { width:905px; }
}

#ipad #apps-for-ipad { clear:both; }
#ipad #apps-for-ipad h3 { font-size:23px; line-height:25px; font-weight:normal; }
#ipad #apps-for-ipad .video-kick { width:270px; margin:0 25px 0 0; display:block; float:right; }
#ipad #apps-for-ipad .video-kick p { width:265px; float:right; margin-top:7px; font-size:11px; line-height:16px; }
#ipad #apps-for-ipad .video-kick img.right { margin:0; padding:0; float:right; }
#ipad #apps-for-ipad .video-kick em.more { *text-align:left; *background-position:48% 82%; }
#ipad #apps-for-ipad p.intro { position:relative; width:540px; }
#ipad #apps-for-ipad p.wrap-adjust { width:865px; }
#ipad #apps-for-ipad img.ipad-keyboard { margin-top:15px; margin-left:-30px; margin-right:20px; }
#ipad #apps-for-ipad img.flushleft.pages { margin-top:36px; }
#ipad #apps-for-ipad img.left { margin:0 -83px 0 -2px; }
#ipad #apps-for-ipad img.flushright { margin-top:-25px; }
#ipad #apps-for-ipad img.flushleft { margin-top:-45px; margin-right:35px; margin-bottom:10px; _margin-top:0; }
#ipad #apps-for-ipad h3.pages { clear:right; padding-top:108px; _padding-top:88px; }
#ipad #apps-for-ipad img.keynote { margin-right:20px; }
#ipad #apps-for-ipad h3.keynote { clear:left; padding-top:30px; }
#ipad #apps-for-ipad h3.numbers { clear:right; padding-top:145px; _padding-top:190px; }
#ipad #apps-for-ipad p.numbers { padding-right:30px; }
#ipad #apps-for-ipad img.pull-left { margin-left:-27px; margin-top:40px; }
#ipad #apps-for-ipad p a.volume { *text-align:left; *background-position:54% 82%; }
#ipad #apps-for-ipad p.push-up { margin-top:-20px; *margin-right:-20px; }

#ipad #apps-for-ipad .callout-iwork h3,
#ipad #apps-for-ipad .callout-imovie-garageband h3,
#ipad #ibooks .callout-ibooks h3 { font-size:16px; font-weight:bold; }
#ipad #apps-for-ipad .callout-iwork { float:right; margin-left:40px; }
#ipad #apps-for-ipad .callout-iwork img.left { margin-bottom:7px !important; }
#ipad #apps-for-ipad .callout-iwork ul,
#ipad #apps-for-ipad .callout-imovie-garageband ul { font-size:10px; line-height:15px; }
#ipad #apps-for-ipad .callout-iwork,
#ipad #apps-for-ipad .callout-imovie-garageband,
#ipad #ibooks .callout-ibooks { padding-top:13px; background:url("/jp/education/images/iwork_callout_bg_20100225.gif") repeat-x scroll left bottom transparent; padding:10px; width:195px; }
#ipad #apps-for-ipad .callout-iwork img.left,
#ipad #apps-for-ipad .callout-imovie-garageband img.left,
#ipad #ibooks .callout-ibooks img.left { margin:-1px 8px 0 0; }
#ipad #apps-for-ipad .callout-iwork p,
#ipad #ibooks .callout-ibooks p { width:205px !important; margin:0; padding:0; line-height: 16px;}
#ipad #apps-for-ipad .callout-imovie-garageband { float:left; width:265px; }
#ipad #apps-for-ipad img.flushleft.imovie-garageband-hero { margin-top: 35px; margin-bottom: -3px; }
#ipad #apps-for-ipad .imovie-garageband h3 { margin:0 -50px 5px 0; padding-top:30px; line-height:28px; }
#ipad #apps-for-ipad .imovie-garageband .callout-imovie-garageband h3 { margin:0 0 0.3em 0; padding:0; }
#ipad #apps-for-ipad .callout-imovie-garageband p { width:235px; margin:10px 0 0; padding:0; line-height: 1.5;}

/* jp */
#ipad #apps-for-ipad .section-iwork { clear:both; margin-top:5px }
#ipad #apps-for-ipad .callout-iwork { margin-top:33px; }
#ipad #apps-for-ipad  img.imovie-garageband-hero { margin-bottom:30px; }

#ipad #ibooks { clear:both; padding-top:68px; padding-bottom:70px; }
#ipad #ibooks h2 { margin-top:-1px; }
#ipad #ibooks img.flushright { margin-left:30px; margin-top: 18px;}
#ipad #ibooks .sosumi { clear:none; }

#ipad #features .ipad-for-all h3 { padding-top:123px; }
#ipad #features .ipad-for-all img.left { margin:2px 40px 12px 45px; }
#ipad #features .ipad-for-all p { padding-right:40px; }

#ipad #features h3 { font-size:23px; line-height:25px; font-weight:normal; }
#ipad #features p.intro { width:690px; }
#ipad #features .airprint,
#ipad #features .ipad-for-all { clear:both; }
#ipad #features .mirroring { margin-top:40px; }
#ipad #features .mirroring h3 { padding-top:40px; }
#ipad #features .airprint h3 { padding-top:60px; }
#ipad #features .airprint h3, 
#ipad #features .airprint p { position:relative; z-index:200; }
#ipad #features .airprint p { width:275px; }
#ipad #features .airprint img.flushright { margin-left:-55px; z-index:100; }

#ipad #itunes-u h2 { padding-top:0; position:relative; }
#ipad #itunes-u p.intro { width:686px; margin-bottom:18px; }
#ipad #itunes-u .column.first { width:357px; margin-top:20px; }
#ipad #itunes-u img.flushright { margin-top:40px; margin-bottom: 20px; }

#ipad .at-a-glance h2,
#ipad .at-a-glance p.intro { margin-bottom:40px; }
#ipad .at-a-glance p.ipad-learnmore { width:100%; clear:both; }
#ipad .at-a-glance .column { width:420px; margin-left:0; }
#ipad .at-a-glance .column img { margin-bottom:8px; position:relative; }
#ipad .at-a-glance .column p { padding:0 96px; }

@media only screen and (max-device-width: 1024px), only screen and (max-device-width: 480px) {
	#ipad #iwork p.intro { width:550px; }
	#ipad #iwork p.keynote { width: 615px;}
}

/* ipod touch and iphone */
#ipodtouch-iphone #heronav ul { width:700px; }
#ipodtouch-iphone #heronav p.intro { padding:0 100px; margin-bottom:36px; }
#ipodtouch-iphone #heronav .fourth-child p { margin-right:2px; }

#ipodtouch-iphone .grid2cola .last { width:283px; }
#ipodtouch-iphone .grid2cola .first { width:550px; }
#ipodtouch-iphone .sidecar { width: 227px; }
#ipodtouch-iphone .sub-section { clear: both; margin-bottom: 50px;}

#ipodtouch-iphone #apps p.intro { width: 750px; margin-bottom: 40px; }
#ipodtouch-iphone #apps img.hero { margin: 20px 0 0 -5px; }

#ipodtouch-iphone #computer { width: 880px; }
#ipodtouch-iphone #computer p.intro { width: 750px; margin-bottom: 40px; padding-left: 0; }
#ipodtouch-iphone #computer p { padding-left: 76px; }
#ipodtouch-iphone #computer .facetime h3,
#ipodtouch-iphone #computer .facetime img.icon { padding-top: 88px; }
#ipodtouch-iphone #computer .facetime img.image { margin-left: 90px; margin-bottom: 0px; }
#ipodtouch-iphone #computer .hd-video {  }
#ipodtouch-iphone #computer .hd-video h3,
#ipodtouch-iphone #computer .hd-video img.icon { padding-top: 117px; }
#ipodtouch-iphone #computer .hd-video img.image { margin-right: 73px; }
#ipodtouch-iphone #computer .hd-video p { padding-left: 515px; }
#ipodtouch-iphone #computer .wifi img.icon { margin-right: 18px; }
#ipodtouch-iphone #computer .wifi img.image { margin-left: 13px; }
#ipodtouch-iphone #computer .safari h3,
#ipodtouch-iphone #computer .safari img.icon { padding-top: 90px; }
#ipodtouch-iphone #computer .safari img.image { margin: 0 40px 12px 50px; }
#ipodtouch-iphone #computer .safari p { padding-left: 644px; }
#ipodtouch-iphone #computer .mail h3,
#ipodtouch-iphone #computer .mail img.icon { padding-top: 90px; }
#ipodtouch-iphone #computer .mail img.image { margin: 0 90px 12px 60px; }
#ipodtouch-iphone #computer .calendar h3,
#ipodtouch-iphone #computer .calendar img.icon { padding-top: 115px; }
#ipodtouch-iphone #computer .calendar img.image { margin: 0 40px 12px 70px; }
#ipodtouch-iphone #computer .calendar p { padding-left: 538px; padding-right: 16px; }
#ipodtouch-iphone #computer .keyboard h3,
#ipodtouch-iphone #computer .keyboard img.icon { padding-top: 80px; }
#ipodtouch-iphone #computer .keyboard img.image { margin: 0 23px 12px 61px; }
#ipodtouch-iphone #computer .memo h3,
#ipodtouch-iphone #computer .memo img.icon { padding-top: 145px; }
#ipodtouch-iphone #computer .memo p { padding-left: 539px; padding-right: 16px; }
#ipodtouch-iphone #computer .memo img.image { margin: 0 40px 30px 70px; }

#ipodtouch-iphone #accessibility p.intro {margin-bottom: 2em; }
#ipodtouch-iphone #accessibility img.image { margin-right: 40px; }
#ipodtouch-iphone #accessibility img.icon { margin-bottom: 5px; }
#ipodtouch-iphone #accessibility p { padding-right: 35px; }

#ipodtouch-iphone #itunes-u { padding-bottom:0; }
#ipodtouch-iphone #itunes-u h2 { position:relative; }
#ipodtouch-iphone #itunes-u p.intro { width:690px; }
#ipodtouch-iphone #itunes-u .grid2col .column.first { width:54%; }
#ipodtouch-iphone #itunes-u .grid2col .column.first .headline-icon { margin-top:40px; margin-bottom:58px; }
#ipodtouch-iphone #itunes-u .grid2col img.right { position:relative; z-index:0; margin-top:-18px; margin-right:20px; }

#ipodtouch-iphone .at-a-glance .rounded{ width: 750px; padding: 40px 65px; }
#ipodtouch-iphone .at-a-glance h2 { margin-bottom:50px; }
#ipodtouch-iphone .at-a-glance p { margin-bottom: 9px; }
#ipodtouch-iphone .at-a-glance img { margin-bottom: -10px; }
#ipodtouch-iphone .at-a-glance img.hardware { margin-bottom: -28px; }
#ipodtouch-iphone .at-a-glance img.threegs { margin-left: -25px; }
#ipodtouch-iphone .at-a-glance .column { width: 375px;}
#ipodtouch-iphone .at-a-glance .column.last { }
#ipodtouch-iphone .at-a-glance .rounded { *padding-bottom: 0; }

#ipodtouch-iphone .at-a-glance .iphone a.buynow { background-image: url(/jp/education/images/button-buy-20101115.png); _background-image: url(/jp/education/images/button-buy-20101115.gif);}

#ipodtouch-iphone .content-slider { margin-top:30px; }

#ipodtouch-iphone ol.sosumi { padding-top:18px; }

@media only screen and (max-device-width: 768px) {
	#ipodtouch-iphone #computer .safari p { margin-right: 6px; }
}

/* labs */
#labs #main { padding-bottom:3em; }
#labs #main #hero { margin:0 0 4.7em 0; text-align:center; padding-top:4.9em; }
#labs #main #hero h1 { line-height:0; margin-top:-30px; margin-bottom:6px; }
#labs #main #hero h1 img { display:inline; }
#labs #main #hero p.intro { width:95%; margin-right:auto; margin-left:auto; }
#labs #main h2 { margin-top:-5px; margin-bottom:0; }
#labs #main #laptopprog .column.last img.right { margin-right:9px; }
#labs #main p.singlelink { margin:0; }
#labs #main p.multilinks { margin:0.8em 0; }
#labs #main #macbooklabs { margin:3.7em 0 2em 0; }
#labs #main #macbooklabs img {margin-left:0.4em; }
#labs #main #ipodlabs { margin:0 0 4.4em 0; }
#labs #main .grid2col .column.first .leftcolumn { margin:0 2em 0 0; }
#labs #main .grid2col .column.last .rightcolumn { margin:0 0 0 1.2em; }
#labs #main #macbooklabs.grid2col .column.first img { margin-top:1px; margin-left:2px; }
#labs #main #macbooklabs.grid2col .column.last .rightcolumn {margin-top:3.2em;}
#labs #main #ipodlabs.grid2col .column.first .leftcolumn {margin-top:6.4em;}
#labs #main #ipodlabs.grid2col .column.last img { margin-top:6px; margin-right:1.7em; }
#labs #main #desktoplabs.grid2col { margin-bottom:2em; }
#labs #main #desktoplabs.grid2col .column.last .rightcolumn h2 { margin-top:-7px; }

#labs .aside { margin-top:100px; background-position: 100% 50%; background-repeat: no-repeat; border:1px solid #dedede; padding: 24px 28px 6px 28px; background-color: #e6e6e6; padding-right:300px; }
#labs .aside p { margin-bottom:0; }
#labs .aside ul { margin-bottom:16px; }

/* Podcasting */
#podcasting #main img.hero { margin-top:-0.1em; position:absolute; right:49px; }
#podcasting #main #hero { margin:0 0 12.8em 0; padding-top:7.6em; }
#podcasting #main #hero p.intro { width:48%; }
#podcasting #main .grid2col,
#podcasting #main .grid2colc  { margin-bottom:3em; }
#podcasting #main #share.grid2col { margin-bottom:7em; }
#podcasting #main #share.grid2col p { width:85%; }
#podcasting #main #share.grid2col .column { margin-top:2em; }
#podcasting #main #share.grid2col .column.first p { width:100%; }
#podcasting #main #share.grid2col .column.last img { margin-top:2em; }
#podcasting #main #video_podcasts.grid2col .column.last { margin:5em 0 0 0; width:43%; }
#podcasting #main #audio_podcasts.grid2col .column.first { margin:3em 0 0 0; width:50%; }
#podcasting #main #enhanced_podcasts.grid2col .column.last { margin:5em 0 0 0; width:43%; }
#podcasting #main #publish.grid2colc .column.last { margin:2.4em 0 0 0; width:60%; }
#podcasting #main #distribution.grid2col .column.first { margin:4em 0 0 0; width:42%; }
#podcasting #main #enhanced_podcasts.grid2col { padding-bottom:2em; border-bottom:1px solid #d7d7d7; }
#podcasting #main #distribution.grid2col .column.last img { margin-right:-42px; margin-left:-75px; }

/* how to buy */
#buy #main.content { background:#fff repeat-x 0 0; }
#buy #main img.hero { margin-top:-0.1em; }
#buy #main #hero { padding-top:7.9em; }

#buy #main #buying { float:left; position:relative; padding-top:3em; font-size:12px; min-height: 1245px; _height:1245px; }
#buy #main #buying .column.first { width:431px; }
#buy #main #buying .column.last { width:416px }
#buy #main #buying h2 { font-size:2em; margin-bottom:.9em; padding-bottom:.3em; border-bottom:1px solid #e4e4e4; }
#buy #main #buying h3 { font-size:1.3em; }
#buy #main #buying h4 { margin-bottom:.3em; }
#buy #main #buying p.intro { color:#333; }
#buy #main #buying .moreinfo { margin-top:2.5em; }
#buy #main #buying .moreinfo h4 { margin-top:1.83em; }
#buy #main img.student { position:absolute; bottom:-16px; left:95px; _bottom:-17px; }

#buy #main #buying strong { color:#000; }
#buy #main #buying a.aos-button { margin-left:-4px; }

/* Challenge Based Learning */
#cbl #main #hero { margin:-1px 0 0 -50px; }
#cbl #main #hero h1 { font-size:1.6em; }
#cbl #main #hero p.intro { margin:2em 0 39px 3em; _margin-left:27px;  }
#cbl #main #hero .callout { float:right; margin-top:30px; margin-left:25px; padding:0; }
#cbl #main #hero .callout img.left { margin-right:13px; margin-bottom:10px; margin-left:0; }
#cbl #main #hero .callout a { display:block; padding:25px 20px 25px 10px; width:198px; }
#cbl #main #hero .callout h4 { display:block; padding-bottom:2px; font-weight:normal; font-size:14px; line-height:18px; }
#cbl #main #hero .callout p, 
#cbl #main #hero .callout p a { font-size:12px; }
#cbl #main #hero .callout p { color:#333; margin-bottom:0; }

#cbl #main #hero .callout a.webcast { display:block; padding:16px 10px 16px 17px; width:201px; }
#cbl #main #hero .callout a.webcast h4 { padding-top:2px; }

#cbl #main .grid2col { line-height:1.3em; }
#cbl #main #step-1 { margin-bottom:3.1em; }
#cbl #main #step-1 .column.first { width:479px; }
#cbl #main #step-1 .column.first img { padding-right:0; margin-bottom:-9px; }
#cbl #main #step-1 .column.last { width:394px; margin-top:5.9em; }
#cbl #main #step-1 .column.last p { width:323px; }
#cbl #main #step-2 { margin-bottom:4em; }
#cbl #main #step-2 .column.first { width:330px; margin-top:3em; padding-left:2px; }
#cbl #main #step-2 .column.first p { width:330px; }
#cbl #main #step-2 .column.last { width:470px; }
#cbl #main #step-2 .column.last img { margin-right:-50px; }
#cbl #main #step-3 { margin-bottom:2.8em; }
#cbl #main #step-3 .column.first { width:503px; }
#cbl #main #step-3 .column.first img { margin-left:-50px; }
#cbl #main #step-3 .column.last { width:344px; margin-top:4.85em; }
#cbl #main #step-3 .column.last p { width:337px; }
#cbl #main #step-4 { margin-bottom:4.25em; }
#cbl #main #step-4 .column.first { width:400px; margin-top:5.25em; padding-left:2px; }
#cbl #main #step-4 .column.last { width:460px; }
#cbl #main #step-4 .column.last img { margin-right: -51px; }
#cbl #main #step-5 { margin-bottom:4.35em; }
#cbl #main #step-5 .column.first { width: 537px; }
#cbl #main #step-5 .column.first img { margin-left:-5px; }
#cbl #main #step-5 .column.last { width: 309px; margin-top:2.1em; margin-right: 12px; }
#cbl #main #step-5 .column.last p { width:300px; }
#cbl #main #step-6 { margin-bottom:0.95em; }
#cbl #main #step-6 p { margin-bottom:53px; }
#cbl #main #step-6 .column { width:790px; padding-left:2px; }
#cbl #main #step-6 .callout { padding:16px 102px; _padding:16px 102px 32px; _height:55px; }
#cbl #main #step-6 .callout h3 { font-weight:normal; font-size:16px; padding-top:13px; }
#cbl #main #step-6 .callout img.left { margin:0; margin-right:19px; margin-bottom:0; }
#cbl #main #step-6 .callout em.more { font-size:16px; _line-height:20px; }
#cbl #main #step-6 .callout p { color:#333; margin-bottom:0; }

#cbl #main .callout { border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #b7b7b7; 
	-webkit-box-shadow:0 1px 3px #e0e0e0; 
	-moz-box-shadow:0 1px 3px #e0e0e0; 
	box-shadow:0 1px 3px #e0e0e0; }
#cbl #main a p span { color:#08c; }
#cbl #main .callout a.block:hover { cursor:pointer; }
#cbl #main a:hover { text-decoration:none; }
#cbl #main a:hover span { text-decoration:underline; }

#cbl #main .callout.foot { padding:0; }
#cbl #main .callout.foot a { display:block; padding:18px 25px 11px; }
#cbl #main .callout.foot h4 { margin-top:12px; font-size:15px; }
#cbl #main .callout.foot span { margin-top:6px; font-size:15px; }
#cbl #main .callout.foot img.left { margin-left:50px; position:relative; z-index:100; }

#cbl #main #resources.section { width: 880px; height:419px; padding: 28px 0 50px 2px; }
#cbl #main #resources.no-border { border-top:none !important; }
#cbl #main #resources .grid2cola .column.first { width: 616px; }
#cbl #main #resources p { line-height:1.25em; }
#cbl #main #resources .column ul { float:left; }
#cbl #main #resources .column ul li { padding-bottom:1em; }
#cbl #main #resources .column ul li.html {background:url("/global/elements/icons/globaliconhtml12x12.gif") no-repeat 0.08em 0.4em; display:block; padding-left:20px; }
#cbl #main #resources .column ul.list-1 { padding:0 1.85em 0 0.4em; }
#cbl #main #resources .column a:hover { text-decoration:underline; }
#cbl #main #resources .column.first ul.list-2 li { width:275px; }
#cbl #main #resources .column ul li a sup { color:#0088CC; _vertical-align:top; }
#cbl #main #resources .column.last.sidebar { width: 210px; position: absolute; left: 650px; height: 100px; padding: 0 !important; margin: 0 !important; }
#cbl #main #resources .column.last.sidebar p { margin-left: 13px; font-size:1.4em; }
#cbl #main #resources .column.last.sidebar .webinar { display:block; }
#cbl #main #resources .column.last.sidebar a.video-link { *text-align:left; *background-position:65% 80%; }
#cbl #main #resources .column.last.sidebar a.webinar { outline:none; }
#cbl #main #resources .video { height: 360px; width: 100%; padding-top: 10px; }
#cbl #main #resources .video a.close { top: 20px; right: 120px; position: absolute; }

#cbl #main #resources .video-list { box-shadow: rgba(0,0,0,0.25) 0px 1px 2px; -webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.25) 0px 1px 2px;  background-color: #f4f4f4; border-width: 1px; border-color: #e8e8e8; padding-bottom: 10px; }
#cbl #main #resources .video-list h3 { padding-top:15px; padding-left:20px; }
#cbl #main #resources .video-list .column { padding-top: 5px; width: 100%; height: 88px; }
#cbl #main #resources .video-list .column img { margin-left: 20px; margin-right: 25px; float: left;  }
#cbl #main #resources .video-list .column p { margin-top: 20px; }
/*#cbl #main #resources .video-list .column.last { background: url(/education/challenge-based-learning/images/webinar_column_divider_20110413.jpg) no-repeat left; }*/
#cbl #main #resources .video-list a:hover p { text-decoration:underline; }

#cbl #main #resources .video-list.grid3col { position:relative;  float:left;  width:100%; min-height:180px; margin-top:20px; }
#cbl #main #resources .video-list.grid3col .column { width:32%; height:100%; background: repeat-y left; }
#cbl #main #resources .video-list.grid3col .column.first { background:none; }
#cbl #main #resources .video-list.grid3col .column img { margin:0 auto; display:block; float:none; }
#cbl #main #resources .video-list.grid3col .column p { margin:10px auto 0; display:block; width:60%; *width:62%; }
#cbl #main #resources .video-list.grid3col .column .video-link p { font-size:10px; text-align:center; }

#cbl #main #resources .video-list.grid3col .column .more { background-position:100% 60%; }
#cbl #main #resources ul span { padding-left:1px; font-size:10px !important; line-height:10px; vertical-align:top; }
#cbl #main #resources .moviePanel { width:640px; height:360px; }

@media screen and (max-device-width: 768px) {
	#cbl #main #hero .callout { margin-left:30px; }
}
#cbl p.sosumi { width:920px; padding: 12px 40px 0 20px; }


/* secondary page adjustments */
body.maine .grid2col .column { width: 48%; }


/* sign up
----------------------------- */
#contact { width:940px; margin:0 auto; padding:13px 20px; font-size:11px line-height:1.5em; background: #fff url(/jp/education/images/signup_middlebg_20100316.png) repeat-x 50% 100%; *overflow:visible; }
#contact:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

#contact .info { float:left; width:600px; }
#contact .info p { font-size:12px; line-height:1.5em; margin:0; _margin:0.7em 0; *margin:0 0 0.3em 0; color:#000; }
#contact .info p.sosumi { margin:0; padding:0; *margin-bottom:0.2em; color:#888; _width:600px; }
#contact .info p.sosumi a { text-decoration:underline; color:#888; }

#contact #contact_wrap { z-index:999; float:right; position:relative; width:300px; height:19px; margin-top:9px; }
#contact #contact_wrap.loading { background:url(/jp/education/images/signup_spinny20081208.gif) no-repeat 89% 50%; }
#contact #contact_error { position:absolute; left:-3px; bottom:1.8em; width:211px; padding-bottom:10px; z-index:100; }
#contact #contact_error p { width:191px; padding:7px 10px 5px; margin:0; text-align:center; color:red; background:url(/jp/education/images/signup_error_top20081208.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#contact #contact_error div { position:absolute; bottom:0px; _bottom:-6px; width:211px; height:10px; background:url(/jp/education/images/signup_error_bottom20081208.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#contact #contact_thankyou { position:absolute; right:0; top:0px; width:300px; text-align:left; }
#contact #contact_submit { position:absolute; right:12px; top:1px; width:53px; height:17px; text-indent:-9999px;  background:url(/jp/education/images/signup_submit20081208.gif) no-repeat; }

/* Professional Development */
#professional-development #hero { padding-top:45px; min-height:350px; _height:350px; }
#professional-development #hero p.intro strong { color:#000; }
#professional-development #hero img.hero { float:right; margin-right:-50px; margin-left:45px; }
#professional-development #hero .callout { font-size:16px; font-weight:bold; padding:0; width:450px; margin-bottom:40px; -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 4px; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 4px; box-shadow: rgba(0,0,0,0.4) 0 1px 4px; *border:1px solid #ccc; box-shadow: rgba(0,0,0,0.4) 0 1px 6px \9; }
#professional-development #hero .callout img { float:left; margin:0 17px 0 0; }
#professional-development #hero .callout p { padding:17px 0 0px; display:block; margin-bottom:19px; *margin-bottom:10px; color:#08c; }
#professional-development #hero .callout a { width:400px; display:block; padding:13px 25px; *padding-bottom:0; }

#professional-development .sidecar { width:315px; background-color:transparent; background-position:0 50px; }
#professional-development .sidecar img { clear:left; float:left; margin-bottom:25px; margin-right:10px; }

#professional-development .sidecar p.wider { margin-right:-.5em; *margin-right:0; }

#professional-development #getting-most.grid2cola .column.first { width:57%; }
#professional-development #getting-most.grid2cola .column.first img { float:left; margin-right:20px; margin-top:4px; }
#professional-development #getting-most.grid2cola .column.last { width:326px; position:relative; }
#professional-development #getting-most.grid2cola .column.last h2 { margin-left:11px; margin-bottom:20px; }

#professional-development #featured-workshops { padding-bottom:0; }
#professional-development #featured-workshops h2 { margin-bottom:30px; }

#professional-development #featured-workshops.grid3col .column { width:31%; font-size:12px; margin-left:3.4%; _margin-top:-14px; }
#professional-development #featured-workshops.grid3col .narrow {padding-right:10px;}
#professional-development #featured-workshops.grid2col img.ipad { margin-left:120px; }
#professional-development #featured-workshops.grid2col img.special-education { margin-left:97px; }
#professional-development #featured-workshops.grid2col h3 { font-size:16px; }
#professional-development #featured-workshops.grid3col img.ipad { margin:15px 0 0 36px; }
#professional-development #featured-workshops.grid3col img.ibooks-author { margin-left:20px; }

/*
#professional-development #featured-workshops.grid3col .column { width:31%; font-size:12px; margin-left:3%; _margin-top:-14px; }
#professional-development #featured-workshops.grid3col img.ipad { margin-left:30px; }
#professional-development #featured-workshops.grid3col img.ibooks-author { margin-left:40px; }
#professional-development #featured-workshops.grid3col img.special-education { margin-left:49px; }
#professional-development #featured-workshops.grid3col h3 { font-size:16px; }
*/

#professional-development .workshops.callout { padding:0; font-size:14px; -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 4px; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 4px; box-shadow: rgba(0,0,0,0.4) 0 1px 4px; *border:1px solid #ccc; box-shadow: rgba(0,0,0,0.4) 0 1px 6px \9; }
#professional-development .workshops.callout p { margin:10px 0; color:#000; *padding-top:8px; _padding-top:0; }
#professional-development .workshops.callout a { padding:1em 25px; *padding-bottom:0; _padding-bottom:1em; display:block; overflow:hidden; }
#professional-development .workshops.callout a p { text-decoration:none; }
#professional-development .workshops.callout a:hover { text-decoration:none; _text-decoration:underline; }
#professional-development .workshops.callout a:hover p em { text-decoration:underline; }
#professional-development .workshops.callout img.left { margin-bottom:0; _position:relative; _z-index:5; }
#professional-development .workshops.callout a p em { font-style:normal; color:#08c; }

/* shop: contracts */
body.contracts #main { background-color:#fff; }
body.contracts #main #hero { position:relative; margin:0 0 22px; padding-top:40px; padding-bottom:30px; border-bottom:1px solid #eee; min-height:180px; _height:180px; }
body.contracts #main #hero h2,
body.contracts #main #hero h3 { border:0; font-weight:normal; display:block; }
body.contracts #main #hero h2 { padding-bottom:0; margin-bottom:0; margin-top:50px; *margin-top: 85px; font-size:30px; color:#000; }
body.contracts #main #hero h3 { font-size:23px; color:#666; }
body.contracts #main #hero img.left { margin:0 83px 0 0; }
body.contracts #main span.phonenumber,
body.contracts #main .column { width: 47%; }
body.contracts #main h3.subtitle{ margin-bottom: 21px; }
body.contracts #main h3+h3 { margin-top:1em; }

body.contracts #main .callout.shadow { width: 812px; margin-bottom:1.6em; font-size:12px; line-height: 16px; padding:27px 34px 22px; }
body.contracts #main .callout.shadow h3 { margin-bottom:1em; font-weight:normal; font-size:19px; }
body.contracts #main .callout.shadow h4 { margin-bottom:0.4em; }
body.contracts #main .callout.shadow p,
body.contracts #main .callout.shadow ul { margin-bottom:1em;}
body.contracts #main .callout.shadow ul.square li { padding:0 0 4px 4px; }

body.contracts #main h3.inline, body.contracts #main p.inline { margin-bottom:0 !important; }
body.contracts ul.purchase li { font-size:14px; }
body.contracts #main p.subtext { color:#76797C; }

/* ADE
----------------------------- */
#ade #main.content { padding-bottom:0; }
#ade #main .content p { margin-bottom: 18px; }
#ade #main #title { padding:28px 0 0 0; margin:6px 0px 16px 16px; width:848px; border-bottom:1px solid #CACACA; }
#ade #main #hero { margin:0 0 20px 16px; width:848px; height:462px; position:relative; z-index:2; overflow:hidden; }
#ade #main #hero-gallery { position:relative; width:30000px; }
#ade #main #hero-gallery > img { float:left; -webkit-transform:translate3d(0,0,0); /* Add 3D transform to force hardware acceleration in order to avoid flickering issue on first interaction */ }

#ade #main .gallery::after, .gallery-view::after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
#ade #main .paddle-nav li { width:100%; position:absolute; top:0; left:0; z-index:1003; _display:none; }
#ade #main .paddle-nav li .arrow { padding:0 20px; position:absolute; top:0px; z-index:1003; display:block; height:432px; width:107px; -moz-opacity:0; opacity:0; filter: alpha(opacity=0); outline:none; z-index:1; cursor:pointer;  *background-image:url(/global/elements/blank.gif);
 -webkit-transition:.25s opacity ease-out; -moz-transition:.25s opacity ease-out; transition:.25s opacity;
}
#ade #main .paddle-nav li .arrow.prev { left:0; }
#ade #main .paddle-nav li .arrow.next { right:0; }
#ade #main .paddle-nav li .arrow.disabled { display:none; }
#ade #main .paddle-nav li .arrow:hover { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); }
#ade #main .paddle-nav li .arrow b { display:block; width:40px; height:80px; margin-top:176px; text-indent:-9999px; overflow:hidden; behavior:url(/jp/global/scripts/lib/ie7pngfix.htc); }
#ade #main .paddle-nav li .arrow b:not(:target) { padding:176px 50px\9; margin-top:0\9; } /* for IE9 */

#ade #main .paddle-nav li a.arrow,
#ade #main .gallery-view,
#ade #main .gallery-view .gallery-content { height:432px; }


@media only screen and (max-device-width:768px) {
    #ade #main .paddle-nav { display:none; } /* don't show the paddles on iOS, swipe instead */
}

#ade #main .simple-nav { bottom: 0px; left: 0px; width:100%; position:absolute; z-index:1002; overflow:hidden; text-align:center; line-height:1em; margin:0; padding:0; }
#ade #main .simple-nav li { margin:0; width:15px; height:15px; position:relative; z-index:1002; overflow:hidden; }
#ade #main .simple-nav li,
#ade #main .simple-nav li a { display:inline-block; *display:inline; zoom:1; }
#ade #main .simple-nav li a { width:15px; height:45px; position:absolute; z-index:1002; top:0; left:0; outline:none; cursor:pointer; text-indent:-9999px; background:url("/jp/global/elements/buttons/dots_08c.png") no-repeat; }
#ade #main .simple-nav li a.active { cursor:default; top:-30px; }

#ade #main #main-copy { margin:0 72px 20px; font-size:1em; line-height:1.4em; }
#ade #main #main-copy h1#innovative-title { margin: 40px 0 24px; }
#ade #main #main-copy p { margin-bottom:24px; }
#ade #main #main-copy h3 { font-size:1em; }
#ade #main-copy .grid2colf .first { width:90px; }
#ade #main-copy .grid2colf .last { width:640px; }

#ade #how-to-apply { margin:46px 74px 0; padding:40px 55px; 
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; 
	   -moz-box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; 
	        box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; 
	zoom:1; *border:1px solid #D9D9D9; background:rgb(255,255,255); /* Old browsers */
	background:-moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(242,242,242) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(242,242,242))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* IE10+ */
	background:linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(242,242,242) 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ }
#ade #main #how-to-apply h2#apply-title { margin-bottom:-1px; }
#ade #main #how-to-apply p { margin: 0 0 20px; line-height: 1.45em; }
#ade #main img.page-shadow { margin: 0 72px 60px; }
#ade #main #how-to-apply a#apply-now-button { width:90px; height:23px; display:block; border:1px solid #0E629E; border-radius: 5px; -webkit-box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; -moz-box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; box-shadow:rgba(0, 0, 0, 0.4) 0 1px 3px; text-align:center; color:white; text-decoration:none; margin:30px 1px -5px; font-size:.8em; font-weight:bold; line-height:23px; text-shadow:0px -1px 0px rgba(0,0,0,0.5); cursor:pointer;
    background: rgb(52,171,236); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(52,171,236) 0%, rgb(6,117,196) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(52,171,236)), color-stop(100%,rgb(6,117,196))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(52,171,236) 0%,rgb(6,117,196) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(52,171,236) 0%,rgb(6,117,196) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(52,171,236) 0%,rgb(6,117,196) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(52,171,236) 0%,rgb(6,117,196) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34abec', endColorstr='#0675c4',GradientType=0 ); /* IE6-9 */ }
#ade #main #how-to-apply a#apply-now-button, x:-moz-any-link { font-weight:normal; }
#ade #main #how-to-apply a#apply-now-button:not(:target) { font-weight:normal\9; }
#ade #main #how-to-apply #apply-now-button:hover { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
    background: rgb(63,159,229); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(63,159,229) 0%, rgb(21,94,189) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(63,159,229)), color-stop(100%,rgb(21,94,189))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(63,159,229) 0%,rgb(21,94,189) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(63,159,229) 0%,rgb(21,94,189) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(63,159,229) 0%,rgb(21,94,189) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(63,159,229) 0%,rgb(21,94,189) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f9fe5', endColorstr='#155ebd',GradientType=0 ); /* IE6-9 */ }
#ade #main #how-to-apply #apply-now-button:active { -webkit-box-shadow:inset 2px 2px 2px rgba(0, 0, 0, .4); -moz-box-shadow:inset 2px 2px 2px rgba(0, 0, 0, .4); box-shadow:inset 1px 1px 2px rgba(0, 0, 0, .4);
    background: rgb(16,102,179); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(16,102,179) 0%, rgb(6,117,196) 50%, rgb(0,85,166) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(16,102,179)), color-stop(50%,rgb(6,117,196)), color-stop(100%,rgb(0,85,166))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(16,102,179) 0%,rgb(6,117,196) 50%,rgb(0,85,166) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(16,102,179) 0%,rgb(6,117,196) 50%,rgb(0,85,166) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(16,102,179) 0%,rgb(6,117,196) 50%,rgb(0,85,166) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(16,102,179) 0%,rgb(6,117,196) 50%,rgb(0,85,166) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1066b3', endColorstr='#0055a6',GradientType=0 ); /* IE6-9 */ }

#ade #main #educators-grid h2#educators-title { margin-bottom:26px; }
#ade #main #educators-grid .grid3col { margin:0 2px 40px; }
#ade #main #educators-grid .grid3col.bottom { margin-bottom:53px; }
#ade #main #educators-grid .grid3col .column { margin-right:5px; }
#ade #main #educators-grid .grid3col .column.first { margin-right:5px; }
#ade #main #educators-grid .grid3col .column.last { margin-right:-16px; }
#ade #main #educators-grid h4 { margin: 5px 0 -2px; }
#ade #main #educators-grid p { color:#666; width:242px; margin:0 0 0 1px; line-height:1.4em; }

/* Profiles main page */
#story #main { width:100%; min-width:982px; margin:0 auto; }
#story #content { width:880px; margin:0 auto; padding:40px 50px 32px; }
#story .center { display:block; margin-left:auto; margin-right:auto; }

#story h2 { margin-bottom:0; margin-left:-2px; *margin-left:0; }
#story .sla h2 { margin-left:0; }
#story h3 { margin-bottom:13px; font-weight:normal; font-style:normal; color:#666; }

#story .hero p.intro { text-align: center; width: 760px; margin-right: auto; margin-left: auto; }

#story .row { margin-bottom:20px; border:1px solid #e6e6e6; background:#fafafa; }
#story .row a { display:block; padding:13px; cursor:pointer; }
#story .row a p { color:#000; }
#story .row a:hover { text-decoration:none; }
#story .row a:hover .more { text-decoration:underline; }
#story .row .column.first { width:247px; }
#story .row .column.last { width:512px; padding:6px 68px 0 0; }
#story .row .column.last p { margin-bottom:0; }

/* Profiles sub-pages */
#story .featured .column.first { width:484px; }
#story .featured .column.last { width:336px; padding:61px 0 0 0; }
#story .featured .column.last p { margin-right:17px; margin-right:0\9; padding-right:1em\9; }

.story a .image { display:block; position:relative; z-index:0; float:none; }
.story a .image img { display:block; }
.story a .image .play { position:absolute; top:63px; left:103px; z-index:1; display:block; width:40px; height:40px; background:url(/jp/education/home/images/featured_play_button_small.png) 0 0 no-repeat; background-size:40px 80px; _behavior:url(/jp/global/scripts/lib/iepngfix.htc); }
.story a:hover .image .play { background:url(/jp/education/home/images/featured_play_button_small.png) 0 -40px no-repeat; }

.story a .image .play.large { top:126px; left:205px; width:74px; height:74px; background: 0 0 no-repeat; background-size:74px 148px; _behavior:url(/global/scripts/lib/iepngfix.htc); }

/* promo footers */
.promo-tile { width:980px; margin:0 auto; word-spacing:-1px; }
.promo-tile h2 { font-size:1.1428em; line-height:1.25em; margin-bottom:7px; font-weight:bold; }/* 16px/20px */
.promo-tile p { color:#333; }
.promo-tile a { display:block;
	background:#fff;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e5e5e5));
	background:-moz-linear-gradient(100% 100% 90deg, #e5e5e5, #fff);
	background:-ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background:linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
}
.promo-tile a:hover { text-decoration:none; 
	background:#fcfcfc;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e0e0e0));
	background:-moz-linear-gradient(100% 100% 90deg, #e0e0e0, #fff);
	background:-ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
	background:linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
}
.promo-tile a:hover p .more { text-decoration:underline; }

/* pricing and vpp promo footer */
.pricing-vpp p { width:290px; margin-bottom:0; }
.pricing-vpp a { padding-top:34px; padding-left:30px; width:460px; min-height:146px; _height:146px; }
.pricing-vpp .column { width:490px; }
.pricing-vpp .column.first { width:489px; border-right:1px solid #cfcfcf; }
.pricing-vpp .column.first a { width:459px; }
.pricing-vpp img.right { margin:0; }
.pricing-vpp img.volume-puchase { margin-right:32px; }
.pricing-vpp .column.last p { width:313px; }

/* pricing footer */
.pricing img.right { margin-bottom:0; }
.pricing a { width:800px; padding:26px 80px 16px 100px; *padding-bottom:0; }

/* vpp footer */
.vpp-promo p { width:550px; }
.vpp-promo img.right { margin-top:-30px; margin-bottom:0; }
.vpp-promo a { width:800px; padding:45px 80px 20px 100px; *padding-bottom:0; }

@media screen and (max-device-width: 768px) {
	.pricing-vpp .column.first p { width:285px; }
}

/* print
----------------------------- */
@media print {
	body, #content { background: #fff; }
}