body,html {
background: #f2f2f2;
color: #314466;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.3;
}

.basket #basket ul {
display: none;
}

#root {
background: #fff;
border: 1px solid #ccc;
border-top: 0;
padding: 0;
position: relative;
margin: 0 auto;
width: 982px;
}

button {
cursor: pointer;
position: relative;
background: transparent;
margin: 0;
padding: 0;
border: 0;
overflow: visible;
*margin: -2px 0;
}

.right_edge {
margin-right: 0!important;
}

h2,
h3,
strong {
font-weight: bold;
}

h2 {
border-bottom: 1px solid #ccc;
color: #314466;
font-size: 153.9%; /* 20px */
font-weight: bold;
margin-bottom: 20px;
min-height: 27px;
padding-bottom: 5px;
}

/* branding
******************************************************************************/

#branding {
background: url(/images/officialspace/branding_bg.png) no-repeat scroll 2px 0 #fff;
height: 65px;
padding: 20px 30px;
position: relative;
width: 922px;
}

.tops {
bottom: 0;
height: 100px;
position: absolute;
right: 0;
width: 500px;
}

/*.cath {
background: url(/images/officialspace/top_cath.png) no-repeat 0 0;
bottom: 0;
height: 32px;
left: 129px;
position: absolute;
width: 7px;
z-index: 1111;
}*/

.wheel {
background: url(/images/officialspace/top_wheel_2.png) no-repeat 0 28px;
bottom: -1px;
height: 58px;
left: 251px;
position: absolute;
width: 178px;
}

.tower {
background: url(/images/officialspace/top_tower.png) no-repeat -4px 27px;
bottom: 0;
height: 88px;
position: absolute;
right: 10px;
width: 46px;
}

#branding h1 {
color: #6E7B93;
float: left;
font-size: 19px;
left: 15px;
position: relative;
top: 34px;
}

#branding h2 {
border: 0 none;
bottom: 24px;
color: #25334C;
font-size: 19px;
font-weight: normal;
margin: 0;
padding: 0;
position: absolute;
right: 30px;
}

#branding img {
float: left;
vertical-align: bottom;
}

/* navigation
******************************************************************************/

#navigation {
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 0;
zoom: 1;
}

#navigation div {
padding: 20px 27px;
}

#navigation h1 {
float: left;
font-size: 30px;
margin-bottom: 20px;
}

#navigation ul {
clear: left;
float: left;
margin-bottom: 12px;
padding-bottom: 5px;
}

#navigation li {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat 0 1px;
font-size: 13px;
font-weight: normal;
margin-bottom: 5px;
margin-right: 20px;
padding-left: 20px;
}

.alt_header .titles li,
.alt_header_2 #navigation li {
float: left;
}

#navigation form,
#map .search {
clear: both;
float: left;
font-size: 16px;
margin-bottom: 15px;
margin-right: 15px;
position: relative;
}

#navigation label,
#map .search label,
.alt_search label {
color: #314466 !important;
font-size: 18px !important;
font-weight: normal;
margin-left: 10px;
margin-top: 4px;
position: absolute;
top: 0 !important;
}

.alt_search label {
font-size: 14px!important;
margin-left: 3px!important;
margin-top: 1px!important;
}

input[type="text"] {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 0px;
border-bottom-left-radius: 3px;
border: 1px solid #FFFFFF;
color: #314466;
padding: 6px;
width: 350px;
}

#checkout input[type="text"]:focus,
#checkout input[type="email"]:focus,
#checkout input.focus {
border: 2px solid #33CCFF!important;
margin-top: 0px!important;
}

input[type="email"] {
width: 350px;
}

/* IN USE BY IE only!!! */
#content form .input_focused {
border: 2px solid #33CCFF!important;
margin-top: 0px!important;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#checkout input[type="text"]:focus,
	#checkout input[type="email"]:focus {
		outline: none;
	}
}

button,
#map .search button {
background: url(/images/officialspace/buttons.png) no-repeat 0 0;
color: #fff;
display: block !important;
float: right;
height: 35px;
padding-left: 25px;
width: 130px;
}

#map .search button {
position: relative;
right: 125px;
}

#navigation button:hover,
#map .search button:hover,
.alt_search button:hover {
background-position: 0 -46px;
}

#navigation button:active,
#map .search button:active,
.alt_search button:active {
background-position: 0 -92px;
outline: none;
}

#navigation .find_offices {
left: 364px;
position: absolute;
top: -1px;
}

/* BREADCRUMBS */

.alt_header {
position: relative;
}

.breadcrumbs {
border-bottom: 1px solid #98A2B3;
color: #fff;
left: 0;
opacity: 0.5;
padding-bottom: 10px;
padding-left: 30px;
position: absolute;
text-transform: capitalize;
top: 10px;
width: 97%;
}

.breadcrumbs a {
color: #fff;
opacity: 0.5;
padding: 0 3px;
}

.breadcrumbs .current_page {
padding-left: 3px;
}

.breadcrumbs a:hover {
opacity: 1;
}

/* ALT HEADER
******************************************************************************/

.alt_search {
float: left;
left: 15px;
position: relative;
top: 14px;
width: 400px;
}

.alt_search p {
font-size: 14px;
font-weight: bold;
margin-top: -3px;
position: relative;
top: -4px;
}

.alt_search .location_label {
font-size: 12px;
font-weight: 300;
left: 5px;
opacity: 1!important;
position: relative;
top: -3px;
}

.alt_search .location_input {
border: 1px solid #ccc;
font-size: 15px;
padding: 7px;
position: relative;
top: 0;
width: 255px;
}

.alt_search button {
font-size: 16px;
position: absolute;
right: 0;
top: 15px;
}

.alt_header .titles {
background-color: transparent !important;
padding: 0 !important;
position: relative;
width: 658px!important;
}

.alt_header .titles .cart_controls {
float: right;
margin-right: 50px;
margin-top: -10px;
padding: 0!important;
width: 75px!important;
}

.alt_header h3 {
float: left;
font-size: 30px;
margin-top: 21px;
margin-bottom: 10px;
width: 512px;
}

.alt_header_2 h3 {
margin-top: 0;
}

.alt_header h4 {
color: #B5B9C2;
font-size: 14px;
}

.alt_header ul {
margin-bottom: 0 !important;
}

.alt_header .tabs li {
background: none!important;
margin-bottom: 0 !important;
margin-right: 0;
padding-left: 13px !important;
}

.alt_header .tabs li a {
background: #CACED6;
padding: 0 11px;
}

.alt_header .tabs li a:hover {
background: #A4A8AE;
border-color: #A4A8AE;
}

.alt_header .tabs li a.current,
.alt_header .tabs li a.current:hover {
background: #fff;
}

.alt_header .tabs li a span {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat 0 -242px;
float: left;
height: 30px;
width: 35px;
}

.alt_header .tabs li a .map_icon {
background-position: -50px -242px;
}

.alt_header_2 {
position: relative;
}

.alt_header_2 .titles {
margin-top: 20px;
}

.panes #news {
float: left;
width: 610px;
}

#content .panes #news.no_offices .offices {
width: 920px;
}

.alt_header .free_report {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -369px -217px;
float: right;
height: 17px;
width: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.alt_header .free_report {
		height: 14px;
		position: absolute;
		right: 50px;
		top: 112px;
	}
}

/* content
******************************************************************************/

#content {
clear: left;
margin: 20px 0;
overflow: visible;
zoom: 1;
}

#content.home {
overflow: visible;
}

#content.alpha h3 {
font-size: 15px;
font-weight: normal;
}

#content.alpha .no_offices #featured_locations h2 {
font-size: 19px;
}

.static_content {
line-height: 1.3;
padding: 0 30px;
}

.static_content h3 {
font-size: 16px;
font-weight: 400;
}

.static_content ol h3 {
font-size: 14px;
}

.static_content p {
margin: 0.5em 0 1em 0;
width: 650px;
}


.static_content a,
.static_content a:visited {
color: #314466;
}

#content .static_content.header a {
color: #6F7C94;
}

#content .static_content h1 {
color: #8ECA58;
font-size: 24px;
}

#content .resources,
#content .guide {
border-bottom: 1px solid #CCCCCC;
font-size: 14px;
margin: 20px 30px;
padding: 0;
}

#content .resources h2,
#content .guide h2 {
border: 0;
margin: 0;
}

#content .static_content li {
margin-bottom: 10px;
}

#article {
float: left;
width: 563px;
}

#content #sidebar h3 {
background-color: #C7E5AC;
color: #314466;
font-size: 14px;
margin: 0 -10px 10px -10px;
padding: 10px;
}

#content #sidebar a{
color: #fff;
}

#article #links {
border-top: 1px solid #ccc;
color: #6F7C94;
margin: 20px 0 50px;
}

#article #links h3 {
margin: 10px 0;
}

#article #links a {
color: #6F7C94;
font-weight: normal;
}

/* welcome */

#root .welcome.home {
background: url(/images/officialspace/home_header_bg.png) no-repeat;
height: 230px;
width: 982px;
}

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

.features {
font-size: 12px;
margin: 0 0 20px 0;
overflow: auto;
}

.features h2{
font-size: 14px;
}

#featured_offices {
background-color: #fff;
border: 1px solid #C1DDE1;
color: #6F7C94;
}

#featured_offices li {
float: left;
margin: 0 26px 7px 0;
}

.featured_office img {
border: 1px solid #bbb;
}

.featured_office img:hover {
border: 1px solid #999;
}

.featured_office img:active {
border: 1px solid #777;
}

/* latest news and tips */

.tabs {
border-bottom: 1px solid #ccc;
clear: both;
float: left;
margin: 20px 30px;
width: 94%;
}

.tabs li {
float: left;
line-height: 40px;
margin-left: 0;
margin-right: 11px;
padding-left: 0;
}

.tabs li a {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background: #fff;
border: 1px solid #ccc;
color: #314466;
display: block;
float: left;
font-size: 14px;
font-weight: 500;
height: 40px;
padding: 0 25px;
position: relative;
text-decoration: none;
top: 1px;
}

.tabs li .current {
border-bottom: 1px solid #fff;
}

.panes {
clear: left;
margin: 0 30px;
}

.home .panes #news {
float: none;
width: auto;
}

.wp_news {
color: #6F7C94;
padding-bottom: 16px;
position: relative;
}

.wp_news h3 a {
font-size: 13px;
}

.wp_news .date {
float:left;
font-size:10px;
margin:0 1em 0 0;
}

.wp_news ul {
clear: left;
float: left;
}

.wp_news ul.right_edge {
border: none;
clear: none;
}

.wp_news li p {
margin: 0 0 10px 0;
}

.wp_news li {
float: left;
margin-bottom: 20px;
margin-right: 32px;
width: 440px;
}

.wp_news .date {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #ccc;
height: 46px;
text-align: center;
width: 43px;
}

.wp_news .date .number {
color: #314466;
font-size: 25px;
font-weight: 500;
}

.wp_news .date p {
font-size: 12px;
margin-top: -3px;
text-transform: uppercase;
}

.wp_news .news_info .time {
color: #999;
}

.wp_news #more_news{
position: absolute;
font-weight: bold;
bottom: 10px;
right: 10px;
}

.features * {
margin: 0;
padding: 0;
}

.features a {
color: #314466;
}

.features a:hover {
color: #212C47;
}

.features h2{
font-size: 14px;
font-weight: bold;
line-height: 1;
margin: 0 0 13px 0;
}

.features .right {
margin-left: 70px;
}

.features .text {
float: left;
margin-left:10px;
min-height: 62px;
width: 302px;
}

.features h3 {
font-size: 12px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 4px;
}

.features h4 {
font-size: 12px;
font-weight: bold;
line-height: 1;
margin-bottom: 4px;
}

#featured_offices p {
line-height: 1.1;
margin: 3px 0 0 0;
}

#featured_offices img {
border: none;
float: left;
clear: left;
height: 44px;
width: 58px;
}

/* find */

#content .search {
overflow: visible;
margin: 20px 30px 60px;
position: relative;
zoom: 1;
}

#content .search h2 {
border-bottom: 1px solid #ccc;
color: #314466;
font-size: 153.9%; /* 20px */
font-weight: bold;
margin-bottom: 20px;
min-height: 27px;
padding-bottom: 5px;
}

#content .search .prev,
#content .search .next {
background: url(/images/officialspace/officialspace_sprite.png) -423px -23px no-repeat;
cursor: pointer;
height: 50px;
left: -52px;
position: absolute;
top: 95px;
width: 22px;
}

#content .search .next {
background-position: -477px -23px;
left: auto;
position: absolute;
right: -52px;
}

#content .search .prev:hover {
background-position: -423px -78px;
}

#content .search .next:hover {
background-position: -478px -78px;
}

#content .search .prev:active {
background-position: -423px -132px;
}

#content .search .next:active {
background-position: -478px -132px;
}

.scrollable {
position: relative;
overflow: hidden;
width: 100%;
height: 163px;
}

.scrollable .items {
width: 20000em;
position: absolute;
}

.items div {
float: left;
left: -15px;
position: relative;
}

.featured_office {
margin-left: 15px;
}

.featured_office a {
color: #314466;
}

.featured_office p {
font-size: 11px;
}

.navi {
height:20px;
position: absolute;
right: 0;
top: 10px;
}

.navi a {
width: 11px;
height: 11px;
float: left;
margin: 3px;
background: url(/images/officialspace/officialspace_sprite.png) no-repeat 0 -29px;
display: block;
font-size: 1px;
}

.navi a:hover,
.navi .active {
background-position: -16px -29px;
outline: none;
}

/* CANT FIND THE RIGHT OFFICE */

#right_office {
background: #E7F4DD;
height: 70px;
margin-bottom: 60px;
margin-top: 50px;
padding: 10px 30px;
position: relative;
}

#photos {
background: url(/images/officialspace/right_office_photos.png) no-repeat;
height: 132px;
position: absolute;
right: -2px;
top: -9px;
width: 398px;
}

#right_office h1 {
font-size: 24px;
margin: 4px 0 10px;
}

#right_office p {
font-size: 13px;
}

#right_office .button {
position: absolute;
top: 17px;
left: 330px;
}

#content .button {
background-image: url("/images/officialspace/buttons.png");
background-position: 0 -1304px;
background-repeat: no-repeat;
color: #fff;
font-weight: bold;
height: 27px;
padding: 6px 0 0 36px;
text-decoration: none;
width: 170px;
}

#content .button:hover {
background-position: 0 -1341px;
}

#content .button:active {
background-position: 0 -1380px;
}

.overlay {
display: none;
}

.overlay {
-webkit-border-radius: 3px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 3px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-radius: 3px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border: 3px solid #fff;
background: #E7F4DD;
height: 520px;
overflow: visible!important;
width: 690px!important;
}

.overlay .header {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
left: -10px!important;
width: 710px!important;
}

.overlay .header h4 {
font-size: 30px;
line-height: 46px;
width: auto;
}

.overlay .content {
font-size: 16px;
margin: 20px auto;
position: relative;
width: 610px;
}

.overlay p,
.overlay ul,
.overlay li {
margin-bottom: 20px;
width: 313px;
}

.overlay li {
font-weight: 500;
}

.overlay .blue_tick,
.overlay .right_arrow {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -265px -91px;
float: left;
height: 29px;
margin-right: 12px;
width: 15px;
}

.overlay .blue_tick {
height: 45px;
}

.overlay .right_arrow {
background-position: -310px -91px;
float: right;
margin-right: 4px;
}

.overlay form {
position: absolute;
right: 0;
top: 0;
width: 266px;
}

.overlay form label {
float: left;
font-size: 15px;
font-weight: 500;
padding-bottom: 0;
}

.overlay .register_details span,
.overlay .report_details span {
float: left;
}

.overlay form input {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc;
color: #314466;
font-size: 12px;
display: block;
margin-bottom: 5px;
width: 245px;
}

.overlay button {
background-position: 0 -1426px;
font-size: 26px;
height: 52px;
margin-top: 20px;
padding: 0;
width: 266px;
}

.overlay button:hover {
background-position: 0 -1492px;
}

.overlay button:active {
background-position: 0 -1555px;
}

.overlay .register_pages {
background: url(/images/officialspace/register_lightbox_pages.png) no-repeat;
bottom: -196px;
height: 160px;
left: 0;
position: absolute;
width: 248px;
}

.overlay .close {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -216px -218px;
cursor: pointer;
height: 35px;
position: absolute;
right: -15px;
top: -10px;
width: 39px;
z-index: 1;
}

.overlay .close:hover {
background-position: -263px -218px;
}

.overlay .close:active {
background-position: -307px -218px;
}

.overlay .overlay_errors {
color: red;
display: none;
font-size: 14px;
margin: 10px 0 -5px;
position: relative;
right: 25px;
top: 5px;
width: 313px;
}

/* featured locations */

#content #featured_locations {
color: #6f7c94;
overflow: hidden;
margin: 20px 30px;
padding: 10px 0;
zoom: 1;
}

#content #featured_locations div {
float: left;
width: 732px;
}

#content #featured_locations .london {
width: 190px;
}

#content #featured_locations li {
float: left;
font-size: 13px;
padding: 5px 0 0 0;
width: 183px;
}

#featured_locations .london li {
float: none !important;
font-weight: 600;
margin-bottom: 4px;
width: 150px !important;
}

#content #featured_locations a {
color: #314466;
}

#content #featured_locations a:hover {
color: #6f7c94;
}

/* featured offices */

#content .featured_officies img {
float: left;
}

#content .featured_officies a {
color: #212C47;
}

#content .featured_officies a:hover {
color: #314466;
}

/* locations  */

#content .location_list {
margin: 0 30px;
}

#content .locations {
color: #314466;
margin: 10px 0 0 30px;
overflow: hidden;
padding: 10px 0;
zoom: 1;
}

#content .locations div {
float: left;
width: 48%;
}

#content .locations .london {
margin-right: 0;
}

#content .locations h2 {
font-size: 22px
font-weight: bold;
}

#content .locations .everywhere h2 {
width: 400px;
}

#content .locations .everywhere ul {
float: left;
width: 423px;
}

#content .locations li {
cursor: pointer;
float: left;
margin-right: 0;
overflow: hidden;
padding: 5px 0 5px 6px;
text-align: left;
width: 48%;
}

#content .locations li:hover {
background: #eee;
}

#content .locations li:active {
background: #ddd;
}

#content .locations a {
color: #314466;
float: left;
font-size: 13px;
font-weight: 500;
text-align: left;
}

#content .locations span {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -146px -148px;
color: #6F7C94;
font-size: 13px;
margin-left: 7px;
padding-right: 19px;
}

#content .locations .station {
background-position:  -146px -120px;
}

#content .locations_found h2 {
margin: 0 30px;
}

#content .search_loc div {
width: auto;
}

#content .search_loc .everywhere ul {
border-right: 0;
width: 100%;
}

#content .search_loc li {
width: 301px;
}

/* header */

#content .header h1 {
color: #8ECA58;
font-size: 24px;
font-weight: bold;
}

#content .header h2 {
font-size: 30px;
}

#content .header .subtitle p{
font-size: 12px;
font-weight: bold;
color: #314466;
line-height: 1.5;
margin: 10px 0;
}

#content .header #back_to_location{
color: #314466!important;
display: block;
font-size: 12px;
position: absolute;
right: 10px;
top: 40px;
}

/* Shopping cart controls (single office view) */

#cart_controls .office_in_basket {
margin-top: 11px;
width: 735px;
}

/* sub header */

#content .subheader {
background: #DCDED3;
border-bottom: 1px solid #6F7C94;
color: #314466;
height: 17px;
margin-bottom: 20px;
overflow: hidden;
padding:15px 10px 5px;
zoom: 1;
}

#content.alpha .offices .subheader {
background: #fff;
height: auto;
padding-left: 0;
}

#content.alpha .subheader .info {
float: none;
font-size: 20px;
line-height: 30px;
}

#content .subheader .info, #content .subheader strong {
float: left;
font-size: 14px;
font-weight: bold;
}

#content .subheader .pages {
float: right;
font-weight: bold;
}

#content .subheader .pages em{
font-style: normal;
}

#content .subheader .pages a, #content .subheader .pages em {
color:#314466;
}

#content .subheader .pages em {
background: #EFF0EA;
}

/* offices */

#content .offices img {
border: 1px solid #bbb;
float: left;
margin-right: 20px;
max-width: 157px;
}

#content .offices img:hover {
border-color: #999;
}

#content .offices img:active {
border-color: #777;
}

#content .offices a {
color: #314466;
}

#content .offices p {
color: #314466;
}

#content .offices form p {
color: #56AC3F;
float: left;
font-weight: bold;
left: 87px;
position: relative;
top: 23px;
width: 246px;
}

#content .offices form p .right_arrow {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -141px -257px;
float: right;
height: 15px;
padding-left: 10px;
width: 15px;
}

#content .offices {
float: left;
width: 620px;
}

#content .offices li form {
text-align: right;
position: relative;
top: -5px;
}

#add_office {
background: url(/images/officialspace/add_office_bg.png) no-repeat;
bottom: 10px !important;
height: 56px;
margin-left: 20px;
position: fixed;
width: 646px;
z-index: 2;
}

#add_office.add_office_complete {
background: url(/images/officialspace/add_office_bg_complete.png) no-repeat;
}

#add_office h3 {
color: #fff;
float: left;
margin-right: 10px;
}

#cart_controls form {
margin: 13px 30px;
}

#cart_controls form button,
.cart_controls form button {
background-position: 0 -1834px;
color: #314466;
cursor: pointer;
font-size: 13px;
font-weight: bold;
padding-left: 0;
padding-top: 0;
position: relative;
top: -2px;
width: 99px;
}

#add_office form button {
background-position: 0 -1936px !important;
float: right;
margin-right: -16px;
padding-left: 9px;
text-align: left;
top: -3px;
width: 138px;
}

#add_office form button:hover { background-position: 0 -1970px !important; }
#add_office form button:active { background-position: 0 -2004px !important; }

#cart_controls form button:hover,
.cart_controls form button:hover {
background-position: 0 -1866px;
}

#cart_controls form button:active,
.cart_controls form button:active {
background-position: 0 -1899px;
}

#navigation .cart_controls button,
#offices .cart_controls button {
background-position: 0 -2057px;
color: #fff;
padding-left: 5px;
text-align: left;
}

#navigation .cart_controls button:hover,
#offices .cart_controls button:hover {
background-position: 0 -2093px;
}

#navigation .cart_controls button:active,
#offices .cart_controls button:active {
background-position: 0 -2126px;
}

#add_office .office_in_basket h3 span {
background: url("/images/officialspace/officialspace_sprite.png") no-repeat scroll 0 2px;
display: inline-block;
height: 15px;
width: 19px;
}

/* location list */

#content.alpha .offices ul li  {
float: left;
margin-bottom: 30px;
width: 629px;
}

#content.alpha .offices li .cart_controls {
float: left;
width: 439px;
}

#content.alpha .offices .cart_controls h3 {
cursor: pointer;
font-size: 10px;
}

#content.alpha .offices .cart_controls a h2 {
border: 0;
cursor: pointer;
font-size: 16px;
margin-bottom: 0;
margin-top: -4px;
min-height: 0;
text-decoration: underline;
}

#content.alpha .offices .cart_controls a h2:hover,
#content.alpha .offices .cart_controls a:hover {
color: black;
}

.cart_controls form button { top: 14px; }
#basket form button { top: 0; }

.cart_controls .added {
float: right;
margin-top: 15px;
position: relative;
right: 37px;
}

.cart_controls .added p {
color: #33A6FF!important;
font-size: 13px;
font-weight: 500;
width: 200px;
}

.cart_controls .added .blue_arrow {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -220px -94px;
float: left;
height: 15px;
margin-right: 7px;
width: 15px;
}

.cart_controls .added .button,
.office_in_basket .button {
background: url("/images/officialspace/buttons.png") no-repeat 0 -881px!important;
color: #fff !important;
margin-left: 9px;
padding: 4px 76px 3px 8px !important;
position: absolute;
top: -4px;
width: 88px;
}

.office_in_basket .button {
background: url("/images/officialspace/buttons.png") no-repeat 0 -1940px transparent !important;
color: #314466 !important;
float: right;
height: 25px !important;
padding-top: 7px !important;
position: relative;
right: 18px;
top: 1px;
}

.cart_controls .added .button:hover { background-position: 0 -919px!important; }
.cart_controls .added .button:active { background-position: 0 -957px!important; }

.office_in_basket .button:hover { background-position: 0 -1974px!important; }
.office_in_basket .button:active { background-position: 0 -2008px!important; }

#navigation .office_in_basket a {
font-size:12px;
right:50px;
text-decoration: none;
top:19px;
}

/* location map */

.pin,
.selected,
.cluster {
background: url(/images/officialspace/map_sprite.png) no-repeat -9999px -9999px;
width: 21px;
height: 21px;
}

.cluster {
background-position: -15px -156px;
position: absolute;
padding: 2px;
line-height: 10px;
font-size: 10px;
text-align: center;
cursor: pointer;
margin-top: -8px;
margin-left: -13px;
}

.pin {
background-position: -15px -156px;
position: absolute;
font-size: 20px;
cursor: pointer;
margin-top: -6px;
margin-left: -6px;
}

.selected {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #2F4161;
color: #fff;
height: 221px;
width: 182px;
margin-top: -232px;
margin-left: -101px;
padding: 10px;
z-index: 10000;
}

.selected h4 {
font-size: 14px;
}

.selected img {
margin: 5px 0;
}

.selected p {
font-size: 12px;
max-height: 46px;
}

.selected p a {
color: #fff;
margin-left: 5px;
}

.selected .cart_controls button {
background-position: 0 -717px;
bottom: 10px;
height: 25px;
position: absolute;
top: auto;
width: 180px;
}

.selected .cart_controls button:hover {
background-position: 0 -752px;
}

.selected .cart_controls button:active {
background-position: 0 -785px;
}

.selected .arrow {
background: url(/images/officialspace/map_office_arrow.png) no-repeat 0 0;
bottom: -12px;
height: 12px;
left: 84px;
position: absolute;
width: 27px;
}

/*#map_view {
width: 610px;
}

#map .map {
width: 610px;
height: 740px
}

#map {
position: relative;
width: 610px;
height: 793px
}

#map .search {
background: url(/images/officialspace/map_search_bg.png) repeat-x;
position: absolute;
bottom: 35px;
left: 0;
right: 0;
height: 53px;
margin: 0;
padding: 10px;
z-index: 1;
}*/

/* pagination */

#content .pagination {
clear: left;
float: left;
margin: 30px 0 50px;
text-align: center;
width: 622px;
}

#content .pagination a, #content .pagination em {
color: #314466;
font-size: 16px;
font-weight: 500;
height: 28px;
line-height: 28px;
text-align: center;
text-decoration: none;
}

#content .pagination .prev,
#content .pagination .next {
padding: 0 8px;
width: auto;
}

#content .pagination .next {
float: right;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#content .pagination .next { width: 66px; }
}

#content .pagination .left_arrow,
#content .pagination .right_arrow {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -305px -176px;;
float: left;
height: 17px;
margin-right: 7px;
position: relative;
top: 6px;
width: 20px;
}

#content .pagination .right_arrow {
background-position: -305px -133px;
float: right;
margin-left: 7px;
margin-right: 0;
}

#content .pagination .pages {
width: 634px;
}

#content .pagination .previous,
#content .pagination .next_pages {
float: left;
width: 92px;
}

#content .pagination .no_prev {
border: 1px solid #fff;
}

#content .pagination .next_pages {
float: right;
}

#content .pagination p {
display: inline;
width: 415px;
}

#content .pagination p a,
#content .pagination em {
display: inline-block;
float: none;
}

#content .pagination em {
background: #314466;
border-color: #314466;
color: #fff;
}

/* office */

#content .office_view h2 {
margin: 0 30px;
}

#content .office {
float: left;
margin: 0 30px;
width: 626px;
}

#office_info h2 {
clear: both;
margin-bottom: 10px;
}

#office_info .image_gallery {
cursor: pointer;
float: left;
margin: 12px 0 20px 0;
position: relative;
width: 325px;
}

.image_gallery li {
float: left;
margin: 0 5px 5px 0;
}

.image_gallery li img {
border: 0!important;
display: block!important;
height: 54px!important;
left: 0!important;
opacity: 0.5!important;
width: 57px!important;
}

.image_gallery li img:hover {
opacity: 1!important;
}

.image_gallery li img:hover,
.pika-thumbs .active {
outline: 2px solid #36CCFF;
opacity: 1!important;
}

.image_gallery .arrows {
display: block;
height: 30px;
left: 0;
position: absolute;
top: 100px;
width: 335px;
}

.image_gallery .previous,
.image_gallery .next {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -429px -220px;
height: 30px;
left: 10px;
position: absolute;
width: 30px;
}

.image_gallery .previous:hover { background-position: -429px -259px; }
.image_gallery .previous:active { background-position: -429px -297px; }

.image_gallery .next {
background-position: -469px -220px;
left: auto;
right: 25px;
}

.image_gallery .next:hover { background-position: -469px -259px; }
.image_gallery .next:active { background-position: -469px -297px; }

.image_gallery .pika-image img {
cursor: default;
height: 215px!important;
width: 315px!important;
}

#gallery {
margin: 5px 0 0 1px;
}

.pika-imgnav {
display: none;
}

#office_info p,
#office_info .office_images {
margin: 15px 0;
}

.office_images .office_desc {
float: right;
margin-top: -5px;
width: 285px;
}

#content .office img {
border: 1px solid #bbb;
}

#content .office .map {
height: 300px;
position: relative;
}

#content .office .transport {
overflow: auto;
width: 100%;
}

#content .office .transport li {
float: left;
padding:0 20px;
}

#content .office .transport .transport-tube {
background: url("/images/officialspace/icon_tube.gif") no-repeat center left;;
}
#content .office .transport .transport-station {
background: url("/images/officialspace/icon_station.gif")  no-repeat center left;;
}
#content .office .transport .transport-motorway {
background: url("/images/officialspace/icon_motorway.gif")  no-repeat center left;;
}
#content .office .transport .transport-airport {
background: url("/images/officialspace/icon_airport.jpg") no-repeat center left;;
}

#content .office .the_map {
margin: 20px 0;
}

/* checkout */

#checkout {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #DFF5FF;
border-radius: 3px;
border: 2px solid #33CCFF;
color: #314466;
float: right;
margin: 0 30px -50px 0;
padding: 0 20px;
position: relative;
top: -93px;
width: 222px;
z-index: 3;
}

#checkout.pulled {
top: -132px;
}
 
#checkout .subheader,
#sidebar .subheader {
background: #33CCFF;
border: none;
color: #fff;
margin-bottom: 15px;
margin-left: -10px;
white-space: nowrap;
width: 100%;
}

#checkout .subheader {
left:-20px;
margin-left:0;
padding-bottom:20px;
padding-left:20px;
padding-top:9px;
position:relative;
width:232px;
}

#checkout .subheader .number,
#add_office .number,
.offices .subheader .number {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -162px -29px;
color: #314466;
float: left;
font-size: 21px;
min-height: 30px;
height: auto !important;
height: 30px;
line-height: 30px;
margin-right: 10px;
text-align: center;
width: 31px;
}

.offices .subheader .number {
background-position: -220px -29px;
color: #fff;
}

#checkout .subheader .info,
#add_office .info,
.offices .subheader .info {
font-size:20px;
font-weight:normal;
}

#checkout p {
font-size: 13px;
font-weight: bold;
margin-bottom: 10px;
}

#checkout .instruction {
font-weight: normal;
}

#checkoutform .name p,
#petrol .register_details .name p,
#report .report_details .name p {
margin: 0;
}

#checkout p a {
color: #314466;
float: right;
font-size: 11px;
margin-bottom: 20px;
position: relative;
top: 11px;
}

#checkout .notes {
border-top: 1px solid #fff;
margin: 10px 0;
}

#checkout .notes a {
color: #314466;
font-size: 10px;
}

#checkout form ul {
overflow: hidden;
width: 100%;
}

#checkout form li {
clear: left;
color: #314466;
padding: 0 0 7px;
float: left;
font-weight: bold;
width: 100%;
}

#checkout form select,
#checkout form option {
padding: 5px 0 0;
width: 100%;
}

#checkout form #title {
margin: 0 0 2px 0;
}

#checkout form label {
display: block;
font-size: 13px;
}

#checkout form .checkbox label {
font-size: 12px;
font-weight: normal;
margin: -1px 0 0 20px
}

#checkout form .checkbox input {
float: left;
margin-right: 5px;
padding:0 0 8px 0;
width: auto;
}

#checkout form input {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #CCCCCC;
margin: 2px 0 0 2px;
padding: 7px;
width: 202px;
}

#checkout #checkout_form_status {
display: none;
margin-bottom: 10px;
}

#checkout form .errors {
color: red;
font-size: 12px;
font-weight: bold;
margin: 6px 0 0;
overflow: visible;
padding: 3px;
}

#checkout form .errors li {
color: red;
float: none;
font-size: 12px;
padding: 0; 
width: auto;
word-wrap: break-word;
}

#checkout button {
background: url(/images/officialspace/buttons.png) no-repeat 0 -832px;
cursor: pointer;
float: none;
font-size: 15px;
height: 20px;
padding: 0;
text-align: center;
width: 22px;
}

#checkout button:hover {
background-position: -39px -832px;
}

#checkout button:active {
background-position: -79px -832px;
}

#petrol .register_details .tailor,
.report_details .tailor {
border-top: 1px solid #ccc;
margin-top: 15px;
padding-top: 20px;
}

#checkout .tailor {
margin-top: 15px;
}

#content #petrol .register_details .tailor,
#content .report_details .tailor {
width: 267px;
}

#checkout .tailor label,
#petrol .register_details .tailor label,
.report_details .tailor label {
float: left;
line-height: 20px;
}

#checkout .tailor_report,
#petrol .register_details .tailor_report,
.report_details .tailor_report {
float: left;
height: 18px;
margin-right: 10px;
width: 16px!important;
}

/* #checkout .tailored, */
#petrol .register_details .tailored,
.report_details .tailored {
display: none;
}

#petrol .register_details .tailored,
.report_details .tailored {
padding-top: 10px;
}

#petrol .register_details .tailored label,
.report_details .tailored label {
clear: left;
}

#checkout #checkout_button {
background-position: 0 -1733px;
float: left;
height: 25px;
margin: 6px 0 18px;
width: 80px;
}

#checkout #checkout_button:hover {
background-position: 0 -1766px;
}

#checkout #checkout_button:active {
background-position: 0 -1798px;
}

/* contact */

#contact_us {
background-color: #EFF0EA;
color: #314466;
padding: 10px 20px;
}

#contact_us label {
color: #314466;
}

#sublocations {
background-color: #EFF0EA;
clear: right;
float: right;
margin-bottom: 20px;
padding: 10px;
width: 165px;
}

#sublocations h4 {
color: #314466;
font-weight: bold;
margin-bottom: 3px;
}

#sublocations li {
color: #6F7C94;
margin:6px 0;
}

#sublocations a {
color: #314466;
}

#sublocations a:hover{
color: #6F7C94;
}

#refine_city {
color: #314466;
position:absolute;
right:10px;
top:16px;
}

#refine_city label {
clear: both;
display: block;
font-weight: bold;
margin-bottom: 3px;
}

#mask {
background: url(/images/officialspace/sending_bg.png) repeat;
display: block;
height: 404px;
left: 0;
line-height: 375px;
position: absolute;
text-align: center;
top: 125px;
width: 100%;
}

#mask h5 {
color: #314466;
font-size: 28px;
font-weight: 600;
}

#mask img {
margin-right: 10px;
position: relative;
top: 6px;
}

/* checkout banners */

.text_banner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #E7F4DD;
clear: right;
color: #314466;
float: right;
font-size: 14px;
margin: 0 30px 50px 0;
padding: 10px;
position: relative;
width: 246px;
}

.text_banner .header {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background: #314466;
min-height:59px;
height: auto !important;
height: 59px;
left:-9px;
margin:0;
position:relative;
top:-10px;
width:264px;
}

.text_banner h4 {
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 1;
padding: 3px 0 6px 20px;
width: 230px;
}

#checkout_banner_1 p {
font-size: 13px;
padding: 10px 0 10px 12px;
width: 204px;
}

#checkout_banner_1 .button {
background-position: 0 -1191px;
float: left !important;
height: 30px;
line-height: 27px;
padding: 0;
text-align: center;
width: 91px;
}

#checkout_banner_1 .button:hover {
background-position: 0 -1224px;
}

#checkout_banner_1 .button:active {
background-position: 0 -1258px;
}

#checkout_banner_1 #report_images {
background: url(/images/officialspace/report_images.png) no-repeat;
bottom:-32px;
height:90px;
position:absolute;
right:-6px;
width:138px;
}

#bottom_banner {
clear: left;
color: #314466;
float: left;
padding: 0;
width: 595px;
}

#bottom_banner p{
display: inline-block;
clear: left;
background: transparent url('/images/officialspace/top_right_banner_arrow.gif') 100% 80% no-repeat;
padding-right: 15px;
}

#phone_box {
background: #F0F2F4;
font-size: 18px;
}

#phone_box p {
margin-left: 11px;
margin-top: -3px;
}

/* basket */

#basket {
border-bottom: 1px solid #ccc;
font-size: 13px;
font-weight: 500;
margin-bottom: 19px;
padding-bottom: 7px;
}

#basket li {
min-height: 50px;
margin-top: -5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#basket li { margin-bottom: -10px; }
}

* html #basket li {
clear: left;
margin: 10px 0 25px;
}

#basket a {
color: #314466;
float: left;
font-size: 12px;
font-weight: 500;
margin-right: 7px;
width: 151px;
}

#basket a.office_image {
float: left;
margin-right: 6px;
width: 36px;
}

#basket .show_selected {
cursor: pointer;
font-size: 12px;
text-decoration: underline;
text-transform: lowercase;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#basket .show_selected {
		font-size: 11px;
	}
}

/* locations navigation */

#content .locations_navigation {
clear: both;
color: #314466;
display: inline-block;
margin: 20px 30px 0;
}

#content .locations_navigation ul {
margin: 0 -15px 30px 0;
}

#content .locations_navigation li,
.pagination a,
.pagination em {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc;
float: left;
margin-right: 0.73em;
width: 25px;
}

#content .locations_navigation a {
display: block;  
color: #314466;
font-weight: 500;
font-size: 16px;
height: 27px;
line-height: 27px;
text-align: center;
text-decoration: none;
}

#content .locations_navigation li:hover,
.pagination a:hover,
.pagination em:hover {
background: url(/images/officialspace/item_hover.png) repeat-x 0 2px;
height: 27px;
}


#content .locations_navigation li:active,
.pagination a:active,
.pagination em:active {
background: url(/images/officialspace/item_active.png) repeat-x 0 0px;
height: 27px;
outline: none;
}

/* metadata
******************************************************************************/

#metadata {
color: #314466;
float: left;
margin-bottom: 35px;
font-size: 13px;
padding-bottom: 44px;
position: relative;
top: 10px;
width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#metadata { padding-bottom: 64px; }
}

#metadata a {
color: #314466;
}

#metadata ul {
position: absolute;
right: 0;
}

#metadata p, #metadata li {
float: left;
margin-right: 10px;
}

/*Thanks page*/

#title.header {
float: left;
font-weight: bold;
padding-bottom: 20px;
}

.thanks_again_content {
overflow: auto;
width: 510px;
}

#thanks h2 {
margin-bottom: 20px;
}

#thanks #step1,
#thanks #step2,
#thanks #step3 {
float: left;
font-size: 14px;
height: 300px;
margin-right: 24px;
margin-top: 30px;
width: 265px;
}

#thanks #step1 {
background: url(/images/officialspace/step1.jpg) no-repeat 125px 174px;
width: 290px;
}

#thanks #step2 {
background: url(/images/officialspace/step2.jpg) no-repeat 87px 174px;
margin-left: 25px;
margin-right: 23px;
width: 295px;
}

#thanks #step3 {
background: url(/images/officialspace/step3.jpg) no-repeat 147px 163px;
margin-right: 0;
width: 265px;
}

#thanks #step1 p {
width: 176px;
}

#thanks #step2 p {
width: 232px;
}
#thanks #step3 p {
width: 180px;
}

#thanks div .number {
background: url('/images/officialspace/officialspace_sprite.png') no-repeat -280px -24px;
color: #fff;
float: left;
font-size: 25px;
font-weight: normal;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}

#title {
margin: 0 30px;
width: 922px;
}

#title h2 {
margin-bottom: 30px;
}

#title p {
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
width: 418px;
}

#title img {
float: left;
}

#title .officebroker {
float: left;
margin-left: 20px;
}

#thanks_sidebar textarea {
width:225px;
}

#thanks_sidebar input {
width:220px;
}

#thanks_sidebar select {
width:220px;
}

#thanks {
display: block;
float: left;
margin: 10px 0 0;
width: 100%;
}

#thanks h3 {
font-size: 22px;
margin-top: 20px;
}

.thanks_again_content #thanks h2 {
color: #8eca58;
font-size:20px;
margin:0;
padding:10px 0 0 10px;
}

#thanks p {
clear: left;
font-weight: 300;
padding:30px 10px 0 0;
float:left;
}

#thanks img {
padding:0 15px 0 10px;
margin:0;
display:block;
float:left;
background: #FFF;
}

/* NEWS */

#news_content {
float: left;
margin: 0 30px;
width: 630px;
}

#news_content.single {
width: auto;
}

#news_content a {
color: #314466;
}

/* Posts */

.post {
border-bottom: 1px solid #ccc;
margin: 0 0 11px;
overflow: hidden;
padding-bottom: 13px;
position: relative;
width: 630px;
}

.single .header h2 {
margin: inherit!important;
}

.single .article_info {
float: left;
margin-right: 75px;
width: 594px;
}

.single .post {
padding: 7px 0 9px;
width: 594px; 
}

#news_content.archive .header h2 {
margin: 0 0 20px;
}

.archive .post h2, .news_home .post h2, .search_result .post h2{
color: #314466;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1;
margin: 0 0 4px 0;
min-height: 17px;
padding: 10px 10px 10px 0px;
}

.archive .post h3 a {
color: #314466;
text-decoration: underline;
}

.post .thumbnail {
float: left;
height: 138px;
width: 185px;
}
.post .thumbnail img {
border: none;
}

.post .text {
float: left;
margin-left: 15px;
width: 430px;
}

.post p.postmetadata {
padding: 30px 0 0;
}

.post small{
color: #314466;
display: block;
font-size: 12px;
}

.post small.date {
color: #6F7C94;
}

.post .entry {
color: #314466;
font-size: 12px;
line-height: 1.3;
margin: 0;
padding: 0;
}

.post .entry p {
font-size: 14px;
font-weight: normal;
line-height: 140%;
margin: 10px 0;
}

.post .more {
bottom: 12px;
left: 200px;
position: absolute;
}

.post .more a {
color: #314466;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}

.post .more span {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat 0 -90px;
display: block;
float: left;
height: 16px;
padding-left: 2px;
width: 16px;
}

.postmetadata small {
font-weight: bold;
margin-bottom: 10px;
}

.entry img.alignright, .entry img.alignleft, .entry img { /* forcing all pictures left regardless of post editing */
float: left;
margin: 0 10px 0 0;
}


.alignleft {
float: left;
}
.alignright {
float: right;
}

/* Comments */

#comment_section {
color: #314466;
margin: -1px 0 0 0;
padding: 0 0px 18px;
width: 570px;
}

.comment_header {
background-color: #E0EEF0;
border-top: 1px solid #6F7C94;
color: #314466;
font-size: 12px;
font-style: normal;
font-weight: bold;
height: 28px;
padding: 6px 10px;
}

small.commentmetadata a{
color: #6F7C94;
font-size: 10px;
font-weight: normal;
text-decoration: none;
}

.commentlist {
color: #314466;
font-size: 12px;
margin:0 29px 0 0;
padding:0;
}

.commentlist li {
margin: 0 0 16px 0;
}

.commentlist p {
line-height: 1.3em;
margin: 5px 0 0 12px;
}
.commentlist p:first-line {
line-height: 1.8;
}

#leave_a_comment {
color: #314466;
font-size: 12px;
margin: 0; 
overflow: auto;
}

#comment_section h3.respond, #leave_a_comment h3.respond {
color: #314466;
font-size: 20px;
font-weight: normal;
margin: 0 0 20px 0;
padding: 0;
}

#comment_section h3.respond {
margin-bottom: 13px;
}

#leave_a_comment #commentform p {
font-size: 14px;
margin: 8px 0 9px 0;
padding: 0;
}

#leave_a_comment label {
color:#314466;
display: block;
font-size:14px;
margin-bottom: 4px;
}

#leave_a_comment input,
#leave_a_comment textarea,
#personal .name input,
#checkoutform .name input,
#petrol .register_details .name input,
#report .report_details .name input {
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-color: #ccc;
border-radius: 3px 3px 3px 3px;
width: 180px;
}

#checkoutform .name input,
#petrol .register_details .name input,
#report .report_details .name input {
border: 1px solid #ccc;
width: 92px;
}

#petrol .register_details .name input,
#report .report_details .name input {
width: 111px;
}

#leave_a_comment input.focused,
#leave_a_comment #comment.focused {
border-color: #ccc;
}

#leave_a_comment textarea {
width: 588px;
}

#leave_a_comment p.error {
color: #f00;
}

#leave_a_comment .name,
#personal .name,
#checkoutform .name,
#petrol .register_details .name,
#report .report_details .name {
overflow: hidden;
}

#leave_a_comment .name label,
#contact_form #personal .name label,
#checkoutform .name label,
#petrol .register_details .name label,
#report .report_details .name label {
bottom: 0;
font-size: 11px;
left: 2px;
position: absolute;
width: 200px;
}

#checkoutform .name label,
#petrol .register_details .name label,
#report .report_details .name label {
font-weight: normal;
}

#petrol .register_details .name label,
#report .report_details .name label {
bottom: 7px;
}

#leave_a_comment .name div,
#personal .name div,
#checkoutform .name div,
#petrol .register_details .name div,
#report .report_details .name div {
float: left;
height: 50px;
margin-right: 10px;
position: relative;
}

#personal .name div,
#checkoutform .name div,
#petrol .register_details .name div,
#report .report_details .name div {
margin-right: 32px;
width: 150px;
}

#checkoutform .name div,
#petrol .register_details .name div,
#report .report_details .name div {
margin-right: 11px;
width: 100px;
}

#petrol .register_details .name div,
#report .report_details .name div {
margin-right: 22px;
width: 111px;
}

#checkoutform .name .second_name,
#petrol .register_details .name .second_name,
#report .report_details .name .second_name {
margin-right: 0;
}

#checkoutform .name .second_name input {
width: 90px;
}

#leave_a_comment .email input {
width: 395px;
}

#submit_comment,
#content #submit_btn {
background-position: 0 -1729px;
font-size: 20px;
padding-left: 0;
width: 117px;
}

#submit_comment:hover,
#content #submit_btn:hover {
background-position: 0 -1762px;
}

#submit_comment:active,
#content #submit_btn:active {
background-position: 0 -1794px;
}

#content #contact_form {
position: relative;
}

#content #contact_form #comments #submit_btn {
bottom: 10px;
font-weight: normal;
height: 36px;
padding: 0;
position: absolute;
right: 96px!important;
}

#nocomments {
font-weight: bold;
}

#content #commentform #submit_comment {
font-size: 15px;
width: 83px;
}

/* new contact form */
#personal .name ul {
float:left;
height: 47px;
margin-right:77px;
position:relative;
width:108px;
}

#contact_form #submit_btn {
font-size: 15px;
font-weight: normal;
height: 29px;
right: 99px;
top: -40px;
width: 81px;
}

/* Sidebar */

#sidebar {
background: #314466;
color: #fff;
float: right;
padding: 0;
width: 253px;
}

#content .news h2 {
margin: 20px 30px;
width: 630px;
}

#sidebar h4 {
background: #222734;
color: #fff;
font-size: 18px;
font-weight: 300;
height: 37px;
line-height: 37px;
margin: 0;
padding-left: 15px;
}

#sidebar a {
color: #fff;
font-weight: normal;
}

.searchform {
height:22px;
padding: 19px 7px 18px 15px;
}

.searchform label {
color: #314466;
font-style: italic;
margin: 7px 0 0 10px;
position: absolute;
}

#sidebar #search_query {
height: 14px;
padding-top: 8px;
width: 117px;
}

.searchform button {
background-position: 0 -250px;
font-size: 13px;
font-weight: 500;
height: 30px;
padding-left: 15px;
position: relative;
right: 20px;
width: 80px;
}

#sidebar ul li ul {
font-size: 13px;
padding: 10px 15px;
}

#sidebar li {
padding: 2px 0;
}

#sidebar .cat-item a {
font-size: 14px;
font-weight: 500;
}

#sidebar ul.children {
padding: 2px 0 0 10px;
}

#sidebar ul.children li a {
font-size: 12px;
font-weight: normal;
}

#sidebar .pagenav li {
margin-bottom: 10px;
}

#sidebar .pagenav li a,
#sidebar .feeds li a {
font-size: 14px;
}

#sidebar .feeds li {
line-height: 25px;
margin-bottom: 20px;
}

#sidebar .rss_icon {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -34px -92px;
float: left;
height: 28px;
padding: 0 15px 0 0;
width: 28px;
}

.guides {
margin-right: 30px;
padding-bottom: 15px!important;
}

.guides li {
float: left;
line-height: 15px;
padding: 15px 0 5px 15px !important;
}

.guides .guide_icon {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -103px -92px;
float: left;
height: 16px;
padding: 0 15px 0 0;
width: 12px;
}

/* Navigation and pagination */

/*
.navigation {
display: none;
}
*/

.wp-pagenavi {
background-color: #DCDED3;
border-top: 1px solid #314466;
font-size: 12px;
font-weight: bold;
margin: 22px 0 1px 0;
overflow: auto;
padding: 5px 8px;
text-align: right;
width: 581px;
}

.wp-pagenavi .pages {
color: #314466;
float: left;
}

.wp-pagenavi a {
padding: 2px;
}

.wp-pagenavi .current {
background-color: #EFF0EA;
color: #314466;
margin: 0 3px;
padding: 2px 3px;
}

/* contact page form */

.contact h2 {
border-bottom: 0;
}

.contact .help {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}

#contact_form dl, #contact_form fieldset, #contact_form dt, #contact_form dd {
margin: 0;
padding: 0;
font-size: 14px;
width: 461px;
}

#contact_form fieldset {
clear: both;
display: block;
padding-bottom: 20px;
/* width: 592px; */
}

#contact_form .help {
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
padding-bottom: 5px;
width: 100%;
}

#contact_form .help label {
font-size: 15px;
}

#contact_form .help dd {
float: left;
margin: 5px 0 3px;
width: 600px;
}

#contact_form .help dd label {
float: left;
font-weight: 400;
margin-bottom: 10px;
width: 500px;
}

#contact_form .help dd input {
margin-right: 10px;
}

#contact_form dd {
padding: 3px 0 0 0;
}

#contact_form title {
width: auto;
}

#contact_form #personal {
/* width: 296px; */
float: left;
margin-right: 0px\0;
clear: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#contact_form #personal {
		width: auto;
	}
}

#contact_form #personal select {
width: 110px;
}

#contact_form #personal label,
#contact_form #details label,
#contact_form #comments label,
#contact_form #personal .name p {
font-size: 20px;
font-weight: 400;
}

#contact_form #personal .name p {
margin-bottom: 0;
width: 500px;
}

#contact_form #details {
width: 296px;
float: left;
margin-top: 80px;
clear: none;
}

#contact_form #details select {
width: 100%;
}

#contact_form #comments dl {
display: none;
}

#contact_form label {
font-size: 14px;
font-weight: bold;
}

#contact_form dd label {
font-weight: normal;
}

#contact_form dd {
margin: 0 69px 1em 0;
}

#contact_form #personal .name {
margin-bottom: 10px;
}

#contact_form #personal .name dd {
margin: 0;
}

#contact_form .name .second_name dd {
width: 185px;
}

#contact_form #personal .name #firstname {
width: 160px;
}

#contact_form #personal .name #lastname {
width: 165px;
}

#contact_form input, #contact_form textarea {
font-size: 16px;
padding: 5px;
}

#contact_form input {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #CCCCCC;
margin-right: 5px;
}

#contact_form select {
font-size: 14px;
padding: 3px;
}

#contact_form #errors, #contact_form .error {
font-size: 14px;
color: #f00;
display: block;
padding: 0 0 1em 0;
}

#contact_form #comments {
clear: right;
width: 461px;
}

#contact_form #message {
border: 1px solid #ccc;
margin-bottom: 20px;
width: 350px;
} 

#contact_form #errors {
position: relative;
right: 19px;
text-align: right;
}

/* Auto complete */

#autocomplete {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #fff;
border-radius: 3px;
margin-top: 29px;
padding-top: 5px;
width: 364px;
}

#contact_form #autocomplete {
margin-top: 0;
padding-top: 0;
position: absolute;
z-index: 100;
}

.search_spinner {
height: 15px !important;
padding: 0 !important;
position: absolute;
right: 142px;
top: 9px;
width: 15px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.search_spinner { right: 10px; }
}

#contact_form #autocomplete li {
margin-bottom: 0;
}

#contact_form .search_spinner {
right: 112px;
top: 331px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#contact_form .search_spinner { top: 327px; }
}

#autocomplete ul {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border: 1px solid #94969A;
border-top: 0;
margin: 0;
}

#autocomplete div {
display: none;
}

#autocomplete .location_types,
#autocomplete .default_location_types {
background: #E3F2D5;
font-size: 13px;
height: 25px;
line-height: 23px;
margin-bottom: 0;
padding-left: 13px;
}

.alt_search #autocomplete .location_types {
height: 24px;
line-height: 24px;
}

#autocomplete .no_results {
background: #f2c6c6;
color: #fff;
}

#autocomplete .down_arrow {
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -352px -95px;
float: right;
height: 15px;
margin: 0 10px 0 0;
width: 15px;
}

#autocomplete li {
height: 24px;
line-height: 24px;
padding-left: 13px;
}

#autocomplete li:hover {
background: #eee;
}

#autocomplete .location_types:hover,
#autocomplete .default_location_types:hover {
background: #E3F2D5;
}

#autocomplete .no_results:hover {
background: #f2c6c6;
}

#autocomplete li:active {
background: #5A7DBB;
}

#autocomplete li a {
color: #314466;
display: block;
font-size: 13px;
font-weight: 500;
text-decoration: none;
}

#autocomplete li:active a {
color: #fff;
}

#autocomplete li span {
display: inline-block;
background: url(/images/officialspace/officialspace_sprite.png) no-repeat -9999px -9999px;
float: none;
height: 15px;
margin-left: 7px;
position: relative;
top: 4px;
width: 20px;
}

#autocomplete li .tube {
background-position:  -146px -148px;
}

#autocomplete li .station {
background-position:  -146px -120px;
}

/* place specific overlay styles */

#navigation #autocomplete {
float: none;
margin-top: -2px;
padding: 0;
position: absolute;
width: 364px;
z-index: 1;
}

#navigation #autocomplete ul {
background: #fff;
float: none;
}

#navigation #autocomplete .location_types,
#navigation #autocomplete .default_location_types {
color: #314466;
}

#navigation #autocomplete .location_types {
height: 24px;
line-height: 24px;
}

#navigation #autocomplete li {
margin: 0;
}

#branding .alt_search #autocomplete {
margin-top: -1px;
padding: 0;
position: absolute;
width: 271px;
z-index: 4;
}

#branding .alt_search .search_spinner {
right: 140px;
top: 25px;
}

.overlay #autocomplete {
margin-top: -6px;
padding-top: 0;
position: absolute;
width: 259px;
z-index: 1;
}

.overlay #autocomplete ul {
margin-bottom: 0;
width: 257px;
}

.overlay #autocomplete li {
height: 24px;
line-height: 24px;
margin-bottom: 0;
width: 244px;
}

.overlay form .search_spinner {
right: 19px;
top: 25px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.overlay form .search_spinner { top: 26px; }
}

.overlay form .search_spinner {
right: 19px;
top: 25px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.overlay form .search_spinner { top: 26px; }
}

/* rating */

.rating-5, .rating-4, .rating-3, .rating-2, .rating-1 {
background: url('/images/officialspace/star.gif') repeat-x left center;
margin-bottom: 7px;
min-height: 13px;
overflow: hidden;
text-indent: -9999px;
}
.rating-5 {
width: 70px;
}
.rating-4 {
width: 56px;
}
.rating-3 {
width: 42px;
}
.rating-2 {
width: 28px;
}
.rating-1 {
width: 14px;
}

/* header fix */
.top_container {
/* background:url("/images/officialspace/home_header_bg.png") no-repeat scroll left top #314466; */
float:left;
height: 135px;
height:auto !important;
min-height:135px;
padding-bottom:11px;
width:100%;
}

#cityscape.alt_1 {
background:url("/images/officialspace/home_header_bg_4.png") no-repeat scroll left top #314466;
float:left;
height: auto;
padding-bottom: 7px;
width: 100%;
}

.alt_header .titles {
background-color:transparent !important;
display:block;
padding:0 !important;
width:658px !important;
}

.alt_header h3 {
font-size:30px;
margin-bottom:15px;
margin-top:3px;
width:512px;
}

#cityscape.location_view .titles {
padding: 20px 0px!important;
}

#content.wp {
overflow: hidden;
}

/* LONDON CSS */
.london,
.london .tabs {
position: relative;
width: 629px;
}

.london .panes > div {
height: 394px;
width: 629px;
}

.london_city #checkout {
position: absolute;
right: 0;
top: 189px;
}

/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid {
display: block;
visibility: hidden;
position: static !important;
float: left !important;
max-width: none !important;
min-width: 0px !important;
max-height: none !important;
min-height: 0px !important;
}

.ui-tooltip, .qtip {
position: absolute;
left: -31000px;
top: -31000px;
max-width: 280px;
min-width: 50px;
outline: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.ui-tooltip-content {
position: relative;
padding: 5px 9px;
overflow: hidden;
border-width: 1px;
border-style: solid;
text-align: left;
word-wrap: break-word;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content {
border-color: #56B449;
color: #fff;
text-transform: capitalize;
font-weight: bold;
}

.ui-tooltip-dark .ui-tooltip-content {
background-color: #8ECA58;
}

div.ui-tooltip-tip {
position: absolute;
margin: 0 auto;
overflow: hidden;
line-height: 0.1px;
font-size: 1px;
background: transparent !important;
border: 0px !important;
z-index: 10;
}

div.ui-tooltip-tip * {
line-height: 0.1px;
font-size: 0.1px;
}

.ui-tooltip-shadow {
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* GOOGLE MAP */
.panes #map {
background: url(/images/officialspace/map_search_bg.png) repeat-x;
bottom: -1px;
left: 30px;
position: absolute;
width: 629px;
}

.panes #map .search {
margin: 0;
padding: 10px;
}

#map .search button {
font-size: 15px;
}

#map .search label {
left: 0 !important;
top: -6px !important;
}

#map .search .location_input {
padding: 13px 13px 0 6px;
}

/* TUBE MAP */

#tube {
border: 1px solid #ccc;
overflow: scroll;
height: 392px;
width: 629px;
}


.pancontainer{
position:relative; /*keep this intact*/
overflow:hidden; /*keep this intact*/
width:300px;
height:300px;
border:1px solid black;
}