* { margin: 0; padding: 0; }
body { font-size: small; font-family: Tahoma, Helvetica, Arial,  sans-serif; background: #fff; color: #777; margin: 0; padding: 0; text-align: center;}
* html body { font-size: x-small; /* for ie5/win */ f\ont-size: small; /* for other versions *//* for other versions */ }

h1, h2, h3, h4, h5 { margin: 0; }
h1 { font-size: 135%; background: transparent; color: #909090; font-weight: normal; text-transform: uppercase;}
h2 { font-size: 125%; background: transparent; color: #062559; font-weight: bold; margin: 0px 0 10px 0;}
h3 { font-size: 120%; color: #666; margin: 0px 0 10px 0;}
h4 { font-size: 115%; }
h5 { font-size: 110%; }
p { margin-bottom: 1.3em; line-height: 1.5em;}

a { outline: none; }
.hr { height: 11px; background: transparent url("/images/hr.gif") 0 50% repeat-x; padding: 0px; margin: 0 0 10px 0; clear: both; }
hr { display: none; margin: 0; padding: 0;}
img { border: 0; }
img a { outline: none; }
strong { font-weight: bold;}
address { font-style: normal;}
a { color: #2772AF; }
cite { color: #062559; font-style: normal; display: block; margin: 0 0 10px 0;}

/* ---------------lists --------------- */
ol, ul{ margin: 0; padding: 0; list-style: outside; padding-left: 20px; }
ol li { list-style-image: none; list-style: outside decimal; margin-bottom: 10px; }
ol { margin-left: 0px; }
li { list-style-type: none; }

.hr,.dl_case_study,ul.other, ul.other2, ul.other3 { 
}
ul.other {
	float: left;
	clear: both;
	margin: 0 0 10px 0!important;
	padding-left: 0;
	background: #fff;
}
ul.other li {
	background: transparent url(/images/bullet.gif) no-repeat 0px 1px;
	float: left;
	font-size: 95%;
	width: 170px;
	\width: 190px;
	w\idth: 170px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}
ul.other li a {
	display: block;
	padding: 0 0 0 10px;
	margin: 0;
}

ul.other2 { float: left; clear: both; margin-left: 0; padding: 0; }
ul.other2 li { background: url("/images/bullet2.gif") no-repeat center left; float: left; width: 180px; \width: 190px; w\idth: 180px; padding:0 0 0 10px; margin-bottom: 10px; font-weight: bold; font-size: 95%;}

ul.other3 { float: left; clear: both; margin:0 0 10px 0!important; padding-left: 0; background: #fff; }
ul.other3 li {
	background: #fff url(/images/bullet.gif) no-repeat 0px 1px;
	float: left;
	font-size: 95%;
	width: 155px;
	\width: 175px;
	w\idth: 155px;
	padding: 0 0 0 20px;
	margin: 0 10px 5px 0;
}
ul.other3 li a { display: block; padding: 0 0 0 10px; margin: 0; }

ul.faqquestions li { background: url(/images/bullet.gif) no-repeat 0px 1px;width: 270px; \width: 290px; w\idth: 270px; padding: 0 0 5px 20px; margin: 0 0 5px 0; font-weight: bold;}

/* --------------- controllers --------------- */
.clear { clear: both; line-height: 0px; height: 0px; overflow: hidden;}
.c { clear: both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* --------------- Column Widths --------------- */
#container { width: 776px; text-align: left; margin:0; font-size: 90%; clear: both; text-align: left; margin: 0 auto;}

#left { padding: 0 15px 0 10px; float: left;}
#main { padding: 0 10px 0 15px; float: left;}

#home #left, .col2 #left { width: 222px; \width: 247px; w\idth: 222px;}
#home #main, col2 #main { width: 501px; \width: 526px; w\idth: 501px; }

#section #left, #myaccount #left  { width: 345px; \width: 370px; w\idth: 345px; }
#section #main, #myaccount #main  { width: 381px; \width: 406px; w\idth: 381px;}
#myaccount #main {margin: 0 auto; float: none; }

#article #left { width: 222px; \width: 247px; w\idth: 222px;}
#article #main { width: 501px; \width: 526px; w\idth: 501px;}



#content {
	clear: both;
	padding: 10px 0 0 0;
	background: #fff url(/images/bg_2col.gif) repeat-y top left;
	width: 776px;
}

body#section #content {background: url(/images/bg_2col.gif) repeat-y 117px 0!important;}
body#casestudy #content {background: none;}
body#myaccount #content{ background-image: url("/images/bg_col.gif");}

body#popup {background: #547199; color: #fff; padding: 10px;}
body#popup h1, body#popup h2, body#popup h3, body#popup h4,body#popup a {color: #fff;}
body#popup #content, body#popup #main{background-image:none; background: #547199; float: none; width: 600px!important;}


#header { float: left; background: #fff; margin-top: 10px; }
#header h1 { background: url('/images/logo.jpg') right top no-repeat; width: 251px; height: 162px; float: left; }
#header h1 a { display: block; height: 162px; }
#header h1 span { display: none; }

#header form { position: relative; background: url("/images/header_bg.jpg") top right no-repeat; width: 521px; height: 162px; display: block; float: left; }
#header fieldset { position: absolute; top: 100px; right: 20px; border: none; text-align: right; clear: right; }
#header legend { display: none; }
#header input.stext { border: 1px solid #062559; font-size: 100%; padding: 2px 0 2px 4px; width: 14em; font-size: 90%; vertical-align: middle; margin-right: 3px;  color: #666666; }
#header .button, .button  { border: none; vertical-align: middle;}

#footer {background: #fff; padding: 0px 5px 20px 5px;}
#footer span {background: url("/images/bullet2.gif") no-repeat 0 6px; float: left; padding-left: 10px; margin: 0 0 0 10px;}


#topnav { position: absolute; bottom: 0; left: 0px; float: left; width: 521px; padding: 0; margin: 0; list-style: none; background: transparent url("/images/checker.gif") top left; z-index: 10; font-size: 110%; border-top: 1px solid #fff; }
#topnav li { float: left; margin: 0; padding: 0; font-size: 100%; height: 33px; }
#topnav a { font-weight: bold; float: left; color: #fff; text-decoration: none; padding: 8px 10px 0 10px; display: block; height: 26px; }
#topnav a.selected { background: #fff; color: #435B82; padding: 8px 10px 0 10px; }
body#home #topnav li.home a { background: #fff url("/images/nav_fade.jpg") top left repeat-y; color: #435B82; padding: 8px 10px 0 10px; }
body#contactus #topnav li.about_us a.selected {color: #fff; background: none;}


#tools { position: absolute; left: 257px; height: 1.7em; background: #7DA6C8 url("/images/tool_bg.gif") bottom left repeat-x; padding: 0 10px; }
#tools li { float: left; margin: 2px 0 0 0;}
#tools li a { display: block; padding: 0; color: #fff; text-decoration: none; font-size: 95%;}
#tools .first { border-right: 1px solid #fff; padding: 0 7px 0 0; }
#tools .last { padding: 0 0 0 7px; }

#subnav { margin-bottom: 2em; padding:0; }
#subnav li{ list-style: none; margin-bottom: 1em; background: url(/images/bullet.gif) 0 2px no-repeat; padding-left: 20px;  }
#subnav a { text-decoration: none; }

p.ok { margin: 0 10px 10px 10px; background:#D3F0C6 url("/images/ok.gif") no-repeat 8px 50%; color:#244A13; border:1px solid #669900; padding:10px 10px 10px 40px; font-weight:bold  }
p.error { margin: 0 10px 10px 10px; background:#FFD7D7 url("/images/error.gif") no-repeat 8px 50%; color: #CC0000; border:1px solid #CC0000; padding:10px 10px 10px 40px; font-weight:bold }
p.info { margin: 0 10px 10px 10px; background:#99CCFF url("/images/info.gif") no-repeat 8px 50%; color: #0066CC; border:1px solid #0066CC; padding:10px 10px 10px 40px; font-weight:bold }

/* Section Panels */

dl { width: 240px; float: left; margin: 0;}
dl.odd { clear: both; margin: 10px 15px 10px 0;}
dl.even { margin: 10px 0 10px 0;}
dt { font-size: 100%; font-weight: bold; margin: 0 0 8px 0; width: 120px; float: left;}
dt a { background: none; text-decoration: none; }
dt a:hover { color: #555; }
dd { font-size: 95%; width: 115px; float: left; clear: none; line-height: 1.5em;}
dd p { margin: 10px 0 10px 0; }
dd.img { float: right; clear: none; background: #fff;}
dd.img img { margin: 0;}
dd.link {font-weight: bold;}
#left dd.img img { margin: 0 0 20px 0;}

#left dl { width: 340px; float: none; margin: 0; /*display: block;*/ position: relative; border-bottom: 1px solid #ccc; padding: 10px 0 15px 0;}
#left .last { border-bottom: none; }
#left dt { clear: both; position: relative; left: 0; top: 0; background: transparent url("/images/bullet.gif") no-repeat center left; padding: 3px 20px; width: 295px; font-size: 110%; }
#left dd.img { clear: both; float: left; width: 150px;}
#main dd.img img { padding: 5px; border: 1px solid #ccc;}
#left dd.img img { padding: 5px; border: 1px solid #ccc; margin-left: 20px; }
#left dd { float: left; width: 190px; }
#left dd.link { margin: 10px 0 0 0; }
#left dd.link a { margin: 0;  }

#left ul { color: #1B6099; margin: 0; padding: 0; }
#left ul li { color: #2772AF; margin: 20px 0 20px 0!important; margin: 5px 0 5px 0; }
#left ul li a { padding: 2px 0 2px 25px; text-decoration: none; display: block; background: #fff url("/images/q.jpg") 0 50% no-repeat;}

img.l { float: left; margin: 0 5px; }
img.r { float: left; margin: 0 5px; }

.dl_case_study { float: left; margin: 0; font-size: 100%; width: 500px; background: #fff;}
.dl_case_study dt strong { font-size: 135%; color: #062559; font-weight: bold;}
.dl_case_study dt { float: left; color: #284370; font-size: 95%; font-weight: bold; clear: left; width: 500px; clear: both; }
.dl_case_study dd { float: left; width: 360px; line-height: 1.5em; margin-left: 10px; }
.dl_case_study dd.img { float: left; margin: 0 8px 0 0!important; margin: 0; width: 115px;}

.dl_contact { width: 240px; background: #fff; padding: 0 0 0 10px; }
.dl_contact dt strong { width: 240px; float: left; font-size: 135%; color: #062559; font-weight: bold; text-align: left; clear: right; }
.dl_contact dt { color: #284370; font-size: 95%; float: left; width: 70px; clear: both; text-align: right;}
.dl_contact dd { float: right; width: 150px; }
.dl_contact dd.num { margin: 0 0 8px 0;  }

.login_form { border: 0; }
.login_form legend { color: #fff; font-weight: bold; margin: 0!important; margin: 0 0 0 -15px; }
.login_form p { padding: 5px 0 5px 0;}
.login_form p a { margin: 0; display: block; float: right; }
.login_form label { display: block; width: 70px; float: left; text-align: right; padding: 0 5px 0 0; }
.login_form .login_field { float: left; width: 140px; border: 1px solid #062559; }
.login_form span { width: 210px; display: block; background: url("/images/hd1.gif") no-repeat bottom left; padding: 5px 0 5px 10px!important; padding: 5px 0 5px 15px;}

fieldset#login { border: 0; }
fieldset#login label { display: block; width: 70px; float: left; }
fieldset#login .login_field { float: left; width: 110px; border: 1px solid #062559; }
fieldset#login p { margin: 0 0 5px 0; clear: both; }

fieldset#login { border: 0; }
fieldset#login label { display: block; width: 70px; float: left; }
fieldset#login .login_field { float: left; width: 110px; border: 1px solid #062559; }
fieldset#login p { margin: 0 0 5px 0; clear: both; }

/* --------------- Form --------------- */
.form { border: 0; margin-bottom: 1em; }
.form select { height: 1.2em; border: 1px solid #ccc; vertical-align: top; }
.form label { float: left; width: 155px; \width: 160px; w\idth: 155px; text-align: right; padding-right: 5px; font-weight: bold; }
#left .form label { width: 135px; \width: 140px; w\idth: 135px; }
.form textarea { width: 200px; }
.form p { margin: .2em 0; padding: 4px 0 4px 0; clear: both; }

fieldset#form  p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html fieldset.form  p {height: 1%;}
/* End hide from IE-mac */

fieldset.form input:focus, fieldset.form textarea:focus, fieldset.form select:focus, .stext { background: #E6F2FB; }
.required label { color: #666; font-weight: bold; width: 148px;\width: 160px;w\idth: 148px;padding: 0 12px 0px 0px; background: url("/images/required.gif") top right no-repeat;  }
.required label span { display: none; }
.error label { color: #e00; }
.error input { border:1px solid #e00; background: #FFE1E1;}
.errortext { font-weight: bold; color: #e00; padding-left:155px; }
fieldset.form .summary { margin-left: 155px; border-bottom: 1px dashed #ccc;padding-bottom: 5px; display: block; width: 233px; }
input.choosedate { border: 0 !important; margin: 4px 0 0 auto; display: block; }

input { outline: none; }
.search_results { border: 1px solid #ccc; width: 150px; }
textarea { border: 1px solid #062559; }
input.email, input.text, input.numeric { border: 1px solid #062559; width: 200px;}
select.text { width: 200px; }
input.checkbox {margin: 0; border:none;}
input.radio {margin: 0; border:none;}
h4.sep {color:#062559;}
hr.sep {display: block; height: 2px; background: #062559; border: 0; margin: 2px 0;}


/* --------------- Help panel --------------- */
.panel2 { background: url("/images/panel-top.gif") top left no-repeat; width: 226px; margin: 20px 0 0 -1px;}
.panel2 a, .panel1 a:hover { text-decoration: none; display: block;}
.panel2 div { background: url("/images/panel-bottom.gif") bottom left no-repeat;  }
.panel2 h3 { color: #fff; width: 75px; margin-top: 15px; text-align: center; float: left; }
.panel2 h3 a {color: #fff;}
.panel2 p strong { color: #062559; font-size: 100%; }
.panel2 p { font-size: 95%; margin: 0; padding: 0; }


.panelwide { background: url("/images/panelwide-top.gif") top left no-repeat; width: 371px; margin: 20px 0 10px -1px;}
.panelwide a, .panel1 a:hover { text-decoration: none;  display: block; }
.panelwide div { background: url("/images/panelwide-bottom.gif") bottom left no-repeat; padding: 0 0 5px 0;  }
.panelwide h3 { color: #fff; width: 75px; margin-top: 15px;text-align: center; float: left;}
.panelwide h3 a {color:#fff;}
.panelwide p strong { color: #062559;}
.panelwide p { font-size: 120%; margin: 0; padding: 0; }

/* --------------- Content Area --------------- */

fieldset.form legend, #myaccount #left fieldset.form legend { background: url("/images/hd2.gif") no-repeat; width: 360px; display: block; font-weight: bold; color: #fff; margin: 0 0 10px 0!important; margin: 0 0 10px -7px; }
fieldset.form legend span, #myaccount #left fieldset.form legend span { width: 350px; \width: 360px; w\idth: 350px; display: block; background: url("/images/hd2_b.gif") no-repeat bottom left; padding: 5px 0 5px 10px!important; padding: 5px 0 5px 15px; }

#left fieldset.form legend { background: url("/images/hd1.gif") no-repeat; width: 225px; display: block; font-weight: bold; color: #fff; margin-bottom: 10px; }
#left fieldset.form legend span { width: 215px; \width: 225px; w\idth: 215px; display: block; background: url("/images/hd1_b.gif") no-repeat bottom left; padding: 5px 0 5px 10px; }

.main, .picture { padding-top: 20px; font-size: 95%; }
.main { width: 326px; float: left; }
.main p strong { color: #062559; }

.picture { width: 165px; float: left; padding-left: 10px; }
.picture img { border: 1px solid #ccc; padding: 5px; }
.picture span { color: #062559; font-size: 95%; margin-bottom: 10px; display: block; }
.picture caption { background: url(/images/bullet.gif) top left no-repeat; height: 100px; }

.tools { border: 1px solid #ccc; width: 140px; background: #E2E2E2 url("/images/tools_bg.jpg") top left repeat-x; padding: 5px 10px 5px 10px!important; padding: 5px 10px 0 10px; margin: 15px 0 15px 0; }
.tools li { border-bottom: 1px solid #ccc;  }
.tools a { display: block; text-decoration: none; color: #666; font-size: 100%; }
.tools .download { background: url("/images/download.gif") 8px 9px no-repeat; padding: 8px 0 8px 30px; border: 0;  }
.tools .print { background: url("/images/print.gif") 8px 9px no-repeat; padding: 8px 0 8px 30px;  }
.tools .email { background: url("/images/email.gif") 8px 11px no-repeat; padding: 8px 0 8px 30px;  }
.tools .bookmark { background: url("/images/bookmark.gif") 11px 9px no-repeat; border: none; padding: 8px 0 8px 30px!important; padding: 8px 0 0 30px;  }

.related { width: 160px; }
.related a { padding: 0 0 0 20px; }
.related .related_link { background: #fff url("/images/bullet.gif") 2px 2px no-repeat; }
.related img { padding: 5px; border: 1px solid #ccc; }

#wide { float: left; width: 750px; padding: 0 10px 0 10px; }
#wide dl { width: 50%; float: left; margin: 0; padding: 5px 0 5px 0;}
#wide dt { width: 300px; }
#wide dt a { text-decoration: none; background: transparent url("/images/bullet.gif") no-repeat center left; padding: 3px 20px;  font-size: 110%;  }
#wide dd.img { clear: both; float: left; width: 150px; height: 160px;}
#wide dd.img img { padding: 5px; border: 1px solid #ccc; margin-left: 20px; }
#wide dd { float: left; width: 190px; }
#wide dd.link { margin: 10px 0 0 0; }
#wide dd.link a { margin: 0; }

.paging {margin: 5px 0 ; text-align: right;}

#footerc8 { text-align:center; margin:4px 0px 4px 0px }
#footerc8 a {color:#999999; text-decoration : none;}

#sitemap #main ul {margin-bottom: 10px;}
#sitemap #main ul a {text-decoration : none;}
#sitemap #main li {background: transparent url(/images/bullet.gif) no-repeat 0px 1px; padding-left: 20px; margin-bottom: 5px; font-weight: bold;}
#sitemap #main li ul {padding-top: 10px;}
#sitemap #main li li {background: transparent url(/images/bullet2.gif) no-repeat 0px 5px; padding-left: 15px; font-weight: normal;}