body {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #ced3de url("../gfx/bg.gif") repeat;
	font: 10pt Arial, Verdana, Helvetica;
	color: #000;
}

/* boxes etc. */
#container {
	width: 960px;
	background-color: #fff;
	margin: 0 auto;
}
#pdng { padding: 10px; }
#logo {
	float: left;
	width: 212px;
}
#lb {
	float: left;
	width: 728px;
}
#bcrumbs {
	float: left;
	width: 690px;
	height: 16px;
	background-color: #eff2f5;
}
#steps {
	float: left;
	width: 250px;
	height: 16px;
	background-color: #eff2f5;
	text-align: right;
}
#col-lft {
	float: left;
	width: 190px;
}
#col-mddl {
	float: left;
	width: 620px;
}
#col-rgt {
	float: right;
	width: 120px;
}
#search {
	width: 180px;
	background-color: #eff2f5;
	padding: 5px 0;
}
#searchbtn {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	cursor: pointer;
}
#ftr {
	background-color: #eff2f5;
	height: 16px;
}
.navbox {
	float: left;
	height: 23px;
	background: #eff2f5 url("../gfx/crnr-lft.gif") no-repeat 0% 50%;
	text-align: center;
}
.navbox.indp { width: 240px; }
.navbox.indp2 { width: 260px; }
.navbox.itmp { width: 170px; }
.RSS_int_newecards_row { height: 124px; }

/* text & hyperlinks*/
h1 {
	font-size: 13pt;
	color: #708ba7;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 11pt;
	color: #708ba7;
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 10pt;
	color: #000;
	margin: 0;
	padding: 0;
}
p { margin: 10px 0; }
.small { font-size: 11px; }
.msg { color: #800000; }
.bld { font-weight: bold; }
a:link { color: #000; text-decoration: none; }
a:active { color: #000; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:link.rev { color: #000; text-decoration: underline; }
a:visited.rev { color: #000; text-decoration: underline; }
a:hover.rev { color: #000; text-decoration: none; }
a:link.revgrey { color: #888; text-decoration: underline; }
a:visited.revgrey { color: #888; text-decoration: underline; }
a:hover.revgrey { color: #000; text-decoration: none; }
a:link.none { color: #000; text-decoration: none; }
a:visited.none { color: #000; text-decoration: none; }
a:hover.none { color: #000; text-decoration: none; }

/* lists */
ul.nav {
	width: 180px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-color: #eff2f5;
}
ul.nav li {
	border-bottom: 1px solid #e0e6eb;
}
ul.nav li a {
	display: block;
	padding: 1px 0 1px 5px;
}
ul.nav li a:hover {
	background-color: #e7eaf2;
}
ul.list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.list li {
	background-image: url("../gfx/item.gif");
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding: 1px 0 0 .8em;
}

/* forms */
form { margin: 0; }
input {
	font: 10pt Arial, Verdana, Helvetica;
	color: #000;
}
input.bigbtn {
	font: bold 14px Arial, Verdana, Helvetica;
	color: #000;
	padding: 3px 5px;
	overflow: visible;
	cursor: pointer;
}
input.bigfield {
	font: bold 14px Arial, Verdana, Helvetica;
	color: #000;
	padding: 4px 2px;
}
input.fancybtn {
	border: none;
	background-color: #fff;
	font: bold 11px Arial, Verdana, Helvetica;
	color: #000;
	padding: 0;
	cursor: pointer;
	width: auto; /* IE button padding fix */
    overflow: visible; /* IE button padding fix */
	vertical-align: middle;
}
input.fancybtn:hover { color: #535e85; }

/* various */
.clr { clear: both; }
.hidden { display: none; }
.unhidden { display: block; }
.bluebg {
	padding-top: 10px;
	padding-bottom: 5px;
	background: #eff2f5 url("../gfx/bluebg.gif") repeat;
	border: 5px solid #eff2f5;
}
object { display: block; } /* removes useless space below swf files in FF3 */
hr {
	border: none;
	background-color: #ced3de;
	color: #ced3de;
	height: 1px;
}

#newecardshome {
	width: 262px;
	height: 247px;
	padding: 8px 5px;
	border: 1px solid #eff2f5;
	border-top: none;
}
#newecardshome .tn {
	float: left;
	width: 123px;
	text-align: center;
	padding: 2px 4px;
}
#newecardshome .tn div {
	width: 89px;
	height: 89px;
	margin: 0 auto;
	background: #eff2f5 url("../gfx/tnbg2.gif") no-repeat;
}
#newecardshome .tn img {
	margin-top: 6px;
	border: 1px solid #000;
}
#fivecrds .tn {
	float: left;
	width: 110px;
	text-align: center;
	padding: 6px;
}
#fivecrds .tn div {
	width: 89px;
	height: 89px;
	margin: 0 auto;
	background: #fff url("../gfx/tnbg.gif") no-repeat;
}
#fivecrds .tn img {
	margin-top: 6px;
	border: 1px solid #000;
}

/* input hints - use "position: relative; z-index: 0;" on parent element */
.hint {
   	display: none;
    position: absolute;
	bottom: 40px;
	right: -20px;
    width: 180px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
	background: #ffc url("../gfx/pointerdown.gif") no-repeat -100px -100px;
}
.hint .hint-pointer {
    position: absolute;
    left: 50px;
    bottom: -10px;
    width: 19px;
    height: 10px;
    background: url("../gfx/pointerdown.gif") left bottom no-repeat;
}