/* all media, all browsers, for all languages */

/* general */

html, body {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-size: 62.5%; /* 10px @ 16px/em */
	background-color: #ebebeb;
	color: #000000;
}

.screen {
  display: block;
}

.print {
  display: none;
}

a {
	color: #607da6;
	text-decoration: none;
}

a:hover {
	color: #eca949;
}

a img {
	border: none;
}

a.button {
	font-size: 1em; /* 10px */
	line-height: normal;
}

.clearfix a.button {
	float: left;
	margin-right: 20px;
}

.control input, .control a.button {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}

a.button img {
	display: block;
	margin-left: 1px;
}

input, select, textarea {
	/* box-sizing is css3 and -moz-box-sizing is the corresponding experimental mozilla declaration
	   so these will not validate (yet) */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

select {
	border: 1px solid #8b8b8b;
	color: #17528e;
}

textarea {
	overflow: auto;
}

h1, h2, h3, h4, dl, dt, dd, ol, p, ul, table {
	margin: 0 0 1.2em; /* 12px */
	padding: 0;
}

ol {
/*
  margin-left: 21px;
*/
  margin-left: 23px;
}

ol li {
  padding-left: 0;
}

form {
  margin: 0;
  padding: 0;
}

/* see http://www.soxiam.com/Code/CSSSuperscriptLineheightAdjustment */
sup {
	line-height: 0;
}

h1 {
	margin-bottom: 14px;
	font-weight: normal;
}

h2, h3 {
	font-weight: bold;
}

.sectionheadings h2 {
	font-weight: normal;
}

h3, h4 {
	margin-bottom: 0;
}

.sectionheadings h3 {
	margin-bottom: 1.2em; /* 12px */
}

h2 img, h3 img {
	display: block;
	height: 1em;
}

.mandatory {
  color: #f33;
}

ul, ul.arrow {
	list-style: none;
}

li {
	padding-left: 12px;
}

ul li {
	background-image: url(/images/bullet_point.gif);
	background-repeat: no-repeat;
}

ul.arrow li {
	background-image: url(/images/arrow.gif);
}

ul.arrow a {
	color: #17528e;
}

ul.arrow a:hover {
	color: #eca949;
}

table {
	width: 100%;
}

th {
	font-weight: bold;
	color: #738db1;
}

table.lines th, table.lines td {
	padding: 4px 0 6px;
}

table.lines th {
	border-bottom: 1px solid #e4e4e4;
}

table.lines td {
	border-bottom: 1px solid #f7f7f7;
}

.highlighttext {
	font-weight: bold;
}

/* easy clearing from http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */

.clear {
  clear: both;
}

.red {
  color: red;
}

#copy .highlight {
  color: #738db1;
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.hide {
  display: none;
}

.center {
  text-align: center;
}

.aright {
  text-align: right;
}

.emphasize, .replyMessage {
  color: #449dd3;
  font-weight: bold;
}



/* .net form */

#container {
	width: 982px;
	margin: 7px auto 0;
	padding: 8px 0 0;
	background: url(/images/grad_grey_top.gif) no-repeat left top;
}

/* header */

#header {
	background: url(/images/left_white_column_bg.gif) repeat-y left top;
	position: relative;
}

.nomenu #header {
	background-image: url(/images/home/grad_content_white_bg.gif); /* fix */
}

.home #header {
	background-image: url(/images/home/grad_content_white_bg.gif);
}

#alsonav {
	margin: 0 15px 0 231px;
	padding: 3px 15px 0 0;
	background-color: #437dbe;
	color: #749fcf;
	text-align: right;
}

.nomenu #alsonav {
	margin-left: 15px;
	padding-left: 216px;
}

#alsonav li {
	display: inline;
	padding-left: 0;
	background-image: none;
}

#alsonav a {
	color: #ccdced;
}

#alsonav a:hover {
	color: #eca949;
}

.about #alsonav a.about,
.contact #alsonav a.contact,
.news #alsonav a.news,
.careers #alsonav a.careers,
.faq #alsonav a.faq {
	color: #ffffff;
}

#alsonav a.en,
#alsonav a.tc {
	margin-left: 37px;
}

#alsonav a.tc img {
	height: 1.182em; /* 13px */
	vertical-align: bottom;
}

#masthead {
	clear: both;
	padding-top: 9px;
	background: #1b3f72 url(/images/grad_white_header_top.gif) no-repeat left top;
}

.nomenu #masthead {
	background-image: url(/images/grad_blue_header_top.gif);
}

#masthead .bottom {
	padding-bottom: 9px;
	background: url(/images/grad_white_header_bottom.gif) no-repeat left bottom;
}

.nomenu #masthead .bottom {
	background-image: url(/images/grad_blue_header_bottom.gif);
}

#masthead .middle {
	padding: 10px 31px 15px 33px;
	background: url(/images/blue_header.gif) repeat-y left top;
}

#masthead .logo {
	float: left;
}

#masthead .logo img.screen {
	display: block;
}

#masthead .logo img.print {
  display: none;
}

#masthead .tagline {
  float: left;
}
/* Added by Andy Wun  17 Sep 2009  */

#masthead .controls {
	float: right;
	width: 198px;
	margin-top: 3px;
}  

#masthead .controls div {
	margin-bottom: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid #4b6890;
}

#masthead .controls .query, #masthead .controls .submit {
	vertical-align: middle;
}

#masthead .controls .query {
	width: 134px;
	margin-right: 5px;
	padding: 2px 1px;
	border: 1px solid #d7dde6;
	background-color: #a4b2c7;
	color: #000000;
}

#masthead .controls a.button {
	float: none;
	margin-right: 0;
}

#masthead .controls .submit {
	display: inline;
	height: auto;
	margin-left: 0;
	margin-right: -1px;
}

#masthead .controls span {
	float: left;
	width: 50px;
	margin: 2px 3px 0 1px;
	font-weight: bold;
	color: #cAd3de;
	vertical-align: middle;
}

ul#login {
	margin-bottom: 0;
	padding-top: 2px;
}

ul#login li {
	display: inline;
	padding-left: 0;
	background: none;
}

select#login {
	width: 142px;
	background-color: #dcf3fc;
	vertical-align: middle;
}



/* brokerLogin and consultantLogin */

#brokerLogin, #consultantLogin {
  position: absolute;
  top: 100%;
  right: 15px;
  width: 197px;
  margin-top: -8px;
  padding: 10px 14px 14px;
  color: #ebebeb;
  background: #1b3f73;
  opacity: 0.8;
  z-index: 999;
}

#brokerLogin.hide {
	position: absolute;
	display: block;
	left: -5000px;
	top: -5000px;
}


#brokerLogin .clearfix a.button, #consultantLogin .clearfix a.button {
  float: right;
  margin-right: 0;
}

#brokerLogin #brokerUsername, #brokerLogin #password, #consultantLogin #consultantUsername, #consultantLogin #consultantpassword {
	width: 134px;
	border: 1px solid #d7dde6;
	background-color: #a4b2c7;
	color: #000000;
}

#brokerLogin h3, #consultantLogin h3 {
  margin-bottom: 0;
  font-weight: normal;
}

#brokerLogin table, #consultantLogin table {
  margin: 13px 0 6px;
  padding: 0;
}

#brokerLogin .field, #consultantLogin .field {
  width: 134px;
}

#brokerLogin #brokerClose, #consultantLogin #consultantClose {
  height: 14px;
}

#brokerLogin .mandatory, #consultantLogin .mandatory {
  color: #eca949;
}

/* body */

#body {
	min-height: 540px;
	padding: 0 15px 26px;
	background: #ffffff url(/images/left_white_column_bg.gif) repeat-y left top;
	color: #7f8080;
}

.nomenu #body {
	background-image: url(/images/t3_left_white_column_bg.gif);
}

.home #body {
	background-image: url(/images/home/grad_content_white_bg.gif);
}

.steps #body {
	background-image: url(/images/left_white_column_bg.gif);
}



/* story */

#story {
	float: right;
	width: 736px;
}

.nomenu #story {
  width: 952px;
}



/* above the fold */

#abovethefold {
	min-height: 168px;
	padding-left: 21px;
	background: #74c5e6 url(/images/pagetitle-intro_bg1.gif) repeat-x left top;
}

.nolede #abovethefold {
  min-height: 70px;
  background-color: #5092ca;
  background-image: url(/images/t3_title_bg.gif);
}

.press #abovethefold {
  min-height: 132px;
  background-image: url(/images/pagetitle-intro_bg2.gif);
  position: relative;
}

#breadcrumbs {
	min-height: 15px;
	padding-right: 24px;
	color: #a1bedf;
}

#breadcrumbs a, #breadcrumbs span {
	font-weight: normal;
	color: #ffffff;
}

#breadcrumbs a:hover {
	color: #eca949;
}

#lede {
	float: left;
	width: 456px;
	margin-top: 22px;
	padding-right: 34px;
	color: #ffffff;
}

.nolede #lede h1 {
	margin-bottom: 3px;
}

#abovethefold img {
	float: left;
}



/* tabs for press release */

#tabs {
  position: absolute;
  bottom: 0;
  left: 21px;
  margin: 0;
  padding: 8px 0;
}

#tabs li {
  display: inline;
  background-image: none;
  font-weight: bold;
  margin: 0;
  padding: 8px 16px;
}

#tabs li a {
  color: #ffffff;
}

#tabs li a:hover, #tabs li.selected a:hover {
  color: #eca949;
}

#tabs li.selected {
  background-color: #ffffff;
}

#tabs li.selected a {
  color: #007ac2;
}



/* copy */

#copy {
	float: left;
	width: 456px;
	padding: 20px 34px 0 21px;
}

.nomenu #copy {
  width: 672px;
  padding-top: 15px;
}

.steps #copy {
  width: 456px;
}

#copy h2, .sectionheadings #copy h3 {
	padding-top: 5px;
	color: #449dd3;
}

.sectionheadings #copy h2 {
	padding-top: 0;
  color: #437dbe;
}

.landing #copy th h2 {
	color: #607da6;
}

#copy h2 a, .sectionheadings #copy h3 a {
	color: #607da6;
}

#copy h2 a:hover, .sectionheadings #copy h3 a:hover {
	color: #eca949;
}

#copy input.text, #copy select, #copy textarea, #copy input#resume {
  background-color: #ecf9ff;
  border: 1px solid #b9b9b9;
}

#copy table.lines {
	width: 511px;
	margin-left: -21px;
	margin-right: -34px;
}

#copy li table.lines {
  margin-left: -33px;
}

#copy table.lines .left {
	padding-left: 21px;
}

#copy table.lines .right {
	padding-right: 34px;
}

.nomenu #copy table.lines {
  width: 727px;
	margin-left: -21px;
	margin-right: -34px;
}



/* table with 2 cells in a row with the same size */

table.balance {
  width: 456px;
}

table.balance td {
  width: 228px;
  margin: 0;
  padding: 15px 0 0;
  vertical-align: top;
}

.careers table.balance td.left {
  padding-left: 0;
  padding-right: 10px;
}


/* eCard section */

.ecards #copy table.balance a {
  margin-right: 10px;
  float: left;
}

.ecards #copy .preview #preview {
  padding-left: 35px;
  padding-bottom: 12px;
}

.ecards #copy .preview p.last {
  margin-bottom: 0;
}

.ecards #copy .preview .control a.button {
  margin-right: 20px;
}

.ecards #copy h3 span {
  color: #7f8080;
  font-weight: normal;
}

.ecards #copy label {
  padding-right: 10px;
}

.ecards #email1, .ecards #email2, .ecards #email3, .ecards #emailsender {
  width: 186px;
}

.ecards #name1, .ecards #name2, .ecards #name3, .ecards #namesender {
  width: 157px;
}

.ecards #message {
  width: 412px;
  margin-left: 43px;
  margin-top: 15px;
  background: #ecf9ff;
}

.ecards #alsonav li, .ecards #masthead .controls, 
.error #alsonav li, .error #masthead .controls{
	display: none;
}
.ecards #alsonav li.lang,
.error #alsonav li.lang{
	display: inline;
}
.ecards #breadcrumbs,
.error #breadcrumbs {
	visibility: hidden;
}



/* brokers section */

.brokers .left {
  float: left;
  width: 450px;
  padding-right: 20px;
}

.brokers .right{
  margin-left: 470px;
}



/* a block has a line on top */

#copy .block {
  width: 456px; /* 511 - 34 - 21 = 456 */
  margin: 20px -34px 0 -21px;
  padding: 15px 34px 0 21px;
  border-top: 1px solid #efefef;
}

.nomenu #copy .block {
  width: 672px; /* 727 - 34 - 21 */
}

.steps #copy .block {
  width: 456px; /* 511 - 34 - 21 = 456 */
}

/* small block for forms */
#copy .smallblock {
  width: 416px; /* 511 - 74 - 21 */
  padding-right: 74px;
}

.nomenu #copy .smallblock {
  width: 640px; /* 727 - 65 - 21 */
  padding-right: 65px;
}

#copy .tinyblock {
  width: 376px; /* 511 - 74 - 61 */
  padding-left: 61px;
  padding-right: 74px;
}

#copy .firstblock {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

#copy .smallblock h2, .sectionheadings #copy .smallblock h2, #copy .block .last {
  margin-bottom: 0;
}

#copy .smallblock h2, .sectionheadings #copy .smallblock h3,
#copy .tinyblock h2, .sectionheadings #copy .tinyblock h3 {
  padding-top: 0;
}



/* careers */

#copy table.seminar td {
	vertical-align: top;
}

#copy table.seminar td p {
  margin-bottom: 0;
}

#copy table.seminar td.thumbnail {
	width: 97px;
	padding-right: 20px;
}

#copy table.seminar td.heading {
	text-align: right;
}

#copy table.seminar td.info {
	padding-left: 15px;
}

/* for file upload */
div.fileset, div.fileset div.actual, div.fileset div.cover {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 280px;
}

div.fileset div.actual {
  left: 0;
  text-align: right;
  top: 0;
  z-index: 2;
}

div.fileset input.file {
  opacity: 0;
  position: relative;
  z-index: 2;
}

div.fileset div.cover {
  left: 0pt;
  top: -20px;
  z-index: 1;
}

div.fileset div.cover input {
  margin:1px 10px 0 0;
  width:200px;
  background-color:#ECF9FF;
  border:1px solid #B9B9B9;
}

div.fileset div.cover img {
  vertical-align: top;
}

/* sidebar */

#sidebar {
	float: left;
	width: 225px;
}

#sidebar .item {
	padding: 22px 24px 21px;
	border-bottom: 1px solid #e6e7e8;
}

#sidebar h3 {
	margin-right: -3px;
	margin-bottom: 5px;
	line-height: normal;
}

#sidebar h4 {
	margin-bottom: 0;
}

#body #story #sidebar .last {
	margin-bottom: 0;
}

#body #story #sidebar .afterh3, #body #story #sidebar .afterh4 {
	margin-top: 0;
}

#sidebar .afterh3 {
	padding-top: 6px;
}

#sidebar .afterh4 {
	padding-top: 2px;
}

#sidebar .remark {
  color: #abaaaa;
}



/* menu */

#menu {
	float: right;
	width: 201px;
	margin-top: -3px;
	margin-bottom: 0;
	padding-left: 15px;
	overflow: hidden;
}

#menu li {
	padding: 0 0 1px 0;
	background: url(/images/line_primary_off.gif) no-repeat left bottom;
}

#menu li.selected {
	background-image: url(/images/line_primary_select.gif);
}

#menu a, #menu img, #menu span {
	display: block;
}

#menu ul {
	margin-bottom: 0;
	padding-top: 1px;
	background: url(/images/line_primary_select.gif) no-repeat left top;
}

#menu ul li, #menu ul li.selected {
	background-image: url(/images/line_secondary_off.gif);
}

#menu ul li.last {
	padding-bottom: 0;
	background-image: none;
}

#menu ul a, #menu ul li.selected ul a {
	padding: 6px 28px 5px 0; /* add 20px to the right to force line wrapping, so if when it's bold it will wrap, then wrap it now */
	font-weight: normal;
	color: #607da6;
}

#menu ul a:hover, #menu ul li.selected ul a:hover {
	font-weight: normal;
	color: #eca949;
}

#menu ul li.selected a, #menu ul li.selected ul li.selected a {
	padding-right: 8px;
}

#menu ul li.selected a, #menu ul li.selected ul li.selected a,
#menu ul li.selected a:hover, #menu ul li.selected ul li.selected a:hover {
	font-weight: bold;
	color: #449dd3;
}

#menu ul ul {
	background-image: url(/images/line_secondary_off.gif);
}

#menu ul ul span {
	padding-left: 12px;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
}



/* eCards steps */

#step {
  float: left;
  width: 176px;
  padding: 18px 20px 0 20px;
}

#step li {
  margin: 0;
	padding: 0;
	background: none;
}


/* menu representation of the no-menu page */

ul.largelist {
	width: 727px;
  margin: 5px -34px 15px -21px;
  border-top: 1px solid #efefef;
}

ul.largelist a {
  color: #449dd3;
}

ul.largelist li.selected a, ul.largelist li.selected li.selected a, ul.largelist li.selected li.selected li.selected a {
  font-weight: bold;
}

ul.largelist li.selected li a, ul.largelist li.selected li.selected li a, ul.largelist li.selected li.selected li.selected li a {
  font-weight: normal;
}

ul.largelist .last {
	margin-bottom: 0;
}

/* 1st level */
ul.largelist li {
  border-bottom: 1px solid #efefef;
  padding: 3px 0 3px 33px; /* arrow position at 21px + default li padding of 12px  = 33px */
}

ul.largelist li.selected {
	background-image: url(/images/arrow_down_secondary.gif);
	padding-bottom: 0;
	border-bottom: 0;
}

ul.largelist li.selected div {
  margin-top: 3px;
  margin-left: -33px; /* remove the left padding */
  border-top: 1px solid #bac7d9;
  border-bottom: 1px solid #bac7d9;
  color: #848484;
  display: block;  
}

/* second level */
ul.largelist li.selected ul.arrow {
  margin: 0;
  border-top: 0;  
}

ul.largelist li.selected li {
  border-bottom: 0;
  border-top: 1px solid #efefef;
	padding-left: 54px; /* arrow position at 42px + li default padding of 12px = 54px */
}

ul.largelist li.selected li.first {
  border-top: 0;
}

/* third level */
ul.largelist li.selected li.selected div {
  border: none;
  display: block;
  margin-left: -54px; /* remove the left padding of 2nd level */
}

ul.largelist li.selected li.selected li {
  padding-left: 75px; /* arrow position at 63px + li default padding of 12px = 75px */
}

ul.largelist li.selected li.selected li.first {
  border-top: 1px solid #efefef;
}

ul.largelist li.selected li.selected ul.download {
  border-top: 1px solid #efefef;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 42px;
}

ul.largelist li.selected li.selected ul.download li{
  border: none;
  display: inline;
  padding-left: 33px;
}

/* for the text product features and fund options under investment product */
ul.largelist li.selected p.subsection {
  padding: 3px 0 3px 54px;
  margin-bottom: 0;
  border-top: 1px solid #efefef;
}

/* fourth level */
ul.largelist li.selected li.selected li.selected div,
ul.largelist li.selected li.selected li.download div {
  border-top: 1px solid #efefef;
  padding: 3px 0;
  margin-left: -75px; /* remove the left padding of 3rd level */
  display: block;
}

/* fourth level without content when 3rd level selected */
ul.largelist li.selected li.selected li.selected div.empty {
  border-top: 0;
  padding: 0;
}

ul.largelist li.selected li.selected li.selected ul {
  margin-left: 63px; /* using 3rd level arrow position at the starting point */
}

ul.largelist li.selected li.selected li.selected li {
  border-top: 0;
  display: inline;
  padding-left: 33px; 
}
/* end of menu representation of no-menu page */


/* faq answer section */
.faq ul.largelist li.selected div {
  padding: 20px 34px 20px 40px;
}

.faq p.last {
  margin-bottom: 0;
}

.faq ul.largelist li.selected ul.arrow {
  margin: 0 0 15px;
}
/* 
this rule needs to stay after .faq ul.largelist li.selected ul.arrow
to offset the bottom margin 
*/
.faq ul.largelist li.selected ul.last {
  margin-bottom: 0;
}

.faq ul.largelist li.selected li {
  border: 0;
  background-image: url(/images/bullet_point.gif);
  padding: 0 0 0 12px;  
}



/* fund prices */

.prices #copy .date {
  float:left;
  margin-top: 15px;
  margin-right: 20px;
}

.prices #copy label {
  color: #738db1;
}

.prices #copy select {
	background-color: #dcf3fc;
}

.prices #copy h3 span {
	color: #7f8080;
	font-weight: normal;
}

.prices #copy #go {
	float: left;
	margin-top: 15px;
}

.prices #copy a.button {
  float: right;
  margin-right: 0;
}

.prices #chart {
  padding-left: 43px;
}

.prices #chart p{
  margin-left: -43px;
}

.prices table.lines th {
  text-align: left;
}

.prices table.lines td {
  vertical-align: top;
}

.prices table.lines .fundCode {
  width: 55px;
  padding-right: 15px;
}

.prices table.lines .fundName {
  padding-right: 20px;
}


/* news */

.news #copy .content h2 a {
  color: #449dd3;
}

.news #copy .content h2 a:hover {
	color: #eca949;
}

#copy.newslist a.more {
  padding-left: 12px;
  color: #449dd3;
}

#copy.newslist a.more:hover {
	color: #eca949;
}

#copy .hasImage img {
  float: left;
}

#copy .hasImage div {
  margin-left: 123px;
}

.news #copy input.text {
/*  margin-left: 0;*/
}

.news #copy .last{
  margin-bottom: 0;
}

.news #copy td {
  vertical-align: top;
}

#copy .newspic {
  float: left;
  margin: 0 18px 18px 0;
}

.press #copy .block {
  margin-top: 5px;
  padding-top: 0;
}

.news table.lines th {
  text-align: left;
}

/* visa */
.visa .rowContainer {
  clear:both;
  width: 672px;
  height: 133px;
}

.visa .rowContainer .rowImage {
  float: left;
  width: 163px;
  padding-right: 20px;
}

.visa .rowContainer .rowText {
  width: 480px;
  margin-left: 183px;
  padding-top: 10px;
}

.visa .picture {
  padding-top: 8px;
}

.visa td {
  width: 50%;
  vertical-align: top;
}

.visa .left {
  padding-left: 0;
  padding-right: 30px;
}



/* contact us (and all other forms) */

table.form td {
  padding-top: 12px;
}

#copy table.form td.left{
  width: 129px;
  padding-right: 15px;
  text-align: right;
  vertical-align: top;
}

.nomenu #copy table.form td.left{
  width: 240px;
}

table.form tr.firstrow td {
  padding-top: 0;
}

.radios input, .radios label {
	vertical-align: middle;
}

input#policynumber {
  width: 200px;
}

input#firstname, input#lastname, input#number, input#email, input#address, .smallblock textarea#message {
  width: 272px;
}

.nomenu .smallblock textarea#message {
  width: 385px;
}

input#nonexisting {
  margin-left: 35px;
}

select#time {
  margin-left: 12px;
}

select#education {
  margin-left: 18px;
}

label.radio {
  margin-left: 5px;
}



/* home promo */

#homepromo {
	background: #70c3e5 url(/images/home/mainimagebg2.jpg) no-repeat right top;
	color: #ffffff;
}

#homepromo h1 {
	position: absolute;
	left: -5000px;
	top: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#homepromo img {
	float: left;
}

#homepromo div {
	float: left;
}

#homepromo .products {
  width: 160px;
}

#homepromo .tasks {
  width: 198px;
}

#homepromo h2 {
	margin: 18px 0 14px;
	font-weight: bold;
	line-height: normal;
}

#homepromo ul {
	margin: 0;
	padding: 0 0 2px;
}

#homepromo li {
	margin-bottom: 8px;
	padding-left: 16px;
	background-image: url(/images/home/arrow_main.gif);
	background-repeat: no-repeat;
}

#homepromo a {
	font-weight: bold;
	color: #ffffff;
}

#homepromo a:hover {
	color: #eca949;
}



/* home content */

#homenews {
	float: left;
	width: 278px;
	padding: 23px 27px 0 19px;
}

#homenews h2 {
	margin-bottom: 18px;
	line-height: normal;
}

#homenews a.more {
	margin-left: 12px;
	color: #449dd3;
}

#homenews a.more:hover {
	color: #eca949;
}

#homeproducts {
	float: left;
	width: 352px;
	padding: 23px 31px 0;
}

#homeproducts h2 {
	margin-bottom: 18px;
	line-height: normal;
}

#homeproducts li {
	margin-top: 18px;
	padding: 18px 0 0;
	border-top: 1px solid #ebebeb;
	background-image: none;
}

#homeproducts li.first {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

#homeproducts .product {
	float: right;
	width: 230px;
	padding-left: 17px;
}

#homeproducts h3 {
	margin-bottom: 5px;
	line-height: normal;
}

#homeproducts h3 a {
	color: #449dd3;
}

#homeproducts h3 a:hover {
	color: #eca949;
}

#homeproducts .thumbnail {
	float: right;
}

#homeother {
	float: left;
	width: 154px;
	padding: 26px 30px 0;
}

#homeother h3 {
	margin-bottom: 9px;
	line-height: normal;
}

#homeother ul {
	margin-bottom: 26px;
}

#homesites {
	margin: 3px 0 32px;
}

select#homesites {
	width: 144px;
}

/* login */
.login #loginMessage, .login #login {
  display: none;
}

.login #copy table {
  width: 50%;
}

.login #copy table td {
  padding-bottom: 6px;
}

.login #copy table td.field {
  width: 80%;
}

.login #copy table td.field input {
	padding: 2px 1px;
  background-color:#ECF9FF;
  border:1px solid #B9B9B9;
	color: #000000;
}

/* search result */
#noData .controls .query, #noData .controls .submit {
	vertical-align: middle;
}

#noData .controls .query {
	width: 134px;
	margin-right: 5px;
	padding: 2px 1px;
  background-color:#ECF9FF;
  border:1px solid #B9B9B9;
	color: #000000;
}

#noData .controls a.button {
	float: none;
}

#noData .controls .submit {
	display: inline;
	height: auto;
}

#withData td {
  vertical-align: top;
}

#withData table.result {
  width: 727px;
  margin-left: -21px;
  margin-right: -34px;
}

#withData table.result td.left {
  padding-left: 21px;
  padding-right: 10px;
  width: 30px;
}

#withData table.result td.pagerLeft {
  padding-left: 21px;
  padding-right: 10px;
}


#withData table.result td.right, 
#withData table.result td.pagerRight {
  padding-right: 34px;
}

#withData table.result td.right {
  width: 632px;
}

#withData table.result td.pagerRight {
  text-align: right;
}

#withData .block {
  margin-top: 0;
  width: 727px;
  padding-left: 42px;
}

#withData .block table td.left {
  padding: 0;
}

/* sitemap */
.sitemap #copy table {
	width: 727px;
  padding-top: 7px;
	margin-left: -21px;
	margin-right: -34px;
  text-align: left;
}

.sitemap #copy th {
	border-bottom: 1px solid #e4e4e4;
  padding-bottom: 7px;
}

.sitemap #copy td {
  padding: 7px 0;
}

.sitemap #copy .left {
  padding-left: 21px;
}

.sitemap #copy .right {
  width: 250px;
  padding-right: 34px;
}

.sitemap #copy span {
  color: #449dd3;
}

/* footer */

#footer {
	padding: 7px 34px 26px;
	background: url(/images/grad_grey_bottom.gif) no-repeat left top;
	color: #d7e4f0;
	text-align: right;
}

#footer .copyright {
	float: left;
	text-align: left;
	color: #7294b6;
}

#footer a {
	color: #7294b6;
}

#footer a:hover {
	color: #eca949;
}

/* popup */
#popup {
  background-color: #ffffff;
}

#popup #container {
  width: 727px;
  background-color: #ffffff;
  background-image: none;
  padding-top: 0;
}

#popup #header,
#popup #abovethefold,
#popup #footer {
  display: none;
}

#popup #body,
#popup #story,
#popup #copy {
  width: 727px;
  background-image: none;
}

#popup #body,
#popup #copy {
  padding-left: 0;
  padding-right: 0;
}

#popup ol {
  margin-left: 23px;
}