﻿body {
background: #dcdddf;
color:#4a4a4d;
font-size:8pt;
font-family: Verdana;
color:Gray;
margin: 0px;
}

.clear {
	font-size: 0;
	clear: both;
	height: 0px;
	line-height: 0%;
	
}

#flash {
	border:0;
}

em 
{
	margin: 0px 10px 0px 0px;
	padding: 0px 15px 0px 0px;	
}

i 
{
	margin: 0px 10px 0px 0px;
	padding: 0px 15px 0px 0px;	
}

/* --- Payment page ---*/

#payment-td td {
color:#4a4a4d;
font-size:8pt;
font-family: Verdana;
}

p.payment-p  {
color:#4a4a4d;
font-size:7pt;
font-family: Verdana;
font-weight:normal;
text-align:justify;
}

.make-payment 
{
	background: url(Images/make-payment.jpg) no-repeat;
}

.make-payment:hover
{
	background: url(Images/make-payment-red.jpg) no-repeat;
}

#main {
	width: 800px !important;
	margin: 0 auto !important;
	background: url("images/bg.jpg") repeat-y 100% 0;
}

/* --- header ---*/

#header {
	width: 780px !important;
	margin: 0 auto !important;
	background-color: #fff;
	height: 100px; position:relative
}

/* --- header left ---*/

#header-left {
	float: left;
	width: 200px;
	margin:10px 0px 0px 5px;
}

#header-left img {
}

/* --- header right ---*/

#header-right {
	float: right;
	width: 540px;
	margin:10px 0px 0px 0px;
	text-align:right;
}

#header-right a {
	color:#4d4d4f;
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	vertical-align:middle;
	text-decoration:none;
	border-right: 1px solid #4d4d4f;
	padding: 0px 5px 0px 0px;
}

#header-right a:hover {
	color:#4d4d4f;
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	vertical-align:middle;
	text-decoration:underline;
	border-right: 1px solid #4d4d4f;
	padding: 0px 5px 0px 0px;
}

#header-right a.noborder {
	text-decoration:none;
	border:0px;
}

#header-right a:hover.noborder {
	text-decoration:none;
	border:0px;
}


/* --- header search ---*/

#search {
	float: right;
	width: 250px;
	margin:20px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	background: #fff;

}

#search a {
	color:#636466;
	font-size:11px;
	font-weight:bold;
	border:0px;
	padding: 0px 0px 0px 0px;
	
}

#search a:hover 
{
	text-decoration:underline;
	font-weight:bold;
	border:0px;
	font-size:11px;
	padding: 0px 0px 0px 0px;
}

#search input 
{
	border: 1px solid #939598;
	padding: 0px 0px 0px 0px;
	margin:0px;
	width:147px;
}
/* -----------menu--------------------------- */
#menu {
	background: url("images/menutab-silver.jpg") repeat-x 100% 0;
}

#ind {
	background: url("images/menutab-blue-big.jpg") repeat-x 100% 0;
	padding: 4px 0px 0px 0px;
}

#home {
	padding: 0px 0px 0px 0px;
	text-align:center;
}


#menu a {
	color:#202f62;
	font-family:Verdana;
	font-size:13pt;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
}

/* --- main nav ---*/

#main-nav {
	width: 780px !important;
	margin: 0 auto !important;
	background: #fff;	
	height:200px;
	padding-bottom:0px;
}

/* --- main nav left ---*/

#main-nav-left {
	width: 596px;
	height:200px;
	float:left;
	margin:0px 0px 0px 5px;
}

.menu-tab {
	width: 596px;
	height: 24px;
	background: url("images/menusubtab-blue.jpg") repeat-x 100% 0;
	font-size:8px;
}

.menu-image {
	width: 596px;
	height: 141px;
	background:#fff;
}

.menu-bottom {
	width: 596px;
	height: 6px;
	background:#213063;
	font-size:8px;
}


img 
{
border:0;
}
/* --- main nav right ---*/

#main-nav-right {
	width: 160px;
	height:200px;
	float:right;
	margin:0px 0px 0px 0px;
}

#main-nav-right .zone-left 
{
	background:url("images/zone-left.jpg") no-repeat;
	width:7px;
}	

#main-nav-right .zone-centre
{
	background:url("images/zone-centre.jpg") repeat-x;
}

.line-first 
{
	text-lign:center;	
}	

.blue {
	color: #202f62;
	font-family:Verdana;
	font-size:16px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 10px;
}

.red {
	color: #b51f3b;
	font-family:Verdana;
	font-size:16px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

#main-nav-right1 {margin:-3px 10px 0px 0px; text-align:right}
 
#main-nav-right .normal {
	color: #202f62;
	font-family:Verdana;
	font-size:11px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	height:20px;	
}

#main-nav-right .zone-right 
{
	background:url("images/zone-right.jpg") no-repeat;
	width:7px;
}

#main-nav-right a {
	color: #ffffff;  
	background-position: 0 0px;
	float:left;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0px 0px;
	text-decoration: none;
	width: 130px;
	height:25px;
	text-align:center;
	background:url("images/right-button.jpg") no-repeat;
}

#main-nav-right a:hover {
	color: #939598;
	float:left;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0px 0px;
	text-decoration: none;
	width: 130px;
	height:25px;
	text-align:center;
	background:url("images/zone-red-button.jpg") no-repeat;	
}

#content a.zone-button {	color: #ffffff; background-position: 0 0px; float:left; margin: 0px 0px 0px 5px; padding: 5px 0px 0px 0px; text-decoration: none; width: 130px; height:25px; text-align:center; background:url("images/right-button2.jpg") no-repeat; }
#content a.zone-button:hover { color: #939598; float:left; margin: 0px 0px 0px 5px; padding: 5px 0px 0px 0px; text-decoration: none; width: 130px; height:25px; text-align:center; background:url("images/zone-red-button2.jpg") no-repeat;}

#content .zone-button {	color: #ffffff; background-position: 0 0px; float:left; margin: 0px 0px 0px 5px; padding: 5px 0px 0px 0px; text-decoration: none; width: 130px; height:25px; text-align:center; background:url("images/right-button2.jpg") no-repeat; }
#content .zone-button:hover { color: #939598; float:left; margin: 0px 0px 0px 5px; padding: 5px 0px 0px 0px; text-decoration: none; width: 130px; height:25px; text-align:center; background:url("images/zone-red-button2.jpg") no-repeat;}

/* --- centre page ---*/

#content {
	width: 780px !important;
	margin: 0 auto !important;
	background-color: #fff;	
}


#column0 {
width:760px;
margin:0px;
float:left; 
padding: 0px 10px 10px 10px;
color: #949599;
text-decoration:none;
FONT: 6.5pt verdana;
background:#fff;
}

#column0 a {
color: #949599;
text-decoration:none;
FONT: 6.5pt verdana;
}

#column0 a:hover {
	text-decoration:underline;
}

#column1 {
width:140px;
height:100%;
min-height:300px;
margin:0px;
float:left; 
padding:4px 10px 0px 10px;
vertical-align:bottom;
}

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 140px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 140px; /*sub menu width*/
top: 0;
visibility: hidden;
background: #DEDCE7;
border:0px;
}



/* Sub level menu links style */
.suckerdiv ul li a {
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #4d4d4f;
text-decoration: none;
padding: 1px 5px;
border-top: 1px solid #ccc;
background: url(images/arrow.jpg) no-repeat 2px center;
padding-left: 20px;
FONT: 11px/22px verdana;
}

.suckerdiv ul li ul li a {
	border:0;
	background: url(images/arrow-silver.jpg) no-repeat 2px center;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
font-weight:bold;
color:#1F2E62;
background: #DEDCE7 url(images/arrow-silver.jpg) no-repeat 2px center;
}

.suckerdiv .subfolderstyle{
background: url(images/arrow.jpg) no-repeat 2px center;
}


	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


.left-blue {
	color: #202f62;
	font-family:Verdana;
	font-size:13px;
	margin:0px;
	padding:0px;	
	font-weight :bold ;
}

.left-silver {
	color: #9794AF;
	font-family:Verdana;
	font-size:13px;
	margin:0px;
	padding:0px;		
	font-weight :bold ;
}

.left-red {
	color: #B52042;
	font-family:Verdana;
	font-size:13px;
	margin:0px;
	padding:0px;		
}

.border-top  {
    border-top: 1px solid #CCCCCC;
}
/* --- sub links ---*/



#sub-links {
	font-family: Verdana;
	text-align: right; 
	color:#FFFFFF;
	text-decoration:none;
	padding:0px;
	margin: 0px 5px 0px 0px;
}

#sub-links a {
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	border-right: 1px solid #fff;
	padding:0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#sub-links a:hover {
	color:#FFFFFF;
	font-size:10px;
	text-decoration:underline;
	border-right: 1px solid #fff;
	padding:0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#sub-links a.noline {
	color:#FFFFFF;
	text-decoration:none;
	border:0px;
	padding:0px;
	margin: 0px 0px 0px 0px;
}

#sub-links a:hover.noline {
	color:#FFFFFF;
	text-decoration:underline;
	border:0px;
	padding:0px;
	margin: 0px 0px 0px 0px;
}

/* --- column2 ---*/

h1 { font-size:12pt; font-weight:bold;	font-family:Verdana; line-height:15px; color:#202f62}
.Navy { color:#202f62}
.TitleNavy { color:#202f62; font-family:Verdana; font-size:13px; font-weight:bold}
.Red { color:#B52042;}
.TitleRed { font-family:Verdana; font-size:13px; color: #B52042; font-weight :bold;}

#column2 ul {
margin: 0;
padding: 0;
list-style:none
}
#column2 li {
background: url("images/bullet-red.gif") no-repeat;
padding: 2px 0px;
padding-left: 20px;
padding-bottom:10px;
}

#column2 {
width:434px;
height:100%;
min-height:300px;
margin-top:0px;
float:left;
padding:10px 15px 0px 0px;
background:#fff;
}

#column2 a {
	color: #949599;
	FONT: 11px tahoma, verdana, helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	padding:0px;
	margin:0px;
	
}

#column2 a:hover {
	text-decoration:underline;
	font-weight:bold;
}

#column2 td {
	vertical-align:top;
}

#column2 td em {
	padding: 0px 10px 0px 0px;
}

#column2 td p {
	padding: 0px 10px 0px 0px;
}

#column2 img {
	padding:3px 10px 10px 0px
}



#column3{
width:140px;
height:100%;
min-height:300px;
background:#fff; 
float:right;
margin:0px 5px 0px 0px;
font: 11px verdana;
font-style:italic;
}

#column3 img.client-img {float:left; margin:10px 0px 20px 35px;}
#content a.investor {display:block; clear:both; overflow:hidden; margin:20px 40px 0px 0px; float:right; position: relative; right:10px;  bottom:15px; vertical-align:bottom}
img.ivestors-img {margin:0px; padding:0px}

a.suporting {margin:0; display:block; position:absolute; right:330px; top:25px; vertical-align:bottom; width:115px; height:70px}
a.suporting img.ii200-img {margin:0px; padding:0px}


#column3 a {
	color: #949599;
	font: 11px/22px verdana;
	font-weight:bold;
	text-decoration:underline;
}

#column3 a:hover {
	text-decoration:underline;
	font-weight:bold;
}

.demoarea {
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
	font-family:tahoma;
	font-size:12px;
	color:#808080;
	line-height:14px;
}

.demoarea p 
{
	padding:5px;
}

/* --- footer ---*/

#footer {
	width: 770px !important;
	margin: 0 auto !important;
	height:17px;
	font-family: Verdana;
	font-size:10px;
	text-align: right; 
	background: url("images/footer.jpg") repeat-x 100% 0;
	color:#FFFFFF;
	text-decoration:none;
	padding: 7px 10px 0px 0px;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
	border-left: 1px solid #fff;
	padding: 0px 10px 0px 10px;
}

#footer a.noline {
	color:#FFFFFF;
	text-decoration:none;
	border:0px;
	padding: 0px 10px 0px 10px;
}

#footer-left {
	float: left;
	text-align:left;
	width:100px;
	padding: 0px 0px 0px 0px;
	margin:0px;
}

#footer-design {
	width: 800px !important;
	margin: 0 auto !important;
	padding: 5px 0px 0px 0px;
}

#footer-design-right {
	float: right;
	width:250px;
	height:20px;
	font-family: Verdana;
	font-size:9px;
	text-align: right; 
	color:#FFFFFF;
	text-decoration:none;
	color:#4d4d4f;	
	padding: 0px 10px 0px 10px;
}

#footer-design-right a {
	color:#4d4d4f;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
}

#footer-design-right a.noline {
	color:#4d4d4f;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
}

#footer-shadow {
	width: 800px !important;
	margin: 0 auto !important;
	background: url("images/shadow.jpg") no-repeat;
	padding: 0px 0px 0px 0px;
}

#footer-design {
	width: 800px !important;
	margin: 0 auto !important;
	padding: 5px 0px 0px 0px;
}

#footer-design-right {
	float: right;
	width:450px;
	height:20px;
	font-family: Verdana;
	font-size:9px;
	text-align: right; 
	color:#FFFFFF;
	text-decoration:none;
	color:#4d4d4f;	
	padding: 0px 10px 0px 10px;
}

#footer-design-right a {
	color:#4d4d4f;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
}

#footer-design-right a.noline {
	color:#4d4d4f;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
}

/* --- KH ---*/
.GridStyle 
{
    border: solid 0px black;
}
/* cross sell */ 
.topbox {
	width: 150px;
	background: url(images/topbox.jpg) no-repeat;
	margin: 20px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	position:relative;
	left:-10px
}

.mainbox {
	width: 148px;
	background: #ffffff;
	margin:0px;
	margin:0px;
	color:#B5223F;
	border-left:1px solid #B0AFB4;
	border-right:1px solid #B0AFB4;
}

.mainbox p { 
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 5px 7px 15px;
	margin:0px;
}

.mainbox a { 
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	color:#B5223F;
	text-decoration:none;
}

.mainbox a:hover { 
	text-decoration:underline;
}

.bottombox {
	width: 150px;
	background: url(images/bottombox.jpg) no-repeat;
	margin: 0;
	padding:0px;
    position:relative;
	left:-10px

}