/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html>body #siteWrapper
{
	height: auto !important;
	min-height: 100% !important;
} /*for mozilla as IE treats height as min-height anyway*/

body, div, table, td, tr, p, h1, h2, h3, img, a {
	margin: 0;
	padding: 0;
	}

body {
	height:100% !important;
	zbackground: transparent bottom left repeat-x url(../images/bottom_bg.jpg);
	}
	
#englishForm {
	position: static;
	clear: both !important;
	display:block;
	width: 692px;
	background: transparent top left no-repeat url(../images/content_bg.jpg);
	padding: 25px 24px 10px 24px;
	margin: 0;
	}
	
* html #englishform {
		margin-top: -3px;
		}
		
table.twoCol {
	width: 600px;
	} 
		
table.twocol td {
	width: 215px;
	padding-right: 15px;
	vertical-align: top;
	}
	
	
#topBG {
	position:absolute;
	top: 0;
	left: 0;
	height: 104px;
	width: 100%;
	background: transparent top left repeat-x url(../images/top_bg.jpg);
	z-index: 0;
	}

#siteWrapper {
	position:relative;
	width: 740px;
	zmin-height: 100% !important;
	height: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	z-index:100;
	background: transparent;
	}
	
* html #siteWrapper {
	height:100% !important;
	margin-bottom: -120px !important;
	}
		
#topWrapper {
	position: relative;
	width: 740px;
	height: 39px;
	background: transparent top left no-repeat url(../images/top_tab.png);
	}
	
#topBlock {	
	postion: relative;
	z-index: 0;
	margin-top: 29px !important;
	width: 704px;
	}
	
	table.howtopay {
		margin-top: 1em;
		}
	
	table.howtopay td {
		border-bottom: 1px solid #CFCFCF;
		vertical-align: middle;
		padding: 4px 0;
		}
	
	table.howtopay td.numbers {
		width: 16px;
		padding: 3px 7px 3px 0;
		}

#ContentWrapper {
	position: relative;
	clear: both !important;
	display:block;
	width: 692px;
	background: transparent top left no-repeat url(../images/content_bg.jpg);
	padding: 25px 24px 10px 24px;
	margin: 0;
	}
	
	* html #ContentWrapper {
		margin-top: -3px;
		}
		
table.threeCol {
	width: 690px;
	} 
		
table.threeCol td {
	width: 215px;
	padding-right: 15px;
	vertical-align: top;
	}
	
div#ticker {
	width: 729px;
	height: 18px;
	background: transparent top left no-repeat url(../images/ticker_bg.gif);
	margin-left: 5px;
	}

div#loginWrapper, table.greenBlock, div#forgotWrapper {
	position: relative;
	background: #F7F9F2;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	}

div#loginWrapper {	
	float: right;
	padding: 13px 10px !important; 
	width: 205px;
	}
	
table.greenBlock, div#forgotWrapper {
	width: 665px;
	margin-bottom: 2em !important;
	}
	
	table.greenBlock h2 {
		margin-top: 0;
		margin-bottom: 0.5em;
		}	
	
	div#loginWrapper input, div#forgotWrapper input {
		width: 153px;
		color: #A5A5A5;
		font-size: 10px;
		height: 15px;
		padding-left: 3px;
		padding-top: 2px;
		}
		
	div#forgotWrapper input {
		margin-top: 3px !important;
		width: 163px;
		}
	
	input#login {
		width: 67px !important;
		height: 28px !important;
		margin-top: 9px;
		padding-left: 67px !important;
		}
		
	input#remind {
		height: 29px !important;
		width: 88px !important;
		}
		
	input#submit {
		height: 28px !important;
		width: 77px !important;
		}
		
	img.inTouch {
		float: right;
		margin-top: -10px;
		margin-right: -3px;
		}
		
/**********************************************/	
#clearBottom {
	clear: both;
	height: 120px;
	width: 740px;
	display: block;
}/*needed to make room for footer*/
		
#siteFooter {
	position: relative;
	width: 100%;
	height: 120px;
	margin-top: -120px !important;
	z-index: 100;
	background: transparent bottom left repeat-x url(../images/bottom_bg.jpg);
	clear: both;
	}
	
	#FooterWrapper {
		position: relative;
		width: 740px;
		height: 120px;
		display: block;
		margin: 0 auto;
		background: transparent bottom left no-repeat url(../images/bottom_tab.png);
		}
	
	img#fin_services {
		position: relative;
		top: -8px;
		right: 19px;
		float: right;
		}
		
	img.cards {
		margin-top: 15px;
		margin-bottom: 8px;
		margin-left: 3px;
		}

/* Footer Links
----------------------------------------------------------------------- */
	#footerLinks {
		position: relative;
		top: 25px;
		left: 60px;
		color:#FFF;
		font-size: 9px;
		}
	
	#footerLinks a {
		color:#FFF;
		font-size: 9px;
		text-transform: uppercase;
		font-weight: normal !important;
		}

	#footerLinks a:hover {
		text-decoration: underline;
		}
	
/*************GENERIC STYLING******************/
.margT {
	margin-top:20px !important;
	}
	
.margR {
	margin-right:10px !important;
	}
	
.margL {
	margin-left:16px !important;
	}
	
.margB {
	margin-bottom:10px;
	}
	
.padB {
	padding-bottom:3px;
	}
	
.padR {
	padding-right: 10px;
	}
	
.padL {
	padding-left: 20px;
	}

.floatR {
	float: right;
	}
	
.floatL {
	float:left;
	}