@charset "UTF-8";
/* CSS Document */


/*################# General styles ####################### */

html {font-size:100%; font-family:Verdana, Geneva, sans-serif;}

body {margin:0em; padding:0em; font-size: 62.5%; color:#3b3b3b;}

h1 {font-size:2.2em; margin:0em; font-weight:normal; color:#000;}
h2 {font-size:2em; margin:0.8em 0em 0.4em 0em; font-weight:normal;}
h3 {font-size:110%; margin:0.8em 0em 0.4em 0em; font-weight:bold;}
h4 {font-size:100%; margin:0em;}
h5 {font-size:100%; margin:0em;}
h6 {font-size:100%; margin:0em;}

a img {border:none;}
a {outline:none; text-decoration:none; cursor:pointer; color:#000;}
a:hover {text-decoration:underline; cursor:pointer;}

p {font-size:1.4em; margin:0.8em 0em 0em 0em; line-height:1.6em;}

img {display: block; margin: 0; padding: 0;}

.clear {clear: both; line-height: 0; height: 0; font-size: 0;}

.hidden {display: none;}

input, textarea, select {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#505050; margin-top:0.5em;}
label {font-size:1.2em;}

.error {color:Red;}

/*######################### Layout styles ##########################*/


/* ########## GLOBAL ########## */

#container {width:96em; margin:0em auto 1em auto;}

.header img {float:left;}
.header img a {border:none;}


/*  Navigation Bar (in header) */
.navContainer {background-color:#30467c; background-image:url(../en-images/navBL.jpg); background-position:bottom left; background-repeat:no-repeat; border-top:#3b4f83 1px solid;}

.navMenu {background-image:url(../en-images/navBR.jpg); background-position:bottom right; background-repeat:no-repeat;}
.navMenu ul {margin:0em; list-style-type:none; height:3.2em; padding:0em 0em 0em 1em;}
.navMenu ul li { border-right:#263863 1px solid; border-left:#455989 1px solid; float:left;}
.navMenu ul li a {color:#FFF; text-decoration:none; padding:0.5em 1em; background-color:#30467c; display:block; height:2.2em;}
.navMenu ul li a span { font-size:1.4em;}
.navMenu ul li a:hover {background-color:#293c6a;}
.navMenu ul li a.active {background-color:#223157;}

/*  Toolbar  */
.toolbar {margin-top:1em;height:4.6em;}
.toolbarPanel {}
.toolbarTL {background-color:#da6a06; background-image:url(../en-images/toolbarTL.jpg); background-position:top left; background-repeat:no-repeat;}
.toolbarTR {background-image:url(../en-images/toolbarTR.jpg); background-position:top right; background-repeat:no-repeat;}
.toolbarBR {background-image:url(../en-images/toolbarBR.jpg); background-position:bottom right; background-repeat:no-repeat;}
.toolbarBL {background-image:url(../en-images/toolbarBL.jpg); background-position:bottom left; background-repeat:no-repeat;}

.toolbar ul {margin:0em; padding:0em 0em 0em 1em; list-style-type:none; height:4.4em;}
.toolbar ul li {float:left; border-right:#ae5505 1px solid; border-left:#e18838 1px solid;}
.toolbar ul li a {color:#FFF; display:block; padding:1.2em 1.5em 1.4em 1.5em;}
.toolbar ul li a span {font-size:1.4em; }
.toolbar ul li a:hover {text-decoration:none;}

.toolbar ul li a.active {background-color:#111433; height:2em;}

.toolbar ul li.first {border-left:none;}
.toolbar ul li.last {border-right:none; padding:1.3em 1.5em;}

.toolbar ul li.arrow a {background-image:url(../en-images/toolbarOpenArrow.gif); background-position:right top; background-repeat:no-repeat; padding-right:4.5em;}
.toolbar ul li.arrow a.active {background-image:url(../en-images/toolbarCloseArrow.gif); background-position:right top; background-repeat:no-repeat; padding-right:4.5em;}

.toolbar ul li.flatmate a {background-image:url(../en-images/toolbarFlatmate.gif); background-position:left top; background-repeat:no-repeat; padding-left:4.5em;}

.toolbar ul li.alerts a {background-image:url(../en-images/toolbarAlerts.gif); background-position:left top; background-repeat:no-repeat; padding-left:5em;}

.toolbar ul li.download {padding-left:1em;}
.toolbar ul li.download a {background-image:url(../en-images/toolbarPDF.jpg); background-position:left; background-repeat:no-repeat; padding-left:3.5em;}

/*  Toolbar - SEARCH OPEN */
.toolbarOpenTL {background-image:url(../en-images/toolbarOpenTL.jpg); background-position:top left; background-repeat:no-repeat; background-color:#111433;color:#FFF;}
.toolbarOpenTR {background-image:url(../en-images/toolbarOpenTR.jpg); background-position:top right; background-repeat:no-repeat;}
.toolbarOpenBR {background-image:url(../en-images/toolbarOpenBR.jpg); background-position:bottom right; background-repeat:no-repeat;}
.toolbarOpenBL {background-image:url(../en-images/toolbarOpenBL.jpg); background-position:bottom left; background-repeat:no-repeat;}

.openContent {padding:1em 2em 2em 2em;}
.openContent p {margin:0em;}
#SearchForAProperty {display:none;}
#SearchForAProperty .FirstCol {width:20em; float:left;}
#SearchForAProperty .SecondCol {width:30em; float:left;}
#SearchForAProperty .ThirdCol {width:20em; float:left;}
#SearchForAProperty .buttonCol {width:20em; float: left; margin-top: 3.5em;}

#SearchForAProperty .SecondCol input {margin:0 0.5em 0.5em 0.5em;}
#SearchForAProperty .SecondCol table {margin-top:1em;}

#SearchForAProperty .areasLeft {width:14em; float:left;}
#SearchForAProperty .areasRight {width:14em; float:left; margin-left:1em;}
#SearchForAProperty #priceRangeFrom {width:6em;float:left;padding-right:0.5em;margin:1em 0 1em 1em;}
#SearchForAProperty #priceRangeFrom input {width:90%;}
#SearchForAProperty #priceRangeDash {margin:1em 0;width:2em;float:left;text-align:center;padding-top:4em;background:url(../en-images/rightArrow.png) no-repeat left 1.8em;}
#SearchForAProperty #priceRangeTo {margin:1em 0;width:6em;float:left;padding-left:0.5em;}
#SearchForAProperty #priceRangeTo input {width:90%;}
#SearchForAProperty #priceType {margin-left:1em;}

#Register {display:none;}
#Register .FirstCol {width:70em; float:left;}
#Register .FirstCol .header {margin:0.5em 0em 0.5em 0em;font-size:2em;}
#Register .FirstCol a {color:#FFF; background-image:url(../en-images/toolbarLinkArrow.gif); background-position:right; background-repeat:no-repeat; padding-right:1em;}
#Register .SecondCol {width:20em; float:left; margin-top: 7em;}

#Login {display:none;}
#Login .FirstCol {width:63em; float:left;}
#Login .FirstCol .header {margin:0.5em 0em 0.5em 0em;font-size:2em;}
#Login .FirstCol a {color:#FFF; background-image:url(../en-images/toolbarLinkArrow.gif); background-position:right; background-repeat:no-repeat; padding-right:1em;}
#Login .SecondCol {width:29em; float:left; margin-top: 3em;}

/* Toolbar buttons */

.toolbarButton {float:left; margin-right:2em;}
.toolbarButtonL {background-image:url(../en-images/buttonToolbarL.jpg); background-position:left; background-repeat:no-repeat; width:1.5em; height:4.6em; float:left; background-color:#33497e;}
.toolbarButtonR {background-image:url(../en-images/buttonToolbarR.jpg); background-position:right; background-repeat:no-repeat; height:3.4em; float:left; background-color:#33497e; padding:1.2em 3em 0em 1.5em;}
a:hover .toolbarButtonL {background-image:url(../en-images/buttonToolbarLHover.jpg); background-color:#2d4170;}
a:hover .toolbarButtonR {background-image:url(../en-images/buttonToolbarRHover.jpg);  background-color:#2d4170;}

.searchButton {float:left; width:20em; text-align:center;}
.searchButtonL {background-image:url(../en-images/buttonSearchL.jpg); background-position:left; background-repeat:no-repeat; width:1.5em; height:6.4em; float:left; background-color:#33497e;}
.searchButtonR {background-image:url(../en-images/buttonSearchR.jpg); background-position:right; background-repeat:no-repeat; width: 10em; height:5.2em; float:left; background-color:#33497e; padding:1.2em 3em 0em 1.5em;}
a:hover .searchButtonL {background-image:url(../en-images/buttonSearchLHover.jpg);}
a:hover .searchButtonR {background-image:url(../en-images/buttonSearchRHover.jpg);}

.toolbarButton .text, .searchButton .text {color:#FFF; font-size:1.4em;}


/*  General page content  */
.contentWhite {padding:1em;} /* To give side margins */
.contentWhite ul {margin:0em; padding:0em 0em 0em 1em;}
.contentWhite ul li {font-size:1.4em; margin:0.5em 0em 0em 1em;}

.contentBlue {background-color:#d6e3e9; margin-top:1em;} 
.contentBlue h3 {font-weight:normal; font-size:1.8em; margin-top:1em;}
.contentBlue ul li {font-size:1.4em; margin-top:1em;}

.usefulLinks .leftCol h2 {margin-bottom:-0.5em;}


/*  Breadcrumb Trail */
.breadcrumb {margin-left:1em;margin-top:1em;}
.breadcrumb ul {list-style:none; margin:0em; padding:0em 0em 1em 0em;}
.breadcrumb ul li {display:block; float:left; background-image:url(../en-images/breadcrumb.gif); background-position:right; background-repeat:no-repeat; padding:0.5em 2.5em 0.5em 0em;}
.breadcrumb ul li a { text-decoration:underline;}
.breadcrumb ul li.active {background-image:none;}
.breadcrumb ul li.active a {text-decoration:none; color:#3b3b3b;}


/*  Footer  */
#footer {border-top:#939393 1px solid; margin-top:1em; padding-top:1em;}

#footer .logo {width:20em;float:right;}
#footer .logo img {float:right;}

.footerLinks {width:75em; float:left; padding-bottom:0.6em;}
.footerLinks ul {margin:0em; padding:0em; list-style:none;}
.footerLinks ul li {border-left:#939393 1px solid; padding:0em 0.7em 0em 0.7em; float:left;}
.footerLinks ul li a {text-decoration:underline;}
.footerLinks ul li.first {border-left:none; padding:0em 0.7em 0em 0em;}




/* ########## HOME ########## */

.homeLeft {width:63em; float:left; padding-top:1em;}
.homeRight {width:32em; float:right; padding-top:1em; padding-bottom:1em;}

/*  Property of the Week panel  */
.propertyOfWeek {background-color:#d6e3e9; margin-top:3em;}

.potwTL {background-image:url(../en-images/potwTL.jpg); background-position:top left; background-repeat:no-repeat;}
.potwTR {background-image:url(../en-images/potwTR.jpg); background-position:top right; background-repeat:no-repeat;}
.potwBR {background-image:url(../en-images/potwBR.jpg); background-position:bottom right; background-repeat:no-repeat;}
.potwBL {background-image:url(../en-images/potwBL.jpg); background-position:bottom left; background-repeat:no-repeat;}

.propertyOfWeek .image {float:left; width:17em; padding:2em 0em 0em 2em;}
.propertyOfWeek .roundel {float:right; width:15em; margin-top:-25px; margin-right:1em;}
.propertyOfWeek .details {float:left; width:28em; padding-left:2em;}
.propertyOfWeek .description {padding:1.4em 2em 1em 2em;}

.propertyOfWeek .details h3 {font-size:1.8em; color:#000; font-weight:normal;}
.propertyOfWeek .details p {font-size:1.4em; color:#000; margin:0.3em 0em 0em 0em;}

.propertyOfWeek .description p {font-size:1.2em; line-height:1.6em; color:#3b3b3b; margin:0em 0em 0.6em 0em;}


/*  Right Column - Logos  */
.homeRight .logos img {float:right; padding-left:1em;}
.homeRight .logos img.first {padding-left:0em;} 


/*  Right Column - Next Available properties  */
.nextProperties {background-color:#111433; margin-bottom:1em;}
.nextPropertiesTL {background-image:url(../en-images/nextTL.jpg); background-position:top left; background-repeat:no-repeat;}
.nextPropertiesTR {background-image:url(../en-images/nextTR.jpg); background-position:top right; background-repeat:no-repeat;}
.nextPropertiesBR {background-image:url(../en-images/nextBR.jpg); background-position:bottom right; background-repeat:no-repeat;}
.nextPropertiesBL {background-image:url(../en-images/nextBL.jpg); background-position:bottom left; background-repeat:no-repeat; padding:1em 1.5em;}
.nextProperties h2 {color:#FFF; font-size:1.8em; margin:0em;}
.propertyBox .propertyBoxBL .byArea select {margin-top:0em;}

.propertyBox .title {width:21em; float:left; padding:1.2em 0em 0em 1.5em;}
.propertyBox .allLink {width:8em; float:right; padding:1em 1em 1em 0em;}
.propertyBox .allLink img {float:right;}
.propertyBox h3 {color:#000; font-size:1.4em; font-weight:normal;margin:0;}

#nextStudent .propertyBox {background-color:#abd76d; margin-bottom:1em;}
#nextStudent .propertyBox .propertyList {background-color:#d5ebb6; padding:0.5em 0em 0.5em 1em;}
#nextStudent .PropertyBoxTL {background-image:url(../en-images/nextStudTL.jpg); background-position:top left; background-repeat:no-repeat;}
#nextStudent .PropertyBoxTR {background-image:url(../en-images/nextStudTR.jpg); background-position:top right; background-repeat:no-repeat;}
#nextStudent .PropertyBoxBR {background-image:url(../en-images/nextStudBR.jpg); background-position:bottom right; background-repeat:no-repeat;}
#nextStudent .PropertyBoxBL {background-image:url(../en-images/nextStudBL.jpg); background-position:bottom left; background-repeat:no-repeat; padding-bottom:1em;}

#nextShare .propertyBox {background-color:#6dc5bc; margin-bottom:1em;}
#nextShare .propertyBox .propertyList {background-color:#b6e2de; padding:0.5em 0em 0.5em 1em;}
#nextShare .PropertyBoxTL {background-image:url(../en-images/nextShareTL.jpg); background-position:top left; background-repeat:no-repeat;}
#nextShare .PropertyBoxTR {background-image:url(../en-images/nextShareTR.jpg); background-position:top right; background-repeat:no-repeat;}
#nextShare .PropertyBoxBR {background-image:url(../en-images/nextShareBR.jpg); background-position:bottom right; background-repeat:no-repeat;}
#nextShare .PropertyBoxBL {background-image:url(../en-images/nextShareBL.jpg); background-position:bottom left; background-repeat:no-repeat; padding-bottom:1em;}

#nextProf .propertyBox {background-color:#718dbf; margin-bottom:1em;}
#nextProf .propertyBox .propertyList {background-color:#b8c6df; padding:0.5em 0em 0.5em 1em;}
#nextProf .PropertyBoxTL {background-image:url(../en-images/nextProfTL.jpg); background-position:top left; background-repeat:no-repeat;}
#nextProf .PropertyBoxTR {background-image:url(../en-images/nextProfTR.jpg); background-position:top right; background-repeat:no-repeat;}
#nextProf .PropertyBoxBR {background-image:url(../en-images/nextProfBR.jpg); background-position:bottom right; background-repeat:no-repeat;}
#nextProf .PropertyBoxBL {background-image:url(../en-images/nextProfBL.jpg); background-position:bottom left; background-repeat:no-repeat; padding-bottom:1em;}

#nextStudent select, #nextShare select, #nextProf select {margin-top:0.1em;font-size:1.4em;}

.propertyList span {color:#3b3b3b; font-size:1.2em;}
.propertyList span a {color:#3b3b3b;}
.propertyList .area {width:12em; float:left; padding:0.5em 0em;}
.propertyList .beds {width:9em; float:left; padding:0.5em 0em;}
.propertyList .price {width:8em; float:left; padding:0.5em 0em;}

.propertyBox .byArea {float:right; margin:1em 1em 0em 0em;}
.propertyBox .byArea select {margin-right:0.5em;width:11em;}
.propertyBox .byArea .button {float:right;margin:0;}

/* ########## SEARCH RESULTS ########## */
.searchCriteria {font-weight:bold;}

/*  Tabs  */
.tabs ul {padding:0em 0em 0em 1em; margin:1em 0em 0em 0em; list-style:none;}
.tabs ul li {float:left; margin-right:0.5em;}
.tabs ul li a {color:#FFF; background-color:#839ba6; display:block;}
.tabs ul li a:hover {text-decoration:none;}
.tabs ul li a .tabLeft {background-image:url(../en-images/tabL.gif); background-position:top left; background-repeat:no-repeat; width:1em; height:3.5em; display:block; float:left; background-color:#839ba6;}
.tabs ul li a .tabText {padding:0.9em 2em 1.1em 2em; display:block; float:left; background-color:#839ba6; height:1.5em; overflow:hidden;}
.tabs ul li a .tabText span {font-size:1.4em;}
.tabs ul li a .tabRight {background-image:url(../en-images/tabR.gif); background-position:top right; background-repeat:no-repeat; width:1em; height:3.5em; display:block; float:left; background-color:#839ba6;}

.tabs ul li a.active {color:#202020; background-color:#d6e3e9; display:block;}
.tabs ul li a.active .tabLeft {background-image:url(../en-images/tabLActive.gif); background-position:top left; background-repeat:no-repeat; width:1em; height:3.5em; display:block; float:left; background-color:#d6e3e9;}
.tabs ul li a.active .tabText {padding:0.9em 2em 1.1em 2em; display:block; float:left; background-color:#d6e3e9; height:1.5em; overflow:hidden;}
.tabs ul li a.active .tabRight {background-image:url(../en-images/tabRActive.gif); background-position:top right; background-repeat:no-repeat; width:1em; height:3.5em; display:block; float:left; background-color:#d6e3e9;}

.tabs ul li.flatmate a  .tabText{background-image:url(../en-images/tabFlatmate.gif); background-position:left top; background-repeat:no-repeat; padding-left:4em;}
.tabs ul li.flatmate a.active  .tabText{background-image:url(../en-images/tabFlatmateActive.gif); background-position:left top; background-repeat:no-repeat; padding-left:4em;}

.tabs ul li.alerts a  .tabText{background-image:url(../en-images/tabAlerts.gif); background-position:left top; background-repeat:no-repeat; padding-left:4.5em;}
.tabs ul li.alerts a.active  .tabText{background-image:url(../en-images/tabAlertsActive.gif); background-position:left top; background-repeat:no-repeat; padding-left:4.5em;}


/*  top and bottom strips  */

.curveTopLeft {background-image:url(../en-images/tabLActive.gif); background-position:top left; background-repeat:no-repeat; background-color:#d6e3e9;}
.curveTopRight {background-image:url(../en-images/tabRActive.gif); background-position:top right; background-repeat:no-repeat; min-height:1em;}

.curveBottomLeft {background-image:url(../en-images/tabBLActive.gif); background-position:bottom left; background-repeat:no-repeat; background-color:#d6e3e9;}
.curveBottomRight {background-image:url(../en-images/tabBRActive.gif); background-position:bottom right; background-repeat:no-repeat; min-height:1em;}


/*  List View - top info/sort options  */
.listViewInfo {background-color:#d6e3e9; margin-bottom:1em; padding:0em 1em 1em 2em;}
.listViewInfo p {margin:0em;}

.sortResults {float:left; width:13em; margin-top:1.5em;}

.sortButtons {margin-top:1em;}
.listViewInfoContainer {height:2.8em;}
.listViewInfo a {height:2.8em; overflow:hidden;}
.listViewInfo a .sortL {background-image:url(../en-images/sortL.jpg); background-position:left; background-repeat:no-repeat; display:block; width:1.2em; height:2.8em; float:left; background-color:#dee9ed;}
.listViewInfo a .sortR {float:left; display:block; height:2.3em; background-image:url(../en-images/sortR.jpg); background-position:right; background-repeat:no-repeat; padding:0.5em 2em 0em 1em; margin-right:1em; background-color:#dee9ed;}
.listViewInfo a.active .sortL {background-image:url(../en-images/sortLActive.jpg); background-position:left; background-repeat:no-repeat; display:block; width:1.2em; height:2.8em; float:left; background-color:#5f8e9b;}
.listViewInfo a.active .sortR {float:left; display:block; height:2.3em; background-image:url(../en-images/sortRActive.jpg); background-position:right; background-repeat:no-repeat; padding:0.5em 2em 0em 1em; margin-right:1em; color:#FFF; background-color:#5f8e9b;}
.listViewInfo a .text {font-size:1.2em;}

.pagination {margin:1em 0em 1em 35em;}
.pagination ul {list-style:none; margin:0em; padding:0em;}
.pagination ul li {display:block; float:left;}
.pagination ul li a, .pagination ul li span {padding:0em 1em;}
.pagination .previous {background-image:url(../en-images/paginationPrevious.gif); background-position:left; background-repeat:no-repeat; padding-left:0.3em;}
.pagination .next {background-image:url(../en-images/paginationNext.gif); background-position:right; background-repeat:no-repeat; padding-right:0.3em;}
.pagination .active {font-weight:bold;}
.pagination .disabled a {color:#888;}
.pagination .disabled a:hover {text-decoration:none;}

.bottomPagination {background-color:#d6e3e9; padding:1em 1em 1em 2em;}
.bottomPagination .pagination {margin:0em 0em 0.5em 35em;}


/*  Results  */

.result .rightCol {float:right; width:22em; padding:0em;}
.result .leftCol {float:left; width:53em; padding:0em;}

.result {margin-bottom:1em; background-color:#ebf4f8;}
.result img {float:left; margin:1.5em 0em 1.5em 1.5em;}

.result .title {float:left; width:51em; padding:1em 0em 1em 2em;}
.result .title h2 {color:#000; margin:0em;}

.result .details {float:left; width:51em; padding-left:2em;}
.result .details .label {width:10.5em; float:left; font-weight:bold; padding-bottom:0.5em; padding-right:0.5em;}
.result .details .info {width:13.5em; float:left; padding-bottom:0.5em; padding-right:0.5em;}
.result .details .info p, .result .details .label p {font-size:1.2em; margin:0em;}

.result .description {float:left; width:51em; padding-left:2em; padding-top:0.5em;}
.result .description p {margin:0em 0em 0.5em 0em;}
.result .description p .text {font-size:0.85em; line-height:1.6em;}

.result .specialOffer {float:right; width:20em; height:8em;}
.result .specialOffer img {padding:0em; margin:-4px -4px 0 0;}

.result .enquire {float:right; width:20em; padding-right:1.5em; margin-bottom:0.5em;}
.result .enquireL {background-image:url(../en-images/buttonEnquireL.jpg); background-position:left; background-repeat:no-repeat; width:1em; display:block; height:3.4em; float:left; background-color:#c05f08;}
.result .enquireR {background-image:url(../en-images/buttonEnquireR.jpg); background-position:right; background-repeat:no-repeat; display:block; height:2.6em; float:left; padding:0.8em 1em 0em 1.2em; color:#FFF; width:16.8em; background-color:#c05f08;}
.result a:hover .enquireL {background-image:url(../en-images/buttonEnquireLHover.jpg); background-position:left; background-repeat:no-repeat; background-color:#a75307;}
.result a:hover .enquireR {background-image:url(../en-images/buttonEnquireRHover.jpg); background-position:right; background-repeat:no-repeat; background-color:#a75307;}

.result .viewDetails {float:right; width:20em; padding-right:1.5em; margin-bottom:0.5em;}
.result .viewDetailsL {background-image:url(../en-images/buttonViewPropertyL.jpg); background-position:left; background-repeat:no-repeat; width:1em; display:block; height:3.4em; float:left; background-color:#49737f;}
.result .viewDetailsR {background-image:url(../en-images/buttonViewPropertyR.jpg); background-position:right; background-repeat:no-repeat; display:block; height:2.6em; float:left; padding:0.8em 1em 0em 2em; color:#FFF; width:16em; background-color:#49737f}
.result a:hover .viewDetailsL {background-image:url(../en-images/buttonViewPropertyLHover.jpg); background-position:left; background-repeat:no-repeat; background-color:#456c77;}
.result a:hover .viewDetailsR {background-image:url(../en-images/buttonViewPropertyRHover.jpg); background-position:right; background-repeat:no-repeat; background-color:#456c77;}

.result .viewMap {float:right; width:20em; padding-right:1.5em; margin-bottom:1.5em;}
.result .viewMapL {background-image:url(../en-images/buttonViewMapL.jpg); background-position:left; background-repeat:no-repeat; width:1em; display:block; height:3.4em; float:left; background-color:#7b9ca6;}
.result .viewMapR {background-image:url(../en-images/buttonViewMapR.jpg); background-position:right; background-repeat:no-repeat; display:block; height:2.6em; float:left; padding:0.8em 1em 0em 4.5em; color:#FFF; width:13.5em; background-color:#7b9ca6;}
.result a:hover .viewMapL {background-image:url(../en-images/buttonViewMapLHover.jpg); background-position:left; background-repeat:no-repeat; background-color:#6e8c95;}
.result a:hover .viewMapR {background-image:url(../en-images/buttonViewMapRHover.jpg); background-position:right; background-repeat:no-repeat; background-color:#6e8c95;}

.result .text {font-size:1.3em;}

#map_search {width:960px;height:631px;}
#map_search .street {font-size:1.2em;font-weight:bold;margin-bottom:0.5em;}
#map_search .summary {margin-bottom:1em;}
#map_search .info {float:left;width:70%;}
#map_search .image {float:right;}
#map_search .link a {color:#347195;}

/* ########## PROPERTY INFORMATION PAGE ########## */
.leftCol {width:59.6em; float:left; padding:0em 0em 2em 2em;}
.rightCol {width:32em; float:right; padding:0em 0em 2em 0em;}

.leftCol h2 {margin:0.8em 0em 0em 0em;}
p.first {margin-top:0em;}
.rightCol img {margin:5em 2em 0em 0em; padding:0em; float:right;}

.propInfoDetails {margin:1em 0em;}
.propInfoLabel {width:15em; float:left; padding-bottom:0.5em;}
.propInfoInformation { width:42em; float:left; padding-bottom:0.5em;}
.propInfoDetails h2 {font-size:1.4em; color:#000; margin:0em;}
.propInfoDetails p {font-size:1.4em; margin:0em; line-height:1.3em;}

.propInfoDescription p {font-size:1.3em;}

.propInfoOffer {background-color:#a2b6c0; height:5em; background-image:url(../en-images/SpecialOfferR.jpg); background-position:right; background-repeat:no-repeat; padding-right:2em; color:#000; margin-top:2em;}
.propInfoOffer img {float:left;}
.propInfoOffer .text {font-size:1.4em; padding:1em 0em 0em 0em;}

.propertyInfoMap {margin-top:1em;}
.propertyInfoMap #map_canvas {width:595px;height:440px;}

.rightCol .propertyInfoImage img {margin:0em; padding:1em 2em 1em 0em;}

.moreImages {padding-left:5em; margin-bottom:1em; text-align:center;}
.moreImages {background-image:url(../en-images/moreImagesArrow.gif); background-position:right; background-repeat:no-repeat; padding-right:1em; font-size:1.4em; width:10em;}

.makeEnquiryButton {margin:2em 2em 0em 0em; text-align:center;}
.makeEnquiryL {background-image:url(../en-images/enquiryL.jpg); background-position:left top; background-repeat:none; float:left; width:1.5em; height:7em; background-color:#19485e;}
.makeEnquiryR {background-image:url(../en-images/enquiryR.jpg); background-position:right top; background-repeat:none; float:left; width:27em; height:5.8em; padding-top:1.2em; padding-right:1.5em; color:#FFF; background-color:#19485e;}
a:hover .makeEnquiryL {background-image:url(../en-images/enquiryLHover.jpg); background-position:left top; background-repeat:none; background-color:#164155;}
a:hover .makeEnquiryR {background-image:url(../en-images/enquiryRHover.jpg); background-position:right top; background-repeat:none; background-color:#164155;}
.makeEnquiryButton .text {font-size:1.4em; text-align:center;}

.palePanel {background-color:#ebf1f4; margin-right:2em; margin-top:1em;}

.palePanelTL {background-image:url(../en-images/paleTL.gif); background-position:top left; background-repeat:no-repeat;}
.palePanelTR {background-image:url(../en-images/paleTR.gif); background-position:top right; background-repeat:no-repeat;}
.palePanelBR {background-image:url(../en-images/paleBR.gif); background-position:bottom right; background-repeat:no-repeat;}
.palePanelBL {background-image:url(../en-images/paleBL.gif); background-position:bottom left; background-repeat:no-repeat;}

.palePanel .content {padding:1em 1em 1.5em 1em;}
.palePanel .content h2 {margin:0em;} 
.palePanel .content ul {margin:1em 0em 0em 0em; padding:0em;}
.palePanel .content ul li {list-style:none; margin:0.5em 0em 0em 0em;}
.palePanel .content ul li a {text-decoration:underline; font-size:1.35em; background-image:url(../en-images/downloadArrow.gif); background-position:right; background-repeat:no-repeat; padding-right:0.8em;}



/* ########## HOW TO SECURE A PROPERTY/MAKE AN ENQUIRY PAGE ########## */

.howToSecure {width:58em; float:left; padding-top:1em;}
.makeEnquiry {width:35em; float:right; background-color:#d6e3e9;}

.makeEnquiry .content {padding:0em 2em;}
.makeEnquiry h2 {color:#000; font-size:2.2em; margin:0.5em 0em 0em 0em;}
.makeEnquiry h3 {color:#000; font-size:1.6em; font-weight:normal; margin-top:1em;}
.makeEnquiry p.label {color:#000;}
.makeEnquiry p.info {margin:0em;}

.actionButton {float:right; margin:2em 0em 0.5em 0em; height:4.8em;}
.actionButtonL {background-image:url(../en-images/buttonActionL.jpg); background-position:left; background-repeat:no-repeat; width:1em; display:block; height:4.8em; float:left; background-color:#295d77;}
.actionButtonR {background-image:url(../en-images/buttonActionR.jpg); background-position:right; background-repeat:no-repeat; height:3.6em; float:left; padding:1.2em 3em 0em 2em; color:#FFF; background-color:#295d77}
a:hover .actionButtonL {background-image:url(../en-images/buttonActionLHover.jpg); background-position:left; background-repeat:no-repeat; background-color:#26556d;}
a:hover .actionButtonR {background-image:url(../en-images/buttonActionRHover.jpg); background-position:right; background-repeat:no-repeat; background-color:#26556d;}
.actionButton .text {font-size:1.4em;}


/*  Results  */
.formLabel {font-size:1.2em; margin-top:0.5em;}
.formTextField {margin-top:0.5em;}
.formContainer {float:left; padding-right:2.5em;}

/* ########## CONTACT US ########## */
.contactLeft {width:36em; float:left; padding:1em 0em 2em 2em;}
.contactRIght {width:56em; float:right; padding:3.6em 0em 2em 0em;}

.contactLeft .actionButton {margin:2em 4em 0em 0em;}
#contactMap {width:536px;height:380px;}

/* ########## RESIDENTIAL AREAS ########## */
.areaPanel {background-color:#ebf4f8; margin-top:1em; padding:1.5em;}
.areaPanel .image {float:left;}
.areaPanel .information {float:left; padding-left:1.5em; width:55.7em;}
.areaPanel .information h2 {margin-top:0em;}
.areaPanel .information p {font-size:1.2em;}
.areaPanel .information a.areaLink {background-image:url(../en-images/areaLink.jpg); background-position:right; background-repeat:no-repeat; padding-right:0.9em;}

.lastPanel {margin-bottom:1em;}

#areas_map {width:960px;height:631px;}

/* ########## REGISTER PAGE ########## */

.Register {background-color:#d6e3e9;} 
.Register .content {padding:1em 2em;} 
.Register .content h3 {font-size:1.6em; color:#000; font-weight:normal;}

.Register .content .actionButton {margin-right:1.5em;}

.buttons {float:right; width:23em; margin-top:2em;}
.buttonsTwo {float:right; width:25em; margin-top:2em;}

.cancelButton {float:left; margin-right:2em;}
.cancelButtonL {background-image:url(../en-images/buttonCancelL.jpg); background-position:left; background-repeat:no-repeat; width:1.5em; display:block; height:4.8em; float:left; background-color:#682222;}
.cancelButtonR {background-image:url(../en-images/buttonCancelR.jpg); background-position:right; background-repeat:no-repeat; display:block; height:3.6em; float:left; background-color:#682222; padding:1.2em 3em 0em 1.5em;}
a:hover .cancelButtonL {background-image:url(../en-images/buttonCancelLHover.jpg); background-position:left; background-repeat:no-repeat; width:1.5em; display:block; height:4.8em; float:left; background-color:#5f1f1f;}
a:hover .cancelButtonR {background-image:url(../en-images/buttonCancelRHover.jpg); background-position:right; background-repeat:no-repeat; display:block; height:3.6em; float:left; background-color:#5f1f1f; padding:1.2em 3em 0em 1.5em;}

.nextButton {float:left;}
.nextButtonL {background-image:url(../en-images/buttonNextL.jpg); background-position:left; background-repeat:no-repeat; width:1.5em; display:block; height:4.8em; float:left; background-color:#23536a;}
.nextButtonR {background-image:url(../en-images/buttonNextR.jpg); background-position:right; background-repeat:no-repeat; display:block; height:3.6em; float:left; background-color:#23536a; padding:1.2em 3em 0em 1.5em;}
a:hover .nextButtonL {background-image:url(../en-images/buttonNextLHover.jpg); background-position:left; background-repeat:no-repeat; width:1.5em; display:block; height:4.8em; float:left; background-color:#1f4b5f;}
a:hover .nextButtonR {background-image:url(../en-images/buttonNextRHover.jpg); background-position:right; background-repeat:no-repeat; display:block; height:3.6em; float:left; background-color:#1f4b5f; padding:1.2em 3em 0em 1.5em;}

.nextButton .text, .cancelButton .text {font-size:1.4em; color:#FFF;}
.Register .content h3 {margin-top:1em;}
.Register .content h3 label {font-size:1em;}


/* ########## LOGGED IN AREA  ########## */

.LoggedIn {background-color:#d6e3e9;} 
.LoggedIn .content {padding:1em 2em;} 
.LoggedIn .content h2 {font-size:1.8em; margin:1em 0em 0em 0em;}
.LoggedIn .content h3 {font-size:1.6em; font-weight:normal; margin:1em 0em 0em 0em;}

.LoggedIn .content .palePanel .content h2 {margin:0em;} 

/* ########### FIND A FLAT MATE ######## */
.findFlatmate .areas {float:left;width:40%;}
.findFlatmate .areas table td {width:15em;}
.findFlatmate .availableFrom {float:left;width:26%;}
.findFlatmate .button {float:right ;width:33%;padding-top:7em;}

.flatmateResult {background-color:#ebf4f9;margin:1em 0 0 0;padding:2em;}
.flatmateResult .details {float:left;width:70%}
.flatmateResult .details h2 {margin-top:0;}
.flatmateResult .button {float:right;width:29%;padding-top:7em;}
.flatmateResult .button a {float:right;text-align:center;}
.flatmateResult .button a:hover {text-decoration:none;}

.contactButton {color:#fff;}
.contactButton .text {line-height:1.5em;}
.contactButtonL {background:#db6906 url(../en-images/buttonContactL.jpg) left top no-repeat;width:1.5em; display:block; height:5.4em;float:left}
.contactButtonR {background:#db6906 url(../en-images/buttonContactR.jpg) right top no-repeat;display:block; height:3.9em; float:left;padding:1.2em 4em 0.3em 2.5em;}
a.contactButton:hover .contactButtonL {background-image:url(../en-images/buttonContactLHover.jpg);}
a.contactButton:hover .contactButtonR {background-image:url(../en-images/buttonContactRHover.jpg);}

.contactCustomer .instructions {float:left;width:37%;}
.contactCustomer .contactForm {float:right;width:59%;}
.contactCustomer .contactForm .message {width:100%;height:15em;margin:0;}
.contactCustomer .cancelButton {float:right;margin-top:2em;}

/* ######## IMAGE VIEWER ########### */

#containerDiv {position: absolute;}

#imagePanel { background: #000; border: 10px solid white; width: 760px; text-align: center; float: left;}
#imagePanel img { display: inline; margin: 1em;}

#closeBtn { display: block; float: left; text-align: center;background: #CCC; width: 1.5em; font-size: 1.5em; }
#closeBtn:hover {background: #999; text-decoration:none;}

#controls { display: block; float: left; width: 100%; font-family: Verdana; font-size: 1.2em; background: #FFF; padding-top: 6px;}
#controls img { display: inline; margin: 0;	 border: none;}
#controls a { color: #333333; text-decoration: none;}
#controls a:hover { text-decoration: underline;}

#previous { display: block; float: left; width: 20%; text-align: left;}
#imageCaption { display: block; float: left; width: 60%;}
#next { display: block; float: left; width: 20%; text-align: right;}


/* ################ SITE MAP ###########################*/
ul.sitemap li {font-size:1.2em;list-style-type:none;}
ul.sitemap li li {font-size:1em;}