﻿/* CSS Document */

html{min-height:100%;background-color:#0E2340;}

body{min-height:100%;background:url('/images/common/home-background.jpg') no-repeat top center;font:0.80em arial, helvetica, sans-serif;line-height:150%;color:#fff;margin:0;padding:100px;}

img, div{behavior:url(../include/iepngfix.htc);}

.clear{clear:both;height:25px;}

.three-space{clear:both;height:5px;}

.space {line-height:200%;}

/* LAYOUT */

#global{}

#header{width:960px;height:68px;margin:0 auto;text-align:left;}

#logo{width:205px;height:33px;background:url('/images/common/property-pass-logo.png') no-repeat top left;display:block;float:left;margin:18px 0 0 0;position:relative;}
#logo a{text-indent:-1000px;overflow:hidden;display:block;width:205px;height:33px;}

#content-holder{width:960px;margin:0 auto;background:url('/images/common/left-right-border.png') repeat-y;text-align:left;}

#top-rule{width:960px;height:10px;margin:0 auto;background:url('/images/common/white-transparent.png') repeat;}

#bottom-rule{width:960px;height:10px;margin:0 auto;background:url('/images/common/white-transparent.png') repeat;}

#content{width:890px;background:url('/images/common/black-transparent.png') repeat;margin:0 10px 0 10px;padding:25px;display:inline-block;}

#card-corners{background:url('/images/home/card-corners.png') no-repeat;position:absolute;z-index:2;width:265px;height:150px;margin:65px 0 0 -2px;}

/* TYPOGRAPHY */

.latest p {padding:5px 0 5px 0;font-size:90%;}
.latest h1 {font-size:140%;padding-top:18px;}
.latest h2 {font-size:100%;padding-top:5px;color:#BFB19B;font-weight:bold;}
.latest span{font-size:90%;font-weight:bold;}
a{color:#f7931d;font-weight:bold;font-size:90%;text-decoration:none;}
a:hover{text-decoration:underline;}
#left-column h3 {font-size:120%;margin:0 0 15px 0;color:#f7931d;font-weight:bold;border-bottom:1px solid #bfb19b;}
#left-column li {list-style-image:url('/images/common/orange-bullet.png');list-style-position:outside;margin:5px 0 5px -20px;}
#profile h1 {font-size:200%;color:#f7931d;margin:60px 0 10px 0;}
#right-text h2 {font-size:120%;font-weight:bold;color:#f7931d;margin:0 0 5px 0;}

/* FULL COLUMN */

#full-column{width:890px;}
#uk{width:890px;height:247px;background:url('/images/how/UK.png') no-repeat;}
.frames-full{width:870px;padding:10px;background:url('/images/common/white-transparent2.png') repeat;display:block;position:relative;}

#relationship-full{width:870px;height:79px;background:url('/images/how/relationship-vertical.jpg') no-repeat top left;}
#relationship-full a{text-indent:-1000px;overflow:hidden;display:block;width:870px;height:79px;}

#top-tips-full{width:870px;height:79px;background:url('/images/member/top-tips-vertical.jpg') no-repeat top left;}
#top-tips-full a{text-indent:-1000px;overflow:hidden;display:block;width:870px;height:79px;}

#left-text{width:277px;float:left;}
#right-text{width:277px;float:right;}

.left-text{width:277px;float:left;}
.right-text{width:277px;float:right;}

.left-how-text{float:left;padding:20px;}
.right-how-image{float:right;}

/* LEFT SECTION */

#left-column{width:605px;float:left;}
#main-image{width:585px;padding:10px;background:url('/images/common/white-transparent2.png') repeat;display:block;}
#scroller{width:585px;height:240px;background:url('/images/home/scroller-image.jpg');display:block;}
#left-column strong{display:none;}
#right-column strong{display:none;}
.horizontal-divider{width:100%;height:1px;background-color:#ffffff;opacity:0.2;filter:alpha(opacity=20);margin:0;clear:both;}
#latest-container{width:605px;}
.vertical-divider{width:1px;background-color:#ffffff;opacity:0.2;filter:alpha(opacity=20);margin:0 24px 0 24px;float:left;}
.latest{width:277px}

/* IMAGE FIELDS */

#about-image{width:585px;height:240px;background:url('/images/about/about-us-image.jpg');display:block;}
#how-image{width:585px;height:240px;background:url('/images/how/how-it-works-image.jpg');display:block;}
#exclusive-image{width:585px;height:240px;background:url('/images/exclusive/exclusive-properties-image.jpg');display:block;}
#membership-image{width:585px;height:240px;background:url('/images/membership/membership-image.jpg');display:block;}
#member-image{width:585px;height:240px;background:url('/images/member/member-image.jpg');display:block;}
#ICON{width:585px;height:240px;background:url('/images/member/properties/ICON/ICON-image.jpg');display:block;}
#KEW{width:585px;height:240px;background:url('/images/member/properties/KEW/kew-main.jpg');display:block;}

#thumbnails{width:260px;}

/* RIGHT SECTION */

#right-column{width:260;float:right;margin-left:25px;}
.frames{width:240px;padding:10px;background:url('/images/common/white-transparent2.png') repeat;display:block;position:relative;}

#sign-up{width:240px;height:240px;background:url('/images/home/sign-up.jpg');display:block;}
#opportunity{width:260px;text-align:center;font-size:115%;color:#00AEEF;line-height:140%;}

#relationship{width:240px;height:133px;background:url('/images/home/relationship-manager.jpg') no-repeat top left;}
#relationship a{text-indent:-1000px;overflow:hidden;display:block;width:240px;height:133px;}

#offer{width:216px;background-color:#606060;padding:12px;}
#offer2{width:237px;background-color:#606060;padding:10px;}
#offer2 span{color:#FFFFFF;}

#discount{width:237px;background:url('/images/relationship/discount-background.jpg') repeat-x;padding:10px;background-color:#22404A;}
#discount span{color:#FFFFFF;}

#hot-properties{width:220px;background:url('/images/member/hot-properties-background.png') repeat-x;padding:10px;display:block;}
#hot-properties2{width:220px;height:82px;background:url('/images/member/hot-properties-background.png') repeat-x;padding:10px;display:block;}

#mortgage{width:237px;padding:10px;background-color:#6b3f31;}

#TV{width:237px;padding:10px;background-color:#f7931d;}

#sign-up-now{width:212px;height:184px;background:url('/images/relationship/sign-up-card.png') no-repeat top left;margin:-30px -30px 0 0;}
#sign-up-now a{text-indent:-1000px;overflow:hidden;display:block;width:212px;height:184px;}

#hot-properties-woman{background:url('/images/member/relationship-woman.png') no-repeat right;position:absolute;z-index:2;width:250px;height:150px;margin:-36px 0 0 0;}

#profile{width:210px;height:210px;background:url('/images/member/properties/radial-gradient.jpg');display:block;padding:15px;}

#register{width:240px;height:89px;background:url('/images/member/properties/register-background.jpg') repeat-x;text-align:center;}

/* NAVIGATION */

#navigation {width:610px; height:12px;margin:0;padding:0;position:relative;top:16px;right:0;float:right;}
#navigation li {display:block; list-style:none; position:absolute; right:0; top:0;}
#navigation li, #navigation a {display:block; height:12px; }
#navigation strong {display:none;}
#navigation a span {display:block; width:0; height:0; overflow:hidden; text-indent:-1000px; }
#navigation #nitem1 {background: url('/images/common/home-button.png') no-repeat left top; left:0; width:37px;}
#navigation #nitem2 {background: url('/images/common/how-it-works-button.png') no-repeat left top; left:62px; width:95px;}
#navigation #nitem3 {background: url('/images/common/exclusive-properties-button.png') no-repeat left top; left:182px; width:146px;}
#navigation #nitem4 {background: url('/images/common/membership-button.png') no-repeat left top; left:353px; width:84px;}
#navigation #nitem5 {background: url('/images/common/about-us-button.png') no-repeat left top; left:462px; width:65px;}
#navigation #nitem6 {background: url('/images/common/contact-button.png') no-repeat left top; left:552px; width:58px;}
#navigation #nitem1:hover {background:url('/images/common/home-button.png') no-repeat 0 -13px; }
#navigation #nitem2:hover {background:url('/images/common/how-it-works-button.png') no-repeat 0 -13px; }
#navigation #nitem3:hover {background:url('/images/common/exclusive-properties-button.png') no-repeat 0 -13px; }
#navigation #nitem4:hover {background:url('/images/common/membership-button.png') no-repeat 0 -13px; }
#navigation #nitem5:hover {background:url('/images/common/about-us-button.png') no-repeat 0 -13px; }
#navigation #nitem6:hover {background:url('/images/common/contact-button.png') no-repeat 0 -13px; }

#hiw {width:598px; height:22px;margin:0;padding:0;position:relative;right:0;float:right;}
#hiw li {display:block; list-style:none; position:absolute; right:0; top:0;}
#hiw li, #hiw a {display:block; height:22px; }
#hiw strong {display:none;}
#hiw a span {display:block; width:0; height:0; overflow:hidden; text-indent:-1000px; }
#hiw #hitem1 {background: url('/images/how/stages.png') no-repeat left top; left:0; width:47px; background-position:0 0; }
#hiw #hitem2 {background: url('/images/how/stages.png') no-repeat left top; left:87px; width:155px; background-position:-87px 0; }
#hiw #hitem3 {background: url('/images/how/stages.png') no-repeat left top; left:283px; width:68px; background-position:-283px 0; }
#hiw #hitem4 {background: url('/images/how/stages.png') no-repeat left top; left:391px; width:85px; background-position:-391px 0; }
#hiw #hitem5 {background: url('/images/how/stages.png') no-repeat left top; left:516px; width:82px; background-position:-516px 0; }
#hiw #hitem1:hover {background:url('/images/how/stages.png') no-repeat 0 -22px; }
#hiw #hitem2:hover {background:url('/images/how/stages.png') no-repeat -87px -22px; }
#hiw #hitem3:hover {background:url('/images/how/stages.png') no-repeat -283px -22px; }
#hiw #hitem4:hover {background:url('/images/how/stages.png') no-repeat -391px -22px; }
#hiw #hitem5:hover {background:url('/images/how/stages.png') no-repeat -516px -22px; }

#login {width:500px;float:right;}
#login a span {display:block; width:0; height:0; overflow:hidden; text-indent:-1000px; }
#login a{width:55px;height:22px;background:url('/images/common/login.png') no-repeat left top;margin:0;padding:0;position:relative;float:right;right:0;display:block;}
#login a:hover{background:url('/images/common/login.png') no-repeat 0 -22px;}

#logout {width:157px; height:22px;margin:0;padding:0;position:relative;right:0;float:right;}
#logout li {display:block; list-style:none; position:absolute; right:0; top:0;}
#logout li, #logout a {display:block; height:22px; }
#logout strong {display:none;}
#logout a span {display:block; width:0; height:0; overflow:hidden; text-indent:-1000px; }
#logout #litem1 {background: url('/images/common/logout.png') no-repeat left top; left:0; width:89px;}
#logout #litem2 {background: url('/images/common/logout.png') no-repeat left top;background-position:-90px 0;left:90px; width:67px;}
#logout #litem1:hover {background:url('/images/common/logout.png') no-repeat 0 -22px; }
#logout #litem2:hover {background:url('/images/common/logout.png') no-repeat -90px -22px; }

/* FOOTER */

#footer{width:960px;margin:0 auto;text-align:right;padding:12px 0 12px 0;color:#FFFFFF;font-size:90%;opacity:0.3;filter:alpha(opacity=30)}
#footer a{font-weight:bold;text-decoration:none;color:#FFFFFF;font-size:100%;}

/* SLIDER HOME */

.sliderpanel							{ width: 585px; height:240px; position: relative; }
.slider-wrap							{ width: 585px; }
			
.stripViewer .panelContainer .panel .wrapper		{ float: left; }
.stripViewer .panelContainer .panel .description	{ width: 585px; }

.stripViewer							{ position: relative; overflow: hidden; width: 585px; height: 240px; }
.stripViewer .panelContainer			{ position: relative; }
.stripViewer .panelContainer .panel		{ float: left; width: 585px; }
.stripNavL, .stripNavR, .stripNav		{ display: none; }

.nav-thumb 								{ height: 37px; }
.cross-link								{ }
.active-thumb p 						{ color:#f7931d; background:url(/images/home/white-arrow.png) no-repeat; }

#numbers								{ width: 585px; height: 37px; position: absolute; top: 203px; background:url(/images/common/black-transparent.png) repeat; text-transform:uppercase; }
#initial								{ float: left; margin: 0 0 0 10px;  }
#featurelist div 						{ float: left; height: 37px; }
#numbers div a 							{ display:block; text-align:center; color:#fff; line-height:37px; margin-right:20px; }
#numbers div a:hover 					{ /* color:#f7931d;*/ text-decoration: none; }
