html, body { background:#f2f2f2; }

#main { width:100%; min-width:982px; margin:0 auto; position:static; }
#main .content { width:880px; margin:0 auto 18px; padding:60px 50px 32px; zoom:1; }
#main .content .content { width:auto; padding:0; }
.content:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

/* fonts */
.content { font-size:1.167em; line-height:1.4285em; word-spacing:-1px; } /* 14px/20px */
.content h1 { font-size:1.7142em; line-height:1.1666em; margin-bottom:10px; font-weight:normal; } /* 24px/28px */
.content h1.headline { font-size:2em; line-height:1.2142em; letter-spacing:-1px; }/* 28px/34px */
.content h1.headline i { display:block; color:#898989; font-style:normal; }
.content h1.headline i.inline { display:inline; }

.content h2 { font-size:1.1428em; line-height:1.25em; margin-bottom:7px; }/* 16px/20px */
.content h3 { font-size:1em; margin-bottom:7px; } /* 14px/20px */
.content h4 { font-size:1em; margin-bottom:0; }

.content .small { font-size:.8571em; line-height:1.5em; } /* 12px/18px */

.content p.intro { font-size:1.2857em; line-height:1.3888em; } /* 18px/24px */

.content figcaption { color:#666; }

.content .hero h1 { margin-bottom:10px; }
.content .hero hgroup { padding-bottom:32px; }

/* layout */
.content .column { display:inline; }

.content .left { float:left; }
.content .right { float:right; }
.content .center { margin-right:auto; margin-left:auto; text-align:center; }

.content .padtop { padding-top:60px; }
.content .flushtop { margin-top:-60px; _position:relative; }

.content .padbottom { padding-bottom:32px; }

.content .flushpad,
.content .padright { padding-right:50px; }

.content .flushpad,
.content .padleft { padding-left:50px; }

.content .flushpad,
.content .flushright { margin-right:-50px; _position:relative; }

.content .flushpad,
.content .flushleft { margin-left:-50px; _position:relative; }

.content .row { padding-top:50px; padding-bottom:32px; }
.content .row.last-child { padding-bottom:0; }

.content .paddleft { padding-left:100px; }
.content .paddright { padding-right:100px; }

/* images */
.content img.flushtop,
.content img.flushbottom,
.content img.flushright,
.content img.flushleft { _position:relative; _zoom:1; }

.content img.flushtop { margin-top:-50px; }
.content img.flushbottom { margin-bottom:0; }
.content img.flushright { margin-right:-50px; }
.content img.flushleft { margin-left:-50px; }

.content img.center { display:block; margin-left:auto; margin-right:auto; }
.content img.relative { _position:relative; }

.content h1 img,
.content h2 img { display:block; margin:0; }

.content a { cursor:pointer; }
.content a.block { color:#333; }
.content a.learn { display:block; float:left; margin:-28px 0 42px; text-align:left; }
.content a.learn:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.content a.wrap { text-decoration:none; }
.content a.wrap:hover span { text-decoration:underline; cursor:pointer; }
.content a.morelarge { padding-right:12px; background:url(/global/elements/arrows/morearrow_big_08c.gif) no-repeat 100% 50%; }
@media only screen {
	.content a.morelarge { background-image:url(/global/elements/arrows/morearrow_big_08c.svg); }
}

/* aesthetic */
.content .shadow { border:1px solid #ccc; -webkit-box-shadow:0 1px 4px rgba(0,0,0,.4); -moz-box-shadow:0 1px 4px rgba(0,0,0,.4); box-shadow:0 1px 4px rgba(0,0,0,.4); }
.content .inset { border:1px solid #ccc; -webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.4); -moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.4); box-shadow:inset 0 1px 4px rgba(0,0,0,.4); }

.content .shadow:nth-child(1n),
.content .inset:nth-child(1n) { border:none; }

.gradient {
	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background:-moz-linear-gradient(top, #fff, #f2f2f2);
}

.content .divider-down { margin-right:-50px; margin-left:-50px; padding-right:50px; padding-left:50px; background:url(/education/images/bg_gradient_down.jpg) 0 0 no-repeat; }

/* product header */
#productheader h2 a { width:237px; text-indent:0; }
#productheader li a { text-shadow:#fff 0 1px 0; -webkit-transition:color 0.1s linear; -moz-transition:color 0.1s linear; transition:color 0.1s linear; }
#productheader ul li a { margin-left:24px; }

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

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


/* Footers
------------------------*/
/* sosumi */
.sosumi { width:940px; margin:18px auto; padding:0 20px; }
.sosumi a { color:#333; }
.sosumi ol { margin:0; padding-right:21px; padding-left:21px; }
.sosumi ul { margin:0; }
.sosumi li { padding-bottom:5px; }
.sosumi p { margin:0; padding-bottom:5px; }
ol.sosumi { width:911px; margin:18px auto; }


/* Page Specific
------------------------*/

/* volume purchase program */
#overview .content { padding-bottom:0; }
#overview .content, #faq .content { position:relative; }

#overview .content .divider-down { width:880px; padding-top:42px; }

#overview .hero .column.first { width:432px; }
#overview .hero p.intro { margin-bottom:50px; }
#overview .hero .get-started { margin-bottom:50px; }
#overview .hero a.morelarge { float:left; font-size:16px; }
#overview .hero a.faq { float:right; margin-right:28px; }
#overview .hero img.right { margin-top:-12px; }

#overview .shelf-wrap { width:880px; margin:10px 0 -17px -50px; padding:50px 50px 0 50px; background:url(/v/education/volume-purchase-program/a/images/overview_shelf_down.jpg) no-repeat 0 0; }
#overview .steps .column { width:268px; margin-top:-20px; margin-left:23px; padding-top:30px; padding-right:15px; background:url(/v/education/volume-purchase-program/a/images/overview_steps_divider.jpg) no-repeat 100% 0; }
#overview .steps .column.last { padding-right:0; background:none; }
#overview .steps .column.step1,
#overview .steps .column.step2 { min-height:363px; _height:363px; }
#overview .steps img.step { margin-bottom:12px; }
#overview .steps h3 { font-size:14px; }
#overview .steps .push-up { margin-top:-10px; }
#overview .steps li.last { padding-top:8px; }

#faq .hero h1 img { margin-top:10px; }
#faq .hero p.intro { margin-bottom:0px; padding-top:3px; color:#333; }
#faq .hero img.right { position:absolute; top:44px; right:0; }
#faq .hero .column.first { width:620px; }
#faq .features { width:575px; margin:18px 0 50px; padding:12px 21px 10px; border:1px solid #e5e4e4; background:#fcfcfc; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
#faq .features h4 { margin-bottom:6px; font-weight:normal; }
#faq .features a { display:block; padding-bottom:2px; _position:relative; _zoom:1; }
#faq .btt { position:absolute; top:-57px; right:10px; padding-right:10px; color:#08c; background:transparent url(/global/elements/arrows/uparrow_08c.gif) no-repeat scroll 100% 50%; }
#faq .grid2col { position:relative; }
#faq .grid2col h2 { margin-bottom:30px; padding:30px 0 5px; font-size:24px; border-bottom:1px solid #e5e5e5; }
#faq .grid2col .column { position:relative; }