html {font-size: 85%; font-family: georgia, serif}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold}
table {font-size: 90%}
cite, em, dfn {font-style: italic}
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {font-size: 92%}
del {text-decoration: line-through; color: #666}
ins, dfn {border-bottom: 1px solid #ccc}
small, sup, sub {font-size: 85%}
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em}
a abbr, a acronym {border: none}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc}
sup {vertical-align: super}
sub {vertical-align: sub}
label {display:block; margin-bottom: 3px}
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666}
blockquote *:first-child:before {content: "\201C"}
blockquote *:first-child:after {content: "\201D"}
q {quotes: "\201C" "\201D" "\2018" "\2019"}
html[lang|='en'] q:before {content: '\201C'}
html[lang|='en'] q:after {content: '\201D'}
html[lang|='en'] q q:before {content: '\2018'}
html[lang|='en'] q q:after {content: '\2019'}
fieldset {border: 1px solid #ccc}
legend {background: #fff}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #aaa}
input, select {cursor: pointer}
input[type='text'], input[type='password'] {cursor: text}
.content {font-size: 1em; line-height: 1.25em}
.content h1 {font-size: 1.5em; line-height: 1.25em}
.content h2 {font-size: 1.3em; line-height: 1.25em}
.content h3 {font-size: 1.3em; line-height: 1.25em}
.content h4 {font-size: 1.2em; line-height: 1.25em}
.content h5 {font-size: 1.1em; line-height: 1.25em}
.content h6 {font-size: 1em; line-height: 1.25em}
.content code {font-family: 'Courier New', fixed}
.content hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 2px; border: none}
.content ul li {text-indent: -.85em; margin-left: .85em}
.content ul li:before {content: "\2022\00a0"}
.content ol {list-style-position: outside; list-style-type: decimal}
.content dt {font-weight: bold}
.content table {border-top: 1px solid #000; border-left: 1px solid #000}
.content th, .content td {border-bottom: 1px solid #000; border-right: 1px solid #000}
.content table {border-collapse: collapse}
.content blockquote *:first-child {margin: .8em 0}
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content table, .content form {margin-bottom: 1.6em}
.content p+p {margin-top: -.8em}
.content h1 {margin: 1em 0 .5em}
.content h2 {margin: 1.07em 0 .535em}
.content h3 {margin: 1.14em 0 .57em}
.content h4 {margin: 1.23em 0 .615em}
.content h5 {margin: 1.33em 0 .67em}
.content h6 {margin: 1.6em 0 .8em}
.content th, .content td {padding: .8em}
.content caption {padding-bottom: .8em}
.content blockquote {padding: 0 1em; margin: 1.6em 0}
.content fieldset {padding: 0 1em 1em 1em; margin: 1.6em 0}
.content legend {padding-left: .8em; padding-right: .8em}
.content legend+* {margin-top: 1em}
.content textarea, .content input {padding: .3em .4em .15em .4em}
.content select {padding: .1em .2em 0 .2em}
.content option {padding: 0 .4em}
.content a {position: relative; padding: 0.3em 0 .1em 0}
.content dt {margin-top: .8em; margin-bottom: .4em}
.content ul {margin-left: 1.5em}
.content ol {margin-left: 2.35em}
.content ol ol, .content ul ol {margin-left: 2.5em}
.content form div {margin-bottom: .8em}
table.form-table#overview_graphs {width: 100%}
table.form-table#overview_graphs td {padding: 25px 0px 25px 80px; width: 200px;}
#lightbox{ display:none; position: absolute; top:50%; left:50%; z-index:9999; width:500px; height:400px; margin:-200px 0 0 -250px; border:2px solid #8d462d; background:#fff; text-align:left}
#lightbox[id]{ position:fixed}
#overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background-color:#000; -moz-opacity: 0.80; opacity:.80; filter: alpha(opacity=80)}
#overlay[id]{ position:fixed}
#lightbox.done #lbLoadMessage{ display:none}
#lightbox.done #lbContent{ display:block}
#lightbox.loading #lbContent{ display:none}
#lightbox.loading #lbLoadMessage{ display:block}
#lightbox #lbHeader {padding: 10px; background: #7d2d0e; color: #fff; position: relative; color: #e4e219; overflow: hidden; height: 15px; font-size: 1.2em;}
#lbClose {position: absolute; top: 7px; right: 10px; height: 15px; line-height: 15px; padding: 2px 5px; background: #632710; border: 1px solid #8d462d; color:#e4e219}
body {background: #38441e url('/images/gpw/bg-loop.jpg') repeat-x}
a, a:link, a:visited, a:hover, a:active {color: #785123}
#framing, #demo, #purchase {margin: 0 auto; width: 956px; height: 653px; position: relative}
#framing {background: url('/images/marketing-notice.jpg') no-repeat 0 -46px}
#demo {background: url('/images/marketing-notice.jpg') no-repeat 0 -699px}
#purchase {background: url('/images/marketing-notice.jpg') no-repeat 0 -1352px}
#sidebar {float: right; width: 200px; position: relative; top: 75px; right: 25px}
#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active {color: #FFF; text-decoration: underline}
#sidebar a:hover {color: #785123}
.highlight {color: #FFF}
#launch-date {font-size: 24px; margin: 5px 0 20px 0}
.email-textbox {width: 90%}
#submit {margin: 15px auto; text-align: center}
.khph-slogan {padding: 0; margin: 0; font-family: arial; font-size: 13px; height: 32px; line-height: 32px; color: #FFF}
#khph-left {position: absolute; bottom: 12px; left: 12px}
#khph {background: url('/images/marketing-notice.jpg') no-repeat 0 0; width: 241px; height: 46px; text-align: center; font-weight: bold; position: absolute; bottom: 0; left: 215px}
#khph-right {position: absolute; bottom: 12px; left: 462px}
#khph a, #khph a:link, #khph a:visited, #khph a:hover, #khph a:active {color: #73C223}
#khph a:hover {color: #785123}
#footer {font-family: arial; font-size: 0.9em; margin: 0 auto; padding: 10px; width: 700px; text-align: center; color: #969AA0}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #babb07}
#footer a:hover, #footer a:hover em {color: #FFF; text-decoration: underline}
#notes {width: 925px; position: absolute; bottom: 10px; left: 25px; margin: 0 auto; color: #000; font-size: 13px}
#notes p {margin: 0; padding: 3px 0;}
.form {margin: 0; padding: 0}
.form label {display: inline; padding: 0 5px; font-size: 13px}
.form {position: absolute; right: 25px; top: 25px}
.form div.form-field {padding: 1px 0; text-align: right}
.form select, .form option {font-size: 13px}
.form input[type='text'], .form select {margin: 0; padding: 0 0 0 2px; width: 175px}
.form .error {color: #772c0c}
.form input[type='text'].exp {width: 25px}
div.fieldWithErrors {display: inline}
div.fieldWithErrors input[type='text'] {background: #acc188}
input[type='text'].validation-failed {background: #acc188}
label.validation-passed {font-weight: normal; color: #002F0B}
label.validation-failed {font-weight: bold; color: #772c0c}
#terms {padding: 10px}
#thank-you {position: absolute; width: 300px; right: 25px; top: 200px}
#po {position: absolute; left: 25px; bottom: 25px; font-size: 13px}