/*(main.css) KBSsms Style :: Alastair Reid, Easyspace Premium Design */
 
/*Type*/
body { font-family:"Trebuchet MS", Verdana, Arial;}
/*Paragraph Text*/
p {font-size:80%; text-align:justify; line-height:1.5; margin:10px 0px 10px 0px; color:#06315B;}
/*--------------*/

/*Heading Text*/
h1,h2,h3,h4,h5,h6 { color:#244a6f; }
.footertext { margin-left:5px; font-size:9px; } .footerlink { text-decoration:none; color:#FFFFFF;}

.welcome { background-image:url(img/welcome_title.gif); width:178px; height:49px; background-repeat:no-repeat; text-indent:-9999px; margin:0 0 5px 35px;}

.products_title { background-image:url(img/products_title.gif); width:178px; height:52px; background-repeat:no-repeat; text-indent:-9999px; margin:20px 0 20px 10px;}

.faq_title { background-image:url(img/faq_title.gif); width:525px; height:52px; background-repeat:no-repeat; text-indent:-9999px; margin:20px 0 20px 40px;}

.ourpartners { background-image:url(img/ourpartners.gif); width:213px; height:37px; background-repeat:no-repeat; text-indent:-9999px; margin:30px 0 20px 60px;}

.clients {background-image:url(img/ourclients.gif); width:213px; height:37px; background-repeat:no-repeat; text-indent:-9999px; margin:30px 0 20px 60px; }
/*--------------*/ 
 
/*Layout*/
html,body{text-align:center;background:#666;margin:0;padding:0; background-image:url(img/stripe_bg.gif); background-repeat:repeat-x; background-color:#B8D8E6;}
#pagewidth{width:900px;text-align:left;margin-left:auto;margin-right:auto;}
#spacer{position:relative;height:25px;width:100%; text-align:center;}

#header{position:relative;height:12px;color:#fff;width:100%; z-index:8000; margin:10px 0 0 0}
* html #header{ margin: 5px 0 0 0; width:400px;}
#header img { margin:0 0 0 15px;}

.maincol{background-color:#FFF;float:right;display:inline;position:relative;width:900px; z-index:200;}
.right{background-color:#FFF;float:right;display:inline;position:relative;width:450px;}
.left{background-color:#FFF;float:left;display:inline;position:relative;width:450px;}
#footer{height:30px;background-color:#066DAB;color:#fff;clear:both;}
.big_box { width:895px; min-height:300px; margin:8px auto;  }
.med_box { width:580px; height:200px; border:1px solid #CCC; margin:5px 5px; /*float:right;*/}

.box { width:410px; display:inline; margin:0px 0 15px 30px; vertical-align:top; float:left;}
.box3 { width:400px; display:inline; margin:0px 0 30px 30px; vertical-align:top; padding-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:22px; float:left;}
.box2 { width:350px; display:inline; margin:0px 0 30px 30px; vertical-align:top; float:left;}


*:first-child+html .box { display:inline; } 
.box ul { margin:0 0 25px 0px; padding:0; list-style-type:none; width:20em; }
.box li{ padding:5px 5px 5px 20px; margin:0; background:url(img/bullet.gif) no-repeat left center; width:17em; float:left; font-size:0.75em; display:inline;}
.box2 ul { margin:0; padding:0;}
.box2 li { font-size:0.8em; padding:5px;}
.box2 table { vertical-align:top; }
.box2 td { vertical-align:top;}
.box table { vertical-align:top; border:1px solid #CCC; margin:0 0 20px 0px;}
.box td { vertical-align:top;}


.content { width:820px; margin:0 auto;}

/*Fixes*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
img, div { behavior: url(iepngfix.htc) } /*PNG Transparency Fix*/
img { border:0;}

/*Form*/
form {   width:150px;  }
label  {display:block; margin-top:14px; font-size:12px; font-weight:bold; color:#666;}
.textinput { border:2px solid #000000;}

/*Navigation*/
#h-nav{position:relative;background-color:#C8E6F2;height:60px;width:100%;  z-index:500; border-bottom:6px solid #066DAB; margin:-1px 0 0 0;}

* html #h-nav { margin:-67px 0 0 0; height:60px;}

#h-nav li { list-style:none; display:inline; line-height:1.9;}
#h-nav a { text-decoration:none; margin:0; font-weight:bold; color:#FFF;}
#h-nav a:hover { color:#666;}
.links { float:right; width:425px;}
.sprite{display:inline-block;overflow:hidden;background:url(img/nav_sprite.gif) no-repeat;text-indent:0;font:0/0 Arial;color:rgba(255,255,255,0);vertical-align:bottom;width:100px;height:50px;}

.iconHome{background-position:0px -50px;}
:hover.iconHome{background-position:0px 0px;}
.iconProducts{background-position:-100px -50px;}
:hover.iconProducts{background-position:-100px 0px;}
.iconSupport{background-position:-200px -50px;}
:hover.iconSupport{background-position:-200px 0px;}
.iconPartners{background-position:-300px -50px;}
:hover.iconPartners{background-position:-300px 0px;}
.red { color:#F00;}
.register{display:inline-block;padding-left:20px;line-height:18px;background:url(img/register.gif) center left no-repeat; text-decoration:none; font-size:.8em;}

.btn { margin:20px 0 0 0;}
input { margin:0px 0 5px 0;}

a[href$='.xls']{display:inline-block;padding-left:20px;line-height:18px;background:transparent url(img/excel.gif)  center left no-repeat; font-size:0.6em; text-decoration:none; color:#006;}
a[href$='.zip']{display:inline-block;padding-left:20px;line-height:18px;background:transparent url(img/zip.gif)  center left no-repeat; font-size:0.6em; text-decoration:none; color:#006;}
a[href$='.xls']:hover, a[href$='.zip']:hover { text-decoration:underline;}

.login { width:200px; height:15px; padding:3px; float:right; margin-right:180px; }
* html .login {margin:0 70px 0 0;}
.partner_list td img { width:96px; vertical-align:top; }
td p { text-align:left;}
.testimonial {  width:410px; height:100px; background-image:url(img/testimonial_bg.gif); background-repeat:no-repeat; background-position:center;}
.testimonial img { float:right; margin:5px; border:1px solid #333; display:inline;}
.testimonial p { margin:0px 10px 5px 0px; padding:10px;  color:#fff;}
.contact { background-image:url(img/contactform_bg.gif); background-repeat:no-repeat; background-position:center; border:none;}
.LV_validation_message{font-weight:700;margin:0; font-size:0.7em; display:block;}
.LV_valid{color:#0C0;}
.LV_invalid{color:#C00;}
.LV_valid_field,input.LV_valid_field:hover,input.LV_valid_field:active,textarea.LV_valid_field:hover,textarea.LV_valid_field:active{border:1px solid #0C0;}
.LV_invalid_field,input.LV_invalid_field:hover,input.LV_invalid_field:active,textarea.LV_invalid_field:hover,textarea.LV_invalid_field:active{border:1px solid #C00;}

.logo { position:relative; z-index:9000;}