﻿/* The layout stuff that is in the master page only */
html,body{margin:0;padding:0;margin-top: 00px;}

body
{
	font: 62.5% Verdana,arial,sans-serif;
	background: #F6F1D9 url(/Images/Common/background.gif);
	background-repeat:repeat;
}

p{margin:0 10px 20px;}

a
{
	cursor:pointer;
	color: #0066CB;
}

a:visited
{
	color: #551A8B;
}

a:hover
{
	color: #FF6600;
}

.smallText 
{
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
}

div#container 
{
	width: 980px;
	margin: 0 auto;
	background-color:White;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

div#container, div.footer { font-size: 1.3em; }

div.header
{
	position:relative;
	background: #005DAD url(/Images/Common/header.jpg) no-repeat;
	height: 124px;
}
div.header a.logo-link
{
	/* placement */
	position:absolute;
	display: block;
	left:0;
	top:18px;
	width: 230px;
	height: 106px;
	
	/* hide text */
	text-indent: -10000px;
	overflow: hidden;
	outline: none;
}

div.sidebar 
{
	float: left;
	width: 207px;
}
div.contentContainerNoSideBar
{
	margin-top: 10px;
}
div.contentContainer 
{
	background: url(/Images/Common/dottedline-vertical.gif) repeat-y;
	background-position: 207px 0;
}
div.content 
{
	float: right;
	width: 760px;
	/* 
	 * IE 6 double-margin fix. 
	 * This should be ignored by all 
     * browsers that adhere to the W3C standard
	 */
	display: inline;
}
div.contentNoSideBar 
{
	margin-left: 10px;
}
div#bg1
{
	background: url(/Images/Common/background-border.gif) no-repeat;
	background-position: center top;
}


/* Sidebar search
 *****************/

div.search 
{
	position: relative;
	background: #FFFF60 url(../Images/Common/dottedline-horizontal.gif) repeat-x bottom;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0;
	height: 329px; /* height of .inner + 1px */
}

div.search h2
{
	padding: 7px 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: Black;
}

div.search .inner
{
	position:absolute;
	background: url(/Images/Common/search-bg.jpg) repeat-x bottom;
	height: 328px; /* expand to height of background image */
	
	bottom: 1px;
	left: 0px;
	right: 0px;
}

div.search form
{
	margin: 0;
	padding: 10px;
}

div.search ul.formList { margin: 0; padding: 0; }
div.search ul.formList li { margin: 0; padding-right: 0; }

div.search select.minprice, div.search select.maxprice, div.search select.guests { width: 80px; }
div.search select.minprice { margin: 0 1px 0 0; }
div.search select.maxprice { margin: 0 0 0 2px; }

div.search p.options
{
	margin: 8px 0 0 50px;
}

/* Rest of sidebar
 *******************/

div.sideBarAd 
{
	text-align: center;
}
div.popularSearches {}

div.footer  
{
	margin-bottom: 20px;
}

div.footer p
{
	margin: 0;
	padding: 3px 0;
	text-align: center;
}

div.footer p.links { color: #CCC; }

div.clear 
{
	clear: both;
}

h1, h2 {font-family: Arial; }
h1 
{
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}
h2 {font-size: 18px; padding: 0px; padding-left: 10px; margin: 0px; color: #015CAD; font-weight: normal; }
h3 
{
	background-color: #CFE3FB;
	color: #015CAD;
	border-top: 1px Solid #88C9FF;
	padding: 7px;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 16px;
}
h3.special
{
	background-color: #FFE0B2;
	color: #FE0000;
	border-top: 1px Solid #FE9900;
}
h3 a 
{
	font-weight: normal;
	font-size: 0.8em;
	color: #0066CB;
	margin-left: 10px;
}
h6 
{
	color: #666;
	font-weight: normal;
	text-align: center;
}

/* Menu */
div.menu
{
	/* this weird combination of margins and paddings is here to help out our retarded friend IE6 */
	padding-bottom: 9px;
	margin-bottom: 1px;
}

ul#menuList {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 36px;
	background: url(/Images/main_nav/nav_r2_c9.png) repeat-x;
	position: relative;
}
ul#menuList li { list-style: none; float:left; }
ul#menuList a { text-decoration: none; display: block; text-indent: -1000px; overflow: hidden; outline: none; height: 36px; }
ul#menuList a:hover { background-position: left bottom; }

ul#menuList .home { width: 81px; background: url(/Images/main_nav/nav_r2_c2.png) no-repeat; }
ul#menuList .shortlist { width: 98px; background: url(/Images/main_nav/nav_r2_c3.png) no-repeat; }
ul#menuList .shortlistnum { width: 120px; background: url(/Images/main_nav/nav_r5_c3.png) no-repeat; }
ul#menuList .myAccount { width: 129px; background: url(/Images/main_nav/nav_r2_c4.png) no-repeat; }
ul#menuList .listHouse { width: 148px; background: url(/Images/main_nav/nav_r2_c6.png) no-repeat; }
ul#menuList .help { width: 72px; background: url(/Images/main_nav/nav_r2_c7.png) no-repeat; }
ul#menuList .current { background-position: left -36px; }

ul#menuList .menuRight { float: right; line-height: 18px; }
ul#menuList .menuRight a 
{
	text-indent: 0px;
	width: 81px;
	height: 18px;
	margin-top: 8px;
	margin-bottom: 0px;
	color: White;
	font-size: 15px;
}
ul#menuList .menuRight a.login { text-align: right; margin-right: 10px; }
ul#menuList .menuRight span
{
	margin-right:10px;
	text-align:right;
	color:Black;
	font-size:15px;
	height:18px;
	margin-bottom:0px;
	margin-top:8px;
	text-indent:0;
	width:281px;
	display: block;
	overflow: hidden;
}

ul#menuList .menuRight a.register  
{
	width: 60px; 
	padding-right: 20px; 
	border-left: 1px Solid #8DC5E2; 
	padding-left: 10px; 
}
ul#menuList li.register a, ul#menuList .menuRight a.login
{
	text-decoration: none;
}
ul#menuList li.register a:hover, ul#menuList .menuRight a.login:hover
{
	text-decoration: underline;
}
ul#menuList a.shortlistnum span 
{
	display: block;
	width: 19px;
	text-align: center;
	cursor: pointer;
	position: relative;
	left: 87px;
	top: -6px;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
	text-indent: 0%;
	color: #2978A3;
}
ul#menuList a.shortlistnum span.ten { font-size: 12px; left: 86px; }
ul#menuList a.shortlistnum span.more { font-size: 11px; top: -5px; letter-spacing: -1px; }

/* Links list */
ul.links 
{
	list-style: none;
	padding: 0px;
	margin: 5px 0px 23px 0px;
}
ul.links li 
{
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	line-height: 19px;
}
ul.links li a 
{
	font-size: 13px;
}

/* Ads */
div.sidebar p.disclaimer, #sponsors p.disclaimer
{
	color: #AAA;
	font: 11px Arial;
	margin: 0;
	padding: 0;
}

div.sidebar p.disclaimer 
{
	margin: 3px 0 5px;
	text-align: center;
}

/* Page paging */
div.paging
{
	float:left;
	width: 740px;
	padding:5px;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	padding-top: 23px;
	text-align: center;
}

div.paging a{
	padding:4px 7px 4px 7px;
	margin:0px 3px 0px 2px;
	border:1px solid #ccc;
	text-decoration:none;
}
div.paging a.current {
	padding:4px 7px 4px 7px;
	margin:0px 3px 0px 2px;
	border:0px;
	font-weight: bold;
	text-decoration:none;
	color: #000;
	cursor: default;
}
div.paging a:hover {
	border: 1px solid #555;
	text-decoration: none;
}
div.paging a.current:hover {
	border: 0px;
	text-decoration: none;
}
div.paging a.pageControl 
{
	margin: 4px 9px 4px 9px;
	padding: 0px;
	border: 0px;
	border-bottom: 1px dotted #0066CB;
}

/* Sidebar */

select
{
	border: 1px Solid #bbb;
	font-size: 13px;
	height: 22px;
	font-family: Verdana;
}

select.wide
{
	width: 100%;
}

div.sidebar div.search
{
	margin-bottom: 20px;
}

div.search input.text
{
	width: 182px;
}

ul.formList 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 9px;
}
ul.formList li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 100%;
}
ul.formList li.label
{
	padding-bottom: 2px;
}
ul.formList label
{
	font-size: 11px;
}


/* Buttons */
button.button, a.button
{
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	height: 32px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

button.search
{
	background-image: url(/Images/Buttons/search.png);
	width: 112px;
	margin-top: 7px;
}

button.enquiry
{
	background-image: url(/Images/Buttons/send-enquiry.png);
	width: 152px;
}

button.search-hover, button.enquiry:hover
{
	background-position: left bottom;
}

button.search:active
{
	-ms-background-position-x: 1px;
	-ms-background-position-y: -31px;
}

.centered button.button
{
	margin-left: auto;
	margin-right: auto;
}

div.minHeight 
{
	height: 268px;
	min-height: 268px;
}
.centered 
{
	text-align: center;
}

/* Bread crumbs */

div.bread-crumbs
{
	margin-bottom: 15px;
}


/*Error pages */
div#containerError
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	margin-bottom: 30px;
}

div.contentContainerError 
{
	margin-top: 40px;
	background-image: url(/Images/Error/background.gif);
}


/* The required heading information text at the top of the page */
div.required 
{
	padding: 5px 0px 15px;
}
