/* General */

body {
	font-size:12px;
	line-height: 1.5em;
	color: #333;
}

.centerComponents {
  padding: 10px;
}

p {
  margin-bottom: 1.5em;
}

a, a:link {
   color: #0099CC;
   text-decoration: none;
}

a:visited {
	color: #006699;
}

a:hover {
	 color: #0099CC;
	 text-decoration: underline;
}

h1 {
	font-size: 28px;
	color: #037FB0; 
	font-weight: bold;
	line-height: 1.6364em; /* 36px */
	padding:0;
    margin-top: 0;
	margin-bottom: 1em; 
}

h2, h2 a, .page_subtitle, .page_subtitle a {
	font-size: 20px;
	font-weight: normal;
	line-height: 1em; /* 18px */
	color: #037FB0;
	padding:0; 
    margin-top: 0;
	margin-bottom: 1em; 
	text-decoration: none;
}


h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.125em; /* 18px */ 
	color: #037FB0;
	padding:0; 
    margin-top: 0;
	margin-bottom: 1.125em; 
}

h4, h4 a, .section_title, .section_title a { 
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2857em; /* 18px */ 
	font-style: italic;
	color: #666;
    padding:0;  
	margin-top: 0;
	margin-bottom: .25em; 
	text-decoration: none;
}

h5 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5em; /* 18px */ 
	color: #037FB0;
	padding:0; 
    margin-top: 0;
	margin-bottom: 1.5em; 
}

sup {
	font-size: 55%;
}

/* HEADER COMPONENT */
/* Login box */
.gom_headerLoginContainer{
	width: 185px;
	height: 80px;
    margin-top: -10px;
	background: url('../images/gom_headerLoginContainer_bg.gif') no-repeat;
}

/* Hack for IE 7 and below */
*:first-child+html {} * html .gom_headerLoginContainer { zoom:1; position:relative; }

.gom_bottomLeft{
	width: 185px;
	height: 70px;
}

.gom_bottomRight{
	width: 185px;
	height: 70px;
}

.dom_login_title {
	font-size: 15px;
	padding-top: 6px;
	font: bold 15px/1 Arial, sans-serif;
}

.dom_login_smallTitle {
	font-size: 11px;
	line-height: 1;
	overflow: hidden;
}
/* right btn/text replacement*/
.dom_logon_right {
	line-height: 13px;
}

/* Nav  */
.gcl_headers ul li a, .gcl_headers ul li a:visited {
   font-size: 11px;
   color:#fff;
}

.gcl_headers ul li a:hover  {
   color:#006699;
}

.gcl_headers ul li.gcl_selected a, .gcl_headers ul li.gcl_selected a:visited, .gcl_headers ul li.gcl_selected a:hover {
  color:#006699;
}

.headerWrapper .gcl_secondNavigation .gcl_subheaders {
 font-size: 11px;
}



/* LIST COMPONENT */
.listBox ul {
	margin:0 !important;
	padding:0 0 0 2em;
}
ul.linkList_large {
	color: #000;
	font-size:12px;
}

ul.linkList_arrow {
	padding-left:0;
	margin-left:0;
}

ul.linkList_arrow li {
	list-style-type:none;
	list-style:none;
	background: transparent url("../images/arrow.gif") 0 5px no-repeat;
	padding-left: 15px!important;	
}
/* IE 7 and below 
*:first-child+html {} * html ul.linkList_arrow li {
	margin-left: 20px;
	padding-left:0;
	 
}
*/
.listBox a {
 	color: #006699;
    text-decoration: underline;
}

/* TEASER BUTTON LINK COMPONENT */
.whiteTeaser {
	font-size:12px;
	line-height: 1.5;
	color:#000;
}

.whiteTeaser .ct_title, .whiteTeaser .ct_subtitle, .whiteTeaser .ct_main_content {
  margin-left:0;
  font-size: 12px;
}
/* remove left margin */
.ct_align_hor_left {
	margin-left:0 !important;
}

/* CONTENT TEASER COMPONENT (used for speech bubbles)*/
.content_container .mainContent tr {
	width: 100%;
	background: transparent url("../images/teaser_bodybg.gif") no-repeat scroll 0 0 !important;
}
/* we dont use image so lets use it for padding */
.content_container .imageTeaser {
  padding-left: 0px;
  width: 15px;
}

.content_container .content {
	padding-left: 0px;
	/*height: 145px;*/
}

.content_container .CL_align_hor_right img {
	margin-right:0;
}

/* remove padding from container - leave it up to header */
.content_container .teaserTitle {
  padding-bottom: 0;
}

.content_container .teaserTitle p, .content_container .teaserTitle h4, .content_container .teaserTitle h3, .content_container .teaserTitle h2, .content_container .teaserTitle h1, .content_container .textContent h3 {
   font-size: 20px;
   font-weight: normal;
   line-height: 1.125em; /* 18px */ 
   color: #0099cc;
	margin-top: 0;
	margin-bottom: .25em;
}

.content_container .textContent {
  
}

/* Please remove span and use a block ele */
.content_container .textContent span {
	display: block;
}

/* remove the extra padding that gets added */
.content_container .textContent span p {
	float: none;
	margin-bottom: .75em;
	padding-right: 0;
	padding-left: 0;
}

.content_container ul {
	padding-left:0;
	margin-left: 0;
}

.content_container ul li {
	list-style-type:none;
	list-style:none;
	background: transparent url("../images/icon_arrow.gif") 0 50% no-repeat;
	margin-left:0px;
	padding-left:20px;
}

.content_container ol li {
	list-style-type:decimal;
	list-style:decimal;
	margin-left:0px;
	padding-left:20px;
}

.content_container a {
	text-decoration:underline;
}	

/* Teaser buttons */
/* remove white bar from buttons (for teasers)  */
.content_container .ct_button_content {
	background-color: transparent;
}
/* make sure IE gets the padding 
.ct_align_hor_left a img {
	margin-left: 0;
	padding-right: 10px;
}*/


/* TOGGLE LIST COMPONENT */
.jtoggle-list {
  margin: 0;
  padding: 0 0 1.4em 1.9em;
  color: #424974;
  font-weight: bold;
 
}

.jtoggle-list li {
	font-size: 12px;
	line-height: 1.5em;
}

.jtoggle-list p {
  line-height: 1.4;
  font-weight: normal;
}

.jtoggle-list a {
  color: #006699; 
  font-weight: normal;
  text-decoration:underline;
}

/* FOOTER COMPONENT */
#FooterContainer td span {
    color: #006699;
	font-size: 11px !important;
}

#FooterContainer a {
   color: #006699;
   text-decoration: underline;
}

/* Disclaimer/ Footer  styles */
.disclaimer { 
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.2em;
	font-size: 11px;
	color: #999;
}

.disclaimer a, .disclaimer a:link, .disclaimer a:visited, .disclaimer  a:hover, .disclaimer a:active   {
	font-size: 11px;
	color: #999;
	text-decoration: underline;
}

/* title */
#main_feat h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
}
/* piped strapline */	
#main_feat h4 {
	color: #666666;
	font-weight: bold; 
	font-size: 14px;
	letter-spacing: -.0125em;
}

#sub_feat h5 {
    margin-bottom: .5em;
}

/* Table styles (used on Fees & Charges) */
.table1 td {
	padding: .3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
}

.header1 td {
	font-weight:bold;
	color: #fff;
	text-align: center;
	background-color: #0099cc;
}

.header2 td {
	font-weight:bold;
	color: #000;
	background-color: #E3EEF4;
}

/* Forms */ 
form table {
	font-size: 12px;
}

.field, .buttons {
	clear: both;
	display: block;
	padding-bottom: 1em;
}

.field label {
	display: block;
	padding-bottom: .25em;
	font-size: 13px;
	font-weight: bold;
	color: #3b73b9;
}

.field .prompt {
	padding-top: .25em;
	margin-bottom: .25em;
	font-weight: bold;
}

.field input {
	font-size: 11px;
}

.field .note {
	margin: 0;
	padding-top: .25em;
	line-height: 1.1;
	font-size: 11px;
}

.field .error {
	font-size: 11px;
	color: red;
}