/* Clean defaults */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
a img,:link img,:visited img { border:none }
address { font-style:normal }
a:hover { text-decoration:underline }

html{ height: 100% }

body{
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
background: url(images/greybg.gif) top center;
text-align: center;
height: 100%;
}

/* ----- IDS ----- */

#container{
position: relative;
margin: 0 auto;
padding: 0 26px;
background: url(images/columnbg.gif) top center repeat-y;
text-align: left;
min-height: 100%;
width:820px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:768px;
}

#indexwhitebox{
position: relative;
margin: 0 auto;
padding: 0 26px;
background: url(images/whiteshadebg.gif) top center;
text-align: left;
min-height: 100%;
width:820px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:768px;
}

#header{
margin-bottom:-5px; }

#navigation{ width: 769px}
#mainContent{ float:left; margin: 15px 0 48px}

#leftColumn { float:left; width:146px; margin-left:14px; margin-right:5px}
#leftColumn h2 { font-size: 1.8em; font-weight: normal; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; margin: 20px 0 18px }
#leftColumn ul li { font-size:1.2em; margin-top: 4px }
#midColumn { float:left; width:346px; margin-right:5px }
#midColumnTNCS { float:left; width:450px; margin-right:5px }
#midColumn h2 { font-size: 2.0em; font-weight: normal; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; margin: 18px 0 }
#midColumn h3 {}
#midColumn ul li { list-style-type:square }
#midColumn p { font-size: 1.2em; line-height: 1.4em; margin: 10px 10px 0 0}
#midColumn ul { margin: 0 10px 24px 0 }
#midColumn ul li { font-size:1.2em; margin-top: 6px }
#rightColumn { float:left; width:246px; }
#rightColumnTNCS { float:left; width:142px; }
#rightColumn div h3 { font-size:1.4em; margin: 10px 14px 0; }

#supplementBox { margin: 10px 14px; padding: 10px 0; border-bottom: 3px solid #ccc; clear: both}
#supplementBox h4 { font-size: 1.1em; font-weight: bold; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; margin: 0 0 10px;}
#supplementBox p { font-size: 1.1em}
#supplementBox ul { margin-left:12px }
#supplementBox ul li { list-style-type:circle;}

#activate, #agents, #crystal {
	float:left;
	width:246px;
	height:210px;
	background-image: url(images/3boxbg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#activate { background-image: url(images/activate.png); margin-right: 5px; }
#agents { background-image: url(images/3boxbg.png); margin-right: 5px; }
#agents p { font-size:1em; line-height:1.4em; margin: 8px 18px 0 }
#agents p.more { font-size:1.4em; text-align:right; margin: 10px 20px 0 }
#agents p.more a:link, #agents p.more a:visited {color:#c30; padding-right:20px; background:transparent url(images/play.gif) right 50% no-repeat; }
#crystal { background-image: url(images/crystalbg.png); font-size:1.1em; }
#crystal h3 a {color:transparent;}
#crystal p { margin: 8px 18px 0; color:#fff; font-weight:bold }
#crystal ul li { margin: 5px 18px 0; padding-left:6px; color:#fff; background:url(images/cclimark.gif) left 50% no-repeat}


#footer{ clear:both; margin: 0 15px 20px; background-color: #FFFFFF; padding-top:10px; border-top: 1px #ccc solid; }
#banklogos { float: left }
#footer p { font-size: 1em; color: #4c4c4c; margin-top:12px }
#activateLink {
	display:block;
	margin:105px 0 0 95px;
	width:23%;
	height:27%;
}


#logoheader{
margin:0;
padding:0;
}

/* ----- NAVIGATION ----- */

#mainNav {
	height: 33px; 
	background: url(images/nav_blank.gif) top left repeat-x;
}

ul#Nav {
margin:0;
padding:0;
}

ul#Nav li { display: block; float:left; list-style-type: none;}
ul#Nav li a {   
	display:block;
	height:31px;
	background:transparent url(images/topmenubg.png) no-repeat 0 0;
	text-indent:-9009px;}
	
#liHom a:link, #liHom a:visited {width: 100px; background-image:url(images/nav_home.gif); background-position: center top; background-repeat:no-repeat;}
#liApp a:link, #liApp a:visited {width: 70px; background-image:url(images/nav_apply.gif); background-position: center top; background-repeat:no-repeat;}
#liTop a:link, #liTop a:visited {width: 75px; background-image:url(images/nav_topup.gif); background-position: center top; background-repeat:no-repeat;}
#liAgt a:link, #liAgt a:visited {width: 75px; background-image:url(images/nav_agents.gif); background-position: center top; background-repeat:no-repeat;}
#liApl a:link, #liApl a:visited {width: 100px; background-image:url(images/nav_applications.gif); background-position: center top; background-repeat:no-repeat;}
#liSms a:link, #liSms a:visited {width: 135px; background-image:url(images/nav_sms.gif); background-position: center top; background-repeat:no-repeat;}
#liFaq a:link, #liFaq a:visited {width: 60px; background-image:url(images/nav_faq.gif); background-position: center top; background-repeat:no-repeat;}
#liCnt a:link, #liCnt a:visited {width: 100px; background-image:url(images/nav_contact.gif); background-position: center top; background-repeat:no-repeat;}

#liHom a:hover  {background-position: center bottom; }
#liApp a:hover  {background-position: center bottom; }
#liTop a:hover  {background-position: center bottom; }
#liAgt a:hover  {background-position: center bottom; }
#liApl a:hover  {background-position: center bottom; }
#liSms a:hover  {background-position: center bottom; }
#liFaq a:hover  {background-position: center bottom; }
#liCnt a:hover  {background-position: center bottom; }

#footerNav { margin-left: 248px; width: 490px; text-align: center; }
#footerNav ul { list-style: none;  margin: 0 auto 1em; padding: 0;}
#footerNav ul li {
	display: inline;
	font-size: 1.2em;
	border-left: 1px solid #4c4c4c;
	line-height: 1.2em;
	margin: 0;
	padding: 0 .5em;
	white-space: nowrap;
   }
#footerNav ul li.first { border-left:0px }
#footerNav ul li a {color: #4c4c4c; text-decoration:underline}
#footerNav ul li a:link, ul#mainNav li a:visited {}
#footerNav ul li a:hover {color: #f00; }

/* ----- CLASSES ----- */

.hide{
/* display:none; */
}
.show{
/* display:block; */
}

.clear { height:1px; overflow:hidden; margin-top:-1px; clear:both; }

/* ----- IMAGES ----- */

img{border:0;}
img a{border:0;text-decoration:none;}
img a:hover{border:0;}

/* BREAK */

hr{ display:none; }

/* ----- TEXT FORMATTING ----- */

/* ----- LINKS ----- */

/* ----- TABLES ----- */

/* ----- FORMS ----- */

/* ----- DEFINITIONS ----- */


#news
{
	padding:5px;
}

#news ul
{ 
	position:relative; 
	margin-left:1px;
	list-style:disc;
}

.padder
{
	padding:10px;
}

.q {
display:block;
float:left;
margin-bottom:5px;
padding-left:10px;
}

.q .question {
font-weight:bold;
}


.left
{
	float:left;
}

.right
{
	float:right;
}

.clr
{
	clear:both;
}

h3{
color:#009966;
font-size:14px;
}