/*$Header: /home/cvs/www.directfuels.co.uk/public_html/styles/content.css,v 1.50 2005/09/21 09:33:04 glenn Exp $*/
body {
margin: 0;
padding: 0;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #636363;
}


#header{
width: 780px;
padding: 0;
margin: 0;
}

.menu{
padding: 2px 0 0 10px;
width: 780px;
}

.nsmenu{
padding: 2px 0 0 5px;
width: 780px;
}

.logo1{
float: left; 
margin: 20px 10px 10px 10px;
margin: /**/20px 10px 20px 10px;
}

.logo2{
padding: 7px 0 10px 20px;
}


#subheader{
clear: both;
padding: 0;
height: 75px;
width: 100%;
background: #FFE815 url(../images/hb.gif) no-repeat left;

}

#subheader2{
clear: both;
padding: 0;
height: 75px;
width: 100%;
background: #009900 url(../images/hba.gif) no-repeat left;
}

#subheader h1, #subheader2 h1{
color: #fff;
font-size: 18px;
padding: 10px 0 0 147px;
margin: 0;
width: 400px;
}

h2{
color:#73BE1E;
font-size: 11px;
margin: 0 0 10px 0;
}

h2 a{
color:#73BE1E;
font-size: 11px;
margin: 0 0 10px 0;
}

#content3 h2{
color:#73BE1E;
font-size: 13px;
margin: 0 0 0 0;
}

h3{
color:#73BE1E;
font-size: 11px;
font-weight: normal;
margin: 0 0 10px 0;
}

a{
color: #009900;
text-decoration: none;
}

a:hover{
color: #73BE1E;
text-decoration: none;
}

#content3 hr{
color: #ccc;
height: 3px;
background: #ccc;
border: 0;
}

#footer{
clear: both;
color: #009C00;

}

#nav{
height: 19px;
background: #009C00;
width: 100%;
color: #FFE815;
font-weight: bold;
margin: 0;
padding: 0;
clear:both;
}

#content{
width: 795px;
margin: 10px 0 0 10px;
}

#content2{
width: 618px;
margin: 0 0 0 127px;

}

#content3{
width: 590px;
margin: 20px 10px 0 20px ;

}

.column1{
float: left;
width: 560px;
}

.column2{
float: left;
width: 190px;
}

.column3{
float: left;
width: 384px;
margin: 20px 14px 0 0;
padding: 0 0 40px 16px;
background: transparent url(../images/dl1.gif) repeat-y left top;
}



ul li{
list-style-image:url(../images/bullet.gif);
margin: 10px 0 0 10px;
}

li li{
margin: 0 0 0 0;
}

.float{
float: left;
}

form{
padding: 0;
margin:0;
}

iframe{
border: 1px solid #91DA6C;
}


.loginform input{
height: 14px;
color: #636363;
border: 1px solid #FFE815;
font-size: 10px;
margin: 0;
padding: 0;
display: block;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content label, #content .txt {
width: 77px;
margin: 0 0 8px 0 ;
padding: 0;
}

.loginform label{
display: block;
float: left;
width: 70px;
padding-right: 10px;
font-size: 10px;

}

.nsloginform label span {
display: block;
float: left;
width: 70px;
padding-right: 10px;
font-size: 10px;

}

input.hidden{
border: 0;
}

input.loginsubmit{
margin: 9px 0 0 0;  
}

input.safloginsubmit{
margin: 0 0 0 0;  
}

.nsloginform .txt{
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #FFE815;
margin: 0;
padding: 0;
display: block;
float: left;
font-size: 10px;
color: #636363;
}

#content br {
clear: left;
}

.logbox{
background: #fff url(../images/lobg.gif) no-repeat;
width: 190px;
height:107px;
margin: 5px 0 10px 0;
}

.title1{
margin: 8px 0 5px 0;

}

.title2{
background:#FFE815;
width: 182px;
color: #009C00;
font-weight: bold;
padding: 3px;
}

.block1{
padding: 3px;
font-size: 10px;
}

.block1 p{
margin:  0 0 10px 0;

}

.vline1{
float: left;
background: transparent url(../images/dl1.gif) repeat-y bottom left;
margin:  25px 10px 0 10px;
height: 414px;
width: 1px;
}

.vline2{
float: left;
background: transparent url(../images/dl1.gif) repeat-y bottom left;
height: 101px;
width: 1px;
margin:  0 12px 0 14px;
}

.vline3{
float: left;
width: 1px;
margin:  0 12px 0 0;
height: 100%
}

.hline1{
background: transparent url(../images/dl2.gif) repeat-x bottom left;
height: 1px;
width: 552px;
clear: both;
padding: 0;
padding: 5px 0 5px 0 !important;
padding: 0 0 0 0;
}

.hline2{
background: #009900;
height: 1px;
width: 100%;
}

.hline3{
background: transparent url(../images/dl2.gif) repeat-x;
height: 1px;
width: 340px;
padding: 20px
}


.row1{
}

.subcol1{
width:157px; 
float: left;
}
.subcol2{
width:189px; 
float: left;
margin: 0 0 0 25px;
}

.overdiv{
width: 380px; 
height: 78px;
padding: 0;
margin: 0;
cursor: pointer;
cursor: hand;

}

.overdiv .txt{
width: 356px;
float: left;
margin: 10px 0 0 0;
}

.steptop{
padding: 26px 0 0 142px;
padding: /**/26px 0 0 139px; /*hide from ie 5.5*/
p\adding: /**/26px 0 0 157px; /*hide from ie 5.5 and ie 5.0*/
p\adding /**/: /**/26px 0 0 157px; /*hide from ie 5.5 and ie 5.0 and6*/
width: 800px;
}
.stepbottom{
padding: 0 0 0 15px;
padding: /**/0 0 0 12px; /*hide from ie 5.5*/
p\adding: /**/0 0 0 20px; /*hide from ie 5.5 and ie 5.0*/
p\adding /**/: /**/0 0 0 25px; /*hide from ie 5.5 and ie 5.0 and6*/
width: 800px;
}



/* \*/
.steptop img{
display: inline;
float: left;
margin: 0 -6px 0 0;
padding: 0;
}


.stepbottom img{
display: inline;
float: left;
border: 0;
margin: 0 -6px 0 0;
padding: 0;
}

.steptop img/**/ {
margin: 0 -6px 0 0;
margin: /**/0;
}
   
.stepbottom img/**/ {
margin: 0 -6px 0 0;
margin: /**/0;
}
/* */

/* form stuff */

.formbox{
width: 380px;
}

.formbox h2{
color:#73BE1E;
font-size: 11px;
margin: 20px 0 15px 0;
width: 300px;
display: block;
float: left;
}


.formbox .hline, .nsform .hline{
padding: 10px 0 0 0; 
display: block; 
clear: both;
}

.formbox input{
height: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #636363;
font-size: 10px;
border: 1px solid #91DA6C;
width: 160px;
}

.formbox .submit{
width: 300px;
}

.formbox label, .formbox input, .formbox textarea{
display: block;
float: left;
margin: 4px 0 4px 0;

}

.formbox .imgform{
margin: 9px 0 0 0; 
border: 0; 
height: 22px; 
width: 82px;
}

.submit .imgform{
border: 0; 
height: 22px; 
width: 69px;
margin: 0 5px 0 0; 
}

.formbox .next{
display: block;  
margin-right: 0;
padding: 20px 0 0 0
}


.next input .submit input{
float: left;
padding: 0 5px 0 -; 
}


.formbox textarea{
font-size: 10px;
border: 1px solid #91DA6C;
width: 160px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #636363;
}



.error {
color: red;
display: block;
width: 360px;
text-align: right;
font-size: 10px;
clear: both;
}

.checkgrp .error, .selectgrp .error{
text-align: left;
}


.required {
color: #73BE1E;	
}

.formbox label {
width: 200px;
}

/* check box stuff */

.checkgrp input{
width: 130px;
margin: 4px 10px 4px 0;
}

/* \*/
.checkgrp input{
width: 145px;
margin: 4px 10px 4px 0;
}
/* */


.checkgrp .checkgrptitle{
width: 120px; 
margin: 10px 0 10px 160px; 
display: block; 
clear: both;
font-size: 10px;
text-align: center;
}

/* \*/
.checkgrp .checkgrptitle{
width: 120px; 
margin: 10px 0 10px 190px; 
display: block; 
clear: both;
font-size: 10px;
text-align: center;
}
/* */


.formbox .checkgrp label {
display: inline;
width: 60px;
float: left;
margin: 4px 0 4px 0;
}




.formbox .checkgrp select{
display: inline;
float: left;
margin: 4px 0 4px 0;

}

.nsform .checkgrp label span{
display: inline;
width: 60px;
float: left;
margin: 4px 0 4px 0;
}

.checkgrp{
width: 380px;
display: block;
}




.formbox .checkgrp .checkbox {
border: 0;
width: auto;
margin: 4px 10px 4px 10px;
float: left;
}

.nsform .checkgrp .checkbox {
width: auto;
border: 1px solid #000;
height: auto;
margin: 4px 10px 4px 10px;
background: #fff;
}




/*selection stuff*/

.formbox select{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #636363;
font-size: 10px;
margin: 8px 0 5px 0;
display: block;
float: left;
}

.selectgrp select{
margin: 5px 0 5px 0;
display: inline;
}

.selectgrp input{
display: inline;
float: left;
width: 82px;
margin: 5px 5px 5px 0;
}



.formbox .selectgrp .input2{
display: inline;
width: 130px;
margin: 0;
}

.formbox .selectgrp .input3{
display: inline;
float: left;
width: 110px;
margin: 0 20px 0 0;
}


.nsform .selectgrp .input2{
display: inline;
float: left;
width: 130px;
margin: 4px 0 5px 0;
}

.nsform .selectgrp .input3{
display: inline;
float: left;
width: 120px;
margin: 4px 20px 0 21px;
}

.formbox .select2{
display: inline;
float: left;
margin: 0 20px 0 0;
}

.nsform .select2{
display: inline;
float: left;
margin: 0;
}



.selectgrp{
display: block;
clear: both;
margin: 0;
padding: 0;
}


.formbox .selectgrp label {
width: 200px;
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0 ;

}

.nsform .selectgrp label span{
width: 200px;
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0 ;
}

.nsform .selectgrp select{
margin: 5px 0 0 0;
display: inline;
}

.nsform select{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #636363;
font-size: 10px;
margin: 8px 0 0 0;

}

.nsform .selectgrp input{
display: inline;
float: left;
width: 80px;
margin: 5px 5px 5px 0;
}





/* radio button stuff*/

.radiogrp{
display: block;
margin: 10px 0 0 0;
width: 300px;
}

.radiogrp label {
width: auto;
float: none;
margin: 0 0 0 0;
padding: 0 0 0 0 ;
}





.radiogrp2{
display: block;
padding: 5px 0 0 0;
width: 360px;

}

.radiogrp2 label {
width: auto;
margin: 5px 5px 0 0;
padding: 0;
}

.nsform .radiogrp2 label span {
width: auto;
margin: 5px 5px 0 0;
padding: 0;
}


.formbox .radiogrp2 .radio {
display: inline;
float: left;
border: 0;
margin: 5px 0 0 0;
padding: 0 0 0 0;

}

/* \*/
.formbox .radiogrp2 .radio {
display: inline;
float: left;
margin: 5px 0 0 0;
padding: 0 0 0 0;
width: auto;
}
/* */
.nsform .radiogrp2 .radio {
display: inline;
float: left;
margin: 5px 5px 0 0;
padding: 0 0 0 0;
width: auto;
height: auto;
border: 1px solid #000;
background: #fff;
}

.radiogrp2 span.formtitle{
float: left; 
margin: 0 20px 0 0;
width: 180px;
}

.radiogrp2 span.formtitle2{
float: left; 
margin: 0 20px 10px 0;
width: 340px;
}
/* \*/
.radiogrp2 span.formtitle2{
margin: 0 20px 0 0;
}
/* */

.formbox br {
clear: right;
}

#copyright{
padding: 60px 0 20px 15px; 
font-size: 10px;
color: #CECECE;
}

.helpbox{
margin: 47px 0 0 0; 
width: 197px; 
background: #E8FDCF url(../images/oci1.gif) no-repeat top right;
}

.helpbox div{
padding: 35px 15px 30px 8px;
font-size: 10px;
}


.ddbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #635D7B;
	font-weight: bold;

}
.ddwhite {
	font-family: Verdana;
	font-size: 8px;
	color: #FFFFFF;
	font-weight: bold;
}
.ddnumbers {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

/* netscape 7 stuff for forms*/

.nsform{
width: 380px;
}

.nsform h2{
clear: both;
width: 380px;
}

.nsform label span {
display: block;
float: left;
margin: 4px 0 4px 0;
width: 200px;
}

.nsform input{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #636363;
font-size: 10px;
border: 1px solid #91DA6C;
width: 160px;
margin: 5px 0 5px 0;
}

.nsform textarea{
font-size: 10px;
border: 1px solid #91DA6C;
width: 160px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #636363;
}

.nsform .imgform{
border: 0; 
height: 22px; 
width: 82px;
margin: 10px 5px 0 0; 
}

.nsform .select3{
margin-top: 25px;
}

.nsform .next{
display: block;  
margin-top: 20px;
}

.nsform .submit .imgform{
border: 0; 
height: 22px; 
width: 69px;
margin: 0 5px 0 0; 
}

.nsform h2{
color:#73BE1E;
font-size: 11px;
padding: 20px 0 15px 0;
width: 300px;
display: block;
clear: both;
}

.nsovers .lineovers{
margin: 0;
height: 10px;
margin: -10px 0 0 0;
}

.nsovers .overdiv .txt{
width: 356px;
float: left;
margin: 10px 0 -10px 0;
}

dl.list dt{
float: left;
margin: 0 0 0 0;
font-weight: normal;
}

dd, dt{
padding: 5px 0 5px 0;
}

dt{
font-weight: bold;
}



.tg li{
padding: 5px 0 5px 0;
}

.printblock{
display: none;
position: absolute;
height: 2px;
}

.tg{
position: absolute;
visibility: hidden;
overflow: auto;
height: 5px;
voice-family: "\"}\"";
voice-family: inherit;
position/**/: /**/ relative;
visibility/**/: /**/ visible;
overflow/**/: /**/ none;
height/**/: /**/ auto;
display: none;

}

.nstg, .ns7tg{
display:  none;
}


.nsprintblock, .ns7printblock{
display:  block;
}

.regaddress_wrapper{
padding: 10px 0 0 15px;
color: #636363;
width: 800px;
text-align: center;
}
.regaddress{
margin: 0 auto 0 auto;
width: 600px;
}