@import url('reset.css');

/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

a{ color:#ff8c00; text-decoration:underline;}
.center { text-align: center; }
.block-center {
	display: block;
	margin: 0 auto;
	}

body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#12557f; line-height:normal;
	  background:#1770a9 url(../images/body_bg.jpg) center top no-repeat; padding-bottom:100px;}

#skiplinks{ position:absolute; left:-9999px;}

.wrapper{ width:940px; margin:0 auto; background: url(../images/banner_bg-trans.png) no-repeat top left; }


#header{ 
	width:940px; 
	height:185px; 
	background:url(../images/head_bg-trans.png) no-repeat; 
	padding:0 20px; 
	overflow:hidden; 
	z-index: 2;
	}
	#header h1{ float:left; display:inline; margin:13px 0 0 22px; position: relative; z-index: 100; }
	#header .contact{ 
		float:right; 
		display:inline; 
		margin:34px 40px 10px 0; 
		color:#fff; 
		text-align:right; 
		font-weight:bold; 
		line-height:148%; 
		position: relative; 
		z-index: 100;
	}
	#header .contact a{ color:#fff;}
	
	#navigation{ float:right; display:inline; margin:0 35px 0 0; overflow:hidden; width: 444px; }
	#navigation li{ float:left; display:inline; height:24px; line-height:24px; margin-left:6px; }
	#navigation li a{ 
		display:block; 
		width:100%; 
		height:100%; 
		text-indent:-9999px; 
		overflow:hidden; 
		background:url(../images/nav.gif) 0 0 no-repeat; 
		position: relative; 
		z-index: 110;
		}
	#navigation li#nav1 { width:97px; } 
	#navigation li#nav1 a{ background-position:0 0;}
	#navigation li#nav2 { width:126px; } 
	#navigation li#nav2 a{ background-position:-97px 0;}
	#navigation li#nav3 { width:97px; } 
	#navigation li#nav3 a{ background-position:-223px 0;}
	#navigation li#nav4 { width:97px; } 
	#navigation li#nav4 a{ background-position:-320px 0;}
	
	#navigation li#nav1.on a,
	#navigation li#nav1 a:hover{ background-position:0 -24px;}
	#navigation li#nav2.on a,
	#navigation li#nav2 a:hover{ background-position:-97px -24px;}
	#navigation li#nav3.on a,
	#navigation li#nav3 a:hover{ background-position:-223px -24px;}
	#navigation li#nav4.on a,
	#navigation li#nav4 a:hover{ background-position:-320px -24px;}
	

#content{ 
	width:940px; 
	margin:0 auto;  
	padding-top: 38px; 
	position: relative; 
	z-index: 2;
	background: url(../images/banner_bottom-trans.png) no-repeat top left;
	}
	.banner{ 
		position: relative;
		display: block;
		height: 58px;
		}
		.banner h2{ padding-left:35px;}
		.banner .banner_txt{ float:left; width:357px; display:inline; margin:34px 28px 0 35px; position: relative; z-index: 100;}
		.banner .banner_txt p { 
			height: 140px; 
			width: 357px; 
			/*background: url(../images/txt_fab-trans.png) no-repeat;*/ 
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #fff;
			font-size: 13px;
		} 
			.banner .banner_txt p span.orange {
				color: #E19A10;
				font-size: 15px;
				display: block;
				margin-bottom: 10px;
			}
			.banner .banner_txt p strong {
				font-size: 19px;
				display: block;
				margin-bottom: 10px;
			}
		.banner .banner_txt .banner_btn{ width:100%; overflow:hidden; margin-top:36px;}
		.banner .banner_txt .banner_btn a{ float:left; height:32px; display:inline; text-indent:-9999px; overflow:hidden;}
		.banner .banner_txt .banner_btn a.btn_product{ width:109px; background:url(../images/btn_our_products.gif) no-repeat; margin:0 13px 0 136px;}
		.banner .banner_txt .banner_btn a.btn_contact{ width:99px; background:url(../images/btn_contact_us.gif) no-repeat;}
		.banner .banner_img{ float:left;}
		.banner .banner_img img{ border:2px #fff solid;}
		.banner_index{ height: 300px; }
		.banner pre{ display:none;}
		#cycle{ width:483px; height:245px; overflow:hidden; position:relative;}
	
	.main_content{ width:100%; padding:45px 0; background:#fff url(../images/white_content.gif) bottom no-repeat; position: relative; z-index: 200;}
		.main_content .content{ width:810px; margin:0 auto;}
		.main_content h3{ font-size:16px; font-weight:bold; margin-bottom:18px;}
		.main_content p{ line-height:150%; margin-bottom:17px;}
		
		
		.content2{ width:810px; padding:0 18px; margin:0 auto 30px;}
		.content3{ width:810px; padding:0 18px; margin:0 auto; background:url(../images/content_line.gif) top repeat-x; padding:27px 18px;}
			.thickbox{ float:right; margin:0 0 10px 24px;}
			.thickbox img{ border:3px #ccc solid;}
			
			.main_content .content3 ul {
			list-style:disc;
			margin-left:30px;
			} 																
		
	

#footer{ width:940px; margin:15px auto 0; color:#8cccf4; line-height:160%;}
	#footer a{ color:#8cccf4;}
	#footer a:hover{ color:#d5efff;}
	#footer .footer_copy{ float:left;}
	#footer .footer_copy ul{ padding-left:5px; display:inline;}
	#footer .footer_copy ul li{ display:inline;}
	#footer .footer_copy ul li a{ padding:0 2px;}
	#footer .footer_webfirm{ float:right; display:inline; margin:10px 1px 0 0;}
	
	
	/* CSS Document */

/*

   baseforms.css

   resources

   

   Created by Cale Woodley on 2009-03-17.

   Copyright 2009 Webfirm. All rights reserved.

*/

	
	.baseform li {

  margin: 5px 0 10px 0;

  list-style: none !important;

}



.baseform fieldset {border: none;}



.baseform li.address {

  margin-bottom: 0;

  line-height: 15px;

}



.baseform .note {font-size: 11px; color: #808080;}



.baseform label {

  float: left;

  display: block;

  width: 60px;

  padding-right: 5px;

}



.baseform input[type="text"] {

  background: #fff url(../images/core/input-background-top.gif) top left repeat-x;

  border: 1px solid #c3c3c3;

  border-top: 1px solid #7c7c7c;

  border-bottom: 1px solid #ddd;

  padding: 2px 2px;

  height: 18px;

}



.baseform textarea {

  background: #fff url(../images/core/input-background-top.gif) top left repeat-x;

  border: 1px solid #c3c3c3;

  border-top: 1px solid #7c7c7c;

  border-bottom: 1px solid #ddd;

  padding: 2px 2px;

  width: 145px;

  height:45px;

}



.baseform input.checkbox {

  background: none;

  border: none;

}



.baseform input.disabled {

  background: #d4d0c8;

  border: 2px solid #ccc;

}



.baseform label.error {

  float: none;

  display: block;

  color: #ff0000;

  font-size: 10px;

  line-height: 12px;

  margin-left: 65px;

  width: auto;

}



.baseform label.correct {

  background: url(../images/core/icon-form-valid.gif) 0 6px no-repeat !important;

  width: 10px;

  height: 22px;

  margin-left: 5px;

  vertical-align: top;

  display:-moz-inline-stack; /* to be removed */

  display:inline-block;

  /* NOTE: inline-block not in firefox 2 but will be in firefox 3.

  More info here: https://bugzilla.mozilla.org/show_bug.cgi?id=9458 */

}

div.bottom_border { border-bottom: 1px solid #c3c3c3; margin-bottom: 20px!important; padding-bottom: 10px!important; }

/* Inline Images */
div.right_image { float: right; }
div.right_image img { border: 3px solid #C0C0C0; }
div.right_image a:hover img { border: 3px solid #ff9200; }

.baseform a#delivery-same {color: #808080;}

.baseform span.attention {color: #ff0000; font-weight: bold;}


/* Home Page */

div#product_uses, div#ezy_properties {
	width: 360px;
	float: left;
	border: 1px solid #12557F;
	padding: 50px 10px 10px 10px;
	position: relative;
}
  div#ezy_properties {
		padding-top: 100px;
  }
	div#product_uses h3, div#ezy_properties h3 {
		position: absolute;
		background: #C2DEEF;
		display: block;
		width: 360px;
		top: 0;
		left: 0;
		padding: 10px;
	}
	div#product_uses p, div#ezy_properties p {
		margin-top: 10px;
	}

div#product_uses {
	margin-right: 20px;
}
	div#product_uses h4 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	div#product_uses img {
		display: block;
		width: 300px;
		margin: 0 auto 20px auto;
		border: 3px solid #C0C0C0;
	}

ul#ezy_properties_list {
	list-style: none;
	margin-left: 20px;
}
	ul#ezy_properties_list li {
		font-size: 16px;
		line-height: 1.4em;
		margin-bottom: 10px;
	}
	
span.ezyfix {
	width: 51px;
	height: 18px;
	display: block;
	overflow: hidden;
	text-indent: -9001px;
	padding-top: 4px;
	background: url(../images/ezyfix_small.gif) no-repeat 0 4px;
	float: left;
	margin-right: 5px;
}

span.ezy {
	width: 33px;
	height: 18px;
	display: block;
	overflow: hidden;
	text-indent: -9001px;
	padding-top: 4px;
	background: url(../images/ezy_small.gif) no-repeat 0 4px;
	float: left;
	margin-right: 5px;
}

ul#colours_available {
	display: block;
	width: 270px;
	margin: 0 auto;
}
	ul#colours_available li {
		width: 70px;
		display: inline;
		float: left;
		height: 50px;
		position: relative;
		margin-right: 20px;
		margin-bottom: 30px;
	}	
		ul#colours_available li.colour_beige { background: #e0d8ae; }
		ul#colours_available li.colour_green { background: #083c3e; }
		ul#colours_available li.colour_black { background: #000; }
		ul#colours_available span {
			width: 100%;
			display: block;
			text-align: center;
			background: #fff;
			position: absolute;
			bottom: 0;
			padding-top: 4px;		
		}

/* contact page */
ul.contact_list li { width: 185px; display: inline-block; float: left; margin-bottom: 15px; }
div.google_map { float:right }

/* Product Information Page */
div.product_profile { width: 440px; float: left; display: inline; margin-right: 30px; padding: 5px; }
div.product_profile  hr { border: 1px solid #C0C0C0; margin-top: 15px; margin-bottom: 15px; display: block; }
div.product_profile ul { list-style:disc!important; margin: 0px!important; margin-bottom: 10px!important; padding: 0px!important; }
div.product_profile ul li { margin-left: 20px; }
div.product_profile_image { width: 200px; float: left; display: inline; padding: 5px; }
div.product_profile_image div.image img { border: 3px solid #C0C0C0; }
div.product_profile_image div.image a:hover img { border: 3px solid #ff9200; }
div.product_profile_image .thickbox { float: none!important; margin: 0px!important; }

div#ezy_instructions {
	display: block;
	float: left;
	width: 300px;
	margin-top: 30px;
	display: inline;
}
ol#installation_instructions {
	line-height: 1.4em;
	display: block;
	height: 600px;
}
	ol#installation_instructions li {
		list-style: decimal outside;
		width: 115px;
		height: 110px;
		float: left;
		margin: 10px 10px 20px 10px;
	}
		ol#installation_instructions li img {
			border: 1px solid black;
			-moz-box-shadow: 1px 1px 1px #404040;
			-webkit-box-shadow: 1px 1px 1px #404040;
			display: inline;
		}


/* Product & Prices Page */

table.product_table { width: 810px; margin-top: 20px; margin-bottom: 20px; }
table.product_table tr th { text-align: left; background: #c3c3c3; font-weight: bold; padding: 10px; border: 1px solid #c3c3c3; }
table.product_table tr td { text-align: left; padding: 10px; border: 1px solid #c3c3c3; }
div.notes { font-size: 10px!important; }
div.notes p { margin: 0px!important; padding: 0px!important; }








#p-index .block-center{
	padding: 20px;
}
.krazzyb{
	float: none;
}