.foo {} /* W3C likes this */

/*
***************************************************
Simeio - Default CSS Stylesheet for website
Version: 1.0
Development by: Bitpusher Ltd
Developer: Gavin Davies
Email: gavin@bitpusher.co.uk
***************************************************
*/

/* Common tag elements - bg #E8F3FF */
* {padding: 0; margin: 0}
html { margin:0; padding:0; }  
body { color:#333333; text-align:left; font-family: Geist Sans, Lucida Sans Unicode, Arial, Verdana, Tahoma, Helvetica; font-size: 80%; font-weight:normal; height:100%; margin:0; padding:0; }
h1 { font-size: 175%; margin:0 0 0.5em 0; color:#333333; padding:0; font-weight:normal}
h2 { font-size: 135%; margin:0.1em 0 0.1em 0; color:#333333; padding:5px 0 5px 0px; font-weight:normal;}
h3 { font-size: 110%; margin:0.1em 0 0.1em 0; color:#333333; padding:5px 0 5px 0px; font-weight:normal; }
p { line-height: 145%; margin: 0.1em 0.5em 1em 0; }
a:link, a:visited { color:#333333; text-decoration: underline; }
a:hover, a:active { text-decoration: underline; }
img  { border:none; padding:0; margin:0;}
ul {margin:0 0 0.5em 1em;}
li { list-style-type:square; padding:0.30em 0 0.30em 0; margin:0; }
ol { margin:0 0 0.5em 0em; padding:0; }
ol li { margin:0; padding:1px 0 1px 0; list-style-type:none; }
label { display: block; text-align: right; float: left; width: 160px; padding:0 1em 0 0;}
input { }
select { }
fieldset { border: none; margin: 0; padding: 2px 0 3px 0;}
legend { display:none; }
table { border-collapse:collapse; width:100%; font-size:80%; margin:0 0 5px 0; }
td { padding:4px 0 4px 7px; vertical-align:top; }
th { font-weight:normal; padding:7px 0 7px 7px; font-weight:bold; vertical-align:top;}
caption { display:none; }
thead { background-color:#DCF4F8; }
form { height:100%; margin:20px 0 0 0; padding:0; }
tbody { padding:0; margin:0; }
hr { padding:0 0 2px 0; margin:0; height:1px; position:relative; }
strong { padding:0; margin:0; }
div { border:solid 0px red;}

/* Common CSS classes */
.hide { position:absolute; left:-9000px; top:0; z-index:20; }
.display-show { display:inherit; }
.display-hide { display:none; }
.cb { clear:both; }
.fl { float: left; }
.fr { float: right; }
.auto { width:auto; }
.nowrap { white-space:nowrap; }
.center { text-align: center; }
.border-none { border:none; }
.transparent { background-color:transparent; }
.align-right { text-align:right; }
.align-left { text-align:left; }
.bold { font-weight:bold; }
.normal { font-weight:normal;}
.underline { text-decoration:underline; }
.strike-out { text-decoration: line-through; }
.required { background-color: #FFFF9F; border:solid 1px gray; }
.watermarked { color:#666666; }
.watermarked_pwd { color:#ffffff !important; text-align:right; background-image:url(../images/bg/bg_password.gif); background-position: 2px 0px; background-repeat:no-repeat; }
.hi-light { color: red; }
.comment {  padding:0; margin:0; color:#666666; }
.black { color:black; }
.padding-off { padding:0;}
.padding { padding:10px; }
.padding-left { padding-left:10px; }
.padding-right { padding-right:10px; }
.padding-top { padding-top:10px; }
.padding-bottom { padding-bottom:10px; }
.padding-image { padding-top:2px; padding-bottom:6px; }
.margin-off { margin:0; }
.margin-top { margin-top:10px; }
.margin-bottom { margin-bottom:10px; }
.ol { margin:0 0 0 30px; padding:0; }
.ol li { margin:0; padding:2px 0 2px 0; list-style-type:decimal; }
.ul { margin:0 0 15px 20px !important; padding:0;}
.ul li { margin:0; padding:2px 0 2px 0px; list-style-type:square; }
.error-msg { color:#000000; padding:1px 10px 0 20px; background-image:url(../images/icon_warning.gif); background-position:0px 0px; background-repeat:no-repeat; display:inline-block; }
.pass-msg { color:#000000; padding:1px 10px 0 20px; background-image:url(../images/check.gif); background-position:0px 0px; background-repeat:no-repeat; display:inline-block; }
.extlnk { position:relative; font-weight:bold; padding:0 12px 0 0; background-image: url('../images/icon_external.gif'); background-position: right top; background-repeat:no-repeat; }
.lnkmore { padding-right:12px; padding-left:10px; font-weight:bold; background-image: url(../images/double_arrows.gif); background-position:right center; background-repeat:no-repeat; }
.lnkinfo { display:block; padding:3px 0 2px 24px; background-image: url(../images/icon_info.png); background-position:left center; background-repeat:no-repeat; }
.pdf { padding:1px 10px 0 20px; background-image:url(../images/icon_pdf.gif); background-position:0px 0px; background-repeat:no-repeat; display:inline-block; }
.lnk { padding-right:12px; font-weight:bold; background-image: url(../images/icon_external.gif); background-position:right top; background-repeat:no-repeat; }
.content-page { min-height:250px; background-image: url(../images/vertical_dots.gif); background-position:215px 0px; background-repeat:repeat-y;  }
.clearfix:after {content: "."; display: block; height: 0; margin:0; padding:0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Handles the Alpha Transparacy for PNG graphics in IE5.5/IE6 */
* html .png img, * html .png { behavior: url(/library/javascript/iepngfix.htc); }
 
/* Site Structure */
#parent { position:relative; margin:0 auto 0 auto; min-width:957px; max-width:1300px; height:100%; text-align:left; padding:0 12px 0 12px; }
#content { margin:22px 0 0 0; height:auto; padding:0; }
#content-wrap { margin:0 3px 0 3px; height:auto; padding:0; background-color:#ffffff; border-left:solid 1px #C0C0C0; border-right:solid 1px #C0C0C0;  }
#content-main { margin:0 3px 10px 33px; padding:0 0 50px 0; float:left; }
#content-main .container-left { float:left; width:545px; padding:0; }
.right-col { float:right; width:150px; margin:0 14px 0 0; padding:0; }
 
/* Header */
#header { position:relative; height:129px; padding:0; margin:0; background-size:100% 100%; background-color:#ffffff; background-image: url(../images/bg/curve.png); background-repeat:no-repeat; background-position:0 -8px; }
#header .logo { position:relative; margin:70px 0 0 103px; }
#header .tel { position:absolute; top:8px; right:78px; color:#333333; }

/* Navigation */
#navigation { position:relative; z-index:199; height:28px;-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; background-color:#111111}

/* Sub Navigation */
.sub-nav { border-bottom:solid 1px #005596; margin:0 0 10px 0 !important; }
.sub-nav li { float:left; margin:0 27px 0 0 !important; list-style-type:none; }
.sub-nav li a { color:#005596; }
.sub-nav li.selected { color:#999999; }
.sub-nav li.last { margin:0 0 0 0 !important; }

/* Homepage */
.hp_img { float:left; margin:0 5px 0 -33px; width:250px; display:block; }

/* Download */
.list-pdf { margin:0 0 30px 0; }
.list-pdf li { list-style-type:none; }

/* Gadgets */
.gadgets { padding:10px 0 0 0; margin:0 0 10px 0; }
.gadgets ul { margin:0; }
.gadgets li { float:left; margin:0 7px 0 0; text-align:center; padding:0; list-style-type:none; display:block; width:175px; height:145px; background-image:url(../images/bg/bg_gadget1.jpg); background-position:0 0; background-repeat:no-repeat; }
.gadgets li.last { margin:0; }
.gadgets .header { font-size:12px; padding:0; margin:0; font-weight:bold; text-align:center; }
.gadgets .container { padding:5px 8px 15px 8px; vertical-align:middle; }

/* Right Column Gadgets */
.right-col .button { width:151px; height:38px; margin:0; color:#666666; padding:5px 0 0 0; font-size:1em; font-weight:bold; display:block; text-align:center; background-image:url(../images/buttons/grey_btn.gif); background-position:0 0; background-repeat:no-repeat; }
.right-col .button span { margin:0; color:#444444; line-height:100%; font-weight:normal; padding:0; font-size:0.8em; display:block; text-align:center; }
.right-col .button.view { padding:11px 0 0 0; }
.right-col .reader { margin:10px 0 0 5px; display:block; }
.right-col .pdf { margin:15px 0 0 0; display:block; }

/* Right Column Login Gadget */
.gadget_login { margin:0 0 8px 0; }
.gadget_login ul { margin:0 0 0 5px; padding:0; }
.gadget_login li { margin:0; padding:2px 0 2px 0; list-style-type:none; }
.gadget_login input { width:128px; margin:0 0 0 1px; padding:2px 2px 2px 2px; color:#666666; }
.gadget_login .error-msg { padding:0 0 5px 19px; margin:2px 0 0 2px; font-size:0.9em; }
.gadget_login .btn-login { width:55px; margin:0 0 0 45px; color:#ffffff; padding:2px 0 2px 0; background-color:#888689; border:none; font-weight:bold; }
.gadget_login .header { font-size:12px; height:20px; padding:2px 0 0 0; font-weight:bold; text-align:center; color:#ffffff; background-image: url(../images/bg/bg_login_header.gif); background-repeat:no-repeat; background-position:0 0; }
.gadget_login .container { padding:5px 0 5px 0; background-image: url(../images/bg/bg_login_middle.gif); background-repeat:repeat-y; background-position:0 0;  }
.gadget_login .footer { padding:0; height:11px; background-image: url(../images/bg/bg_login_footer.gif); background-repeat:no-repeat; background-position:0 0;  }

/* FAQ */
.faq h2 { font-size:120%; }

/* ROI Calculator */
.roi ul { margin:0 0 10px 15px; }
.roi li { margin:0; list-style-type:none; }
.roi input { margin:0; padding:0; width:100px; }
.roi .error-msg { margin:0 0 0 3px; }
.roi .error-wrap { margin:2px 0 0 110px; }

/* Footer */
#footer { position:relative; text-align:center; margin:0 auto 0 auto; padding: 4px 0 0 0; height:26px; background-color:#111111;-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;}
#nav_footer { width:520px; padding:0; margin:0 auto 0 auto; }
#nav_footer ul { margin:0; padding:0; }
#nav_footer li { margin:0; padding:0; display:inline; list-style-type:none; } 
#nav_footer a { border-right:solid 1px #ffffff; color:#ffffff; padding:0 8px 0px 8px; display:inline-block;text-decoration: none; } 
#nav_footer a.last { border-right:none; } 

/* Copyright */
#copyright { position:relative; font-size:0.9em; text-align:center; margin:0 auto 0 auto; padding: 9px 0 20px 0; }

/* Contact Form */
#contact .error-wrap { padding:4px 0 0 110px; }
#contact li { list-style:none; padding:2px 0 2px 0; }
#contact .contact-button { font-size:0.9em; margin:8px 0 5px 100px; padding:0 10px 0 10px; }
#contact .chk input { float:left; margin:0 0 0 110px; }
#contact .chk label { width:auto; padding:2px 0 0 3px; }

/* Login */
#login { position:relative; }
#login .imageClass{ margin:0 0 0 175px }
#login li { list-style:none; }
#login li.comment { padding:10px 200px 10px 175px}
#login .txtbox { width:250px; }
#login .error-padding { margin-left:175px; margin-top:2px; padding:1px 10px 0 20px; display:block; }
#login .login-btn { padding:0 0 0 175px; }
#login .login-btn input { width:65px; }
#login .RadInput { padding:0 0 3px 0}
#login .RadInput .riLabel {width:173px;}
#login .RadInput .riTextBox {width:140px !important}

/* This style sheet is intended to contain RARELY CHANGED rules used when the TreeView control adapter */
.AspNet-Menu-Vertical ul.AspNet-Menu li { width: 100%; }
div.AspNet-TreeView { margin: 0; padding: 0; }
div.AspNet-TreeView ul { list-style: none; margin: 0; padding: 0; }
.AspNet-TreeView-Show {}
.AspNet-TreeView-Hide { display:none; }
#ctl00_cphContent_RadCaptcha1_ctl00 { color:#000000; padding:1px 10px 0 20px; margin:0 0 0 160px; background-image:url(../images/icon_warning.gif); background-position:0px 0px; background-repeat:no-repeat; display:inline-block; }
.imageClass {margin:0 0 0 110px; }