/* Global 
----------------------------------------------- */
a { color: #634A3C; font-weight: bold; text-decoration: none; }
a:hover { color: #AD8E53; font-weight: bold; text-decoration: none; }
a:visited { color: #634A3C; font-weight: bold; text-decoration: none; }
a:visited:hover { color: #AD8E53; font-weight: bold; text-decoration: none; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
body { background: url(/images/bg.jpg) center no-repeat; font-family: Times New Roman, serif; font-size: 14px; text-align: center; color: #634A3C; margin: 0; }
td { font-family: Times New Roman, serif; font-size: 14px; color: #634A3C; }
img { border: none; }
input { font-family: Times New Roman, serif; font-size: 12px; }
select { font-family: Times New Roman, serif; font-size: 12px; } 
textarea { font-family: Times New Roman, serif; font-size: 12px; }

/* Page Structure 
----------------------------------------------- */
#webpage { margin: 15px auto 0 auto; width: 848px; height: 550px; text-align: left; background: url(/images/page-bg.jpg) top left no-repeat; }  
#navigation { float: left; width: 245px; }
#navigation-wrapper { margin: 30px 10px 20px 50px; }
#navigation-wrapper #book-logo { margin-bottom: 15px; background: url(/images/book-logo.jpg) top left no-repeat; }
#navigation-wrapper #navigation-links { padding-left: 2px; margin-bottom: 15px; }
#navigation-wrapper #navigation-links .navigation-link { line-height: 24px; }
#navigation-wrapper #navigation-links .navigation-link a { font-size: 18px; font-weight: normal; }
#navigation-wrapper #navigation-links .navigation-link a:hover { font-size: 18px; font-weight: normal; }
#navigation-wrapper #navigation-links .navigation-link a:visited { font-size: 18px; font-weight: normal; }
#navigation-wrapper #navigation-links .navigation-link a:visited:hover { font-size: 18px; font-weight: normal; }
#navigation-wrapper #navigation-links .navigation-link a.on { font-size: 18px; color: #FFFFFF; font-weight: normal; line-height: 24px; }
#navigation-wrapper #email-updates { margin-bottom: 5px; }
#navigation-wrapper #email-updates div { font-size: 16px; margin-bottom: 2px; padding-left: 2px; }
#navigation-wrapper #email-updates input { width: 155px; font-size: 11px; border: 2px solid #FFFFFF; background-color: #FFF3CC; }
#navigation-wrapper #email-updates .button { cursor: pointer; }
#navigation-wrapper #email-updates a.privacy-policy { font-size: 12px; color: #FFFFFF; font-weight: normal; }
#navigation-wrapper #email-updates a.privacy-policy:hover { color: #FFFFFF; font-weight: normal; }
#navigation-wrapper #email-updates a.privacy-policy:visited { color: #FFFFFF; font-weight: normal; }
#navigation-wrapper #email-updates a.privacy-policy:visited:hover { color: #FFFFFF; font-weight: normal; }
#content { width: 600px; height: 550px; overflow: auto; scrollbar-base-color: #AD8E53; scrollbar-arrow-color: #634A3C; scrollbar-darkshadow-color: #959595; scrollbar-face-color: #FBDDA3; }
#content-wrapper { padding: 30px 40px 30px 40px; line-height: 24px; }
#content-wrapper h1 { background: url(/images/cups.jpg) top center no-repeat; text-align: center; color: #634A3C; font-size: 32px; font-weight: normal; letter-spacing: 2px; padding: 55px 0 0 0; margin: 0 0 25px 0; }
#content-wrapper #contact { margin: 20px 0 0 45px; }
#content-wrapper #contact input.input { width: 255px; border: 1px solid #FBDDA3; padding: 2px 2px; }
#content-wrapper #contact select { width: 135px; border: 1px solid #FBDDA3; }
#content-wrapper #contact textarea { width: 255px; height: 175px; border: 1px solid #FBDDA3; padding: 2px 2px; }
#content-wrapper #contact input.button { width: auto; color: #373737; letter-spacing: 1px; margin-top: 4px; margin-right: 2px; }
#content-wrapper #share { margin: 20px 0 0 25px; }
#content-wrapper #share input.input { width: 350px; border: 1px solid #FBDDA3; padding: 2px 2px; }
#content-wrapper #share textarea { width: 350px; height: 240px; border: 1px solid #FBDDA3; padding: 2px 2px; }
#content-wrapper #share input.button { width: auto; color: #373737; letter-spacing: 1px; margin-top: 4px; margin-right: 2px; }
#content-wrapper #signup { margin: 20px 0 0 50px; }
#content-wrapper #signup input.input { width: 275px; border: 1px solid #FBDDA3; padding: 2px 2px; }
#content-wrapper #signup select { width: 145px; border: 1px solid #FBDDA3; }
#content-wrapper #signup textarea { width: 275px; height: 175px; border: 1px solid #FBDDA3; padding: 2px 2px; }
#content-wrapper #signup input.button { width: auto; color: #373737; letter-spacing: 1px; margin-top: 4px; margin-right: 2px; }
#content-wrapper #order { margin: 30px 0 0 10px; }
#content-wrapper #order td { padding-right: 2px; }
#content-wrapper #order input.inputsm { width: 135px; border: 1px solid #FBDDA3; padding: 2px 2px; }
#content-wrapper #order input.input { width: 200px; border: 1px solid #FBDDA3; padding: 2px 2px; }
#content-wrapper #order select { width: 152px; border: 1px solid #FBDDA3; }
#content-wrapper #order select.expire { width: 85px; border: 1px solid #FBDDA3; margin-right: 2px; }
#content-wrapper #order textarea { width: 275px; height: 175px; border: 1px solid #FBDDA3; padding: 2px 2px; }
#content-wrapper #order legend { color: #634A3C; }
#content-wrapper #order fieldset { border: 1px solid #DFAB5E; padding: 5px 5px 10px 5px; }
#content-wrapper #order input.button { width: auto; color: #373737; letter-spacing: 1px; margin-top: 4px; margin-right: 2px; }
#content-wrapper #order #review-form { line-height: 16px; }
#content-wrapper #homepage { text-align: center; }
#content-wrapper #homepage .based { color: #DFAB5E; font-size: 18px; font-style: italic; text-align: center; }
#content-wrapper #homepage .title { font-size: 82px; margin: 50px 0 50px 0; }
#content-wrapper #homepage .author { color: #DFAB5E; font-size: 22px; line-height: 28px; }
.tagline { position: relative; top: -305px; font-size: 18px; margin-top: 45px; width: 535px; height: 70px; }
.hp-animation { position: relative; top: -290px; left: 245px; width: 600px; }
#copyright { margin: 2px auto 0 auto; width: 845px; text-align: center; font-size: 11px; }
#copyright-wrapper { margin-left: 245px; }

/* Misc 
----------------------------------------------- */
.ERRORMSG { font-size: 11px; font-weight: bold; color: #FF0000; }

/* Pop-up Windows 
----------------------------------------------- */
#popup_title { background-color: #634A3C; margin: 0 1px 0 1px; }
#popup_titlewrapper { text-align: left; padding: 2px 0 4px 8px; color: #FFFFFF; font-weight: bold; }
#popup_subtitle { background-color: #DFAB5E; margin: 1px 1px 0 1px; }
#popup_subtitlewrapper { text-align: left; padding: 2px 0 4px 8px; color: #FFFFFF; font-weight: bold; }
#popup_content { text-align: left; margin: 15px 15px 0 5px; }