﻿/*  
Site Name: ---
Site URI: ---
Description: ---
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 01 Jan 2009
Last update made by: --- (---@domain.co.nz)

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.small 					{ font-size: 9px !important;}
#ie6 .small, #ie7 .small{ font-size: 10px !important;}
.float-right 			{ float: right; }
.float-left 			{ float: left;}
.clear 					{ clear: both; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin		{ margin-right: 0 !important; }
.no-left-margin			{ margin-left: 0 !important; }
.no-top-margin			{ margin-top: 0 !important; }
.no-bottom-margin		{ margin-bottom: 0 !important; }
.hot					{ cursor:pointer; }

.text-replace			{ display: inline-block; text-indent: -9999px; overflow: hidden; }

.margin-bot-20			{ margin-bottom:20px; }

.margin-right-10		{ margin-right:10px; }
.margin-right-20		{ margin-right:20px; }

.margin-left-10			{ margin-left: 10px; }

.padding-20				{ padding:20px; }
.padding-left-40		{ padding-left:40px; }

.font-11				{ font-size:1.1em; }
.font-16				{ font-size:1.6em; }
.font-18				{ font-size:1.8em; }

.font-11 p,
.font-16 p,
.font-18 p				{ font-size:1em; }

.color-tan				{ color:#71876f; }

.arrow-left-top			{ padding-left:20px; background:url(/images/interface/ind/ind-arrow-top.png) left center no-repeat;}
#ie6 .arrow-left-top	{ padding-left:20px; background:url(/images/interface/ind/ind-arrow-top.gif) left center no-repeat;}
.arrow-left-left		{ padding-left:15px; background:url(/images/interface/ind/ind-arrow-left.png) left center no-repeat;}
#ie6 .arrow-left-left	{ padding-left:15px; background:url(/images/interface/ind/ind-arrow-left.gif) left center no-repeat;}
.arrow-right-right		{ padding-right:15px; background:url(/images/interface/ind/ind-arrow-right.png) right center no-repeat;}
#ie6 .arrow-right-right	{ padding-right:15px; background:url(/images/interface/ind/ind-arrow-right.gif) right center no-repeat;}

.ind-abs				{ min-height: 36px; text-transform: uppercase; }
#ie6					{ height: 36px; }

.no-border				{ border: none !important; }
.border-top				{ border-top:1px solid #cecbbf; padding-top:10px; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 			{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic				{ font-style: italic; }
code					{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite					{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dotted; cursor: help; }
q						{ color: #fff; }
blockquote				{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 "Lucida Sans", Helvetica, Arial, Serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #fff url(/images/interface/bg/bg-body-anti.png) top left repeat-x;
	color: #505050;
}

img { behavior: url(/javascript/iepngfix.htc) }

h1, h2, h3, h4, h5, h6 {
	font-weight: bold; 
	line-height:1.3em;
	letter-spacing: 0px; 
	margin-bottom: 0; 
	color: #505050;
	text-transform: uppercase;
}

h1 { font-size: 2.7em; margin: 0 0 10px; font-weight:normal; color:#666; }
h2 { font-size: 1.8em; margin: 0 0 15px 0; font-weight:normal;}
h3 { font-size: 1.2em; margin: 10px 0 10px 0; color: #666; }
h4 { font-size: 1.2em; margin: 10px 0 0 0; color: #999; }

p { font-size: 1.2em; line-height: 1.3em; margin: 0 0 20px 0; }
	p.tagline { color: #999; margin: 0; }

a { 
	color: #339999;
	text-decoration:none;
}

a:hover, 
a:active { 
	text-decoration: underline;
}

ul, ol {
	margin: 0 0 0 20px;
}

ul li {
	list-style: disc;
}

ol li {
	list-style-type: decimal;
}

.cont-gen ol,
.cont-gen ul {
	font-size: 1.2em;
	margin-bottom: 20px;
}

ul.no-markers li {
	list-style: none;
}

dl {
	font-size: 12px;
}

dt {
	margin: 0 0 5px;
	color: #908763;
}

dd {
	margin: 0 0 5px;
}

blockquote {
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: bold;
	color: #999;
	padding: 30px 0 0 0;
}

.quote-src {
	text-align: right;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */


#master {
	width: 100%;
	position: relative;
	overflow:hidden;
}

#header {
	width: 960px;
	height: 174px;
	display: block;
	overflow: hidden;
	margin: 0 auto 50px;
}

#navigation {
	position: absolute;
	top: 139px;
	left: 50%;
	width: 960px;
	margin-left: -480px;
}

#page {
	width: 960px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}

#content {
	
}

#footer {
	clear:both;
	overflow: hidden;
	padding: 20px 0;
	margin: 20px 0;
}

#sub-footer {
	position: relative;
	width: 960px;
	padding: 10px 0;
	margin:0 auto;
	color: #5f604b;
}


/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

/**** framework ****/
	/** logo **/
	#header .logo {
		display: block;
		margin: 25px auto 0;
		width: 263px;
		height: 87px;
		overflow: hidden;
		text-indent: -9999px;
		background: url(/images/interface/bg/logo-antipodes.png) top left no-repeat;
		color: #fff;
	}

	/** navigation	**/
	#navigation li {
		display: block;
		float: left;
	}
		#navigation li a {
			display: block;
			float: left;
			text-align: center;
			width: 158px;
			border-left: 1px solid #555650;
			border-right: 1px solid #555650;
			border-bottom: 1px solid #8a897b;
			font-size: 15px;
			line-height: 1em;
			text-decoration: none;
			text-transform: uppercase;
			color: #fff;
			background-color: #9fad9e;
		}
	
			#navigation li a:hover {
				color: #505050;
				background-color: #dbd8bd;
			}
			
			#navigation li a span {
				display: block;
				padding: 9px 0;
			}
			#ie6 #navigation li a span {
				cursor: pointer;
			}
			#navigation li a.selected {
				background-color: #fff;
				border-bottom: 2px solid #fff;
				color: #5f604b;
			}
			#navigation li a.selected span {
				display: inline-block;
			}
			
			#navigation li a.selected,
			#navigation li a.selected:hover {
				
			}
			
			#navigation li.first a {
				width: 159px;
				border-left: none;
			}
				
			#navigation li.last a {
				width: 159px;
				border-right: none;
			}

	/** footer **/
	#footer {
		background-color: #dfeeee;
		color: #505050;
	}
		#footer a {
			color: #5f604b;
		}
		#footer h2 {
			text-transform: uppercase;
			color: #5f604b;
		}
	
	#footer .wrapper-960 {
		width: 960px;
		margin:0 auto;
	}
	
		#footer .col {
			width: 220px;
			float: left;
			margin-right: 20px;
		}
		
		#footer .view-link {
			font-size: 1.1em;
			color: #5f604b;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		#footer .sign-up {
		}
			#footer .sign-up .mod,
			#footer .sign-up .mod .wrapper {
				background-color: #9fad9e;
			}
			#footer .sign-up .mod { padding: 0 0 10px; }
			#footer .sign-up .mod .wrapper { padding: 10px 10px 0; }
				#footer .sign-up h2 {
					font-size: 1.4em;
				}
				#footer .sign-up p {
					margin-bottom: 15px;
					color: #fff;
					min-height: 70px;
				}
					#ie6 #footer .sign-up p { height: 70px; }
				
				#footer .sign-up label {
					display: block;
					color: #fff;
					padding: 0 0 3px;
					font-size: 1.4em;
					text-transform: uppercase;
				}
				#footer .sign-up .text {
					padding: 3px;
					display: block;
					border: none;
					float: left;
					width: 119px;
					margin-right: 10px;
				}
					#ie6 #footer .sign-up .text { margin-right: 7px; }
				
				#footer .sign-up .send-button {
					border: none;
					display: block;
					width: 70px;
					height: 20px;
					float: left;
					background-color: #54554f;
					color: #fff;
					cursor: pointer;
				}
					#footer .sign-up .send-button:hover,
					#footer .sign-up .send-button:focus {
						color: #505050;
						background-color: #dbd8bd;
					}
					
				
				#ie6 #footer .sign-up .button {
					padding: 0;
					width: 50px;
				}
				
				#footer .sign-up span.field-error {
					display: block !important;
					background-color: #900;
					color: #fff;
					font-size: 1.1em;
					padding: 3px 6px;
					clear: left;
					position: relative;
					margin: 8px 0 0;
				}
					#footer .sign-up span.field-error span {
						position: absolute;
						display: block;
						background: url(/images/interface/ind/ind-error-signup.png) top left no-repeat;
						bottom: 100%;
						left: 10px;
						width: 9px;
						height: 6px;
					}
					
				#ie6 #footer .sign-up span.field-error { margin: 0; }
				#ie6 #footer .sign-up span.field-error span { display: none; }
				
			
			#footer .cols-one h2 {
				font-weight: normal;
			}
			
		/** homepage footer **/
		#footer .ext-pers-furn {
			background: url(/images/interface/bg/bg-heading-homepage-footer-anti.png) top left no-repeat;
			width: 665px;
			height: 70px;
			margin: -15px 0 15px !important;
		}
		#ie6 #footer .wrapper-960 .cols-three h2 { margin-top: 0 !important;  }
			
	/** sub footer **/
	
		#sub-footer a { color: #5f604b; text-decoration: none; }
		#sub-footer a: hover { text-decoration: underline !important; }
		
/**** / framework ****/


/***** Module Styles *****/

	.mod {
		padding:0 0 20px;
		background:bottom center no-repeat;
	}
	
	.mod .wrapper {
		padding:20px 20px 0;
		background:top center no-repeat;
		overflow: hidden;
	}
	
	#ie6 .mod,
	#ie6 .mod .wrapper {
		zoom:1;
	}
	
	/** Outer Column Width Styles **/
	.cols-one {
		width:225px;
		margin-right:20px;
	}

	.cols-two {
		width:470px;
		margin-right:20px;
	}

	.cols-three {
		width:715px;
		margin-right:20px;
	}

	.cols-four {
		clear:both;
		width:960px;
	}
	
	
	/** outer mods **/
	.cols-three .mod,
	.cols-three .mod .wrapper,
	.cols-three .mod-top .wrapper,
	.cols-four .mod,
	.cols-four .mod .wrapper,
	.cols-four .mod-top .wrapper {
		background-color: #f4f3ed;
	}
	
	/** Inner Column Width Styles **/
	.inner-cols-one {
		width:205px;
		margin-right:20px;
	}

	.inner-cols-two {
		width:450px;
		margin-right:20px;
	}

	.inner-cols-three {
		width:675px;
	}
	
	/** Inner Mod Styles **/
	.inner-cols-one .mod,
	.inner-cols-one .mod .wrapper,
	.inner-cols-two .mod,
	.inner-cols-two .mod .wrapper,
	.inner-cols-three .mod,
	.inner-cols-three .mod .wrapper {
		background-color: #d9ded8;
	}
	
	.inner-cols-one .mod h2,
	.inner-cols-two .mod h2,
	.inner-cols-three .mod h2 {
		padding-bottom: .2em;
		border-bottom: 1px solid #fff;
	}
	
	.inner-cols-two .mod .half-width {
		width: 195px;
		margin-right: 20px;
	}
	
	/** Menu Styles **/
	.mod-menu {
		padding:0 0 20px;
		background-color: #9fad9e;
		/*background:url(/images/interface/bg/bg-mod-menu.png) bottom center no-repeat;*/
	}
	
	.mod-menu .wrapper {
		padding:20px 0 0;
	}
	
	.mod-menu h2 {
		margin:0 20px 20px;
		line-height:1em;
		font-weight:normal;
		color:#fff;
		text-transform: uppercase;
	}
	
	.mod-menu .wrapper {
		/*background:url(/images/interface/bg/bg-mod-menu.png) top center no-repeat;*/
	}
	
	.mod-menu ul {
		padding:1px 0 0;
		background:url(/images/interface/bg/bg-mod-menu-divider.png) top center no-repeat;
		margin: 0;
	}
	
	.mod-menu li {
		list-style:none;
		padding:0 0 1px;
		background:url(/images/interface/bg/bg-mod-menu-divider.png) bottom center no-repeat;
	}
	
	#ie6 .mod-menu li,
	#ie7 .mod-menu li,
	#ie6 .mod-menu li a {
		zoom:1;
	}
	
	.mod-menu li a {
		display:block;
		padding:3px 20px;
		font-size:1.3em;
		color: #fff;
		text-transform: uppercase;
	}
	
	.mod-menu li a:hover,
	.mod-menu li a:focus {
		background:#dbd8bd;
		color:#5f604b;
		text-decoration:none;
	}
	
	.mod-menu li.selected a {
		/*padding-left:35px;*/
		color:#5f604b;
		/*background:url(/images/interface/ind/ind-arrow-right.png) 20px 8px no-repeat;*/
	}
	
	#ie6 .mod-menu li.selected a {
		background:url(/images/interface/ind/ind-arrow-right.gif) 20px 8px no-repeat;
	}
	
	.mod-menu li ul {
		background:none;
		margin:0 20px;
		padding:0 0 5px;
	}
	
	.mod-menu li li {
		padding:0;
		background:none;
	}
	
	.mod-menu li.selected li a {
		padding-left:20px;
		font-size:1.1em;
		color:#fff;
		background:none;
	}
	
	#ie6 .mod-menu li.selected li a {
		background-image:none;
	}
	
	#ie6 .mod-menu li.selected li a:hover,
	#ie6 .mod-menu li.selected li a:focus,
	.mod-menu li.selected li a:hover,
	.mod-menu li.selected li a:focus {
		background:#dbd8bd;
		color:#5f604b;
		text-decoration:none;
	}
	
	.mod-menu li.selected li.selected a {
		color:#5f604b;
	}
	
/***** / Module Styles *****/

/**** Page Tools ****/
	.page-tools li {
		display:inline;
		margin:0 0 0 30px;
	}
	
	.page-tools li a {
		display:inline-block;
		padding:3px 0 3px 20px;
		background:left center no-repeat;
	}
	
	.page-tools .print a {
		background-image:url(/images/interface/ico/ico-print-anti.png);
	}
	
	.page-tools li.email a {
		background-image:url(/images/interface/ico/ico-email-anti.png);
	}
/**** / Page Tools ****/

/**** Pagination ****/
	.pages {
		padding-bottom:10px;
	}
	
	.pages .wrapper {
		padding-top:10px;
	}
	
	.pages p {
		margin:0;
	}
	
	.pages p span {
		font-size:.9em;
	}
	
	.pages li {
		display:inline;
		font-size:1.1em;
	}
	
	.pages .prev {
		padding-right:5px;
	}
	
	.pages .next {
		padding-left:5px;
	}
/**** / Pagination ****/

/**** Mod col list ****/
#ie6 .mod-cols {
	zoom:1;
}

.mod-cols .wrapper {
	position:		relative;
	overflow:		hidden;
	background:		url(/images/interface/bg/bg-modcols-one-anti.png) bottom left repeat;
	width:			100%;
}
	#ie6 .mod-cols .wrapper {
		zoom:1;
	}

	.mod-cols .wrapper .img-caps {
		display: none;
	}

		.mod-cols img {
			margin-left: 1px;
			margin-top: 1px;
		}
		.mod-cols h2 {
		    text-align:center;
		    padding-top: 3px;
		    margin-bottom: 10px;
		}
		
		#ie6 .mod-cols img { position: relative; margin-top: -20px; }
		
		.mod-cols .view-link {
			font-size: 12px;
			/*text-shadow: 0 0 4px #5f604b; */
		}
			.mod-cols .view-link:hover {
				/*text-shadow: none;*/
			}
/**** / Mod col list ****/

/**** Image corner caps ****/
	/** thumbnail capping **/
	.thumb-cap {
		width: 100px;
		height: 100px;
		overflow: hidden;
		position: relative;
	}
		.thumb-cap .cap {
			position: absolute;
			top: 0; left: 0;
			width: 100px;
			height: 100px;
			/*background: url(/images/interface/bg/bg-thumb-cap-outer.png) top left no-repeat;*/
		}
		
		#ie6 .thumb-cap .cap { /* background-image: url(/images/interface/bg/bg-thumb-cap-outer.gif);*/ }
		
		.inner-cols-one .mod .thumb-cap .cap,
		.inner-cols-two .mod .thumb-cap .cap,
		.inner-cols-three .mod .thumb-cap .cap {
			/*background-image: url(/images/interface/bg/bg-thumb-cap-inner.png);*/
		}
		#ie6 .inner-cols-one .mod .thumb-cap .cap,
		#ie6 .inner-cols-two .mod .thumb-cap .cap,
		#ie6 .inner-cols-three .mod .thumb-cap .cap {
			/*background-image: url(/images/interface/bg/bg-thumb-cap-inner.gif);*/
		}

	/** Corner caps **/
	.cap-wrapper {
		position: relative;
	}	
		#ie6 .cap-wrapper { zoom:1; }
	
		.cap-wrapper .cap {
			display: block;
			width: 6px;
			height: 6px;
			position: absolute;
			/*background: url(/images/interface/bg/bg-thumb-cap-outer.png) no-repeat;*/
		}
		#ie6 .cap-wrapper .cap { /*background-image:url(/images/interface/bg/bg-thumb-cap-outer.gif);*/ }
		
		.cap-wrapper .top-left		{ background-position: top left; top: 0; left:0; }
		.cap-wrapper .top-right		{ background-position: top right; top: 0; right: 0; }
		.cap-wrapper .bottom-left	{ background-position: bottom left; bottom: 0; left: 0; }
		.cap-wrapper .bottom-right	{ background-position: bottom right; bottom: 0; right: 0; }
	/** / Corner caps **/
	
/**** / Image corner caps ****/

/**** Colorbox styles ****/
.mod-colorbox img {
	border: 1px solid #fff;
}
.mod-colorbox {
	background-color: #fff;
	overflow: hidden;
}
	.mod-colorbox p {
		margin: 0;
		color: #908763;
	}
	
	.enlarge-link span {
		line-height: 9px;
		display: inline-block;
		padding-left: 12px;
		background: url(/images/interface/ind/ind-enlarge.png) top left no-repeat;
	}
		.enlarge-link:hover span { background-position: bottom left; }


/**** / Colorbox styles ****/

/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/
.form-general {
}

.form-general li {
	clear: left;
	margin: 0 0 10px;
	display: block;
	overflow: hidden;
}

.form-general label {
	font-size: 1.2em;
	display: block;
	padding: 0 0 5px;
}

.form-general .field input,
.form-general .field textarea,
.form-general .field select {
	border: 1px solid #c0baa7;
	padding: 3px;
	width: 193px;
	float: left;
	margin-right: 10px;
	font-size: 1.2em;
}
.form-general .field select {
	width: 201px;
}

.form-general .field textarea.short {
	height: 4em;
}
.form-general .field textarea.long {
	height: 8em;
}

.form-general .field-error {
	float: left;
	width: 178px;
	display: block !important;
	padding: 3px 3px 3px 18px;
	background: #900 url(/images/interface/ind/ind-field-error.png) top left no-repeat;
	color: #fff;
	font-size: 1.1em;
}


/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

/**** Custom Contact Us Styles ****/
.map-wrapper #map {
	border: 1px solid #fff;
	width: 448px;
	height: 348px;
	display: block;
}

.contact-button {
	margin: 10px 0 0;
	border: none;
	display: block;
	width: 90px;
	height: 25px;
	float: left;
	color: #fff;
	text-transform: uppercase;
	/*text-indent: -9999px;*/
	background-color: #9fad9e;
	cursor: pointer;
}
	.contact-button:hover,
	.contact-button:focus {
		background-color: #5f604b;
	}
	
	#ie6 .contact-button,
	#ie7 .contact-button {
		/*padding-top:250px;
		text-indent:0;*/
		cursor: pointer;
	}

/**** / Custom Contact Us Styles ****/

/**** Category List Custom Styles ****/
.category-link {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 25px;
	width: 225px;
	background: no-repeat top left;
}
.category-link:hover { background-position: bottom left; }

	.consumer-range {
		background-image: url(/images/interface/btn/btn-view-consumer-range.png);
	}
	.designer-range {
		background-image: url(/images/interface/btn/btn-view-designer-range.png);
	}

.category-promo {
    margin-bottom: 20px;
    background-color: #9FAD9E;
}
	
.category-promo .cap { background-image: url(/images/interface/bg/bg-promo-caps.png); }
#ie6 .category-promo .cap { background-image: url(/images/interface/bg/bg-promo-caps.gif); }

	.category-promo img { border: 1px solid #fff; }

	.category-promo .content {
		max-height: 219px;
		padding-bottom: 0 !important;
		position: absolute;
		width: 240px;
		bottom: 1px;
		right: 30px;
		background-color: #9FAD9E;
	}
	.category-promo a { color: #FFF; }
	
	.category-promo .border-content { border:1px solid #fff; }
	
	.category-promo  .view-link {
		display: inline-block;
		font-size: 12px;
		margin-bottom: 20px;
	}

/**** / Category Custom Styles ****/

/**** Homepage & Scroller ****/
.scroll-wrapper {
	position: relative;
	width: 715px;
}
.scroller {
	background: #fff;
	overflow: hidden;
}
	.scroller .scrollable {
		width:713px;
		height: 260px;
		overflow: hidden;
		position: relative;
		border: 1px solid #fff;
	}
	.scroller ul.items {
		position: absolute;
		width: 10000px;
		margin: 0;
	}
	.scroller .items li {
		float: left;
		margin: 0;
		list-style: none;
	}

.scroller .cap { background-image: url(/images/interface/bg/bg-promo-caps.png); }
#ie6 .scroller .cap { background-image: url(/images/interface/bg/bg-promo-caps.gif); }

.scroller .disabled { display: none !important; }

.scroller .next, 
.scroller .prev {
	position: absolute;
	z-index: 999;
	top: 220px;
	display: block;
	overflow: hidden;
	width: 19px;
	height: 19px;
	background-repeat: no-repeat;
}
.scroller .next:hover, 
.scroller .prev:hover {
	background-position: bottom left;
}

.scroller .next { right: 80px; background-image: url(/images/interface/ind/ind-scroll-next.png); }
.scroller .prev { left: 80px; background-image: url(/images/interface/ind/ind-scroll-prev.png); }
#ie6 .scroller .next { background-image: url(/images/interface/ind/ind-scroll-next.gif); }
#ie6 .scroller .prev { background-image: url(/images/interface/ind/ind-scroll-prev.gif); }


.scroller .next span, 
.scroller .prev span {
	display: block;
	text-indent: -9999px;
}

.scroller .navi { display: none; }
/*
.scroller .navi { 
	position: absolute;
	z-index: 800;
	top: 225px;
	left:50%; 
	width: 300px; 
	margin-left: -150px; 
	text-align: center; 
}
.scroller .navi a {
	font-size: 7px;
	display: inline-block; 
	background-color: #908763; 
	width: 7px;
	height: 7px;
	margin: 4px;
	background: top left no-repeat;
	background-image: url(/images/interface/ind/ind-scroll-navi.png);
}
	#ie6 .scroller .navi a { line-height: 7px; background-image: url(/images/interface/ind/ind-scroll-navi.gif); }

	.scroller .navi a:hover, .scroller .navi a.active { background-position: bottom left; }
*/
	
/** homepage adjustments **/
.statement {
	border: 1px solid #fff;
	background-color: #9FAD9E;
	width: 205px;
	padding: 18px 19px;
	height: 224px;
	overflow: hidden;
}
	.statement h1 { color: #fff; }

/**** Homepage & Scroller ****/

/**** Product Custom Styles ****/
.one-col-category-link {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 70px;
	width: 205px;
	background: no-repeat top left;
	margin: 0 0 20px;
}
.one-col-category-link:hover { background-position: bottom left; }

	.inner-cols-one .consumer-range {
		background-image: url(/images/interface/btn/btn-view-consumer-range-one-col.png);
	}
	.inner-cols-one .designer-range {
		background-image: url(/images/interface/btn/btn-view-designer-range-one-col.png);
	}

.inner-cols-two .half-width {
	width: 215px;
}

.product-specs p strong {
	font-weight: normal !important;
	color: #7a7251;
	font-size: 1.4em;
}

.product-specs ol,
.product-specs ul,
.product-specs p { margin-bottom: 10px; font-size: 1.1em; }


	/** download list **/
	ul.download {
		margin: 0;
	}
	.download li {
		background-position: top left;
		background-repeat: no-repeat;
		background-image: url(/images/interface/ind/ind-file-generic.png);
		min-height: 35px;
		font-size: 1.1em;
	}
	#ie6 .download li { height: 35px; }
	.download .pdf { background-image: url(/images/interface/ind/ind-file-pdf.png); }
	.download .xls { /*xls icon*/ }
	.download .doc { /*xls icon*/ }
	
/**** / Product Custom Styles ****/

/**** Sitemap Styles ****/
#sitemap {
	margin: 0 0 20px;
}

#sitemap ul {
	margin: 0;
	padding: 0;
}
#sitemap ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sitemap .ul-level-1 {
}

#sitemap .level-1 {
	display: block;
	font-size: 18px;
	margin: 10px 0 0;
}

#sitemap .ul-level-2,
#sitemap .ul-level-3 {
	margin-left: 20px;
	border-left: 1px dashed #CECBBF;
}

#sitemap .ul-level-2 a.has-children {
}
#sitemap .ul-level-2 a.last {
	margin-bottom: 10px;
}
#sitemap .ul-level-2 a {
	display: block;
	font-size: 14px;
	padding: 4px 0;
	padding-left: 20px;
}

#sitemap a:hover {
}
/**** / Sitemap Styles ****/



/**** COLORBOX STYLES ****/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(/images/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) -100px 0 no-repeat;}
	#cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) -129px 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) -100px -29px no-repeat;}
	#cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) -129px -29px no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
	#cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}

	#cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
	#cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}

	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-75px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:-50px -25px;}
		#cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-25px -25px;}
/*** ie6 **/
#ie6 #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
#ie6 #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
#ie6 #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
#ie6 #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
#ie6 #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
#ie6 #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
#ie6 #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
#ie6 #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/**** / COLORBOX STYLES ****/
