/* ****************************************************** /* Eagle Prepaid - Freedom Card Homepage - Style Sheet /* Version 1.0 /* Steve Taylor - 02 Dec 2008 /* ******************************************************/ /* HomePage*/ #homepage {} #homepage h1 {display:block; position:relative; font-size:180%; color:#ffffff; left:40px; margin:0px 0 35px 0; top:20px; } #homepage .subtitlecaption{display:block; position:relative; width:470px; font-size:1.2em; color:#ffffff; left:40px; line-height:125%;} #homepage h2.bulletlisttitle{display:block; position:relative; font-size:140%; color:#ffffff; left:65px; top:15px;} #homepage ul {display:block; position:relative; left:75px; top:15px;} #homepage li{font-size:130%; color:#ffffff;} #homepage A{color:#ffffff; text-decoration:underline;} #homepage A:hover{color:#FFA800; text-decoration:underline;} #homepage .cardqtrview {display:block; position:absolute; left:330px; top:230px; 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:#ffffff; left:95px; top:35px; line-height:110%;} #homepage .useat1{display:block; position:relative; width:320px; font-size:.9em; color:#ffffff; left:630px; top:-30px; line-height:110%;} #homepage .fullfrontcard{display:block; position:absolute; left:630px; top:190px; z-index:10;} #homepage .textright{display:block; position:absolute; left:540px; top:190px; z-index:10;} #homepage .textright .h2.bulletlisttitle{margin:0; width:250px; font-size:140%;} #homepage .textright A{color:#ffffff; text-decoration:underline;} #homepage .textright A:hover{color:#FFA800; text-decoration:underline;} #homepage A.applybtn{display:block; position:absolute; text-decoration:underline; left:630px; top:390px; font-size:22px; padding: 18px 0 18px 0px; font-weight:bold; text-align:center; z-index:11; color:#ffffff; display:block; width:302px; /*background-color:#cccccc;*/ background-image: url(../images/configgfx/ACT-blue-btn-normal.gif); background-position:top left; background-repeat:no-repeat; } #homepage A:hover.applybtn{ text-decoration:none; /*background-color:Gray;*/ background-image: url(../images/configgfx/ACT-blue-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:#ffffff; display:block; width:151px; background-image: url(../images/configgfx/small-btn-normal.gif); background-position:top left; background-repeat:no-repeat;} #homepage A:hover.activatebtn{color:#ffffff; text-decoration:none; background-image: url(../images/configgfx/small-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:#ffffff; display:block; width:151px; background-image: url(../images/configgfx/small-btn-normal.gif); background-position:top left; background-repeat:no-repeat; } #homepage A:hover.loginbtn{color:#ffffff; text-decoration:none; background-image: url(../images/configgfx/small-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:140%; 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 .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; } /* SMS Info*/ #smsinfo .block {margin:0 0 15px 0; border-style:solid; border-width:1px;} #smsinfo .block h2{display:block; position:relative; font-size:125%; background-color:Black; 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:gray;} #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:#435391; color:#ffffff; padding:3px; font-size:1.2em; } #smsinfo .block .clearfloat {clear:both;}