/********* MAIN ********/

*{
padding:0;
margin:0;
}

.cb{
clear:both;
}
.clear{
height:5px;
width:100%;
}

img{
border:0px;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}

p{
padding:5px 8px 0 8px;
text-align:justify;
}

ul{
list-style:disc;
font-size:15px;
line-height:28px;
margin:8px 0 0 20px;
}

h1{
color:#FFF;
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:8px 0 0 8px;
}

h2{
color:#00000;
font-size:14px;
font-weight:bold;
background-image:url(../../gfx/layout/h1_bg.gif);
background-repeat:repeat-x;
width:442;
line-height:18px;
padding:15px 0 0 8px;
margin: 10px 0 0px 0px;
height: 31px;
}

h2.large{
background-image:url(../../gfx/layout/h1_bg.gif);
background-repeat:repeat-x;
background-color: #d7d7d7;
width:442;
height:45px;
padding:15px 0 0 8px;
}

#body_right h2{
margin:0px;
}


.app_h2_icon{
width:15px;
height:14px;
vertical-align:middle;
float:left;
margin:2px 5px 0 0;
}

/******** LAYOUT ********/
#container{
width:837px;
height:auto;
margin:0 auto;
background-color:#F1F1F1;
}

#header {
width:100%;
height:75px;
background-color:#000;
}

#content{
position:relative;
width:100%;
height:auto;
}

#body_left{
margin:8px 0 0 8px;
float:left;
width:450px;
height:auto;
background-color:#fff;
}

#body_right{
float:right;
width:350px;
height:100%;
margin:8px 8px 0 0;
}

#footer {
width:100%;
height:auto;
background-color:#000;
margin:16px 0 0 0;
}

#footer p{
font-size:10px;
color:#CCC;
text-align:center;
}

/********* HEADER *********/

#eclipse_logo{
width:210px;
height:60px;
padding:6px 0 0 25px;
float:left;
}

#eclipse_globe{
background-image:url(../images/header_img_right_sml.gif);
background-repeat:no-repeat;
width:380px;
height:75px;
float:right;
}

/********* BODY *********/

#top_flash{
width:100%;
height:210px;
margin:0 0 16px 0px;
}

#flash_head{
height:40px;
background-color:#000;
}

#flash_usp{
width:450px;
height:170px;
padding:0px;
margin:0px;
}

#how_to_apply{
position:relative;
width:100%;
height:auto;
background-color:#FFF;
margin:0 0 14px 0;
}

#how_you_can_use{
width:100%;
height:230px;
background-color:#FFF;
margin:0 0 14px 0;
}

#uses_flash{
width:350px;
height:192px;
}

.uses_h2_icon{
float:left;
width:24px;
height:38px;
margin:0 5px 0 0;
}

#benifits{
width:100%;
height:auto;
background-color:#FFF;
}

.benefit_h2_icon{
width:24px;
height:15px;
vertical-align:middle;
float:left;
margin:2px 5px 0 0;
}

#payment_icons{
width:100%;
height:31px;
margin:8px 0 0 0;
}

#benefits_mc_icon{
float:left;
background-image:url(../images/mastercard_icon_benifits.gif);
background-repeat:no-repeat;
width:51px;
height:31px;
margin:0 0 0 56px;
}

#benefits_po_icon{
float:left;
background-image:url(../images/post_office_icon_benifits.gif);
background-repeat:no-repeat;
width:42px;
height:31px;
margin:0 56px; 0 56px;
}

#benefits_pp_icon{
float:left;
background-image:url(../images/paypoint_icon_benifits.gif);
background-repeat:no-repeat;
width:31px;
height:31px;
}

#benefits_lse_icon{
background-image:url(../images/lse_icon_benifits.gif);
background-repeat:no-repeat;
width:127px;
height:31px;
margin:0 auto;
}

.apply_now_btn{
width:107px;
height:35px;
float:right;
margin:5px 10px 5px 0;
}

#eclipse_card{
float:left;
background-image:url(../images/eclipse_card_rhs.gif);
background-repeat:no-repeat;
width:155px;
height:100px;
margin:12px 0 0 12px;
}

p.apply_txt{
margin:0 0 0 0;
}

p.terms_smll{
font-size:10px;
margin:0 0 5px 0;
}

ul.apply{
font-size:12px;
list-style:disc;
line-height:normal;
padding:5px 0 5px 0;
}


.apply_now_app{
width:107px;
height:29px;
float:right;
margin:5px 10px 0 0;
}