#header { padding:0 0 1em; }

#main.full { background:url(/images/main_full_bgmiddle.png) repeat-y left top; }
/*\*/ *html #main.full { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/membership/images/main_full_bgmiddle.png', sizingMethod='scale'); } /**/
#content { width:750px; margin:0 0 5px 0; padding:0; float:none; }


#main h2 { color:#54657b; font-size:18px; font-weight:normal; line-height:1.5em; margin-top:1.8em; margin-bottom:.4em; }
#main h3 { color:#3d3d3d; font-size:13px; margin-bottom:.3em; }
#main h3 span.price { display:block; color:#7b7b7b; }
#main h4 { color:#626262; font-size:11px; margin-bottom:.3em; }

#main a.jump { display:block; background:url(/images/bullet_arrow_blue.gif) no-repeat left .5em; padding-left:11px; margin-bottom:1em; }
#main p { margin-bottom:1.6em; }
#main p.last { margin-bottom:.3em; }
#main strong { color:#373737; }

#main p.learnmore { line-height:1.2em; }
#main p.learnmore.oneline { margin-top:8px; }
#main p.learnmore strong.price { display:block; text-indent:-.2em; }


/****** boxes ************************/
#main div.box { width:770px; padding:0; margin:0 -10px; background:url(/images/box_bgmiddle.gif) repeat-y; border:none; position:relative; }
#main div.box h2 { padding:0; background:none; margin:0 0 .4em 0; font-size:18px; border:none; }
#main div.box .topcap { height:8px; margin:0 0 16px 0; background:url(/images/box_bgtop.gif) no-repeat; }
#main div.box .bottomcap { padding:0 30px 12px 30px; margin:0; background:url(/images/box_bgbottom.gif) no-repeat left bottom; }

#content h2.benefits, #content h2.first { margin-top:.8em; }
#main div.benefits, #main div.wwdc, #main div.membership { padding:0; margin:0 -10px 1.8em -10px; background:url(/images/box_bgmiddle_shadow.gif) repeat-y; }
#main div.benefits .topcap, #main div.wwdc .topcap, #main div.membership .topcap { height:8px; margin:0 0 16px 0; background:url(/images/box_bgtop_shadow.gif) no-repeat; }
#main div.benefits .bottomcap, #main div.wwdc .bottomcap, #main div.membership .bottomcap { padding:0 30px 12px 30px; margin:0; background:url(/images/box_bgbottom_shadow.gif) no-repeat left bottom; }
#main div.benefits .subcolumn1-2, #main div.benefits .subcolumn2-2 { width:275px;; }

#main div.subcolumn-3 { background-image:url(/images/box_bgmiddle_subcolumn-3.gif); }
#main div.subcolumn-3 .topcap { margin-bottom:10px; background-image:url(/images/box_bgtop_subcolumn-3.gif); }
#main div.subcolumn-3 .bottomcap { padding-right:22px; padding-left:22px; background-image:url(/images/box_bgbottom_subcolumn-3.gif); }
#main div.subcolumn-3 h3 { margin-bottom:1em; }
#main div.subcolumn-3 p.learnmore { float:right; margin:.8em 0; }
#main div.subcolumn-3 .subcolumn1-3, #main div.subcolumn-3 .subcolumn2-3, #main div.subcolumn-3 .subcolumn3-3 { width:216px; margin:0; }
#main div.subcolumn-3 .subcolumn1-3 { margin-right:40px; }
#main div.subcolumn-3 .subcolumn3-3 { float:right; }

/****** lists ************************/
ul li { line-height:1.3em; }
ul.disc li { background:url(/images/bullet.gif) no-repeat left .6em; padding-left:9px; }

ul.expandcollapse li a.expand { display:block; color:#767c79; text-decoration:none;  background:url(/images/bullet_arrow.gif) no-repeat left .5em; padding-left:11px; }
ul.expandcollapse li a.collapse { display:block; color:#000; text-decoration:none;  background:url(/images/bullet_arrow_collapse.gif) no-repeat left .5em; padding-left:11px; }
ul.expandcollapse li a:hover { color:#000; text-decoration:underline; }
ul.expandcollapse li span.detail { display:block; padding:.3em 0 .5em 11px; margin:0; font-size:10px; }


/****** add to cart ******************/
.addtocart, .joinnow { float:right; margin:2px 0 1em 15px; }
.benefits .addtocart, .benefits .joinnow { margin-top:-5px; }
#main div.benefits .subcolumn1-2 .addtocart, #main div.benefits .subcolumn2-2 .addtocart, #main div.benefits .subcolumn1-2 .joinnow, #main div.benefits .subcolumn2-2 .joinnow { float:left; margin:1px 10px 1em 0; }
#main #content .wwdcpasses .addtocart, #main #content div.benefits .wwdcpasses .addtocart, #main #content .wwdcpasses .joinnow, #main #content div.benefits .wwdcpasses .joinnow { float:none; margin:0 0 .6em 0; }

.addtocart_popup { z-index:200; position:relative; text-align:left; }
#main #content .wwdcpasses .addtocart_popup, #main #content div.benefits .wwdcpasses .addtocart_popup { left:-20px; }
.addtocart_overlay_topcap { width:235px; height:16px; top:-16px; right:-80px; background:url(/images/addtocart_overlay_bgtop.png) no-repeat left top; position:absolute; behavior:url(/main/js/iepngfix.htc); }
.addtocart_overlay { width:189px; height:65px; padding:6px 23px 28px 23px; top:0px; right:-80px; color:#454545; font-size:10px; line-height:1.2em; background:url(/images/addtocart_overlay_bgmiddle.png) no-repeat left top; position:absolute; behavior:url(/main/js/iepngfix.htc); }
.addtocart_overlay_bottomcap { width:235px; height:10px; top:94px; right:-80px; background:url(/images/addtocart_overlay_bgbottom.png) no-repeat left bottom; position:absolute; behavior:url(/main/js/iepngfix.htc); }
.addtocart_overlay .ok { display:block; width:31px; height:11px; right:18px; bottom:8px; background:url(/images/btn_ok.gif) no-repeat; text-indent:-99999px; position:absolute; }


/****** wwdc div only ****************/
#main #content .wwdc .wwdcbadge { margin:-30px 15px -33px -72px; position:relative; }
#main #content .benefits .wwdcbadge { margin:-30px 15px -33px -206px; position:relative; }

#main #content .wwdcpasses { width:570px; float:right; padding:0 3px; margin:0 0 1.4em 0; background:url(/images/box_bgmiddle_wwdc.gif) repeat-y; } 
#main #content .box .wwdcpasses .topcap { height:5px; margin:0 -3px .6em; background:url(/images/box_bgtop_wwdc.gif) no-repeat left top; }
#main #content .box .wwdcpasses .bottomcap { height:5px; margin:-.4em -3px 0; background:url(/images/box_bgbottom_wwdc.gif) no-repeat left bottom; } 
#main #content .wwdcpasses h3 { font-size:11px; margin:.08em 0 1em 0; }
#main #content .wwdcpasses h3 span.moreinfo { font-size:10px; display:block; color:#7b7b7b; }
#main #content .wwdcpasses p { font-size:10px; margin:.8em 0 0; }

#main #content .wwdcpasses div.clear { clear:both; }

#main #content .wwdcpasses .subcolumn1-2, #main #content .wwdcpasses .subcolumn2-2, #main #content div.benefits .wwdcpasses .subcolumn1-2, #main #content div.benefits .wwdcpasses .subcolumn2-2 { width:306px; text-align:center; margin-bottom:-1px; }
#main #content .wwdcpasses .subcolumn1-2, #main #content div.benefits .wwdcpasses .subcolumn1-2 { width:254px; }
#main #content .wwdcpasses .subcolumn1-2 .subcolumn1-2, #main #content .wwdcpasses .subcolumn1-2 .subcolumn2-2, #main #content div.benefits .wwdcpasses .subcolumn1-2 .subcolumn1-2, #main #content div.benefits .wwdcpasses .subcolumn1-2 .subcolumn2-2 { width:126px; margin:0; }
#main #content .wwdcpasses .subcolumn2-2 .subcolumn1-2, #main #content .wwdcpasses .subcolumn2-2 .subcolumn2-2, #main #content div.benefits .wwdcpasses .subcolumn2-2 .subcolumn1-2, #main #content div.benefits .wwdcpasses .subcolumn2-2 .subcolumn2-2 { width:152px; margin:0; }
#main #content .wwdcpasses .subcolumn1-2 .subcolumn2-2 { border-left:1px solid #cfcfcf; }
#main #content .wwdcpasses .subcolumn2-2 .subcolumn1-2 { border-right:1px solid #cfcfcf; }

#main #content .wwdc p.sosumi { margin-left:133px; }


/****** index only *******************/

#main #content div.wwdc p.intro { font-weight:normal; }
#main div.wwdc .bottomcap, #main div.membership .bottomcap { padding-left:30px; }

img.leopardearlystartkit { margin-right:-10px; margin-left:-10px; position:relative; }

#main div.membership h3 { padding-bottom:.3em; margin-bottom:1em; border-bottom:1px solid #c9c9c9; }
#main div.membership .subcolumn1-2, #main div.membership .subcolumn2-2 { width:347px; }

#main div.membership .subcolumn1-2.premier, #main div.membership .subcolumn2-2.select { width:207px; padding-left:140px; }
#main div.membership .subcolumn1-2.premier h3, #main div.membership .subcolumn2-2.select h3, #main div.membership .subcolumn1-2.premier img.left, #main div.membership .subcolumn2-2.select img.left { margin-left:-140px; }

#main div.membership img.new { float:left; margin:-20px 4px 0 -175px; position:relative; }
#main div.membership p.sosumi { line-height:1.5em; }

#main div.membership .addtocart, #main div.membership .joinnow { float:left; margin:2px 15px 4em 0; }


/****** print ************************/
@media print {
	body { font-size:11px; line-height:1.5em; background:#fff; }
	a:link, a:visited, a:active, a:hover { color:#000; text-decoration:underline; }
	#adcheader, .topcorners, .bottomcorners { display:none; }
	
	#main.full, #content { background:#fff; }

	#main a.jump, a.learnmore, a.compare, span.linkseparator { display:none; }
	#main strong { color:#000; }
	
	#main div.box, #main div.benefits, #main div.wwdc, #main div.membership, #main div.subcolumn-2 { background:none; }
	#main div.box .topcap, #main div.benefits .topcap, #main div.wwdc .topcap, #main div.membership .topcap, #main div.subcolumn-2 .topcap { display:none; background:none; }
	#main div.box .bottomcap, #main div.benefits .bottomcap, #main div.wwdc .bottomcap, #main div.membership .bottomcap, #main div.subcolumn-2 .bottomcap { background:none; }
	
	ul.disc li { background:none; list-style:disc inside; text-indent:-12px; }
	
	ul.expandcollapse li { list-style:square inside; text-indent:-12px; }
	ul.expandcollapse li a.expand, ul.expandcollapse li a.collapse, ul.expandcollapse li a:hover { background:none; color:#000; text-decoration:none; }
	ul.expandcollapse li span.detail { display:block; text-indent:0; }
	
	.addtocart, .benefits .addtocart, .box.subcolumn3 .addtocart, #main div.wwdc .wwdcpasses .addtocart { display:none; }
	
	#footer { border:none; }
}


/****** IE ***************************/
img { behavior:url(/main/js/iepngfix.htc); }