@import url("fonts.css");
@import url("slider.css");
@import url("tables.css");
 
body {
    background: #f1f1f1;
    text-align: center;
    margin:0px; padding: 0px;
}

#adverts {

}
#indexmain {
	padding-top: 20px;
}
#container, #main {
    background: url('images/bgmid.gif') repeat-Y top left;
    width: 870px;
    margin: 0px auto;
	overflow: hidden;
    text-align: left;
	padding: 0px;
}
#header {
	background: url('images/bgfoothead.gif') no-repeat bottom center;
	padding-bottom: 10px;
	float: left;
	width: 870px;
}
#content {
    float: right;
    margin: 0px 10px 10px 0px;
	width: 670px;
	background: url('images/contentbg.gif') no-repeat bottom left;
	display: inline;
}
#contentvcm {
	float: right;
	margin: 0px 10px 10px 0px;
	width: 670px;
	background: url('images/contentbgleft.gif') repeat-Y top left;
}
#contentvcmfoot {
	background: url('images/contentbg.gif') no-repeat bottom left;
	height: 20px;
}
#content h2 {
	clear: left;
}
#pagespan {
	margin: 20px;
	display: block;
}
#contentsession {
	clear: both;
	float: left;
	width: 650px;
	margin: 10px 40px 10px 180px;
	display: inline;
}

#title h1 a {
	height: 100px;
	width: 180px;
	
}
#footer {
    margin-top: 40px;
    font-size: 80%;
	background: url('images/bgfoot.gif') no-repeat bottom center;
	clear: both;
}
#footerhead {
	background: url('images/bgfoothead.gif') no-repeat bottom center;
	float: left;
	width: 870px;
	padding-bottom: 80px;
}
#footerhead div {
	margin-left: 40px;
	margin-right: 40px;
}
#footer p {
    margin-left: 40px;
    margin-right: 40px;
	text-align: center;
}
#footerfoot {
	background: url('images/bgfootfoot.gif') no-repeat bottom center;
	height: 20px;
}
#illustrationvcm {
	background: url('images/contentbgleft.gif') repeat-Y top left;
}
#title {
	float: left;
}
#title h1 {
    background: url('images/logo.jpg') no-repeat top left;
    height: 70px;
    width: 170px;
    float: left;
    text-indent: -1000em;
	cursor: hand;
	margin: 0px;
	margin-top: 6px;
	margin-left: 30px;
	padding: 0px;
	display: inline;
}

#menu {
	float: right;
	display: inline;
	margin-right: 30px;
	width: 500px;
}

#menu a {
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	background: url('images/whitebtnleft.gif') no-repeat left top;
	display: block;
	float: right;
	overflow: hidden;
	margin-top: 27px;
}
#menu a span {
	display: block;
	background: url('images/whitebtnright.gif') no-repeat right top;
	padding: 0px 20px;
	color: #fff;
	font-weight: bold;
}

.Delete2ndApp {
	height: 19px;
	line-height: 19px;
	padding-left: 20px;
	background: url('images/delete-cross.jpg') no-repeat left top;
}

.informationpackdownload, .informationpackdownload_disabled {
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	background: url('images/whitebtnleft.gif') no-repeat left top;
	display: block;
	float: left;
	overflow: hidden;
}
.redbutton {
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	background: url('images/redbtnleft.gif') no-repeat left top;
	display: block;
	float: left;
	overflow: hidden;
}
.redbutton span {
	display: block;
	background: url('images/redbtnright.gif') no-repeat right top;
	padding: 0px 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none !important;
}
.informationpackdownload:hover, .informationpackdownload_disabled {
	background: url('images/whitebtnleftover.gif') no-repeat left top !important;
}
.informationpackdownload span, .informationpackdownload_disabled span {
	display: block;
	background: url('images/whitebtnright.gif') no-repeat right top;
	padding: 0px 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none !important;
}
.informationpackdownload:hover span, .informationpackdownload_disabled span {
	background: url('images/whitebtnrightover.gif') no-repeat right top !important;
}

.registerbutton {
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	background: url('images/whitebtnleft.gif') no-repeat left top;
	display: block;
	float: right;
	overflow: hidden;
	padding-right: 10%
}


.orangebtn {
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	background: url('images/orangebtnleft.gif') no-repeat left top;
	display: block;
	float: left;
	overflow: hidden;
}
.orangebtn span {
	display: block;
	background: url('images/orangebtnright.gif') no-repeat right top;
	padding: 0px 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none !important;
}


#menu a:hover span {
	color: orange;
}
#mainmenu {
	margin: 25px 0px 0px 30px;
	display: inline;
	width: 140px;
	float: left;
}
#mainmenu a {
	display: block;
	margin-bottom: 6px;
	padding-left: 24px;
	text-decoration: none;
	font-weight: bold;
}
#mainmenu a.selected {
	text-decoration: underline;
}
#menu_home {
	background: url('images/icons/jehome.gif') no-repeat left center;
}
#menu_profile {
	background: url('images/icons/profiles.gif') no-repeat left center;
}
#menu_property {
	background: url('images/icons/properties.gif') no-repeat left center;
}
#menu_illustrations {
	background: url('images/icons/illustrations.gif') no-repeat left center;
}
#menu_downloads {
	background: url('images/icons/downloads.gif') no-repeat left center;
}
.menuIndent {
	margin-left: 10px;
	border-left: 1px dotted #666;
}
.menuIndent a {
	background: url('images/icons/indent.gif') no-repeat left center;
}
#statusmenu {
	margin: 25px 0px 0px 30px;
	display: inline;
	padding: 0px;
	width: 130px;
	float: left;
}
#statusmenu a {
	float: left;
	width: 130px;;
	text-align: center;
	text-decoration: none;
	padding-top: 20px;
	background: url('images/bluebtntop.gif') no-repeat top center;
}
#statusmenu a span {
	background: url('images/bluebtnbottom.gif') no-repeat bottom center;
	display: block;
	padding: 0px 7px 20px 7px;
	color: #fff !important;

}
#statusmenu a:hover span {
	color: orange;
}
#statusmenu a.selected {
	background: url('images/orangebtntop.gif') no-repeat top center;
	color: #fff;
	font-weight: bold;
}
#statusmenu a.selected span {
	background: url('images/orangebtnbottom.gif') no-repeat bottom center;
}
#statusmenu a.selected:hover span {
	color: #029;

}
.downarrow {
	float: left;
	width: 100%;
	background: url('images/downarrow.gif') no-repeat center center;
	height: 24px;
}
.submenu {
    margin-right: 10px;
}

#helpicon, #helpicon a{
    float: right;
}

#helpiconEG a{
}

#helpicon a:hover {	
}

.backbutton a {
	margin-top: 19px;
	display: block;
	background: url('images/SILKICONS/BackToPrevious.gif') no-repeat 0px 2px;
	padding-left: 19px;
	padding-bottom: 13px;
	float: left;
	text-decoration: none;
}
.backbutton a:hover {

}

.upbutton a {
	margin-top: 19px;
	float: right;
	background: url('images/SILKICONS/BackToTop.gif') no-repeat center left;
	padding-left: 19px;
	display: block;
	margin-bottom: 17px;
	text-decoration: none;
}
hr {
	clear: both;
}

#profilestatus{
	font-size:80%;
}
	#profilestatus .title{display:block;font-weight:bold;color:#555;}
	#profilestatus .future{color:#ccc;}
	#profilestatus .current{color:red;font-weight:bold;}				
#EULA{
	font-size:80%;
	height:80px;
	overflow: auto;
	border: 1px solid #555;	
	margin-bottom:20px;
}
#EULA p{
	padding: 0 10px;
}
#errormessage {
	color: #f00;
}
.error {
	color: #f00;
}


#illustration {
	margin-top: 16px;
}

#disclaimer {
	height: 250px;
	overflow: scroll;
	margin-top: 16px;
}

#totaloutgoingtemp, #monthlypaymenttemp, #calcMortgage, #totaltorepay, #monthlypaymentio, #totaloutgoingiotemp {
	background: white;
	color: #000;
	border: none;
	width: 120px;
}

#totaloutgoingtemp {
	font-weight: bold;
}

#EmploymentTypePrompt {
	float: right;
	width: 160px;
}

#ProfileFormNotice, #AdverseCreditFormNotice, #AssetsLiabilitiesFormNotice, #EmploymentFormNotice {
	margin-bottom: 10px;
	text-align: justify;
}

#IllustrationPropertyInfo {
	float: left;
	width: 322px;
	
}

#IllustrationTabPrompt {
	float: left;
	width: 200px;
	background: #ccc;
	padding: 6px;
	text-align: justify;
	margin-bottom: 6px;
}
#tipbox {
	float: left;
	width: 200px;
	border: 2px solid orange;
	color: blue;
	font-weight: normal;
	padding: 6px;
	text-align: justify;
	vertical-align: top;
}
#tipbox p {
	margin: 0px 0px 3px 0px;
}
#statusMenu {
background: #fff;
float: right;
width: 660px;
margin-right: 10px;
margin-bottom: 10px;
}

#primaryprofilestatus, #secondaryprofilestatus {
	float: left;
	width: 260px;
	margin-right: 10px;
	background: url('images/psbgtop.gif') no-repeat top center;
	padding: 10px 0px 0px 0px;
	margin-top: 3px;
}
#primaryprofilestatus.selected, #secondaryprofilestatus.selected {
	background: url('images/psbgtopselected.gif') no-repeat top center;
}
#primaryprofilestatus span, #secondaryprofilestatus span {
	display: block;
	overflow: visible;
	background: url('images/psbgfoot.gif') no-repeat bottom center;
	padding: 0px 0px 10px 0px;
}
#primaryprofilestatus a, #secondaryprofilestatus a {
	display: block;
}
#primaryprofilestatus h1, #primaryprofilestatus a, #primaryprofilestatus p, 
#secondaryprofilestatus h1, #secondaryprofilestatus a, #secondaryprofilestatus p {
	margin: 2px 20px;
}
#primaryprofilestatus h1, #secondaryprofilestatus h1 {
	font-size: 1.2em;
	background: url('images/icons/profiles.gif') no-repeat left center;
	padding-left: 24px;
}
.completed {
	color: red !important;
	background: url('images/tick.gif') no-repeat top right;
}

#tabmenu {
	clear: both;
	background: url('images/tabbg.gif') #fff no-repeat top left;
	height: 32px;
	overflow: hidden;
	padding-left: 10px;
}
#tabmenu a {
	float: left;
	padding: 0px 10px 0px 0px;
	background: url('images/taboffright.gif') no-repeat top right;
	line-height: 32px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.0em;
}
#tabmenu a span {
	display: block;
	padding: 0px 0px 0px 10px;
	background: url('images/taboffleft.gif') no-repeat top left;
}
#tabmenu a.selected {
	background: url('images/tabonright.gif') no-repeat top right;
}
#tabmenu a.selected span {
	background: url('images/tabonleft.gif') no-repeat top left;
}

#mb {
	float: right;
}
#mb a {
	text-indent: -1000em;
	background: url('images/mb.gif') no-repeat top right;
	display: block;
	width: 52px;
	height: 59px;
	margin-right: 30px;
	margin-left: 20px;
	margin-top: 5px;
}

.mand {
	background: orange;
}
.orangetext {color: orange;
			font-weight: bold;
}
.standardoptionlinks {
	clear: both;
}
#monetarydeposit {
	margin-left: 10px;
	margin-top: 3px;
	font-weight: bold;
	color: red;
	float: left;
	display: inline;
}
#printlogo {
	display: none;
}

#searchdiv {
	background: url('images/searchbox_top.gif') no-repeat top center;
	width: 630px;
	padding-top: 20px;
	margin-top: 30px;
	clear: both;

}
		#searchdiv table {
		border: none;
		margin-left: 80px;
		
	}
	#searchdiv table td {
		border: none;
		padding: 2px 20px 2px 10px;
		margin: 0px;
	}
#searchdivfoot {
	background: url('images/searchbox_foot.gif') no-repeat bottom center;
	height: 20px;
	clear: both;

}
#details_header {
	margin: 10px auto;
	
}
#details_mainimage {
	text-align: center;
	vertical-align: center;
	width: 100%;
	height: 340px;
	background: #eee;
}
#details_thumbnails {
	width: 100%;
	height: 100px;
	text-align: center;
	margin: 5px;
}
#details_thumbnails img {

	margin: 5px;
	cursor: pointer;
}
#details_status {
	float: left;
	width: 390px;
	height: 190px;
	margin: 0px;
}
#details_status table {
	margin: 0px;
	border: 1px;
	border-color: #0000FF;	
	width: 100%;
}
#details_status table th{
	background: #ddd;
}
#details_address {
	float: left;
	width: 205px;
	margin: 10px;
}
#details_features {
	float: left;
	width: 220px;
	margin: 5px;
}
#details_features span {
	float: left;
	width: 180px;
}
#details_description {
	clear: both;
	margin: 5px;
	width: 630px;
	border: 1px;
	border-color: #0000FF;
	overflow: hidden;
}
.1stReserveOrange {
	background: url('images/1stReserveOrange.jpg');
	margin: 1px 1px;
	float: left;
}
.1stReserve {
	background: url('images/1stReserve.jpg');
	margin: 1px 1px;
	float: left;
}
.2ndReserveOrange {
	background: url('images/2ndReserveOrange.jpg');
	margin: 1px 1px;
	float: left;
}
.2ndReserve {
	background: url('images/2ndReserve.jpg');
	margin: 1px 1px;
	float: left;
}
.3rdReserveOrange {
	background: url('images/3rdReserveOrange.jpg');
	margin: 1px 1px;
	float: left;
}
.3rdReservation {
	background: url('images/3rdReserve.jpg');
	margin: 1px 1px;
	float: left;
}