/* Start of CMSMS style sheet 'theme : Presspoint - New layout' */
/* ZEROING */
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
legend { display: none; }
.clear {clear: both; }
.null {display: none; }
.hidden {position: absolute; top: -9999px; height: 0; overflow: hidden; width: 0;}

/* STRUCTURE */
body              { color: #25477A; background-color: #E9E9E9; font-family: arial, sans-serif; font-size: 74%; }
h2                 { color: #C00; font-size: 2em; }
h3                 { color: #25477A; font-size: 1.5em; }
div#wrapper { margin-left: auto; margin-right: auto; width: 80em; }

div#canvasRight { background: #25477A url('images/presspoint/canvas-right.gif') right bottom no-repeat; }
div#canvasLeft { background: transparent url('images/presspoint/canvas-left.gif') left bottom no-repeat; padding: 10px;}


div#header { width: 100%; padding-bottom: 10px; position: relative; background: url('images/presspoint/presspoint-any.gif') 215px 52px no-repeat; }
div#header img { padding-right: 1em; }
div#header div#sticker { position: absolute; width: 199px; height: 112px; background: url('images/presspoint/sticker.gif') 0 0 no-repeat; right: 0; top: -4px;}
* html div#header div#sticker { right: -1px; }
div#insideTL { background: #FFF url('images/presspoint/inside-tl.gif') left top no-repeat; }
div#insideTR { background: transparent url('images/presspoint/inside-tr.gif') right top no-repeat; }
div#insideBR { background: transparent url('images/presspoint/inside-br.gif') right bottom no-repeat; }
div#insideBL { background: transparent url('images/presspoint/inside-bl.gif') left bottom no-repeat; }
div#inside { padding: 4px 4px 0 4px; }

div#navigation { background: #C00 url('images/presspoint/navigation.gif') left top no-repeat; padding: .6em;}
div#navigation ul li { display: inline; font-size: 1.25em; padding: 0 1em 0 .5em; color: #FFF; font-weight: bold; }
div#navigation a { color: #FFF; text-decoration: none; display: inline; font-weight: bold;}
div#navigation a:hover, div#navigation a:focus, div#navigation a:active { text-decoration: underline; }

div#panelSide { width: 25em; float: left; padding: 1em; position: relative;}
div#panelMain {  height: 100%; margin-top: 4px; }

div#calculator h2 { margin-bottom: .5em; }
div#calculator form { font-size: 1.4em; }
div#calculator form div.field { margin-top: 1em; float: left;}
div#calculator form label { float: left; width: 10em; padding-top: .8em; }
div#calculator form label.long { width: 20em; }
div#calculator form label a { padding-left: 1em; }
div#calculator form input.inputText { border: 1px #AAA solid; width: 8.3em; float: left; font-size: 1.8em; padding: .1em; clear: none; }
div#calculator form select { width: 15em; float: left; font-size: 1em; margin-top: .7em; clear: none; }
div#calculator form input.inputSubmit { color: transparent; float: right; margin: 3em 0 0 0; background: transparent url('images/presspoint/button-calc.gif') 0 0 no-repeat; width: 166px; height: 33px; padding-top: 33px; border: 0; }
div#calculator form select#stock { font-size: .95em; clear: left; width: 26em; }

div#insideContent{ width: 50em; float: left; margin-top: .5em; }
div#homeBackground { background: #000 url('images/presspoint/machine.jpg') right top no-repeat; float: left;}
div#homeTL { background: transparent url('images/presspoint/home-tl.gif') left top no-repeat; float: left; }
div#homeBL { background: transparent url('images/presspoint/home-bl.gif') left bottom no-repeat; height: 30em; width: 50em; float: left; }
div#homeMessage { float: right; color: #FFF; font-size: 2em; padding: .5em .5em 0 0; text-align: right; }

div.thin { width: 90%; }
div#quote-result p { margin-top: .5em; font-size: 1.1em; }
div#quote-result li { font-size: 1.1em; padding-bottom: 1em; }
div#quote-result label { margin-top: 1em; }
div#quote-result input { }
textarea{  font-family: arial, sans-serif; }
div#quote-result form div { }
.error_message { font-weight: bold; color: #C00; }

div#quote-result { color: #000;  }
div#quote-result table { font-size: 1.1em; width: 48%; color: #000; }
div#quote-result td, div#quote-result th  { padding: 1em 2em 1em 0; }
div#quote-result th { color: #C00; font-size: 1.2em; padding-bottom: .5em; }
div#quote-result td { border-top: 1px #F99 solid; }
div#quote-result .right { text-align: right; padding-right: 0; padding-left: 2em; }
div#quote-result tr.grand td strong { font-size: 2em; font-weight: normal; }

div.footerList { font-size: 1.1em; padding-top: 1.5em; float: left; padding-right: 3em; }
div.footerList h3 { color: #C00; font-size: 1.3em; font-weight: bold;  margin-bottom: .5em; }
div.footerList ul { list-style-type: disc; }
div.footerList ul li { padding-left: .4em; margin-left: 1.3em; margin-top: .5em; }

div#footer { text-align: right; padding-top: 1em; padding-right: 1em; padding-bottom: 1em;}

div.fixed { position: relative; float: left; clear: left;}
div.fixed select { position: absolute; }

div#secureseal_id { float: right; margin-right: 4em; }

form#order-form { font-size: 1.3em; }
form#order-form fieldset { clear: left; }
form#order-form legend {padding-top: 1em; display: block; color: #C00; font-size: 1.5em;  }
form#order-form ol { display: block; width: 99%; float: left; clear: left; border-top: 1px #C00 solid; }
form#order-form li {padding: 0; padding-top: 1em;  float: left; clear: none; width: 40%; }
form#order-form label { float: left; margin: 0; }
form#order-form input { margin: 0; padding: .2em; width: 15em; float: left; clear: left; }
form#order-form select { float: left; clear: left; }
form#order-form input { border: 1px #CCC solid; font-size: 1.1em; }
form#order-form li.form-newline { clear: left; }
form#order-form select#billing-expiryyear { clear: none; margin-left: 1em; }
form#order-form input#order-submit { margin-top: 2em; width: auto; color: #FFF; background-color: #C00; padding: .5em 1em; float: right; }
form#order-form li.big { width: 80%; }
form#order-form textarea { width: 100%; }
div#content form#order-form ol { list-style-type: none; margin: 0; padding: 0; }
div#content form#order-form ol li { margin-left: 0; padding-left: 0; }

form#order-form input.err { background-color: #Faa; }
div.error { border: 1px #C00 solid; padding: .5em 1em .5em 1em; background-color: #FEE; float: left; margin-top: 1em; clear: left; margin-top: 2em; margin-left: 1em; font-size: 1.3em; }
div.error p { margin: .5em 0 .5em 0; padding: 0; }
div.success { border: 1px #0C0 solid; padding: .5em 1em .5em 1em; background-color: #EFE; float: left; margin-top: 1em; clear: left; margin-top: 2em; font-size: 1.3em;margin-left: 1em;  }
div.success p { margin: .5em 0 .5em 0; padding: 0; }

form#order-form input.upload { font-size: .7em; width: 200px; }
* html form#order-form input.upload { font-size: .7em; width: 18em; }


a.fauxbutton { margin: 0; background-color: #C00; color: #FFF; padding: .5em 1em; float: left; margin-right: 1em;  font-size: 1.2em; text-decoration: none; float: right; }
a.fauxbutton:hover { background-color: #900; }

div.notes { font-size: 1.3em; margin-top: 1em;  }


/* NEW LAYOUT */
div#calculator { float: left; width: 49%; }
div#video { float: left; width: 50%; }
div#content { float: left; width: 99%; margin-bottom: 16em; line-height: 2em; }
div#content p { margin: 1em 0; }
div#content ol { list-style-type: decimal; }
div#content ol li { margin-left: 2em; }
div#content table { width: 99%; }
div#content table td { padding: 1em 1em 1em 0; border-top: 1px #D00 solid; border-bottom: 1px #D00 solid; }
div#content table h3 { margin-bottom: .5em; }

div.pad { padding: 1em; }

a#button-print { float: right; }

a.get-quote { font-size: 1.3em; font-weight: bold; text-decoration: none; padding: .5em; background-color: #A00; color: #FFF; display: block; text-align: center; line-height: 1em; }

/* End of 'theme : Presspoint - New layout' */

