@charset "utf-8";
/* CSS Document */

a:link, a:active, a:visited { text-decoration:none; color:#6b6b6b; font-weight:bold;}
a:hover { text-decoration:underline; }

body{
	background:#FFFFFF;
	margin:0;
	padding:0;
	font-size:0.9em;
	font-family:Arial;
	color:#6b6b6b;
}

h1 {
	height:30px;
}

.webdesign  a {
	color:#999999;
	font-weight:normal;
	text-decoration:none;
}

hr {
	width:795px;
}

#header-container{
	width:100%;
	position:absolute;
	top:0px;
}

#header-container #header{
	width:942px;
	background:url(layout/header.jpg) no-repeat;
	height:150px;
	margin:0 auto;
}

#header-container #header #topmenu{
	width:942px;
	position:absolute;
	top:115px;
}

#header-container #header #topmenu a.contact{
	display:block;
	float:right;
	height:35px;
	width:87px;
}

#header-container #header #topmenu ul{
	list-style:none;
	padding:0;
	margin:0;
}

#header-container #header #topmenu ul li{
	float:left;
	width:inherit;
	height:35px;
	display:block;
}

#header-container #header #topmenu ul li a{
	display:block;
	height:35px;
}

#header-container #header #topmenu ul li a.home{
	width:68px;
}

#header-container #header #topmenu ul li a.about{
	width:91px;
}

#header-container #header #topmenu ul li a.news{
	width:77px;
}

#header-container #header #topmenu ul li a.quality{
	width:141px;
}

#header-container #header #topmenu ul li a.faqs{
	width:71px;
}

#header-container #header #topmenu ul li a.downloads{
	width:95px;
}

#header-container #header #topmenu ul li a.home:hover{
	background:url(layout/home-hover.jpg) no-repeat;
}

#header-container #header #topmenu ul li a.about:hover{
	background:url(layout/about-hover.jpg) no-repeat;
}

#header-container #header #topmenu ul li a.news:hover{
	background:url(layout/news-hover.jpg) no-repeat;
}

#header-container #header #topmenu ul li a.quality:hover{
	background:url(layout/quality-assurance-hover.jpg) no-repeat;
}

#header-container #header #topmenu ul li a.faqs:hover{
	background:url(layout/FAQs-hover.jpg) no-repeat;
}

#header-container #header #topmenu ul li a.downloads:hover{
	background:url(layout/downloads-hover.jpg) no-repeat;
}

#content-container{
	background:url(layout/background-rep.jpg) repeat-x;
	width:100%;
	min-height:349px;
	margin-top:150px;
}

#content-container #content{
	position:relative;
	background:url(layout/content-full-bg.jpg) no-repeat;
	width:942px;
	min-height:349px;
	margin:0 auto;
	padding-bottom:20px;
	font-size:80%;
}

#content-container #content .home-banner{
	width:916px;
	margin:0px 11px;
	padding-top:13px;
	background:url(layout/frontpage-top-notext.jpg) bottom no-repeat;
	height:190px;
}


#content-container #content .home-banner #info-panel {
	position:absolute;
	top:0px;
	left:0px;
	width:590px;
	height:130px;
	margin:10px 10px 0px 10px;
}

#content-container #content .home-banner #info-panel ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#content-container #content .home-banner #info-panel ul li {
	padding-left:3px;
	font-size:90%
}

#content-container #content .home-banner #info-panel p {
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
}

#content-container #content .home-banner #item1{
	top:0px;
	left:0px;
	width:150px;
	height:135px;
	margin-left:1px;
	background:#fff;
}

#content-container #content .home-banner #item2{
	top:0px;
	left:200px;
	width:152px;
	height:135px;
	margin-left:152px;
	background:#fff;
}

#content-container #content .home-banner #item3{
	top:0px;
	left:200px;
	width:152px;
	height:135px;
	margin-left:304px;
	background:#fff;
}

#content-container #content .home-banner #item4{
	top:0px;
	left:200px;
	width:152px;
	height:135px;
	margin-left:455px;
	background:#fff;
}

#content-container #content .home-banner .topbtn  {
	float:left;
	display:block;
	margin-top:0px;
	width:148px;
	height:190px;
}

#content-container #content .home-banner .home-banner-text{
	float:right;
	padding-right:15px;
	padding-top:30px;
	width:280px;
}

#content-container #content .home-banner .home-banner-text p{
	padding-bottom:10px;
}

#content-container #content #home-left{
	margin-left:11px;
	float:left;
	width:151px;
}

#content-container #content #home-left select{
	font-size:90%;
}

#content-container #content #home-left .products-title{
	background:url(layout/products-title.jpg) no-repeat;
	width:76px;
	height:16px;
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

#content-container #content #home-left .products-title span{
	display:none;
}

#content-container #content #home-left img{
	margin-top:20px;
}

#content-container #content #home-middle{
	padding-left:10px;
	float:left;
	width:435px;
	padding-right:10px;
}

#content-container #content #home-middle h1 {
	font-size:130%;
}

#content-container #content #home-middle .welcome-title{
	background:url(layout/welcome-title.jpg) no-repeat;
	width:252px;
	height:28px;
	margin-top:10px;
}

#content-container #content #home-middle .welcome-title span{
	display:none;
}

#content-container #content #home-middle a{
	color:#6b6b6b;
}

#content-container #content #home-middle ul{
	margin:0px;
	padding:0px;
	padding-left:20px;
}

#content-container #content #home-middle ul li{
	padding:0px;
	margin:8px 0px;
}

#content-container #content #home-right{
	float:left;
	width:310px;
}

#content-container #content #home-right .latest-news{
	margin-top:20px;
	width:312px;
	height:201px;
	background:url(layout/latest-news.jpg) no-repeat;
}

#content-container #content #home-right .latest-news #items{
	padding-top:40px;
	padding-left:15px;
}

#content-container #content #home-right .latest-news #items a{
	font-weight:normal;
	text-decoration:none;
	
}

#content-container #content #home-right .latest-news #items a:hover{
	text-decoration:underline;
}

#content-container #content #home-right .impermax-aqua p{
	width:250px;
	padding-top:115px;
	padding-left:26px;
	padding-bottom:0px;
	margin-bottom:0px;
}

#content-container #content #home-right .impermax-aqua a.read-more{
	background:url(layout/readmore.jpg) right no-repeat;
	float:right;
	margin-right:26px;
	padding-right:20px;
	color:#6b6b6b;
	text-decoration:none;
}

#content-container #content #home-right .front-page-faqs{
	background:url(layout/faqs-bg.jpg) no-repeat;
	width:312px;
	height:199px;
	margin-top:20px;
}

#content-container #content #home-right .front-page-faqs .faqs-text{
	padding-top:40px;
	margin-left:16px;
}

#content-container #content #home-right .front-page-faqs .faqs-text a{
	font-weight:normal;
}



#content-container #content #home-right .front-page-faqs .faqs-text p a{
	color:#6b6b6b;
	text-decoration:none;
}

#content-container #content #home-right .front-page-faqs .faqs-text p{
	padding:2px 0px;
	margin:0px;
}

#content-container #content #home-right .front-page-faqs .faqs-text a.read-more{
	background:url(layout/readmore.jpg) right no-repeat;
	float:right;
	margin-top:5px;
	margin-right:26px;
	padding-right:20px;
	color:#6b6b6b;
	text-decoration:none;
}

#content-container #content #rightside{
/*	background:url(layout/content-bg.jpg) no-repeat;*/
	padding-left:20px;
	width:800px;
	min-height:349px;
	float:right;
}

#content-container #content #leftside{
	background:url(layout/left-menu-no-text.jpg) no-repeat;
	padding-top:40px;
	width:122px;
	min-height:349px;
	float:right;
}

#content-container #content #leftside #leftmenu{
	margin-left:1px;
	margin-top:0px;
}

#content-container #content #leftside #leftmenu img{
	margin-bottom:10px;
}

#content-container #content #leftside #leftmenu ul{
	list-style:none;
	padding:0;
	margin:0;
	margin-bottom:10px;
}

#content-container #content #leftside #leftmenu ul li{
	display:block;
}

#content-container #content #leftside #leftmenu ul li a{
	width:121px;
	height:34px;
	display:block;
}

#content-container #content #leftside #leftmenu ul li a.roofing{
	background:url(layout/roofing.jpg) no-repeat;
}

#content-container #content #leftside #leftmenu ul li a.waterproofing{
	background:url(layout/waterproofing.jpg) no-repeat;
}

#content-container #content #leftside #leftmenu ul li a.aquatics{
	background:url(layout/aquatics.jpg) no-repeat;
}

#content-container #content #leftside #leftmenu ul li a.flooring{
	background:url(layout/flooring.jpg) no-repeat;
}

#content-container #content #leftside #leftmenu ul li a.products{
	background:url(layout/products.jpg) no-repeat;
}

#content-container #content #leftside #leftmenu ul li a.roofing:hover{
	background:url(layout/roofing-hover.jpg) no-repeat;
}

#content-container #content #leftside #leftmenu ul li a.waterproofing:hover{
	background:url(layout/waterproofing-hover.jpg) no-repeat;
}

#content-container #content #leftside #leftmenu ul li a.aquatics:hover{
	background:url(layout/aquatics-hover.jpg) no-repeat;
}

#content-container #content #leftside #leftmenu ul li a.flooring:hover{
	background:url(layout/flooring-hover.jpg) no-repeat;
}

#content-container #content #leftside #leftmenu ul li a.products:hover{
	background:url(layout/products-hover.jpg) no-repeat;
}

#content-container #content #leftside .bba-logo{
	margin-top:10px;
	background:url(layout/BBA.jpg) no-repeat;
	width:121px;
	height:89px;
	display:block;
	margin-left:1px;
}

#content-container #content #leftside #leftmenu select{
	margin-left:10px;
	width:110px;
	font-size:80%;
	border:1px solid #a2b8cc;
}

#footer-container{
	background:url(layout/footer-rep.jpg) repeat-x;
	width:100%;
	height:169px;
	font-size:90%;
	color:#6b6b6b;
}

#footer-container #footer{
	width:942px;
	height:169px;
	margin:0 auto;
	background:url(layout/footer.jpg) no-repeat;
	position:relative;
}

#footer-container #footer a.fleximas{
	width:58px;
	height:58px;
	position:absolute;
	top:38px;
	left:140px;
}

#footer-container #footer a.flexibulk-link{
	width:58px;
	height:58px;
	position:absolute;
	top:39px;
	left:207px;
	position:absolute;
}

#footer-container #footer .address{
	width:200px;
	float:right;
	text-align:right;
	padding:10px;
}

#footer-container #footer .links{
	width:200px;
	float:right;
	text-align:right;
	padding:10px;
}

#footer-container #footer .links ul{
	list-style:none;
}

#footer-container #footer .links ul li a {
	font-weight:normal;
}

#footer-container #footer .flexibulk{
	width:200px;
	float:left;
	padding-top:10px;
	_padding-top:18px;
	padding-left:140px;
}

.clear{
	clear:both;
}

.contactForm {
	margin-top: 0px;
	padding-bottom:5px;
}

.contactForm p {
	margin-bottom: 10px;
}

.contactForm label {
	display:block;
	float:left;
	width:120px;
}

.contactForm br {
	margin-bottom: 10px;
}

.contactForm .input {
	width:180px;
	background-color: #FFFFFF;
	border:1px solid #DDD;
	color: #6a6a6a;
	overflow:hidden;
}

.contactForm .textarea {
	width:180px;
	height:110px;
	background-color: #FFFFFF;
	border:1px solid #DDD;
}

.contactForm .submitbtn{
	border:1px solid #183758;
	padding:3px 6px;
	color:#FFFFFF;
	background:#333;
}

.registerForm {
	margin-top: 0px;
	padding-bottom:5px;
}

.registerForm p {
	margin-bottom: 10px;
}

.registerForm label {
	display:block;
	float:left;
	width:180px;
}

.registerForm br {
	margin-bottom: 10px;
}

.registerForm .input {
	width:180px;
	background-color: #FFFFFF;
	border:1px solid #DDD;
	color: #6a6a6a;
	overflow:hidden;
}

.registerForm .textarea {
	width:180px;
	height:110px;
	background-color: #FFFFFF;
	border:1px solid #DDD;
}

.registerForm .submitbtn{
	border:1px solid #183758;
	padding:3px 6px;
	color:#FFFFFF;
	background:#333;
}

.downloadItem {
	width:200px;
	height:40px;
	background-color:#e3e9e9;
	border: 1px solid #b5b5b5;
	margin:5px;
	float:left;
}

.downloadItem a{
	font-weight:normal;
}

.downloadItem .downloadIconPDF {
	background:url(layout/pdf-icon.jpg) no-repeat;
	width:30px;
	height:30px;
	margin:5px;
	float:left;
}

.downloadItem .downloadDetails {
	padding-top:10px;
	
}

#registerBox {
	float:left;
	width:400px;
}

#loginBox {
	float:right;
	width:320px;
}

#loginBox label {
	width:100px;
}

.content-format {
	width:620px;
}

.divider {
	width:620px;
	border:0.1em solid #dcdcdc;
	margin-top:30px;
}

#big-list ul li {
	padding:10px;
}