html		{background: #2d2062}
body		{background: url("../images/topCorners.png") no-repeat 0 0 #fff; margin: 30px auto; width: 929px; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 70%}

h1			{font-weight: normal; color: #2d2062; font-size: 1.6em; margin-top: 0}
h2			{color: #7878da; font-size: 1.4em}
h4			{font-size: 1.1em}


a, a:link, a:visited	{color: #7878da}
a:hover					{color: #2c2ca9}

a img		{text-decoration: none; border: none}
a.emailLink	{background: url("../images/envelope.png") no-repeat 0 50%; padding-left: 25px}

.center	{text-align: center}
.right	{text-align: right}

#container	{background: url("../images/container.png") repeat-y 0 0 #fff;padding-bottom: 20px}
#header		{background: url("../images/header.png") no-repeat 0 0; height: 155px}
#footer		{background: url("../images/footer-repeat.png") repeat-x left bottom; height: 69px; padding: 0 10px 0 20px; border-top: solid 2px #fff}
#page	{padding: 20px}
img#logo	{margin-left: 6px}

#headerContact		{float: right; width: 225px; margin-top: 35px}
#headerContact a	{color: #cdcdf2}
div#branchNames		{width: 120px; float: left}
div#phoneNumbers	{width: 90px; float: left}
#branchNames p		{text-align: right; text-transform: uppercase; color: #cdcdf2; font-weight: bold; margin: 3px 10px 3px 0}
#phoneNumbers p		{color: #fff; margin: 3px 0; font-weight: bold}
div#homeSearch		{height: 194px; background: url("../images/home-search.png") no-repeat 0 0}
div#home			{background: url("../images/home.png") no-repeat 0 0}
div#homeLeft		{width: 390px; padding: 15px; float: left}
div#homeRight		{width: 269px; float: left}
div#home h1			{margin: 0; padding: 0}

img.rightBtn		{border-bottom: solid 3px #fff}


div#left 			{width: 225px; float: left}
div#menu			{background: url("../images/menu.png") no-repeat 0 0}
div#menu ul			{list-style-type: none; margin: 0; padding: 0}
div#menu ul li		{border-bottom: solid 1px #ECECFF}
div#menu ul li a	{display: block; padding: 8px; text-decoration: none; padding-left: 30px; color: #2d2062; background: url("../images/red_bullet.png") no-repeat 10px 50%}
div#menu ul li a:hover	{background: url("../images/red_bullet.png") no-repeat 10px 50% #ECECFF}

div#content			{width: 690px; padding: 8px 5px 0 8px; float: left}

ul#whyWeathersby	{list-style-type: none}
ul#whyWeathersby li	{background: url("../images/tick_bullet.png") no-repeat 0 50%; padding-left: 25px; margin: 12px 0; color: #241b67}

div#quickSearch		{width: 231px; padding: 20px; float: right;}

#flash {

width:419px;
height:100px;
background:#999999;
float:left;

}

div.field			{width: 100%; clear: both; vertical-align: middle; padding: 1px 0}
#quickSearch label	{width: 100px; padding-right: 25px; float: left; text-align: right; vertical-align: middle}
#quickSearch input	{float: left; font-size: 0.95em; vertical-align: middle}
div.field#radios input	{float: none; vertical-align: middle}
div.field#radios		{padding-bottom: 3px; vertical-align: middle}

/** FORMS **/

select		{font-size: 0.95em}
#qsButton	{margin-left: 111px; margin-top: 2px}

/*** FEATURED PROPERTIES ***/

div#featuredProperties	{margin: 0 20px}
div.fp			{width: 150px; float: left; background: url("../images/featuredBg.png") repeat-x left bottom #faf9fb; border: solid 1px #cecef2; margin-right: 14px}
div.fp#lastFp	{margin-right: 0}
div.fpInner		{text-align: center; padding: 5px}
img.fPhoto		{width: 135px; height: 100px; border: solid 1px #a9a9e8}
p.fPriceAndBeds	{font-weight: bold}
span.fPrice		{color: #d72922}
span.fBeds		{color: #2d2062}
p.fAddress		{text-transform: uppercase}

/***/

div#companyInfo		{color: #fff}
div#companyInfo p	{margin: 0; font-size: 0.95em}
table#branchInfo	{width: 100%}
table#branchInfo td	{width: 33%; float: left; padding-top: 25px}

/*********** PARTICULARS ***********/

h1#particularsHeading {margin-bottom: 5px}
h4.floorName	{color: #2d2062; font-size: 1.2em}
.roomName	{font-weight: bold; text-transform: uppercase}
p.roomDescription	{margin-top: 2px}
p#roomsTypePrice {
	text-transform: capitalize;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0;
	padding: 5px 0;
	color: #666;
	background: #edebf3;
}

span#price {
	color: #dc251e;
}

div#particularsLeft {
	width: 430px;
	float: left;
	padding-right: 10px;
}

div#particularsRight {
	width: 210px;
	float: left;
}



div.pBox {
	background: url("../images/pboxbg.png") repeat-x left bottom #fff;
	border: solid 1px #cecef2;
	margin-bottom: 20px
}

div.pBox#aPhotos {
	padding-bottom: 0;
}

div.pBox#aPhotos div {
	width: 170px;
	margin: auto;
	padding-top: 12px
}

div.pBox#aPhotos p {margin-bottom: 0; padding-bottom: 12px}

div.pboxheading	{background: url("../images/pboxheading.png") no-repeat left bottom; color: #fff; padding: 0 15px; height: 33px}

div.pboxheading h2 {padding: 8px 0 0 0; margin: 0; font-size: 1.3em; font-weight: normal; color: #fff}

#caption {
	z-index: 1001;
	background: url("../images/bg_caption.png") repeat;
	color: #fff;
	position: absolute;
	font-size: 1em;
	font-weight: bold;
}

#caption div#capText { padding: 7px; margin: 0; }

img.leftImg {
	margin-right: 12px;
}

img.aPhoto {
	margin-bottom: 12px;
	border: solid 1px #666;
}

ul#featureList {
	list-style-type: none;
	margin: 0;
	padding: 10px;
}

ul#featureList li {
	background: url("../images/tick-trans.gif") no-repeat 0% 50%;
	padding: 0 0 0 20px;
	margin: 6px 0;
	font-size: 0.95em;
	text-transform: uppercase;
	color: #666;
}

#photoPositionWrapper {
	background: url("../images/bg_photoPosition.png") no-repeat 0 0 #2d2062;
	color: #fff;
	text-align: right;
	margin-bottom: 15px;
	width: 411px;
	padding: 5px 5px 5px 0;
}

div#propertyInfo	{width: 416px}

/********** FORMS ***********/

fieldset {
	background: url("../images/pboxbg.png") repeat-x left bottom #fff;
	border: solid 1px #cecef2;
	margin-bottom: 20px;
	padding: 0 20px 15px 20px;
}

legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #2d2062;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: 0;
}

fieldset .field {width: 100%; clear: both; margin-bottom: 5px}
fieldset .field label {width: 30%; float: left}

input.focused	{border: solid 2px #2d2062}
.buttonbox input.focused {border: none}

textarea	{font-family: Arial, Helvetica, sans-serif; font-size: 0.95em}

.field label.error {
		background: url("../images/unchecked.gif") no-repeat;
		padding-left: 16px;
		margin-left: .3em;
		float: none;
		width: auto;
	}
.field label.valid {
		background: url("../images/checked.gif") no-repeat;
		width: 16px;
		height: 16px;
		float: none;
	}
	
select.error { border: 1px solid red; }

.req { font-weight: bold }

/*********** CONTACT US ***********/

.detailField {
	width: 500px;
	clear: both;
}

.detailLabel {
	float: left;
	width: 120px;
	font-weight: bold;
}

/*********** PROPERTY SEARCH FORM ***********/

.area {
	width: 50%;
	float: left;
	font-size: 0.95em;
}

form#mainSearch fieldset {
	padding-top: 15px;
}

.buttonBox {
	padding-left: 15px;
	padding-top: 15px;
}

#quickSearch .buttonBox { padding-top: 0}

/********** SEARCH RESULTS ************/

table.list {
	border-collapse:collapse;
}

td.searchNav, td.pageList {
	background: #edebf3;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 1.1em;
}

td.pageList {text-align: right}
td.propertyPrice {color: #d72922; font-size: 1.3em; text-align: right; vertical-align: top}
td.bedrooms {text-transform: capitalize; padding-left: 15px}
td.description {padding-left: 15px; line-height: 140%}
td.propertyAddress {padding-left: 15px; font-size: 1.2em; font-weight: bold; vertical-align: top}
div.available {background: #2d2062; color: #fff; text-align: center; padding: 2px 0}
div.notAvailable {background: #d72922; color: #fff; text-align: center}
td.tableSpacer {height: 15px}

p.error, ol.error {color: #FF0000}