/*
----------------------------------------------------
Author: Phil Burrows
Date:   13 May 2010
Site:   http://www.vitalsource.com
----------------------------------------------------
*/

body    { margin: 0; text-align: center; background: #000; font-family: 'Lucida Grande', 'Helvetica Nueu', Arial, Helvetica, sans-serif;
          font-size: 12px; line-height: 18px; text-shadow: 1px 1px 2px #e2e2e1; color: #333; min-height: 100%; min-width: 950px; }


/* @group layout */
div.content             { width: 950px; width: 950px; text-align: left; margin: 0 auto; }
div.section             { padding: 36px 0; }
div.main                { width: 640px; float: left; }
div.sub                 { margin-left: 640px; padding-left: 40px; }
div.article             { margin: 0 110px 0 480px; }
div.aside               { float: left; margin-left: 110px; width: 360px; }
#wrapper                { min-width: 950px; }
/* @end layout */

/* @group typography */
h1, h2, h3, h4, h5, h6      { text-shadow: none; font-family: 'FontinSans', 'Lucida Grande', Arial, sans-serif; font-weight: bold; text-align: left; }
h1#company                  { /*text-indent: -999em;*/ width: 150px; height: 36px; /*background: #000 url(/images/new/logo.jpg) no-repeat left center;*/ }
h1#company a                { display: block; text-indent: -999em; width: 150px; height: 36px; background: #000 url(/images/new/logo.jpg) no-repeat left center; }
body.minor h3               { font-size: 18px; line-height: 27px; margin-bottom: 9px; border-bottom: 1px solid #d5d6d7; font-weight: normal; }
h3.section_heading          { text-align: center; background: #000 url(/images/new/headline_bkgd.jpg) repeat-x center bottom; border: 1px solid #64676a; border-right: none; border-left: none; font-weight: bold; color: #efefef; }
a                           { text-decoration: none; text-shadow: none; color: #ed8500; font-family: 'FontinSans', 'Lucida Grande', 'Helvetica Nueu', Arial, Helvetica, sans-serif; }
#content_wrapper a          { font-size: 1.1667em; }
a:hover                     { color: #d97500; }
a.more                      { white-space: nowrap; font-size: 12px; background: transparent url(/images/new/arrow_head.png) no-repeat right center; padding-right: 10px; font-family: 'FontinSans', 'Lucida Grande', Arial, sans-serif; color: #fff; }
a.more span                 { white-space: nowrap; padding: 0 3px; /*border: 1px solid #ffbd4c; border-bottom-color: #d97500; border-left-color: #d97500; border-right: none;*/ background: #ed8500; }
p                           { margin-bottom: 1.5em; }
em, strong                  { padding: 0 0.2em; margin: 0 -0.2em; }
strong                      { background: #fefdd9; font-weight: bold; }
strong.no-highlight         { background: none; }
sup                         { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom: 1ex; font-size: 0.75em; }
h1 sup, h2 sup, .minor h4 sup { font-size: .5em; }
h1 sup, h2 sup, h3 sup,
h4 sup, h5 sup, h6 sup { font-family: 'Lucida Grande', Arial, sans-serif; font-weight: normal; }
em                          { background: #e4f5fd; }
em.minor                    { background: #fefdd9; }
em.major                    { font-weight: bold; }
small                       { font-size: 0.75em; color: #999; }
span.amp                    { font-family: 'Palatino', 'Goudy Old Style', 'Book Antiqua', serif !important; font-style: italic !important; font-weight: normal !important; font-size: 1.3em;}
#top div.article ul         { list-style: disc; margin-bottom: 18px; }
/* @end typography */

/* @group header */
#header_wrapper             { background: #000; height: 36px; border-bottom: 1px solid #64676a; }
#header_wrapper h1          { float: left; line-height: 36px; }
#header_wrapper ul li       { float: right; margin-right: 40px; line-height: 36px; }
#header_wrapper ul li a     { display: block; height: 36px; text-transform: uppercase; background: none; color: #eee; }
#header_wrapper ul li.first { margin-right: 0; }
#header_wrapper ul a.active span  { padding: 2px 0px 2px 6px; background: transparent url(/images/new/active_link_left.png) no-repeat left center; }
#header_wrapper ul a.active       { padding-right: 5px; background: transparent url(/images/new/active_link_right.png) no-repeat right center; }
/* @end header */

/* @group top */
#top_wrapper                { background: #fff url(/images/new/orange_bkgd.jpg) repeat-x top center; border-top: 1px solid #efefef; }
#top                        { position: relative; }
body.minor #top             { padding: 18px 0; }
#top h2                     { text-align: left; font-size: 26px; line-height: 36px; font-weight: bold; }
#top h1                     { text-align: left; font-size: 30px; line-height: 36px; font-weight: bold; }
#top h2.long                { font-size: 22px; }
body.minor #top h2          { font-style: italic; }

  /* @group carousel */
.carousel                         { overflow: hidden; position: relative; min-height: 18em; margin-left: 40px; margin-right: 40px; }
.carousel ul.carousel_items       { width: 999em; position: absolute; left: 0; top: 0; }
.carousel ul.carousel_items li    { width: 950px; float: left; }

.carousel_wrapper .carousel_navigation a              { display: block; position: absolute; width: 20px; height: 25px; margin-top: -14px; text-indent: -999em; overflow: hidden; background: transparent url(/images/new/nav_arrows.png) no-repeat; }
.carousel_wrapper .carousel_navigation li.next a      { background-position: top right; right: 0; top: 45%; }
.carousel_wrapper .carousel_navigation li.next a:hover{ background-position: bottom right; }
.carousel_wrapper .carousel_navigation li.prev a      { background-position: top left; left: 0; top: 45%; }
.carousel_wrapper .carousel_navigation li.prev a:hover{ background-position: bottom left; }

.carousel_wrapper                                           { position: relative; padding-bottom: 18px; }
.carousel_wrapper .carousel_bubble_navigation               { position: absolute; bottom: 0; left: 50%; text-align: center; }
.carousel_wrapper .carousel_bubble_navigation li            { margin-left: 9px; float:left; text-indent: -999em; }
.carousel_wrapper .carousel_bubble_navigation li a          { display: block; width: 14px; height: 14px; background: transparent url(/images/new/bubble_off.png) no-repeat top right; }
.carousel_wrapper .carousel_bubble_navigation li.current a  { background-image: url(/images/new/bubble_on.png); }
.carousel_wrapper .carousel_bubble_navigation li.first      { margin-left: 0; }

#top .carousel_wrapper div.article    { margin: 0 110px 0 440px; }
#top .carousel_wrapper div.aside      { margin-left: 70px; }
  /* @end carousel */
/* @end top */

/* @group middle */
#middle_wrapper h3.section_heading  { line-height: 54px; font-size: 36px; font-style: italic; }
#middle_wrapper                     { background: #fff url(/images/new/bkgd_colors.jpg) repeat-x center -100px; }
body.minor #middle_wrapper          { background: #f0f0f2 url(/images/new/grainy_grey.jpg) repeat top center; border-top: 1px solid #ccc; }

#middle                             { padding: 36px 0; border-top: 1px solid #efefef; }
#middle div.aside                   { margin-left: 0px; width: 320px; }
#middle div.article                 { margin-right: 0px; margin-left: 360px; }
#middle div.article h4              { font-size: 18px; line-height: 27px; margin-bottom: 9px; border-bottom: 1px solid #d5d6d7; }
#middle ul.talking_points li        { width: 300px; float: left; margin-left: 20px; }
#middle ul.talking_points li.first  { margin-left: 0; }
#middle ul.talking_points h4        { text-align: left; font-size: 18px; font-weight: normal; display: inline; padding-right: .25em; }
#middle ul.talking_points .header   { padding-right: 10px; line-height: 27px; border-bottom: 1px solid #d5d6d7; margin-bottom: 9px; }
#middle ul.talking_points .desc     { margin-left: 100px; }
#middle ul.talking_points li img    { float: left; }

#iphone_app #middle ul.talking_points li li { width: 300px; margin-bottom: 10px; }

#middle ul.two li                   { width: 455px; }
#middle ul.two li .desc             { margin-left: 120px; }
#iphone_app #middle ul.two li.first .desc { margin-left: 80px; }

#bookshelf #middle ul.talking_points li         { width: 280px; }
#middle ul.talking_points li#online_explain     { margin-left: 10px; width: 345px; }
#middle ul.talking_points #online_explain .desc { margin-left: 140px; }
#middle ul.talking_points #mobile_explain       { margin-left: 15px; }

/* @end middle */

/* @group bottom */
#bottom_wrapper div.aside         { margin-left: 0px; width: 320px; }
#bottom_wrapper div.article       { margin-right: 20px; margin-left: 340px; }

#bottom_wrapper                   { background: #fff url(/images/new/bottom_bkgd_repeating.jpg) repeat-y center top; }
#iphone_app #bottom_wrapper       { background: #fff url(/images/new/iphone_release/bottom_bkgd_repeating_release.png) repeat-y center top; }
#bottom_middle_wrapper            { background: transparent url(/images/new/bottom_bkgd.jpg) no-repeat center top; }
#iphone_app #bottom_wrapper #bottom_middle_wrapper { background: transparent url(/images/new/iphone_release/bottom_bkgd.jpg) no-repeat center top; }
#bottom_inner_wrapper             { background: transparent url(/images/new/headline_bkgd.jpg) repeat-x center -17px; border-top: 1px solid #64676a; }
body.minor #bottom_inner_wrapper  { background: none; border-top: 1px solid #ccc; padding-top: 36px; }
#bottom_wrapper .section          { padding-top: 0; }
#bottom h3.section_heading        { font-size: 24px; line-height: 36px; font-weight: normal; border: none; margin-bottom: 36px; }
#bottom .main h3                  { border-left: none; }
#bottom .sub h3                   { border-right: none; margin-left: -40px; margin-right: -40px; }
#bottom .main .features li        { width: 280px; float: left; margin-left: 40px; margin-bottom: 18px; }
#bottom .main .features li h4     { font-size: 16px; line-height: 27px; margin-bottom: 9px; border-bottom: 1px solid #d5d6d7; text-align: left; font-weight: normal; }
#bottom .main .features li.first,
#bottom .main .features li.third  { margin-left: 0; clear: left; }

a.download                        { width: 100px; height: 36px; display: block; float: left; text-indent: -999em; overflow: hidden; border: none; }
a.download_windows                { background: transparent url(/images/new/windows_download.gif) no-repeat left center; }
a.download_mac                    { background: transparent url(/images/new/macosx_download.gif) no-repeat left center; }
.download_wrapper p.mini_info     { margin-left: 120px; }
.download_wrapper p.mini_info span.size { display: block; font-size: 10px; white-space: nowrap;}

#system_requirements h4              { text-align: center; font-size: 14px; line-height: 36px; margin-bottom: 18px; border: 1px solid #d5d6d7; border-left: none; border-right: none; white-space: nowrap; }
#system_requirements h5              { font-size: 13px; line-height: 18px; text-align: left; }
#system_requirements ul              { list-style: disc; margin-bottom: 18px; }
/* @end bottom */

/* @group footer*/
#footer_wrapper               { background: #000; padding: 18px 0; color: #888; text-shadow: none; }
#footer_links                 { font-style: italic; text-align: center; }
#footer_links li              { display: inline; padding: 0 1em; }
#footer_links li a            { padding: 0 1em 0 2em; color: #888; font-size: 12px; text-decoration: none; border: none; font-weight: normal; background: none; }
#footer_links li a:hover      { color: #555; }
#footer_links li:before       { content: " • "; font-style: normal; }

#footer_links li.first        { padding-left: 0; }
#footer_links li.first a      { padding-left: 0; }
#footer_links li.first:before { content: ""; }

#footer_links li.last         { padding-right: 0; }
#footer_links li.last a       { padding-right: 0; }
/* @end footer */

/* @group accessibility */
body#accessibility table            { margin: 18px 0; width: 100%; }
body#accessibility table caption    { font-size: 16px; font-weight: bold; line-height: 24px; }
body#accessibility thead th         { font-weight: bold; border: 2px solid #777; border-right: none; border-left: none; padding: 9px 0; text-align: center; }
body#accessibility table .criteria  { width: 50%; }
body#accessibility table .features,
body#accessibility table .remarks   { width: 25%; }
body#accessibility table td         { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
body#accessibility table .remarks   { border-right: none; }
body#accessibility table td p       { margin: 18px 10px; }
/* @end accessibility */

/* @group publishers */
.minor #main_content_wrapper ul               { list-style: disc; margin-left: 40px; margin-bottom: 18px; }
#publishers #middle .talking_points li        { width: 300px; margin-left: 25px; }
#publishers #middle .talking_points li.first  { margin-left: 0; }
#publishers #middle .talking_points li h4     { font-size: 16px; }
/* @end publishers */

/* @group vcard */
div.vcard                     { margin-bottom: 1.5em; }
/* @end vcard */

/* @group dmca */
body#dmca #main_content_wrapper ul    { list-style: disc; margin-left: 40px; }
body#dmca #main_content_wrapper ul li { margin-bottom: 9px; }
/* @end dmca */

/* @group iPhone */
table.device_support                  { width: 100%; }
/*#bottom_wrapper div.sub table.device_support { width: 175%; }*/
table.device_support th               { background: #ee8d10; border-bottom: 1px solid #000; text-shadow: none; font-weight: bold; }
table.device_support td               { border-right: 1px solid #d5d6d7; border-bottom: 1px solid #d5d6d7; }
table.device_support td,
table.device_support th               { padding-bottom: 9px; padding-top: 9px; vertical-align: middle; }
table.device_support th.feature span  { visibility: hidden; }
table.device_support .feature         { text-align: left; padding-left: 10px; }
table.device_support .device          { text-align: center; }
table.device_support .complete td.device { font-size: 16px; }

table.device_support td.ipad          { border-right: none; }

/* @end iPhone*/

/* @groud downloads */
table.download_chooser                { width: 100%; }
table.download_chooser td             { vertical-align: middle; }
table.download_chooser td.num         { width: 40px; font-size: 54px; color: #ccc; }
table.download_chooser td.action      { text-align: center; }
table.download_chooser tr.second td   { padding-top: 36px; }
table.download_chooser .release_box   { margin: 0px 120px; padding: 18px 40px; text-align: left; background: #fff url(/images/new/orange_bkgd.jpg) repeat-x left top; border: 1px solid #ccc; }
table.download_chooser .release_box h3{ font-size: 16px; }
table.download_chooser .release_box ul,
table.download_chooser .release_box li{ list-style: none; margin-left: 0; }
/* @end downloads */

/* @group online */
#online #bottom_wrapper div.article   { margin-left: 310px; }
#online #bottom_wrapper input.text    { width: 100%; }
#online #bottom_wrapper h3            { border-left: none; margin: 0; }
#online #bottom_wrapper div.aside     { width: 300px; }
#online #bottom_wrapper ul.signin_inputs  { margin: 0; list-style: none; }
#online #bottom_wrapper li                { margin: 9px 0; position: relative; }
#online #bottom_wrapper p.forgot          { margin-top: 9px; margin-bottom: 0; }
#online #bottom_wrapper p.forgot a        { border: none; }
#online #bottom_wrapper li.submit         { float: right; top: -36px; }
#online #bottom_wrapper .remember         { display: none; }
#online #bottom_wrapper .text label       { text-transform: uppercase; position: absolute; left: 10px; top: 3px; color: #c1c1c1; }
/* @end online */


/* @group Internet Exploder */
#ie6 #header_wrapper ul li            { float: right; width: 10%; }
#ie6 #header_wrapper ul li a,
#ie6 #header_wrapper ul li a span     { display: block; }
#ie6 #header_wrapper ul li a.active span { padding-right: 0; }

#ie6 .carousel_wrapper                                      { padding-bottom: 0; }
#ie6 .carousel_wrapper .carousel_bubble_navigation          { display: none; }
#ie6 .carousel_wrapper .carousel_navigation li.next a       { background: url(/images/new/nav_arrow_right_off.png) no-repeat; }
#ie6 .carousel_wrapper .carousel_navigation li.next a:hover { background: url(/images/new/nav_arrow_right_on.png) no-repeat; }
#ie6 .carousel_wrapper .carousel_navigation li.prev a       { background: url(/images/new/nav_arrow_left_off.png) no-repeat; }
#ie6 .carousel_wrapper .carousel_navigation li.prev a:hover { background: url(/images/new/nav_arrow_left_on.png) no-repeat; }

.ie #bottom_inner_wrapper                           { background-position: center -16px; }
/*.ie #bottom_wrapper div.sub table.device_support    { margin-right: -75%; }*/
#ie6 #bottom_wrapper div.sub table.device_support   { margin-right: 0; width: 98%; }

.ie table.device_support .complete td span          { display: block; text-indent: -999em; background: transparent url(/images/new/checkmark.png) no-repeat center center; }

#online .ie #bottom_wrapper li        { width: 95%; }
#online .ie #bottom_wrapper li.submit       { top: 0; }
#online .ie #bottom_wrapper li.submit input { position: absolute; right: 0; top: 0; }
/* @end Internet Exploder */

#features_wrapper.iphone_app      { width: 300px; }
#download_wrapper.iphone_app      { margin-left: 340px; }
#bottom .iphone_app .features li  { margin-left: 0; float: none; }