/*********************/
		 /* F O N T S */
	/*********************/

	/*APPLIED TO ALL
   -----------------*/

*{ font-family:Arial, Helvetica, sans-serif;}


	/*-----------------------
	The vertical menu  
-------------------------*/

.vertical_menu h1{ font-size:16px; color:#BD1220;}
.vertical_menu ul li a{ text-decoration:none;}
.vertical_menu ul li a:hover{ color:#BD1220;}

.menuContent *{ font-size:13px; color:#646567;}
.menuContent a{ text-decoration:none;}
.menuContent a:hover{ color:#BD1220;}
.menuContent b{}
.menuContent input{ color:black;}
.menuContent select {color:black;}
.menuContent option {color:black;}

/*-----------------------
	The Main Content
-------------------------*/

#middleContent { font-size:12px; color:#646567;}
#middleContent a{ font-weight:bold; color:#BD1220; text-decoration:none;}
#middleContent a:hover{ text-decoration:underline;}
#middleContent legend{font-size: 15px;color:#BD1220; font-weight:bold; padding:0 5px 0 5px; margin:0 10px 0 10px;}
#middleContent h1{font-size:19px; margin-top:12px; margin-bottom:10px; height:23px; padding:3px 18px 3px ; background:#EDEDEE; clear:both;}
#middleContent h2{ font-size:15px; margin:0;clear:both;}
#middleContent h3{margin-top:10px; margin-bottom:10px;clear:both;}
#middleContent h4{margin-top:10px; margin-bottom:10px;clear:both;}
#middleContent .specialoffer{ color:#BD1220;}
#middleContent select{ color:#BD1220;}
#middleContent p{margin-top:5px; margin-bottom:5px;}

#footer ul li a{ font-size:9px; color:#646567; text-decoration:none;}
#footer ul li a:hover { color:#BD1220}
	/*********************/
  	  /* L A Y O U T */
 /**********************/
 
 /* Dont change this */
*.a{outline: none;}

/*  The body - with repeating image*/
body{ background:#3C3A3F; margin:0; padding:0;}

/* The overall containers for the page, outer just centers the content within it */
.outer{position:relative;width:100%; background:url(../misc/header_repeat.jpg) top repeat-x;}
.inner{	position:relative; width:992px; margin:0 auto; }


#headerr { position:relative; background:url(../misc/Header.jpg) no-repeat; height:249px; width:992px; margin:0 auto 0 auto;}
	#cashloans { position:absolute; display:block;height:40px; width:220px; top:113px; left:10px;}
	#mortgages { position:absolute; display:block;height:40px; width:220px; top:155px; left:10px;}
	#finance   { position:absolute; display:block;height:40px; width:220px; top:198px; left:10px;}
#content{position:relative; float:left; width:992px; background:url(../misc/BG_repeat.jpg) repeat-y; border-bottom:1px solid #646567}
#menu1{ position:relative; left:11px; float:left; width:199px; margin:20px 0 0 0; padding:0;}
*html #menu1 { margin-top:33px}
#middleContent {position:relative; float:left; left:32px; width:729px; top:-135px}


.vertical_menu{ margin:0; padding:0;}
.vertical_menu h1{ background:#EDEDEE; height:18px; padding:5px 19px 5px ;}
/* The vertcal menu main content */
.menuContent{ padding-left:17px;}
.menuContent ul{ margin:0; padding:0;}
.menuContent li{ list-style-type:none;background:url(../misc/list_icon.gif) 2px 0 no-repeat; padding-left:3px}

/* Main content list image */
/* indentation of text */
#middleContent li{ 	list-style-image:url(../misc/list_icon.gif); margin:0 15px;}
#footer {position:relative;	clear:both; height:73px; left:10px; background:url(../misc/footer.jpg) no-repeat;}
#footer ul li{float:left; list-style-type:none; padding-left:10px; margin-top:45px}
#logo_link { position:absolute; display:block; float:left; top:38px; left:788px; width:175px; height:29px; z-index:100;}