/* @override http://fibonaccistone.com.au/style.css */

/* @override http://fibonacci.efront.com.au/style.css */

/* @override http://fibonacci.efront.com.au/style.css */

/* @override http://fibonacci.efront.com.au/style.css */

/* @override http://fibonacci.efront.com.au/style.css */

/* @override http://fibonacci.efront.com.au/style.css */

/* @override http://fibonacci.efront.com.au/style.css */

/* @override http://fibonacci.efront.com.au/style.css */

/* @override http://fib.efront.com.au/style.css */

/* @override 
	http://fibonacci.efront.com.au/style.css
	http://fibonaci.efront.com.au/style.css
	http://fib.efront.com.au/style.css
*/

*
{
border: 0;
margin: 0;
}

/* @group CONTAINERS */

body
{

	font: 12px Helvetica, Arial, sans-serif;
	color: #666666;
	background: #fff;
	line-height: 18px;
}

.sidebartext { font-size: 10px; text-transform: uppercase; line-height: 12px; }
.sidebartext p { margin-bottom: 10px; } 
.accordionWrapper h3{
	text-transform:uppercase;
	text-align:right;
	padding:2px 5px; 2px 0;
}
.gallery_title{
	padding: 2px 4px;
	color:#000;
	
}
a#linkedin {
	color:#ff9900;
}
.gallery_title a{
	color: #000;
}

.gallery_selected a{
	color: #ff9900;
}

.gallery_option{
	padding:2px 0px;
	padding-right: 4px;
	
}

.gallery_option a{
	display: block;
	padding-right: 4px;

}

.option_selected, .gallery_option:hover{

	
}

.option_selected a, .gallery_option a:hover{
	display: block;
	color: #fff;
	background: #666;
}

.left_nav_gallery{
	text-align: right;
	float: left;
	width: 190px;
	height: 380px;
	padding-top: 5px;
	padding-right: 10px;
	
}


.left_nav, .left_nav_tech{
	float: left;
	width: 190px;
	height: 380px;
	padding-top: 00px;
	padding-right: 10px;
	margin-top:0px;
	
}
#first { float: left;}
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }

div#label{
width:150px;
text-align:right;
padding-right:5px;
}
div.extra{
margin-left:170px;
margin-top:20px;
margin-bottom:20px;
}
.left_nav_tech { margin-top: 0px; }
.right_content{
	width: 840px;
	float: right;
	display: inline;
	margin-right: 40px;

}
.right_content2{
	width: 840px;
	float: left;
	display: inline;
	margin-left: 60px;
	margin-top:60px;
	height:100px;
		 
}

.image_hero{
	display: none;
}

.container{
	width: 1080px;
	margin: 0 auto;
	margin-top: 170px;

}

#left_body_content{
	float: left;
	width: 340px;
	padding: 30px;
}

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


#right_body_content{
		
	float: right;
	width: 330px;	
	margin:10px 10px 0px 0px;
	
	}

.download_area{
	padding: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.download_button{
	background: transparent url(/images/70.png);
	width: 90px;
	text-align: center;
	font-size: 10px;
}
.download_button:hover{
	background: #ccc;
}
#left_body_content .download_button { text-align:left;padding:3px 5px}
.items{
	position: relative;
	left: 40px;
}

.items h3{
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	color: #999;
	text-transform: uppercase;
	text-align: left;

}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
/* @group HEADER */
#headerimg {
position:relative;
float:right;
background: url(/images/headercorner.jpg) no-repeat top right;
width:128px;
height:132px;
margin-top:-100px;
}
#header{
	position: absolute;
	
	width: 1080px;
	top: 60px;
	height:110px;
}
#tagline{
	position: absolute;
	background: #000;
	color: #ccc;
	font-size: 18px;
	font-weight: normal;
	padding: 2px 5px 2px 10px;
	left: 195px;
	width: 220px;
	height: 20px;
	top: 45px;
	display: none;
}

.old_background{
	z-index:-1; 
	position:absolute;
}

.logo{
	float: left;
	width: 412px;
	height: 77px;
	margin-left: 38px;
	/*background: #fff url(/images/logo.gif) no-repeat top left;*/
	display: inline;
	cursor: hand;
	z-index: 100;
	background: #fff;

}

.logo h1{
	position: absolute;
	left: -9999px;
}



/* @end */



/* @end */

/* @group NAV */
.navigation{
	margin-top: -80px;
	width: 720px;
	float: right;
	z-index: 101;
}

.navigation ul{

margin: 0px;
padding: 0px;
}

.navigation ul li{
		display: inline;
		padding-right: 35px;

}

.navigation ul li a, .navigation ul li a:visited, .navigation ul li a:link{
		
		text-transform: uppercase;
		font-size: 11px;}

.navigation ul li a:hover{
		
color: #333;	
	}



/* @end */
#pinfo {
	float:right;
	margin-right:-35px;
	margin-top:-365px;
	font-size:10px;
	line-height: 13px;
}
#pinfos {
	float:left;
	margin-left:630px;
	margin-top:-315px;
	font-size:10px;
}
#sample input {
       border: 1px solid #ccc;
        width: 130px;
        font-size: 10px;
        color: #666;
}
#samplelabel {
        float: left;
        text-align: left;
        width: 40px;
        font-size: 10px;
}
#prodname {
	font-size:14px;
	font-weight:bold;
	color:#ff9900;
	letter-spacing:0.1em;
	text-transform:uppercase;
}
#sample {
	color:#666;
	margin-bottom:5px;
}
#pfinish,#afinish {
	font-weight:bold;
	text-transform:uppercase;
}
#pformats {
	font-weight:bold;
}
/* @group LINKS */

a{
	color: #666;
	text-decoration: none;
}

a.selected {
	color: #ff9900; 
}


.left_nav_item{
	text-transform: uppercase;
	margin-bottom: 10px;
	text-align: right;
	background: #ddd;
	padding-right: 4px; 
}

.left_nav_item a { color: #666; } 

.left_nav_item a:hover{
	color: #ff9900; 
		}

.left_nav_item.nav_selected { background: #f19d3d; } 

.left_nav_item.submenu { background: none; margin-bottom: 5px;} 
.left_nav_item.submenu.nav_selected  a { color:#f19d3d; } 

.left_nav_item.nav_selected a{
	color: #fff;
	
		}

/* @end */

/* @group CONTENT GROUPS */

.home_hero{
	margin: 0 auto;
/*	background:#fff url(/images/hero.jpg) no-repeat top left; */
	height: 500px;
	width: 1000px;
	z-index:1 !important;
	}


/* @end */

/* @group FORM ELEMENTS */

input.register, input.enquiry{
	width: 150px;
	margin-right: 10px;
	padding: 0px 0px;
	background: transparent;
	color: #fff;
	
}

input.enquiry{
	width: 395px;
	margin-left: 5px;
	margin-right: 0px;
}

.newsletter_form{
	width: 480px;
}

input.register_newsletter, input.enquiry_newsletter{
	width: 200px;
	margin-left: 8px;
	height: 18px;
	float: left;
	background: transparent url(/images/form_bg.png) repeat top left;
	margin-right: 10px;
	}

input.enquiry_newsletter{
	width: 380px;
}


input#newsletter_email{

}

#footer_form{
	float: right;
	width: 905px;
	text-align: left;
	text-transform: uppercase;
	font-size: 9px;
}


.footer_phone a{
	display: block;
	cursor: hand;
	cursor:pointer;
}

img #search, img #samplerequest{
	
}


label.error{
	float: left;
	display: inline;
	
}

.submit_reg{
	height: 14px;
	width: 20px;
	/*float: right;
	display: inline;*/
	margin-bottom: -5px;
}


.footer {
	color: #fff;
	padding: 2px 0px 2px;
	height: 22px;
	overflow: none;
	width: 1080px;
	margin: 0 auto;
	text-align: right;
	background: #fff url(/images/footer.jpg) repeat left top;
	}

.footer_links{
	width: 1080px;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	padding-top: 10px;
}


/* @end */

/* @group FOOTER */

#spacer{
	height: 40px;
}



.footer a{
	color: #fff;
	}

#footer_links{
	float: right;
	display: inline;
	margin-right: 10px;
}

.footer_container{
	margin: 0 auto;
	padding-top: 20px;
	width: 1080px;
}

.footer_container a:hover{
	text-decoration: underline;
}

.footer_spacer{
	width: 80px;
	float: left;
}

.footer_col_1, .footer_col_2, .footer_col_3, .footer_col_4{
	height: 110px;
}

.footer_col_1, .footer_col_2, .footer_col_3, .footer_col_4, .footer_col_5{
	font-size: 10px;
}


.footer_col_1{
	float: left;
	width: 100px;
	margin-right: 20px;
	border-right: 1px solid #999;
}
.footer_col_2{
	float: left;
	width: 130px;
	margin-right: 20px;
	border-right: 1px solid #999;
	
	
}

.footer_col_3{
	float: left;
	width: 170px;
	margin-right: 20px;
	border-right: 1px solid #999;
}

.footer_col_4{
	float: left;
	width: 140px;
	margin-right: 20px;
	border-right: 1px solid #999;

}


.footer_col_5{
	float: left;
	width: 240px;
}


.footer_phone{
	float: right;
	font-size: 18px;
	margin-right: 40px;
	font-weight:bold;	
	letter-spacing:0.3em;
	height: 20px; 
	line-height: 20px;
}



.footer_address{
	float: right;
	font-size: 12px;
	margin-right: 40px;
font-weight:700;
letter-spacing:0.1em	;
padding-top: 2px;
font-weight: normal;
}



/* @end */

/* @group CONTENT */

.content{
	height: 500px;
}


#leading_intro, #intro_full{
	margin-top: 7px;
	color: #666;
	line-height: 15px;
	
}



#leading_intro i{
	cursor: hand;
	cursor:pointer;
}

#leading_intro p, #intro_full p{
	margin-bottom: 5px;
	font-size: 11px;
}

#intro_close{
	position: absolute;
	right: 5px;
	width: 15px;
	bottom: 5px;
	border: 1px solid #999;
	cursor: hand;
	cursor:pointer;
}

.twitter{
	width: 40px;
	height: 40px;
	position: relative;
	left: 900px;
	top: -10px;
}

.overlay{
	 background: transparent url(/images/70.png) repeat top left; 
	color: #666;
}

.overlay_dark{
	background: transparent url(/images/overlay_dark.png) repeat top left;
	color: #fff;
}


.overlay_dark a { color: #000; } 

.overlay_light{
	background: transparent url(/images/trans.png) repeat top left;
	color: #000;
}


.overlay_light a { color: #666; } 


#formats{
	width: 750px;
	margin:60px 0px 00px 60px;
	padding-bottom: 10px;
}

.right_content h2{
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 14px;
}



h3{	
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 15px;
	text-align: center;
}


.content h1{
	color: #666;
	font-weight: normal;
	line-height: 28px;
	letter-spacing: 1px;
	font-family: tahoma;
	font-size: 1.6em;
}

#intro{
	width: 250px;
	padding: 10px 15px 15px 15px;
	margin-top: 32px; margin-left: 32px;
	position: absolute;
	z-index:1000;	
}

#carousel_overlay{
	width: 520px;
	height: 120px;
	padding: 20px;
	position: absolute;
	top: 390px;
	z-index: 100;
	margin-left: 20px;	
}

#carousel_overlay2{
	background: url('/images/trans.png');
	width: 520px;
	height: 85px;
	padding: 20px;
	position: absolute;
	top: 425px;
	z-index: 100;
	margin-left: 20px;	
}


#light_overlay{
	
	height: 20px;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	top: 532px;
	z-index: 100;
	margin-left: 20px;	
	background: url('/images/trans.png');
	color: #666;
}

#light_overlay a { text-decoration: underline; } 




#colour-finishes-download{
	position: absolute;
	top:568px;
	margin-left: 564px;
	z-index: 10;
	
}



.submit_reg_homecontact{
	float: left;
	display: inline;
	margin-left: 230px;
	margin-top: 5px;
}

.submit_reg_homecontact_other{
	position: relative;
	top: 15px;
	left: 5px;
}




.form_line{
	margin-bottom: 5px;
}

span.formlabel{
	padding-top: 4px;
	padding-right: 10px;
	visibility: hidden;
}
input.register, input.enquiry{
	
/*border: 1px solid #ccc;*/
}

input.register.error ,input.enquiry.error{
	border:1px solid #ff1100 ;
}
#homecontact_form input.error{
	border:1px solid #ff1100 ;
}
/*angek design*/
.homecontact_form h1 {
	padding-left:0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size:12px;
	line-height:17px;
}

.register_homecontact{
	padding: 4px;
	width: 180px;
	float: left;
	display: inline;
}

span.formlabel_homecontact{
	float: left;
	text-align: left;
	width: 60px;
	font-size: 11px;
	display: inline;
}

textarea#homecontact_textarea{
	width: 180px;
	padding: 4px;
	height: 32px;
	float: left;
	display: inline;
}

.submit_reg_newsletter{
	float: left;

}



span.formlabel{
	padding-top: 4px;
	padding-right: 10px;
	visibility: hidden;
}
input.register, input.enquiry{
	
/*border: 1px solid #ccc;*/
}

input.register.error ,input.enquiry.error{
	border:1px solid #ff1100 ;
}

span.formlabel_newsletter{
	float: left;
	text-align: left;
	width: 50px;
}


#footercontact_form{
	font-size: 10px;
	color: #666;
}


#footercontact_form input{
	border: 1px solid #ccc;
	width: 130px;
	font-size: 10px;
	color: #666;
	
}

#footercontact_form input.error{
	border:1px solid #ff1100 ;
}

input#search.submit_reg_footercontact{
	width: 20px;
	height: 20px;
	border: none;
	position: relative;
	top: 5px;
	left: 4px;
}

input#samplerequest.submit_reg_footercontact{
	width: 13px;
	height: 13px;
	border: none;
	position: relative;
	top:2px;
	left: 5px;
}
input#samplerequest.submit_reg_contact {
	width: 14px;
	height: 14px;
	border: none;
	position: relative;
	top: 6px;
	left:5px;
}
input#search1.submit_reg_footercontact{
	width: 20px;
	height: 20px;
	border: none;
	position: relative;
	top: 5px;
	left: 5px;
}


.register_footercontact{
	padding: 0px;
	width: 100px;
}

span.formlabel_footercontact{
	float: left;
	text-align: left;
	width: 60px;
	font-size: 11px;
}

textarea#footercontact_textarea{
	width: 130px;
	height: 32px;
	border: 1px solid #ccc;
	font-size: 10px;
	color: #666;

}

.footer_col_5  .form_line{
	margin-bottom: 0px;
}
.label {
	height: 20px;
	visibility:hidden;
}
div#desc {
	font-weight:bold;
	color:#666;
	text-transform: uppercase;
	font-size:90%
}

/* SmartClix Additions */ 
.closeoverlay {	color: #fff; text-transform: uppercase; float: right; font-size: 10px; letter-spacing: 6px;  } 
#swatchwrap { width: 780px; margin-left: auto; margin-right: auto; padding-top: 30px; padding-left: 100px;} 
#classictitle, #quartztitle, #riverstonetitle, #marbletitle { width: 100%; height: 12px; font-size: 10px; color: #666; letter-spacing: 4px; text-transform: uppercase;} 
.swatchcol { width: 100px; float: left; height: 82px; line-height: 97px;  color: #666; text-transform: uppercase;  text-align: right; } 
.swatchrow { width: 550px; float: left; height: 82px; margin-left: 10px; margin-right: 10px; } 
.swatchrow ul li { line-height: 70px; } 
.swatchrow ul li a { width: 100%; height: 100%; display:block;} 


.aboutfinishes { background: #444; width: 515px; color: #fff; height: auto;}
.aboutfinishes p { padding: 10px; font-size: 12px; line-height: 14px; text-align: justify;} 
.aboutfinishes .rightcol { float: right; width: 230px; padding-top: 10px; margin-left: 10px;  }  
.rightcol input, .rightcol textarea { background: #ccc; color: #fff; }

#pinfos.inforight { float: right; } 

 #contact input, #contact textarea { width: 140px; border:1px solid #ccc; border-style: solid; border-width: 1px; border-color: #999; } 
#pinfo #contact input, #pinfo #contact textarea { width: 90px; } 
#pinfo { width: 200px; } 
#contact { text-align: left; } 
#contact textarea { height: 40px; } 

/* ZEN10 Contact Form */
#contactnew { color: #666; } 
#contactnew .inputtext { font-size: 9px; text-transform: uppercase;  }
#contactnew input, #contactnew textarea { width: 140px; padding: 0px; margin: 0px; height: 17px; border-style: solid; border-width: 1px; font-size: 10px; border-color:  #666;}
#contactnew textarea { height: 30px; } 
#contactnew p, #contactnew form { margin: 0px; padding: 0px; line-height: 10px; padding-top: 5px; } 
#contactnew .small { width: 20px; margin-top: 3px; height: 18px; }
#contactnew .submit {  height: 18px;width: 50px;  margin-top: 3px; text-align: center; color: #443F3A; border-style: solid; border-width: 1px; font-size: 10px; border-color:  #666; line-height: 18px; background: #CCCCCC; height: 20px; }
/* END ZEN10 Contact Form */

.slidecol { float: right; width: 230px; text-align: left; } 
.slidecol #pinfo { margin: 0px; padding: 0px; float: none; } 
.slidecontrols { width: 100%; } 
.slidecontrols a { display: block; line-height: 70px; width: 100%; } 
/* @end */


/* CODA SLIDER */

.panel img { width: 600px; } 
.imgslide { width: 600px; text-align: center; float: left; } 

/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 420px; background: #fff; overflow: hidden}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 850px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 420px;
			clear: both;
			background: #fff;
			margin-top: 25px;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 850px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
			text-align: center;
			
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display: none;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 0px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}