/* 

STYLE SHEET FOR MAG WORLD WEB SITE PROPERTY WIZARD PAGE
Created by Richard Clark
www.kmp.co.uk

*/

.property .intro {
	position:relative;
	min-height:200px;
}

.property .intro h1, .property .intro p {
	width:390px;
	position:relative;
	left:0;
}

.property .intro img {
	width:178px;
	margin:0 3px;
	position:absolute;
	top:0;
	right:0;
}

.property h2.metal {
	clear:both;
}

/*--------------------------
= Property Wizard
---------------------------*/

#content .prop-wizard {
	list-style:none;
	margin:0;
	padding:0;
}

#content .prop-wizard li {
	background:#75aadb;
	color:#fff;
	margin-bottom:5px;
	padding:5px;
	clear:left;
	float:left;
	width:595px;
}

.prop-wizard div {
	float:left;
	width:408px;
	border:1px solid #fff;
}

#content .prop-wizard div p {
	font-size:1.2em;
	font-weight:bold;
	padding:6px 11px 0 11px;
	margin-bottom:10px;
}

#content p.shortlist {
	clear:none;
	float:right;
	width:140px;
	font-size:1em;
}

#content .shortlist {
	background:url(/magweb.nsf/AttachmentsByTitle/icon-shortlist.gif/$FILE/icon-shortlist.gif) 0 50% no-repeat;
	padding:0 0 0 40px;
	font-weight:bold;
	margin-top:10px;
}

#content .prop-wizard ol {
	list-style:none;
	padding:0;
	margin:0 10px 10px 10px;
	float:left;
}

#content .prop-wizard ol li {
	background:transparent;
	color:#fff;
	margin-bottom:0;
	padding:0;
	clear:none;
	float:left;
	width:191px;
	margin-right:3px;
	margin-bottom:5px;
}

#content .prop-wizard a:hover{
	color:#002654;
}


/* Slider
----------------------------------*/
.prop-wizard .slider-wrap {
	margin:0 10px 2px 5px;
	border:0;
	width:auto;
}

div#slider {
	border:0;
	width:360px;
	margin:10px;
}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; background:#002654 url(/magweb.nsf/AttachmentsByTitle/icon-slider.gif/$FILE/icon-slider.gif); width:29px; height:29px; outline:0; cursor:pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height:19px /*.8em*/; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-widget-content{ background:url(/magweb.nsf/AttachmentsByTitle/bkgd_slider.gif/$FILE/bkgd_slider.gif) 0 0 no-repeat;}

/*----------------------------------*/

.footage {
	color:#002654;
}

#content .prop-wizard ol li a {
	display:block;
	width:191px;
	height:20px;
	text-indent:-999em;
}

#boh a {
	background:url(/magweb.nsf/AttachmentsByTitle/b_step_spr.gif/$FILE/b_step_spr.gif) 0 0 no-repeat;
}
#huy a {
	background:url(/magweb.nsf/AttachmentsByTitle/b_step_spr.gif/$FILE/b_step_spr.gif) 0 -20px no-repeat;
}
#ema a {
	background:url(/magweb.nsf/AttachmentsByTitle/b_step_spr.gif/$FILE/b_step_spr.gif) 0 -40px no-repeat;
}
#man a {
	background:url(/magweb.nsf/AttachmentsByTitle/b_step_spr.gif/$FILE/b_step_spr.gif) 0 -60px no-repeat;
}
#offices a {
	background:url(/magweb.nsf/AttachmentsByTitle/b_step_spr.gif/$FILE/b_step_spr.gif) 0 -80px no-repeat;
}
#hangars a {
	background:url(/magweb.nsf/AttachmentsByTitle/b_step_spr.gif/$FILE/b_step_spr.gif) 0 -100px no-repeat;
}
#warehouses a {
	background:url(/magweb.nsf/AttachmentsByTitle/b_step_spr.gif/$FILE/b_step_spr.gif) 0 -120px no-repeat;
}

#content .wizard-nav {
	margin:0;
	padding:0;
	font-size:1em;
	width:175px;
	clear:none;
	float:left;
	margin:23px 5px 0;
}

#content #step3 .wizard-nav {
	margin:36px 5px 0;
}

#content .wizard-nav li {
	width:120px;
	float:left;
	clear:none;
	padding:0;
	text-align:right;
}

#content .wizard-nav li a {
	background:url(/magweb.nsf/AttachmentsByTitle/b_arrows_spr.gif/$FILE/b_arrows_spr.gif) 100% 0 no-repeat;
	padding-right:19px;
	line-height:17px;
	display:block;
	text-decoration:underline;
}

#content .wizard-nav li a:hover {
	background-position:100% -17px;
	color:#fff;
}

#content .wizard-nav li.back {
	width:50px;
	margin-right:5px;
	text-align:left;
}

#content .wizard-nav li.back a {
	background:url(/magweb.nsf/AttachmentsByTitle/b_arrows_spr.gif/$FILE/b_arrows_spr.gif) 0 -34px no-repeat;
	padding-left:19px;
	padding-right:0;
}

#content .wizard-nav li.back a:hover {
	background-position:0 -51px;
}

/*--------------------------
= Property List
---------------------------*/

#content .prop-list {
	list-style:none;
	background:none;
	padding:0;
	margin:10px 0 0 0;
	font-size:1em;
}

#content .prop-list li {
	background:#fff;
	border:1px solid #75aadb;
	margin-bottom:5px;
	padding:2px;
	clear:both;
	float:left;
	width:598px;
	position:relative;
	min-height:150px;
}

#content .prop-list h3, #content .prop-list table {
	width:370px;
	float:left;
}

#content .prop-list h3 {
	padding:0;
	margin:10px 5px 15px 5px;
	font-size:1.4em;
}

#content .prop-list h3 span {
	background:url(/magweb.nsf/AttachmentsByTitle/circle_arrow_white.gif/$FILE/circle_arrow_white.gif) 0 50% no-repeat;
	padding-right:15px;
}

#content .prop-list img {
	position:absolute;
	top:3px;
	right:3px;
}

#content .prop-list table {
	width:370px;
	border:0;
	font-size:1.2em;
}

#content .prop-list table em{
	text-transform:uppercase;
	background:#ea77af;
	font-style:normal;
	padding:1px 3px;
}

#content .prop-list table th, #content .prop-list table td {
	padding:0 5px;
}

#content .prop-list table.property-avail td {
	border-bottom:1px solid #75aadb;
	padding-bottom:2px;
	padding-top:2px;	
}

#content .prop-list table.property-avail th {
	background:0;
	color:#002654;	
	font-size:1em;
}

#content .prop-list table.property-contact th {
	font-size:1em;
}