@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";

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

	London Wall CSS - Contents

	= LAYOUT
		==site container
		==branding
		==main content
		==main navigation
		==secondary content
		==site information aka foot
		
-------------------------------------------------------------- */
  
.accessibilityAid {
	position: absolute;
	top:-9999em;
	left:-9999em;
}

body{
	background: #eee url(/images/site_design/londonwall/bg_body.png) 50% 0 repeat-y;
	color: #555;
	margin: 0;
}

a, a:visited {text-decoration: none; color: #29988d;}
  
a:hover{ color: #000; text-decoration: underline;}

div#mainContent img.floatRight{
	float: right;
	margin: .4em 0 1em 1.5em;
	border: 1px solid #999;
	padding: 1px;
}
div#mainContent img.floatLeft{
	float: left;
	margin: .4em 1.5em 1em 0;
	border: 1px solid #999;
	padding: 1px;
}
div#mainContent img.floatNone{
	float: none;
	margin: 0 0 1.5em 0;
	border: 1px solid #999;
	padding: 1px;
}
div#mainContent ul{
	list-style-type: none;
	margin-right: 10px;
}
div#mainContent ul li{
	background: url(/images/site_design/bullet_black.png) 0 9px no-repeat;
	padding: .7em 0 0 20px;
}

/* = LAYOUT */

/* ==site container */
div#siteContainer{
	max-width: 84em;
	margin: 0 auto;
	padding: 0 1em;
	overflow: hidden;
	position: relative;
	text-align: left;
	background: #fff;
	/*border-style: solid;
	border-width: 1px 1px 1px;
	border-color: #e1e1e1 #e1e1e1 #e1e1e1;*/
}
/* ==branding */
div#branding{
	height: 160px;
	margin: 0 0 10px 0;
	position: relative;
	z-index: 1;
	padding-top: 10px;
	background: #fff;
}
/* slideshow */
div#slideshow{
	position: absolute;
	top: 10px;
	left: 19%;
	padding: 0;
	margin: 0 0 10px 1.1em;
	background: #333;
	width: 52em;
	height: 160px;
	overflow: hidden;
	z-index: 1;
	border-right: 1px solid #333;
}
div#slideshow object{
	overflow: hidden;
	float: left;
	position: absolute;
	z-index: 0;
	width: 100%;
}
div#slideshow_002 object, div#slideshow_001 object{
	margin: 0;
	padding: 0;
	z-index: 5;
	overflow: hidden;
}
div#slideshow_002 img{
	float: right;
}
div#slideshowWrap{
	width: 250px;
	height: 187px;
	background: #fff;
	position: absolute;
	overflow: hidden;
	top: 26.1em;
	right: 22px;
	z-index: 0;
}

/* logo */
div#branding div#logo{
	position: absolute;
	top: 10px;
	left: 0;
	width: 18.5%;
	height: 160px;
	background: #00584d url(/images/site_design/londonwall/bg_container.png) 0 25px;
	z-index: 1000;
	border-right: 10px solid #fff;
}
body.movawall div#branding div#logo{
	background: #f7f7f7;
}
div#branding div#logo a{
	width: 100%;
	height: 160px;
	background: url(/images/site_design/londonwall/logo.png) 50% 50% no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
div#branding div#logo img{
	position: absolute;
	left: -999em;
}

/* RIBA logo */
div#riba{
	width: 22%;
	height: 160px;
	background: #fff;
	position: absolute;
	top: 10px;
	right: 0;
	border-left: 10px solid #fff;
	margin-right: 1em;
	z-index: 2;
}
div#riba img{
	margin: 40px 0 0 1.5em;
}
div#riba a.ribaLogo{
	position: absolute;
	top: 0;
	right: 1.8em;
}

/* ==main content */
div#mainContent{
  display:inline; /* Fixes IE Double Margin Float Bug */ 
	float: left;
	padding: 0 2% 5em;
	margin: .5em 0 1em 19%;
	position: relative;
	background: #fff;
	width: 54%;
	overflow: hidden;
	min-height: 550px;
}

/* ==main navigation */
div#mainNavigation{
	position: absolute;
	top: 180px;
	left: 1em;
	z-index: 1;
	width: 18%;
	margin: 0;
}
div#mainNavigation ul {
	position: relative;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0;
}
div#mainNavigation ul li {
	list-style: none;
	border-bottom: 1px solid #0d5f55;
}
div#mainNavigation ul li a {
	text-decoration: none;
	display: block;
	color: #f8f8f8;
	overflow: hidden;
	font-size: 1.1em;
	border-bottom: 1px solid #00463e;
	padding: 3px 10px;
	background: #00564c;
}
div#mainNavigation ul li.lastListItem, div#mainNavigation ul li.lastListItem a{
	border-bottom: none;
}
div#mainNavigation ul li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
	background: none;
}                    
div#mainNavigation ul li a:hover,
div#mainNavigation ul li a:focus,
div#mainNavigation ul li.current a{
	color: #fff;
	background: #005147;
}		
div#mainNavigation ul a:hover#navWelcome ,
div#mainNavigation ul li.current a#navWelcome {
}

/* ==global content (right hand column) */

div#globalContent{
	width: 22%;
	float: left;
	margin-left: 1%;	
}
div#globalContent div.techSupport {
	background: #fff url(/images/site_design/techSupport.jpg) right bottom no-repeat;
	border-bottom: 1px solid #eee;
	height: 340px;
}
div.techSupport p {
	text-align: left;
}
div#globalContent div.techSupport p a{
	margin-top: 2em !important;
}

/* ==secondary content */

div#secondaryContent {
	float: left;
	width: 18.4%;
	margin-top: 30.5em;
	margin-left: -77%;
}
ul.productNavigation{
	list-style-type: none;
	margin: 0;
}
ul.productNavigation li a{
	display: block;
	background: #fff;
}
ul.productNavigation li a:hover, ul.productNavigation li.current a{
	text-decoration: none;
	background: #2f776e;
	color: #fff;
}
div.contentComponent{
	text-align: justify;
	margin: 0 0 10px 0;
	padding: 0;
	background: #fff url(/images/site_design/londonwall/bg_contentComponent.png) left bottom repeat-x;
	border: 1px solid #f8f8f8;
	border-bottom: none;
	-webkit-border-radius: 10px;
}
div.contentComponent img{
	width: 100%;
	overflow: hidden;
}
div.contentComponent h2,
div.contentComponent h3{
	font-size: 1.1em;
	margin-bottom: 1px;
	margin-top: 0;
	background: #00564c /*url(/images/site_design/bg_h2Body.png) 50% 100% repeat-x*/;
	padding: .3em 8px;
	color: #fff;
	text-align: left;
}
div.contentComponent h2 a{
	color: #f8f8f8;
	background: none;
}
div.contentComponent h2.productHead span{
	text-decoration: none;
	padding-right: 18px;
}
div.contentComponent h3.productHead,
div.contentComponent h3.newsHead{
	background: #eee url(/images/site_design/bullet_goDown.png) 99% 50% no-repeat ;
	color: #48a79e;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
}	
div.contentComponent h2.selected, 
div.contentComponent h3.selected{
	background: #e8e8e8 url(/images/site_design/bullet_go_up.png) 99% 50% no-repeat ;
	cursor: pointer;
	color: #444;
}
div.contentComponent h3.newsHead:focus,
div.contentComponent h3.productHead:focus,
div.contentComponent h3.newsHead:hover,
div.contentComponent h3.productHead:hover {
	background: #e8e8e8 url(/images/site_design/bullet_goDown.png) 99% 50% no-repeat ;
	cursor: pointer;
	color: #444;
}
div.contentComponent h2.selected:hover, 
div.contentComponent h3.selected:hover{
	background: #e8e8e8 url(/images/site_design/bullet_go_up.png) 99% 50% no-repeat ;
	cursor: pointer;
	color: #444;
}
body.mw_movawall-news div.contentComponent h3,
body.movawall div.contentComponent h3.productHead{
	background-color: #ecf4f6;
}
body.mw_movawall-news div.contentComponent h3.newsHead:focus,
body.mw_movawall-news div.contentComponent h3.productHead:focus,
body.movawall div.contentComponent h3.newsHead:hover,
body.movawall div.contentComponent h3.productHead:hover,
body.movawall div.contentComponent h2.selected, 
body.movawall div.contentComponent h3.selected {
	background-color: #eee;
}

div.contentComponent p{
	padding: 10px 10px;
}
div.contentComponent ul{
	margin: 0;
	list-style-type: none;
}
div.contentComponent ul li{
	border-bottom: 1px solid #fff;
}
div.contentComponent li a{
	padding: .2em 20px .2em 10px;
	text-align: left;
	color: #29988d;
	background: #fdfdfd;
	border-bottom: 1px solid #e9f5f4;
}
div.contentComponent li a:hover, div.contentComponent li a:focus {
	background: #f1f6f5 /*url(/images/site_design/bullet_go_left.png) 99% 50% no-repeat*/;
	text-decoration: none;
	color: #00564c;
}
div.contentComponent li a.rssFeed {
	padding-left: 34px !important;
	background-image: url(/images/site_design/Rss.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
div.contentComponent li a.newsArchive{
	padding-left: 34px !important;
	background-image: url(/images/site_design/newspaper_go.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
div.contentComponentLast{
	margin-right: 0;
}
div#mainNavigation div.contentComponent{
	background: #fff;
}
div#mainContent div.contentComponent{
	float: left;
	width: 48%;
	padding: 0;
	margin-right: 4%;
	background: none;
	border: none;
}
div#mainContent div.contentComponentLast{
	margin-right: 0;
}
div#mainContent  div.contentComponent h2{
	font-size: 1.5em;
	background: none;
	margin-bottom: 10px;
	margin-top: 0;
	padding: .4em 0;
	color: #333;
	text-align: left;
}
div#mainContent div.contentComponent p{
	padding: 0;
}

/* ==site information aka foot */

div#siteInfo{
	width: 100%;
	float: left;
	margin: 10px 0 10px;
	height: 100px;
	background: #00564c /*url(/images/site_design/londonwall/bg-panelgrad.jpg) left bottom repeat-x*/;
	border: solid #002924;
	border-width: 1px 0;
	color: #d8d8d8;
	font-size: 96%;
}
div#siteInfo p{
	text-align: center;
	margin-top: .5em;
	margin-bottom: 0;
}
div#siteInfo ul{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding-top: 1.5em;
}
div#siteInfo ul li{
	display: inline;
	border-right: 1px solid #d8d8d8;
	padding: 0 3px 0 5px;
}
div#siteInfo ul li.listItemLast{
	border-right: none;
}
div#siteInfo ul li a{
	color: #d8d8d8;
}

/* downloads */
div.downloadList{
	overflow: hidden;
	margin-bottom: 1.5em;
	padding-bottom: 10px;
}
div.downloadListEntryLeft, div.downloadListEntryRight{
	width: 44%;
	float: left;
	margin-bottom: 5px;
	padding: 2%;
	background: #fff url(/images/site_design/londonwall/bg_contentComponent.png) left bottom repeat-x;
	border: 1px solid #e9e9e9;
	text-align: left;
	min-height: 15em;
}
div.downloadListEntryLeft{
	margin-right: 1%;
}
div.downloadList h3{
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}
body.lw_downloads h2.categoryTitle{
	padding: .4em 0 .4em 0;
	margin: 0 0 5px 0;
	float: left;
	width: 98%;
	color: #333;
	font-weight: bold;
}
div.downloadList img{
	float: left;
	margin-right: 1.5em;
	width: 35%;
}
div#mainContent div.downloadList ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}
div#mainContent div.downloadList ul li{
	background-image: none;
	padding-left: 0;  
}
div.downloadList ul li.downloadCAD a{
	padding: .8em 0 .8em 38px; 
	background: url(/images/site_design/dwg-icon.gif) 0 50% no-repeat;
	display: block;
	margin-top: -.7em;
}
div.downloadList ul li.downloadPDF a{
	padding: .8em 0 .8em 38px; 
	background: url(/images/site_design/pdf-icon.gif) 0 50% no-repeat;
	display: block;
}
div.downloadList ul li a:hover{
	color: #000;
	text-decoration: underline;
}
div.contentComponent ul li a {
	display: block;
}
div#mainContent div.downloadList p.productLink a{
	float: left;
	width: 98%;
}

/* new entries */
div.newsEntry,
div#mainContent div.linkEntry{
	background: url(/images/site_design/entryBorder.png) 50% 100% no-repeat;
	margin-bottom: 1.5em;
	padding-bottom: 2em;
}
div.newsEntry{
	float: left;
	clear: left;
	width: 100%;
}

body.mw_welcome div#mainContent div.newsEntry,
body.lw_welcome div#mainContent div.newsEntry{
	background: none;
	width: 48%;
	float: left;
	height: 12em;
	margin: 1.5em 0 0 0;
	padding: 0;
	clear: none;
}
body.lw_welcome div#mainContent div.newsEntryLast,
body.mw_welcome div#mainContent div.newsEntryLast{
	float: right;
}
body.lw_welcome div#mainContent div.newsEntry h2,
body.lw_welcome div#mainContent div.newsEntry h2{
	text-align: left;
	font-weight: normal;
	font-size: 1.4em;
}
body.lw_welcome div#mainContent div.newsEntry p{
}
p.entryMeta{
	font-weight: bold;
	color: #999;
}
div#mainContent p.readMore a{
	background: url(/images/newspaper_go.png) 0 50% no-repeat;
	padding-left: 21px;
	border-bottom: none;
}
div#mainContent p.readMore a:hover{
	border-bottom: none;
	text-decoration: none;
}

/* products */
div#productList p{
	padding: 0 1em;
	padding-top: 10px;
	margin: 0;
}
div.productEntry{
	float: left;
	position: relative;
	width: 48.5%;
	margin-right: 3%;
	color: #444;
	min-height: 34em;
	margin-bottom: 1.5em;
	overflow: hidden;
}
div.productEntryLast{
	margin-right: 0;
}
div.productEntry p img{
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-top: .5em;
	padding: 1px;
	border: 1px solid #333!important;
	background: #ddd;
}

a.productLink{
	display: block;
	background: #fff;
	color: #444;
	margin: 1.5em 0;
	padding-left: 1em;
	float: left;
	width: 97%;
	clear: both;
}
a:hover.productLink{
	color: #fff;;
	background: #03483f;
}

div.product_type-100Summary a img,
div.product_type-80Summary a img,
div.product_type-200Summary a img,
div.product_type-300Summary a img,
div.product_type-400Summary a img,
div.product_type-500Summary a img,
div.product_type-ggSummary a img,
div.product_type-rgSummary a img,
div.product_skywall-classicSummary a img,
div.product_skywall-completeSummary a img,
div.product_skywall-compactSummary a img{
	border: none !important;
}
div.productEntry p.productLink{
	width: 100%;
	left: 0;
}
div.productEntry p.productLink a{
	width: 96.3%;
	padding: 0 0 .2em 20px;
	background: url(/images/site_design/bullet_go_right.png) no-repeat;
	display: block;
}

/* partners */
div#mainContent div.linkEntry{
	float: left;
	width: 100%;
	clear: left;
}
div#mainContent div.linkEntry h2{
	xfloat: left;
	xwidth: 98%;
}
div#mainContent div.linkEntry a img{
	float: left;
	margin: 0 10px 1.5em 0;
	border: 1px solid #ddd!important;
	padding: 2px;
}
div#mainContent div.linkEntry p.partnetLink a{
	float: left;
	display: block;
	padding-left: 20px;
	background: url(/images/site_design/link_go.png) no-repeat;
}
div#mainContent div.linkEntry p.partnetLink a:hover{
	border: none;
	text-decoration: none;
}

/* clients */
div#clientLists{
	position: relative;
}
div.clientEntry ul{
	padding: 0 0 1em 10px;
	margin: 0;
	width: 100%;
	float: left;
}
div#mainContent div.clientEntry ul li{
	float: left;
	text-align: left;
	background-image: none;
	padding: .2em .5em .2em 0;
	margin: .2em 0 .2em 0;
}
div#mainContent div.clientEntry ul li:after {
    content: " / ";
}
div.clientEntry h2{
	width: 99%;
	margin: 0 0;
	float: left;
}
div.clientEntry h2 a{
	text-decoration: none;
	width: 99%;
	padding: .5em 0 .5em 10px;
	background: url(/images/site_design/bullet_go_right.png) 99% 50% no-repeat;
	float: left;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #fff;
}
div.clientEntry h2.selected a{
	color: #333;
	background: #f8f8f8 url(/images/site_design/bullet_go_up.png) 99% 50% no-repeat;
	border-bottom-color:  #d8d8d8;
}
div.clientEntry h2 a:hover, div.clientEntry h2.selected a:hover{
	background-color: #f8f8f8;
}
div#productIntro p{
	font-size: 1.3em;
	font-weight: bold;
	color: #295e57;
	text-align: left;
	font-family:   helvetica, arial, "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", sans-serif !important;
}
h1, div#mainContent h2{	text-shadow: 1px 1px 1px #d8d8d8;
}
body.movawall div#productIntro p{
	color: #555;
}

/* search */
div.searchResults{
	padding: 1em 10px 0;
	border-bottom: 1px solid #cad0d5;
}
div.searchResults h2{
	font-size: 1em;
}
div.searchResults h2 a{
	color: #2971a7;
}
div.resultRowTwo{
	background: #eef4f9;
}
fieldset{
	border-color: #e6e6e6;
	background: url(/images/site_design/londonwall/bg-panelgrad.jpg) left bottom repeat-x;
}

/* tables */
table{
	border: solid #0a897d;
	border-width: 5px 10px 10px;
	margin-left: .5em;
	width: 98%;
}
body.movawall table{
	border-color: #87b9c7;
}
table th,table td{
	text-align: center;
	padding: .2em .4em;
	border-color: #0a897d;
	border-bottom-width: 3px;
}
body.movawall table th,table td{
	border-color: #87b9c7;
}
table td{
	background: #e8f4f3;
}
table th{
	background: #0a897d;
	color: #fff;
}

body.movawall table th{
	background: #87b9c7;
}

/* map */
div#map{
	margin: 0 auto;
	width: 538px;
	height: 578px;
	background: url(/images/site_design/lw_map.png) no-repeat;
	position: relative;
}
div#mainContent  div.mapContact{
	position: relative;
	width: 375px;
	background: #fff url(/images/site_design/lw_card_bg.png) right bottom no-repeat;
	padding: 10px;
	border: 1px solid;
	border-color: #ededed #d8d8d8 #d8d8d8 #ededed;
	overflow: hidden;
	text-align: left;
	margin-bottom: 1.5em;
	font-size: 11px;
}
div.mapContact div.address{
	float: left;
	margin-right: 40px;
	width: 150px;
	background: url(/images/site_design/lw_card_logo.png) center top no-repeat;
	text-align: center;
	padding-top: 100px;	
}

div.mapContact span.association{
	position: absolute;
	bottom: 10px;
	left: 10px;
}
div#mainContent  div.mapContact ul{
	padding-top: 100px;
	margin: 0;
	float: left;
}
div#mainContent div.mapContact ul li{
	background: none;
	padding-top: 0;
	margin-top: 0;
}
div#mainContent div.mapContact ul li span, div#mainContent div.mapContact ul li abbr{
	border: none;
	padding: 0;
	margin: 0;
}
a.org, li.email a {
	color: #444;
}
li.fn{
	font-weight: bold;
	text-align:  right;
	padding-right: 0;
	padding-bottom: 5px;
	font-size: 12px;
	width: 115px;
}

span.contactName {
	position: absolute;
	top: 40px; 
	right: 65px;
	font-weight: bold;
}
div#mainContent ul#contactsList li {
	background: none;
}
ul#contactsList li a{
	position: absolute;
	text-indent: -999em;	
	display: block;
}
ul#contactsList a.Ireland_two{
	bottom: 15px;
	width: 115px;
	height: 75px;
	right: 73px;
	z-index: 999;
}
ul#contactsList a.Ireland_one{
	bottom: 140px;
	width: 240px;
	height: 235px;
	left: 0;
}
ul#contactsList a:hover.Ireland_two{
	background: url(/images/site_design/blue_hover.png) right top no-repeat;
}
ul#contactsList a:hover.Ireland_one{
	background: url(/images/site_design/blue_one_hover.png) right top no-repeat;
}
ul#contactsList a.South-West_two,
ul#contactsList a.South-West_one{
	left: 166px;
	bottom: 2px;
	width: 250px;
	height: 135px;
}
ul#contactsList a:hover.South-West_two,
ul#contactsList a:hover.South-West_one{
	background: url(/images/site_design/yellow_hover.png) right top;
}
ul#contactsList a.East{
	right: 32px;
	bottom: 29px;
	width: 120px;
	height: 135px;
}
ul#contactsList a:hover.East,
ul#contactsList a.East:hover{
	background: url(/images/site_design/purple_hover.png) left top;
}
ul#contactsList a.North{
	top: 200px;
	right: 72px;
	width: 240px;
	height: 280px;
}
ul#contactsList a:hover.North{
	background: url(/images/site_design/white_hover.png) right top;
}
ul#contactsList a.Scotland{
	top: -1px;
	right: 125px;
	width: 219px;
	height: 274px;
}
ul#contactsList a:hover.Scotland{
	background: url(/images/site_design/pink_hover.png) right top;
}

p.downloadVcard a{
	padding-left: 20px;
	background: url(/images/site_design/vcard.png) 0 50% no-repeat;
}

div.contactComponent p{
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}

body.lw_contact div#secondaryContent div.contentComponent{
	padding-bottom: 1em!important;
}

/* galleries */

div#mainContent ul.thumbs li{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}
div#mainContent ul.thumbs li a img {
	margin: 0 5px 5px 0;
	padding: 1px;
	border: 1px solid #eee;
}
div#mainContent ul.thumbs li a:hover img{
	border-color: #666;
	background: #eee;
}

div#video{
	width: 320px;
	height: 280px;
}

a.productDrwg{
	background: url(/images/site_design/3t.gif) 50% 50% no-repeat;
}