/* CSS Document */



body {

    margin:0;

    padding: 0;

    text-align: center;

}



a.tag-link {text-decoration:none; border-bottom:1px solid #e2e2e2;}

a.tag-link:hover {border:none;}



#container {

    margin-left: auto;

    margin-right: auto;

    width: 775px;

    text-align: left;

}





#main {

	padding:0 5px 0 5px;

}



#header {

	width: 100%;

	margin:0;

	padding:0;

	display:block;

	font-size:0;

}



#headerleft {

	width:533px;

	margin:0;

	padding:0;

	float:left;

}



#logo {

	width:307px;

	float:left;

	margin:0;

	padding:0;

}



#otherspace {

	width:226px;

	float:right;

	margin:0;

	padding:0;

}



#headerright {

	width:232px;

	margin:0;

	padding:0;

	float:right;

}



#nav {

	width:765px;

	margin:0 0 1px 0;

}



#nav ul {

	margin:0;

	padding:0;

	list-style-type:none;

}



#nav li {

	float:left;

	padding:5px 8px 5px 8px;

	/*border-right:1px solid #ffffff;*/

} 



#nav a {

	text-transform:uppercase;

	font-weight:bold;

	font-size:9pt;

}



#nav a:link {text-decoration:none;}

#nav a:visited {text-decoration:none;}

#nav a:hover {text-decoration:underline;}



#midbanner {

	margin:0;

	padding:0; 	

}



.clear {

	clear:both; 

	height:0; 

	margin:0; 

	padding:0; 

	overflow:hidden;

	line-height:0;

}



#pagetitle {

	padding:5px 0 5px 10px;

	font-size:11pt;

	letter-spacing:-1px;

	margin:1px 0 1px 0;

}



/*------------ content area - main container for whole bottom content area ----*/



#contentarea {

	width:765px;

	padding-bottom:20px;

}



#contentarea h1 {

	margin:0;

	padding:0 0 5px 0;

	font-size:18pt;

	letter-spacing:-1px;

	font-weight:normal;

}

	

#contentarea h2 {

	font-size:11pt;

	margin:0;

	padding:0;

	display:inline;

}



#contentarea h3 {

	font-size:11pt;

	margin:0;

	padding:0;

	display:inline;

}





/*------------ 3 col layout (subnav, text and gadgets) -------------*/



#leftcontent {

	width:549px;

	float:left;

}



#rightgadgets {

	width:216px;

	float:right;

}



/*--------------- gadgets ------------------*/



.gadget {

	margin:0 0 4px 0;

}



.gadgetcontainer {

	width:200px;

	padding:4px 8px 0 8px;

	font-size:8pt;

	position: relative;

}



.gradhome .maingd {

  left: 0px;

  position: absolute;

  top: 0px;

  width: 100%;

  z-index: 0;

  margin:0;

  padding:0;

}



.gadgetcontainer * {

  margin: 0px;

  position: relative;

  z-index: 1;

}



* html .gradhome .maingd {

  display: none;

}

* html .gadgetcontainer {

	position:static;

}







.gadicon {

	width:21px;

	height:20px;

	float:left;

	padding:0 0 0 3px;

	position: relative;

	

}



.gadarrow .gdarrow {

  left: 0px;

  position: absolute;

  top: 0px;

  width:21px;

  height:20px;

}



.gadicon * {

  margin: 0px;

  position: relative;

}



* html .gadarrow .gdarrow {

  display: none;

}

* html .gadicon {

	position:static;

}



.gtitle {

	font-size:20px;

}



.gcontent {	

	width:100%;

	padding:8px 0 8px 0;

}



.gimg {

	width:75px;

	float:left;

}



.gimage {

	border:none;

	width:75px;

}



.gtext {

	width:110px;

	float:right;

}



.glink {

	margin:12px 0 0 0;

}



.gadlink {

	margin:0;

	padding:6px 0 0 10px;

	font-size:8pt;

	height:24px;

	margin:0;

}

	



a.gadgetlink {

	color:#333333;

	font-weight:bold;

	text-transform:uppercase;

	padding:0;

}

	

a.gadgetlink:link {text-decoration:none;}

a.gadgetlink:visited {text-decoration:none;}

a.gadgetlink:hover {text-decoration:underline;}



#gadgetform {

	padding:10px 0 10px 0;

}



#gadgetform label {

	font-weight:bold;

}



#gadgetform #submit {

	margin:10px 0 0 0;

}



/*------------------------ footer ---------------------------------*/



#footer {

	clear:both;

	text-align:center;

	padding:10px 0 0 0;

	margin:0 0 20px 0;

}



#footernav {

	margin:0;

	padding:10px 0 0 0;

	list-style-type:none;

}



#footernav li {

	display:inline;

	padding:0 6px 0 6px;

}



#footernav a:link {text-decoration:none;}

#footernav a:visited {text-decoration:none;}

#footernav a:hover {text-decoration:underline;}



.errortext {color:#990000; font-weight:bold;}





/*------ subnav ------------*/



#subnav {

	width:130px;

	float:left;

	padding:10px 0 0 0;

	margin:0;

}



.subnavtitle {

	display:block;

	font-weight:bold;

	margin:0;

	padding:0 0 8px 14px;

}



#subnav ul {

	margin:0;

	padding:0;

	list-style-type:none;

}



#subnav li {

	width:110px;

	margin:0;

	padding:0 0 8px 10px;

	float: left;

}



#subnav a {

	font-size:9pt;

	padding:0 0 0 15px;

	display:block;

}



#subnav a:link {text-decoration:none;}

#subnav a:visited {text-decoration:none;}

#subnav a:hover {text-decoration:underline;}





.line {

	width:130px;

	height:1px; 

	display:block;

	position: relative;

	margin:0 0 8px 0;

	padding:0;

}



.sep .subnavline {

  height: 100%;

  left: 0px;

  position: absolute;

  top: 0px;

  width: 100%;

  z-index: 0;

}



.line * {

  margin: 0px;

  position: relative;

  z-index: 1; 

}



* html .sep .subnavline {

  display: none;

}

* html .line {

	position:static;

}



.icon {

	width:8px;

	height:7px;

	float:left;

	margin:3px 0 0 0; 

	padding:0;

	position: relative;

}



.arrow .subnavarrow {

  height: 100%;

  left: 0px;

  position: absolute;

  top: 0px;

  width: 100%;

  z-index: 0;

}



.icon * {

  margin: 0px;

  position: relative;

  z-index: 1;

}



* html .arrow .subnavarrow {

  display: none;

}

* html .icon {

	position:static;

}

/*-----------------------------------------*/



.errorbox {

	background-color:#FFC4C4;

	border: 1px solid #FF8282;

	display:block;

	padding:2px 0 2px 5px;

	font-weight:bold;

	color:#750000;

}



.grey_text {

	color:#666;

}



.bold {font-weight:bold;}



/*------------------------------- LIGHTBOX GALLERY STYLES --------------------------------------*/



.galthumb

{

  float: left;

  width: 90px;

  height:90px;

  margin: 0 10px 15px 0;

  border: 1px solid #333333;

}



#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}



/*#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	display: block;

	}

#prevLink {left: 0; float: left;}

#nextLink {right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover {}

#nextLink:hover, #nextLink:visited:hover {}



#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%	

	}



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}

	

---------------------------------------- USER CREATED FORM STYLES -----------------------------------*/



#usercreatedform label {

	font-weight:bold;

}



/*------------------------------- DEBT WIZARD STYLES ----------------------------*/



#debt_wizard {

	width:100%;

	margin:0;

	padding:0;

}



#debt_wizard_text {

	width:30%;

	float:left;

	padding:10px 0 0 10px;

	margin:0;

}



#debt_wizard_form {

	width:60%;

	float:right;

	margin:0;

	padding-top:15px;

}



#dw_frm label {

	font-weight:bold;

	clear:left; 

	display:block; 

	float:left; 

	width:170px; 

	text-align:right; 

	padding-right:10px; 

	margin-bottom:0.5em;

}



#dw_frm_two label {

	font-weight:bold;

	clear:left; 

	display:block; 

	float:left; 

	width:120px; 

	text-align:right; 

	padding-right:10px; 

	margin-bottom:0.5em;

}



#unsecured_debt, #num_creditors, #monthly_income, #equity_amount,

#first_name, #surname, #email_address, #phone_number, #mobile_number, #house_number, #postcode {

	font-size:9pt;

}



#first_name, #surname, #email_address, #phone_number, #mobile_number, #house_number, #postcode {

	width:150px;

}



#submit_button_dw {

	padding:3px 8px 3px 8px;

}



.dw_section {

	display:block;

	padding:0 0 6px 0;

}



#chat_left {

	width:75px;

	float:left;

	padding-right:6px;

}



#chat_right {

	width:109px;

	float:right;

}



#news_keyword {

	width:250px;

}



/*--------------------------- debt test styles -----------------------*/



#debt_test

{

	width:100%;

	margin:0;

	padding:0;

}



.sub_title

{

	font-size:13pt;

	font-weight:bold;

}



.debt_test_table td

{

	padding:0 10px 6px 0;

}



#debt_test_callback label 

{

	font-weight:bold;

	clear:left; 

	display:block; 

	float:left; 

	width:150px; 

	padding-right:10px; 

	margin-bottom:0.5em;

}



.callback_frm_input {width:250px;}



/*--------------------------- full application online styles -----------------------*/





#app_frm label {

	font-weight:bold;

	clear:left; 

	display:block; 

	float:left; 

	width:240px; 

	padding-right:10px; 

	margin-bottom:0.5em;

}



.app_frm_input {width:250px;}



#submit_button_app {

	padding:3px 8px 3px 8px;

}



.find_add_btn {

	border:none;

	display:block;

	float:left;

	margin:0 0 0 6px;

}



/*---------------------------------- quick apply form ---------------------------*/



#qa_frm label {

	font-weight:bold;

	clear:left; 

	display:block; 

	float:left; 

	width:180px; 

	padding-right:10px; 

	margin-bottom:0.5em;

}



.qa_frm_input {width:250px;}



#submit_button_qa {

	padding:3px 8px 3px 8px;

}



.frm_quick_apply_input {

	width:180px;

}



/*---------------------------------- quick apply form ---------------------------*/



#callback_frm label {

	font-weight:bold;

	clear:left; 

	display:block; 

	float:left; 

	width:150px; 

	padding-right:10px; 

	margin-bottom:0.5em;

}



.callback_frm_input {width:250px;}



#submit_button_callback {

	padding:3px 8px 3px 8px;

}



/*---------------------------------- News Page Styles ----------------------------*/



#latest_news_page {margin:10px 0 0 0;}



.news_listing {

	margin:0 0 20px 0;

	width:530px;

}



.news_image {

	width:60px;

	float:left;

}



.newsimg {

	width:60px;

	border:1px solid #ccc;

}



.news_info {

	width:465px;

	float:right;

}



.gadget_news_story {

	padding:0 0 8px 0;

}



.main_news_image {

	width:150px;

	float:left;

	border:1px solid #ccc;

	margin:0 10px 10px 0;

}



#news_search {

	margin:5px 0 0 0;

	background-color:#F7F7F7;

	border:1px solid #DADADA;

	padding:0 0 0 10px;

}



#news_search_frm label {

	font-weight:bold;

	clear:left; 

	display:block; 

	float:left; 

	width:70px;  

	padding-right:10px; 

	margin-bottom:0.5em;

}



#news_search_btn {

	padding:3px 8px 3px 8px;

	width:70px;

}