﻿body { font-family: Heveltica, Arial; font-size: 0.75em; color: #666; background-color: #ffffff; padding: 0; margin: 0; }

/* div { border: 1px solid green; } */

/* */
.clearBoth { clear: both; height: 0px !important; line-height: 0 !important; margin: 0 !important; padding: 0 !important; }
.clearLeft { clear: left; height: 0 !important; }
.clearRight { clear: right; height: 0 !important; }
.margin0 { margin: 0; }
.marginLeft10 { margin-left: 10px; }
.marginLeft20 { margin-left: 40px; }
.marginBottom { margin-bottom: 10px; }
.marginRight10 { margin-right: 10px; }
.marginTop05 { padding-top: 10px !important; }
.marginTop10 { padding-top: 30px !important; }
.padding0 { padding: 0; }
.padding5 { padding: 5px; }
.padding10 { padding: 0px 10px; }
.paddingLeft10 { padding-left: 30px; }
.padding102 { padding: 10px 10px 0px 10px; }
.floatRight { float: right; }
.floatLeft { float: left; }
.width50per { width: 50%; }
.w45 { width: 45px; display: inline-block; }
.maxWidth { width:100% !important; }
.hidden { width: 0; height: 0; display: none; }
.error { color: #900 !important; font-weight: bold !important; }

/* helpers */
.border1 { border: 1px solid green; }
.border2 { border: 1px solid red; }
.border3 { border: 1px solid blue; }
.dashBottom { border-bottom: 1px dashed #dddddd; }

.purple { color: #7C164B !important; }
.lightPurple { color: #E8DAE1 !important; }
.gray, .pgray span { color: #666666 !important; }
.green { color: #899C30 !important; }
.lgreen, lgreen a { color: #899C30 !important; }
.purpleLink { background-image: url('/images/rightBlp2.gif'); background-position: left; background-repeat: no-repeat; padding-left: 10px; text-decoration: none; }
.greenLink { background-image: url('/images/rightBlp3.gif'); background-position: left; background-repeat: no-repeat; padding-left: 10px; text-decoration: none; }
.greenLinkH4 { background-image: url('/images/rightBlp4.gif'); background-position: left; background-repeat: no-repeat; padding-left: 10px; text-decoration: none; }
.red { color: Red !important; }

/* buttons */
.buttonPurple { background-color: #7C164B; color: #ffffff; font-weight: bold; border: 0; padding: 1px 5px; margin-right: 1px; }
.linkButtonPurple { background-color: #7C164B; color: #ffffff; font-weight: bold; border: 0; padding: 3px 6px; display: inline-block; margin: 2px; }
.chkReview { color: #7C164B; margin-bottom: 5px; }

/* elements */
h1 { }
h2 { padding: 10px; margin: 0; color: #7D0049; font-size: 1.75em; }
h3 { color: #899C30; font-size: 1.5em !important; }
h4 { color: #899C30; font-size: 1.1em !important; padding: 3px 0px; margin: 0; }
h5 { }
p { margin: 0; padding: 5px 0px; vertical-align: top; }
div { }
a { text-decoration: none; }
a:hover { text-decoration: none; }
hr { color: #dddddd; height: 1px; margin: 2px 0px; }

/* input controls */
.txtBox1 { padding: 3px; border: none; width: 160px; margin-bottom: 6px; }
.txtBox2 { padding: 3px; border: none; width: 200px; margin-bottom: 6px; }
.txtBox3, .waterMarkTxt { color: #666 !important; padding: 3px; border: none; width: 210px; margin-bottom: 6px; }

/* layout */
#container { margin-left: 5px; width: 998px; }
#leftCol { float: left; width: 240px; }
#mainCol { float: left; width: 750px; }
#banner { width: 100%; height: 125px; background-image: url('/images/bannerPlaceHolder.gif' ); border-bottom: 1px solid #ffffff; }
#bannerOffPadding { height: 125px; }
#content { width: 100%; min-height: 400px; }
#content { }
#mainColLeft { width: 500px; float: left; }
#mainColRight { width: 250px; float: left; }
/* #mainColRight .moreInfo { float: right; } */

#footer { font-size: 0.8em; color: #666; height: 20px; margin-top: 10px; clear:both;}
#footer a { color: #666; text-decoration: none; }
#footer ul { margin: 0; padding: 0; }
#footer ul li { list-style-type: none; display: inline; }

/* content */
#contentInner { padding-left: 80px; padding-right: 25px; }
#contentInner h3 { font-size: 1.2em; margin: 10px 0; padding: 0; }
#contentInner p { margin: 0; padding: 0; color: #666; }

/* controls - general */
.sectionHead { height: 20px; border-bottom: 2px solid #ffffff; padding-top: 15px; padding-left: 10px; margin-top: 0 !important; }
.sectionHead span { font-weight: bold; }
.sectionBody { padding-left: 10px; border-bottom: 1px solid #ffffff; height:128px}
.sectionBody ul { padding: 0; margin: 0; }
.sectionBody ul li { list-style-type: none; margin-bottom: 3px; }
.sectionBody ul li a { font-weight: bold; text-decoration: none; }
.sectionBody ul li a:hover { color: #ffffff; }
.sectionBody div p { display: inline-block; padding-right: 10px; }

/* controls - main menu */
#mainMenu { }
#mainMenu .sectionHead { background-color: #7C164B; }
#mainMenu .sectionHead span { color: #E7DAE1; }
#mainMenu .sectionBody { background-color: #7C164B; }
#mainMenu .sectionBody ul { padding-top: 10px; padding-bottom: 25px; }
#mainMenu .sectionBody ul li { }
#mainMenu .sectionBody ul li a { color: #E7DAE1; }
#mainMenu .selected { color: #ffffff !important; background-image: url( '/images/rightBlp1.gif' ); background-position: left center; background-repeat: no-repeat; padding-left: 10px; font-weight: bold; }
#mainMenu .sectionBody ul li a:hover { }

/* controls - featured home */
#featureHome { }
#featureHome .sectionHead { background-color: #A5BC39; }
#featureHome .sectionHead span { color: #ffffff; }
#featureHome .sectionBody { background-color: #A5BC39; }
#featureHome img { float: left; width: 100px; height: 100px; margin: 5px 5px 5px 0px; }
#featureHome p { margin: 0px; padding: 5px 0px; color: #ffffff; font-weight: bold; }
#featureHome p a { color: #ffffff; font-weight: bold; }
#featureHome a { color: #ffffff; }

/* controls - postcode search */
#postcodeSearch { margin: 0px; }
#postcodeSearch .sectionHead { background-color: #A5BC39; padding-top: 15px; margin: 0px;}
#postcodeSearch .sectionHead span { color: #ffffff; }
#postcodeSearch .sectionBody { background-color: #A5BC39; }
#postcodeSearch p { margin: 0; padding: 10px 10px 10px 0px; color: #ffffff; font-weight: bold; }

/* controls - advanced search */
#advancedSearch { margin-top: 0px; }
#advancedSearch .sectionHead { background-color: #E8DAE1; padding-top: 15px; }
#advancedSearch .sectionHead span { color: #7C164B; }
#advancedSearch .sectionBody { background-color: #E8DAE1; }
#advancedSearch p { margin: 0; padding: 10px 0px; color: #7C164B; font-weight: normal; }

/* controls - call back */
#callBack { }
#callBack .sectionHead { background-color: #E8DAE1; }
#callBack .sectionHead span { color: #7C164B; }
#callBack .sectionBody { background-color: #E8DAE1; }
#callBack p { margin: 0; padding: 10px 0px; color: #7C164B; font-weight: normal; }
#callBackThanks { background-image: url('/images/CallBackThanks.gif' ); background-repeat: no-repeat; width: 155px; height: 100px; margin: 0px 3px; padding: 10px 0px; }
#callBackThanks p { color: #ffffff; font-size: 0.9em; width: 115px; height: 80px; margin: 5px 3px 5px 5px; padding: 0px; }

/* sub navigaiton */
#subMenu { height: 25px; background-color: #E4EBC4; color: #899C30; padding-left: 10px; padding-top: 10px; font-weight: bold; }
#subMenu A {color: #899C30}
#subMenu A:hover {text-decoration: underline}

/* maps - home page, search results */
#map { width: 498px; height: 390px; margin: 10px 1px; }
.mapLrg { width: 100%; height: 500px; }

/* list view */
.row { background-color: #ffffff; margin: 0px 0px 0px 0px; }
.altRow { background-color: #E9EDD2 !important; }
.row img { float: left; margin: 5px 5px 5px 5px; border: 0; }
.row div { margin: 5px; padding: 5px; }
.row ul { padding: 0; margin: 0; }
.row ul li { list-style-type: none; display: inline-block; margin-right: 10px; }
.row strong { color: #899C30; }
.row p { color: #666 !important; height: 65px; }
.row p strong { color: #666 !important; }
.so, .soAlt { background-image: url('/images/so.png'); background-position: top right; background-repeat: no-repeat; }
.uo, .uoAlt { background-image: url('/images/uo.png'); background-position: top right; background-repeat: no-repeat; }

.fixWidthCol { width: 220px; display: inline-block; }
.pngClear { float: none !important; height: 9px; width: 5px; margin: 0px 4px 0px 8px!important;}

/* pager */
.pnlPager { float: right; }
.pnlPager a { margin-left: 10px; width: 40px; color: #899C30; }
.pnlPager span { margin-left: 10px; width: 40px; }

/* details view header */
.detailsHeader 
{
	/*margin-left: 80px; */
	margin-bottom: 10px; }
.detailsHeader strong { color: #899C30; font-size: larger;}
.detailsHeader p { color: #666 !important; }

/* property details */
.detailsImages { }
.detailsImages div { float: right; }
#propertyDetailsToolbar { }
#propertyDetailsToolbar ul { margin: 0; padding: 0; }
#propertyDetailsToolbar ul li { list-style-type: none; display: inline; margin-right: 5px; }
#propertyDetailsToolbar img { border: 0; }
.detailsBody { margin: 20px 0px 0px 80px; }
.detailsBody p { color: #666; }
.moreInfo { height: 120px; margin: 10px 0px 0px 5px; float: right; padding: 0px 80px 0px 0px; }
.moreInfo strong { color: #E21D38; font-size: 1.1em; width: 140px; display: block; }
.moreInfo p { width: 135px; }
.moreInfo p strong { color: #666 !important; }

/* Seller logo */
#divSeller { border: 2px solid #899C30; height: 130px; width: 420px; }
#sellerLogo { float: left; width: 160px; }
#sellerDetails { float: left; width: 260px; color: #ffffff; background-color: #B6C65D; height: 130px;}
#sellerDetails .pad { padding: 10px; }
#sellerDetails .larger { font-size: larger; font-weight: bold; }
#sellerDetails .b { font-weight: bold; }
/* this should center align the logo */
.sellerLogoOuter { position:relative; width:150px; height:130px; }
.sellerLogoInner { }


#contentInner { background-image: url('/images/uk.gif' ); background-position: top left; background-repeat: no-repeat; }
#contentInner ul { margin: 0px; padding: 0px; }
#contentInner li { list-style-type: none; margin: 5px 0px; background-image: url('/images/rightBlp4.gif' ); background-position: top left; background-repeat: no-repeat; }
#contentInner ul li a { margin-left: 5px; padding-left: 10px; text-decoration: none; color: #899C30; }
#contentInner ul li a:active { color: #899C30; }
#contentInner ul li a:visited { color: #899C30; }
#contentInner ul li a:hover { color: #899C30; }

/* ajax dropdown */
#ajaxDDLWrapper { height: 110px; border: 1px solid green; }
.ajax__dropdown_arrow_wrapper { margin: -10px 0px 0px 0px; padding: 0; }

/* gallery images */
.thumbPlotImage { width: 70px; height: 70px; opacity: .6 }
.mainPlotImage { width: 300px; /* height: 190px; */ }

/* map tooltip */
#balloon { margin: 0px; padding: 0px; border: 0px; width: 215px; }
#balloon .top { width: 149px; background-color: #E7A614; height: 5px; }
#balloon .content { width: 144px; height: 60px; background-color: #E7A614; font-family: Helvetica, Arial; font-size: x-small; color: #FFF; float: left; font-size: 14px; padding-left: 5px; padding-bottom: 5px; }
#balloon .rShad { width: 205px; background-image: url('/images/balloon_shadow5x5.png' ); background-repeat: repeat-y; background-position: 149px 0px; }
#balloon .rPoint { width: 20px; float: left; clear: right; }
/* #balloon .rPoint IMG { float: left; border: 0px; padding: 27px 0px 10px 0px; } */
#balloon .rPoint DIV { float: left; border: 0px; padding: 27px 0px 10px 0px; background-image: url('/images/balloon_right.png'); width: 20px; height: 23px; background-repeat: no-repeat; background-position: left center; }
#balloon A { color: #FFF; }
#balloon A:hover { text-decoration: underline; }
#balloon .bShad { width: 149px; clear: right; float: left; height: 5px; background-image: url('/images/balloon_shadow5x5.png' ); background-repeat: repeat-x; }
#balloon .spacer { width: 5px; height: 5px; }
#balloon .regionHead { font-size: 16px; font-weight: bold; }
#balloon .propCount { font-weight: bold; color: #F3D49B; }


/* browser map tooltip */
#balloon2 { margin: 0px; padding: 0px; border: 0px; width: 385px; }
#balloon2 .top { margin-left: 0px; width: 329px; background-color: #E7A614; height: 5px; }
#balloon2 .content { width: 324px; height: 130px; background-color: #E7A614; 
	font-family: Helvetica, Arial; font-size: 1em !important; color: #FFF; 
	float: left; font-size: 14px; padding-left: 5px; padding-bottom: 5px; 
	}
#balloon2 .rShad { width: 385px; background-image: url('/images/balloon_shadow5x5.png' ); 
	background-repeat: repeat-y; background-position: 329px 0px;
	}
#balloon2 .rPoint { width: 20px; float: left; clear: right; }
/* #balloon2 .rPoint IMG { float: left; border: 0px; padding: 70px 0px 10px 0px; } */
#balloon2 .rPoint DIV { float: left; border: 0px; margin-left: 5px; padding: 80px 0px 10px 0px; background-image: url('/images/balloon_left.png'); width: 25px; height: 23px; background-repeat: no-repeat; background-position: left bottom; }
 .pointy { background-image: url('/images/balloon_left.png'); width: 25px; height: 23px; }
#balloon2 A { color: #FFF; }
#balloon2 A:hover { text-decoration: underline; }
#balloon2 .bShad { margin-left: 0px; width: 329px; clear: right; float: left; 
	height: 5px; background-image: url('/images/balloon_shadow5x5.png' ); 
	background-repeat: repeat-x; 
	}
	
#balloon2 .spacer { width: 5px; height: 5px; }
#balloon2 .regionHead { font-size: 16px; font-weight: bold; color: #F3D49B; }
#balloon2 .propCount { font-weight: bold; color: #ffffff; }
#balloon2 .plotImg { float: left; width: 100px; height: 100px; margin: 5px 5px 8px 5px; }
#balloon2 .ftr { margin-left: 5px; } 

#balloon2 .closeImg { float:right; margin-right: 5px; }
#balloon2 A .closeImg  { border: 0px none; }
.tOrange { padding: 0px 2px 0px 5px; }

/* details edit */
.detailsEdit { padding-left: 10px; }
.detailsEdit label, .label1 { width: 130px; display: -moz-inline-box; }
/* see IE specific rule */
.detailsEdit p { padding: 0 !important; margin: 0 !important; }
.detailsEdit p label { vertical-align: top; }
.txtInput { padding: 3px; border: 1px solid #dedede; width: 320px; margin-bottom: 6px; font-family: Verdana, Arial; font-size: 12px;}
.txtInputMulti { padding: 3px; border: 1px solid #dedede; width: 320px; height: 110px; margin-bottom: 6px; }
.txtFileUpload { padding: 3px; border: 1px solid #dedede; width: 320px !important; margin-bottom: 6px; }
.readonly { color: #c0c0c0; }
.ftb { margin-right: 20px; }
.txtFTB { border: 1px solid red; }
.adminControlBox { background-color: #ffffff; border: 1px solid #B6C65D; padding: 10px; width: 180px; }
.adminControlBox A { display: block; margin: 4px;  clear:both; float:left; white-space: nowrap; border-top: solid 2px #C42B7B; border-left: solid 2px #C42B7B; border-bottom: solid 2px #500A2E; border-right: solid 2px #500A2E; }
.adminControlBox LABEL { display: block; margin: 4px;  clear:both; float:left; white-space: nowrap; }
.consoleFloat { display: block !important; margin: 4px;  clear:both !important; float:left !important; white-space: nowrap; }
.mediumImageSize { width: 100px; height: 100px; border: 0; }

/* dropdown list (adv search) */
.dropdown { padding: 3px; border: 1px solid #000000; background-color: #ffffff; width: 225px; margin-bottom: 6px; display: block; cursor: pointer;}
.dropmenu { background: #ffffff; border: 1px solid #000000; width: 225px; padding: 0; margin: 0px 0px 0px -5px; cursor: pointer;}
.ajaxBtn { display: block; color: #000000; padding: 0px 3px; cursor: pointer;}
.ajaxBtn:hover { background-color: #cecece; cursor: pointer;}
.searchBtn2 { float: right; margin-right: 15px; }

#ctl00_ContentPlaceHolderMain_AdvancedSearch1_AjaxDropDownListRegions_DropDownText,
#ctl00_ContentPlaceHolderMain_AdvancedSearch1_AjaxDropDownListPropertyType_DropDownText,
#ctl00_ContentPlaceHolderMain_AdvancedSearch1_AjaxDropDownListRoomNumbers_DropDownText,
#ctl00_ContentPlaceHolderMain_AdvancedSearch1_AjaxDropDownListPriceRanges_DropDownText
{
	background-image: url('/images/searchBtn4.gif');
	background-position: right;
	background-repeat: no-repeat;
}

.noBullet { margin-left: 50px !important; margin-top: 15px !important; }
.noBullet li { list-style-type: disc !important; margin-left: 10px; padding-left: 5px; background-image: none !important; }

/* #mainColRight div { padding-top: 10px; margin-top: 0px; } */
