/*	-------------------------------------------------------------
	Global declarations
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	*, body {
		margin: 0;
		padding: 0;
		}
		
	body {
		background-color: #19388A;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: center; /* IE5.x centering fix */
		}
		
/*	-------------------------------------------------------------
	Helpers
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	br.clear {
		line-height: 0;
		font-size: 0;
		height: 0;
		overflow: hidden;
		clear: both;
		}
		
	h2 span {
		display: block;
		text-indent: -9999em;
		font-size: 1px;
		}
		
/*	-------------------------------------------------------------
	Main container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#container {
		width: 760px;
		margin: 0 auto;
		text-align: left;
		}
		
	#header {
		height: 57px;
		}
		
/*	-------------------------------------------------------------
	Logo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	
	h1 {
		width: 118px;
		height: 35px;
		float: left;
		margin: 15px 0 0;
		background: url(../../images/logo.gif);
		background-repeat: no-repeat;
		}
		
	h1 a {
		display: block;
		height: 35px;
		text-indent: -9999em;
		font-size:1px;
		}
		
	#contactUs {
		width: 388px;
		height: 35px;
		float: right;
		margin: 15px 0 0;
		background-repeat: no-repeat;
		background:url(../../images/contact-details.gif)
		}
		
	#contactUs a {
		display: block;
		height: 35px;
		text-indent: -9999em;
		font-size:1px;
		}
		
/*	-------------------------------------------------------------
	Sections
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	
	#sections ul {
		list-style-type: none;
		}
		
	#sections ul li {
		float: left;
		width: 181px;
		height: 55px;
		margin: 0 12px 12px 0;
		background-color: #FFFFFF;
		}
		
	#sections ul li.last {
		margin-right: 0;
		}
		
	#sections ul li a {
		display: block;
		height: 55px;		
		text-indent:-9999px;
		outline:0;
		}
		
	#sections ul li#sustainability { height: 189px; }
	#sections ul li#sustainability a { height: 189px; }
	#sections ul li#brick-selector { height: 122px; }
	#sections ul li#brick-selector a { height: 122px; }
	
		
	li#sustainability { background: url(../images/new-sections/sustainability.jpg); }
	li#brick-selector { background: url(../images/new-sections/brick-selector-big.jpg); }
	li#slip-selector { background: url(../images/new-sections/thin-brick-selector.jpg); }
	/*li#slip-selector { background: url(../images/new-sections/brickslip.gif); }*/
	li#order-samples { background: url(../images/new-sections/order-samples.jpg); }
	li#literature { background: url(../images/new-sections/literature.jpg); }
	li#design-info { background: url(../images/new-sections/design-tech-info.jpg); }
	li#dis-forum { background: url(../images/new-sections/discussion-forum.jpg); }
	li#eco-bricks { background: url(../images/new-sections/Ecoterre-Earth-Brick-box.jpg); }
	li#cladding { background: url(../images/new-sections/rain-screen-cladding.jpg); }
	li#riba-awards { background: url(../images/new-sections/riba-awards.jpg); }
	li#see-us { background: url(../images/new-sections/see-us.jpg); }
	li#work { background: url(../images/new-sections/work-for-ibstock.jpg); }
	li#clay-blocks { background: url(../images/new-sections/clay-blocks.jpg); }
	li#glazed { background: url(../images/new-sections/glazed-bricks.jpg); }
	li#health { background: url(../images/new-sections/health-and-safety.jpg); }
	li#pre-assembled { background: url(../images/new-sections/pre-assembled.jpg); }
	li#calculator { background: url(../images/new-sections/brick-morter-selector.jpg); }
	li#handmade { background: url(../images/new-sections/handmade-bricks.jpg); }
	li#tile-hanging { background: url(../images/new-sections/tile-hanging.jpg); }
	li#design-guide { background: url(../images/new-sections/design-guide.jpg); }
	li#umbra { background: url(../images/new-sections/umbra.jpg); }
	li#linear { background: url(../images/new-sections/linear.jpg); }
	li#sustainability2 { background: url(../images/new-sections/sustainability2.jpg); }
	li#bricktiles { background: url(../images/new-sections/bricktiles.jpg); }
	li#brickshield { background: url(../images/new-sections/brickshield.jpg); }
		
/*	-------------------------------------------------------------
	Forms
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#forms {
		height: 144px;
		margin: 20px 0 12px;
		}
	
	#mailing, #login {
		width: 374px;
		height: 144px;
		float: left;
		background: url(../images/layout/mailingBG.gif);
		}
		
	#mailing form, #login form {
		padding: 0 15px;
		}
		

	#mailing p, #login p {
		padding: 0 15px 8px;
		}
		
	#mailing {
		margin: 0 12px 0 0;
		}
		
	#mailing h2 {
		width: 105px;
		height: 15px;
		margin: 15px 15px 5px;
		background: url(../images/headings/mailing.gif);
		}
		
	#login h2 {
		width: 187px;
		height: 15px;
		margin: 15px 15px 5px;
		background: url(../images/headings/register.gif);
		}
		
	input {
		font-size: 10px;
		}
		
	.inputbox {
		width: 234px;
		height: 16px;
		margin-bottom: 7px;
		border: 1px solid #ffffff;
		background-color: #D8E3FF;
		float: left;
		display: inline;
		color: #666666;
		}
		
	.mailinglistbutton, .registerbutton{
		float:left;
		display:inline;
		margin-left:7px;
	}
	
/*	-------------------------------------------------------------
	News headings
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#tickertape {
		line-height: 26px;
		background-color:#2E54B7;
		margin: 0 0 12px;
		font-size:12px;
		height: 50px;
	}
	
	#tickertape{
		padding:0 0 0 10px;
	}	

/*	-------------------------------------------------------------
	News
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#news {
		height: auto !important;
		height: 0;
		background: url(../images/layout/newsBG.gif) repeat-y;
		}
		
	#latest, #product {
		float: left;
		width: 374px;
		}
		
	#latest {
		margin-right: 12px;
		}
		
/*	-------------------------------------------------------------
	News headings
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#latest h2 {
		width: 374px;
		height: 32px;
		background: url(../images/headings/latest-news.gif);
		}
		
	#product h2 {
		width: 374px;
		height: 32px;
		background: url(../images/headings/product-news.gif);
		}		
		
	h3 {
		margin: 5px 0;
		font-size: 11px;
		}
		
/*	-------------------------------------------------------------
	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	a {
		color: #E0C71B;
		text-decoration: none;
		}
		
	p {
		padding: 0 0 15px 0;
		text-align:justify;
		}
		
	.brick{
		float:right;
		margin:0 0 5px 10px;
	}
	
	div.greyLine {
		background-image: url(../../images/home/line.gif) repeat-x;
		height: 10px;
		display: block;
		}
		
/*	-------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
	#footer {
		height: 21px;
		line-height: 21px;
		margin: 12px 0 0;
		color: #ACAFB7;
		font-size: 10px;
		background-color: #2E4A95;
		}
		
	#footer p {
		line-height: 21px;
		margin: 0;
		padding: 0;
		text-align: center;
		}
		
	#footer a {
		color: #A1E070;
		text-decoration: none;
		}
		
	#iWeb i {
		display:none;
		}

		
	/**
	* clearfix
	*/
	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix { display:inline-block; }
	/* Hide from IE Mac \*/
	.clearfix { display:block; }
	/* End hide from IE Mac */
		



body.quick-brick-selector #sections ul li#brick-selector,
body.quick-brick-selector #sections ul li#brick-selector a {
	height: 55px;
	background-image: url(../images/new-sections/brick-selector.jpg)
}

body.quick-brick-selector #quick-brick-selector,
body.quick-brick-selector #quick-brick-selector form,
body.quick-brick-selector #quick-brick-selector fieldset {
	height: 254px; width: 179px;
	border: 0;
}
body.quick-brick-selector #quick-brick-selector {
	overflow: hidden;
	background: #7399AE;
	border: 1px solid #fff;
}
body.quick-brick-selector #quick-brick-selector form {

}
body.quick-brick-selector #quick-brick-selector form legend,
body.quick-brick-selector #quick-brick-selector form div.radio input {
	display: none;
}
body.quick-brick-selector #quick-brick-selector form h3,
body.quick-brick-selector #quick-brick-selector form label,
body.quick-brick-selector #quick-brick-selector form div.radio h3 {
	display: block;
	padding: 0 0 3px;
	text-transform: uppercase; font-size: 11px; font-weight: bold; color: #fff;
}
body.quick-brick-selector #quick-brick-selector form h3 {
	margin: 0 0 10px; padding: 6px 10px;
	background-color: #4B717E;
}
body.quick-brick-selector #quick-brick-selector form div {
	margin: 0 10px 9px;
}
body.quick-brick-selector #quick-brick-selector form div select {
	width: 155px;
}
body.quick-brick-selector #quick-brick-selector form div.submit input {
	overflow: hidden;
	display: block;
	width: 76px; height: 16px;
	text-indent: -9999px; font-size: 0; line-height: 0;
	background: url(../images/search.jpg) no-repeat 0 0;
	border: 0;
	cursor: pointer;
}
body.quick-brick-selector #quick-brick-selector form div.submit {
	float: left;
	margin-right: 7px;
}
body.quick-brick-selector #quick-brick-selector form div.submit.reset {
	margin: -2px 0 0;
}
body.quick-brick-selector #quick-brick-selector form div.submit.reset input {
	width: auto;
	text-indent: 0; font-size: 10px; line-height: 1.2; color: #fff;
	text-transform: uppercase; text-decoration: underline;
	background: none;
}

body.quick-brick-selector #quick-brick-selector form div.radio ul,
body.quick-brick-selector #quick-brick-selector form div.radio ul li {
	overflow: hidden;
	width: auto; height: auto;
	margin: 0; padding: 0;
	background: transparent;
}
body.quick-brick-selector #quick-brick-selector form div.radio h3 {
	margin: 0;
	background: none;
}
body.quick-brick-selector #quick-brick-selector form div.radio ul li {
	float: left;
	margin: 0 7px 0 0;
}
body.quick-brick-selector #quick-brick-selector form div.radio ul li label {
	height: 17px; width: 17px;
	padding: 0;
	border: 1px solid #4e7380;
}
body.quick-brick-selector #quick-brick-selector form div.radio ul li.selected label {
	border-color: #fff;
}
body.quick-brick-selector #quick-brick-selector form div.radio ul li.disabled {
	opacity: 0.25; filter: alpha(opacity=25);
}