#login input.logout {
	background: transparent url(../images/bank/logout.png) no-repeat scroll
		0 0;
}

#login a.profile {
	background: transparent url(../images/bank/yourProfile.png) no-repeat
		scroll 0 0;
}

.closer {
	background: transparent url(../images/bank/close.png) no-repeat scroll 0
		0;
}

#bank { /*overflow: hidden;*/
	border-top: solid 1px #dadada;
	background: url(../images/dot.gif) repeat-y 250px;
}

/*** LEFT MENU *************************************** LEFT MENU */
#cLeft ul ul {
	border-bottom: none;
	margin-top: 7px;
}

#cLeft li {
	background: url(../images/bank/li.gif) no-repeat 0 9px;
}

#cLeft li a.select,#cLeft li span.select {
	color: #595959;
}

#cLeft a.dictionary,#cLeft a.print {
	display: block;
	width: 224px;
	height: 19px;
	overflow: hidden;
	text-indent: -8888px;
	margin: 0 0 1em 0;
}

.dottedSpan {
	height: 25px;
}

.dottedSpan,.dottedUl {
	background: transparent url(../images/ofe/dotted.png) no-repeat scroll
		-17px bottom;
	color: #595959;
	display: block;
	margin: 0;
	padding: 0;
}

#cLeft .baner {
	display: block;
	padding: 10px 0;
}

.investlist {
	list-style: none;
	margin: 0;
	height: 90px;
}

.boxParagraph {
	margin-top: -13px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.investlist li {
	float: left;
	color: #478cb5;
	font-size: 10px;
	font-weight: bold;
	height: 66px;
	margin-left: 5px;
	margin-top: 20px;
}

.investlist a {
	cursor: pointer;
	color: #767676;
	width: 115px;
	height: 55px;
	display: block;
	padding: 5px 0 0 50px;
}

.investlist a.act {
	color: #478cb3;
}

.mBox {
	float: left;
}

.wbox {
	background-position: 0 -152px;
	color: #fff;
	height: 111px;
	padding: 20px 15px;
}

.wbox li {
	color: #fff;
	background: url(../images/main/liw.gif) no-repeat 0 5px;
	font-weight: normal;
	text-decoration: none;
}

.wbox .bottom {
	background-position: 0 -9px;
}

.wbox .top {
	background-position: 0 -12px;
}

/***** */
.bankMain {
	float: right;
	width: 703px;
	margin-bottom: 20px;
}

.bankMain img {
	padding-left: 100px;
	margin-bottom: 20px;
}

.bankMain .box {
	width: 220px;
	float: left;
	margin-right: 10px;
}

.bankMain .box a.productLink{
	color:#59A1BE;
	cursor:pointer;
	height: 1em;
}
.bankMain .box a {
	display: block;
	height: 109px;
}

.bankMain .box .product {
	padding-top: 10px;
	height: 60px;
	background: url(../images/bank/dots.png) no-repeat 0 bottom;
}

.bankMain .box .last {
	background: #fff;
}

.bankMain .box .left {
	background: url(../images/bank/mleft.png) no-repeat 0 bottom;
}

.bankMain .box .middle {
	background: url(../images/bank/mmiddle.png) no-repeat 0 bottom;
}

.bankMain .box .right {
	background: url(../images/bank/mright.png) no-repeat 0 bottom;
}

.bankMain .product img {
	padding: 0 0 0 18px;
	margin: 0px;
	float: left;
}

.bankMain .product span.price {
	font-size: 14px;
	font-weight: bold;
	float: right;
	padding-right: 18px;
	padding-top: 8px;
	color: #6f6f6f;
}

.bankMain .product h6 {
	clear: both;
	float: left;
	padding: 0 0 0 18px;
	font-size: 10px;
	font-weight: bold;
	color: #59a1be;
	width: 200px;
}

.bankMain a.button {
	height: 22px;
	width: 135px;
	background: url(../images/bank/button.png) no-repeat 0 bottom;
	text-align: center;
	padding-top: 10px;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin-left: 40px;
	/*margin-top: 10px;*/
}

/*** TABLE ******************************************* TABLE ***/
.backgroundContent {
	background: #fff url(../images/bank/contentArrow.gif) no-repeat scroll
		top left;
	margin-left: 20px;
	position: relative;
}

#tableWrapper {
	padding-left: 45px;
	padding-top: 32px;
	/*padding-bottom:80px;*/
}

.productsTab {
	font-size: 11px;
}
#scrolltab .bolder,
.productsTab .bolder {
	font-weight: bold;
	font-size: 12px;
}

.productsTab .pThead {
	border-bottom: 1px solid #DADADA;
}

.productsTab th.first {
	border-bottom: none;
}

.productsTab th.last {
	border-bottom: none;
	width: 69px;
	background: #fff url(../images/bank/th2.gif) no-repeat scroll -140px top
		;
}

.productsTab .th1 {
	background: #fff url(../images/bank/th1.gif) no-repeat scroll top left;
	width: 162px;
	height: 55px;
}

.productsTab .th2 {
	background: #fff url(../images/bank/th1.gif) no-repeat scroll top left;
	width: 141px;
	height: 55px;
}

.productsTab td {
	padding-bottom: 0px;
	background: none;
	text-align: center;
}

.productsTab td.input {
	height: 90px;
	width: 25px;
	background: #f2f2f2 url(../images/bank/selectionRowBottom.png) no-repeat
		scroll bottom;
	border-bottom: 1px solid #ffffff;
}

.productsTab td.inputLastRow {
	height: 90px;
	width: 25px;
	background: #f2f2f2 url(../images/bank/selectionLastRowBottom.png)
		no-repeat scroll bottom;
	border: none;
}

.productsTab td.td1 {
	background: #fff url(../images/bank/rowBottom.png) repeat-x scroll
		bottom;
	border-left: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	padding: 7px;
}

.productsTab td.last {
	background: none;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left: 1px solid #dbdbdb;
	width: 69px;
}

a.cardOrder:hover,a.details:hover {
	color: #fff;
}

a.cardOrder,a.details {
	text-align: center;
	display: block;
	width: 69px;
}

.productsTab td.lastRow {
	border-bottom: 3px solid #DADADA;
	background: none;
}

.productsTab td.last a.cardOrder {
	height: 51px;
	background: #fff url(../images/bank/cardOrder.gif) no-repeat scroll top
		left;
}
#getOnline .productColumn a.disabled,
.productsTab td.last a.disabled{
   cursor: default;
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   -khtml-opacity: 0.2;
   opacity: 0.2;
   text-decoration: none;
   text-indent: -6000px;
   color: #fff;
}

.productsTab td.last a.details {
	height: 29px;
	background: #fff url(../images/bank/details.gif) no-repeat scroll top
		left;
}

.productsTab td.last a.cardOrder span {
	color: white;
	display: block;
	text-transform: uppercase;
	padding-top: 20px;
	padding-right: 2px;
	padding-left: 5px;
	font-size: 10px;
}

.productsTab td.last a.details span {
	font-size: 10px;
	color: white;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 4px;
}

.productsTab td .inTh {
	display: block;
	height: 100%;
	width: 100%;
	text-align: left;
}

.productsTab td .inTh .header {
	margin-top: 5px;
	font-size: 10px;
	padding-left: 12px;
	display: block;
	float: left;
	width: 91px;
	height: 31px;
	overflow: hidden;
}

.productsTab .buttonsWrapper {
	display: inline;
	height: 27px;
	width: 14px;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	background: transparent url(../images/bank/buttonsWrapper.gif) no-repeat
		scroll top left;
}

.productsTab .buttonsWrapper .arrowUp,.productsTab .buttonsWrapper .arrowDown
	{
	border: medium none;
	cursor: pointer;
	float: left;
	height: 13px;
	width: 14px;
}

.buttonsWrapper input.arrowDown {
	background: transparent url(../images/bank/arrowDown.gif) no-repeat
		scroll 0 50%;
}

.buttonsWrapper input.arrowUp {
	background: transparent url(../images/bank/arrowUp.gif) no-repeat scroll
		0 50%;
}

.find {
	clear: both;
	background: transparent url(../images/bank/help.gif) no-repeat scroll 0
		0;
	height: 17px;
	width: 17px;
	margin-left: 12px;
	position: relative;
}

.find:hover .description {
	visibility: visible;
}

.find .description {
	background: #f1f8fb;
	color: #595959;
	left: 17px;
	position: absolute;
	top: 19px;
	visibility: hidden;
	width: 238px;
}

.find .descLeft {
	left: -240px;
}

.find .description .paragraf {
	margin: 0;
	padding: 5px;
	border: 1px solid #e9e9e9;
	font-weight: normal;
}

.td1 h6 { /*font-size: 10px;
	color: #59a1be;*/
	font-size: 11px;
	overflow: hidden;
	padding-top: 5px;
}

/*  DETAILS**/
#scrolltab  .captionLabel span {
	padding-right: 13px;
	font-size: 10px;
}

#scrolltab td.productColumn,#getOnline td.productColumn {
	color: #757575;
	width: 163px;
	/*background: #fff;*/
}

#scrolltab  .captionLabel { /*width: 176px;*/
	width: 163px;
	color: white;
	font-weight: bold;
	text-align: right;
	background: #a2ccdd;
	height: 24px;
	border-right: none;
}

#scrolltab  .captionColor {
	color: white;
	background: #a2ccdd;
	height: 24px;
}

#scrolltab  .corner {
	background: #a2ccdd url(../../images/bank/compare/labelBg.gif) no-repeat
		scroll 0 0;
}

#scrolltab td.productColumn span {
	display: block;
}

#scrolltab td.productColumn span.notice {
	padding: 5px 20px;
}

#scrolltab .highlight td.productColumn {
	width: 163px;
	background: #e8f5fe;
}

#scrolltab td.right span {
	padding-right: 13px;
	display: block;
	color: #000;
}

.chartsColors {
	padding: 10px 0 10px 0;
}

.chartColor {
	clear: both;
}

.colorLabel {
	float: right;
	padding-right: 9px;
	font-size: 0.9em;
}

.color {
	background: #EDBF48 none repeat scroll 0 0;
	float: right;
	font-size: 0.1%;
	height: 5px;
	margin: 2px 13px 0 0;
	width: 10px;
	height: 10px;
}

.colorWrapper {
	height: 13px;
	padding-left: 2px;
	padding-bottom: 12px;
}

.chartLegend {
	padding: 10px 0 10px 5px;
	width: 36px;
	float: left;
	font-size: 0.9em;
}

.chartLegend span {
	display: block;
	padding-bottom: 12px;
	color: #878787;
}

.chartImage {
	float: right;
}

.highlight {
	background: #e8f5fe;
}

#example {
	position: relative;
	width: 180px;
	margin: 10px;
	padding: 20px 20px 20px;
	border: 2px solid #42CBDC;
	background: url(../../images/changebutton.png) no-repeat 0px 0px;
}

#tableWrapper2 {
	position: relative;
	margin-top: 20px;
	margin-bottom: 50px;
}

#tableWrapper2 #scrolltab {
	position: relative;
}

#scrolltab2 td.last {
	border-bottom: 1px solid #e9e9e9;
}

#tableWrapper2 #scrolltab2 #mythead {
	position: relative;
}
.pThead .header{
	font-weight:bold;
}
#scrolltab2 .pThead{
	width: 174px;
	/*height: 76px;*/
	border: 1px solid #e9e9e9;
	border-top: 0;
	border-bottom: 0;
	position: relative;
}

#scrolltab2 td {
	border: 1px solid #e9e9e9;
	border-top: 0;
	border-bottom: 0;
	position: relative;
}

#scrolltab2 .description {
	color: #757575;
}

#scrolltab2 .name {
	color: #58a2bf;
	font-weight: bolder;
}

#scrolltab2 .name span {
	padding: 0 20px;
	display: block;
}

#scrolltab2 .whichProduct {
	border-left: 0;
	border-top: 0;
	font-size: 11px;
	/*width: 156px;*/
	width: 154px;
	background: #FFFFFF;
	/*padding-top:140px;*/
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
	vertical-align: top;
	padding-top: 5px;
}

#scrolltab2 #whichProduct span {
	margin-right: 10px;
}

#scrolltab2 .firstProduct {
	border-left: 0;
	text-align: center;
	background-color: #FFFFFF;
	padding-left: 0px;
	width: 163px;
	padding-bottom: 10px;
	padding-top: 5px;
}

#scrolltab2 .firstProduct a {
	background: transparent url(../../images/bank/compare/change.gif)
		no-repeat scroll right bottom;
	display: inline;
	float: right;
	margin-right: 10px;
	padding-right: 20px;
	width: 25px;
	color: #000;
}

#scrolltab2 {
	position: relative;
	z-index: 3;
}

#scrolltab2 .firstProduct .productImg { /*height: 70px;*/
	padding-top: 20px;
	display: block;
}

#scrolltab2 .firstProduct .productName {
	margin-top: 30px;
	color: #717171;
	font-size: 12px;
	display: block;
	height: 40px;
	padding: 0 2px 0 2px;
	overflow: hidden;
}

#scrolltab2 .clear {
	background: #FFFFFF;
	width: 21px;
	height: 18px;
	border: 0;
	padding-left: 2px;
}

#scrolltab2 .productTitle {
	text-align: right;
	padding-right: 20px;
}

#scrolltab .firstProduct .change {
	position: absolute;
	bottom: 0;
	margin-left: 40px;
	margin-bottom: 2px;
	border: 0;
	background: url(../../images/changebutton.png) no-repeat 0px 0px;
	width: 43px;
	height: 13px;
	overflow: hidden;
	text-indent: -6000px;
	cursor: pointer;
}

#scrolltab td,#getOnline .right,#getOnline .productColumn {
	border-right: 1px solid #e9e9e9;
	border-top: 0;
	height: 35px;
	text-align: center;
}

#scrolltab .last {
	border-bottom: 1px solid #e9e9e9;
	border-left: 0;
}

#scrolltab .right,#getOnline .right {
	text-align: right;
	border-left: 0;
	border-top: 0;
	border-bottom: 0px;
	width: 174px;
}

#scrolltab .prompt,#scrolltab2 .prompt {
	background: url(../images/bank/compare/prompt.png) no-repeat left center
		;
	background-color: #FFFFFF;
	width: 21px;
	height: 18px;
	border: 0;
	padding-left: 2px;
	vertical-align: top;
}

#scrolltab .prompt .description,#scrolltab2 .prompt .description {
	background: transparent url(../images/helpBottom.png) no-repeat scroll
		left bottom;
	width: 238px;
	color: #FFFFFF;
	display: none;
	position: absolute;
	left: -240px;
}

#scrolltab .prompt .description ul,#scrolltab2 .prompt .description ul {
	margin-left: 10px;
	margin-top: 0;
	padding-top: 0px;
}

#scrolltab .prompt .description ul li,#scrolltab2 .prompt .description ul li
	{
	background: none;
	list-style-type: decimal;
	margin-left: 20px;
	padding-left: 0px;
	width: 180px;
}

#scrolltab .prompt .description .paragraf,#scrolltab2 .prompt .description .paragraf
	{
	background: transparent url(../images/helpTop.png) no-repeat scroll left
		top;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

#scrolltab .prompt:hover .description,#scrolltab2 .prompt:hover .description
	{
	display: block;
}

#scrolltab .clear,#getOnline .clear {
	background-color: #FFFFFF;
	width: 21px;
	height: 18px;
	border: 0;
	padding-left: 2px;
}

#scrolltab  .rightblue {
	background: url(../../images/wwwpage.png) 0px 0px;
	color: #FFFFFF;
	padding-right: 13px;
	text-align: right;
	width: 154px;
}

#scrolltab  ul {
	list-style-type: none;
	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

#scrolltab  li {
	background: url(../../images/arrowRight.png) no-repeat 0px 4px;
	padding-left: 7px;
}

#scrolltab  .caption {
	text-align: left;
	height: 37px;
	color: white;
	padding-left: 33px;
	font-weight: bold;
}

#scrolltab .captionFun {
	text-align: left;
	background: url(../../images/captionComparetab.png) repeat-x 0px 0px;
	height: 37px;
	color: white;
	padding-left: 94px;
}

#scrolltab  .captionFees {
	text-align: left;
	background: url(../../images/captionComparetab.png) repeat-x 0px 0px;
	height: 37px;
	color: white;
	padding-left: 103px;
}

#scrolltab  .captionElse {
	text-align: left;
	background: url(../../images/captionComparetab.png) repeat-x 0px 0px;
	height: 37px;
	color: white;
	padding-left: 16px;
}

#scrolltab  strong {
	color: #61B2E1;
}

#scrolltab a {
	color: #61B2E1;
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
	display: block;
	margin-left: 36px;
	max-width: 100px;
}

#scrolltab  p {
	padding-left: 10px;
	padding-bottom: 2px;
	margin-right: 30px;
	text-align: left;
}

#scrolltab  .details {
	background: url(../../images/details.png) no-repeat 0px 0px;
	padding-top: 3px;
	width: 20px;
	height: 19px;
	color: #595959;
	padding-left: 25px;
	text-decoration: none;
}

#scrolltab  .feesList {
	background: url(../../images/feesList.png) no-repeat 0px 0px;
	padding-top: 3px;
	height: 19px;
	color: #595959;
	padding-left: 5px;
	text-decoration: none;
}

#scrolltab  .owu {
	background: url(../../images/owu.png) no-repeat 0px 0px;
	padding-top: 3px;
	height: 19px;
	color: #595959;
	text-decoration: none;
	width: 20px;
	padding-left: 25px;
}

#scrolltab  .productCard {
	background: url(../../images/productCart.png) no-repeat 0px 0px;
	padding-top: 3px;
	height: 19px;
	color: #595959;
	text-decoration: none;
	padding-left: 15px;
}

#getOnline  a.online {
	background: url(../images/bank/compare/getOnline.png) no-repeat 50% 0;
	text-align: center;
	display: block;
	padding: 10px 0;
	color: #fff;
	text-transform: uppercase;
}

/**** CSS TOOLTIP ********************************************** CSS TOOLTIP ****/
.inputLine input {
	display: block;
	float: left;
	margin-top: 6px;
}

.inputLine label {
	display: block;
	float: left;
	margin-left: 3px;
	margin-top: 5px;
}

.inputLine span {
	display: block;
}

.inputLine {
	padding-bottom: 6px;
	color: white;
	display: block;
	height: 24px;
	float: left;
	width: 110px;
}

.bigger {
	font-size: 12px;
	font-weight: bold;
}

#scrolltab td.transfer {
	background: #f2f7fb;
	border-right: none;
	height: 30px;
}

#scrolltab td.right .smaller {
	font-size: 10px;
	background: transparent url(../../images/bank/compare/arrow.gif)
		no-repeat scroll 150px center;
	padding-right: 29px;
	margin: 0px;
}

.imagePreloader {
	background: #fff;
	height: 1px;
	width: 1px;
	position: absolute;
	top: 20px;
	left: -9999px;
}

#mViewer img {
	display: none;
	position: absolute;
	top: 10px;
	left: 0;
	/*z-index: 200;
	opacity: 0;*/
}

iframe {
	position: relative;
	/*width: 750px;*/
	border: 0 none;
	display: block;
	margin: 10px auto 0;
}

/******************* Upper Tabs ************************/
#pAccounts ul.compareTabs {
	height: 90px;
	padding: 0px;
	background: none;
	margin: 0px;
}

#pAccounts ul.compareTabs li {
	position: relative;
	float: left;
	height: 81px;
	width: 358px;
	background: red;
	padding: 0px;
	margin: 0px;
}

#pAccounts ul.compareTabs li span {
	clear: both;
	display: block;
	height: 9px;
	overflow: hidden;
	position: absolute;
	top: 81px;
	width: 100%;
}

#pAccounts #compareDiv, #pDeposits #compareDiv{
	margin-left: 24px;
}

#pDeposits #compareDiv h2{
	font-size: 11px;
}

#pAccounts ul.compareTabs li.rightActive a,#pAccounts ul.compareTabs li.right a,#pAccounts ul.compareTabs li.leftActive a,#pAccounts ul.compareTabs li.left a
	{
	color: white;
	display: block;
	text-align: center;
	position: absolute;
	top: 20px;
	width: 100%;
}

#pAccounts ul.compareTabs li.rightActive a,#pAccounts ul.compareTabs li.right a
	{
	color: #6bb8d7;
}

#pAccounts ul.compareTabs li.left a.compareLink,#pAccounts ul.compareTabs li.leftActive a.compareLink,#pAccounts ul.compareTabs li.right a.compareLink,#pAccounts ul.compareTabs li.rightActive a.compareLink
	{
	background: transparent url(../images/bank/tab1btn1.gif) no-repeat
		scroll 0 0;
	color: white;
	font-size: 10px;
	height: 19px;
	left: 246px;
	padding-top: 5px;
	position: absolute;
	text-transform: uppercase;
	top: 47px;
	width: 88px;
}

#pAccounts ul.compareTabs li.leftActive a.compareLink,#pAccounts ul.compareTabs li.left a.compareLink
	{
	background: transparent url(../images/bank/tab1btn.gif) no-repeat scroll
		0 0;
}

#pAccounts ul.compareTabs li.right a.compareLink,#pAccounts ul.compareTabs li.rightActive a.compareLink
	{
	left: 137px;
}

#pAccounts ul.compareTabs li.left {
	background: url(../images/bank/tab1_1.gif) no-repeat 0 0;
}

#pAccounts ul.compareTabs li.left a,#pAccounts ul.compareTabs li.leftActive a
	{
	font-size: 30px;
}

#pAccounts ul.compareTabs li.right a,#pAccounts ul.compareTabs li.rightActive a
	{
	font-size: 22px;
}

#pAccounts ul.compareTabs li.right {
	background: url(../images/bank/tab1.gif) no-repeat -358px 0;
}

#pAccounts ul.compareTabs li.leftActive {
	background: url(../images/bank/tab1.gif) no-repeat 0 0;
}

#pAccounts ul.compareTabs li.rightActive {
	background: transparent url(../images/bank/tab1_1.gif) no-repeat scroll
		-358px 0;
}

#pAccounts ul.compareTabs li.left span {
	background: transparent url(../images/bank/tab2_2.gif) no-repeat scroll
		0px -9px;
}

#pAccounts ul.compareTabs li.leftActive span {
	background: transparent url(../images/bank/tab2.gif) no-repeat scroll
		0px 0px;
}

#pAccounts ul.compareTabs li.right span {
	background: url(../images/bank/tab2.gif) no-repeat -358px 0;
}

#pAccounts ul.compareTabs li.rightActive span {
	background: url(../images/bank/tab2_2.gif) no-repeat -358px -9px;
}
#container .back{
   background:transparent url(../images/bank/back.png) no-repeat scroll 0px 0px;
   margin-left:24px;
   width:139px;
}
.orange{
    color:#F15A22;
}
.checkBtn{
   background:url("../images/bank/deposits/check_btn.png") no-repeat scroll 0 0 transparent;
   border:medium none;
   display:block;
   float:left;
   height:23px;
   overflow:hidden;
   text-indent:-9999px;
   width:23px;
   margin-top:-3px;
   cursor: pointer;
}
