/* Start of CMSMS style sheet '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: Helvetica; font-size: 74%; behavior: url("uploads/images/images_for_templates/csshover3.htc");}
h2                 { color: #C00; font-size: 2em; }
h3                 { color: #25477A; font-size: 1.5em; }
div#wrapper { margin-left: auto; margin-right: auto; width: 80em; overflow:hidden;}

div#canvasRight { background: #25477A url('images/presspoint/canvas-right.gif') right bottom no-repeat;overflow:hidden; }
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: 8px; top: 3px;}
* 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;  position:relative;}

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: 1.5em; overflow:hidden;}
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 1em; /*  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; }

/* added by Tien */

div#header {
/* background:url("images/presspoint/presspoint-any.gif") no-repeat scroll 215px 12px transparent; */
padding-bottom:10px;
position:relative;
width:100%;
}

div#header div#sticker {
background:none!important;
margin:0px!important;
padding:0px!important;
height:112px;
position:absolute;
right:0;
top:-4px;
width:190px;
}

#navigation {
background:none repeat scroll 0 0 transparent !important;
float:left;
height:33px;
left:210px;
margin:0 !important;
padding:0 !important;
position:absolute;
top:-33px;
}

#navigation ul {
list-style:none;
margin:0px!important;
padding:0px!important;
}

#navigation li {
margin:0px!important;
padding:0px!important;
float:left!important;
background:url(uploads/images/images_for_templates/menu-right.png) no-repeat right center;
margin-right:1px!important;
padding:0px!important;
cursor:pointer;
position:relative;
}

#navigation a {
display:block;
margin:0px!important;
padding:0px!important;
float:left!important;
}

#navigation span {
margin:0px!important;
padding:0px!important;
display:block;
background:url(uploads/images/images_for_templates/menu-left.png) no-repeat left center;
height:33px;
line-height:33px;
padding-left:15px!important;
padding-right:15px!important;
float:left!important;
}

#navigation li.currentpage,#navigation li.menuparent,#navigation li:hover {
background:url(uploads/images/images_for_templates/menu-active-right.png) no-repeat right center;
}

#navigation li.currentpage span, #navigation li.menuparent span,#navigation li:hover span {
background:url(uploads/images/images_for_templates/menu-active-left.png) no-repeat left center;
}

#navigation li:hover a {
text-decoration:none;
}

#navigation li ul {
position:absolute;
top:33px;
left:1px;
margin:0px;
padding:0px;
display:none;

}

#navigation li:hover ul {
display:block;
}

#navigation li ul li {
margin:0px;
padding:0px;
width:200px;
border-bottom:1px solid #25477A;
border-left:1px solid #000;
border-right:1px solid #000;
clear:both;
}

#navigation li ul li a {
background-color:#3A5991;
background-image:none;
margin:0px;
padding:0px;
display:block;
width:200px;
clear:both;
}

#navigation li ul li a:hover,#navigation li ul li.currentpage  {
background-color:#3F67AD!important;
text-decoration:none;
background-image:none!important;
}

#navigation li ul li a span {
margin:0px;
padding:0px;
background-color:#3A5991!important;
background-image:none!important;
line-height:24px;
height:24px;
font-size:12px;
display:block;
padding:0px 10px 0px 10px;
}

#navigation li ul li a:hover span,#navigation li ul li.currentpage span {
background-color:#3F67AD!important;
background-image:none!important;
line-height:24px;
height:24px;
font-size:12px;
}


div#calculator {
margin:0px!important;
padding:0px!important;
float:left;
width:355px;
}

div#calculator form label {
float:left;
margin:0!important;
padding:0!important;
width:167px;
}

div#calculator form input.inputText {
border:1px solid #AAAAAA;
clear:none;
float:left;
font-size:18px;
margin:0!important;
padding:0!important;
width:155px;
font-weight:normal !important;
}

div#calculator form select {
clear:none;
float:left;
font-size:14px;
width:157px;
margin:0px!important;
padding:0px!important;
border:1px solid #AAA;
height:24px;
}

div#calculator form select#stock {
clear:left;
float:right;
font-size:14px;
margin-right:41px;
position:relative;
right:6px;
width:230px;
}

div#calculator form label a {
color:#25477A;
padding-left:1em;
}

div#calculator form input.inputSubmit {
background:url("images/presspoint/button-calc.gif") no-repeat scroll 0 0 transparent;
border:0 none;
color:transparent;
float:right;
height:33px;
margin:20px 0 0;
padding-top:20px;
width:166px;
}

div.fixed {
clear:left;
float:left;
margin-top:14px;
position:relative;
}

div#video {
float:right;
margin-right:10px;
overflow:hidden;
width:276px;
display:inline;
}

#welcome-block {
float:left;
width:270px;
}

#welcome-block-big {
float:left;
width:618px;
}

#welcome-block-content {
display:block;
padding:5px;
padding-top:15px;
}

div#content #home_content {
line-height:18px!important;
}

div#content #home_content p {
margin:0px!important;
}

#quote-result {
float:right;
width:430px;
}

div#calculator form input.inputSubmit {
background:url("uploads/images/images_for_templates/button-calc.png") no-repeat scroll 0 0 transparent;
border:0 none;
color:transparent;
float:right;
height:33px;
margin:20px 0 0;
padding-top:20px;
width:166px;
}

#header h2.slogan {
color:white;
font-size:19px;
left:210px;
position:absolute;
top:14px;
width:600px;
 font-family: Helvetica!important;
}
/* End of 'Presspoint - New layout' */