/* General */

body {
	font-size:12px;
	line-height: 1.5em;
	color: #000;
}

.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: #0099cc; 
	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: #666666;
	padding:0; 
    margin-top: 0;
	margin-bottom: 1em; 
	text-decoration: none;
}


h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.125em; /* 18px */ 
	color: #666666;
	padding:0; 
    margin-top: 0;
	margin-bottom: 1.125em; 
}

h4, h4 a, .section_title, .section_title a { 
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2857em; /* 18px */ 
	font-style: italic;
	color: #000;
    padding:0;  
	margin-top: 0;
	margin-bottom: .25em; 
	text-decoration: none;
}

h5 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5em; /* 18px */ 
	color: #000;
	padding:0; 
    margin-top: 0;
	margin-bottom: 1.5em; 
}

sup {
	font-size: 55%;
}

/* 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 {
	padding-top: 6px;
	font: bold 14px/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;
}

/* Footer */
#FooterContainer td span {
    color: #006699;
	font-size: 11px !important;
}

#FooterContainer a {
   color: #006699;
   text-decoration: underline;
}

/* Disclaimer styles */
.disclaimer { 
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.2em;
	font-size: 11px;
	color: #999;
}

.disclaimer a {
	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;
}

/* List styles */

.listBox ul.linkList_arrow {
	padding-left:0;
	margin-left: 0;
}

ul.linkList_arrow 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;
}

.listBox a {
 	color: #006699;
    text-decoration: underline;
}

/* Normal Content Teaser */
.whiteTeaser {
	font-size:12px;
	line-height: 1.5;
	color:#000;
}

.whiteTeaser #ct_title, .whiteTeaser ct_subtitle, .whiteTeaser #ct_main_content {
  margin-left:0;
}

/* Sidebar Teaser mods = 210px wide */
/* Set min-height for teasers here - since min-height not allowed on the parent table! */
.sidebar_container {
	padding: 20px 10px 20px;
	width: 210px !important;
	width: 230px;
	text-align: center;
	background-color: #9ad2e9;
}

.sidebar_container .up_color,
.sidebar_container .down_color {
	margin: 0 auto;
	width: 180px;
}

.sidebar_container .imageTeaser {
  min-width: 1px;
  width: auto !important;
  width: 1px;
  min-height: 115px;
  height: auto !important;
  height: 115px;
}

.sidebar_container .teaserTitle {


   padding-right:10px;
   padding-bottom: 0;
}

.sidebar_container .teaserTitle p, .sidebar_container .teaserTitle h4, .sidebar_container .teaserTitle h3 {
   font-size: 16px;
   font-weight: bold;
   line-height: 1.2857em; /* 18px */ 
   color: #0099cc;
   margin-top:0;    
   margin-bottom: .125em;
}

.sidebar_container .textContent {
   font-size: 11px;
   line-height: 1.3em;
}

/* remove the extra padding that gets added */
.sidebar_container .textContent span p {
	padding-right: 0;
	padding-left: 0;
}

.sidebar_container a {
	text-decoration:underline;
}


/* Content Teaser mods */
/* Set min-height for teasers here - since min-height not allowed on the parent table! */
.content_container .imageTeaser {
  min-width: 1px;
  width: auto !important;
  width: 1px;
  /*min-height: 115px;*/
  min-height: 65px;
  height: auto !important;
  /*height: 115px;*/
  height: 65px;
}

.content_container .content {
 
}

/* 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 {
  
}

/* remove the extra padding that gets added */
.content_container .textContent span p {
	float: none;
	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)  */
.ct_button_content {
	background-color: transparent;
}
/* make sure IE gets the padding 
.ct_align_hor_left a img {
	margin-left: 0;
	padding-right: 10px;
}*/



/* 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;
}

/* Toggle list */
.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;
}

/* 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;
}



/* Holiday promo */
#holidaypromo_landing {
	position: relative;
	width:961px;
	min-height:736px;	
	height:auto !important;
	height:736px;
	background-image: url(/common/images/holiday/dream_holiday_winner.gif);
	background-repeat: no-repeat;
	color: #FFF;
}




#holidaypromo_landing .holidaypromo_maintext {
	position:absolute;
	width: 340px;
	top: 50px;
	left: 500px;
}

#holidaypromo_landing .holidaypromo_maintext p {
	font-size: 14px;
	color:#000;		
}

#holidaypromo_landing .holidaypromo_leftbox {
	position:absolute;
	width: 355px;
	top: 538px;
	left: 86px;
}

#holidaypromo_landing .holidaypromo_rightbox {
	position:absolute;
	width: 355px;
	top: 538px;
	left: 534px;	
}

#holidaypromo_landing .holidaypromo_rightbox p, #holidaypromo_landing .holidaypromo_leftbox p {
	margin: 18px 0 7px 0;
	color: #000;
	font-size: 15px;
}

#holidaypromo_landing .holidaypromo_rightbox img, #holidaypromo_landing .holidaypromo_leftbox img {
	position: absolute;
	top: 100px;
	left: 215px;
}

#holidaypromo_landing p.holidaypromo_smalltext {
	display: inline-block;	
	font-size: 13px;
	margin: 0;
}

#holidaypromo_landing p.holidaypromo_smalltext span {
	color: #1a75aa;
	font-weight: bold;
}

#holidaypromo_landing h3 {
	font-size: 23px
}

#holidaypromo_home_rhs h3 {
	width: 365px;
	color: #fff;
	font-size: 16px
	margin: 0;
}

#holidaypromo_home_rhs h2 {
	width: 365px;
	color: #fff;
	font-size: 28px; 
	font-weight: bold;
	padding-top: 75px;
}

#holidaypromo_home_rhs h3.holidaypromo_hometext1 {
	margin: 15px 0 75px 0;	
}

#holidaypromo_flash_banner {
	height: 380px;
	width: 395px;
	background-image: url(/common/images/holiday/holidaypromo_globe_noflash.gif);
	background-repeat: no-repeat;
}

#holidaypromo_store_banner {
	height: 90px;
	width: 960px;
}

#holidaypromo_home_rhs {
	position: relative;
	width:563px;
	min-height:380px;	
	height:auto !important;
	height:380px;
	background-image: url(/common/images/holiday/holidaypromo_homebanner_bg.gif);
	background-repeat: no-repeat;
	color: #FFF;	
}

#holidaypromo_home_rhs img {
	position: absolute;
	top: 312px;
	left: 383px;
}

