/*--- layout ---*/
html, body { background-color: #f5f6f7; }
#main { width: 980px; margin: 0 auto; }
.content { width: 980px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.35); }
/* Misc
------------------------*/
.replaced { text-indent: -1000em; overflow: hidden; height: 0; margin: 0; padding: 0; }
a.block { display: block; color: inherit; text-decoration: none; }
a.block * { cursor: pointer; }
a.block span.link,
a.block span.more { color: #08c; }
a.block span.more { white-space: nowrap; display: block; float: left; text-align: left; padding-right: 10px; background: url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; }
a.block:hover span.link,
a.block:hover span.more { text-decoration: underline; }
a.close { color: #888; display: block; float: left; padding-left: 18px; background: url(/global/elements/buttons/close.png) no-repeat 0 0; text-decoration: none; text-transform: lowercase; }
a.close:hover { color: #08c; background-position: 0 -50px; }
a.close.right { float: right; padding-right: 18px; padding-left: 0; background-position: 100% 0; text-transform: none; }
a.close.right:hover { background-position: 100% -50px; }
a.close.dark { color: #fff; background-image: url(/global/elements/buttons/close_dark_bg.png); }
a.close.dark:hover { color: #00a2ff; background-image: url(/global/elements/buttons/close_dark_bg.png); }
.right { float: right; }
.left { float: left; }
/* Promos
------------------------*/
.promo h2 { color: #000; font-weight: normal; margin-bottom: .25em; }
.promo p { color: #777; }
/* Showcase
------------------------*/
#showcase { margin-bottom:10px; }
#showcase .content { float:left; width:320px; height:210px; padding:0; color:#888; }
#showcase .content h2 { font-size:1.2em; font-weight:bold; }
#showcase .promo-lead,
#showcase .promo-lead a { float:none; width:980px; height:410px; margin:0 0 8px; }
#showcase .promo-lead { position:relative; }
#showcase .promo-lead a { display:block; }
#showcase .promo-lead .shuffle img { margin-top:-18px; }
#showcase .promos { margin-right: -2px; margin-bottom: 10px; zoom: 1; }
#showcase .promos:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#showcase .promos a { margin-bottom: 0; margin-left: 10px; *margin-left: 8px; }
#showcase .promos a.first { margin-left: 0; }
#showcase .content img { display:block; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; }
/* footer
------------------------*/
#globalfooter { margin-top: 12px; }
#globalfooter .sosumi { margin-top: 8px; }
#globalfooter p.sosumi { float: right; width: 540px; margin: -4.4em 0 0; color: #888; line-height: 1.4em; text-align: right; }
/* Buy Strip
------------------------*/
#buystrip { margin: 0 auto; _height:156px; _overflow:hidden; position:relative; }
#buystrip img { clear: none; }
#buystrip .column p { width: 155px; }
#buystrip .column.first { height:136px; padding-top:25px; position: relative; }
#buystrip .column.first h2 { width:96px; margin: -6px 10px 0 10px; font-weight: normal; position: relative; z-index: 1; }
#buystrip .column.first .right { margin: -15px 0 -140px 0; _position: relative; *z-index: 1; }
#buystrip .column.last p { width: 175px; }
#buystrip #comparison { position:absolute; padding-top:13px; bottom:10px; width:221px; }
#buystrip #comparison .family { margin:-8px 18px -10px 10px; }
/* pill buttons */
#main a.pillbutton { display: inline-block; position: relative; padding-right: 43px; font-size: 15px; line-height: 1.3em; color: #fff; text-decoration: none; outline: none; z-index: 2; }
#main a.pillbutton span,
#main a.pillbutton b { display: block; width: auto; padding: 15px 0; text-align: left; }
#main a.pillbutton span { padding-right: 8px; padding-left: 25px; background: url(/global/elements/buttons/pillbevel_leftcap.png) no-repeat 0 50%; _background-image: url(/global/elements/buttons/pill_leftcap.gif); }
#main a.pillbutton b { position: absolute; width: 43px; top: 0; right: 0; text-indent: -9999px; background: url(/global/elements/buttons/pillbevel_rightcap.png) no-repeat 0 50%; _background-image: url(/global/elements/buttons/pill_rightcap.gif); }
#main a.pillbutton:hover,
#main a.pillbutton:hover *,
#main a.pillbutton:focus { color: #e6e6e6; }
#main a.pillbutton, x:-moz-any-link { display: block; width: 8.5em; margin: 0 auto; } /* this is for firefox2 because it's dumb when it comes to inline-block */
#main .endState a.pillbutton, x:-moz-any-link { width: 16em; } /* this is for firefox2 because it's dumb when it comes to inline-block */
#main a.pillbutton, x:-moz-any-link, x:default,
#main .endState a.pillbutton, x:-moz-any-link, x:default { display: inline-block; width: auto; } /* firefox3 reset */