﻿
/* ******************************************************
/* Style Sheet
/* Version 1.0
/* Whizzbang Limited
/* ******************************************************/


/* HomePage*/
#bg{display:block; position:relative; margin:20px 0 0 0; left:0; top:0px; width:996px; height:470px; background-image: url(../images/configgfx/hiten-hp-bg.jpg); background-position:top left; background-repeat:no-repeat; z-index:1}


#homepage {}

#homepage h1 {display:block; position:relative; font-size:120%; color:#ffffff; left:30px; margin: 0px 0  0px 0; top:50px; }
#homepage .subtitlecaption{display:block; position:relative; width:230px; font-size:1em; color:#ffffff; left:30px; top:60px;  line-height:130%;}
#homepage .welcome {display:block; position:relative; font-size:180%; color:#ffffff; left:0px; text-align:center; margin: 0px 0  0px 0; top:20px; }
#homepage h2.bulletlisttitle{display:block; position:relative; font-size:140%; color:#ffaa00; left:65px; top:25px;}
#homepage ul {display:block; position:relative; left:75px; top:25px;}
#homepage li{font-size:130%; color:#ffffff;}

#homepage .cardqtrview {display:block; position:absolute; left:330px; top:240px; z-index:10;}
#homepage .pricebubble{display:block; position:absolute; left:420px; top:410px; z-index:9;}

#homepage .useat{display:block; position:relative; width:320px; font-size:.9em; color:#ffaa00; left:95px; top:45px; line-height:110%;}

#homepage .flashbox{display:block; position:absolute; left:315px; top:85px; z-index:30;  width:340px; height:100px; }
#homepage .fullfrontcard{display:block; position:absolute; left:313px; top:160px; z-index:10;}
#homepage .rightbutton1{display:block; position:absolute; left:730px; top:160px; z-index:10; }
#homepage  A.rightbutton1hl{display:block; position:absolute; left:730px; top:160px; margin:12px 0 0 0; font-weight:bold;  text-decoration:none; color:#ffffff; width:197px; text-align:center; z-index:11;}

#homepage .rightbutton2{display:block; position:absolute; left:730px; top:210px; z-index:10; }
#homepage  A.rightbutton2hl{display:block; position:absolute; left:730px; top:210px; margin:12px 0 0 0;   text-decoration:none; color:#ffffff; width:197px; text-align:center; z-index:11;}

#homepage .rightbutton3{display:block; position:absolute; left:730px; top:260px; z-index:10; }
#homepage  A.rightbutton3hl{display:block; position:absolute; left:730px; top:260px; margin:12px 0 0 0;   text-decoration:none; color:#ffffff; width:197px; text-align:center; z-index:11;}

#homepage .rightbutton4{display:block; position:absolute; left:730px; top:310px; z-index:10; }
#homepage  A.rightbutton4hl{display:block; position:absolute; left:730px; top:310px; margin:12px 0 0 0;   text-decoration:none; color:#ffffff; width:197px; text-align:center; z-index:11;}


#homepage A{text-decoration:none; color:#ffffff;}
#homepage A:hover{color:#cccccc; text-decoration:underline; }


#homepage A.applybtn{display:block; position:absolute; text-decoration:underline; left:630px; top:390px; font-size:22px; line-height:60%; padding: 18px 0  18px 0px; font-weight:bold; text-align:center; z-index:11; color:#2D5B0F;  display:block; width:302px;  background-image: url(../images/configgfx/green-btn-normal.gif); background-position:top left; background-repeat:no-repeat; }
#homepage A:hover.applybtn{color:#2763A1; text-decoration:none; background-image: url(../images/configgfx/green-btn-hover.gif); background-position:top left; background-repeat:no-repeat; }

#homepage .applybtnreflectionposition{display:block; position:absolute; left:630px; top:450px; z-index:10;}
#homepage .thecard{display:block; position:absolute; left:630px; top:450px; z-index:12;}

#homepage A.textlink{display:block; float:left; color:#ffffff; text-decoration:underline; width:150px; text-align:center; margin:8px 0 0 0;}
#homepage A:hover.textlink{color:#FFA800; text-decoration:underline;}

#homepage A.activatebtn{display:block; position:absolute; text-decoration:underline; left:630px; top:490px; font-size:22px; padding: 18px 0  18px 0px; font-weight:bold; text-align:center; z-index:11; color:#FF3000;  display:block; width:151px;  background-image: url(../images/configgfx/yellow-btn-normal.gif); background-position:top left; background-repeat:no-repeat; }
#homepage A:hover.activatebtn{color:#FFA200; text-decoration:none; background-image: url(../images/configgfx/yellow-btn-hover.gif); background-position:top left; background-repeat:no-repeat; }

#homepage A.loginbtn{display:block; position:absolute; text-decoration:underline; left:781px; top:490px; font-size:22px; padding: 18px 0  18px 0px; font-weight:bold; text-align:center; z-index:11; color:#0A0D86;  display:block; width:151px;  background-image: url(../images/configgfx/blue_btn_normal.gif); background-position:top left; background-repeat:no-repeat; }
#homepage A:hover.loginbtn{color:#0F5AD5; text-decoration:none; background-image: url(../images/configgfx/blue_btn_hover.gif); background-position:top left; background-repeat:no-repeat; }

#homepage .activateapplyreflection{display:block; position:absolute; left:630px; top:553px; z-index:13;}

#homepage .footercaption{position:absolute; font-size:180%; color:#ffffff; left:550px; margin:0px 0  35px 0; top:570px; }

/* the Card*/
#thecard h2{display:block; position:relative; width:320px; font-size:100%; color:#ffaa00;}
#thecard .introtext{display:block; position:relative; width:320px; font-size:.9em; /*color:#ffaa00;*/ color:#000000; line-height:110%;}
#thecard .gfxposition{display:block; position:relative; color:#ffaa00; margin:0 0 0 180px;}
#thecard .gfxposition1{display:block; position:relative; color:#ffaa00; margin:0 0 0 0px;}
#thecard .divider {display:block; position:relative;  background-color:#ffffff; border-bottom:solid 1px #000000; margin:0 0 20 0px; padding:10px 10px 30px 10px;}
#thecard A.bank{display:block;  position:absolute; text-decoration:underline; left:60px; top:100px; font-size:.9em; padding:  50px  0  0 20px; font-weight:bold; text-align:left; z-index:11; color:red;  display:block; width:200px; height:100px; }
#thecard A:hover.bank{color:#0F5AD5; background-color:#000000; filter:alpha(opacity=20); opacity:0.2; }
#thecard A.wages{display:block;  position:absolute; text-decoration:underline; left:260px; top:250px; font-size:.9em; padding:  60px  0  10px  0px; font-weight:bold; text-align:center; z-index:11; color:red;  display:block; width:200px;  }
#thecard A:hover.wages{color:#0F5AD5; background-color:#000000; filter:alpha(opacity=20); opacity:0.2; }

#thecard A.paypoint{display:block;  position:absolute; text-decoration:underline; left:490px; top:215px; font-size:.9em; padding:  90px  0  10px  0px; font-weight:bold; text-align:center; z-index:11; color:red;  display:block; width:200px;  }
#thecard A:hover.paypoint{color:#0F5AD5; background-color:#000000; filter:alpha(opacity=20); opacity:0.2; }

#thecard A.activate{display:block;  position:absolute; text-decoration:underline; left:135px; top:120px; font-size:.9em; padding:  0px  0  20px  0px; font-weight:bold; text-align:left; z-index:200; color:red; background-color:#ffffff;   display:block; width:220px;  }
#thecard A:hover.activate{ background-color:#000000; filter:alpha(opacity=20); opacity:0.2; }





/* SMS Info*/
#smsinfo .block {margin:0 0 15px 0;}
#smsinfo .block h2{display:block; position:relative;  font-size:125%; background-color:#868071; padding:  6px 10px 6px 10px; color:#ffffff; margin: 0;}
#smsinfo .block ul {display:block; position:relative; margin:0px; padding: 5px 0 5px 10px; background-color:#d4edf8;}
#smsinfo .block li {display:block; margin: 6px 0px 6px 0px; padding:6px 0px 6px 0px; list-style-type:none; }
#smsinfo .block .message {position:relative;  font-family:arial; font-size:.9em; }
#smsinfo .block .label {display:block; float:left; position:relative; width:150px; text-align:right; margin:0 5px 0 0; font-family:Arial; font-weight:bold; }
#smsinfo .block .label1 {display:block; float:left; position:relative; width:150px; height:100px; text-align:right; margin:0 5px 0 0; font-family:Arial; font-weight:bold; }

#smsinfo .block .description {display:block; float:left; position:relative; margin:0 5px 0 0; font-family:Courier; background-color:#9BD4ED; padding:3px; font-size:1.2em; }
#smsinfo .block .clearfloat {clear:both;}