/* ==================================================CSS Document */

/* ==================================================Payday OK */

/* =========================================Created by Tiger Two Ltd */

/* ==================================================info@tigertwo.co.uk */



/*====================================================Preamble */



* {

margin: 0;

padding: 0;

}



body {

background-color: #012f63;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

color: #012f63;

}



#container {

width: 716px;

height: 570px;

background: url(images/bg.jpg) repeat-y;

margin: 50px auto 0px auto;

}



html>body #container {

min-height: 570px;

height: auto;

}



/*====================================================Layout */



#header {

width: 716px;

height: 35px;

background:url(images/topbg.jpg) no-repeat;

}



#footer {

width: 716px;

height: 40px;

background: url(images/bottombg.jpg) no-repeat top center;

margin: 0px auto 30px auto;

}



#sidenav {

width: 180px;

float: left;

height: 650px;

margin-left: 10px;

}



html.body #sidenav {

min-height: 650px;

height: auto;

}



/*==========================================================Index elements */



#sidenav a {

margin-left: 15px;

}



a.first, a.second, a.third, a.fourth, a.fifth {

display:block;

width: 157px;

height: 156px;

color: #FFFFFF;

text-decoration:none;

}



a.first {background:url(images/button1.jpg) 0 0 no-repeat;}

a.second {background:url(images/button2.jpg) 0 0 no-repeat;}

a.third {background:url(images/button3.jpg) 0 0 no-repeat;}

a.fourth {background:url(images/button4.jpg) 0 0 no-repeat;}

a.fifth {background: url(images/ourcharges-button.jpg) 0 0 no-repeat;}


a.first:hover, a.second:hover, a.third:hover, a.fourth:hover, a.fifth:hover{

background-position: 0 -156px }



#indexbox {

width: 489px;

position: relative;

background: url(images/index_boxback.jpg) repeat-y;

margin-top: 100px;

margin-left: 200px;

}



#indexboxfooter {

width: 489px;

height: 125px;

background: url(images/index_boxbottom.jpg) no-repeat;

margin-left: 203px;

}



html>body #indexboxfooter {

margin-left: 200px;

}



#indexbox h1 {

color: #ff6f04;

font-size: 140%;

background: url(images/index_boxtop.jpg) no-repeat top left;

padding-top: 20px;

padding-left: 30px;

}



#indexbox p {

margin: 0px 30px 0px 30px;

padding-bottom: 20px;

}





#indexboxfooter p {

font-size: 140%;

color: #FFFFFF;

font-weight:bold;

margin: 0px 140px 0px 20px;

padding-top: 20px;

text-align:center;

}



#indexbox table {

width: 400px;

margin-left: 30px;

border-collapse:collapse;

}



th {

background-color: #012f63;

color: #ffFFFF;

width: 25%;

border: 1px solid #012f63;

height: 20px;

vertical-align:middle;

}



td {border: 1px solid #012f63;

text-align:center;

height: 30px;

vertical-align:middle;}



/*====================================================Paragraphs */



#footer p {

text-align: center;

color: #FFFFFF;

padding-top: 35px;

font-size: 10px;

}



.orange {

color: #FF6F04;

font-size: 130%;

font-weight:bold;

}



.large {

font-size: 120%;

}



#footer a:link {text-decoration: none; color: #FFFFFF;}

#footer a:visited {text-decoration: none; color: #FFFFFF;}

#footer a:hover {text-decoration: underline; color: #FFFFFF;}

#footer a:active {text-decoration: none; color: #FFFFFF;}



/*==========================================images */



img.logo {

float:right;

margin-right: 45px;

}



h2 {

color: #ff6f04;

font-size: 110%;

margin-left: 30px;

padding-top: 7px;

padding-bottom: 7px;

}



/*==================================================links */



#indexbox a:link {font-weight:bold; color: #FF6F04; text-decoration:none;}

#indexbox a:visited {font-weight:bold; color: #FF6F04; text-decoration:none;}

#indexbox a:hover {font-weight:bold; color: #FF6F04; text-decoration:underline;}

#indexbox a:active {font-weight:bold; color: #FF6F04; text-decoration:none;}



#indexboxfooter a:link {font-weight:bold; color: #FFFFFF; text-decoration:none;}

#indexboxfooter a:visited {font-weight:bold; color: #FFFFFF; text-decoration:none;}

#indexboxfooter a:hover {font-weight:bold; color: #012f63; text-decoration:none;}

#indexboxfooter a:active {font-weight:bold; color: #FFFFFF; text-decoration:none;}



/*==================================================lists */



ul.index {

margin-left: 60px;

margin-right: 45px;

list-style-position:outside;

list-style-image:url(images/tick.jpg);

font-weight:bold;

padding-bottom: 20px;

}


input .amountpound
{
	width: 300px;
}

/* apply */

#apply
{
	width: 117px;
	height: 47px;
	float: left;
	overflow: hidden;
}

a:link#apply,
a:visited#apply
{
	background-image:url(images/applynow.jpg);
	background-position: 0 0;
		width: 117px;
	height: 47px;
}

a:hover#apply
{
	background-image:url(images/applynow.jpg);
	background-position: 0 -47px;
		width: 117px;
	height: 47px;
}

/* settle */

#settle
{
	width: 117px;
	height: 47px;
	float: left;
	overflow: hidden;
}

a:link#settle,
a:visited#settle
{
	background-image:url(images/settlenow.jpg);
	background-position: 0 0;
		width: 117px;
	height: 47px;
}

a:hover#settle
{
	background-image:url(images/settlenow.jpg);
	background-position: 0 -47px;
		width: 117px;
	height: 47px;
}

/* reduce */

#reduce
{
	width: 150px;
	height: 47px;
	float: left;
	overflow: hidden;
}

a:link#reduce,
a:visited#reduce
{
	background-image:url(images/reduceyourloan.jpg);
	background-position: 0 0;
		width: 150px;
	height: 47px;
}

a:hover#reduce
{
	background-image:url(images/reduceyourloan.jpg);
	background-position: 0 -47px;
		width: 150px;
	height: 47px;
}