/*$Header: /home/cvs/www.fuelplus.ie/public_html/styles/content.css,v 1.9 2005/04/11 11:49:42 matthew Exp $*/
body {
margin: 0;
padding: 0;
background: white;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666;
}

/*structure*/

#mainbody{
width: 750px;
text-align: left;
background: #fff;
}

#header{
background: #A51839;
padding: 0;
margin: 0;
font-size: 10px;
}

#header2{
background: #E7BDB5;
height: 63px;
padding: 0;
margin: 0;
width: 100%;
}

#header2 h1{
padding: 0;
margin: 0;
width: 400px
}

#content{
background: #fff;
margin: 12px 0 0 12px;
padding: 0;
width: 760px;
/* \*/
width: 750px;
/**/
}

#content2{
background: #fff;
margin: 30px 0 0 20px;
padding: 0;
width: 740px;

}

#footer{
background: #fff;
clear: both;
font-size: 10px;
color: #FE4C0E;
margin: 40px 0 0 0;

}

#footer .linkline{
margin: 0 0 0 21px;
width: 800px;
}

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

.column2 a, .column4 a.main, .column3 a.main{
font-size: 10px;
font-weight: bold;
}

#footer .line1{
background: #A51839;
height: 13px;
width: 100%;
margin: 12px 0 0 0;
}

#footer .line2{
background: #CE3100;
height: 45px;
margin: 1px 0 0 0;
width: 100%;
}

/*header stuff*/
.nav{
clear: both;
height: 18px;
width: 100%;
background: #CE3100;
margin: 0;
padding: 0;
}

.logoline{
width: 750px;
width/**/: 730px;
padding: 15px 0 45px 20px;
_padding: 15px 0 25px 20px;
}

.menu{
padding: 2px 0 0 14px;
}



/*generic*/
form{
padding: 0;
margin:0;
}

.right{
float: right;
}

.left{
float: left;
}

.clear{
clear: both;
}

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

li{
padding: 0 0 10px 0;
}


input, textarea, iframe, select{
border: 1px solid #CE3100;
background: #fff;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


.langform select{
border: none;
background: #fff;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FE4C0E;
margin: -10px 0 0 600px;
/* \*/
margin: 0 0 0 0;
/* */

}

.column1{
float: left;
width: 180px;
margin: 0 5px 0 0;
padding: 0;
}

.column2{
float: left;
background: transparent url(../images/dl2.gif) repeat-y right top;
width: 160px;
margin: 15px 5px 0 0;
margin/**/: 4px 5px 0 0;
padding: 0 10px 0 10px;
height: 180px;
}

.column3{
float: left;
margin: 0 0 0 62px;
width: 375px;
}

.column4{
background: transparent url(../images/dl2.gif) repeat-y right top;
float: left;
width: 355px;
padding: 0 10px 0 0;
padding/**/: 0 15px 0 0;
}

.column5{
background: transparent url(../images/dl2.gif) repeat-y right top;
/* \*/
float: left;
/* */
width: 690px;
margin: 0 0 0 0;
}

.column6{
background: transparent url(../images/dl2.gif) repeat-y right top;
float: left;
width: 400px;
margin: 0 15px 0 0;
}


.dl1{
background: transparent url(../images/dl1.gif) repeat-x;
width: 440px;
height: 1px;
padding: 10px 0 10px 0;
clear: both;
}

.dl2{
background: transparent url(../images/dl1.gif) repeat-x;
width: 380px;
height: 1px;
padding: 10px 0 10px 0;

clear: both;
}

.dl3{
background: transparent url(../images/dl1.gif) repeat-x;
width: 310px;
height: 1px;
padding: 10px 0 10px 0;
clear: both;
}


h2{
font-size: 16px;
}

h3{
color: #666;
font-weight: bold;
font-size: 11px;
margin: 0;
padding: 0 0 10px 0;
}

.formbox h3, .cardbox h3, .smartcard h3{
color:#A41F38;
margin: 0 0 10px 0;
clear: both;
}

.smartcard strong {
color:#A41F38;
}

.smartcard{
clear:  both;
margin: 0 10px 0 0;
}


.column2 h2, #header2 h1, h2{
color:#A51839;
}

#header2 h1{
font-size: 18px;
padding: 20px 0 26px 20px;
_padding: 19px 0 22px 20px;
}

.column2 h2, .block, .column4 h2{
margin: 0 0 8px 0;

}

.block{
width: 160px;
height: 40px;
margin: 0 0 20px 0;
}

.block2{
float: left;
width: 220px;
padding: 0 10px 0 0;
}

.block3{
float: left;
width: 200px;
padding: 0 14px 0 0;
}


.logbox{
background: transparent url(../images/i4.gif) no-repeat;
width: 183px; /*ie5*/
width/**/: 183px; /*ie 5.5*/
width/**/: /**/180px; /*not ie*/
_width/**/: /**/180px; /*ie 6*/
height:104px;
padding: 8px 0 0 9px;
color: #A51839;
font-size: 10px;
}

.logbox .login{
margin: 5px 0 0 82px;
margin/**/: 5px 0 0 87px;/*ie 5.5*/
}

.logbox h3{
color: #A51839;
padding: 0 0 3px 0;
font-size: 10px;
}


/*language selector*/
#intro{

color:#0066CC;
margin: 100px 0 0 0;
}

#intro h1{
font-size: 18px;
font-weight: bold;
padding:  0 0 0 0
}



.links{
display: block;
margin: 0 auto 0 auto;
/* \*/
margin: 0 0 0 0;
clear: left;
/* */
width: 297px;
_width: 315px;
}



.links .button{
color: #fff;
font-weight: bold;
background: #FF4C0E;
width: 84px;
height: 21px; /*ie5*/
height/**/: 21px; /*ie 5.5*/
height/**/: /**/17px; /*not ie*/
_height/**/: /**/17px; /*ie 6*/
float: left;
padding: 3px 0 0 0;
margin: 0 0 0 10px;
cursor: pointer;
cursor: hand;
}



.links  .button a{
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 12px;

}

/*applications steps*/
.stepon{
background: #A51839;
height: 15px; 
font-size: 9px; 
color: #fff; 
margin: 5px 0 0 0; 
padding: 0 0 0 0;
text-align: center;
font-size:9px;
}

.stepoff{
background: #fff; 
height: 15px; 
font-size: 9px; 
color: #A51839; 
margin: 5px 0 0 0; 
padding: 0 0 0 0;
text-align: center;
font-size: 9px;
}

.stepoff .macie, .stepon .macie{
margin: 0 0 0 0;
display: block;
/* \*/
margin: 0 0 0 0;
/* */
}

.stepborder{
float: left;  
background: #E7BDB5; 
height: 26px;
width: 120px
}

.stepline{
margin: -10px 0 0 10px;
background: #E7BDB5;
}


/*dd form*/
#content3{
width: 610px;
margin: 20px 10px 0 20px ;
}



.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;
}

.ddheader {
	font-family: Arial;
	font-size: 10px;
}

.ddtext{
color: #0066CC; 
padding: 10px 0 10px 0;
}
.ddbox{
padding: 15px 0 15px 0; 
border-top: #0066CC 1px dashed; 
border-bottom: #0066CC 1px dashed;

}

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

/*card services help text*/
.csinfo{
padding: 33px 0 0 0;
}
.csinfo2{
padding: 80px 0 0 0;
_padding: 70px 0 0 0;
}


.csbox1{
height: 162px; /*ie5*/
height/**/: 160px;  /*ie 5.5*/
height/**/: /**/169px;
_height/**/: /**/161px;
}

.csbox2{
height: 134px; /*ie5*/
height/**/: 136px; /*ie 5.5*/
height/**/: /**/128px; /*not ie*/
_height/**/: /**/131px; /*ie 6*/
}
.csbox3{
height: 88px; /*ie5*/
height/**/: 88px; /*ie 5.5*/
height/**/: /**/85px; /*not ie*/
_height/**/: /**/88px; /*ie 6*/
}

.csbox4{
height: 177px; /*ie5*/
height/**/: 177px; /*ie 5.5*/
height/**/: /**/144px; /*not ie*/
_height/**/: /**/157px; /*ie 6*/
}

.csbox5{
height: 61px; /*ie5*/
height/**/: 63px; /*ie 5.5*/
height/**/: /**/62px; /*not ie*/
_height/**/: /**/63px; /*ie 6*/
}

.csbox6{
height: 213px; /*ie5*/
height/**/: 213px; /*ie 5.5*/
height/**/: /**/221px; /*not ie*/
_height/**/: /**/214px; /*ie 6*/
}

#footer .registered_wrapper{
padding: 5px 0 0 21px;
width: 800px;
text-align: center;
}

#footer .registered{
margin: 0 auto 0 auto;
width: 800px;
color: #666;
}