/*
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(cto-home-page.css);
@import url(forms-print.css);
/* @import url(navigation.css); */
@import url(result-tables-print.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: 10px 0 0;
	}

#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: 660px;
	_width: 660px;
	}
#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: 450px !important;
	_width: 430px !important; /* IE Hack */
	float: left;
	padding: 0;
	margin: 0 5px 10px 10px;
	display: inline;
	}

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

.secondary {
	float: right;
	margin-right: 10px;
	width: 180px;
	}
	
div.item-right-block {
	border: none !important;
	}

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

div.item-left-block {
	float: left;
	clear: right;
	width: 230px;
	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: 620px;
	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 15px;
	width: 620px;
	color: #FFF;
	}

#popup h1 {
	width: 300px !important;
	}

/* Header : Logo : Description */

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

#header h1.description { 
	font-size: 1.2em;
	font-weight: bold;
	width: 300px;
	_width: 300px;
	padding: 63px 10px 0 0;
	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: 660px;
	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: 660px;
	_width: 660px; /* 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 {
	display: none !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: none;
}


/* ERRORS */
div.error-message {
	text-align: justify;
	width: 620px;
	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;
	}
.footnotes a:hover,
.footnotes a:hover:visited {
	color: #777;
	text-decoration: none;
	}

/* Admin errors */



div.item div.error {
	position: relative;
	top: 7px;
	border: solid 1px #FF9595;
	background-color: #FFFFCF;
	padding: 5px 7px;
	}
	
div.item div.error ul {
	color: #FF0B00;
	}

/* Results lists */



.primary div.bc-details {
	width: 640px;
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	}
.primary div.bc-details ul {
	width: 155px;
	padding: 0;
	margin: 0 important;
	float: left;
	}
.primary div.bc-details ul li {
	width: 150px;
	list-style-position: inside;
	_list-style-position: outside;
	list-style-type: none !important;
	_padding: 5px 0;
	_margin-left: 0px;
	padding-left: 0;
	text-align: left;
	_letter-spacing: -.1em;
	}
	

.primary div.bc-extras ul,
.primary div.bc-extras-cto ul {
	width: 130px;
	padding: 0;
	margin: 0 important;
	float: left;
	}
.primary div.bc-extras ul li,
.primary div.bc-extras-cto ul li {
	width: 120px;
	list-style-position: inside;
	_list-style-position: outside;
	list-style-type: none !important;
	_padding: 5px 0;
	_margin-left: 0px;
	padding-left: 0;
	text-align: left;
	_letter-spacing: -.1em;
	boirder: solid 1px red !important;
	}
.primary div.bc-extras,
.primary div.bc-extras-cto {
	width: 150px;
	padding: 0;
	margin: 4px 2px 0;
	float: left;
	}

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

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


.primary div.bc-details h3 {
	width: 620px !important;
	border-bottom: solid 1px #777 !important;
	}

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

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

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

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

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

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

dl.general-features.last dd {
	width: 45px;
	}
dl.general-features dt {
	display: inline;
	width: 50px;
	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: 150px;
	white-space: nowrap;
	margin-top: 0 !important;
	padding: 0 5px 0;
	font-weight: bold;
	float: right;
	clear: right;
	text-align: right;
	}

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


/* DISAPLED PRINT */

.top-navigation,
.menu,
.footnotes,
.big-tabs,
.big-tabs div,
#whats-next,
.promo,
.three-steps,
.footer ul {
	display: none;
	}
.cto-logo a img,
table.form-table,
table.cto-blue,
table.cto-red,
table.cto-green,
table.cto-yell,
table.cto-orange {
	border: none !important;
	}

div.search-link a {
	background: none !important;
	margin: 0;
	padding: 12px 0 0 20px;
	width: 180px;
	height: 26px;
	font-size: 1.3em;
	}
	
img#looknofurther {
	width: 170px;
}
div.content {
	border-top: solid 2px #777 !important;
	padding-top: 15px !important;
	}