﻿html,body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 11px;
}
img { border: 0px; }

#container {
	width: 720px;
	margin: 0 auto;
	padding-top: 25px;
}
#logo {
	margin-left: 22px;
}

#topButs {
	float: right;
	padding-right: 42px;
	margin-top: 30px;
}
#topButs #sep { padding-left: 10px; padding-right: 10px; }

#topbar {
	background: transparent url(images/tb-bg.gif);
	margin-top: 17px;
	clear: both;
}
#topbarC1 {
	background: transparent url(images/tb-left.gif) no-repeat top left;
	padding-left: 18px;
}
#topbarC2 {
	height: 32px;
	background: transparent url(images/tb-right.gif) no-repeat top right;
	padding-right: 20px;
}
#topbar img.sep {
	margin-left: 18px;
	margin-right: 18px;
}
#topbar #rightBut { float: right; }

#bodyTitle {
	border-bottom: 1px solid #ACCBE2;
	margin-bottom: 17px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
}

#bal {
	background: #2F68AA url(images/bal-left.gif) no-repeat top left;
	padding-left: 145px;
	float: right;
	width: 120px;
	margin-top: 7px;
	margin-right: 8px;
	display: inline;
}
#balC2 {
	background: transparent url(images/bal-right.gif) no-repeat top right;
	padding-right: 15px;
	height: 20px;
	color: white;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
}

div.frame {
	color: #909090;
	border: 1px solid #ACCBE2;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 18px;
}
#accFrame {
	background: transparent url(images/accinfo.jpg) no-repeat top right;
}
#recentFrame {
	
}
div.frame #title {
	padding-left: 15px;
	margin-bottom: 18px;
	clear: both;
}
div.frame #body {
	padding-left: 15px;
}

#accFrame #body {
	color: #909090;
	line-height: 200%;
	height: 40px;
}
#accFrame span.header {
	font-weight: bold;
	color: #6E8197;
	padding-right: 10px;
}
#accFrame #body #accLeft { margin-right: 120px; }
#accFrame #body div { float: left; }

table.results {
	background: transparent url(images/th-bg.gif) repeat-x top left;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
}
table.results tr.header td {
	background-color: transparent;
	height: 28px;
	color: white;
	font-size: 10px;
	border-bottom: 1px solid white;
	border-top: 0px;
}
table.results tr.header td.left {
	background: transparent url(images/th-left.gif) no-repeat top left;
	padding-left: 23px;
}
table.results tr.header td.right {
	background: transparent url(images/th-right.gif) no-repeat top right;
}
table.results td {
	background-color: #EFF3FB;
	height: 26px;
	color: #6E8197;
	font-size: 10px;
	border-top: 1px solid #C3D9EA;
}
table.results td.left { padding-left: 23px; }
div.tres1 table.results td.left, div.tresp table.results td.left { color: #909090; }
div.tres1 table.results tr.header td, div.tresp table.results tr.header td { color: white; }
div.tres1 table.results td.right, div.tresp table.results td.right {
	background-color: #E6EBF8;
	border-left: 1px solid white;
	padding-left: 15px;
}
div.tres1 table.results tr.header td.right, div.tresp table.results tr.header td.right { background-color: transparent; }
div.tres1 table.results tr.footer td.right, div.tresp table.results tr.footer td.right { background-color: transparent; }
table.results tr.pager td {
	height: 20px;
	line-height: 20px;
	background-color: transparent;
	border-top: 0px;
	color: #909090;
	font-size: 11px;
	padding-left: 10px;
}
table.results tr.pager td a { color: #6E8197; }

#botbar {
	background: transparent url(images/bb-bg.gif) repeat-x 0px 10px;
	padding-top: 10px;
	margin-bottom: 20px;
	clear: both;
}
#botbarC1 {
	background: transparent url(images/bb-left.gif) no-repeat top left;
	padding-left: 18px;
}
#botbarC2 {
	height: 23px;
	background: transparent url(images/bb-right.gif) no-repeat top right;
	padding-right: 18px;
	color: #97B6CE;
	font-size: 9px;
	padding-top: 11px;
}

table.form th {
	color: #6E8197;
	font-size: 10px;
	padding-right: 8px;
	text-align: right;
	height: 30px;
}
table.form td { color: #909090; font-size: 11px; }
select { font-family: Tahoma; font-size: 11px; }
input.text, input.textL, input.amount {
	border: 1px solid #ACC9DD;
	padding-left: 2px;
	width: 160px;
	height: 17px;
	font-size: 11px;
}

#transferFrame {
	background: transparent url(images/trans.jpg) no-repeat top right;
}
#transferFrame #trans1 {
	float: left;
}
#transferFrame #trans2, #transferFrame #trans3 {
	float: left;
	width: 340px;
	margin-left: 40px;
}
#transferFrame #trans3 { margin-left: 100px; }
#transferFrame #transInfo { clear: both; height: 100px; }
#transferFrame #trans2 table.form th { vertical-align: top; padding-top: 7px; }
#transferFrame #trans3 table.form th { vertical-align: top; padding-top: 7px; }
#transferFrame #trans3 table.form td { vertical-align: top; padding-top: 7px; }
#transferFrame textarea {
	width: 160px;
	height: 35px;
}
textarea {
	background-color: #F1F4F9;
	color: #6E8197;
	font-size: 10px;
	font-family: Tahoma;
	padding: 8px;
	border-top: 1px solid #8B8B8B;
	border-left: 1px solid #8B8B8B;
	border-right: 1px solid #DDE4F0;
	border-bottom: 1px solid #DDE4F0;
}
#transferFrame #buttons {
	text-align: right;
	margin-top: 30px;
	clear: both;
}
span.error { color: Red; }

#depositFrame #billing1 th, #depositFrame #billAmount th {
	width: 90px;
}
#depositFrame #billing1 { float: left; }
#depositFrame #billing2 {
	float: left;
	margin-left: 50px;
}
#depositFrame {
	background: transparent url(images/deposit.jpg) no-repeat top right;
}

#depositFrame input.text { width: 130px; }
#depositFrame input.textL { width: 160px; }
#depositFrame input.amount { width: 90px; }
#depositFrame #buttons {
	clear: both;
	text-align: right;
	padding-right: 15px;
	margin-top: 10px;
}
div.confirmDeposit table.form th { height: 20px; }

span.amountHL { color: #6386B2; }

#depositFrame div.frameComplete #buttons { margin-top: 40px; }

div.tres1 {
	background: transparent url(images/tf-bg.gif) repeat-x bottom left;
}
div.tresp {
	background: transparent url(images/tf-pbg.gif) repeat-x bottom left;
}
table.results tr.footer td {
	height: 5px;
	line-height: 5px;
	border-top: 1px solid white;
	background-color: transparent;
}
table.results tr.footer td.left {
	background: transparent url(images/tf-left.gif) no-repeat bottom left;
}
table.results tr.footer td.right {
	background: transparent url(images/tf-right.gif) no-repeat bottom right;
}

#searchDetails {
	vertical-align: middle;
	background: transparent url(images/ico-period.gif) no-repeat 0px 5px;
	height: 18px;
	padding-left: 25px;
	margin-bottom: 40px;
}
#searchDetails span {
	font-size: 10px;
	margin-left: 7px;
	margin-right: 7px;
}
#searchDetails #detailTitle {
	color: #6E8197;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 10px;
}
#searchDetails input {
	vertical-align: top;
}
#searchDetails select {
	margin-top: 3px;
	font-size: 10px;
	color: #909090;
}
#searchDetails input.button { margin-left: 10px; }

#searchFrame {
	background: transparent url(images/tlist.jpg) no-repeat top right;
}
#loginFrame {
	background: transparent url(images/login.jpg) no-repeat top right;
}

#mdFrame {
	background: transparent url(images/details.jpg) no-repeat top right;
}
#mdFrame #buttons {
	clear: both;
	text-align: right;
	padding-right: 15px;
	margin-top: 10px;
}
#mdFrame #billing1 th, #depositFrame #billAmount th {
	width: 80px;
}
#mdFrame #billing1 { float: left; }
#mdFrame #billing2 {
	float: left;
	margin-left: 20px;
}
span.message {
	color: red;
	margin-bottom: 15px;
	display: block;
	
}.tablestroke {
	border: 1px solid #ACCBE2;
}
.subtitletxt {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6532;
}
.mainbodytxt {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #909090;
}
.formwhitetxt {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.formgreytxt {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #909090;
}

.contactformfield {
	border: 1px solid #ACC9DD;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.tabletxt2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6E8197;
}
.tabletxtfree {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6532;
}	
a.footerlinks:link {
	color: #97B6CE;
	text-decoration: none;
}
a.footerlinks:visited {
	color: #97B6CE;
	text-decoration: none;
}
a.footerlinks:hover {
	color: #FF6532;
	text-decoration: underline;
}
a.footerlinks:active {
	color: #97B6CE;
	text-decoration: none;
}

div.frame img.subtitle {
	padding-top: 20px;
	padding-bottom: 25px;
	padding-left: 25px;
	clear: both;
	display: block;
}
div.frame table {
	border-collapse: collapse;
}
div.frame table th {
	font-size: 10px;
	color: #6E8197;
	text-align: right;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}
div.frame table td {
	padding-top: 8px;
	padding-bottom: 8px;
}
#detailsFrame #billing1 { float: left; clear: left; margin-right: 60px; }
#detailsFrame #abilling2 {
	float: left;
}

#detailsFrame #buttons {
	text-align: right;
	padding-right: 40px;
	clear: both;
	margin-top: 30px;
}
#detailsFrame {
	background: transparent url(images/newuser.jpg) no-repeat top right;
}
div.frame table th.top { vertical-align: top; }

#confirmFrame {
	background: transparent url(images/confirm.jpg) no-repeat top right;
	padding-right: 30px;
	height: 330px;
}
#completedFrame {
	background: transparent url(images/confirm.jpg) no-repeat top right;
}
#confirmFrame table th {
	height: 20px;
}
#confirmFrame div.confirmDetails {
	font-size: 10px;
	line-height: 140%;
	padding-left: 25px;
}
#confirmFrame table { margin-bottom: 15px; }
#confirmFrame div.confirm1 {
	float: left;
	margin-left: 10px;
	margin-right: 70px;
	width: 220px;
	clear: left;
}
#confirmFrame div.confirm2 {
	width: 280px;
	float: left;
	clear: right;
}
#confirmFrame #accDetails, #confirmFrame #termDetails {
	height: 140px;
}
#confirmFrame #billDetails, #confirmFrame #shipDetails {
	height: 230px;
}
#confirmFrame textarea {
	width: 260px;
	height: 35px;
	background-color: #F1F4F9;
	color: #6E8197;
	font-size: 10px;
	font-family: Tahoma;
	padding: 10px;
	border-top: 1px solid #8B8B8B;
	border-left: 1px solid #8B8B8B;
	border-right: 1px solid #DDE4F0;
	border-bottom: 1px solid #DDE4F0;
}
#confirmFrame img.subtitle { padding-bottom: 12px; }
#confirmFrame #termsList {
	font-size: 10px;
	display: block;
	margin-left: 15px;
	margin-top: 8px;
}
#confirmFrame #termsList a {
	padding-left: 3px;
	padding-right: 3px;
}
#confirmFrame #buttons {
	padding-top: 35px;
	text-align: right;
}
#confirmFrame #shippingInfo {
	height: 130px;
}

#completedFrame #frameTitle { padding-bottom: 10px; }
#completedFrame p {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 180px;
}
#completedFrame div.returnBut {
	display: block;
	text-align: right;
	margin-bottom: 20px;
	padding-right: 35px;
}
#payNew {
	border: 1px solid #ACCBE2;
	width: 307px;
	height: 194px;
	float: left;
	background: transparent url(images/newuser.jpg) no-repeat top right;
	padding-left: 28px;
	padding-top: 21px;
}
#payExist {
	float: left;
	width: 308px;
	height: 194px;
	display: block;
	border-top: 1px solid #ACCBE2;
	border-right: 1px solid #ACCBE2;
	border-bottom: 1px solid #ACCBE2;
	background: transparent url(images/existing.jpg) no-repeat top right;
	padding-left: 28px;
	padding-top: 21px;
}
#payNew p {
	color: #909090;
	line-height: 135%;
	width: 200px;
	margin-top: 23px;
	margin-bottom: 22px;
}
#payExist p {
	color: #909090;
	line-height: 135%;
	width: 175px;
	margin-top: 18px;
	margin-bottom: 22px;
}

#payNew table, #payExist table {
	font-size: 10px;
	color: #6E8197;
}
#payExist table th {
	text-align: right;
	width: 120px;
	padding-right: 10px;
}
#payNew table th {
	text-align: right;
	width: 90px;
	padding-right: 10px;
}
#payNew input.text, #payExist input.text {
	border: 1px solid #ACC9DD;
	padding-left: 2px;
	width: 120px;
	height: 17px;
}
#payNew input.text { width: 140px; }
#payExist a { font-weight: normal; }
#payExist table td.button, #payNew table td.button { padding-top: 8px; text-align: center; }

#payOr {
	position: absolute;
	margin-left: 288px;
	margin-top: 110px;
	z-index: 1;
}
#clear { clear: both; }

span.payError {
	display: block;
	color: Red;
	margin-bottom: 15px;
}

#activateFrame {
	background: transparent url(images/activated.jpg) no-repeat top right;
}
#activateFrame p {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 180px;
}
#errorFrame {
	background: transparent url(images/error.jpg) no-repeat top right;
}
span.error {
margin-top: 20px;
display: block;
color: red;
}
