/*	Mackay's Agency
	stylesheet $Revision: 1.13 $
	last updated $Date: 2004/10/04 02:06:13 $
	by $Author: jonathan $


	C O N T E N T S - - - - - - - - - - - - - - -
	
	plain HTML selectors

	general class selectors
	
	id selectors
	
	id specific classes
	
	misc.

*/

/*	S E L E C T O R  O R D E R - - - - - - - - - -

	display
	list-style
	position
	float
	clear
	width
	height
	margin
	padding
	border
	background
	color
	font
	text-decoration
	text-align
	vertical-align
	white-space
	other text
	content

*/







/*	P L A I N  H T M L  S E L E C T O R S
*/

	/* DROP DOWN */
	
	li ul {

	display: none;
		}
	
	li:hover ul, li.over ul {
		display: block;
		}
	
	.dropNav  {
		float: none;
		}
	
	.dropNav  li {
		padding:0px;
		margin:0px;
		}
	
	.dropNav a	{
		font-size:11px;
		display:block;
		width:135px;
		w\idth:130px;
		padding:5px 5px 5px 5px;
		font-weight:normal;
		background:#E5E4E5;
		color:#999999;
		text-decoration:none;
		border-top: 1px solid #000000;
		}
	
	.dropNav a:visited {
		color:#999999;
		}
	
	.dropNav a:hover {
		color:#ffffff;
		background:#9AA4AD;
		text-decoration:none;
		}
	/*  end of drop nav */

body	{
	margin:	0;
	padding:	10px;
	color:	#356;
	font:	10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
/* added by Steve */
#container
{
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: left;
}
#tbody	{
	margin:	0;
	padding:	10px;
	font:	11px Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, p, div, blockquote, img, ol	{
	display:	block;
	margin:	0;
	padding:	0;
	font:	10px Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4	{
	overflow:	hidden;
	font-weight:	bold;
}
h2	{
	margin:	30px 0 20px;
	height:	25px;
	border-bottom:	1px solid #CCC;
}
h3	{
	font-size:	10px;
	margin:	25px 0 0 15px;
	color:	#123;
}
p, div, blockquote, li, td	{
	line-height:	1.4em;
	font:	10px Verdana, Arial, Helvetica, sans-serif;
}
p,
#intro form#ref,
ol li	{
	padding:	0;
	margin:	0 30px 15px 20px;
}
ol li	{
	margin-left:	45px;
}

img	{
	display:	block;
	border: 0;
}

a	{
	text-decoration:	none;
	color:	#404;
}

a:hover	{
	color:	#003;
}

form	{
	margin:	0;
	padding:	0;
}
select,
input,
textarea	{
	font-size:	10px;
}





/*	G E N E R A L  C L A S S  S E L E C T O R S
*/

.hidden	{
	visibility:	hidden;
}
.cottage	{
	visibility:	hidden;
}
.cottage1	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 30px;
	}
.inline	{
	display:	inline;
}
.more	{
	padding:	5px;
	text-align:	right;
}
.highlight	{
	background:	url(../i/bgsearch.jpg) top center repeat-x;
	padding:	5px;
	margin-left:	15px;
}







/*	I D  S E L E C T O R S
*/


/*	container
------------------------------------------------------------
*/
#container,
#footer	{
	width:	800px
}


/*	header
------------------------------------------------------------
*/
#header	{
	position:	relative;
	background:	url(none);
}

#header h1	{
	float:	left;
	width:	280px;
	height:	40px;
	margin:	0;
	background:	url(../i/bgtitle.jpg) top left no-repeat;
}

#header a	{
	display:	block;
	border:	none;
}
#header a:hover	{
}


#nav-menu
{
	width:800px;
	background-image: url(../i/nav_bac.gif);
	background-repeat: repeat-x;
	height: 26px;
	margin-bottom: 5px;

}

#nav-menu ul
{
	background-color:#7ca8ff;
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu a
{
	float:left;
	font-size:0.94em;
	display:block;
	padding:5px 7px 7px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-weight: bold;	
} 

#nav-menu li {
		width:auto;
		height:40;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #ffffff;
		float: left;
		position: relative;
		padding:0px;
}


#nav-menu a:hover
{
	color: #000000;
	text-decoration: none;
	background-color: #b4c7ff;

}
/* Hide from IE5-Mac, IE6 \*/
#nav-menu li a
{
float: none
}
/* End hide */ 


#homeButton	{
	width:	40px;
	background:	url(../i/bghome.gif) top left no-repeat;
}
#aboutusButton	{
	width:	60px;
	background:	url(../i/bgaboutus.gif) top left no-repeat;
}
#contactButton	{
	width:	55px;
	background:	url(../i/bgcontact.gif) top left no-repeat;
}
#ownersButton	{
	width:	55px;
	background:	url(../i/bgowners.gif) top left no-repeat;
}
#requestbrochureButton	{
	width:	110px;
	background:	url(../i/bgrequestbrochure.gif) top left no-repeat;
}

a:hover#homeButton	{
	background:	url(../i/bgoverhome.gif) top left no-repeat;
}
a:hover#aboutusButton	{
	background:	url(../i/bgoveraboutus.gif) top left no-repeat;
}
a:hover#contactButton	{
	background:	url(../i/bgovercontact.gif) top left no-repeat;
}
a:hover#ownersButton	{
	background:	url(../i/bgoverowners.gif) top left no-repeat;
}
a:hover#requestbrochureButton	{
	background:	url(../i/bgoverrequestbrochure.gif) top left no-repeat;
}


/*	subnavigation
------------------------------------------------------------
*/
#subnav	{
	margin:	-20px 0 10px;
	padding:	2px 10px;
	border-bottom:	1px solid #CCC;
}
#subnav a	{
	font-weight:	bold;
	line-height:	1.5em;
	padding:	0 5px;
	border:	none;
	white-space:	nowrap;
	color:	#999;
}
#subnav	a:hover	{
	color:	#666;
}
#subnav a.active	{
	color:	#000;
}


/*	special offers
------------------------------------------------------------
*/
#offersTable	{
	margin:	10px 20px;
	border-right:	1px solid #CCC;
}
#offersTable th	{
	background:	url(../i/bgsearchresult.jpg) top left repeat-x;
	border-left:	1px solid #CCC;
	text-align:	center;
	padding:	5px;
}
#offersTable td	{
	background:	url(../i/bgbooking.jpg) top bottom repeat-x;
	border-left:	1px solid #CCC;
	border-top:	1px solid #CCC;
	text-align:	center;
	padding:	5px;
	vertical-align:	top;
}
#headSpecialOffers	{
	background:	url(../i/headspecialoffers.jpg) top left no-repeat;
	height:	25px;
}
#tandctable	{
	margin:	10px auto;
}
#tandctable td	{
	text-align:	left;
}
#tandctable th	{
	text-align:	right;
}
#tandctable tr.title td,
#tandctable tr.title th	{
	border-bottom:	1px solid #CCC;
	vertical-align:	bottom;
}


/*	short breaks
------------------------------------------------------------
*/
#headShortBreaks	{
	background:	url(../i/headshortbreaks.jpg) top left no-repeat;
	height:	25px;
}


/*	section headers
------------------------------------------------------------
*/
#headAboutUs	{
	background:	url(../i/headaboutus.jpg) top left no-repeat;
	height:	25px;
}
#headContact	{
	background:	url(../i/headcontact.jpg) top left no-repeat;
	height:	25px;
}
#headOwners	{
	background:	url(../i/headowners.jpg) top left no-repeat;
	height:	25px;
}
#headRequestBrochure	{
	background:	url(../i/headrequestbrochure.jpg) top left no-repeat;
	height:	25px;
}


/*	intro
------------------------------------------------------------
*/

#welcomeToScotland	{
	clear: left;
	float: left;
	width: 190px;
	border: thin solid #909090;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	height: 355px;
}
#welcomeToScotland	h2{
	font-size: 14px;
	font-weight: bold;
	color: #4D79D2;
	margin: 0px;
	padding: 5px 0px 0px 5px;
	float: left;
	border: none;
}
#welcomeToScotland	p{
	color: #000000;
	font-size: 10px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 180px;
	line-height: 14px;
}
#bookingIsEasy	{
	background:	url(../i/txtbookingiseasy.jpg) top left no-repeat;
	height:	25px;
	border:	none;
	margin-bottom:	0;
}

#findAProperty	{
	background:	url(../i/txtfindaproperty.jpg) top left no-repeat;
	height:	25px;
	border:	none;
	margin-bottom:	0;
	cursor:	pointer;
}

#ref label	{
	padding-right:	10px;
	line-height:	21px;
	vertical-align:	top;
}
#propertyReference	{
	border:	1px solid #ABC;
	width:	55px;
	padding:	2px;
	font-size:	10px;
	vertical-align:	top;
}


/*	hero
------------------------------------------------------------
*/
#hero	{
	width:	800px;
	padding:	3px 0px 0px 0px;
	clear: both;
	margin:0px;
}
#hero h2	{
	margin-bottom:	0;
}
#hero a	{
	border:	none;
	margin:0px;
	padding: 0px;
}
#hero img	{
	border:	none;
	margin:0px;
	padding: 0px;
	clear: none;
	float: none;
	width: 197px;
	display: inline;
}
#specialOffers	{
	background:	url(../i/bgspecialoffers2.jpg) bottom right no-repeat;
}
#premierProperties	{
	background:	url(../i/bgpremierproperties2.jpg) top right no-repeat;
}
#edinburghApartments	{
	background:	url(../i/bgedinburghapartments2.jpg) top right no-repeat;
}
#shortBreaks	{
	background:	url(../i/bgshortbreaks2.jpg) top right no-repeat;
}

#popupOffer {
  position: relative;
  border-bottom:  1px solid #CCC;
}
#popupOfferContent  {
  position: absolute;
  top:  29px;
  height: 429px;
  width:  280px;
	background:	#FFF url(../i/offers/early_bird_bg.png) bottom center no-repeat;
}
#hero #popupOffer a {
  display:  block;
  height: 29px;
  line-height:  29px;
  padding:  0 5px;
  text-align: right;
  height: 29px;
	background:	#FFF url(../i/offers/early_bird_button.png) bottom center no-repeat;
}
#hero #popupOffer a b {
  display:  none;
}
#hero #popupOfferContent a {
  display:  inline;
}
#hero #popupOffer a.marker  {
  display:  none;
}

/*	results
------------------------------------------------------------
*/
#resultSummary	{
	padding:	0 340px 0 0;
}
#resultSummary p	{
	margin:	0 20px 10px 20px;
}

#refineSearchForm	{
	float:	right;
	width:	320px;
	padding-bottom:	25px;
	margin:	0;
}
#refineSearchForm .submitButton	{
	float:	right;
	border:	none;
}

#searchResults	{
	background:	url(../i/txtsearchresults.jpg) top left no-repeat;
	height:	25px;
}

#refineSearch	{
	background:	url(../i/txtrefinesearch.jpg) top left no-repeat;
	height:	25px;
}

#results	{
	clear:	both;
}

.searchResult	{
	width:	100%;
	background:	url(../i/bgsearchresult.jpg) top left repeat-x;
}
.searchResult p	{
	margin:	5px 5px 10px;
}
.searchResult h3	{
	margin:	5px;
	font-size:	10px;
}


.propSummary	{
	border-right:	1px solid #CCC;
	width:	120px;
}

.propPreview	{
	width:	auto;
}

.propPreview img	{
	float:	right;
	padding:	5px 5px 5px 20px;
	width:	150px;
}

.propReference	{
	border-right:	1px solid #CCC;
	border-top:	1px solid #CCC;
	line-height:	25px;
	padding:	0 5px 0 0;
	text-align:	right;
}

.propFacilities	{
	border-top:	1px solid #CCC;
	text-align:	right;
	padding:	0 5px 0 0;
	line-height:	25px;
}
.propFacilities a	{
	display:	block;
	float:	left;
	background:	url(../i/bgfacilitynotavail.gif) center left no-repeat;
	padding:	0 0 0 25px;
	border:	none	!important;
	color:	#999;
	white-space:	nowrap;
}
.propFacilities a:hover	{
	text-decoration:	underline;
	color:	inherit;
}
.propFacilities a.available	{
	background:	url(../i/bgfacilityavail.gif) center left no-repeat;
	color:	#333;
}
#headMackays	{
	background:	url(../i/headmackaysagency.jpg) top left no-repeat;
	height:	25px;
}
#headThankYou	{
	background:	url(../i/headthankyou.jpg) top left no-repeat;
	height:	25px;
}
#headError	{
	background:	url(../i/headerror.jpg) top left no-repeat;
	height:	25px;
}


/*	details
------------------------------------------------------------
*/
#propertyDetails	{
	background:	url(../i/txtpropertydetails.jpg) top left no-repeat;
	height:	25px;
	margin-bottom:	0;
}
#propertyDigest	{
	width:	100%;
	background:	url(../i/bgsearchresult.jpg) top left repeat-x;
}
#propertyDigest p	{
	margin:	5px;
}
#propertyDigest h3	{
	margin:	5px;
	font-size:	10px;
}
#propertyDigest a#backButton	{
	border:	0;
}
#propertyDigest .propSummary	{
	border:	none;
	text-align:	left;
	width:	200px;
}
#propertyDigest .propBack	{
	border-right:	1px solid #CCC;
	width:	130px;
}
#propertyDigest .propPreview	{
	width:	auto;
}

#basicDetail	{
	clear:	both;
	margin:	20px 0;
	padding:	5px;
}

#basicDetail .image	{
	float:	left;
}
#basicDetail .detail	{
	padding:	0 0 0 240px;
}
.detail p	{
	margin:	0 10px 0 0;
}

#premierDetail	{
	clear:	both;
	margin:	20px 0;
	padding:	5px;
}

#premierDetail .image	{
	float:	right;
	text-align:	right;
}
#premierDetail .detail	{
	padding:	0 240px 0 0;
}


/*	booking panel
------------------------------------------------------------
*/
#headBooking	{
	background:	url(../i/headbooking.jpg) top left no-repeat;
	height:	25px;
}

#bookingPanel	{
	border-top:	1px solid #CCC;
	clear:	both;
}
#bookingPanel h2	{
	border:	none;
	margin:	0 0 10px 0;
	padding:	0;
}
#propertyNotes	{
	height:	20px;
	background:	url(../i/txtNotes.jpg) top left no-repeat;
}
#availabilityChart	{
	height:	20px;
	background:	url(../i/txtAvailabilityChart.jpg) top left no-repeat;
}

#notes	{
	padding:	5px;
	background:	url(../i/bgbooking.jpg) top left repeat-x;
}
#notes p	{
	margin:	0 20px 10px;
}

#booking	{
	padding:	5px;
	width:	400px;
	background:	url(../i/bgbooking.jpg) top left repeat-x;
}


/*	calendar
------------------------------------------------------------
*/
.calendar	{
	width:	400px;
	border:	2px solid #69C;
	margin:	10px;
}
.calendar td form	{
	margin:	0	!important;
	padding:	0	!important;
}
.calendar td,
.calendar th	{
	color:	#FFF;
	font-size:	10px;
	padding:	3px;
	text-align:	center;
	background:	#69C;
	white-space:	nowrap;
}
.calendar th a	{
	color:	#FFF;
}
.calendar td	{
	border-top:	1px solid #FFF;
	background:	url(../i/bgsearchresult.jpg) top left repeat-x;
	color:	#666;
}
.calendar tr.currentWeek td	{
	background:	#6C9;
}
.calendar a	{
	border:	none;
}
.calendar td.thisMonth	{
	color:	#222	!important;
}

.calendar td.booked	{
	background:	#69C;
	color:	#9CF;
}
.calendar td.nostart	{
	background:	#9CF;
}

.calendar td.bookingMessage	{
	text-align:	right;
	background:	none;
	border:	none;
	color:	#333;
	width:	120px;
	font-weight:	bold;
	padding-left:	10px;
	border-left:	2px solid #69C;
}

.calendar td.bookingButton	{
	text-align:	right;
	width:	85px;
	background:	none;
	border:	none;
}


/*	forms
------------------------------------------------------------
*/
form	{
	margin:	20px;
	padding:	0;
}

form th	{
	text-align:	right;
	padding-right:	10px;
	width:	150px;
	vertical-align:	top;
	padding-top:	2px;
}
#form_region{
	width: 180px;
}
input.field,
option.field,
textarea.field,
input.short,
input.mid	{
	width:	200px;
	border:	1px solid #456;
	padding:	2px;
	font:	10px Verdana, Arial, Helvetica, sans-serif;
}
input.short	{
	width:	3em;
}
input.submitButton	{
	background-color:	#FFD;
	color:	#234;
	font-weight:	bold;
	border:	2px solid #89A;
}


/*	search
------------------------------------------------------------
*/
#search	{
	position:	relative;
	width:	196px;
	margin: 0px;
	padding: 0px;
	clear: right;
	float: right;
}
#search select,
#search input	{
	font-size:	10px;
}
#search a	{
	border:	none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #404184;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
#search p	{
	text-align: right;
	margin: 5px 2px;
	float: right;
	line-height: 1.5em;
}
#search input.field	{
	width:	80px;
}
#search h2	{
	background-image: url(../i/nav_bac.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0;
	padding: 5px 0px 1px 10px;
	clear: both;
	float: left;
	height: 20px;
	width: 185px;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
#availabilitySearch	{
	background:	url(../i/txtavailability.jpg) top right no-repeat;
}
#newAvailabilitySearch	{
	background:	url(../i/txtnewavailability.jpg) top right no-repeat;
}
#refSearch	{
	background:	url(../i/txtrefsearch.jpg) top right no-repeat;
}
#search form	{
	margin:	0px;
	padding:	5px 5px 5px 3px;
	background:	#FFFEDF;
	border: 1px solid #999999;
}

#infograph	{
	text-align:	right;
	padding:	20px;
	vertical-align:	bottom;
}
#infograph img	{
	padding-top:	20px;
	float:	right;
}


/*	footer
------------------------------------------------------------
*/
#footer	{
	font-weight:	bold;
	background-image: url(../i/Template_home_01x_13.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	float: left;
	width: 800px;
	display: block;
	overflow: hidden;
}

#subnavigation	{
	list-style:	none;
	margin:	30px 10px 10px;
	padding:	0;
}

#subnavigation li	{
	display:	inline;
	margin:	0 10px 0 0;
	padding:	0;
}

#subnavigation a	{
	white-space:	nowrap;
	border-bottom:	none;
	margin-right: 80px;
}
#content {
	width: 400px;
	margin: 0px;
	float: left;
	clear: right;
	text-align: center;
	padding: 0px 4px 0px 6px;
}
#intro {
	clear: left;
	float: left;
	border: thin none #909090;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	height: 365px;
}

#mainpage {

	clear: both;
	width: 800px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.main_link{
	display:block;
	width: 397px;
	height:362px;
	clear:none;
	position: absolute;
	z-index: 10;
}