/* CSS document for Grosvenor Office Lettings
build: P.Robelou 11/04/2008 


----------------------=layout styles
=defaults to normalise settings cross-browser
=wrapper
=flash wrapper
=page title wrapper
=content wrapper
=left navigation wrapper
=content wrapper
=content outer wrapper full
=upper content wrapper
=content wrapper middle
=content holder
=quote wrapper
=property description wrapper
=contact description wrapper
=general description wrapper
=map legend wrapper
=website link module outer wrapper
=poi wrapper
=right hand modules wrapper
=footer wrapper

----------------------=content styles
=header
=h1
=h2
=h3
=p
=a
=span
=border
=images
=lists
=forms
=footer

----------------------=navigation styles
=top navigation
=header navigation
=breadcrumb navigation
=left navigation
=overview navigation

----------------------=right hand modules styles
=rhm links

----------------------=tool styles
=utility styles
=debug styles


--------------------------------------------------------------------------------------------------=layout styles
---------------=defaults to normalise settings cross-browser */
h1, h2, h3, h4, h5, h6
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-size: 100%;
}

p
{
    margin: 0px 0px 13px 0px;
    padding: 0px;
    font-size: 100%;
    line-height: 120%;
}

a
{
    text-decoration: none;
    color: #ffffff;
}

a:hover
{
    text-decoration: underline;
    color: #ffffff;
}

img
{
    border: 0px;
    vertical-align: text-bottom;
}

hr
{
    display: none;
    padding: 0px;
    margin: 0px;
    height: 0px;
}

ul, ol
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
}

ul li, ol li
{
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    line-height: 140%;
}

form
{
    margin: 0px;
    padding: 0px;
}

fieldset
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

input
{
    margin: 0px;
    padding: 0px;
    font-family: arial, sans-serif;
}


/*-----------------------------------------=wrapper */
html, body
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body
{
    background: #383838  url(../images/bg_main_gradient.jpg) repeat-x 0px 0px;
    font-family: arial ,sans-serif;
    font-size: 70%; /* 11px */
    font-weight: normal;
    color: #ffffff;
    text-align: center; /* for IE */
}

div#wrapper
{
    position: relative;
    text-align: left; /* reset text alignment */
    width: 968px; /* or a percentage, or whatever */
    margin: 0px auto; /* for the rest */
    padding: 0px;
}

/*-----------------------------------------=flash wrapper */
#flash_wrapper
{
    position: relative;
    width: 968px;
}

#flash_required_container
{
    position:absolute;
    top:90px;
    right:15px;
    background:url(../images/bg_flash_required.png);
    padding:5px 10px 0px 18px;
    width:120px;
}

/*-----------------------------------------=page title wrapper */
#page_title_wrapper
{
    border-top: 1px solid #000000;
    background: #2a2a2a;
    padding: 5px 0px 2px 15px;
}

/*-----------------------------------------=left navigation wrapper */
#left_navigation_wrapper
{
    float: left;
    width: 222px; /* width 232px */
    background: url(../images/bg_stripes.gif) repeat 0px 0px;
    padding: 5px;
}

#left_navigation_inner_wrapper
{
    width: 212px; /* width 222px */
    background: #181818;
    padding: 5px;
}

/*-----------------------------------------=content wrapper */
#content_wrapper
{
    padding-top: 10px;
}

#content_wrapper_home
{
    padding: 0px;
}

.content_wrapper_wide
{        
    width: 726px;
    margin-bottom: 5px;
}

.content_wrapper_wide_no_nav
{        
    width: 607px;
    margin-bottom: 5px;
}

.content_wrapper_narrow
{        
    width: 319px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.content_inner_wrapper
{
    background: #181818;
    padding: 5px;
}

.content_inner_wrapper_text
{
    background: #181818;
    padding: 13px;
}

.content_inner_wrapper_introduction
{
    background: #181818;
    padding: 22px 26px 21px 26px; 
    min-height: 172px; /* height 215px */
}

.content_inner_wrapper_property_list 
{
    float: right;
    width: 484px; 
}

.outer_stripe
{
    background: url(../images/bg_stripes.gif) repeat 0px 0px;
    padding:5px 0;
}

.outer_stripe .content_inner_wrapper
{
    margin:0 5px;
}

.outer_stripe .content_inner_wrapper_text
{
    margin:0 5px;
}

.content_wrapper_wide .content_inner_wrapper_text
{
    float: right;       
    width: 457px;
    margin-top: 5px;
	display : inline;
}

/*-----------------------------------------=content outer wrapper full */
#content_outer_wrapper_full
{        
    width: 958px; /* 968px */
    background: url(../images/bg_stripes.gif) repeat 0px 0px;
    padding: 5px;
}

/*-----------------------------------------=upper content wrapper */
.upper_content_wrapper
{
    padding-bottom: 15px;
}

/*-----------------------------------------=content wrapper middle */
.content_wrapper_middle
{
    float: left;
    width: 484px;
    margin-left: 10px;
	display : inline
}

.content_wrapper_middle .inner_wrapper_left
{
    float: left;
    width: 261px; /* 300px */
    background: #181818;
    padding: 13px 17px 15px 17px;
    margin: 5px 5px 0px 5px;
	display : inline;}

.content_wrapper_middle .inner_wrapper_right
{
    float: right;
    padding: 13px 15px 15px 10px; 
    width: 149px; /* width 174px */
    margin-top: 5px;
		display : inline;
}

.content_wrapper_middle .inner_wrapper_middle
{
    background: #181818;
    padding: 10px 5px 10px 5px;
    margin: 5px 5px 0px 5px;
}

/* GROSVENOR START */
/*
	Images Tab in TemplateC2 does not work in IE 6 after merging of templates
	C1-C4.
*/
.content_wrapper_middle .inner_wrapper_middle_wide
{
    background: #181818;
    padding: 10px 4px 10px 4px;
    margin: 5px 5px 0px 5px;
}
/* GROSVENOR END */

.image_gallery .inner_wrapper_middle_wide
{
    background: #181818;
    padding: 10px 0px 10px 6px;
    margin-top: 5px;
}

.plugin_description .inner_wrapper_middle
{
    padding: 13px;
}

.property_description .inner_wrapper_middle_wide
{
    padding: 13px;
}

/*-----------------------------------------=content holder */
.content_holder_property
{
    padding-bottom: 10px;
}

.content_holder_property_list
{
    padding-top: 5px;
}

.content_holder_property_list .content_inner_wrapper
{
    margin-top: 5px;
}

.content_holder_contact
{
    padding-top: 5px;
}

.content_holder_contact .content_inner_wrapper
{
    margin-top: 5px;
}

.content_holder_home 
{
    margin-top: 5px;
}

.content_holder_home .outer_stripe
{
    padding: 0px 0px 5px 0px;
}

.content_holder_home .last
{        
    margin-right: 0px;
}

/*-----------------------------------------=quote wrapper */
.quote_wrapper
{
    float: left;
    width: 215px; /* width 240px */
    padding: 8px 20px 0px 5px;
}

/*-----------------------------------------=property description wrapper */
.property_description_wrapper_wide
{
    float: right;
    width: 464px; /* width 464px */
    padding: 8px 0px 0px 0px;
}

.property_description_wrapper
{
    float: right;
    width: 303px;
    padding: 5px 0px 0px 0px;
}

.property_highlight_wrapper
{ 
    float: left;
    width: 192px; /* width 233px */
    padding: 10px 25px 0px 16px;
    margin-top: 5px;
}

/*-----------------------------------------=contact description wrapper */
.contact_description_wrapper
{
    float: right;
    width: 424px;
    padding-top: 4px;
}

/*-----------------------------------------=general description wrapper */
.general_description_wrapper_wide
{
    float: right;
    width: 460px; /* width 486px */
    padding: 13px;
    background: #181818;
}

.general_text_wrapper_wide
{
    float: left;
    width: 494px; /* 597px */
    padding: 19px 90px 5px 13px;
    background: #181818;
}

/*-----------------------------------------=map legend wrapper */
.map_legend_wrapper
{
    width: 702px; /* 716px */
    background: #181818;
    padding: 7px;
    margin: 0 5px;
}

/*-----------------------------------------=website link module outer wrapper */
.website_link_module_outer_wrapper
{
    float: right;
    width: 350px;
}

.website_link_module_wrapper
{
    margin-top: 15px;
}

.website_description_wrapper
{
    float: left;
    width: 170px; /* width 248px */
    margin-left: 10px;
    padding-right: 68px; 
}

/*-----------------------------------------=poi wrapper */
.poi_category_wrapper
{
    float: left;
    padding: 8px 10px 0px 15px;
    width: 135px; /* width 160px */
    margin-top: 5px;
}

.poi_subcategory_wrapper
{
    float: left;
    padding: 8px 0px 8px 19px;
    background: #181818;
    width: 225px; /* width 244px */
    margin-top: 5px;
}

.poi_results_wrapper
{
    float: left;
    padding: 8px 13px 15px 14px;
    width: 285px; /* width 312px */
    margin-top: 5px;
}

/*-----------------------------------------=right hand modules wrapper */
#rhm_wrapper
{
    float: left;
    margin-left: 10px;
    width: 232px;
}

#rhm_links_wrapper
{
    width: 222px; /* width 232px */
    padding: 5px;
    background: url(../images/bg_stripes.gif) repeat 0px 0px;
}

#rhm_links_inner_wrapper
{
    width: 212px; /* width 222px */
    background: #181818;
    padding: 5px;
}

#rhm_wrapper .read_more_wrapper
{
    margin-left: 19px;
    margin-bottom: 40px;
}

/*-----------------------------------------=footer wrapper */
#footer_wrapper
{
    /*float: left;*/
    width: 100%;
    padding: 20px 0px 10px 7px;
}

/*--------------------------------------------------------------------------------------------------=content styles */
/*-----------------------------------------=header */
#header
{
    background: #000000;
}

#header #grosvenor_logo
{
    padding: 27px 0px 14px 27px;
}

/*-----------------------------------------=h1 */
h1
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 198%;
    font-weight: normal;
}

/*-----------------------------------------=h2 */
h2
{
    text-transform: uppercase;
    font-size: 198%;
    font-weight: normal;
    color: #ffffff;
}

.property_description_wrapper_wide h2
{
    color: #b8fff7;
    margin-bottom: 0px;
}

.property_highlight_wrapper h2
{
    color: #b8fff7;
    margin-bottom: 8px;
}


h2.content_header
{
    text-transform: uppercase;
    color: #b8fff7;
    font-size: 126%;
    font-weight: normal;
    margin: 8px 0px 8px 16px;
    width: 325px;
}

.wide h2.content_header
{
    width: 587px;
}

h2.left_nav
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 126%;
    font-weight: normal;
    padding-left: 5px;
}

#left_navigation_wrapper .lower
{
    margin-top: 13px;
}

h2.read_more
{
    text-transform: uppercase;
    color: #b8fff7;
    font-size: 198%;
    font-weight: normal;
    margin-top: 22px;
}

h2.website_link
{
    text-transform: uppercase;
    color: #b8fff7;
    font-size: 198%;
    font-weight: normal;
}

h2.rhm
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 126%;
    font-weight: normal;
    margin: 13px 0px 5px 0px;
    padding: 0px 0px 0px 9px;
}

.read_more_wrapper h2.rhm
{
    color: #b8fff7;
    margin: 12px 0px 10px 0px;
    padding: 0px;
}

h2.general_text
{
    text-transform: uppercase;
    color: #b8fff7;
    font-size: 126%;
    font-weight: normal;
    width: 325px;
    margin: 8px 0px 8px 11px;
}

/*-----------------------------------------=h3 */
h3
{
    text-transform: uppercase;
    color: #cecece;
    margin-bottom: 8px;
}

.content_inner_wrapper_introduction h3
{
    text-transform: uppercase;
    color: #09efd5;
    font-size: 126%;
    font-weight: normal;
}

h3.poi_header
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 108%;
    font-weight: normal;
    margin-bottom: 14px;
}

h3.general_text_body
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    margin: 28px 0px 1px 0px;
}

.property_description_wrapper_wide h3
{
    color: #b8fff7;
    font-size: 126%;
    font-weight: normal;
}

h3.property_description_header
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 108%;
    font-weight: bold;
}

h3.property_people_header
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 126%;
    font-weight: normal;
}

/*-----------------------------------------=h4 */
h4.underline
{
    font-size: 108%;
    text-transform:uppercase;
    border-bottom:1px solid #404040;
    padding-bottom:10px;
}

/*-----------------------------------------=p */
p.currently_available
{
    margin: 14px 0px 4px 5px;
    padding-left: 15px;
    background: url(../images/bg_left_nav_available02.gif) no-repeat 0px 2px;
    position: relative; /* IE to fix background img position */
    text-transform: uppercase;
}

/* GROSVENOR START */
/* Text disappears in IE 6 */
p.click_thumbnails
{
    margin-left: 11px;
    margin-bottom: 0px;
    height: 1%;
}
/* GROSVENOR END */

p.intro
{
    font-weight: bold;
}

p.tour
{
    width: 250px;
    margin-bottom: 10px;
}

p.quote
{
    color: #a5a5a5;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #404040;
    text-transform: uppercase;
}

/*-----------------------------------------=a */
a.body_link
{
    color: #acefe8;
}

a.body_link:hover
{
    color: #ffffff;
    text-decoration: underline;
}

/* GROSVENOR START */
a.arrow, li.arrow a
{
    text-transform: uppercase;
    color: #acefe8;
    background: url(../images/bg_left_nav_bluearr.gif) no-repeat 0px 3px;
    padding-left: 12px;
    display: block;
}

a.arrow:hover, li.arrow a:hover
{
    color: #ffffff;
    background-position: 0px -37px;
    text-decoration: none;
}

/* GROSVENOR END */

a.arrow_lcase
{
    text-transform: none;
    color: #acefe8;
    background: url(../images/bg_left_nav_bluearr.gif) no-repeat 0px 3px;
    padding-left: 12px;
    display: block;
}

a.arrow_lcase:hover
{
    color: #ffffff;
    background-position: 0px -37px;
    text-decoration: none;
}

a.arrow_active_lcase
{
    text-transform: none;
    color: #ffffff;
    background: url(../images/bg_left_nav_whitearr.gif) no-repeat 0px 3px;
    padding-left: 12px;
    display: block;
}

a.arrow_active_lcase:hover
{
    color: #ffffff;
    text-decoration: none;
}

/* GROSVENOR START */
/* Class assigned to link will not work as link is a MCMS control */
a.download_link, .download_link a
{
    padding: 2px 5px 2px 22px;
    color: #acefe8;
    text-transform: uppercase;
    display: block;    
    background: url(../images/bg_rhm_links_bluedownload.gif) no-repeat 5px 4px;
}

a.download_link:hover, .download_link a:hover
{
    color:#fff;
    background-position: 5px -36px;
}

a.email_link, .email_link a
{
    padding: 0px !important;
    display: inline !important;
    text-transform: none !important;
    color: #ffffff !important;
}

a.email_link:hover, .email_link a:hover
{
    color: #acefe8 !important;
    text-decoration: underline;
}

/* GROSVENOR END */

/*-----------------------------------------=span */
span.grosvenor_office
{
    background: url(../images/map_icon_grosvenor_office.gif) no-repeat 0px 0px; 
    padding: 0px 0px 4px 20px;
}

span.amenities
{
    background: url(../images/map_icon_amenities.gif) no-repeat 0px 0px; 
    padding: 0px 0px 4px 20px;
    margin-left: 15px;
}

/*-----------------------------------------=border */
.outer_stripe .image_border
{
    border: 1px solid #000000;
    margin: 0 5px;
}

.outer_stripe .image_border_no_top
{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin: 0 5px;
}

/*-----------------------------------------=images */
.images_thumbnail
{
    float: left; 
    border: 1px solid #5a5a5a; 
    width: 152px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: inline; /* IE6 double margin fix */
}

.images_thumbnail_current
{
    float: left; 
    border: 1px solid #ffffff; 
    width: 152px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: inline; /* IE6 double margin fix */
}

.get_flash_player
{
    margin-bottom: 34px;
}


/*-----------------------------------------=lists */
ul.general li
{
    line-height: 120%;
}

ul.general li.text
{
    padding-right: 20px;
}

ul.general li.border
{
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #404040;
}

ul.general li.link
{
    margin-bottom: 8px;
}

/* GROSVENOR START */
/* Property uses a placeholder and the user creates content but cannot specify class */
ul.bullet, .information ul
{ 
    color: #ffffff;
    margin-bottom: 12px;
}

ul.bullet li, .information ul li
{ 
    background: url(../images/bg_list_white_bullet.gif) no-repeat 0px 6px;
    padding-left: 8px;
    margin-bottom: 2px;
}

/* GROSVENOR END */


/* GROSVENOR START */
/*
	Google Map update
	All styles have been moved/recreated at the bottom */

/* GROSVENOR END */

ul.contact li.name
{
    color: #ffffff;
    font-size: 108%;
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #404040;
    text-transform: uppercase;
}

ul.contact li span
{
    margin-right: 8px;
}

ul.nav_hz
{
    margin: 4px;
}

ul.nav_hz li
{
    display: inline;
    color: #ffffff;
    text-transform: uppercase;
    margin-right: 9px;
}

ul.nav_hz li a
{
    color: #acefe8;
    text-decoration: underline;
}

ul.nav_hz li a:hover
{
    color: #ffffff;
    text-decoration: underline;
}

/* GROSVENOR START */
/* Requires indication of current Filter */

ul.nav_hz li a.current
{
	color: #fff;
	text-decoration: none;
}

/* GROSVENOR END */


ul.next_prev li
{
    display: inline;
    color: #acefe8;
    text-transform: uppercase;
}

ul.next_prev li a
{ 
    color: #acefe8;
}

ul.next_prev li a:hover
{ 
    text-decoration: none;
    color: #ffffff;
}

ul.next_prev li a.previous
{ 
    padding-left: 12px;
    padding-right: 5px;
    background: url(../images/bg_left_nav_bluearr_left.gif) no-repeat left 3px;
}
ul.next_prev li a.previous:hover
{
    background-position: left -37px;
}

ul.next_prev li a.next
{ 
    border-left: 1px solid #acefe8;
    padding-left: 8px;
    padding-right: 12px;
    background: url(../images/bg_left_nav_bluearr.gif) no-repeat right 3px;
}
ul.next_prev li a.next:hover
{
    background-position: right -37px;
}

/*-----------------------------------------=forms */
form.subcategory
{
    margin-bottom: 10px;
}

form.subcategory input
{
    float: left;
    width: 35px;
    margin-left: 11px;
}

form.subcategory select
{
    float: left;
    width: 160px;
    font-family: arial ,sans-serif;
    font-size: 100%; /* 11px */
    font-weight: normal;
    color: #726565;
}

div.propertysearch
{
    padding-top: 16px;
}

div.propertysearch label
{
    display: block;
    text-transform: uppercase;
    color: #b8fff7;
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 7px;
}

div.propertysearch input
{
    font-family: arial ,sans-serif;
    font-size: 100%; /* 11px */
    font-weight: normal;
    color: #726565;
    width: 334px;
    padding: 1px;
    /*display: block;*/
    margin-bottom: 19px;    
}

div.propertysearch select
{
    width: 340px;
    font-family: arial ,sans-serif;
    font-size: 100%; /* 11px */
    font-weight: normal;
    color: #726565;
    display: block;
    margin-bottom: 10px;
}

div.propertysearch .checkbox
{
    float: left;
    width: 13px;  
    margin-bottom: 35px;  
    padding: 0px; 
}

div.propertysearch label.checkbox_label
{
    width: 317px; /* width 327px */
    float: left; 
    margin-left: 10px;  
    text-transform: none;
    color: #ffffff;  
}

div.propertysearch label.email_label
{
    padding-top: 24px;
}

div.propertysearch .submit
{
    color: #acefe8;
    background: url(../images/bg_left_nav_bluearr.gif) no-repeat 0px 4px;
    padding: 0px 0px 0px 12px;
    border: 0px;
    width: 87px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 10px;
}

div.propertysearch .submit:hover
{
    color: #ffffff;
    background-position: 0px -36px;
    text-decoration: none;
    cursor: pointer;
}

/*-----------------------------------------=footer */
#footer_wrapper ul li
{
   display: inline;
   margin-left: 9px;
}

#footer_wrapper ul li a
{
    color: #b8fff7;
    font-size: 90%; /* 10px */
}

#footer_wrapper ul li a:hover, #footer_wrapper ul li a.current
{
    color: #ffffff;
    text-decoration: underline;
    font-size: 90%; /* 10px */
}


/*--------------------------------------------------------------------------------------------------=navigation styles */
/*-----------------------------------------=top navigation */
#header #top_navigation
{
    float: right;
    width: auto;
    padding-right: 11px;
    padding-top: 16px;
}

#header #top_navigation ul li
{
    display: inline;
   margin-left: 9px;
}

#header #top_navigation ul li a
{
    color: #b8fff7;
    font-size: 90%; /* 10px */
}

#header #top_navigation ul li a:hover, #header #top_navigation ul li a.current
{
    color: #ffffff;
    text-decoration: underline;
    font-size: 90%; /* 10px */
}


/*-----------------------------------------=header navigation */
#main_navigation
{
    float: right;
    width: auto;
    padding: 6px 11px 6px 0px;
}

#main_navigation ul li
{
    display: inline; 
    color: #fff;
}

#main_navigation ul li a
{
    background: url(../images/bg_hdr_nav_spacer.gif) no-repeat 0px 3px;
    padding: 0px 10px 0px 12px;
    color: #09efd5;
    font-size: 108%; /* 12px */
    text-transform: uppercase;
}

#main_navigation ul li a:hover, #main_navigation ul li a.current
{
    color: #ffffff;
    text-decoration: none;
}

#main_navigation ul li.left a
{
    background: none;
}

#main_navigation ul li.right a
{
    padding-right: 0px;
}

/*-----------------------------------------=breadcrumb navigation */
/* GROSVENOR START */
/* Avoid using ID's for styling */
ul.breadcrumb
{
    margin-bottom: 10px;
}

ul.breadcrumb li
{
    display: inline;
    padding-right: 3px;
}

ul.breadcrumb li a
{
    color: #09efd5;
    padding-right: 3px;
}
/* GROSVENOR END */


/*-----------------------------------------=left navigation */
#left_navigation_inner_wrapper .left_navigation_border
{
    border: 1px solid #000000;
    background: #2a2a2a;
}

#left_navigation_inner_wrapper ul li
{
    border-top: 1px solid #404040;
}

#left_navigation_inner_wrapper ul li.top
{
    border-top: 1px solid #000000;    
}

#left_navigation_inner_wrapper ul li.top_noborder
{
    border-top: 0px;
}

#left_navigation_inner_wrapper ul li a
{
    padding: 2px 0px 2px 17px;
    color: #acefe8;
    text-transform: uppercase;
    display: block;
    background: #2a2a2a url(../images/bg_left_nav_bluearr.gif) no-repeat 5px 6px;
    width: 193px; /* width 210px */
}

#left_navigation_inner_wrapper ul li a:hover, #left_navigation_inner_wrapper ul li a.current
{
    color: #ffffff;
    text-decoration: none;
    background: #181818 url(../images/bg_left_nav_bluearr.gif) no-repeat 5px -34px;
}

/* GROSVENOR START */
/* Never use ID's for styling. Does not work with ASP.NET */

#left_navigation_inner_wrapper ul.office_space li
{
    border-top: 1px solid #404040;
    background: #2a2a2a url(../images/bg_left_nav_unavailable.gif) no-repeat top right;
}

#left_navigation_inner_wrapper ul.office_space li.top
{
    border-top: 1px solid #000000;
}

#left_navigation_inner_wrapper ul.office_space li.top_noborder
{
    border-top: 0px;
}

#left_navigation_inner_wrapper ul.office_space li.bottom
{
    border-bottom: 1px solid #404040;
}

#left_navigation_inner_wrapper ul.office_space li.available
{
    background: #2a2a2a url(../images/bg_left_nav_available01.gif) no-repeat top right;
    padding-top: 1px;
    padding-bottom: 1px;
}

#left_navigation_inner_wrapper ul.office_space li a
{
    padding: 2px 0px 2px 17px;
    color: #acefe8;
    text-transform: uppercase;
    display: block;
    background: #2a2a2a url(../images/bg_left_nav_bluearr.gif) no-repeat 5px 6px;
    width: 173px; /* width 210px */
}

#left_navigation_inner_wrapper ul.office_space li a:hover, #left_navigation_inner_wrapper ul.office_space li a.current
{
    color: #ffffff;
    text-decoration: none;
    background: #181818 url(../images/bg_left_nav_bluearr.gif) no-repeat 5px -34px;
}

#left_navigation_inner_wrapper ul.office_space li.available a
{
    padding: 1px 0px 1px 17px;
    background: #4e4e4e url(../images/bg_left_nav_bluearr.gif) no-repeat 5px 5px;
}

#left_navigation_inner_wrapper ul.office_space li.available a:hover, #left_navigation_inner_wrapper ul.office_space li.available a.current
{
    padding: 1px 0px 1px 17px;
    background: #4e4e4e url(../images/bg_left_nav_bluearr.gif) no-repeat 5px -35px;
}

/* GROSVENOR END */

/*-----------------------------------------=overview navigation */
#overview_navigation
{
    border: 1px solid #000000;
    background: #2a2a2a url(../images/bg_overview_nav_greyline.gif) repeat-x 0px 0px;
    height: 25px;
    margin: 0 5px;
}

#overview_navigation ul li
{
    float: left;
    width: 1px;
    height: 25px;  
    background: url(../images/bg_overview_nav_greyline_vert.gif) no-repeat 0px 0px;
}

#overview_navigation ul li a
{
    display: block;
    height: 21px; /* height 25px */
    border-right: 1px solid #000000;
    color: #acefe8;
    text-transform: uppercase;
    padding: 4px 0px 0px 24px;
}

#overview_navigation ul li a:hover
{
    text-decoration: none;
    background: #ffffff;
    color: #1f1f1f;
}

/* GROSVENOR START */
/* Updated to work with jquery Tabs */
#overview_navigation ul #descriptionTab
{
    width: 110px;
}

#overview_navigation ul #descriptionTab a
{
    background: url(../images/bg_overview_nav_desc.gif) no-repeat 8px 6px;
}

#overview_navigation ul #descriptionTab a:hover
{
    background: #ffffff url(../images/bg_overview_nav_desc.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul #overviewTab
{
    width: 95px;
}

#overview_navigation ul #overviewTab a
{
    background: url(../images/bg_overview_nav_overv.gif) no-repeat 8px 6px;
}

#overview_navigation ul #overviewTab a:hover
{
    background: #ffffff url(../images/bg_overview_nav_overv.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul #imagesTab
{
    width: 78px;
}

#overview_navigation ul #imagesTab a
{
    background: url(../images/bg_overview_nav_imgs.gif) no-repeat 8px 6px;
}

#overview_navigation ul #imagesTab a:hover
{
    background: #ffffff url(../images/bg_overview_nav_imgs.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul #tourTab
{
    width: 92px;
}

#overview_navigation ul #tourTab a
{
    background: url(../images/bg_overview_nav_tour.gif) no-repeat 8px 6px;
}

#overview_navigation ul #tourTab a:hover
{
    background: #ffffff url(../images/bg_overview_nav_tour.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul #floorTab
{
    width: 105px;
}

#overview_navigation ul #floorTab a
{
    background: url(../images/bg_overview_nav_floor.gif) no-repeat 8px 6px;
}

#overview_navigation ul #floorTab a:hover
{
    background: #ffffff url(../images/bg_overview_nav_floor.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul #localAreaMapTab
{
    width: 130px;
}

#overview_navigation ul #localAreaMapTab a
{
    background: url(../images/bg_overview_nav_loc_map.gif) no-repeat 8px 6px;
}

#overview_navigation ul #localAreaMapTab a:hover
{
    background: #ffffff url(../images/bg_overview_nav_loc_map.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

/* GROSVENOR END */

/* GROSVENOR START */
/*
	Updating to become more generic.
	As well, using Classes does not work with Tabs.
*/

#overview_navigation ul li#categoryTab01
{
    width: 80px;
}

#overview_navigation ul li#categoryTab01 a
{
    background: url(../images/bg_overview_nav_hotels.gif) no-repeat 8px 6px;
}

#overview_navigation ul li#categoryTab01 a:hover, #overview_navigation ul li#categoryTab01 a.current
{
    background: #ffffff url(../images/bg_overview_nav_hotels.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul li#categoryTab02
{
    width: 118px;
}

#overview_navigation ul li#categoryTab02 a
{
    background: url(../images/bg_overview_nav_restaurants.gif) no-repeat 8px 7px;
}

#overview_navigation ul li#categoryTab02 a:hover, #overview_navigation ul li#categoryTab02 a.current
{
    background: #ffffff url(../images/bg_overview_nav_restaurants.gif) no-repeat 8px -33px;
    color: #1f1f1f;
}

#overview_navigation ul li#categoryTab03
{
    width: 185px;
}

#overview_navigation ul li#categoryTab03 a
{
    background: url(../images/bg_overview_nav_stations.gif) no-repeat 8px 7px;
}

#overview_navigation ul li#categoryTab03 a:hover, #overview_navigation ul li#categoryTab03 a.current
{
    background: #ffffff url(../images/bg_overview_nav_stations.gif) no-repeat 8px -33px;
    color: #1f1f1f;
}

/* GROSVENOR END */

/*--------------------------------------------------------------------------------------------------=right hand modules styles */
/*-----------------------------------------=rhm links */
#rhm_links_inner_wrapper .rhm_links_border
{
    border: 1px solid #000000;
    background: #2a2a2a;
}

#rhm_links_inner_wrapper ul li
{
    border-top: 1px solid #404040;
}

#rhm_links_inner_wrapper ul li.top
{
    border-top: 1px solid #000000;    
}

#rhm_links_inner_wrapper ul li.top_noborder
{
    border-top: 0px;
}

#rhm_links_inner_wrapper ul li a
{
    padding: 2px 0px 2px 22px;
    color: #acefe8;
    text-transform: uppercase;
    display: block;
    width: 175px;
    /*width: 183px;*/ /* width 210px */
}

#rhm_links_inner_wrapper ul li a:hover
{
    color: #ffffff;
    text-decoration: none;
}

#rhm_links_inner_wrapper ul li.print a
{
    background: url(../images/bg_rhm_links_blueprint.gif) no-repeat 5px 5px;
}

#rhm_links_inner_wrapper ul li.print a:hover
{
    background-position: 5px -35px;
}

#rhm_links_inner_wrapper ul li.subscribe a
{
    background: url(../images/bg_rhm_links_bluesubscribe.gif) no-repeat 5px 4px;
}

#rhm_links_inner_wrapper ul li.subscribe a:hover
{
    background-position: 5px -36px;
}

#rhm_links_inner_wrapper ul li.download_pdf a
{
    background: url(../images/bg_rhm_links_bluedownload.gif) no-repeat 5px 4px;
}

#rhm_links_inner_wrapper ul li.download_pdf a:hover
{
    background-position: 5px -36px;
}

#rhm_links_inner_wrapper ul#contact_us li
{
    padding: 2px 4px 2px 9px;
}

#rhm_links_inner_wrapper ul#contact_us li.top_noborder
{
    height: auto;
    border-top: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#rhm_links_inner_wrapper ul#contact_us li span
{
    margin-right: 8px;
}

#rhm_links_inner_wrapper ul#contact_us_2 li
{
    padding: 2px 4px 2px 9px;
}

#rhm_links_inner_wrapper ul#contact_us_2 li.top_noborder
{
    height: auto;
    border-top: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#rhm_links_inner_wrapper ul#contact_us_2 li span
{
    margin-right: 8px;
}

/*--------------------------------------------------------------------------------------------------=tools styles */
/*-----------------------------------------=utility */
.floatleft
{
    float: left;
    /*width: auto;*/
}

.floatright
{
    float: right;
    /*width: auto;*/
	display : inline
}

/* GROSVENOR START */
.clearer, .clear
{
    clear: both;
    height: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}
/* GROSVENOR END */

.spacer
{
    clear: both;
    height: 8px;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.clearfix:after
{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.clearfix
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}
/* End hide from IE-mac */


/*-----------------------------------------=debug */
.debug
{
    border: 1px solid red;
}


/* GROSVENOR START */
/* fix TemplateC* for Floor Plan */
#floorplanPanel a.lightbox img.floorplan
{
	width: 472px;
	height: 380px;	
}

/* Template B3 - Google Map integration */

.map
{
	width: 472px;
	height: 265px;
	overflow: hidden;
}

.info-content
{
	color: #000;
	width: 200px;
}

.info-content h2
{
	color: #000;
}

.info-content h2
{
	font-size: 125%;
	font-weight: bold;
}

.info-content a
{
	color: #000;
}

.info-content a
{
	color: #000;
	text-decoration: underline;
}

.externalLink
{
	margin-left: 5px;
	padding-bottom: 2px;
}

.fullInfoColumn
{
	float: left;
	width: 300px;
}

.fullInfoColumn h2
{
	color: #000;
	font-size: 175%;
}

.fullInfoColumn h4
{
	font-size: 100%;
}

.fullInfoColumn img
{
	text-align: center;
	margin: auto;
}

.fullInfoColumn p
{
	margin-top: 5px;
}

li.googlelist
{
	display: block;
	cursor: pointer;
	clear: both;
	overflow: auto;
	height: 1%;
	padding: 2px;
	margin-bottom: 5px;
}

li.googlelist img
{
	float: left;
}

li.googlelist div
{
	float: left;
	width: 240px;
	margin-left: 2px;
}

li.googlelist a
{
	font-weight: bold;
}

li.googlelist p
{
	margin: 0 0 4px 0;
}

li.googlelist-selected
{
	background: #4e4e4e;
}

.pagination
{
	width: 100%;
	margin-bottom: 10px;
}

.pagination li
{
	padding-left: 3px;
	padding-right: 3px;
}

.pagination .pagination-numpages
{
	width: 100px;
	float: left;
}

.pagination .pagination-num a
{
	color: #ACEFE8;
}

.pagination .pagination-num a:hover, .pagination .pagination-num a.selected
{
	color: #fff;
	text-decoration: none;
}

.pagination .pagination-prevnext
{
	float: right;
}

.pagination  .pagination-prevnext ul.pagination-num li
{
	float:left;
}

.pagination .pagination-previous li, .pagination .pagination-next li
{
	float:left;
}

.pagination .pagination-previous li a
{
	background: transparent url(../images/map/bg_left_nav_bluearr_left.gif) no-repeat scroll left 3px;
	padding-right: 5px;
}


.pagination .pagination-next li a
{
	background: url(../images/map/bg_left_nav_bluearr.gif) no-repeat scroll right 3px;
	padding-left: 5px;
}

.pagination .pagination-previous li a:hover, .pagination .pagination-next li a:hover
{
	background-position: left -37px;
	text-decoration: none;
}

/* GROSVENOR END */

/* GROSVENOR START */
/* General Styles */

.errorValidation
{
	color: #ff2266;
	font-size: 125%;
}

.progressMessage
{
	text-align: left;
	color: #09EFD5;
	font-size: 125%;
}

.link a
{
	color: #ACEFE8;
}

/* GROSVENOR END */

/* GROSVENOR START */
/* CMS Custom Office 2003 Browser Menu START */
#divcontextmenu
{
	font-size: 100%;
	z-index: 1000000;
	background: #383838;
	color: #ccc;
	border: solid 1px #ddd;
	padding-top: 4px;
	padding-bottom: 4px;
}

#divcontextmenu hr
{
	display: block;
	color: #ccc;
	height: 1px;
}

#contextMenu
{
	width: 100%;
	text-align: left;
}


#contextMenu .MenuItemText
{
	width: 100%;
}

hr.subsection
{
	color: #777;
	border: dashed 1px #999;
}

/* CMS Custom Office 2003 Browser Menu END*/
/* GROSVENOR END */
.nopadding {}