@charset "utf-8";
/* CSS Document */

body {
background: #f1f1f1/* url(../images/bg.jpg)*/;
background-position:top;
background-repeat:repeat-x;
margin:0px;
font-family: Arial, Helvetica, sans-serif;
}


.fine {
font-size:80%;
font-style:italic;
}

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

a:hover {
color:#999999;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

#wrapper {
width:899px;
margin:10px auto;
}

#pagewrapper {
background-image:url(../images/debt_collection_contentbg.jpg);
background-repeat:repeat-y;
display:block;
position:relative;
overflow:hidden;
z-index:0;
}

#pageinner {
width:880px;
margin:10px auto 0 auto;
overflow:hidden;
clear:both;
}

.ie6 #pageinner {
margin:-30px auto 0 auto;
}

#banner {
width:880px;
height:190px;
margin:auto;
border-top:1px solid #000;
}

#header {
height:118px;
background-image:url(../images/debt_collection_headerbg.jpg);
}

#logo {
margin:20px 0 0 20px;
border:0px;
float:left;
}

#number{
background-image:url(../images/number.png);
margin:20px 25px 10px 0px;
height:23px;
width:249px;
}

#content h2 {
font-family:Helvetica;
color:#333333;
font-size:16px;
margin:10px 0 15px 0;
}


/******* Top Menu *******/
#top { height:10px; margin:10px 10px 0 0; display:block; float:right; width:275px;}
#topinner {height:10px; width:275px; margin:0px;}
#topinner ul,#topinner li {list-style-type:none; margin:0; float:left;}
#topinner li a {font-family:Arial; color:#666; font-size:11px; border-right:0px solid #333; line-height:20px; display:block; text-align:center; text-decoration:none; padding:0 10px 0 10px;}
#topinner li a:hover, active {color:#000;}

#content {
width:570px;
background-image:url(../images/bg1a.png);
background-repeat:no-repeat;
padding:15px;
margin:-10px 9px 0 14px;
display:block;
position:relative;
float:left;
overflow:hidden;
}

.gecko #content, .opera #content, .webkit #content, .chrome #content{
width:570px;
background-image:url(../images/bg1a.png);
background-repeat:no-repeat;
padding:15px;
margin:2px 9px 0 14px;
display:block;
position:relative;
float:left;
overflow:hidden;

}

#sidebar {
width:223px;
float:right;
display:block;
position:absolute;
margin:-25px 25px 0 7px;
}

.gecko #sidebar, .webkit #sidebar, .opera #sidebar, chrome #sidebar {
position:relative;
margin:15px 25px 0 7px;
}

.header {
	font-weight:bold;
	font-size:110%;
	}


#content p {
font-family:Helvetica;
font-size:.75em;
line-height:18px;
margin:5px 0 15px 0;
color:#333;
}

#terms li {
font-family: Helvetica;
font-size:12px;
line-height:18px;
margin:5px 0 4px 0;
color:#333;
}

/******* Secondary Content *******/
#content1 {
background-repeat:no-repeat;
padding:25px 35px 25px 35px;
display:block;
overflow:hidden;
}



#content1 p, li, td{
font-family: Helvetica;
font-size:12px;
line-height:18px;
margin:5px 0 15px 0;
color:#333;
}

#content2 {
background-repeat:no-repeat;
padding:25px 35px 25px 35px;
display:block;
}

#content2 p, li, td{
font-family: Helvetica;
font-size:12px;
line-height:18px;
margin:5px 0 15px 0;
color:#333;
}

#content3 {
background-repeat:no-repeat;
padding:25px 35px 25px 35px;
display:block;
min-height:800px;}

.page{
   position:absolute;
   top:100;
   left:100;
   visibility:hidden;
}

#payments table
{
    border-color: #333;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

#payments td {
    border-color: #333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 5px;
	text-align:center;

}

#payments th {
    border-color: #333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 5px;
font-size:110%;
font-weight:bold;
background-color:#999999;
color:#FFFFFF;
}

#content1 h2 {
font-family: Helvetica;
color:#9f2025;
font-size:105%;
margin:30px 0 5px 0;
}

#content1 li {
margin:5px 0 15px 0;
}


#content1 a {
font-weight:bold;
text-decoration:none;
color:#990000;
}

#content1 a:hover {
color:#555555;
}

#bottom {
height:30px;
width:900px;
margin:auto;
background-image:url(../images/debt_collection_footerbg.jpg);

overflow:hidden;
}

/******* Advert Module *******/
#submit {
height:120px;
width:205px;
background-image:url(../images/bg3.png);
background-repeat:no-repeat;
font-family:Arial;
color:#333;
font-size:12px;
padding:7px;
display:block;
}

#submit p {
font-family:Verdana;
font-size:11px;
line-height:18px;
margin:5px 0 5px 0;
color:#333;
}

/******* Login Form *******/
#loginform {
height:145px;
width:203px;
background-image:url(../images/bg2.png);
background-repeat:no-repeat;
font-family:Arial;
color:#FFFFFF;
padding:10px;
font-size:12px;
}

#loginform p {
font-family:Verdana;
font-size:11px;
line-height:18px;
margin:5px 0 0 0;
color:#fff;
}

#loginformheader {
font-family:Arial;
color:#FFFFFF;
font-size:14px;
font-weight:none;
border-bottom:1px solid #ffffff;
margin:15px 0 5px 0;
padding-bottom:5px;
width:186px;
}

#loginform hr{
border:1px #fff solid;
width:80%;
margin:auto;
}

#loginform input{
font-family:Verdana;
color:#444;
font-size:11px;
padding:0;
line-height:21px;
margin:5px 0;
}

.inputimg {
background-image:url(../images/data_input.png);
background-repeat:no-repeat;
background-color:#9f2025;
width:186px;
height:21px;
border:0;
}

/******* Contact Form *******/
#contactform {
height:400px;
width:350px;
background-image:url(../images/bg5.png);
background-repeat:no-repeat;
padding:10px 18px 0px 18px;
font-family:Arial;
color:#FFFFFF;
font-size:12px;
}

#contactform p {
color:#FFFFFF;
}

#contactformheader { 
font-family:Arial;
color:#FFFFFF;
font-size:14px;
font-weight:none;
border-bottom:1px solid #ffffff;
margin:15px 0 5px 0;
padding-bottom:5px;
width:186px;
}

#contactform hr{
border:1px #fff solid;
width:80%;
margin:auto;
}

#contactform input{
font-family:Verdana;
color:#444;
font-size:11px;
padding:0 0 0 5px;
line-height:21px;
margin:5px 0;
}

#contactform textarea{
font-family:Verdana;
color:#444;
font-size:11px;
padding:0 0 0 5px;
line-height:21px;
margin:5px 0;

}

.contactinputimg {
background-image:url(../images/data_input.png);
background-repeat:no-repeat;
background-color:#9f2025;
width:186px;
height:21px;
border:0;
}

.contactinputimg2 {
background-image:url(../images/data_input2.png);
background-repeat:no-repeat;
background-color:#9f2025;
width:186px;
height:100px;
border:0;
}

/******* Footer Menu *******/
#footer {width:800px; margin:auto; padding-bottom:25px; color:#666666; font-size:11px; font-family:Helvetica;}
#footer a {color:#666;}
#footer a:hover, active {color:#000;}
#footer_right {width:400px; float:right; text-align:right;}
#footer_left {width:400px; float:left;}

/******* Client Login Button *******/
#login { height:24px; width:97px; float:right; margin:-19px 55px 2px 0; position:relative; display:block;}
#logininner {height:24px; margin:auto;}
#logininner ul,#logininner li {list-style-type:none; margin:0; float:left;}
#logininner li a { width:97px; background-image:url(../images/login.png); font-family:Arial; color:#FFFFFF; font-size:12px; line-height:24px; display:block; text-align:center; text-decoration:none; margin:0 15px 0 15px;}
#logininner li a:hover {background-image:url(../images/loginhover.png); width:97px; display: block; font-weight:200;  margin:0 15px 0 15px;}
.ie6 #login { height:24px; width:97px; float:right; margin:-19px 20px 2px 0; position:relative; display:block;}

/******* Submit Button *******/
#submit2 { height:24px; width:250px; margin:auto; position:relative; display:block;}
#submit2inner {height:24px; margin:auto;}
#submit2inner a { width:250px; background-image:url(../images/submit.jpg); font-family:Arial; color:#FFFFFF; font-size:12px; line-height:24px; display:block; text-align:center; text-decoration:none; margin:0;}
#submit2inner a:hover { width:250px; background-image:url(../images/submit2.jpg); font-family:Arial; color:#FFFFFF; font-size:12px; line-height:24px; display:block; text-align:center; text-decoration:none; margin:0;}

/******* Menu *******/
#menuouter {width:880px; margin:auto; /*z-index:2;*/}

#menu{ padding:0; margin:0; height:40px; background-image:url(../images/menubg1.jpg); background-repeat:repeat-x;}
#menu ul{ padding:0; margin:0; font: bold 12px arial; display:inline; }
#menu li{ position: relative; float: left; list-style: none; margin: 0; padding:0; }
#menu{ padding:0; margin:0; }
#menu ul{ padding:1px 0; margin:0; }
#menu li a{ width:154px; padding:0 10px 0 10px;  height: 40px; display: block; text-decoration:none; line-height: 40px; color: white; text-align:center;} 
#menu li ul li a{ position: relative; float: left; height:20px; line-height:20px; list-style: none; margin:0; text-decoration:none; color:#fff; font-size:11px; display:block; width:163px; text-align:left; background: #666; padding:2px 0 2px 10px; text-align:left;}
#menu li ul li a:hover { color:#ffffff; background-color:#666666; position:relative;}
#menu li a:hover{background-image:url(../images/menubg1h.jpg); background-repeat:repeat-x;}
#menu ul ul{ z-index:3; }
#menu ul ul{ position: absolute; top: 40px; visibility: hidden; display:block;}
#menu ul li:hover ul{ visibility:visible; }


/******* Single Login Button *******/
#single { height:30px; width:150px; margin:30px auto 2px auto; position:relative; display:block;}
#singleinner {height:30px;}
#singleinner a { width:150px; background-image:url(../images/whitebutton.jpg); font-family:Arial; color:#333; font-size:11px; line-height:30px; display:block; text-align:center; text-decoration:none; margin:0}


#single1 { width:150px; position:relative; display:block; float:right; height:30px; margin:0;}
#single2{  width:150px; position:relative; display:block; float:left; height:30px; margin:0;}

/****** Submit Form ******/
.form input, textarea {width:100%; font:Helvetica;}

#contact {
 width:320px;
 margin:auto;
}

.ie6 #contact {
 width:340px;
 postion:absolute;
 }

#contact-title {
 width:100px;
 float:left;
 }
 
#contact-fields {
	width:190px;
	float:right;
	margin:0 25px 0 0px;
}

.ie6 #contact-fields {
	margin:0 15px 0 0px;
	width:100px;
	}

