/*HEADER*/

#header{
	width: 100%;
	background: #0081F6;
	height:147px;
}

#header #twinfix-logo{
	text-indent: -5000px;
	background: url(../images/twinfix-logo.gif);
	width: 261px;
	height: 44px;
	float: left;
	display: inline;
	clear: left;
	margin-top: 83px;
}

#header .tel-number{
	text-indent: -5000px;
	background: url(../images/tel-number.gif);
	width: 222px;
	height: 105px;
	float: right;
	display: inline;
	clear: right;
	margin-top: 25px;
}

/*MAIN MENU*/

#main-menu{background: url(../images/bg-mm.jpg) repeat-x; height: 43px;}
#main-menu ul{padding: 0px;}
#main-menu ul li{display: inline; margin: 0px; padding: 0px;}

#main-menu ul li a{
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/mm-divider.gif) center right no-repeat;
	padding-right: 15px;
	margin-right: 15px;
	float: left;
	display: inline;
	padding-top: 11px;
	height: 32px;
	color: #fff;
	}

#main-menu ul li a:hover{color: #222;}

#main-menu ul li a.current{color: #222;}


#main-menu ul li a.last{background: none; padding-right: 0px; margin-right: 0px;}

	/*MAIN MENU DROPDOWN*/
		

		

ul#mm-dropdown {
	margin: 0px; 
	padding: 0px;
	list-style: none;
	display: none; 
	
	position: absolute;
	z-index:9;
	margin-top: 43px;
	margin-left: 243px;
	width: inherit;		
}

ul#mm-dropdown li{padding: 0px; margin: 0px;}

ul#mm-dropdown li a{
	display: block;
	clear: left;
	background:#999;
	font-size: 13px;
	padding: 0px 7px;
	height: 2em;
	width: 6.5em;
	clear: both;				
}


	/*SEARCH FORM*/
li#search-form-item{
	display: inline;
	height: 43px;
	width: 155px;
	float: right;
	overflow: hidden;
	background: url(../images/bg-search.jpg) no-repeat;
}

li#search-form-item input{ 
	border: 0px; 
	display: inline; 
	width: 118px; 
	margin: 13px 0 0 9px; 
	float:left;
	}

li#search-form-item button{ 
	background: url(../images/bg-search.jpg) top right no-repeat; 
	border: 0px; 
	height: 43px; 
	width: 22px; 
	float: right; 
	display: inline; 
	text-indent: -5000px; 
	cursor: pointer;margin:0px
}

li#search-form-item button:hover{background-position: bottom right;}

.hiddenFields{
	display: none;
}


/*PRODUCT BOXES*/
.products-grid h2{width: 550px;}

.product-box{width:150px;padding-right:40px;float:left;margin-right:10px; margin-bottom: 2em;}

.product-box .product-box-image{width: 100%; display: block; height: 150px; margin-top: 0em; margin-bottom: 5px; overflow: hidden;}
.product-box .product-box-image img{height: 100%;}

.product-box .product-box-title{height: 32px; background: #0081F6; display: block; width: 138px; font-size: 0.9em; text-transform: uppercase; padding: 4px 6px 0 6px; text-decoration: none; line-height: 1.3em; color:#fff;}

.product-box:hover .product-box-title{background: #0440F8; color: #fff;}
.last, div.last {margin-right:0; padding-right: 0px;}

/*IMPORTANT NOTICE*/
.box-type-2{
	border-width: 4px 0;
	border-color: #0081F6;
	border-style: solid;
	padding: 1em 0;
	margin: 3em 0 3em 0;
}
.important-notice .big-notice a{text-decoration: none; color: #0081F6; font-weight: bolder; font-size: 1.5em; line-height: 1.2em;}
.important-notice .small-notice p{text-align: left; margin-bottom: 0px; line-height: 1.5;}

/*MAILING LIST BOX*/

.mailing-list-box h2,.mailing-list-box label, .mailing-list-box a{color: #fff;}

.submit-btn{
	background: #0081F6;
	border: 1px solid #fff;
	color: #fff;
	padding: 0.4em;
	text-transform: uppercase;
	float: right;
}

.mailing-list-box p{margin-bottom: 0px;}

.mailing-list-box label{padding-right: 10px;}

.mailing-list-box input.text{
	width: 300px;
}

.product-search form input.text{width: 258px;margin-top: -20px; margin-bottom: 1em;}

a.site-banner{margin-top: 3em; display: block}


/*LATEST NEWS*/

.latest-news h2{margin-top: 0em; margin-bottom: 0.5em;}

/*HOMEPAGE TAB BOX*/

#home-sector-box{height: 260px;overflow: hidden; margin-bottom: 4em; margin-top: 4em;}

#home-sector-box ul{position: absolute; margin-top: 220px;padding: 0px; list-style: none;}

#home-sector-box ul li{display: inline; float: left; margin-right: 2px; }

#home-sector-box ul li a{display: block; width: 178px; height: 30px; color: #fff; text-decoration: none; background: #0081F6; padding: 10px 0 0 10px; text-transform: uppercase; font-size: 11px;}
#home-sector-box ul li a:hover{background: #0440F8;}

#home-sector-box .tab-block{width: 100%; height: 140px; background: blue; float: left; display: block;}

#home-sector-box .ui-tabs-panel{width:948px; height:218px; position:relative; overflow:hidden;}

#home-sector-box .ui-tabs-hide{display:none;}

#home-sector-box  .ui-tabs-selected a{background: #ccc;}

.tab-box-intro{height: 218px; width: 370px;}
.tab-box-image{height: 218px; width: 568px; overflow: hidden}

#home-sector-box h2{margin-bottom: 0.5em;}
#home-sector-box p.large{color: #888; font-weight: bold;}
#home-sector-box a{text-decoration: none}

/*RANDOM FURNITURE*/

h2 .small a, h3 .small a{text-decoration: none; float: right; padding-top: 0em; color: #666; text-transform: uppercase; display: inline}
h2 .small a:hover, h3 .small a:hover{color: #0081F6;}

button.more-big{color: #fff; background: url(../images/more-btn-big.jpg) bottom left no-repeat; position: absolute; top: 1px; left: 2px; border: 0px; width: 70px; height: 20px; font-size: 11px; text-transform:uppercase;}
button.more-big:hover{background-position: left top;}

/*BOXED LIST - DOWNLOAD CATEGORIES*/
ul.boxed-list{display: inline; list-style:none; padding: 0px;margin:0px; margin-bottom: 3em;}
ul.boxed-list li{display: inline; list-style:none; padding: 0px;margin:0px;}
ul.boxed-list li a{
	display: block; 
	float:left; 
	background: #aaa;
	color: #fff; 
	width: 135px; 
	margin: 0 2px 2px 0; 
	padding: 0.4em 5px 0 5px;
	text-decoration: none;
	line-height: 1em;
	height: 30px;
}

ul.boxed-list li a.last{margin-right: 0px;}

/*CONTACT FORM*/
.form-address{
	width: 300px;
	height: 5em;
}

input.form-postcode{width: 100px;}



/*IMAGES*/
div.article-image-holder img, div.article-thumb img{max-width: 100%;}


div.article-image-holder{overflow:hidden; width: 100%;}
div.article-thumb{overflow:hidden; height: 100px;}



/*NEWS AND ARTICLE*/
.article-block{background: url(../images/hr-small.gif) left bottom repeat-x; padding-bottom: 1em;margin-bottom: 1em;}

.article-block h4 {margin-bottom: 0;}
.article-block h4 a{text-decoration: none;}
.article-block .small{color: #555;margin-bottom:0;}
.article-block p{margin-top: 0.5em;}

/*BREADCRUMB*/
ul.breadcrumb{padding: 0px; margin: 1em 0 0 0;}

ul.breadcrumb li {display: inline;color:#999;}
ul.breadcrumb li a{display: inline; text-decoration: none; padding-right:15px; margin-left: 7px; background: url(../images/bread-bullet.jpg) right center no-repeat;}
ul.breadcrumb li a.here{background: none;padding-right:0;}

/*LEFT SIDEMENU*/
ul.sidemenu {
	padding: 0px; margin: 0px; list-style: none ;
}

ul.sidemenu li{display: inline;}

ul.sidemenu li a{
	display: block;
	background: #0081F6;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	width: 140px;
	height: 3em;
	padding: 0.5em 5px 0 5px;
	line-height: 100%;
	margin-bottom: 2px;
	}

ul.sidemenu li a:hover{background:#0440F8;}

ul.sidemenu li a.current{background:#ccc;}

/*RELATED MENU*/
h3.related-list-title{font-size:1.2em;margin: 3em 0 0em 0;font-weight: bolder; border-bottom: 2px solid #0081F6; padding-bottom: 0.5em;}

ul.related-list{list-style: none; padding: 0px; margin:0px;}
ul.related-list li{display: inline; padding: 0px; margin: 0px;}
ul.related-list li a{display: block; width: 100%; background: url(../images/hr-small.gif) left bottom repeat-x; padding: 0.5em 0px; text-decoration: none;}
ul.related-list li a .small{color: #333; padding-right:10px;}

ul.related-list li a.icon{
	padding:0.5em 0px 0.5em 25px;
	margin:-2px 0;
	background-repeat: no-repeat;
	background-position: left 0.6em;
	width: 125px;
}


/*DESIGN TECHNICAL LIST*/
ul.file-list{list-style: none; padding: 0px; margin:0px;}
ul.file-list li{display: inline; padding: 0px; margin: 0px;}
ul.file-list li div{display: block; width: 100%; background: url(../images/hr-small.gif) left bottom repeat-x; padding: 0.5em 0px; text-decoration: none;}
ul.file-list li a .small{color: #333; padding-right:10px;}

ul.file-list li ul{margin: 0px;padding: 0px;}
ul.file-list li ul li a{padding-right: 20px;text-decoration: none;}

ul.file-list h4, ul.related-list h4{
	margin: 3em 0 0 0;
}

/*FROM CANOPIES*/

/*FOOTER*/	


#footer{
	background: #e6e6e6 url(../images/bg-footer.jpg) repeat-x;
	margin-top: 30px;
	width: 100%;
}

		h3.title-footer-contact,
		h3.title-footer-links,
		h3.title-footer-accreditation{
			width: 113px;
			height: 11px;
			overflow: hidden;
			text-indent: -5000px;
			margin-bottom: 10px;
		}

		h3.title-footer-contact{background: url(../images/text-replacement/title-foot-contact.gif) no-repeat;}
		h3.title-footer-links{background: url(../images/text-replacement/title-foot-links.gif) no-repeat;}
		h3.title-footer-accreditation{background: url(../images/text-replacement/title-foot-accreditation.gif) no-repeat;}

		div.block-footer-contact,
		div.block-footer-links,
		div.block-footer-accreditation{
			display: inline;
			float: left;
			margin-top: 20px;
			text-align: left;
			margin-right: 20px;
			margin-bottom: 20px;
		}

		div.block-footer-contact{width:200px; margin-right:0px;}
		div.block-footer-links{width: 430px; margin-right: 0px;}
		div.block-footer-accreditation{width:320px; margin-right: 0;}

		.block-footer-links ul {
			width: 100px;
			float: left;
			list-style: none;
			padding: 0px;
			margin: 0px;
		}

		div.block-footer-links li a,
		div.block-footer-links li a:visited {
			color: #444;
			text-decoration: none;
			line-height: 10px;
			padding: 0px;
		}

		div.block-footer-links li a:hover {color: #007FF6;}


		.block-footer-contact a, .block-footer-contact{text-decoration: none; color:#444;}

		.block-footer-contact a:hover{text-decoration: none; color:#007FF6;}

		.block-footer-contact ul{list-style: none;padding: 0px; margin: 0px;}

		.block-footer-contact address{line-height: 14px; font-size: 11px; margin-top: 10px; color: #444}

		span.contact-detail{width: 15px; float: left; color: #007FF6; font-weight: bolder;}

		ul.accreditation-links {padding: 0px; margin: 0px; list-style: none;}

		ul.accreditation-links li{display: inline;}

		a.accreditation-chas{
			background: url(../images/footer-accred.gif) 0 0 no-repeat;
			width: 68px;
			height: 80px;
			float: left;
			text-indent: -5000px;
			margin-right: 0px
		}

		a.accreditation-constructionline{
			background: url(../images/footer-accred.gif) -80px 0 no-repeat;
			width: 65px;
			height: 80px;
			margin-left: 0px;
			float: left;
			text-indent: -5000px;
		}

		a.accreditation-cpd{
			background: url(../images/footer-cpd.gif) 0 0 no-repeat;
			width: 65px;
			height: 80px;
			margin-left: 8px;
			float: left;
			text-indent: -5000px;
		}

		a.accreditation-exor{
			background: url(../images/footer-exor.gif) 0 0 no-repeat;
			width: 58px;
			height: 80px;
			margin-left: 5px;
			float: left;
			text-indent: -5000px;
		}

		a.accreditation-link-up{
			background: url(../images/footer-link-up.gif) 0 0 no-repeat;
			width: 47px;
			height: 80px;
			margin-left: 0px;
			float: left;
			text-indent: -5000px;
		}

		
		a.supercool{
			width: 120px;
			height: 20px;
			overflow: hidden;
			clear: left;
			display: block;
			float: right;
			text-indent: -5000px;
			margin: -10px 0 0 5px;
			background: url(../images/supercool.gif) left -20px no-repeat;
		}

		a.supercool:hover{background-position: 0 0;}
			
/*FORM CHANGES*/
form p{line-height: 0.5;margin-bottom: 0.75em;}


.caption-text a{
	color:#ddd;
	text-decoration: underline;
}

.slideshow-box{
	width: 538px;
	height: 218px;
	overflow: hidden;
}

#mainGallery{overflow: hidden}

ul#portfolio{margin:0px; padding: 0px;list-style: 0px;}

ul#portfolio li{margin: 0px; padding: 0px}


.notice{}