/************ SERVED FROM DISK ********************/

/************ START main.css ********************/

body
{
margin-top			: 0px;
padding				: 0px 0px 0px 0px;
font-family			: Arial;
font-size 			: 100%;
color				: #545454;
background-color	: #E0E0E0;
}

form /* No space around forms */
{
margin				: 0px;
padding				: 0px;
}

input, textarea, select
{
font-size           : 12px;
font-family         : Arial;
}

input.error
{
border              : 1px solid #FF0000 !important;
}

p.error
{
color               : #FF0000 !important;
}

img /* no border round images with links */
{
border				: 0px;
}

div.hold
{
position			: relative;
width				: 1000px;
margin				: 0px auto;
background      	: #FFF url(../images/generic/bg-body.png) 0px 0px repeat-y;
padding				: 0px 10px 0px 10px;
overflow			: hidden;
}

div.header {
background:url("../images/generic/nr-header2.jpg") no-repeat scroll 0 0 transparent;
height:168px;
overflow:hidden;
width:1000px;
}

div.header h1
{
height      : 0px;
padding-top : 168px;
overflow    : hidden;
width       : 1000px;
display     : block;
}

#nr_header #navbar {
bottom:0;
display:block;
height:auto;
position:relative;
width:100%;
z-index:150;
}

div.page-header
{
width               : 970px;
padding             : 0px 0px 0px 30px;
}

div.page-header h2
{
font-size           : 28px;
line-height         : 56px;
color               : #009FC2;
font-weight         : bold;
font-style          : italic;
margin              : 0px 0px 0px 0px;
}

div.sub-nav
{
width               : 1000px;
height              : 30px;
padding             : 0px 0px 0px 0px;
margin-bottom       : 10px;
}

div.offices-warehouses
{
width               : 940px;
padding             : 35px 30px 35px 30px;
overflow            : hidden;
}

div.offices-warehouses h5
{
font-size           : 12px;
line-height         : 16px;
color               : #009FC2;
font-weight         : normal;
margin              : 0px 0px 16px 0px;
}

div.offices-warehouses h6
{
font-size           : 12px;
line-height         : 16px;
color               : #545454;
font-weight         : bold;
margin              : 0px 0px 2px 0px;
}

div.offices-warehouses ul
{
padding             : 0px;
margin              : 0px;
overflow            : hidden;
}

div.offices-warehouses ul li
{
font-size           : 9px;
line-height         : 12px;
display             : block;
}

div.offices-warehouses ul li a
{
color               : #545454;
}

div.offices-warehouses ul li a:hover
{
color               : #009FC2;
}

div.offices-warehouses div.Offices
{
width               : 210px;
float               : left;
margin-left			: 25px;
}

div.offices-warehouses div.offices-first
{
margin-left			: 0;
width               : 235px;
}

div.offices-warehouses div.Offices div.seo-copy
{
margin				: 6px 0;
font-size			: 10px;
}

div.offices-warehouses div.Offices ul li.row1
{width               : 116px;}

div.offices-warehouses div.Offices ul li.row2
{width               : 112px;}

div.offices-warehouses div.Offices ul li.row3
{width               : 106px;}

div.offices-warehouses div.Offices ul li.row4
{width               : 100px;}


div.offices-warehouses div.Warehouses
{
width               : 515px;
float               : left;
}

div.offices-warehouses div.Warehouses ul li.row1
{width               : 130px;}

div.offices-warehouses div.Warehouses ul li.row2
{width               : 135px;}

div.offices-warehouses div.Warehouses ul li.row3
{width               : 122px;}

div.offices-warehouses div.Warehouses ul li.row4


div.footer
{
width               : 950px;
padding             : 0px 25px 0px 25px;
overflow            : hidden;
background-color    : #EEE;
}

div.footer ul
{
padding             : 0px;
margin              : 0px 0px 0px 150px;
overflow            : hidden;
}

div.footer ul li
{
font-size           : 11px;
line-height         : 30px;
float               : left;
display             : block;
margin              : 0px 40px 0px 0px;
color               : #333;
}

div.footer ul li a
{
color               : #004F6F;
text-decoration     : none;
}

/* Pop ups */

div.popup
{
width               : 500px;
border              : 1px solid #CCC;
padding             : 25px;
}

div.popup p.header
{
font-size           : 22px;
line-height         : 26px;
color               : #009FC2;
font-weight         : bold;
font-style          : italic;
margin              : 0px 0px 20px 0px;
}

div.popup p
{
font-size           : 12px;
line-height         : 16px;
color               : #545454;
font-weight         : normal;
margin              : 0px 0px 10px 0px;
overflow            : hidden;
width				: 450px;
}

div.popup p a
{
color               : #545454;
}

div.popup p a.privacy
{
margin-left         : 20px;
}

div.popup p label
{
display             : block;
float               : left;
width               : 100px;
line-height         : 20px;
vertical-align      : middle;
}

div.popup p input
{
display             : block;
float               : left;
width               : 150px;
border              : 1px solid #CCC;
padding             : 2px;
vertical-align      : middle;
margin-top          : 0px;
color               : #545454;
font-size           : 12px;
}

div.popup p select
{
display             : block;
float               : left;
width               : 240px;
border              : 1px solid #CCC;
padding             : 2px;
vertical-align      : middle;
margin-top          : 0px;
color               : #545454;
font-size           : 12px;
}

div.popup p textarea
{
display             : block;
float               : left;
width               : 330px;
border              : 1px solid #CCC;
padding             : 2px;
vertical-align      : middle;
margin-top          : 0px;
color               : #545454;
font-size           : 12px;
height              : 80px;
}

div.popup div.types
{
margin-left         : 100px;
overflow            : hidden;
padding             : 10px 0px 10px 0px;
}

div.popup div.types p
{
width               : 150px;
float               : left;
}

div.popup div.types p input
{
display             : block;
float               : left;
width               : auto;
border              : 0px solid #CCC;
padding             : 0px;
vertical-align      : middle;
margin              : 5px 2px 0px 0px;
}

div.popup p.mandatory
{
padding-left        : 100px;
}

div.popup div.recaptcha
{
background-color    : #CCC;
width               : 318px;
height              : 129px;
margin-left         : 100px;
margin-bottom       : 15px;
}

div.popup input.blue-button
{
width               : auto;
border              : 0px;
padding             : 5px 10px 5px 10px;
margin-top          : 0px;
background-color    : #0480A6;
float               : none;
color               : #FFF;
font-weight         : bold;
font-size           : 14px;
line-height         : 18px;
margin-left         : 100px;
}

div.popup input.blue-button:hover
{
background-color    : #014F6F;
color               : #FFF;
}

div.large-popup
{
width               : 800px;
border              : 1px solid #CCC;
padding             : 0px;
}

div.popup div.interactivemap
{
padding             : 15px 25px 25px 25px;
width               : 750px;
border-top          : 0px;
background          : url(../images/generic/bg-home-search-box.png) bottom repeat-x;
}

div.popup div.interactivemap div.wrapper
{
padding             : 15px;
overflow            : hidden;
}

div.popup div.interactivemap p.header
{
font-size           : 18px;
line-height         : 22px;
color               : #014F6F;
font-weight         : normal;
font-style          : italic;
margin              : 0px 0px 15px 0px;
}

div.popup div.interactivemap p
{
font-size           : 12px;
line-height         : 30px;
color               : #545454;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
overflow            : hidden;
vertical-align      : middle;
}

div.popup div.interactivemap p label
{
display             : block;
float               : left;
width               : 105px;
line-height         : 30px;
vertical-align      : middle;
}

div.popup div.interactivemap p input
{
display             : block;
float               : left;
width               : 230px;
border              : 1px solid #CCC;
padding             : 2px;
vertical-align      : middle;
margin-top          : 0px;
color               : #545454;
font-size           : 12px;
}

div.popup div.interactivemap p.filter
{
width               : 169px;
float               : left;
}

div.popup div.interactivemap p select
{
display             : block;
float               : left;
width               : 150px;
border              : 1px solid #CCC;
padding             : 2px;
vertical-align      : middle;
margin-top          : 0px;
color               : #545454;
font-size           : 12px;
}

div.popup div.interactivemap p input.blue-button
{
width               : auto;
border              : 0px;
padding             : 2px 10px 2px 10px;
background-color    : #0480A6;
color               : #FFF;
font-weight         : bold;
font-size           : 12px;
line-height         : 16px;
float               : left;
margin              : 0px 0px 0px 5px;
}

div.popup div.interactivemap p input.blue-button:hover
{
background-color    : #014F6F;
color               : #FFF;
}

div.popup div.interactivemap div.gmap
{
width               : 750px;
height              : 400px;
background-color    : #CCC;
border              : 1px solid #009FC2;
margin              : 0px 3px 3px 3px;
position            : relative;
}

div.page-wrapper
{
width               : 940px;
overflow            : hidden;
padding             : 0px 30px 0px 30px;
}

/*autocomplete

ul.ui-autocomplete li {list-style: none; cursor: pointer; background-color: #fff; color:#0480A6; padding:5px;}
ul.ui-autocomplete li.smart_autocomplete_highlight {background-color: #0480A6; color:#fff;}
ul.ui-autocomplete { font-size:12px; width:216px; margin: 5px 0; padding: 2px; background-color: #fff; border :solid 1px #CCCCCC; }
*/
/* 404 */

p.error404-header
{
font-size           : 28px;
line-height         : 56px;
color               : #009FC2;
font-weight         : bold;
font-style          : italic;
margin              : 0px 0px 0px 0px;
}

p.error404
{
font-size           : 16px;
line-height         : 22px;
color               : #545454;
font-weight         : normal;
font-style          : italic;
margin              : 0px 0px 0px 0px;
}

p.error404 a
{
color               : #545454;
}

/* Shortlist Bar */

div.shortlist
{
background-color    : #EEE;
padding             : 0px 30px 0px 30px;
}

div.shortlist p
{
font-size           : 12px;
line-height         : 24px;
color               : #545454;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
text-align          : right;
}

div.shortlist p a
{
font-size           : 12px;
line-height         : 24px;
color               : #009FC2;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
text-align          : right;
text-decoration     : none;
}

div.shortlist p a:hover
{
text-decoration     : underline;
}


/* start map overlay */
div#side-bar
{
	display:block;
	height:265px;
	padding:0;
	position:absolute;
	border: solid 1px #9A9B9C;
	right:150px;
	top:90px;
	width:420px;
	background-color:#FFF;
	z-index: 5;
}

div#side-bar-content
{
	display:block;
	height:265px;
	position:absolute;
	right:151px;
	top:91px;
	width:418px;
	color:#3E3E3E;
	z-index: 5;
}

div#side-bar-content-wrapper
{
	height: 225px;
    padding:20px;
    overflow:hidden;
    overflow-y:scroll;
}

div#side-bar-image-wrapper
{
    overflow:hidden;
    float:left;
	width:120px;
	margin-right:18px;
	height:84px;
	border:1px solid #CCCCCC;
}

div#side-bar-text 
{
    overflow:hidden;
    float:left;
	width:220px;
	font-size:0.7em;
}

div#side-bar-text h4, div#side-bar-text p
{
	margin:0;
	padding-bottom:5px;
	line-height: 20px;
}

div#side-bar-text ul
{
	margin:8px 0 8px 20px;
	padding:0;
}

div#side-bar-text ul li
{
	margin:0px;
	padding: 2px 0;
}

a#side-bar-more
{
	margin-top:8px;
	display:block;
	color:#3E3E3E;
	font-weight:bold;
	font-size:11px;
	clear:both;
}


a#side-bar-streetview, p#side-bar-streetview-loader
{
	margin-top:8px;
	display:block;
	color:#3E3E3E;
	font-weight:bold;
	font-size:11px;
	clear:both;
	position:absolute;
}


a#side-bar-close
{
	display:block;
	position:absolute;
	right:9px;
	top:9px;
	color:#fff;
	font-weight:bold;
	background-color:#014F6F;
	font-size:14px;
	text-decoration:none;
	padding: 2px 6px;
}

#side-bar-loader
{
	position:absolute;
	z-index:10;
	color:#014F6F;
	font-weight:bold;
	font-size:14px;
	padding-left:36px;
	background: url(../images/generic/loading.gif) no-repeat 4px 4px;
	line-height:32px;
	right:310px;
	top:200px;
}

a.close
{
cursor : pointer;
text-decoration : underline;
color: #009FC2;
}


/************ START generic.css ********************/

div.page-wrapper
{
width               : 940px;
overflow            : hidden;
padding             : 0px 30px 0px 30px;
}

div.page-header
{
width               : 665px;
padding             : 0px 0px 0px 0px;
}

div.page-header h2
{
margin              : 0px 0px 20px 0px;
line-height         : 22px;
}

div.page-wrapper div.page-left
{
width               : 665px;
float               : left;
padding             : 20px 0px 0px 0px;
}

div.page-wrapper div.page-left h3
{
font-size           : 28px;
line-height         : 56px;
color               : #009FC2;
font-weight         : bold;
font-style          : italic;
margin              : 0px 0px 0px 0px;
}

div.page-wrapper div.page-left h4
{
font-size           : 14px;
line-height         : 18px;
color               : #009FC2;
font-weight         : bold;
font-style          : italic;
margin              : 0px 0px 5px 0px;
clear               : both;
}

div.page-wrapper div.page-left h5
{
font-size           : 12px;
line-height         : 16px;
color               : #009FC2;
font-weight         : bold;
font-style          : italic;
margin              : 0px 0px 0px 0px;
clear               : both;
}

div.page-wrapper div.page-left p
{
font-size           : 12px;
line-height         : 16px;
color               : #545454;
font-weight         : normal;
margin              : 0px 0px 16px 0px;
clear               : both;
}

div.page-wrapper div.page-left p a
{
color               : #545454;
}

div.page-wrapper div.page-left a:hover
{
color               : #009FC2;
}

div.page-wrapper div.page-left ul,
div.page-wrapper div.page-left ol
{
margin              : 0px 0px 16px 30px;
padding             : 0px;
list-style-type     : disc;
}

div.page-wrapper div.page-left li
{
font-size           : 12px;
line-height         : 16px;
color               : #545454;
font-weight         : normal;
margin              : 0px 0px 5px 0px;
clear               : both;
}

div.page-wrapper div.page-left li a
{
color               : #545454;
}

div.page-wrapper div.page-right
{
width               : 245px;
float               : left;
padding             : 20px 0px 0px 30px;
}

div.page-wrapper div.page-right a.business-space-search
{
width               : 245px;
height              : 0px;
padding-top         : 58px;
overflow            : hidden;
display             : block;
background          : url(../images/banners/business-space-search.png) no-repeat;
margin-top          : 20px;
}

div.page-wrapper div.page-right div.quote
{
width               : 190px;
background          : #E5E5E5;
margin-top          : 20px;
padding             : 15px 25px 15px 30px;
background          : #E5E5E5 url(../images/generic/quote-start.png) 10px 15px no-repeat;
}

div.page-wrapper div.page-right div.quote p
{
font-size           : 16px;
line-height         : 20px;
color               : #333;
font-weight         : normal;
margin              : 0px 0px 12px 0px;
font-family         : Georgia;
}

div.page-wrapper div.page-right div.quote p span.endquote
{
background          : #E5E5E5 url(../images/generic/quote-end.png) 0px 2px no-repeat;
width               : 16px;
height              : 14px;
}

div.page-wrapper div.page-right div.quote p.name
{
font-size           : 12px;
font-family         : arial;
}

div.page-wrapper div.page-right div.quote p span
{
font-weight         : bold;
}

div.page-wrapper div.page-right div.quote p img
{
margin              : 0px 0px 0px 4px;
vertical-align      : bottom;
}

div.insight
{
margin-top          : 20px;
width               : 245px;
background          : #E5E5E5;
padding             : 0px 0px 10px 0px;
}

div.insight h6
{
width               : 245px;
height              : 0px;
padding-top         : 33px;
overflow            : hidden;
display             : block;
background          : url(../images/generic/insight-magazine.png) no-repeat;
margin-top          : 20px;
}

div.insight div.issue
{
width               : 225px;
overflow            : hidden;
padding             : 10px;
}

div.insight div.issue div.image
{
width               : 54px;
float               : left;
padding-right       : 16px;
}

div.insight div.issue div.detail
{
width               : 155px;
float               : left;
}

div.insight div.issue div.detail p
{
font-size           : 12px;
line-height         : 24px;
color               : #545454;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
}

div.insight div.issue div.detail p a
{
color               : #545454;
}

div.insight div.issue div.detail p a:hover
{
color               : #009FC2;
}

div.insight div.issue div.detail p a.download
{
background          : url(../images/generic/icon-pdf.png) no-repeat;
display             : block;
padding-left        : 29px;
text-decoration     : none;
}

div.insight div.issue div.detail p strong
{
font-style          : italic;
}

div.insight p.contact
{
font-size           : 10px;
line-height         : 14px;
color               : #545454;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
padding             : 10px;
}

div.insight p.contact a
{
color               : #545454;
text-decoration     : none;
}

div.useful-info
{
width               : 243px;
margin-left         : 0px;
border              : 1px solid #EEE;
border-top          : 0px solid #EEE;
margin-bottom       : 20px;
background-color    : #EEE;
margin : 20px 0 0 0;
}

div.useful-info p.header
{
font-size           : 12px;
line-height         : 18px;
color               : #FFF;
font-weight         : normal;
font-style          : italic;
padding             : 5px 10px 5px 10px;
background          : #009FC2;
}

div.useful-info ul
{
list-style-type     : disc;
margin              : 10px 0px 10px 30px;
padding             : 0px;
}

div.useful-info ul li
{
margin              : 0px;
padding             : 0px;
font-size           : 12px;
line-height         : 20px;
}

div.useful-info ul li a
{
color               : #545454;
text-decoration : none;
}

div.useful-info ul li a:hover
{
color               : #009FC2;
}

