body {
background-color: #e1ddd9;
font-size: medium;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}



/*------------- default links --------------*/
a {color: #496CC0;text-decoration:none;border-bottom:1px solid silver;}
a:visited {color:#496CC0;border-bottom:1px solid silver;}
a:hover {color: #000;border-bottom:1px solid #ABCDEF;}
a:active { color:#000; border:0;}

#logoheader a {border: 0;}

img{border:0px;}

.red{color:#ff0000;font-weight:bold;}
.green{color:#008B00;font-weight:bold;}


/*----------- headings ---------*/
h1 {
color:#496CC0;
font-size:x-large;
font-weight: normal;
padding: 5px 10px;
margin:0px;}


h2 {
color:#496CC0;
font-size:large;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h2.sub {
color:#564b47;
}

h3 {
color:#496CC0;
font-size:medium;
font-weight: bold;
padding: 5px 10px;
margin:0px;}

/*--------------- home --------------------*/
.home {background-color:#fff;padding-top:10px;}
.home .logo {text-align:center;}

/*--------------- product --------------------*/
.product {background-color:#fff;padding-top:10px;overflow: hidden;}
.prodimage{width:100%; overflow: hidden;} 

.product p.download {margin:0;padding-bottom:0;}

img.floatright { float: right; margin: 4px; }

.product .module {padding-left:20px;}

.product .screenlist {float:left;position:relative;width:30%;}
.product .screenshot {position:relative;margin-left:29.9%; padding-left:20px;}

.hozbar {height:1px;margin:5px;border:0px;border-top:1px solid #BBC8E3;color:#BBC8E3;background-color:#BBC8E3}


/*--------------- pricing --------------------*/
.pricing {padding:20px;}
.pricing table {border:1px solid #555;}
.pricing table th {background-color:#ddd;border:0px;}
.pricing table td {border:0px;padding:5px;}
.pricing table td.pound {border-left: 1px dashed #999;}

.pricing table caption {
color:#496CC0;
font-size:large;
font-weight: normal;
text-align: left;
padding: 5px 0px;
margin:0px;}

.pricing dt {
color:#496CC0;
font-weight: bold;
}

.pricing dl {
margin:0px;
padding:0px;
}

tr.priceseparator td {border-top:1px solid #BBC8E3;}

.pound {text-align:right;vertical-align:middle;}
.numeric {text-align:center;vertical-align:middle;}
.more {text-align:right;}
.pricetotal {color:#555;font-weight:bold;}


/*--------------- clients --------------------*/
.clients {background-color:#fff;padding-top:10px;width:100%; overflow: hidden;}
.clients .hold {width:100%; overflow: hidden; position:relative;}
.clients .left {float:left;position:relative;width:50%; text-align:center;}
.clients .right {position:relative;margin-left:49.9%; text-align:center;}
.clients .full {position:relative;width:99.9%; text-align:center;}
.clients .full p{
padding:0;
}
.clients .full img{
max-width:800px;
}
.clients .left img, .clients .right img  {
max-width:260px;
max-height:200px;
}

/*--------------- demo --------------------*/
.demo {background-color:#fff;padding-top:10px;}

/*--------------- help --------------------*/
.help {background-color:#fff;padding-top:10px;}

/*--------------- faq --------------------*/
.faq {background-color:#fff;padding-top:10px;}

/*--------------- news --------------------*/
.news {background-color:#fff;padding-top:10px;}
.archive {background-color:#fff;padding-top:20px;}

.news .newstable {padding:20px;}
.news .newstable table {border:1px solid #000;background-color:#FFF;}
.news .newstable table th {background-color:#ddd;border:0px;}
.news .newstable table td {border:0px;}

.news blockquote {
font-weight: normal;
font-style: normal;
background-color:#ddd;
margin-left:20px;
}

.news cite{
font-weight: bold;
font-style: normal;
margin-left:30px;
}

.rss {text-align:right;}

/*--------------- contact --------------------*/
.contact {background-color:#fff;padding-top:10px;}
.contact .contact_options {float:left;position:relative;width:35%;}
.contact .conact_form {position:relative;margin-left:34.9%; text-align:right; padding-right:20px;}


.contact_options h2{padding-bottom:10px;}
.contact_form h2{padding-bottom:10px;}


.contact_options label {padding-left:10px; font-weight:bold;}
.contact_options address {
padding-left:20px;
padding-bottom:20px;
font-style:normal;
margin:0px;
}

.contact_form fieldset, .update_form fieldset {
border:0px;
}

.contact_form label, .contact_form input, .update_form label, .update_form input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

.contact_form textarea, .update_form textarea{
display: block;
float: left;
margin-bottom: 10px;
max-width: 400px;
}

.contact_form label, .update_form label{
text-align: right;
width: 90px;
padding-right: 20px;
}

.contact_form br, .update_form br {
clear: left;
}

/*--for access with js--*/
input.blur {
color: #999;
}

input.hidden {
display:none;
}

/*--------------- about --------------------*/
.about {background-color:#fff;padding-top:10px;}

.about p {padding-bottom:15px;}

.about .logo img {
float:right;
position:relative;
padding:0px 10px 0px 10px;
}

/*--------------- email --------------------*/
.emails {background-color:#fff;padding-top:10px;}
.emails .message {border:1px solid #ccc; padding-top:10px;}

/*--------------- filelist --------------------*/
.filelist {width:95%;margin-left:5%;margin-right:5%;}
.filelist table {width:95%;border: 1px solid #808080;border-collapse: collapse;}
.filelist table td {padding:3px;border: 1px solid #808080;border-collapse: collapse;}
.filelist table th {border: 1px solid #A9A9A9;background-color:black;color:white;border-collapse: collapse;}


/* ----------container to center the layout---------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
} 


#validator {
width: 800px;
padding:5px;
margin: 0px;
margin-left: auto;
margin-right: auto;
border:0px;
text-align:right;
}

#validator ul, .top ul {
padding:0px;
margin:0px;
}

#validator ul li, .top ul li {
list-style-type:none;
display:inline;}
#validator ul li img{
	float:right;
	margin-right:0.5em;	
}


/*------------- menu bar -------------*/
#mainmenu {
background-color: #ccc;
border-top:2px solid #496CC0;
border-bottom:2px solid #496CC0;
height:22px;
padding:0px;
margin:0px;
vertical-align:middle;
}

.menu a {font-weight:bold;}
.menu a:visited {font-weight:bold;}


/*.menu a:first-letter { text-decoration: underline;line-height:10px;}*/

.menu li a:hover:after, #menu li a:focus:after {
content: " [" attr(accesskey) "] ";
   }

/* ----------top for logo-------------- */
#top {
background-color: #fff;
background-image: url('../image/bg-bar.png');
background-position: 0px 0px;
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
}


.ieltop, .ieltop img, .iemtop, .iemtop img, .iertop, .iertop img {
margin:0px;
padding:0px;
border:0px;
}

.ieltop {
float:left;
position:relative;
width:150px;
height:104px;
text-align:left;
}

.iemtop {
float:left;
position:relative;
width:500px;
height:104px;
text-align:center;
}

.iertop {
position:relative;
width:100px;
height:104px;
text-align:right;
margin-left:690px;
}

.ltop{
margin:0px;padding:0px;border:0px;
float:left;
position:relative;
width:19%;
height:105px;
text-align:left;
padding:0px;
}

.mtop{
margin:0px;padding:0px;border:0px;
float:left;
position:relative;
width:60%;
height:105px;
text-align:center;
vertical-align: top;}

.mtop img {
padding-top:12px;
padding-left:28px;
}

.rtop{
margin:0px;padding:0px;border:0px;
position:relative;
margin-left:81%;
height:105px;
text-align:right;
padding-right:5px;
}

.rtop img {
padding-top:5px;
padding-right:5px;
}

#top p {padding: 0px;} 




/* ----------outer and inner----------------- */
#outer{ 
background-color: #fff; 
 } 

#inner{ margin:0px; width:100%; overflow: hidden;} 



/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; 
padding-bottom:10px;
width:100%; overflow: hidden;}

p{
padding: 5px 10px;
margin:0px; }


pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

.center {
text-align:center;
}

.right {
text-align:right;
}

.left {
text-align:left;
}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

#bottom{
font-size: x-small;
text-transform:uppercase;
background-color: #ccc;
border-top:2px solid #496CC0;
border-bottom:2px solid #496CC0;
padding:5px 15px;
margin:0px }

#bottom .top {
width: 20%;
float:left;
position: relative;
text-align:left;
}

#bottom img {
padding:0px;
margin:0px;
}

/* ------------------admin---------------------- */
.adminpage{
	font-size:medium;
}
.adminpage ul.links  {
	margin: 10px;
	padding: 0;
	list-style-type: none;
}

.adminpage ul.links  li{
	list-style-type: none;
	margin: 2px 0 0;
}

.adminpage ul.links a {
	display: block;
	width:150px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #ABCDEF;
	background: #496CC0;
	text-decoration: none;
}

.adminpage ul.links a:link, .adminpage ul.links a:active, .adminpage ul.links a:visited {
	color: white;
	font-weight:bold;
}

.adminpage ul.links a:hover {
	border: 1px solid #000000;
	background: #ABCDEF;
	color: black;
}

.adminbar {
	padding-left:5px;
}

.adminbar ul {
	padding:0px;
	margin:0px;
}

.adminbar ul li {
	list-style-type:none;
	display:inline;
	padding-left:10px;
}
ul.productlist {
	list-style-type: none;
}
li.econs, li.expsy {
	width: 400px;
	margin-top:5px;
	padding-left:5px;
}
li.econs span{
	background-color: #C4DF9B;
	margin-right:5px;
}
li.expsy span{
	background-color: #FDDCBA;
	margin-right:5px;
}
.econs h1, .econs h2, .parprod dl.econs dt {
	margin-top:10px;
	background-color: #C4DF9B;
}

.econs h3, .chiprod dl.econs dt {
	margin-top:10px;
	background-color: #DEEFC2;
}

.expsy h1, .expsy h2, .parprod dl.expsy dt {
	margin-top:10px;
	background-color: #FDDCBA;
}

.expsy h3, .chiprod dl.expsy dt  {
	margin-top:10px;
	background-color: #EFE8E0;
}

.product h2.sub {
	background-color: #FFF;
}