body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	background: #6779A1 url('/images/marketing1/bg_fading.gif') repeat-x; 

}

#wrapper{
      width:1000px;
      margin:0px auto 0 auto;
    font: normal x-small Verdana, Geneva, sans-serif;
    color: #3A3B76;
      font-size: 13px;
      border: 4px solid #EAEAEA;
      border-top: 0px solid #fff;
      padding: 0px;
      float: none;
	background: #fff url('/images/marketing1/bg_wrapper_1x1000.png') repeat-y; 	
 }

div#main_left, div#footer_left {
    width:640px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
	background: #fff url('/images/marketing1/bg_colLeft_1x238.png') repeat-x; 	
 }

div#main_right, div#footer_right {
    width:360px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
    background: #EBEBEB url('/images/marketing1/bg_colRight_1x109.png') repeat-x; 	
 }

div#footer_left 
{
    height: 30px;
      background: #00005A;
}

div#footer_right {
    height: 30px;
      background: #C00000;
}



div.cssInnerDiv {
      margin:10px 10px 10px 10px;
      padding:0px 0px 0px 0px;     
}

div.cssInnerDiv2 {
      margin:20px 20px 20px 20px;
      padding:0px 0px 0px 0px;     
}

div.cssInnerDiv3 {
      margin: 6px 8px 6px 8px;
      padding:0px 0px 0px 0px;     
}


div#cssDivSiteHeaderLinks 
{
    width: 600px;
    height: 57px;
}

div#cssDivSiteHeaderLinks  a
{
    font-size: 10pt;
}
div#cssDivSiteHeaderLinks IMG {
    margin: 0px 10px 0px 10px;
}

 
div#cssDivLogo {
    margin: 20px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    height: 100px;
}



.spacer{
      clear:both; 
      font-size:0; 
      line-height:0;
}
	
	
/* ----- formatting ------ */

div, h1, h2, h3, h4, form, label, input, textarea, img, span
{
    font: normal normal normal 1em 'Trebuchet MS', Helvetica, sans-serif;
      margin:0; padding:0;
}

img 
{
    border:0;
}

a { 
    color: #3A3B76;
}

a:hover { 
    color:#C00000;
}


/* SOF: Customised Bullet Points */
ul.cssBulletType1 {
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	margin: 5px 0px 5px 0px;
	}
ul.cssBulletType1 li {
	background: url(images/icons/bullet.png) left 4px no-repeat;
	padding-left: 25px;
	margin-bottom: 5px;
	font-style: italic;
	}
/* EOF: Customised Bullet Points */


fieldset.cssFieldsetOptions {
    margin: 20px 20px 20px 20px;
    padding:20px;
}
fieldset.cssFieldsetOptions legend {
    margin: 0px 0px 20px 0px;
    font-size: 1.2em;
    color:#1F527B;
}


h1, h2, h3, h4, .cssTextLikeHeaders {
    margin: 1em 0em 0.25em 0em;
	color:#C00000;
	font-weight: normal;
}

h1 
{
    text-align:right;
    margin: 0em 0em 0.25em 0em;
    padding: 3px 0px 5px 0px;
    font-size: 3em;
    font-weight: normal;
    border-bottom-style: solid;
    border-bottom-width:   0pt;
    border-bottom-color: #fff;
}
h2 {
    margin: 0.25em 0em 0.25em 0em;
    font-size: 1.7em;
}
h3 {
    font-size: 1.3em;
}
h4 {
    font-size: 1em;
}


.cssTextLikeHeaders 
{
    color:#C00000;
	font-weight: normal;
    font-size: 1em;
}

.cssButton , .cssButton:hover
{
    font-family: Calibri;
    font-weight: bold;
    font-size:11pt;
    text-decoration: normal;
    color:#EFF3FB;
    background-color:#AC2A2A;
    border-style:solid;
    border-color: #dddddd;
    border-width: 2px;
    padding: 3px 10px 3px 10px;
    margin:  2px 2px 2px 2px;
}
.cssButton:hover
{
    color:#fff;
    background-color:#C00000;
    text-decoration: underline;
    cursor:hand;
}

.cssButtonSmall , .cssButtonSmall:hover
{
    font-family: Calibri;
    font-weight: bold;
    font-size:11pt;
    color:#EFF3FB;
    background-color:#5A83AA;
    border-style:dotted;
    border-color: #dddddd;
    border-width: 0.5px;
    padding: 2px 10px 2px 10px;
    margin:  2px 4px 2px 4px;
}
.cssButtonSmall:hover
{
    color:#fff;
    background-color:#799FBF;
    cursor:pointer;cursor:hand;
}

IMG.cssImgErrorDot 
{
	width: 13px;
	height: 13px;
	margin-left: 5px;
	margin-right: 5px;
	padding:0px;
}

.cssStatusTextRed 
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: red;
	font-variant: normal;
	font-size: 10pt;
	text-decoration: none;
}
.cssStatusTextGreen 
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: green;
	font-variant: normal;
	font-size: 10pt;
	text-decoration: none;
}


.gridViewRowStyle1 
{
 background: #f0f0f0 url('/images/tableFadingBG_1x80_unselected.gif') top left repeat-x;	   
}


INPUT.cssEnabled, TEXTAREA.cssEnabled , INPUT.cssDisabled, TEXTAREA.cssDisabled
{
    font-family:Arial, Helvetica, sans-serif;
    padding: 3px;
    border: solid 1px #cccccc;
    color: #000;    
    background-color: #ffffff;
}

INPUT.cssDisabled, TEXTAREA.cssDisabled
{
    background-color: #eee;
}

SELECT.cssEnabled, SELECT.cssDisabled
{
    font-family:Arial, Helvetica, sans-serif;
    padding: 3px;
    border: solid 1px #cccccc;
    color: #000;    
    background-color: #ffffff;
}

SELECT.cssDisabled
{
    background-color: #eee;
}


.cssLabFieldTip
{
    font-size: 0.8em;
    font-style:italic;
}

SPAN.cssLabTitleMandatory
{
    font-size: 1em;
    font-weight: normal;
    color: #333399;
}
SPAN.cssLabTitleOptional
{
    font-size: 1em;
    font-weight: normal;
    color: #444444;
}


DIV.cssFloatLeft {
    float: left; 
}
DIV.cssFloatRight {
    float: right; 
}


/* TOOLTIP */

IMG.cssImgHelpTip {
    border: solid 0px #eeeeee;
}

.tip 
{
	font:12px Arial,Helvetica,sans-serif; 
	border:solid 3px #1F527B;
	width:300px;
	padding:25px 5px 5px 20px;
	position:absolute; z-index:100;
	visibility:hidden;
	color:#333333; top:20px;
	left:0px;
	background: #f7fafc url('/images/help_big.png') top left no-repeat;
	/* layer-background-color:#f7fafc; */
}
.tip P 
{
	font-size: 1em;
}

.tipImage
{
	font:12px Arial,Helvetica,sans-serif; 
	border:solid 3px #1F527B;
	padding:10px 10px 10px 10px;
	position:absolute; z-index:100;
	visibility:hidden;
	color:#333333; top:20px;
	left:0px;
	background-color: #f7fafc;
	/* layer-background-color:#f7fafc; */
}

.cssHyperlinkGrey:visited, 
.cssHyperlinkGrey:link, 
.cssHyperlinkGrey:active, 
.cssHyperlinkGrey:hover {
    color:#333333;
    font-size: 8pt;
    text-decoration: underline;
    line-height: 10px;
}


       
        
div#pleasewaitScreen {
    display: none; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; height: 100%; 
    background-image: url(/images/bg_semitrans.gif);
    z-index:99999;
}
div#pleasewaitScreen div#pleasewaitScreenInner {
    border: #cccccc 4px solid;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
    background: #ffffff; 
    width: 400px;
    height: 300px;
    top: 100px;
}





div#cssDivLogin 
{
    color: #fff;
}







/* SOF: Tabs */
ol#toc {
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:12pt; 
    background-color: #C0C0C0;
    color: #fff;
    display: block;
    float: left;
    height: 40px;
    padding-left: 30px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #666C9A;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 5px 0 0;
}

ol#toc li a.active {
    outline: none;
    background-color: #00005A;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
    display: block;
    line-height: 40px;
    padding-right: 30px;
}
 
 div.tabcontent {
    position:relative;  /* This seams to fix the hidding of content in IE7 */
    background-color: #00005A;
    clear: left;
    padding: 1em;
    height: 200px;
}

div.tabcontent.inactive {
	display: none;
}
/* EOF: Tabs */






/* SOF: Calender */

div.cssDivCalender 
{
    margin: 0px;
    padding: 0px;
    background: #fff url(images/icons/bg_cal40x40.png) no-repeat top left;
    width: 40px;
    height: 40px;
    text-align: center;
}

div.cssDivCalenderMonthText 
{
    float: left;
    width: 40px;
    height: 18px;
    padding: 1px 0px 0px 0px;
    color: #fff;
    font-size: 8pt;
    font-weight:bold;
}

div.cssDivCalenderDayOfMonthText 
{
    float: left;
    width: 40px;
    padding: 0px 0px 0px 0px;
    color: #fff;
    font-size: 10pt;
    font-weight:normal;
}

/* EOF: Calender */


/* SOF: Blog */

TABLE.cssBlogTable 
{
    margin: 0px 10px 20px 0px;
    padding: 0px 0px 0px 0px;
}

TABLE.cssBlogTable.TR {
    border-bottom: 1px solid #fff;
}

TABLE.cssBlogTable TR TD {
    padding: 10px 0px 10px 10px;
    vertical-align: top;
}

 	  P.cssParaBlog 
 	  {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
 	      font-size: 10pt;
 	      text-align:justify;
 	  }


A.cssDivBlogText 
{
    color: #00005A;
    font-size: 10pt;
    font-weight:normal;
    text-decoration: none;
    text-align: justify;
}

A.cssDivBlogText:hover
{
    text-decoration: underline;
}
/* EOF: Blog */


div#divNav {
	width:620px;
	height:37px;
}

/* SOF: Main Menu */
.preload1 {background: url(images/marketing1/pro_dropdown_2/three_1.png);}
.preload2 {background: url(images/marketing1/pro_dropdown_2/three_1a.png);}

#nav {padding:0; margin:4px 0px 0px 0px; list-style:none; height:34px; width:620px; float:right; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:34px;}
#nav li a.top_link {display:block; float:left; height:34px; line-height:34px; color:#00005A; padding:0 0 0 10px; cursor:pointer; text-decoration:none; }
#nav li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:34px; background-color: transparent; font-size:11pt; font-weight:bold; }
#nav li a.top_link span.down {float:left; display:block; padding:0 20px 0 10x; height:34px; background-color: transparent;}
#nav li a.top_link span.downSELECTED {float:left; display:block; padding:0 20px 0 10px; height:34px; background: url(images/marketing1/pro_dropdown_2/three_1a.png) no-repeat bottom center; color: #C00000;}

#nav li:hover a.top_link {color: #00499B;}
#nav li:hover a.top_link span {background:transparent url(images/marketing1/pro_dropdown_2/three_1.png) no-repeat bottom center;}
#nav li:hover a.top_link span.down {background:transparent url(images/marketing1/pro_dropdown_2/three_1a.png) no-repeat bottom center;}
#nav li:hover a.top_link span.downSELECTED {background:transparent url(images/marketing1/pro_dropdown_2/three_1a.png) no-repeat bottom center;}


/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:34px; background: #909090; padding:3px; border:8px solid #E7E7E7; white-space:nowrap; width:160px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:24px; position:relative; float:left; width:160px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:10pt; height:22px; width:158px; line-height:22px; text-indent:5px; color:#ffffff; text-decoration:none;border:1px solid #909090;}
#nav li ul.sub li a.fly
{background:#808080 url(images/marketing1/pro_dropdown_2/arrow_lightBG.gif) 138px 4px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#808080; color:#ffffff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#808080 url(images/marketing1/pro_dropdown_2/arrow_over.gif) 138px 4px no-repeat; color:#ffffff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:150px; top:-1px; background: #EAEAEA; padding:3px; border:1px solid #68635A; white-space:nowrap; width:160px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#68635A url(images/marketing1/pro_dropdown_2/arrow_over.gif) 138px 4px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#EAEAEA url(images/marketing1/pro_dropdown_2/arrow_lightBG.gif) 138px 4px no-repeat; color:#000; border-color:#EAEAEA;} 



/* highlight selected tip-link */
#nav li:hover a.top_link span.selected {background:url(images/marketing1/pro_dropdown_2/three_1a.png) no-repeat right top;}


 
 /* EOF: Main Menu */


div#cssCrumbline 
{
    float: right;
}





  	  TABLE.cssTableRowHighlighted {
  	     border-collapse: collapse; 
  	   } 
  	  TABLE.cssTableRowHighlighted TD {
  	     padding: 15px;
  	     vertical-align:top;
  	   } 

  	  TABLE.cssTableRowHighlighted TR.cssRowBG1 { background-color: #f7f7f7; } 
  	  TABLE.cssTableRowHighlighted TR.cssRowBG2 { background-color: #ffffff; } 
  	  TABLE.cssTableRowHighlighted TR:hover {	  background-color: #DCE7F4; } 
 	  
 	  TABLE.cssTableRowHighlighted H3 
 	  {
            margin: 0px 0px 0px 0px;
 	  }
 	  
 	  div.cssPortfolioImageWrapper 
 	  {
    font-family: Calibri, Helvetica, sans-serif;
            margin: 0px 0px 0px 0px;
 	      background-color: #fff;
 	      padding: 8px;
 	      border: 1px solid #999999;
 	  }
 	  
 	  
 	  
 	  P.cssParaType1 
 	  {
            margin: 20px 0px 30px 0px;
            padding: 0px 0px 0px 0px;
 	      font-size: 11pt;
 	      text-align:justify;
 	  }
 	  
 	  


div#form_box 
{
    background-image: url(images/marketing1/paper_bg.jpg);
padding: 30px;
}

.fieldclass {
background-image: url(images/marketing1/field-bg.gif);
background-repeat: repeat-x;
border: 1px solid #C8C8C8;
font-size: 13px;
color: #333;
line-height: 13px;
padding: 8px;
margin-bottom: 20px;
width: 360px;
}

TABLE#cssTableHighlightLeftRight 
{
    width: 100%
}

TD#cssTableHighlightLeftRight_colLeft, TD#cssTableHighlightLeftRight_colRight 
{
    width: 50%;
    padding: 15px;
    vertical-align:top;
    background-color: #EAEAEA;
}

TD#cssTableHighlightLeftRight_colRight 
{
    background-color: #DADADA;
}

.cssVE_footerText {
    font-size: 8pt;
    color: #fff;
    text-decoration: none;
}
a.cssVE_footerText:hover {
    color: #fff;
    text-decoration: underline;
}



/* Rounded Banner */
div.banner {
border: 4px solid #ae3040;
border-radius: 15px;
margin: 15px 0px 15px 0px;
background-color: #FFFFCC;
}
div.banner-inner { margin: 15px 15px 15px 15px;  }