/*
Theme Name: CityOffices
Description: 
Version: 2
Author: Slava Rode
Author URI: http://www.rode-design.com/

	Please note IE Hacks are required to display pages in Internet Explorer correctly!
	However they will not validate in on-line CSS validator



*/

@import url(forms.css);
@import url(navigation.css);
@import url(result-tables.css);
@import url(big-tabs.css);

/* Page Structure */

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #444;
	background: url('images/bck_body_dark.gif') top left;
	margin: 7px 0 0 30px;
	}

#page,
#popup {
	background-color: white;
	background-image: url('images/bck_page_footer.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 10px;
	position: relative;
	/* The entire template's width is set in this class. */
	width: 880px;
	_width: 880px;
	}
#popup {
	width: 380px !important;
	}

#header {
	padding:0;
	margin: 0;
	position: relative;
	height: 85px;
	background: url('images/bck_home.gif') left top repeat-x;
	}

.primary {
	width: 555px;
	_width: 535px; /* IE Hack */
	float: left;
	padding: 0;
	margin: 0 10px 20px 30px;
	display: inline;
	}

#popup .primary {
	width: 330px !important;
	_width: 300px !important; /* IE Hack */
	float: left;
	padding: 0;
	margin: 0 10px 0 30px;
	display: inline;
	}

.secondary {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding: 0;
	margin: 0;
	margin-left: 595px;
	_margin-left: 540px; /* IE Hack */
	width: 255px;
	color: #666;
	}
	
div.item-right-block {
	border-left: solid 1px #502C68;
	border-right: solid 1px #502C68;
	}

div.item-right-block {
	float: left;
	clear: right;
	width: 255px;
	margin: 0;
	padding: 0 14px;
	_padding: 0 15px; /* IE Hack */
	/* text-align: justify; amended 29.11.06 */
	text-align: left;
	}

div.item-left-block {
	float: left;
	clear: right;
	width: 255px;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: left;
	}
	
div.item-left-block p,
div.item-right-block p {
	margin: 0;
	padding: 0;
	}

.quick-search {
	position: relative;
	clear: both;
	width: 820px;
	border-top: solid 1px #B8A6C4;
	margin: 0 30px;
	padding: 15px 0;
	text-align: center;
	}




/*- Headings */

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	text-align: left;
	}

h1 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0;
	margin: 0 auto;
	width: 800px;
	color: #FFF;
	}
	
table.results-title {
	width: 820px;
	margin: 10px 0 0 30px;
	}
table.results-title tr td h1 {
	width: 550px;
	background: none;
	margin: 4px 7px;
	}
table.results-title tr td {
	padding: 7px 0 2px 5px;
	font-weight: bold;
	color: #fff;
	background-image: url("images/bck-h1-green.gif");
	}
table.results-title tr td select {
	width: 140px;
	font-size: 10px;
	padding: 2px;
	margin: 0;
	border: none;
	}
	
#popup h1 {
	width: 300px !important;
	}

/* Header : Logo : Description */

#header div.cto-logo {
	width: 300px;
	height: 72px;
	float: left;
	}

#header h1.description { 
	font-size: 1.4em;
	font-weight: bold;
	width: 420px;
	_width: 420px;
	padding: 63px 30px 0 10px;
	text-align: right;
	text-decoration: none;
	color: #502C68;
	float: right;
	}

	

/* Content elements */


	
div.item-left-block p,
div.item-right-block p {
	margin: 0;
	padding: 0;
	}
	

.pagetitle {
	text-align: left;
	margin: 15px 0 15px;
	}

.pagetitle h2 {
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	display: inline;
	color: #502c68;
	}

.itemhead {
	margin-top: 10px;
	}

.itemtext h2 {
	font-size: 1.2em;
	display: block;
	padding: 1px 0 0;
	color: #777;
	}

.itemtext h3 {
	font-size: 1.1em;
	display: block;
	padding: 13px 0 0;
	}

.itemtext h4 {
	font-size: 1em;
	display: block;
	padding: 15px 0 0;
	}


.secondary h2 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0;
	display: inline;
	}
	
.secondary div {
	margin: 15px 0 0;
	padding: 0;
	}
    
.secondary span a {
	margin-left: 10px;
	}


/* Primary Contents */

.primary .item {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

.primary .item .itemtext {
	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: justify;
	color: #444;
	}

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote {
	margin: 5px 0 7px;
	}


/* Links */

.primary a:hover, .primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	}

a, a:visited {
	text-decoration: none;
	color: #84539E;
	color: #754A8D;
	}

a:active, a:hover, a:visited:hover {
	text-decoration: underline;
	}


/* Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	margin-top: -1.2em;
	padding: 0;
	}

.primary img {
	margin: 0;
	/* padding: 4px; */
	border: 1px solid #ccc;
	max-width: 100%;
	}
img.button,
img.icon,
img.mid-icon,
img.back-button {
	border: none !important;
	}


.center {
	text-align: center;
	}

.alignright {
	float: right;
	}

form .alignright {
	float: right;
	display: block;
	margin-right: 5px !important;
	}
	
.alignleft {
	float: left;
	}

img.center, img[align="right"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
img.icon.alignleft {
	_margin: 5px 7px;
	padding-bottom: 4px;
}
.iconlabel {
	padding: 1px 0;
	_padding: 2px 0;
	}

.noborder,
img.noborder {
	border: none !important;
	}

small {
	font-size: .9em;
	line-height: 1.5em;
	}

.bold {
	font-weight: bold;
	}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	border: none;
	}

hr {
	display: none;
	}


/* H1 tags */
.content h1.bck-cto-blue {
	padding: 10px 10px 7px;
	margin: 10px 30px 0;
	background: url(images/bck-h1-blue.gif) left top repeat-x;
	/* text-shadow: #00314A 3px 3px 2px; */
	}
.content h1.bck-cto-red {
	padding: 10px 10px 7px;
	margin: 10px 30px 0;
	background: url(images/bck-h1-red.gif) left top repeat-x;
	}
.content h1.bck-cto-green {
	padding: 10px 10px 7px;
	margin: 10px 30px 0;
	background: url(images/bck-h1-green.gif) left top repeat-x;
	}
.content h1.bck-cto {
	padding: 10px 10px 7px;
	margin: 10px 30px 0;
	background: url(images/bck-h1-cto.gif) left top repeat-x;
	}
.content h1.bck-cto-yell {
	padding: 10px 10px 7px;
	margin: 10px 30px 0;
	background: url(images/bck-h1-yellow.gif) left top repeat-x;
	}
.content h1.bck-cto-orange {
	padding: 10px 10px 7px;
	margin: 10px 30px 0;
	background: url(images/bck-h1-orange.gif) left top repeat-x;
	}


/* H2 tags */
.results-item h2.bck-cto {
	position: relative;
	padding: 6px 10px 10px 35px;
	float: left;
	color: #555;
	background: url(images/icon-cto-head.gif) left top no-repeat;
	}
.results-item h2.cto-blue {
	position: relative;
	padding: 6px 10px 10px 35px;
	float: left;
	color: #555;
	background: url(images/icon-bc-head.gif) left top no-repeat;
	}
.results-item h2.cto-red {
	position: relative;
	padding: 6px 10px 10px 35px;
	float: left;
	color: #555;
	background: url(images/icon-so-head.gif) left top no-repeat;
	}
.results-item h2.cto-green {
	position: relative;
	padding: 6px 10px 10px 35px;
	float: left;
	color: #555;
	background: url(images/icon-vo-head.gif) left top no-repeat;
	}
.results-item h2.cto-yell {
	position: relative;
	padding: 6px 10px 10px 35px;
	float: left;
	color: #555;
	background: url(images/icon-mr-head.gif) left top no-repeat;
	}
.results-item h2.cto-orange {
	position: relative;
	padding: 6px 10px 10px 35px;
	float: left;
	color: #555;
	background: url(images/icon-hd-head.gif) left top no-repeat;
	}


/* Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0 17px;
	margin: 0;
	}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	_margin: 0;
	_margin-top: -2px;
	padding: 0;
	list-style-type: square;
	}

.itemtext ul li.cat-head,
.itemtext ul.subnavigation li {
	background: url(images/dash-cto.gif) -5px -2px no-repeat;
	_background: url(images/dash-cto.gif) -5px 4px no-repeat;
	padding-left: 8px;
	}

.secondary ul, .secondary ol {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ul {
	_margin: 0px; /* IE Fix */
	}

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}
ol li {
	list-style: decimal outside;
	}



/* Footer */

.footer {
	width: 880px;
	margin: 0 auto;
	padding: 10px 0 20px;
	text-align: center;
	font-z=size: .9em;
	}

.footer p {
	margin: 0 auto;
	text-align: center;
	color: #777;
	}


.footer ul {
	margin: 0 0 0 17px;
	padding: 0;
	position: relative;
	top: 0;
	right: 20px;
	width: 880px;
	_width: 880px; /* IE Hack */
	text-align: center;
	}

.footer li {
	display: inline;
	margin: 0;
	}

.footer ul,
.footer ul li a {
	padding: 5px 4px 6px;
	}

.footer ul li a,
.footer ul li a:visited {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: #FFF;
	margin: 0;
	}

.footer ul li a:hover {
	color: #d4ccd8 !important;
	text-decoration: none;
	}





/* Themed Colours */

.itemtext .cto-blue,
.itemtext .cto-blue a,
.itemtext .cto-blue a:visited,
.itemtext a.cto-blue,
.itemtext a.cto-blue:visited {
	color: #00A1DE;
	}
.itemtext .cto-red,
.itemtext .cto-red a,
.itemtext .cto-red a:visited,
.itemtext a.cto-red,
.itemtext a.cto-red:visited {
	color: #CA005D;
	}
.itemtext .cto-green,
.itemtext .cto-green a,
.itemtext .cto-green a:visited,
.itemtext a.cto-green,
.itemtext a.cto-green:visited  {
	color: #92D400;
	}
.itemtext .cto-yell,
.itemtext .cto-yell a,
.itemtext .cto-yell a:visited,
.itemtext a.cto-yell,
.itemtext a.cto-yell:visited {
	color: #FED100;
	}
.itemtext .cto-orange,
.itemtext .cto-orange a,
.itemtext .cto-orange a:visited,
.itemtext a.cto-orange,
.itemtext a.cto-orange:visited {
	color: #CA7700;
	}


.itemtext .cto-blue a:hover, .itemtext .cto-blue a:visited:hover {
	text-decoration: underline;
	}
.itemtext .cto-red a:hover, .itemtext .cto-red a:visited:hover {
	text-decoration: underline;
	}
.itemtext .cto-green a:hover, .itemtext .cto-green a:visited:hover {
	text-decoration: underline;
	}
.itemtext .cto-yell a:hover, .itemtext .cto-yell a:visited:hover {
	text-decoration: underline;
	}
.itemtext .cto-orange hover, .itemtext .cto-orange a:visited:hover {
	text-decoration: underline;
	}

.bck-cto-blue {
	background-color: #00A1DE;
	}
.bck-cto-red {
	background-color: #CA005D;
	}
.bck-cto-green {
	background-color: #92D400;
	}
.bck-cto-yell {
	background-color: #FED100;
	}
.bck-cto-orange {
	background-color: #E98300;
	}

p.bck-cto-blue {
	background: url(images/bck-h1-blue.gif) left bottom repeat-x;
	color: #fff;
	}
p.bck-cto-red {
	background: url(images/bck-h1-red.gif) left bottom repeat-x;
	color: #fff;
	}
p.bck-cto-green {
	background: url(images/bck-h1-green.gif) left bottom repeat-x;
	color: #fff;
	}
p.bck-cto-yell {
	background: url(images/bck-h1-yellow.gif) left bottom repeat-x;
	color: #555;
	}
p.bck-cto-orange {
	background: url(images/bck-h1-orange.gif) left bottom repeat-x;
	color: #fff;
	}
p.bck-cto-grey {
	background: url(images/bck-h1-grey.gif) left bottom repeat-x;
	color: #fff;
	}
p.bck-cto {
	background: url(images/bck-h1-cto.gif) left bottom repeat-x;
	color: #fff;
	}



p.bck-cto-blue,
p.bck-cto-red,
p.bck-cto-green,
p.bck-cto-yell,
p.bck-cto-orange,
p.bck-cto-grey,
p.bck-cto {
	padding: 3px 10px 5px;
	}



	




fieldset.filters {
	position: relative;
	display: block;
	/* background: url(images/bck_filters.gif) left center no-repeat; */
	background-color: #EEE;
	margin: 0 auto;
	padding: 4px 0;
	width: 820px;
	border-bottom: solid 1px #FFF;
	}
fieldset.filters legend {
	position: absolute;
	display: inline;
	border: solid 1px red;
	font-weight: bold;
	font-size: .9em;
	padding: 0;
	margin: 4px 0 0;
	width: 50px;
	text-align: right;
	float: left;
	clear: right;
	}
fieldset.filters div {
	display: block;
	float: left;
	list-style: none !important;
	font-size: .9em;
	padding: 0 0 0 8px;
	margin: 0;
	vertical-align: middle;
	white-space: nowrap;
	}
fieldset.filters div.filterset {
	font-weight: bold;
	width: 5em;
	text-align: right;
	_margin-top: .4em !important; /* IE Hack */
	}
fieldset.filters div input {
	position: relative;
	display: inline;
	list-style: none !important;
	font-size: .9em;
	padding: 0 0 0 7px;
	_padding: 0 0 0 4px;
	margin: 0;
	vertical-align: middle;
	}
div.filter-results {
	margin-top: -4px !important;
	_margin-top: 0;
	padding: 1px 3px;
	}
div.filter-results input {
	margin: 0 !important;
	padding: 0 !important;
	}


div.halfpage {
	width: 400px;
	float: left;
	padding: 0;
	margin: 0;
	}
iframe.location-map {
	width: 360px;
	height: 280px;
	border: solid 1px #EEE;
	background: #DDD;
	margin: 0;
	}
h4.secondary-heading {
	margin-top: 0;
	}
	
img.back-button {
	margin: 0 7px -6px 0;
	padding: 0;
	}

.footnotes {
	margin: 0 30px;
	padding: 0;
	display: block;
	}

.block-return {
	margin: 0;
	padding: 3px 0 4px;
	display: block;
	float: left;
	}

.pagination {
	margin: 7px 0 0;
	padding: 6px 0 4 px;
	text-align: right;
	float: right;
	}
.pagination b,
.pagination strong {
	color: #FFF;
	background-color: #777;
	padding: 2px;
	}
.quarterpage {
	padding: 5px 10xp;
	width: 200px;
	text-align: left;
	}
.quarterpage a,
.quarterpage a:visited {
	color: #777;
	}

ul.quick-links {
	display: inline;
	text-align: left;
	margin: 0;
	padding: 3px 13px 13px;
	float: left;
	width: 245px;
}
ul.quick-links li {
	display: block;
	list-style-type: none;
}
ul.quick-links a,
ul.quick-links a:visited {
	/* color: #5E2A7B; */
}
ul.quick-links a:hover,
ul.quick-links a:visited:hover {
	/* color: #5E2A7B; */
	text-decoration: underline;
}


/* ERRORS */
div.error-message {
	text-align: justify;
	width: 820px;
	margin: 0 0 5px 30px;
	padding: 5px 0;
	display: block;
	clear: both;
	}

div.error-message a,
div.error-message a:visited,

.footnotes a,
.footnotes a:visited {
	color: #333;
	text-decoration: none;	
	}
.footnotes a:hover{
	color: #777;
	text-decoration: underline;
	}
/* Admin errors */

div.item div.error {
	position: relative;
	/*
	top: 7px;
	border: solid 1px #FF9595;
	background-color: #FFFFCF;
	*/
	padding: 0 7px;
	}
div.error p {
	margin: 3px;
	padding: 0;
	}
	
div.item div.error ul {
	color: #FF0B00;
	}
	
.errorchecking {
   display: block;
 line-height: 12px;
   
	}	

/* Results lists */



div.bc-details {
	width: 820px;
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	}

div.bc-extras,
div.bc-extras-cto {
	width: 205px !important;
	padding: 0;
	margin: 4px 2px 0;
	float: left;
	}
	
div.bc-details ul,
div.bc-extras ul,
div.bc-extras-cto ul {
	width: 205px;
	padding: 0;
	margin: 0 important;
	float: left;
	}
	
	
div.bc-details ul li,
div.bc-extras ul li,
div.bc-extras-cto ul li {
	width: 180px;
	list-style-position: inside;
	_list-style-position: outside;
	list-style-type: none !important;
	_padding: 5px 0;
	_margin-left: 0px;
	padding-left: 7px;
	text-align: left;
	_letter-spacing: -.1em;
	}

div.bc-extras-cto ul li {
	clear: both;
	}
	
	

div.bc-extras-cto ul ul {
	width: 180px;
	display: block;
	padding-left: 20px;
	padding-top: 0;
	}
	
	
div.bc-details ul li.yes,
div.bc-extras ul li.yes,
div.keys ul li.yes {
	font-weight: bold;
	background: url(images/icon-yes.gif) 6px 2px no-repeat;
	_background-position: 6px 5px;
	padding-left: 23px;
	}
div.bc-details ul li.request,
div.bc-extras ul li.request,
div.keys ul li.request {
	font-weight: bold;
	background: url(images/icon-request.gif) 6px 2px no-repeat;
	_background-position: 6px 5px;
	padding-left: 23px;
	color: #888	;
	}
div.bc-details ul li.no,
div.bc-extras ul li.no,
div.keys ul li.no  {
	color: #999;
	padding-left: 23px;
	}

div.bc-details h3,
div.bc-extras h3,
div.bc-extras-cto h3 {
	font-size: 1em;
	margin: 0 !important;
	padding: 8px 10px 6px 10px !important;
	font-weight: bold;
	color: #FFF;
	white-space: nowrap;
	background: url(images/bck-h1-blue.gif) left top repeat-x;
	}

div.bc-details h3 img,
div.bc-extras h3 img,
div.bc-extras-cto h3 img {
	float: left;
	margin: -2px 7px 0 0 !important;
	}

div.bc-extras-cto h3 {
	background: url(images/bck-h1-grey.gif) left top repeat-x;
	width: 182px !important;
	}

div.bc-details h3 {
	width: 800px !important;
	}

div.bc-extras h3 {
	width: 182px !important;
	}

dl.general-features {
	width: 185px;
	padding: 0 7px;
	margin: 0 important;
	float: left;
	display: block;
	border-left: solid 1px #FFF;
	/*background: #EEE;*/
	}

dl.general-features.last {
	width: 160px;
	border-right: solid 1px #FFF;
	}
	
	
dl.general-features dd {
	display: inline;
	margin: 0;
	float: left;
	width: 125px;
	text-align: left;
	white-space: nowrap;
	color: #777;
	}

dl.general-features.last dd {
	width: 100px;
	}
dl.general-features dt {
	display: inline;
	width: 60px;
	text-align: right;
	float: right;
	}

img.mid-icon {
	margin-bottom: -10px;
	padding-left: 10px;
	}
	

/* My offices */
div.greeting {
	float: left;
	display: block;
	margin: 0 0 0 30px;
	padding: 7px 3px 7px;
	text-align: left;
	}
div.itemizer {
	float: right;
	display: block;
	margin: 0 30px 0 0;
	_margin-right: 15px !important;
	_padding-right: 0;
	padding: 5px 10px 7px;
	color: #FFF;
	text-align: right;
	background: url(images/bck-h1-cto.gif) 0 -20px repeat-x;
	}

address	{
	font-style: normal;
	padding: 0 30px 4px 30px;
	display: block;
	}

ul.extended li {
	color: #777 !important;
	list-style-type: none;
	background: url(images/dash-grey.gif) 0 -1px no-repeat;
	padding-left: 13px;
	}

.secondary ul.subnavigation li {
	list-style-type: none;
	background: url(images/dash-cto.gif) 0 -2px no-repeat;
	padding-left: 15px;
	margin-left: 10px;
	}
.secondary div.goforward-button a,
.secondary div.goforward-button a:visited {
	background: url(images/icon-go-small.gif) 0 -1px no-repeat;
	color: #555;
	margin-left: 10px;
	padding-left: 17px;
	}
	
/* Greyed out links on results & scheduled pages eg, if the centre does not have a virtual tour> grey out the link */	
.greyout
{
	color: #CCC;
}

div.results-item div.item-phone {
	position: relative;
	font-size: 1em;
	width: 400px;
	white-space: nowrap;
	margin-top: 0 !important;
	padding: 0 5px 0;
	font-weight: bold;
	float: right;
	clear: right;
	text-align: right;
	}

.phone-number {
	font-size: 1.2em;
	}

.sm-note {
	margin-top: 0 !important;
	padding: 3px 5px !important;
	font-size: 9px;
	background-color: #EEE;
	}

.small {
	margin-top: 0 !important;
	padding: 3px 5px !important;
	font-size: 10px;
	color: #555;
	}
	
.mar-24 {
	margin-left: 24px;
	}