@charset "UTF-8";
/* CSS Document */


/************ Type ************/
body { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.center { text-align:center }
.uncenter { text-align: left }
.error { font-size: 11px; color: #c00; font-style:italic; }
div#page1, div#page2, div#int1 { text-align: left; }
div#page1 div#leftSide ul { font-weight: bold }
div#page2 div#leftSide { font-size: 14px; }
div#page2 div#learnEasy span { font-size: 16px; font-style:italic; font-weight:bold; }
div.pullQuote { font-size: 18px; font-weight: bold; }
div.pullQuote span { font-size: 0.545em; font-style:italic; font-weight: normal; }
div#page2 div.pullQuote { font-size: 22px; text-indent: -0.5em; }
div#page2 div.pullQuote span { font-size: 12px; font-weight: normal }
div#rightSide div#gmForm ul { color: #c54f01; font-size: 12px; font-weight: bold; }
div#page2 div#formTerms { font-style:italic; color: #000; font-size: 12px; }
div#page2 div#terms { font-size: 12px; color: #565656; text-align:justify; }
div#page2 div#terms a { color: #565656; }
div#page2 div#terms h4 { margin-bottom: 0 }
div#author { font-size: 14px; line-height: 18px; }
div#author h3 { font-size: 24px; margin: 0px }
div#author a { color: #0000FF }
div#footer { text-align: left; }
div#footer ul { font-size: 12px; line-height: 14.4px }
div#footer a { color: #000; font-weight: bold; text-decoration: none }
div#footer a:hover { text-decoration:underline }
div#footer p { font-size: 10px }
div#int1 a, div#int1 a:visited { color: #999999; font-size: 12px; }
div#confirm { font-size: 14px; line-height: 20px; text-align:left }
div#confirm span { font-weight: bold; font-style: italic }
/************ end Type ************/


/************ Layout ************/

/* General */
body { text-align: center; margin: 0px; padding: 0px 0px 40px; background:url(images/mainBack.gif) repeat-x #E8F3DC; }
ul { margin: 0px; padding: 0px; list-style: none outside none; }
img { border: 0px }
.left { float: left }
.right { float: right }
.error { display: block; }
.error.select { width: 82px }
form { margin: 0px; padding: 0px; } /*AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARGH*/
div.pullQuote { width: 540px; margin: 37px 0px; }
div.pullQuote img { float: right }
div.pullQuote img.jennifer { margin-left: 28px; float: left }
div.pullQuote p { width: 280px; position: relative; top: 10px; left: 28px; float: left; margin-top: 0px }
div.pullQuote p.todd { top: 25px; width: 269px; }
div.pullQuote p.jennifer { margin-right: 0px }
div.pullQuote span { float: right }
div#page2 div.pullQuote { margin: 30px 0px 40px 0.5em } /* em is for quote offset */
div#page2 div.pullQuote, div#page2 div.pullQuote p { width: 500px; left: 0px; }
div#page2 div.pullQuote span { float: none; }
div#footer { width: 712px; margin: 0px auto; padding: 0px 0px; position: relative; top: -30px }
div#footer img { float: left; margin: 18px 40px 0px 0px }
div#footer div { float: left; position: relative; top: 17px; }
div#footer ul { margin: 75px 0px 10px; }
div#footer ul li { float: left; margin: 0 6px 0 0 }
div#footer p { width: 443px; }

/* page1 and page2 */
div#page1, div#page2 { margin: 0px auto; padding: 0px 30px 0px; background-color:#FFF; width: 893px; position:relative }
div#header { width: 100%; height: 370px; padding-top: 24px; } /* height based on book image */
div#header img#bigBook { position: absolute; top: 0px; left: 24px; z-index: 0 }
div#header img { float: right; clear: both; position: relative; z-index: 1; }
div#page2 div#header { height: 231px }
div#page2 div#header img#bigBook { position: absolute; top: 20px; left: 34px; }
div#page2 div#header img { position: absolute; left: 240px; top:25px; }
div#page1 div#header p { position: absolute; top: 255px; left: 380px; z-index: 2; margin: 0px }
div#leftSide, div#rightSide { float: left; }
div#leftSide { width: 578px; position: relative; top: -6px; z-index: 2; } /* move div over book */
div#page2 div#leftSide { width: 578px; left: 42px; top: -36px; }
div#leftSide img#screenShot { float: left; border: 1px #000 solid; margin-right: 22px }
div#leftSide img#asSeen { position: absolute; top: -30px; left: -15px; }
div#page2 div#leftSide img#screenShot { margin-right: 55px }
div#page1 div#leftSide ul { margin-top: 17px; font-size:.9em}
div#page1 div#leftSide ul li { margin-bottom: 18px; }
div#page1 div#leftSide ul li img { margin-right: 18px; float: left;}
div#page1 div#leftSide ul li img#pg89 { margin-bottom: 18px } /* keep text to the right on the last item */
div#page1 div#leftSide img#emag { margin: 45px 0px 5px; }
div#page2 div#learnEasy { float: left; width: 270px; }
div#page2 div#learnEasy ul { list-style: url(https://cdn.syndtk.net/gm/cdn/200/2.13.2/img/smallBullet.gif); width: 250px; }
div#page2 div#learnEasy ul img { float: right; position: relative; right: -10px; }
div#page2 div#learnEasy ul li { margin-top: 8px }
div#page2 img#giveRaise { position: relative; margin-top: 30px; left: 40px; }

div#rightSide { width: 280px; position: relative; top: -83px; left: 35px; z-index: 1; }
div#page2 div#rightSide { position: absolute; top: 154px; right: 30px; left: auto; z-index:1 }
div#gmForm { position:relative; }
div#gmForm img#formArrow { position:absolute; top: -8px; left: -318px; z-index: 3; }
div#gmForm ul#fields { width: 236px; background-color:#FFE5B2; border:2px solid #f60; padding: 30px 0px 0px 40px; margin: 0px; position: relative; top: -4px; }
div#gmForm img#formFooter { position: relative; top: -6px }
div#gmForm ul#fields input { width: 200px; height: 18px; border: 1px solid #ffa242; margin-top: 2px; }
div#gmForm ul#fields input#submit { height:46px; width: 202px; border: 0px; margin-top: 20px; }
div#gmForm ul#fields div { margin-left: 6em }
div#gmForm ul#fields li { padding-bottom:  5px; clear:both }
div#gmForm ul#fields li.small { float: left; vertical-align:top; clear: none }
div#gmForm ul#fields li.small input { width: 105px }
div#gmForm ul#fields select { width: 82px; margin: 2px 12px 0px 0px; border: 1px solid #ffa242 }
div#gmForm ul#fields ul { margin-bottom: 6px }
div#gmForm ul#fields ul li { padding-bottom: 1px }
div#page2 div#gmForm ul#fields li#acceptedCards { text-align: center; width: 200px }
div#page2 div#gmForm ul#fields li#acceptedCards img { margin: 4px; }
div#page2 div#gmForm div#formTerms { position:absolute; left: -259px; top: 77px; width: 220px; }
div#gmForm label { display: block }
div#verify { width: 245px; padding: 0px; margin-left: 17px }
div#verify ul { width: 100%; text-align: center; }
div#verify ul li { float: left; width: 120px; height: 82px; vertical-align: middle; padding: 0px }
div#verify ul li.spaced img { margin-top: 13px }
div#author { padding: 11px; border: 1px #d6d6d6 solid; background: #E5E5E5 url(https://cdn.syndtk.net/gm/cdn/200/2.13.2/img/authorGrade.gif) repeat-x; }
div#author img { float: left; margin-right: 10px; position: relative; top: 4px; }
div#page2 div#terms { position: relative; margin: 0px 57px 30px 50px; width:90%; }
/* end page1, page2 */

/* Interstitial */
img#greenBar { margin-bottom: 20px }
div#int1 { background-color:#FFF; width: 795px; margin: 0px auto; position:relative }
div#int1 img#gmLogo { margin: 12px 10px }
div#int1 div#GIRImg { margin: 0px 50px 50px 35px; }
div#int1 img#packed { margin: 17px 0px 12px; }
div#int1 input { margin-top: 17px }
div#int1 a { position: absolute; bottom: 18px; right: 25px }
/* end Interstitial */


/* PEI Int */
div#int2 { background-color:#FFF; width: 795px; margin: 0px auto; text-align: left }
div#int2 div { float: left; text-align:left; margin-top: 20px; margin-right: 12px; position: relative }
div#int2 div#left { width: 286px; margin-left: 20px; }
div#int2 div#left img { margin-bottom: 20px; float: left; }
div#int2 div#left img#list { margin-left: 17px; }
div#int2 div#right { height: 400px }
div#int2 input { margin-top: 20px; }
div#int2 a#confirm { font: bold 13px "Arial", Helvetica, sans-serif; color: #999999; position: absolute; bottom: 10px; right: 0px }
/* end PEI */


/* Confirm */
div#confirm { margin: 0px auto; padding: 17px 30px 30px; background-color:#FFF; width: 893px; position:relative; }
div#confirm div.item { width: 893px; margin-bottom: 60px }
div#confirm div.item div { float: left }
div#confirm img.spaced { margin-left: 60px }
div#confirm div.item div.spaced { margin-top: 47px }
div#confirm p { width: 244px; margin: 0px 0px 0px 23px; }
div#confirm div.item div img.spaced { margin: 0px 0px 24px }
div#confirm a img { margin: 0px 0px 9px 20px }
div#confirm div#sendBook { margin-left: 0px; padding: 30px 0px; display:block; clear:both; height: 300px; width: 900px; }
div#confirm div#sendBook img { float: left; }
div#confirm div#sendBook div { float: left; position: relative; left: 0px; text-align: left; margin-bottom: 80px; width: 586px }
div#confirm div#sendBook div img { float:none }
div#confirm div#sendBook img#check { position: relative; top: 58px; left: 15px }

/* end Confirm */


#footer .apple {
margin-top:50px;
margin-left:130px;

}

/************ end Layout ************/