﻿.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}



h1 { font-size:30px; font-style:italic; color:#000; text-transform:uppercase; }
.row { padding:17px; padding-bottom:25px; }
.row-text-and-login {position:relative; padding-bottom:0px !important;}
.row-text-and-login .col-left { float:left; width:493px;  }
.row-text-and-login .col-right { float:right; width:257px; margin-top:-18px; }

.row-text-and-login .col-left p { padding-bottom: 1.5em }
.two-puff{bottom:-17px;height:150px;left:20px;position:absolute;width:543px;}
.row ul li { margin-left:10px; }

.relative { position:relative; }
.no-bp { padding-bottom:0!important; }

.row-banners .column { width:261px; float:left; margin:0; margin-right:15px; }
.row-banners .last { margin-right:0; }
.row-banners { padding-top:0; padding-bottom:0; }
.box-start-tanking-here { position:relative; width:278px; height:96px; margin-left:-12px; margin-bottom:-18px; background:transparent url(/images/bg_box-start-tanking-here.png) no-repeat 0 0; z-index:1;}

.box-login-to-tank-logged-in { position:relative; z-index: 0; padding-bottom:10px; color:#fff; font-size:11px; height:105px; width:257px; }

.box-start-tanking-here img { margin-top:31px; margin-left:31px; }

.box-login-to-tank { padding:8px 12px; color:#fff; font-size:11px; height:169px; background:transparent url(/images/bg_box-login-to-tank.png) no-repeat 0 0; }
.box-login-to-tank-logged-in { position:relative; z-index: 0; padding-bottom:10px; color:#fff; font-size:11px; height:105px; width:257px; }

.box-tank-without-login { padding:8px 12px; color:#fff; font-size:11px; height:155px; background:transparent url(/images/bg_box-tank-without-login.png) no-repeat 0 0; } 
.box-login-to-tank p, .box-tank-without-login p { margin:0; padding:0; }

.fields label { float:left; }
.fields .input-text { color:#333; float:right; height:18px; padding:3px 3px 1px; width:101px; float:right; background:transparent url(/images/bg_input-field.png) no-repeat center center; border:none; }
.fields .error {background:transparent url(/system_images/error-input.png) no-repeat center center !important;}
.fields .clearfix, .payment, .box-login-to-tank p, .box-tank-without-login p, .box-login-to-tank { margin-bottom:7px; }

.fields .label-msisdn, .fields .label-confirm-msisdn, .fields .label-password { margin-top:4px; text-indent:-2000em; width:116px; height:16px; }

.fields .label-msisdn { background:transparent url(/images/text_msisdn.png) no-repeat right center; }
.fields .label-confirm-msisdn { background:transparent url(/images/text_confirm_msisdn.png) no-repeat right center; }
.fields .label-password { background:transparent url(/images/text_password.png) no-repeat right center; }

.submit input { float:right; }
.payment  { text-align:right; }
.payment input { vertical-align:middle; margin:0 5px; }

.four-column { overflow:hidden; }
.four-column .columns { width:832px; }
.four-column .columns .column { float:left; width:188px; margin-right:20px; }
.four-column h5 { font-size:18px; font-style:italic; text-transform:uppercase; }

.box-login-to-tank p a{text-decoration:underline !important; font-size:11px !important; color:#FFF !important;}
.link-without-style{text-decoration:none !important; font-size:12px !important; color:#000 !important;}