﻿* { padding: 0; margin: 0; }
img.spacer { display:block; }
img { border: none; padding: 0; margin:0; }

*html img { border: none; padding-bottom: -50px; }
*+html img { border: none; padding-bottom: -50px; }

body 
{
	color: #333;
	font-family: Verdana, Lucida Sans;
	font-size: 10px;
	line-height: normal;
}

p.summary {
	line-height: 20px;
	margin-bottom: 20px;
}

form { margin:0; padding:0; }

 a:link, a:visited 
 {
 	display: inline;
 	color: #00A3E5;
 	text-decoration: none;
 }
 
 a:hover 
 {
 	text-decoration: underline;
 }
 
 .category:link, .category:visited 
 {
 	font-size:12px; font-weight: bolder; float:left; color:#FF6600;
 	text-decoration: none;
 }
 
 .category:hover 
 {
     text-decoration: underline;
 }
     

.splitter 
{
clear:both;height: 1px; padding: 0; margin: 0; border-bottom: solid 1px #ccc;
line-height: 1px;

}

.splitter2 
{
	clear: both;
	padding: 0; margin: 0;
	height: 1px;
	background-repeat: repeat-x; 
	background-image: url(i/splitter.gif);
	line-height: 1px;
	font-size: 0px;
}

.splitter3 
{
	clear: both;
	padding: 0; margin: 0 10px;
	height: 1px;
	background-repeat: repeat-x; 
	background-image: url(i/splitter.gif);
	line-height: 1px;
	font-size: 0px;
}

.page { width: 864px;
        margin: 0 auto 0 auto;
        padding: 0;
}
         
.page2 { width: 880px;
        margin: 0 auto 0 auto;
        padding: 0;
}

 h1 
 {
	font-family: Verdana, Lucida Sans;
 	font-size: 18px;
 	font-weight: normal;
 	color: #00A3E5;
 	padding: 0 0 5px 0;
 	margin: 0;
 }
 
#headerLogo 
{
	float:left;
	margin:0;
	padding:0; 
	margin-right:2px; 
	display: inline;
}

#headerContact 
{
	float:right;
	margin:0; margin-top: 10px; 
	padding:0; 
	width: 693px;
	display:inline;
}


#home h1 
 {
	font-family: Verdana, Lucida Sans;
 	font-size: 14px;
 	color: #000;
 	font-weight: normal;
 	padding: 0 0 5px 0;
 	margin: 0;
 }

 tr 
 {
 	vertical-align: top;
 }
 
.services
 {
 	vertical-align: middle;
}

.servicesd
{
	 	padding: 10px; margin: 0;
	 	line-height: 15px;
	 	padding-top: 2px;
	 	width: 16%;
}
 
 input.signin 
 {
 	background-image: url(i/signinbutton.jpg); background-repeat: no-repeat;
 	width: 48px;
 	height: 18px;
 	font-family: Verdana;
 	font-size: 10px;
 	font-weight: bolder;
 	color: #fff;
 	border: none;
 	padding: 0;
 }
 
a.more
{
	background-image: url(i/more.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px;
}

ul.titlesl
{
margin: 2px 0 10px 0px; 
}

.titlesl li 
{
	margin: 2px 10px 2px 20px; 
	font-family:Verdana; 
	font-size: 11px;
	list-style-type:disc;
}

#left 
{
    margin: 5px 0 0 15px;
    float: left;
    width: 600px;
    padding: 0 0 0 0;
    display: inline;
	color: #333;
    line-height: 15px;
}

#left h1 
{
    font-family: lucida sans,verdana; margin: 0; padding: 0px 0 2px 0; line-height: 28px; font-size:28px; color:#00A3E5;
}

#left h2, #right h5 
{
    font-family: lucida sans,verdana; 
    margin: 0; padding: 2px 0 3px 0; font-size:18px; color:#FF6600;
    font-weight: normal;
}

#left h3 
{
    font-family: lucida sans,verdana; 
    margin: 0; padding: 20px 0 5px 0; font-size:18px;
    font-weight: normal;
}

#left h4 {
    font-family: verdana; 
    margin: 0; padding: 10px 0 2px 0; font-size:12px;
    line-height: 20px;
    font-weight: normal;
	color: #333;
}

#left h5 {
    font-family: lucida sans,verdana; 
    margin: 0; padding: 5px 0 5px 0; font-size:20px;
    font-weight: normal;
    color:#00A3E5;
}

#left h6 
{
    font-family: lucida sans,verdana; 
    margin: 0; padding: 10px 0 2px 0; font-size:12px;
    font-weight: bolder;
    color:#000;
}

#form {
    padding-top: 10px;
    margin-top: 10px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background: #F4F4F4;
}

 .list li 
 {
 	list-style-type: square;
 	list-style-position: outside;
 	text-align: left;
 	padding-bottom: 5px;
 	margin: 0 0 0 15px;
 }
#right 
{
    margin: 5px 15px 0 0;
    float: right;
    width: 230px;
    padding: 0;
    display: inline;
}

#right li  {
	margin: 5px 0 0 0;
	color:#00A3E5;
}

#right li.thisone
{
	background-image: url(i/thisone.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px;
	display:inline-block;
	color: #666;
}

#middle 
{
	margin: 17px 0 0 0;
}
 #middle ul 
 {
 	margin: 0;
 	padding: 0;
 }
 
 #middle ul li 
 {
 	direction: rtl;
 	list-style-image: url(i/more.gif);
 	list-style-position: outside;
 	text-align: left;
 	padding-bottom: 5px;
 }
 
 #middle ul li a, #middle ul li a:visited 
 {
 	display:inline-block;	
 	color: #00A3E5;
 	text-decoration: none;
 }
 
 #middle ul li a:hover 
 {
 	text-decoration: underline;
 }
 
#clients 
{
    width: 864px;
    margin: auto;
}

#clientlogoswin 
{
    position:relative; 
    overflow:hidden;	
    text-align: center;
    float: left;
    width: 864px;
}

ul{list-style:none}

.wrap {
  position:relative;
  padding: 5px 0 10px 0;
  margin: 0;
}
.wrap ul 
{
	text-align: center;
	padding-top: 5px;
}
.wrap li {
  display:-moz-inline-box; /* gecko*/   
  display:inline;/* opera and safari*/            
	padding: 0px 6px;
	margin:0px 6px;
}
.wrap li a{
	display:inline;
	text-decoration:none;
}
 
.wrap2 {
  position:relative;
  padding: 5px 0 10px 0;
  margin: 0;
}
.wrap2 ul 
{
	text-align: center;
	padding-top: 5px;
}
.wrap2 li {
  display:-moz-inline-box; /* gecko*/   
  display:inline;/* opera and safari*/            
	padding: 15px 8px;
	margin:15px 8px;
}

.wrap2 li img {
	padding: 5px 8px;
	margin:5px 8px;
}

.wrap2 li a{
	display:inline;
	text-decoration:none;
}

#sitemap 
{
    color: #666;
    font-family: "Arial";
    font-size: 10px;
}

#sitemap a:link, #sitemap a:visited 
{
    color: #666;
    text-decoration: none;
}

#sitemap a:hover 
{
    text-decoration: underline;
}

#sitemap h1 
{
    font-size: 11px;
    font-weight: bolder;
    margin: 10px 0 5px 0;
    padding: 0;
}

.comments td
{
	padding-top: 15px;
	margin-top: 5px;
}

.error {
    text-align: left;
    padding: 10px;
    margin: 10px;
    border: solid 1px red;
    background-color: #FFEBE8;
    color: #000;
}

.greenmessage {
    text-align: left;
    padding: 10px;
    margin: 10px;
    border: solid 1px #88FF88;
    background-color: #DFFFDF;
    color: #000;
}
    
.ambermessage {
    text-align: left;
    padding: 10px;
    margin: 10px;
    border: solid 1px #EAC017;
    background-color: #FFFFDD;
    color: #000;
}

.progressmessage {
    text-align: left;
    padding: 10px;
    margin: 10px;
    border: solid 1px #88FF88;
    background-color: #DFFFDF;
    color: #000;
}
table#form, table#form1a, table#form1b, table#form1c, table#form1d , table#form1e
{
    padding: 10px;
    margin: 10px auto;
    background-color: #ECEFF5;
     border-bottom: solid 1px #E5EAF1;
    width: 600px;
    border-spacing: 0px;
}

table#form h2, table#form1a h2, table#form1b h2, table#form1c h2, table#form1d h2, table#form1e h2 
{
    font-family: lucida sans,verdana; 
    margin: 0; padding: 10px 0 2px 0; font-size:12px;
    font-weight: bolder;
    color:#000;
}

table#form2
{
    padding: 10px;
    margin: 10px;
    border: solid 1px #EAC017;
    background-color: #FFFFDD;
    width: 600px;
}

table#form th, table#form1a th, table#form1b th, table#form1c th, table#form1d th, table#form2 th {
    height: 0px;
}

table#form td, table#form1a td, table#form1b td, table#form1c td, table#form1d td,table#form1e td, table#form2 td 
{
	margin: 0; padding: 1px;
    vertical-align:middle;
}

table#form .spacer, table#form1a .spacer, table#form1b .spacer, table#form1c .spacer, table#form1d .spacer, table#form2 .spacer {
    width: 35px;
    vertical-align: top;
}

table#form .spacer2, table#form1a .spacer2, table#form1b .spacer2, table#form1c .spacer2, table#form1d .spacer2, table#form1e .spacer2,table#form2 spcer2 {
    width: 15px;
}

table#form .spacer3 
{
	width: 10px;
}

table#form .title, table#form1a .title, table#form1b .title, table#form1c .title, table#form1d .title, table#form1e .title, table#form2 .title {
    white-space: nowrap;
    vertical-align: top;
    padding-top: 3px;
    width: 150px;
}

table#form .title2, table#form1a .title2, table#form1b .title2, table#form1c .title2, table#form1d .title2, table#form1e .title2, table#form2 title2 {
    white-space: nowrap;
    width: 1%;
    vertical-align: top;
    padding-top: 3px;
}

table#form .titlecaptcha, table#form1a .titlecaptcha, table#form1b .titlecaptcha, table#form2 .titlecaptcha {
    white-space: nowrap;
    width: 1%;
    vertical-align: bottom;
    padding-bottom: 10px;
}

table#form .filler, table#form1a .filler, table#form1b .filler, table#form2 .filler {
    width: 99%;
}

table#form .filler2, table#form1a .filler2, table#form1b .filler2, table#form2 .filler2 
{
    width: 350px;
}

table#form .commands, table#form1a .commands, table#form1b .commands, table#form2 .commands
{
    width: 450px;
}


table#form .text, table#form1a .text, table#form1b .text, table#form2 .text {
    padding-right: 35px;
}

table#form .smalltext, table#form1a .smalltext, table#form1b .smalltext, table#form2 .smalltext {
    padding-right: 35px;
    font-size: 9px;
}

table#form .text2, table#form1a .text2, table#form1b .text2, table#form1c .text2, table#form1d .text2, table#form1e .text2,table#form2 .text2 {
    padding-left: 15px;
    padding-right: 15px;
}

table#form .splitter, table#form1a .splitter, table#form1b .splitter, table#form1c .splitter, table#form1d .splitter, table#form1e .splitter{
    background-image: url(i/line.gif);
    background-repeat: repeat-x;
	vertical-align: top;
    margin-left: 15px;
    margin-right: 15px;
	height: 1px;
}

table#form h2 
{
	color: #000;
	font-size: 11px;
	font-family: Verdana, "Helvetica LT Light", Arial, "Trebuchet MS";
	font-weight: bolder;
}
    
#formlist, #formmessage {
    margin: 0;
    width: 100%;
    vertical-align: top;
    text-align: left;
	font-size: 10px;
	font-family: Verdana, "Helvetica LT Light", Arial, "Trebuchet MS";
}

#formlist .draghandle {
    background-color: Black;
    width: 10px;
    height: 10px;
}

#formlist .dragpanel {
    float: left;
    width: 100%;
    margin-left: -10px;
}

#formlist .formlistentry {
    float: left;
    width: 100%;
}

#formlist ul {
	padding: 0;
	margin: o;
	margin-left: -15px;
	display: inline;
}

#formlist li {
	background-repeat	:repeat-x;	
	list-style-image	:none;
	list-style-position	:inside;
	list-style-type		:none;
	height: 20px;
	margin				: o;
	padding: 0;
	margin-left: 0px;
}

#formmessage {
    padding-left: 15px;
    width: 90%;
}

#formlist .formlistspacer, #formlist .formlistspacer2, #formlist .formlistspacer3, #formlist .formlistspacer4 {
    padding-left: 15px;
    float: left;
    width: 25px;
    vertical-align: top;
}

#formlist .formlistspacer2 {
    padding-top: 3px;
    vertical-align: middle;
}

#formlist .formlistspacer3 {
    width: 20px;
    padding-left: 0;
}

#formlist .formlistspacer4 {
    width: 80px;
    padding-left: 0;
}

#formlist .formlistspacer5 {
    float: left;
    width: 20px;
    vertical-align: top;
}

#formlist .formlistfield {
    float: left;
}

#formlist .formlistcontent {
    padding-right: 35px;
    float: left;
    width: 410px;
    vertical-align: top;
}

#formlist .formlistcontent2 {
    float: left;
    vertical-align: top;
}

/* ====================================================================
   FORMS
-------------------------------------------------------------------- */
input.btnprimary, input.btnprimary2, input.btnsecondary {
	font-family: Arial, "Helvetica LT Light", Verdana, "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	border: none;
	width: 94px;
	height: 30px;
	padding: 0;
	margin: 0;
}
input.btnprimary {
	background: url(i/btnprimary.gif) top left no-repeat;
	width: 124px;
}
input.btnprimarylng {
	background: url(i/btnprimarylng.gif) top left no-repeat;
}
input.btnprimary2 {
	background: url(i/btnprimary2.gif) top left no-repeat;
	width: 108px;
}
input.btnsecondary {
	background: url(i/btnsecondary.gif) top left no-repeat;
	width: 124px;
}

input.shortfield, input.counter, input.counter2, input.standardfield, textarea, textarea.standardfield, textarea.multilinefield, .dropdownfield {
	font-family: Verdana, "Helvetica LT Light", Arial,  "Trebuchet MS";
	font-size: 10px;
	color: #000;
	display: inline;
}


input.shortfield {
	width: 60px;
}
input.standardfield {
	width: 200px;
}


input.btntick, input.btntick2, input.btncross {
	border: none;
	width: 20px;
	height: 20px;
	background: url(i/tick.gif) center center no-repeat;
	cursor: hand;
}
input.btntick2 {
	background: url(/i/btntick2.gif) top left no-repeat;
}
input.btncross {
	background: url(i/cross.gif) center center no-repeat;
}

input[type="text"], input[type="password"], textarea, textarea.standardfield, textarea.multilinefield, .dropdownfield {
    font-family: Verdana, "Helvetica LT Light", Arial,  "Trebuchet MS";
    font-size: 10px;
    border: solid 1px #ccc;
    background-color: #fff;
    height: 15px;
    padding-top: 1px;
    padding-left: 2px;
    
}

textarea.multilinefield 
{
	width: 200px;
	height: 100px;
}

.required 
{
	color: Red;
	font-size: 8px;
}

