/* Tag Styles */

body
{
	margin: 0;
	background: #eaf2eb url(../Images/site_bkgrnd.png) repeat-x 0 107px;
	color: #333;
	font-size: 0.9em;
	line-height: 1.5
}

div
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333
}

a, a:hover, a:visited, .ImageLink
{
	color: #090;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer
}

a:hover { color: #c60; }

img
{
	border: none
}

p, ul, ol, .para {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 1.2em;	
}

.halfMarginBottom {
	margin-bottom: 0.6em;
}

/* Common */

.contentMaxWidth {
	max-width: 880px;
	margin: 0 auto;
}

.leftAlign { text-align: left; }
.rightAlign { text-align: right; }
.center { text-align: center; }

.DisplayNone { display: none; }

.Error, .error 
{
	border-color: #ff0000;
	color: #ff0000;
}

.GrayBackground
{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-image:url(../Images/Gray.png);
	z-index: 1000
}

.Popup
{
	padding: 5px;
	width: 500px;
	margin: 100px auto;
	border: solid 1px #000;
	background-color: #fff
}

.Alert
{
	margin: 5px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	border: solid 2px #ff0000;
	background-color: #f7b1b1
}

.Information
{
	margin: 5px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	border: solid 2px #50b848;
	background-color: #eaf2eb
}

.hidden { visibility: hidden; }

h1, h2
{
	margin: 0;
	font-weight: bold;
	padding: 10px;
	line-height: 1em;
}

h2.marginBottom { margin-bottom: 1.2em !important; }

h1
{
	font-size: 1.1em;
	padding-top: 13px;
	padding-bottom: 12px;
}

h2 { font-size: 1.0em; }

div.fancy-h2 h2,
div.fancy-heading,
h2.fancy {
	margin: 0;
	padding: 0;
	margin-top: 2em;
	padding-bottom: 5px;
	margin-bottom: 0.5em;
	color: #015701;
	border-bottom: solid 2px #3cb938;
	font-size: 1.3em;
	font-weight: normal;
}

div.fancy-h2 h2.noBottomMargin { margin-bottom: 0; }
div.fancy-h2 h2.noTopMargin { margin-top: 0; }

h4 { margin-bottom: 0; }

.Content
{
	padding: 5px 10px 10px
}

.ImageHover
{
	cursor: hand;
	cursor: pointer
}

.SimpleClear
{
	clear: both
}

.Clear:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.Clear
{
	clear: both;
	display: inline-block
}

.clear { clear: both; }

.Prompt
{
	margin-bottom: 0.5em;
}

.floatRight { float: right; }
.floatLeft { float: left; }

.max-width-600 { max-width: 600px; margin: 0 auto; }
.max-width-800 { max-width: 800px; margin: 0 auto; }
.max-width-880 { max-width: 880px; margin: 0 auto; }
.max-width-920 { max-width: 920px; margin: 0 auto; }
.max-width-1000 { max-width: 1000px; margin: 0 auto; }


/* Hide from IE Mac \*/
.Clear
{
	display: block
}
/* End hide from IE Mac */


/* Buttons */
.Button,
.Button-medium,
.Button-wide,
.Button-x-wide,
.Button-xx-wide
{
	display: inline-block;
	background: url(../Images/Button.gif) no-repeat;
	height: 24px;
	width: 70px;
	padding-bottom: 2px;
	text-align: center;
	border: none;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: normal !important;
}

.Button-medium { width: 85px; background-image: url(../Images/Button-medium.gif); }
.Button-wide { width: 100px; background-image: url(../Images/Button-wide.gif); }
.Button-x-wide { width: 125px; background-image: url(../Images/Button-x-wide.gif); }
.Button-xx-wide { width: 150px; background-image: url(../Images/Button-xx-wide.gif); }

.Button:hover,
.Button-medium:hover,
.Button-wide:hover,
.Button-x-wide:hover,
.Button-xx-wide:hover
{
	background-position: 0 -24px;
	cursor: pointer;
	cursor: hand;
	color: #FFF;
	text-decoration: none;
}

a.Button,
a.Button-medium,
a.Button-wide,
a.Button-x-wide,
a.Button-xx-wide {
	height: 20px;
	line-height: 20px !important;
	padding-top: 2px;
}

a.Button:active,
a.Button-medium:active,
a.Button-wide:active,
a.Button-x-wide:active,
a.Button-xx-wide:active {
	/* todo: something to indicate its being pressed!, also to the :focus one for when has keyboard input focus */
}


/* Section Header */
.SectionHeader
{
	width: 98%;
	height: 15px;
	padding-top: 14px;
	padding-left: 10px;
	background-image: url(../Images/MenuBar.gif);
	margin-top: 5px;
	margin-right: 5px;
	color: #ffffff
}


/* Top Panel */
#divTopPanel
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 75px;
	background: #ffffff url(../Images/TopRight.jpg) no-repeat right;
}

#divTopPanel .Logo
{
	width: 268px;
	height: 46px;
	display: block;
	float: left;
	margin-top: 14px;
	margin-left: 20px;
	padding: 0
}

#divTopPanel #divTopRight
{
	margin-left: 330px;
	margin-right: 230px;
	padding: 15px;
	text-align: right;
}

/* Menu */

#divMenu
{
	position: absolute;
	top: 75px;
	left: 0px;
	height: 32px;
	width: 100%;
	background-image: url(../Images/MenuBar.gif);
	background-repeat: repeat-x;
}

#divMenu ul,
#divMenu li
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#divMenu #navMenuLinks { padding-left: 20px; }

#divMenu a,
#divMenu a b,
#divMenu a u
{
	height: 32px;
	line-height: 32px;
	display: block;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

#divMenu a
{
	background-image: url(../Images/MenuButtonCenter.gif);
}

#divMenu a b {
	padding-left: 25px;
	background-image: url(../Images/MenuButtonLeft.gif);
	background-repeat: no-repeat;    
}

#divMenu a u {
	padding-right: 25px;
	background-image: url(../Images/MenuButtonRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#divMenu a:hover,
#divMenu a.selected { background-position: 0 -32px; }

#divMenu a:hover b,
#divMenu a.selected b { background-position: 0 -32px; }

#divMenu a:hover u,
#divMenu a.selected u { background-position: right -32px; }

#divMenu a.selected u { cursor: default; }

#divMenu #divMenuRight 
{
	float: right;
	padding-right: 110px;
	background: url(../Images/MenuBarRight.jpg) no-repeat top right;
}

/* Panels */

.panel-t { background: url(../Images/panel_t.png) repeat-x; }
.panel-l { background: url(../Images/panel_l.png) repeat-y; }
.panel-r { background: url(../Images/panel_r.png) repeat-y right top; }

.panel-main-tl { background: url(../Images/panel_main_tl.png) no-repeat; }
.panel-main-tr { background: url(../Images/panel_main_tr.png) no-repeat right top; padding-top: 10px; }

.panel-bar-tl { background: url(../Images/panel_tl.png) no-repeat; padding-left: 30px; height: 27px; }
.panel-bar-tr { background: url(../Images/panel_tr.png) no-repeat right top; padding-right: 30px; height: 27px; }
.panel-bar-t { background: url(../Images/panel_t.png) repeat-x; height: 27px; }

.panel-bar-bl { background: url(../Images/panel_bl.png) no-repeat; padding-left: 30px; height: 27px; }
.panel-bar-br { background: url(../Images/panel_br.png) no-repeat right top; padding-right: 30px; height: 27px; }
.panel-bar-b { background: url(../Images/panel_b.png) repeat-x; height: 27px; }

.panel-content {
	margin-left: 20px;
	margin-right: 20px;
	background-color: #fff;
}

.panel-content:after {
	/* thanks to http://www.456bereastreet.com/lab/transparent-custom-corners-borders-v2/ */
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}


/* Side Panel */
#divSidePanelContainer
{
	position: absolute;
	top: 117px;
	right: 8px;
	width: 271px
}

.side-heading {
	margin: 0;
	padding: 0;
	background: url(../Images/sidePanel-header.png) no-repeat;
	height: 34px;
}

.side-heading h2 {
	margin: 0;
	padding: 0;
	padding-left: 13px !important;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top: 9px !important;
}

.side-heading.first { background-image: url(../Images/sidePanel-header-first.png); }

#divSidePanelContainer .panel-content {
	margin-left: 10px;
	margin-right: 10px;
}

.side-panel-t {
	background: url(../Images/side-panel-t.png) no-repeat left top;
	padding-top: 10px;
}

.side-panel-b {
	background: url(../Images/side-panel-b.png) no-repeat left bottom;
	padding-bottom: 17px;
}

.side-panel-divider { border-top: dotted 1px #026902; }
.side-panel-divider.margin-top { margin-top: 1em; }

#divSidePanelContainer h2 {
	padding: 0;
	padding-left: 7px;
	padding-top: 1em;
	padding-bottom: 1em;
}

#shopping-basket {
	padding: 1.5em;
	padding-top: 1.2em;
	padding-bottom: 1.5em;
}

#shopping-cart-icon { margin-right: 10px; }

#ZebraAssistAdWrapper {
	margin-left: 5px;
	margin-bottom: 8px;
	width: 240px;
	height: 200px;
	overflow: hidden;
}

#ZebraAssistAdPadding { padding-left: 5px; padding-top: 10px; }

#ZebraAssistAdWrapper.hideAd * { display: none; }

#feedback-section {
	padding: 16px 0;
	text-align: center;
}

#divSponsoredProperty {
	text-align: center;
	padding: 0 5px;
}

#divSponsoredProperty img {
	display: block;	
	margin: 0 auto;
	margin-bottom: 5px;
	text-decoration: none;
}

#recentlyViewedProperties {
	padding: 0 5px;
	font-size: 90%;
	padding-bottom: 7px;
	line-height: 1.4em;
}

#recentlyViewedProperties a { display: block; }

#recentlyViewedProperties a:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	
#recentlyViewedProperties a + a {  margin-top: 1em; }

#recentlyViewedProperties img {
	width: 100px;
	height: 75px;
	float: left;
}

#recentlyViewedProperties span {
	display: block;
	margin-left: 105px;
}

#recentlyViewedProperties span.price {
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 5px;
}


/* Content Panel */
#divContentPanel
{
	margin-right: 285px;
	margin-top: 117px;
	margin-left: 8px
}

#divContentPanel .panel-content { padding-top: 13px; }

#divContentPanel .panel-t,
#divContentPanel .panel-bottom-bar { min-width: 660px; }

.main-heading {
	margin-left: 10px;
	margin-right: 10px;
	background: url(../Images/main-heading-bkgrnd.png) repeat-x;
}

.main-heading div {
	background: url(../Images/main-heading-right.png) no-repeat right top;
}

.main-heading h1 {
	margin: 0;
	padding: 0;
	padding-left: 13px;
	background: url(../Images/main-heading-left.png) no-repeat;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	height: 39px;
	line-height: 39px;
	color: #fff;
}


/* Footer panel styles */
#divPageFooterWrapper {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 17px;
	width: 822px; /* i.e. footer's actual width + side panel width */
}

#divPageFooter {
	margin-right: 292px;
	font-size: 85%;
	line-height: 100%;
}

#divPageFooter .panel-bar-tl,
#divPageFooter .panel-bar-tr,
#divPageFooter .panel-bar-t,
#divPageFooter .panel-bar-bl,
#divPageFooter .panel-bar-br,
#divPageFooter .panel-bar-b { height: 25px; }

#divPageFooter .panel-content {
	margin-left: 30px;
	margin-right: 30px;
	background-color: #fff;
}

#divPageFooter ul,
#divPageFooter li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#divPageFooter li + li { padding-top: 5px; }
#divPageFooter ul li:last-child { padding-top: 6px; }

ul#footerLinks1 { width: 98px; }
ul#footerLinks2 { width: 150px; }
ul#footerLinks3 { width: 160px; }
ul#footerLinks4 { width: 62px; }

#footerLegal {
	clear: both;
	text-align: center;
	padding-top: 1.2em;
}

#footerLegal p { margin-bottom: 1.2em; }


/* Search Panel */

#divQuickSearch {
	margin-bottom: 2px;
}

#divQuickSearchControls {
}

#divQuickSearchControls input {
	position: relative;
	top: 1px;
}

input.QuickSearchTextBox {
	width: 49%;
	max-width: 350px;
	height: 16px;
	border: solid 2px #C8E2CB;
	padding: 2px;
}


/* Saved Searches */

.SavedSearches
{
	display: none;
	position: relative;
	left: 100%;
	margin-left: -280px;
	width: 280px;
	text-align: left;
	background-color: #c8e8c7;
	border: solid 1px #000000;
	z-index: 1002;
	padding: 10px;
}

.SavedSearches p
{
	margin: 0;
	margin-bottom: 5px;
}

.SavedSearches a
{
	color: #000000
}

.SavedSearches div.Close
{
	text-align: center;
	text-decoration: underline;
}

/* Seller's Guide */

#divSellersGuide
{
	padding: 10px
}

#divSellersGuide .MainImage
{
	float: left;
	margin-bottom: 1.5em;
}

#divSellersGuide .Steps
{
	margin-left: 347px;
	margin-top: 17px;
	padding: 0;
}

#divSellersGuide .Steps li
{
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin-bottom: 12px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 38px;
}

#divSellersGuide .Steps li.Step1 { background-image: url(../Images/Guides/Step1Bubble.gif); }
#divSellersGuide .Steps li.Step2 { background-image: url(../Images/Guides/Step2Bubble.gif); }
#divSellersGuide .Steps li.Step3 { background-image: url(../Images/Guides/Step3Bubble.gif); }

#divSellersGuide .Steps li.StepCompleted { background-image: url(../Images/big-tick.png); text-decoration: line-through; }
#divSellersGuide .Steps li.StepCompleted * { text-decoration: line-through; color: inherit !important; }

#divSellersGuide .Seperator
{
	height: 1px;
	margin: 20px 0 10px 0;
	border-top: dotted 1px #333
}

#divSellersGuide .Benefits
{
	font-weight: bold;
	padding-top: 10px;
}

#divSellersGuide ul
{
}

#divSellersGuide ul li
{
	margin: 10px;
	list-style-type: square
}

#divSellersGuide .FinalSteps p
{
	font-weight: bold;
	margin: 15px 0px 3px 0px
}

#divSellersGuide .FinalStepCompleted {
	padding-left: 38px;
	background: url(../Images/big-tick.png) no-repeat left center;
	text-decoration: line-through;
}
#divSellersGuide .FinalStepCompleted * { text-decoration: line-through; color: inherit !important; }

#divEstateAgencyAgreements
{
	padding: 0px 10px 10px 5px;
	width: 80%;
	margin: auto;
	border: solid 1px #000000;
	background-color: #fff
}

/* User Registration */

#_RegistrationLogin
{
	text-align: center;
	margin: 10px 0px
}

#_Registration
{
	margin: 10px auto 10px auto;
	padding: 20px;
	width: 400px;
	border: solid 1px #ccc
}

#_Registration .Note
{
	padding: 0px;
	font-size: 0.8em
}

#_Registration .CheckAvailability
{
	margin-left: 130px;
	margin-bottom: 10px;
	padding: 5px
}

#_Registration div.Submit
{
	text-align: center
}

/* Login */
#divLogin
{
	width: 320px;
	margin: 35px auto 35px auto;
	border: solid 1px #ccc;
	padding: 1em;
}

#divLogin label
{
	display: inline-block;
	width: 100px;
	padding-left: 5px;
	margin: 7px 0px 4px 10px
}

#divLogin input[type=text], #divLogin input[type=password]
{
	display: inline-block;
	width: 165px;
	margin: 5px 0px 0px 5px
}

#divLogin input.Login
{
	margin-top: 10px
}


/* Forgotten Password */

.ForgottenPassword
{
	width: 375px;
	padding: 20px;
	margin: 100px auto;
	background-color: #fff;
	border: solid 1px #000
}

.ForgottenPassword label
{
	width: 125px;
	display: inline-block
}

.ForgottenPassword input[type=text]
{
	width: 225px;
	margin-bottom: 10px
}

.ForgottenPassword p
{
	width: 100%;
	margin-top: 5px;
	text-align: center;
}

.ForgottenPassword .Result
{
	color: #ff0000;
}

/* Search Results */
#divPropertySearch { padding-top: 5px; }

#divPropertySearch .leftRightPad {
	padding-left: 5px;
	padding-right: 5px;
}

#PropertyFilter {
	border: solid 1px #ccc;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
}

#PropertyFilter table { border-collapse: collapse; }
#PropertyFilter table td { padding: 0; }

#PropertyFilter table tr + tr td {
	padding-top: 0.5em;	
}

#PropertyFilter td.Label
{
	padding-right: 7px;
	text-align: right;
}

#PropertyFilter td.Input { width: 180px }
#PropertyFilter td.Input select { width: 150px }

/* Search Results - grid-results */
#divPropertySearch .grid-results a {
	display: block;
	float: left;
	width: 290px;
	height: 230px;
	color: #000;
	background: url(../Images/Search-Result-Grid-Item.png) no-repeat;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 14px;
	text-decoration: none;
}

#divPropertySearch .grid-results a.IsSponsored {
	background-image: url(../Images/Search-Result-Grid-Item-Sponsored.png);
}

#divPropertySearch .grid-results a:hover {
	background-position: 0 -230px;
	text-decoration: underline;
	color: #353;
}

#divPropertySearch .grid-results a:hover.IsSponsored { color: inherit; }

#divPropertySearch .grid-results a .details {
	padding: 10px;
	padding-top: 8px;
	display: block;
}

#divPropertySearch .grid-results a .title {
	display: block;	
	margin-bottom: 8px;
}

#divPropertySearch .grid-results a .price {
	font-weight: bold;
	color: #2f812e;
	font-size: 105%;
}

#divPropertySearch .grid-results a .type {
	font-weight: bold;
	font-size: 90%;
	padding-left: 5px;
}

#divPropertySearch .grid-results a .img {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 3px solid #FFF;
}

#divPropertySearch .grid-results a .address {
	font-size: 90%;
	color: #333;
}

#divPropertySearch .grid-results a .desc {
	display: block;
	clear: left;
	font-size: 90%;
	padding-top: 8px;
	border-top: 1px dotted #ccc;
}

#divPropertySearch .grid-results a.IsSponsored .desc { border-top-color: #e07b28; }

/* Search Results - list-results */
#divPropertySearch .list-results a {
	display: block;
	border: solid 1px #ccc;
	margin-bottom: 1.2em;
	text-decoration: none;
	clear: left;
	background: url(../Images/Search-Result-List-Item.png) repeat-x;
	color: #000;
	margin-left: 5px;
	margin-right: 5px;
}

#divPropertySearch .list-results a.IsSponsored {
	border-color: #e07b28;
	background-image: url(../Images/Search-Result-List-Item-Sponsored.png);
}

#divPropertySearch .list-results a:hover {
	text-decoration: underline;
	color: #353;
	background: #e2e2e2;
}

#divPropertySearch .list-results a:hover.IsSponsored {
	color: inherit;
	background: #f9e9b3;
}

#divPropertySearch .list-results a .details {
	padding: 10px;
	padding-top: 8px;
	display: block;
}

#divPropertySearch .list-results a .title {
	display: block;
	font-weight: bold;
	margin-bottom: 8px;
}

#divPropertySearch .list-results a .price {
	font-weight: bold;
	color: #2f812e;
	font-size: 105%;
}

#divPropertySearch .list-results a .type {
	font-weight: bold;
	padding-left: 5px;
}

#divPropertySearch .list-results a.IsSponsored .type:after {
	content: " [Sponsored Property]";
	color: #e07b28;
	padding-left: 5px;
	float: right;
}

#divPropertySearch .list-results a .img {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 3px solid #FFF;
}

#divPropertySearch .list-results a .address {
	display: block;
	margin-bottom: 10px;
}

#divPropertySearch .list-results a .desc {
	display: block;
}

/* Property Locations */

#divPropertyLocations .Content
{
	text-align: center
}

/* Property Details */

#divPropertyPhotograph
{
	display: none;
	position: absolute;
	top: 155px;
	left: 30px;
	padding: 0px 15px 15px 15px;
	text-align: center;
	background-color: #ccc;
	border: solid 1px #000000
}

#divPropertyPhotograph img
{
	border: solid 1px #000000
}

#divPropertyPhotograph p
{
	color: #0000ff;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer
}

#divMainPropertyDetails .PhotoAndStatus
{
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-right: 10px
}

#divMainPropertyDetails .PhotoAndStatus img
{
	width: 200px;
	margin-bottom: 5px
}

#divMainPropertyDetails .EditPhoto
{
	margin: 5px 0px 5px 50px
}

#_PhotographContainer
{
	text-align: center
}

#_PhotographContainer div
{
	margin: 100px auto;
	background-color: #fff;
	font-weight: bold;
	border: solid 1px #000;
	text-decoration: none;
	width: 600px;
	cursor: hand;
	cursor: pointer
}

#divEditPropertyPhoto
{
	display: none;
	position: absolute;
	top: 165px;
	left: 35px;
	width: 380px;
	height: 135px;
	padding: 10px;
	background-color: #fff;
	border: solid 1px #000000
}

#divEditPropertyPhoto input[type=file]
{
	margin-left: 0px
}

#divEditPropertyPhoto div.Submit
{
	margin-top: 10px;
	margin-bottom: 5px
}

/* Edit Rooms */

#divEditRooms
{
	margin: 10px
}

#divEditRooms label
{
	float: left;
	width: 125px
}

#divEditRooms .RoomType
{
	float: left
}

#divEditRooms .Dimensions, #divEditRooms .Photograph
{
	float: left;
	width: 225px;
	margin-top: 10px
}

#divEditRooms .Dimensions p
{
	margin: 8px 0px 8px 0px
}

#divEditRooms .Dimensions input[type=text]
{
	width: 25px
}

#divEditRooms .AddRoom
{
	margin-top: 10px
}

#divEditRooms .Rooms
{
	margin-top: 10px
}

#divEditRooms .Rooms h3
{
	margin-top: 5px;
	padding-top: 5px;
	font: normal normal bold 12px Verdana
}

#divEditRooms .Room
{
	margin-top: 10px
}

#divEditRooms .Room .Photo
{
	float: left;
	width: 150px;
	height: 105px;
	margin-top: 5px;
	text-align: center
}

/* Referral Form */

#divReferralForm
{
	border: solid 1px #000000;
	width: 700px;
	margin: 10px auto 10px auto
}

#divReferralForm .HeaderText
{
	margin: 10px
}

#divReferralForm .Title
{
	font-size: 16px;
	margin: 10px
}

#divReferralForm .PersonalDetails
{
	float: left;
	width: 320px;
	margin-top: 10px
}

#divReferralForm .PersonalDetails input, #divReferralForm .PersonalDetails select, #divReferralForm .PersonalDetails textarea
{
	width: 160px;
}

#divReferralForm .ContactDetails
{
	float: left;
	width: 360px;
	margin-top: 10px
}

#divReferralForm .ContactDetails div
{
	margin-bottom: 20px
}

#divReferralForm .Label
{
	float: left;
	width: 75px;
	padding: 4px 3px 3px 10px
}

#divReferralForm .Input
{
	float: left;
	width: 200px;
	padding: 3px 3px 3px 10px
}

#divReferralForm .Address
{
	padding: 3px 3px 15px 10px
}

/* Update User Details */

#divUserDetails label
{
	float: left;
	width: 175px;
	margin-top: 6px;
	margin-left: 5px
}

#divUserDetails input[type=text]
{
	float: left;
	width: 200px;
	margin-top: 4px;
	margin-left: 5px
}

#divUserDetails select
{
	float: left;
	width: 175px;
	margin-top: 4px;
	margin-left: 5px
}

#divUserDetails .Submit
{
	margin-top: 20px;
	margin-left: 5px
}

/* News */

#divNews .Filter
{
	margin: 5px 5px 10px 5px;
	padding: 10px 10px 10px 10px;
	border: solid 1px #ccc
}

#divNews .Filter span
{
	margin: 0px 15px 0px 15px
}

#divNews .Filter input[type=submit]
{
	margin-left: 20px
}

#divNews .Filter .Date
{
	width: 75px
}

#divNews .SearchResults
{
	width: 99%;
	margin: auto;
	border-collapse: collapse;
	border: solid 0px #000000
}

#divNews .SearchResults tr:hover
{
	background-color: #e2e2e2;
	cursor: hand;
	cursor: pointer
}

#divNews .SearchResults td
{
	padding: 5px 5px 10px 5px;
	border-width: 0px;
	border: solid 1px #ccc
}

#divNews .SearchResults img
{
	float: left;
	margin: 15px 15px 10px 8px
}

#divNews .SearchResults .Header
{
	border-bottom: solid 1px #000000
}

#divNews .SearchResults .Title
{
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 5px 4px 10px
}

#divNews .SearchResults .Date
{
	float: right;
	font-weight: bold;
	margin: 5px 10px 4px 5px
}

#divNews .Article
{
	margin-top: 10px;
}

#divNewsArticle
{
	padding: 20px
}

#divNewsArticle img
{
	float: left;
	margin-right: 25px;
	margin-bottom: 5px
}

#divNewsArticle h2
{
	font-size: 18px;
	margin-top: 40px;
	margin-left: 200px;
	border-width: 0px
}

#divNewsArticle .Link
{
	position: absolute;
	top: 5px;
	right: 0px;
	width: 200px;
	text-decoration: underline;
	color: #0000ff
}

#divNewsArticle .ImageCaption
{
	float: left;
	width: 250px;
	margin-bottom: 10px
}

#divNewsArticle .Date
{
	float: right;
	font-weight: bold;
	text-align: right;
	width: 200px
}

#divNewsArticle .Author
{
	float: right;
	width: 150px;
	text-align: right;
	font-size: 11px;
	margin-bottom: 10px
}

#divSendNewsArticleToFriend
{
	display: none;
	position: absolute;
	top: 37px;
	right: 30px;
	width: 200px;
	height: 120px;
	z-index: 1000;
	padding: 5px;
	background-color: #ccc;
	border: solid 1px #000000
}

#divSendNewsArticleToFriend input[type=text]
{
	width: 190px;
	margin-bottom: 5px
}


/* z-table */
table.z-table {
	width: 100%;
	border: none;
	border-collapse: collapse
}

table.z-table td {
	border-top: solid 1px #ccc;
	padding: 7px 0;
}

table.z-table th,
table.z-table .Header {
	border-top: 0;
	padding: 10px 0;
	font-weight: bold;
	background: url(../Images/heading_bkgrnd_pale.gif) repeat-x left top;
}

table.z-table tr td:first-child { padding-left: 10px; }


/* Members Home */
#divMembersHome #sellLetButtons { margin-top: 1.5em; }

#divMembersHome .PropertyList td { text-align: center; }

#divMembersHome .PropertyList td img { vertical-align: text-top; }

#divMembersHome .PropertyList .leftAlign { text-align: left;}

#divMembersHome .padTop { margin-top: 0.6em; }


/* Message Centre */

#divMessageCentre
{
	width: 100%
}

#divMessageCentre a, #divMessageCentre a:hover, #divMessageCentre a:visited
{
	color: #0000ff;
}

#divMessageCentre .ContainerLinks
{
	width: 100%;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center
}

#divMessageCentre .ContainerLinks a, #divMessageCentre .ContainerLinks a:hover, #divMessageCentre .ContainerLinks a:visited
{
	font-size: 14px;
	margin-left: 20px;
	margin-right: 20px
}

#divMessageCentre .Messages
{
	width: 98%;
	border-collapse: collapse;
	margin: 0px auto 0px auto;
	border: solid 1px #acacac
}

#divMessageCentre .Header
{
	font-weight: bold;
	padding: 5px;
	background-color: #b1b7b3
}

#divMessageCentre .Row
{
	background-color: #eeeeee
}

#divMessageCentre .AlternateRow
{
	background-color: #e1e3e2
}

#divMessageCentre .Selected
{
	background-color: #6583e5
}

#divMessageCentre .Delete
{
	width: 50px;
	padding: 5px;
	text-align: center
}

#divMessageCentre .Sender, #divMessageCentre .Recipient
{
	width: 100px;
	padding: 5px
}

#divMessageCentre .Subject
{
	padding: 5px
}

#divMessageCentre .Datestamp
{
	width: 125px;
	padding: 5px
}

#divMessageCentre .Message
{
	width: 98%;
	margin: 10px auto 10px auto;
	border: solid 1px #acacac
}

#divMessageCentre .Message .Body
{
	padding: 5px 5px 5px 5px
}

#divMessageCentreSendMessage .Send
{
	padding: 10px;
}

#divMessageCentreSendMessage h3
{
	margin: 10px 0px 10px 0px;
	font: normal normal bold 12px #000000
}

#divMessageCentreSendMessage div.Submit
{
	margin: 5px 0px 5px 0px
}

#divMessageCentreSendMessage input[type=text], #divMessageCentreSendMessage textarea
{
	width: 98%
}

#divMessageCentreSendMessage .Sent
{
	padding: 10px
}

/* Account Payment */
.AccountPayment td.Quantity {
	width: 25px;
	text-align: center;
}

.AccountPayment td.Product {
	padding-left: 10px
}

.AccountPayment td.Price {
	width: 80px;
	text-align: right;
	padding-right: 10px
}

.AccountPayment td.Select {
	width: 75px;
	text-align: center
}

#divAccountPayment .Total {
	font-weight: bold;
	font-size: 16px;
	padding-right: 25px;
	text-align: right
}

#divAccountPayment .Checkout {
	width: 146px;
	text-align: center
}

#divAccountPayment .Note {
	margin-left: 10px
}


/* Products */

#divProducts
{
	
}

#divProducts .ProductContainer
{
	width: 90%;
	margin: 10px auto 10px auto
}

#divProducts .Product
{
	float: left;
	width: 45%;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	border: solid 1px #ccc
}

#divProducts .Product img
{
	margin: 10px auto 0px auto;
	height: 200px;
	width: 200px
}

#tblShoppingBasket
{
	border-collapse: collapse;
	margin: 5px auto 5px auto
}

#tblShoppingBasket td
{
	padding-bottom: 6px;
	text-align: left
}

#tblShoppingBasket .Quantity
{
	width: 20px;
	text-align: center
}

#tblShoppingBasket .Name
{
}

#tblShoppingBasket .Price
{
	width: 60px;
	text-align: right;
	padding-right: 5px
}

#tblShoppingBasket .TotalLabel
{
	text-align: right;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px
}

#tblShoppingBasket .TotalPrice
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
	border-top: solid 1px #000000
}

#tblShoppingBasket .Checkout
{
	padding: 5px;
	text-align: right
}

/* Signed Out */

#divSignedOut
{
	padding: 20px 10px 20px 20px
}

/* Zebra Assist */

#divZebraAssist
{
	width: 90%;
	margin: 20px auto 10px auto
}

#divServices
{
	width: 60%;
	float: left
}

#divServices .ServiceList
{
	width: 100%
}

#divServices .ServiceList p
{
	padding-left: 5px
}

#divServices .ServiceList .Select
{
	width: 25px;
	text-align: center
}

#divServices .ServiceList .Price
{
	width: 15%;
	text-align: center
}

#divServiceContactDetails
{
	width: 36%;
	padding-left: 4%;
	float: left
}

#divServiceContactDetails .Label
{
	float: left;
	width: 100px;
	margin-bottom: 10px
}

#divServiceContactDetails .Input
{
	margin-bottom: 10px
}

#divServiceContactDetails .Submit
{
	margin-top: 10px
}

/* Confirmation */

#divConfirmation
{
	padding: 20px 10px 20px 20px
}

/* siteMap styles */
ul#siteMap {
	margin: 0;
	padding: 0;
}

ul#siteMap ul {
	padding-left: 3em;
}

ul#siteMap li { list-style-type: none; margin-bottom: 1em; }
ul#siteMap li li { margin-bottom: 0; }


/* inputForm styles */
dl.inputForm {
	padding: 0;
	margin: 0;
	margin-bottom: 0.9em;
}

dl.inputForm dt {
	text-align: right;
	width: 150px;
	float: left;
}

dl.inputForm dd {
	margin-left: 155px;
	margin-bottom: 0.6em;
}

dl.inputForm.label-125 dt { width: 125px; }
dl.inputForm.label-125 dd { margin-left: 130px; }

.text-225 { width: 225px; }


/* Quick Login Panel */
#QuickLogin {
	width: 435px;
	margin: 80px auto;
}

#QuickLogin .inputForm {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#QuickLogin .fancy-heading {
	padding: 0;
	margin-top: 0;
	margin-bottom: 1.2em;
}