/**************************************************
/* Style Sheet Index
/**************************************************

	Site: Dulux
	Creation Date: 22.04.09
	
	///INDEX\\\\
	1.0 General Layout Styles
		1.1 Sticky Footer
		
	2.0 Header
		2.1 Site Options
		2.2 Logo
		2.3 Specifer & Applicator
			2.3a Specifer 
			2.3b Applicator
		2.4 Login
		2.5 Search
		
	3.0 Navigation
		3.1 Main nav
		3.2 Main nav Class = MAIN
		3.3 Main nav Class = SPECIFER
		3.4 Main nav Class = APPLICATOR
		3.5 2nd Level Nav
		3.6 Sub Nav
		
	4.0 Breadcrumbs
	
	5.0 Sidebar
		5.1 2nd Level
		5.2 3rd Level
		
	6.0 Content Main
		6.1 Search Results
		6.2 Search Nav
		6.3 Colour Gallery
		6.4 Spaces specific styles
		6.5 Promo
		6.6 List Page
		6.7 Footer Section
		6.8 Colour Consultant Forms
		6.9 Registration Pages
			6.9a Member Login Box
		6.10 Category Page
		6.11 Find a Retailer
		6.12 Preferred Painter
		
	7.0 Sub Content
	
	8.0 Form Validation
	
	9.0 Calculator
		9.1 Calculator Home Page
		9.2 Radio Buttons
		9.3 Check boxs
		9.4 Paragraphs in Froms
		9.5 Paint Results
		9.6 Error Message
		
	10.0 Promo Panel
	
	11.0 Colour Forecast
	
	12.0 List Page
		12.1 Product
		
	13.0 Product Description
		13.1 Sub Content
		
	14.0 Footer
	
	15.0 Dock
		15.1 Dropznes
		15.2 Dragged icons
	
	16.0 Heading Colours
		16.1 Heading Image
		
	17.0 Javascript
	
	18.0 Project Gallery
	
	19.0 My Project
		19.1 My Project Panel
		19.2 My Scrapbook Panel
			19.2a Colour 
			19.2b Schemes
			19.2c Pictures
			19.2d Products
			19.2e Video												
		19.3 Removable
		19.4 Colour Scheme
		19.5 Visual My Colour
		19.6 My Products
		19.7 Paint Calculation
		19.8 Closest Retailer
		19.9 Receipt No.
		
	20.0 Product Selector / WPW
		20.1 Stage 1
		20.2 Stage 2
		20.3 Stage 3
		
	21.0 Generic Styles
	
	22.0 Overlay Styles
	
	23.0 HomePages
	
	24.0 Colour Chips
	
	25.0 Main DPC ul
	
	26.0 MIO Table
	
	27.0 Trade Centres Table
	
	28.0 Accordian
	
	29.0 Links


/**************************************************
/** 1.0 General Layout Styles 
/**************************************************/
* {
	margin: 0;
	padding: 0;
}

html, body {
	background: #fbfbfb url("../images/bg-body.jpg") repeat-x 0 0;
	color: #2d2d2d;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 82.5%;
	height: 100%;
}

.clear {
	clear: both;
}



									.clearfix:after {
										content:"."; 
										display:block; 
										height:0; 
										clear:both; 
										visibility:hidden;
										}
									.clearfix {display:inline-block;}
									/* Hides from IE-mac \*/
									* html .clearfix {height:1%; }
									.clearfix {display:block;}
									/* End hide from IE-mac */



a:active, a:focus { outline: none; -moz-outline-style: none; } /* Remove dotted lines around links */


#wrapper {
	margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -136px;
	width: 972px;
}

#content {
	padding-top: 8px;
}

#content.color {
	padding-top: 0;
}

/*****************/
/* 1.1 Sticky Footer */
/*****************/

.push {
	clear: both;
	height: 136px;
}

.gallery {
	clear: both;
	height: 5px;
}

/****************************************************************************************************************************
/** 2.0 Header
/****************************************************************************************************************************/
#header {
	color: #808073;
	font-size: 1em;
	font-weight: bold;
	height: 95px;
	padding: 0 6px;
}



/*************
/* 2.1 Site Opts */
/*************/
#header #site-opts {
	float: right;
	font-size: 1.1em;
}

#header #site-opts p {
	float: left;
	padding: 10px 5px 0 0;
}

#header #site-opts a.a-spec,
#header #site-opts a.a-app,
#header #site-opts a.a-con {
	display: block;
	float: left;
	height: 36px;
	outline: none;
	margin-left: 4px;
	text-indent: -999em;
	width: 105px;
}

#header #site-opts a.a-spec {
	background:   url("../images/btn-specifier.png") no-repeat 0 0;
}

#header #site-opts a.a-app {
	background:   url("../images/btn-applicator.png") no-repeat 0 0;
}
#header #site-opts a.a-con {
	background:   url("../images/btn-consumer.png") no-repeat 0 0;
}

/*************
/* 2.2 Logo */
/*************/
a.logo {
	background: 0 url("../images/dulux-pc-logo.gif") no-repeat;
	display: block;
	float: left;
	height: 71px;
	margin-top: 25px;
	text-indent: -999em;
	width: 153px;
}
/*************
/* 2.3 Specifiers & Applicators */
/*************/
#header.alternate #login-container {
	float: left;
	margin: 36px 0 0 13px;
}

#header.alternate #login-container p.login {
	float: none;
	margin: 4px 0 0 19px;
}

/* 2.3a For Specifiers */
#header.alternate #login-container span.spec-title {
	background:   url("../images/head-specifier.png") no-repeat 0 0;
	display: block;
	height: 21px;
	text-indent: -999em;
	width: 142px;
}

/* 2.3b For Applicators */
#header.alternate #login-container span.app-title {
	background:   url("../images/head-applicator.png") no-repeat 0 0;
	display: block;
	height: 21px;
	text-indent: -999em;
	width: 159px;
}



/*************
/* 2.4 Login */
/*************/
p.login {
	float: left;
	margin: 61px 0 0 32px;
}

p.login a {
	border-right: 1px solid #97978d;
	font-weight: normal;
	padding: 0 7px;
	text-decoration: none;
}

p.login a:hover {
	text-decoration: underline;
}

/*************
/* 2.5 Search */
/*************/
.search-box {
	clear: right;
	float: right;
	padding-top: 26px;
	width: 300px;
}

.search-box p {
	float: left;
	line-height: 20px;
}

.search-box fieldset {
	border: none;
}

.search-box input {
	display: inline;
	float: right;
	margin-left: 8px;
}

.search-box-tech {
	clear: left;
	float: left;
	padding-top: 5px;
	width: 300px;
}

.search-box-tech p {
	float: left;
	line-height: 20px;
}

.search-box-tech fieldset {
	border: none;
}

.search-box-tech input {
	display: inline;
	float: right;
	margin-left: 8px;
}

/****************************************************************************************************************************
/** 3.0 Navigation
/****************************************************************************************************************************/
#nav {
	border-bottom: 1px solid #b0b0a9;
	clear: both;
	padding: 0 6px;
}
/*************
/* 3.1 Main Nav */
/*************/
#nav ul#nav-main {
	float: left;
}
#nav ul#nav-main li {
	float: left;
	list-style: none;
}
ul#nav-main li a.nav1,
ul#nav-main li a.nav2,
ul#nav-main li a.nav3,
ul#nav-main li a.nav4,
ul#nav-main li a.nav5,
ul#nav-main li a.nav6,
ul#nav-main li a.nav7 {
	display: block;
	height: 26px;
	text-indent: -999em;
}

/**************************
/* 3.2 Main Nav Class = MAIN */
/*************************/
ul#nav-main li a.nav1 {
	background:   url("../images/nav-main.png") no-repeat 0 -1px;
	width: 55px;
}
	ul#nav-main li a.nav1:hover,
	ul#nav-main li.active a.nav1 {
		background:   url("../images/nav-main.png") no-repeat 0 -26px;
	}
ul#nav-main.main li a.nav2 {
	background:   url("../images/nav-main.png") no-repeat -63px -83px;
	width: 81px;
}
	ul#nav-main.main li.active a.nav2 {
		background:   url("../images/nav-main.png") no-repeat -63px -109px;
	}	
	ul#nav-main.main li:hover a.nav2,
	ul#nav-main.main li.sfhover a.nav2 {
		background:   url("../images/nav-main.png") no-repeat -63px -135px;
	}
ul#nav-main.main li a.nav3 {
	background:   url("../images/nav-main.png") no-repeat -139px 0;
	width: 102px;
}
	ul#nav-main.main li.active a.nav3 {
		background:   url("../images/nav-main.png") no-repeat -139px -26px;
	}
	ul#nav-main.main li:hover a.nav3,
	ul#nav-main.main li.sfhover a.nav3 {
		background:   url("../images/nav-main.png") no-repeat -139px -52px;
	}
ul#nav-main.main li a.nav4 {
	background:   url("../images/nav-main.png") no-repeat -230px 0;
	width: 100px;
}
	ul#nav-main.main li.active a.nav4 {
		background:   url("../images/nav-main.png") no-repeat -230px -26px;
	}
	ul#nav-main.main li:hover a.nav4,
	ul#nav-main.main li.sfhover a.nav4  {
		background:   url("../images/nav-main.png") no-repeat -230px -52px;
	}
ul#nav-main.main li a.nav5 {
	background:   url("../images/nav-main.png") no-repeat -320px 0;
	width: 109px;
}
	ul#nav-main.main li.active a.nav5 {
		background:   url("../images/nav-main.png") no-repeat -320px -26px;
	}			
	ul#nav-main.main li:hover a.nav5,
	ul#nav-main.main li.sfhover a.nav5 {
		background:   url("../images/nav-main.png") no-repeat -320px -52px;
	}
/******************************/
/* 3.3 Main Nav Class = SPECIFIER */
/******************************/
ul#nav-main.spec li a.nav2 {
	background:   url("../images/nav-main.png") no-repeat -63px -83px;
	width: 81px;
}
	ul#nav-main.spec li.active a.nav2 {
		background:   url("../images/nav-main.png") no-repeat -63px -109px;
	}	
	ul#nav-main.spec li:hover a.nav2,
	ul#nav-main.spec li.sfhover a.nav2 {
		background:   url("../images/nav-main.png") no-repeat -63px -135px;
	}
	
ul#nav-main.spec li a.nav3 {
	background:   url("../images/nav-main.png") no-repeat -143px -83px;
	width: 112px;
}
	ul#nav-main.spec li.active a.nav3 {
		background:   url("../images/nav-main.png") no-repeat -143px -109px;
	}	
	ul#nav-main.spec li:hover a.nav3,
	ul#nav-main.spec li.sfhover a.nav3 {
		background:   url("../images/nav-main.png") no-repeat -143px -135px;
	}	
	
ul#nav-main.spec li a.nav4 {
	background:   url("../images/nav-main.png") no-repeat -254px -83px;
	width: 195px;
}
	ul#nav-main.spec li.active a.nav4 {
		background:   url("../images/nav-main.png") no-repeat -254px -109px;
	}	
	ul#nav-main.spec li:hover a.nav4,
	ul#nav-main.spec li.sfhover a.nav4 {
		background:   url("../images/nav-main.png") no-repeat -254px -135px;
	}	

ul#nav-main.spec li a.nav5 {
	background:   url("../images/nav-main.png") no-repeat -456px -83px;
	width: 111px;
}
	ul#nav-main.spec li.active a.nav5,
	ul#nav-main.spec li a.nav5:hover {
		background:   url("../images/nav-main.png") no-repeat -456px -109px;
	}	

ul#nav-main.spec li a.nav6 {
	background:   url("../images/nav-main.png") no-repeat -574px -83px;
	width: 101px;
}
	ul#nav-main.spec li.active a.nav6 {
		background:   url("../images/nav-main.png") no-repeat -574px -109px;
	}	
	ul#nav-main.spec li:hover a.nav6,
	ul#nav-main.spec li.sfhover a.nav6 {
		background:   url("../images/nav-main.png") no-repeat -574px -135px;
	}
	
ul#nav-main.spec li a.nav7 {
	background:   url("../images/nav-main.png") no-repeat -674px -83px;
	width: 71px;
}
	ul#nav-main.spec li.active a.nav7 {
		background:   url("../images/nav-main.png") no-repeat -674px -109px;
	}	
	ul#nav-main.spec li:hover a.nav7,
	ul#nav-main.spec li.sfhover a.nav7 {
		background:   url("../images/nav-main.png") no-repeat -674px -135px;
	}	
/******************************/
/* 3.4 Main Nav Class = Applicator */
/******************************/
ul#nav-main.app li a.nav2 {
	background:   url("../images/nav-main.png") no-repeat -63px -166px;
	width: 81px;
}
	ul#nav-main.app li.active a.nav2 {
		background:   url("../images/nav-main.png") no-repeat -63px -192px;
	}	
	ul#nav-main.app li:hover a.nav2,
	ul#nav-main.app li.sfhover a.nav2 {
		background:   url("../images/nav-main.png") no-repeat -63px -218px;
	}	
	
ul#nav-main.app li a.nav3 {
	background:   url("../images/nav-main.png") no-repeat -144px -166px;
	width: 80px;
}
	ul#nav-main.app li.active a.nav3 {
		background:   url("../images/nav-main.png") no-repeat -144px -192px;
	}	
	ul#nav-main.app li:hover a.nav3,
	ul#nav-main.app li.sfhover a.nav3 {
		background:   url("../images/nav-main.png") no-repeat -144px -218px;
	}	
	
ul#nav-main.app li a.nav4 {
	background:   url("../images/nav-main.png") no-repeat -224px -166px;
	width: 111px;
}
	ul#nav-main.app li.active a.nav4 {
		background:   url("../images/nav-main.png") no-repeat -224px -192px;
	}	
	ul#nav-main.app li:hover a.nav4,
	ul#nav-main.app li.sfhover a.nav4 {
		background:   url("../images/nav-main.png") no-repeat -224px -218px;
	}	
	
ul#nav-main.app li a.nav5 {
	background:   url("../images/nav-main.png") no-repeat -336px -166px;
	width: 194px;
}
	ul#nav-main.app li.active a.nav5 {
		background:   url("../images/nav-main.png") no-repeat -336px -192px;
	}	
	ul#nav-main.app li:hover a.nav5,
	ul#nav-main.app li.sfhover a.nav5 {
		background:   url("../images/nav-main.png") no-repeat -336px -218px;
	}	

ul#nav-main.app li a.nav6 {
	background:   url("../images/nav-main.png") no-repeat -530px -166px;
	width: 89px;
}
	ul#nav-main.app li.active a.nav6 {
		background:   url("../images/nav-main.png") no-repeat -530px -192px;
	}	
	ul#nav-main.app li:hover a.nav6,
	ul#nav-main.app li.sfhover a.nav6 {
		background:   url("../images/nav-main.png") no-repeat -530px -218px;
	}
	
ul#nav-main.app li a.nav7 {
	background:   url("../images/nav-main.png") no-repeat -619px -166px;
	width: 125px;
}
	ul#nav-main.app li.active a.nav7 {
		background:   url("../images/nav-main.png") no-repeat -619px -192px;
	}	
	ul#nav-main.app li:hover a.nav7,
	ul#nav-main.app li.sfhover a.nav7 {
		background:   url("../images/nav-main.png") no-repeat -619px -218px;
	}					
/*************
/* 3.5 Main Nav - 2nd Level */
/*************/
ul#nav-main li ul {
	background: #2d2d2d;
	left: -999em;
	padding: 15px 13px;
	position: absolute;
	width: 169px;
	z-index: 999;
}

ul#nav-main li:hover ul,
ul#nav-main li.sfhover ul { /* IE6 Fix (sfhover) */
	left: auto;
}

ul#nav-main li ul li {
	border-top: 1px solid #4a4a4a;
	padding: 7px 0;
	width: 169px;
}

ul#nav-main li ul li a {
	color: #fff;
	text-decoration: none;
}

ul#nav-main li ul li a:hover {
	color: #26c0ff;
}



/*************	
/* 3.6 Sub Nav */
/*************/
#nav ul#nav-sub {
	float: right;
	margin-top: 5px;
	margin-bottom: 10px;
}
#nav ul#nav-sub li {
	float: left;
	list-style: none;
}
#nav ul#nav-sub li a {
	font-weight: bold;
	font-size: .9em;
	padding: 0 0 0 20px;
	text-decoration: none;
}
#nav ul#nav-sub li a:hover {
	text-decoration: underline;
}
/****************************************************************************************************************************
/** 4.0 Breadcrumbs
/****************************************************************************************************************************/
ul#breadcrumbs {
	border-bottom: 1px solid #b0b0a9;
	height: 24px;
	padding: 0 7px 0;
}

ul#breadcrumbs li {
	float: left;
	list-style: none;
	padding: 5px 0 5px;
}

ul#breadcrumbs li a {
	background:   url("../images/a-bcrumb.gif") no-repeat right 4px;
	margin-right: 10px;
	padding: 0 10px 0 0;
	text-decoration: none;
}

ul#breadcrumbs li a:hover {
	text-decoration: underline;
}
/****************************************************************************************************************************
/** 5.0 Sidebar
/****************************************************************************************************************************/
#sidebar {
	float: left;
	width: 155px;
}
#sidebar h2 {
	color: #003366;
	font-size: 1.7em;
	font-weight: bold;
	margin-top: 1px;
	min-height: 18px;
	padding: 0 0 0 6px;
}
#sidebar ul#side-nav {
	border-top: 1px solid #b0b0a9;
	margin-top: 14px;
}
#sidebar ul#side-nav li {
	border-bottom: 1px solid #b0b0a9;
	list-style: none;
	padding: 5px 0 5px 6px;
}
#sidebar ul#side-nav li.expanded {
	border: none;
	padding-bottom: 0;
}
#sidebar ul#side-nav li a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

#sidebar ul#side-nav li a:hover {
	color: #3a99c0;
}

#sidebar ul#side-nav li a.active {
	background:   url("../images/a-sdbr-act.gif") no-repeat right 6px;
	padding-right: 8px;
}
/*************	
/* 5.1 2nd level */
/*************/
#sidebar ul#side-nav li ul {
	border-top: 1px solid #d5d5cd;
	margin: 5px 0 0 0;
}
#sidebar ul#side-nav li ul li  {
	border-bottom: 1px solid #d5d5cd;
	margin-left: 6px;
}
#sidebar ul#side-nav li ul li a {
	font-weight: normal;
	font-size: 1em;
	width: 137px;
}
#sidebar ul#side-nav li ul li a.active {
	background:   url("../images/a-sdbr-act.gif") no-repeat right 4px;
}
#sidebar ul#side-nav li ul li a.active {
	font-weight: bold;
}
/*************	
/* 5.2 3rd level */
/*************/
#sidebar ul#side-nav li ul ul li {
	border-bottom: 1px solid #e8e8df;
}
#sidebar ul#side-nav li ul ul li a {
	font-size: .9em;
	width: 123px;
}
#sidebar ul#side-nav li ul ul li a.active {
	background:   url("../images/a-sdbr-act.gif") no-repeat right 4px;
}
/****************************************************************************************************************************
/** 6.0 Content Main
/****************************************************************************************************************************/
#content-main {
	float: left;
	padding: 0 0 21px 35px;
}
#content.main-wide #content-main {
	width: 575px;
}

#content.main-full #content-main {
	width: 780px;
}

#content.main-full #content-main h1 {
	min-height: 0;
	width: 650px;
}

#content.main-thin #content-main {/*For the love of IE 6*/
	width: 410px;
}

#content.main-norm #content-main { /*For the love of IE 6*/
	width: 495px;
}

#content.color #content-main {
	padding-left: 12px;
	width: 480px;
}

#content-main h1 {

	color: #2d2d2d;
	display: block;
	font-size: 1.9em;
	min-height: 22px;
	width: 440px;
}

.addable {
	background: #fff;
	border: 1px dashed #626261;
	padding: 4px;
}

/*#wrapper #content .addable:hover {
	background: #f3f3f3;
	border: 1px solid #4d4d4c;
	padding: 4px;
}*/

#wrapper #content .addable:hover,
.addable-hover{
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
}

.non-addable {
	background: #fff;
	border: 1px solid #bbbcb6;
	padding: 4px;
}

#content-main p.intro {
	font-size: 1.3em;
	line-height: 18px;
	margin-top: 10px;
	width: 530px;
}

#content-main p.intro.full {
	width: 100%;
}
#content-main.main-thin p.intro {
	width: 395px;
}
#content-main.main-norm p.intro {
	width: 465px;
}
#content-main div.img-col4 {
	width: 325px;
}
#content-main div.img-col2 {
	width: 155px;	
}
#content-main .left {
	float: left;
	margin-right: 15px;
}
#content-main .right {
	float: right;
	margin-left: 15px;
}
#content-main div.img-col4 h4,
#content-main div.img-col4 p,
#content-main div.img-col2 h4,
#content-main div.img-col2 p {
	clear: both;
	color: #4e4e46;
	font-size: 1em;
}
#content-main div.img-col4 p,
#content-main div.img-col2 p {
	margin: 0 0 22px 0;
}
#content-main .para-img {
}
#content-main ul#list {
	font-size: 1.1em;
	line-height: 20px;
	margin: 13px 30px 10px 0px;
}
#content-main ul#list li {
	padding-left: 5px;
	list-style: disc;
	list-style-position: outside;
}
#content-main ol {
	font-size: 1.1em;
	line-height: 20px;
	margin: 13px 30px 10px 18px;

}
a.bck-top {
	background: url("../images/bg-top.gif") no-repeat left 19px; /* was 3px before padding-top was added */
	clear: both;
	display: block;
	padding-left: 15px;
	padding-top: 16px;
/*	margin-top: 36px;*/
	text-decoration: none;
	width: 100px;
}

/*********************************************/
/** 6.1 Content Main - Search Results
/*********************************************/
#wrapper #content.full #content-main.search {
	background:    url("../images/bg-results-head.jpg") repeat-x 0 0;
	border: none;
	margin: -22px 0 40px 0;
	padding: 0;
}

#content-main.search #results-header {
	height: 119px;
	width: 100%;
}

#content-main.search #results-header h1 {
	float: left;
	margin-top: 23px;
}

#content-main.search #results-header p.results-num {
	clear: both;
	float: left;
}

span.search-phrase {
	font-weight: bold;
}

#content-main.search #results-header .search-box,
#content-main.search #results-footer .search-box {
	padding-top: 0;
}

#content-main.search #results-header .search-box p,
#content-main.search #results-footer .search-box p {
	color: #808073;
	font-weight: bold;
	line-height: 2em;
	margin: 0;
}

#results-header .search-box {
	display: inline;
	margin-right: 6px;
}
#results-header h1,
#results-header p.results-num{
	margin-left: 6px;
}

/*************	
/* 6.2 Search Nav */
/*************/
#results-header ul.results-nav {
	border-bottom: 1px solid #b2b2ab;
	float: right;
	list-style: none;
	margin-top: 30px;
}

#results-header ul.results-nav li {
	color: #737367;
	background: none;
	float: left;
	font-weight: bold;
	list-style: none;
	margin: 0 28px 0 0;
	padding: 0 0 8px 0;
}

#results-header ul.results-nav li a {
	font-weight: bold;
	text-decoration: none;
}

#results-header ul.results-nav li a:hover,
#results-header ul.results-nav li a.active {
	color: #737367;
}

#results-header ul.results-nav li.last {
	margin-right: 6px;
}

/*********************************************/
/** 6.3 Content Main - Colour Gallery
/*********************************************/
#content.full #content-main {
	border-bottom: 1px solid #b9b9b2;
	float: none;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
}

#content.full #content-main.borderless {
	border: none;
}

#content.full #content-main.myproject {
	border: none;
	min-height: 500px;
	position: relative;
}

#content.full #content-main.form {
	border: none;
	padding-left: 6px;
}

#content.full #content-main  h1,
#content.full #content-main  p.intro {
	margin-left: 6px;
}

#content.full #content-main  ul.colour-gallery {
	border-bottom: 1px solid #b9b9b2;
	float: left;
	margin-bottom: 10px;
	padding-left: 6px;
	width: 100%;
}

#content.full #content-main  ul.colour-gallery li {
	background: #e8e7e6;
	border: 1px solid #e8e7e6;
	border-bottom: 1px solid #b9b9b2;
	float: left;
	list-style: none;
	margin-bottom: -1px;
	padding: 7px 15px 9px 15px;
	height: 10px;
}

#content.full #content-main  ul.colour-gallery li.active {
	background: none;
	border: 1px solid #b9b9b2;
	border-bottom: 1px solid #f2f2f1;
}

#content.full #content-main  ul.colour-gallery li.active a {
	color: #00235E;
}

#content.full #content-main  ul.colour-gallery li a {
	color: #2d2d2d;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

#content.full #content-main ul.colour-gallery li.active span.active {
	background:   url("../images/li-arr-blk.png") no-repeat 0 4px;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 10px;
	margin-left: 5px;
}

#gallery-hues,
#gallery-spaces {
	margin: 0 0 20px 6px;
}

#gallery-hues .hue,
#gallery-spaces .space {
	float: left;
}

#gallery-hues .hue h2,
#gallery-spaces .space h2 {
	font-size: 1.4em;
	margin-top: -3px;
}

#gallery-hues .hue h2.first a,
#gallery-spaces .space h2.first a {
	background-image: none;
}

#gallery-hues .hue img,
#gallery-spaces .space img {
	background: #f2f2f2;
}

#gallery-hues .hue h2 a,
#gallery-spaces .space h2 a {
	background: #f2f2f2 url("../images/gal-divide.png") no-repeat center left;
	display: block;
	color: #00235e;
	height: 27px;
	padding-top: 8px;
	text-align: center;
	text-decoration: none;
	width: 120px;
}

#gallery-spaces .space h2 a {
	width: 192px;
}

#content-main p.sml,
#content-main h4.sml {
	color: #4e4e46;
	font-size: 1em;
	margin-left: 6px;
}

#content-main .strong {
	font-weight: bold;
}
/*************	
/* 6.4 Spaces Specific Styling */
/*************/
#content.full #content-main #spaces label {
	color: #8c8c8c;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	padding-top: 3px;
}
#content.full #content-main #spaces select {
	margin-bottom: 15px;
	width: 180px;
}

#spaces h2 {
	clear: none;
	display: inline;
	float: left;
	margin-bottom: 10px;
	width: 550px;
}	

#content-main #spaces p {
	float: left;
	margin: 0 0 10px 10px;
	width: 215px;
}

#spaces #space-swatchs {
	background: #fff;
	border: 1px dashed #6d6d6d;
	float: left;

}

#spaces #space-swatchs .swatch {
	color: #fff;
	font-size: .8em;
	height: 24px;
	margin-top: 1px;
	padding: 38px 0 0 5px;
	width: 137px;
}

#spaces #space-swatchs .swatch.first {
	margin-top: 0;
}


.space-img {
	background: #fff;
	border: 1px dashed #616160;
	float: left;
	margin-right: 12px;
}

ul#gallery-nav {
	float: left;
	margin-top: 20px;
	width: 100%;
}

ul#gallery-nav li {
	background: none;
	font-weight: bold;
	height: 25px;
	padding: 0;
}

ul#gallery-nav li.index {
	font-size: 1.4em;
	font-weight: bold;
}

ul#gallery-nav li.prev {
	float: left;
}

ul#gallery-nav li a {
	color: #00235e;
	display: block;
	font-weight: bold;
	height: 17px;
	margin-top: 4px;
	text-decoration: none;
	_width: 26px; /*For the sanity of ie6 */
}

ul#gallery-nav li.prev a {
	background:   url("../images/btn-prev-big.png") no-repeat 0 0;
	padding-left: 20px;
}

ul#gallery-nav li.next {
	float: right;
	margin-left: 20px;
}

ul#gallery-nav li.next a {
	background:   url("../images/btn-next-big.png") no-repeat right center;
	padding: 0 20px 0 0;
}

#hue-slider {
	float: left;
	margin: 5px 0  15px 0;
	position: relative;
}


#hue-slider div#overlay {
	background:   url("../images/slide-hover.png") no-repeat 0 0;
	color: #fff;
	height: 40px;
	left: -7px;
	padding: 14px 0 0 12px;
	position: absolute;
	top: -8px;
	width: 135px;
}

#content #content-main #hue-slider a {
	color: #fff;
	display: block;
	float: left;
	height: 20px;
	outline: none;
	padding: 5px 0 0 7px;
	text-decoration: none;
	text-indent: -999em;
	width: 113px;
}

#content #content-main #hue-slider a.active,
#content #content-main #hue-slider a:hover {
	text-indent: 0;
}

#content #content-main #hue-slider a.red {
	background:   url("../images/slider-red.png") no-repeat 0 0;
}
#content #content-main #hue-slider a.yellow {
	background:   url("../images/slider-yellow.png") no-repeat 0 0;
	color: #2d2d2d;
}
#content #content-main #hue-slider a.green {
	background:   url("../images/slider-green.png") no-repeat 0 0;
}
#content #content-main #hue-slider a.blue {
	background:   url("../images/slider-blue.png") no-repeat 0 0;
}
#content #content-main #hue-slider a.brown {
	background:   url("../images/slider-brown.png") no-repeat 0 0;
}
#content #content-main #hue-slider a.orange {
	background:   url("../images/slider-orange.png") no-repeat 0 0;
}
#content #content-main #hue-slider a.neutral {
	background:   url("../images/slider-neutral.png") no-repeat 0 0;
		color: #2d2d2d;
}
#content #content-main #hue-slider a.purple {
	background:   url("../images/slider-purple.png") no-repeat 0 0;
}

#content #content-main #hue-slider a span.colour {
	display: none;
}

#content #content-main #hue-slider a.active span.colour,
#content #content-main #hue-slider a:hover span.colour {
	color: #fff;
	display: block;
	margin: 4px 0 0 3px;
	position: absolute;
}

#hue-slider div.active img {
	padding: 8px 0 0 7px;
}

#related-swatches {
	float: left;
	margin-top: 12px;
	width: 720px;
}

#related-swatches .color-swatch {
	float: left;
	margin: 0 5px 5px 0;
	width: 105px;
}

#related-swatches .color-swatch p.color-name {
	min-height: 28px;
}

#related-swatches div.tile-color {
	width: 105px;
}

#related-swatches p.color-code,
#related-swatches p.color-name {
	width: 100px;
}

/*************	
/* 6.5 Promo */
/*************/
#promo {
	margin-top: 25px;
	width: 550px;
}

#promo.right {
	float: right;
	margin-top: 12px;
	width: 230px;
}
#promo.right h3 {
	clear: both;
}

#promo.right p {
	clear: both;
	width: 230px;
}

#promo.right img {
	margin-bottom: 8px;
}

#promo img.solid {
	border: 1px solid #d5d5cd;
	float: left;
	margin-right: 15px;
}

#promo p {
	float: left;
	margin: 5px 0;
	width: 300px;
}

/*************	
/* 6.6 List Page styling */
/*************/
#content-main.search ul#results li {
	background: none;
	border-bottom: 1px solid #bdbdb7;
	margin-bottom: 16px;
}

#content-main.search ul#results h4 {
	color: #00235e;
}
/*************	
/* 6.7 Footer Section */
/*************/
#content-main.search #results-footer {
	background:    url("../images/bg-results-foot.jpg") repeat-x 0 0;
	height: 104px;
	padding: 0 6px;
}
#results-footer a.prev {
	background:   url("../images/btn-prev.png") no-repeat 0 4px;
	float: left;
	padding-left: 15px;
}

#results-footer a.next {
	background:   url("../images/btn-next.png") no-repeat right 4px;
	float: right;
	padding-right: 15px;
}

#results-footer a.next,
#results-footer a.prev {
	margin-top: 5px;
	text-decoration: none;	
}

#results-footer a.next:hover,
#results-footer a.prev:hover,
#content-main.search #results-nav li a:hover {
	text-decoration: underline;
}


#content-main.search #results-nav {
	float: right;
	margin: 0 15px 0 0;
}

#content-main.search #results-nav li {
	background: none;
	float: left;
	margin: 1px 3px 0 3px;
	padding: 3px 5px;
}

#content-main.search #results-nav li.active {
	border: 1px solid #00235e;
	margin-top: 0;
}

#content-main.search #results-nav li.active a {
	color: #4e4e46;
}

#content-main.search #results-nav li a {
	text-decoration: none;
}

#content-main.search #results-footer p.results-num {
	clear: both;
	float: left;
	margin-top: 22px;
}

#content-main.search #results-footer .search-box {
	margin-top: 22px;
}

/*************	
/* 6.8 Colour Consultants Forms*/
/*************/
#content #content-main.form h1 {
	margin-left: 0;
}

div.col3-form {
	border: 1px solid #a6adad;
	border-left: none;
	border-right: none;
	margin-top: 10px;
	padding-bottom: 25px;
	width: 495px;
}

#content div.col3-form p {
	color: #808073;
}

#content fieldset.main-form label {
	clear: left;
	display: block;
	float: left;
	font-size: 1.1em;
	line-height: 22px;
	margin-bottom: 8px;
	width: 243px;
}

#content fieldset.main-form input {
	float: left;
	height: 18px;
	margin-bottom: 8px;
	width: 219px;
}

#content fieldset.main-form select {
	float: left;
	height: 22px;
	margin-bottom: 8px;	
	width: 223px;
}

#content fieldset.main-form fieldset.radio input {
	margin: 0 10px 0 243px; /* margin left same as input length */
	width: auto;
}

#content fieldset.main-form fieldset.radio label {
	clear: none;
	color: #808073;
	font-size: 1em;
	line-height: normal;
	width: 200px;
}

#content fieldset.main-form input.book-consult {
	background:    url("../images/btn-submit.gif") no-repeat 0 0;
	border: none;
	display: inline;
	float: right;
	height: 30px;
	margin: 15px 177px 0 0;
	text-indent: -999em;
	width: 75px;
}

#content fieldset.main-form span.req {
	color: #808073;
	font-weight: bold;
	float: left;
	margin: 3px 0 0 5px;
}

/*************	
/* 6.9 Registation Pages */
/*************/

#content p.half {
	width: 480px;
}

#content div.col1-form {
	border: 1px solid #a6adad;
	border-left: none;
	border-right: none;
	float: left;
	padding-bottom: 30px;
	width: 540px;
}

#content div.col1-form p {
	color: #808073;
}

#content fieldset.main-form span.info {
	clear: both;
	color: #808073;
	display: inline;
	float: left;
	margin: -5px 0 15px 243px; /* width of the labels */
	width: 295px;
}

#content fieldset.main-form div.proj-name {
	clear: both;
	display: block;
	margin: 3px 0;
	float: left;
	width: 400px;
}

#content fieldset.main-form div.proj-name p {
	color: #2d2d2d;	
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	width: 243px;
}



#content fieldset.main-form div.proj-name a {
	display: block;
	font-size: 1em;
	float: left;
}

#content fieldset.main-form h3 {
	border-top: 1px solid #A6ADAD;
	margin: 22px 0 15px 0;
	padding-top: 22px;
}

#content fieldset.main-form a.dsble-acc {
	display: inline;
	float: right;
	font-weight: bold;
	margin: 28px 46px 0;
}

#content fieldset.main-form input.upd-det {
	background:   url("../images/frm_upd-det.png") no-repeat 0 0;
	border: none;
	display: inline;
	float: right;
	height: 31px;
	margin: 20px 0 10px 0;
	text-indent: -999em;
	width: 119px;
}

#content fieldset.main-form fieldset.radio {
	clear: both;
}
/*************	
/* 6.9a Member Login Box */
/*************/
#content.full #member-login {
	background:   url("../images/bg_member-login.png") no-repeat 0 0;
	float: right;
	height: 205px;
	padding: 20px 0 24px 27px;
	width: 345px;
}

#content.full #member-login h2 {
	font-size: 2.2em;
}

#content.full #member-login h3 {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 15px;
}

#content.full #member-login fieldset.login-form label {
	float: left;
	line-height: 22px;
	width: 100px;
}

#content.full #member-login fieldset.login-form input {
	float: left;
	height: 18px;
	margin-bottom: 10px;
	width: 195px;
}

#content.full #member-login fieldset.login-form input.submit-login {
	background:   url("../images/btn_login.png") no-repeat 0 0;
	border: none;
	cursor: pointer;
	height: 30px;
	margin: 20px 0 0 100px;
	text-align: -999em;
	width: 74px;
}

#content.full #member-login fieldset.login-form a.forgot {
	float: left;
	font-size: .9em;
	margin: 28px 0 0 15px;
}


/*************	
/* 6.10 Category Page */
/*************/
#content-main ul.category-list {
	border-top: 1px solid #bdbdb7;
}

#content-main ul.category-list li {
	background: none;
	border-bottom: 1px solid #bdbdb7;
	clear: both;
	min-height: 22px;
	padding: 12px 0 18px 0;
}

#content-main ul.category-list li ul{
	clear: both;
	margin: 0 0 0 10px;
}

#content-main ul.category-list li ul li {
	border: none;
	padding: 10px 0 0 10px;
}

#content-main ul.category-list li div.color-swatch {
	background: #001344 url("../images/arr-dwn.png") no-repeat center center;
	float: left;
	height: 22px;
	width: 44px;
}

#content-main ul.category-list li div.color-swatch.up {
	background-image: none;
}

#content-main ul.category-list li div.color-swatch-sml {
	background-color: #f2bb51;
	float: left;
	height: 12px;
	margin-top: 3px;
	width: 24px;
}

#content-main ul.category-list li h2 {
	clear: none;
	color: #00235e;
	float: left;
	margin-left: 10px;
}

#content-main ul.category-list li.expanded {
	padding-bottom: 15px;
}

#content-main ul.category-list li.expanded h2 {
	background:   url("../images/arr-up.png") no-repeat 0 9px;
}

#content-main ul.category-list li h3 {
	color: #00235e;
	float: left;
	margin-left: 25px;
}

#content-main ul.category-list li h2 a,
#content-main ul.category-list li h3 a {
	text-decoration: none;
}

#content-main ul.category-list li ul li p {
	clear: both;
	font-size: .9em;
	margin: 5px 0 0 49px;
}
/*************	
/* 6.11 Find a Retailer */
/*************/
fieldset#retailer-search label {
	color: #808073;
	font-weight: bold;
	float: left;
	line-height: 21px;
	margin: 0 15px 0 6px;
}

fieldset#retailer-search input {
	float: left;
	height: 18px;
	margin-right: 10px;
	width: 151px;
} 

fieldset#retailer-search input.btn-search {
	background:   url("../images/btn-search.png") no-repeat 0 0;
	border: 0 ;
	height: 21px;
	text-indent: -999em;
	width: 21px;
}

#content.full #retailer-results {
	border-top: 1px solid #b9b9b2;
	margin: 0 auto;
	margin-top: 15px;
	padding-top: 15px;
	width: 960px;
}

#content.full #retailer-results #map-results {
	border: 1px solid #bcbcb5;
	float: right;
	height: 401px;
}

#content.full #retailer-results ul  {
	float: left;
	margin: 0;
}

#content.full #retailer-results ul li {
	background: none;
	clear: left;
	float: left;
	margin-bottom: 10px;
	padding: 0;
	width: 325px;
}

#content.full #retailer-results ul li p {
	color: #2d2d2d;
	float: left;
	font-weight: bold;
	font-size: 2.3em;
	line-height: normal;
	margin: 0;
}

#content.full #retailer-results ul li div.retailer-result {
	float: right;
	font-weight: normal;
	font-size: 1em;
	padding: 13px;
	width: 254px;
}
/*************	
/* 6.12 Preferred Painter */
/*************/
#content-main.full #container-full.two-column {
	border-bottom: none;	
}

#container-full.two-column #content-body {
	float: left;
	width: 495px;	
}

fieldset.preferred-search {
	border-top: 1px solid #a6adad;
	border-bottom: 1px solid #a6adad;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 30px 0;
	width: 495px;
}

fieldset.preferred-search p {
	color:#808073;
}

fieldset.preferred-search label {
	float: left;
	font-weight: bold;
	width: 245px;	
}

fieldset.preferred-search input,
fieldset.preferred-search select {
	float: left;
	margin-bottom: 10px;
	width: 220px;	
}

fieldset.preferred-search fieldset.radio {
	float: left;	
	width: 220px;
}

fieldset.preferred-search fieldset.radio input {
	clear: left;
	float: left;
	width: auto;	
}

fieldset.preferred-search fieldset.radio label {
	display: inline;
	float: left;
	font-weight: normal;
	margin: 2px 0 13px 12px;
	width: 180px;
}

fieldset.preferred-search span.req {
	float:left;
	font-weight:bold;
	margin:3px 0 0 5px;	
}

#content-main fieldset.preferred-search input.search {
	background:   url("../images/btn_search.png") no-repeat 0 0;
	border: none;
	cursor: pointer;
	display: inline;
	float: left;
	height: 31px;
	margin: 10px 0 0 244px;
	width: 76px;
}

#container-full.two-column #sub-content h4 {
	margin-top: 6px;
}

/* Preferred Results */
h4.preferred-results {
	border-bottom: 1px solid #bdbdb6;
	margin: 30px 0 0 0;
	padding: 0 0 7px 0;
}

ul#preferred-results {
	margin: 0;
	padding: 0;
}

ul#preferred-results li {
	background: none;
	border-bottom: 1px solid #bdbdb6;
	padding: 13px 0 17px 0;
}

ul#preferred-results li h3 {
	font-size: 1.3em;
	margin: 0;
}

ul#preferred-results li p {
	margin: 3px 0 6px 0;	
}


ul#preferred-results li p.details-title {
	font-weight: bold;
	float: left;
	margin: 0;
	width: 108px;
}

ul#preferred-results li a.site {
	font-weight: bold;	
}

#content-body ul#tab-nav {
	height: 27px;
	width: 495px;
}

#content-body ul#tab-nav li{
	background: none;
	float: right;
	height: 14px;
	line-height: 19px;
	padding: 0 4px;
}


#content-body ul#tab-nav li a {
	color: #00235e;
	font-size: 1em;
}
#content-body ul#tab-nav li a:hover {
	text-decoration: none;
}
#content-body ul#tab-nav li.active a {
	color: #2d2d2d;
}
#content-body ul#tab-nav li.active {
	border: 1px solid #00235e;
	line-height: 11px;
	padding: 3px 4px 2px 5px;
}

#content-body ul#tab-nav li.prev {
	float: left;
}

#content-body ul#tab-nav li.prev a {
	background:   url("../images/btn-prev.png") no-repeat left 4px;
	padding-left: 15px;
}

#content-body ul#tab-nav li.next a {
	background:   url("../images/btn-next.png") no-repeat right 4px;
	padding-right: 15px;
}



/****************************************************************************************************************************
/** 7.0 Sub Content
/****************************************************************************************************************************/
#sub-content {
	float: left;
	padding: 0 0 0 20px;
	width: 210px !important;
	width /**/: 210px;
}
#sub-content.sub-thin {
	width: 140px;
}
#sub-content.sub-norm {
	width: 210px !important;
	width /**/: 210px;
	padding-left: 36px;
	margin-bottom: 100px;
}
#sub-content.sub-norm a{
	color: #909CA2;
	text-decoration: underline;
}
#wrapper #content #sub-content.sub-med {
	width: 250px;
}
#sub-content.sub-color {
	width: 300px;
}

#sub-content.sub-wide {
	width: 325px;
}
#sub-content h4 {
	font-size: 1.1em;
	font-weight: bold;
	height: 19px;
	margin-top: 13px;
}
#sub-content p.facts {
	color: #909CA2;
	font-weight: bold;
	font-size: 1.1em;
	width: 210px;
	line-height: 1.3em;
}

/****************************************************************************************************************************
/** 8.0 Form Validation
/****************************************************************************************************************************/
#error-alert {
	background:   url("../images/bg_alert.png") no-repeat 17px 17px;
	border: 1px solid #e8bbb2;
	margin: 5px 0 10px 0;
	padding: 9px 7px 7px 85px;
	width: 446px;
}

#error-alert h3 {
	color: #c84329;
}

#error-alert ul li {
	background: none;
	color: #c84329;
	list-style: none;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
}

span.alert-update {
	color: #c84329;
	font-weight: bold;
	margin-left: 5px;
	position: absolute;
}

/* Validation Locations */
#error-alert.three-col {
	width: 403px;	
}

#error-alert.three-col h3 {
	font-size: 1.2em;
}



/****************************************************************************************************************************
/** 9.0 Calculator
/****************************************************************************************************************************/

/* 9.1 Calculator Home Page */
#container-full .calc-proj {
	background:   url("../images/bg-calc-proj.png") no-repeat 0 0;
	float: left;
	height: 190px;
	margin: 15px 10px 0 0;
	padding: 11px 0 0 11px;
	width: 232px;
}

#container-full .calc-proj img {
	height: 97px;
	overflow: hidden;
	width: 219px;
}

#container-full .calc-proj h4 {
	background:    url("../images/bg-calc-head.gif") no-repeat right 5px;
	color: #00235e;
	display: block;
	float: left;
	font-size: 1.3em;
	margin: 5px 0;
	padding-right: 10px;
}

#container-full .calc-proj h4 a {
	text-decoration: none;
}

#container-full .calc-proj h4 a:hover {
	text-decoration: underline;
}

#container-full .calc-proj ul {
	clear: both;
}

#container-full .calc-proj ul li {
	font-size: .9em;
}

#container-full a.ent-cust-dim {
	background:   url("../images/btn-cust-dimen.png") no-repeat 0 0;
	clear: both;
	display: block;
	height: 31px;
	float: left;
	margin: 23px 0 34px 0;
	text-indent: -999em;
	width: 184px;
}

#container-full h3 {
	clear: both;
}

#content-main.full #container-full {
	margin: 0 0 15px 0;
	padding: 0;
}	

#content-main.full #container-full p.intro {
	width: 85%;
}

#content-main.full ul.content-nav {
	float: right;
}	

#content-main.full ul.content-nav li {
	background:   url("../images/li-arr-blk.png") no-repeat 0 3px;
	color: #2d2d2d;
	float: left;
	font-weight: bold;
	list-style: none;
	margin-left: 25px;
	padding-left: 12px;
}	

#content-main.full ul.content-nav li a{
	color: #00235e;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

#content-main.full ul.content-nav li a:hover {
	text-decoration: underline;
}

#content-main.full #container-full #column-one {
	background:   url("../images/divider.png") no-repeat top right;
	float: left;
	margin-right: 20px;
	min-height: 371px;
	padding-right: 40px;
	width: 240px;
}

#content-main.full #container-full #column-two {
	float: left;
	width: 265px;
}

#content-main.full #container-full #column-one select {
	font-size: 1em;
	height: 20px;
	line-height: 20px;
	margin: 5px 0 15px 0;
	width: 240px;
}

#content-main.full #container-full #column-one fieldset.calc-input {
	border: none;
	border-top: 1px solid #e8e8df;
	margin-bottom: 20px;
	outline: none;
}

#content-main.full #container-full #column-one fieldset {
	border: none;
	outline: none;
}

#content-main.full #container-full #column-one label {
	font-weight: bold;
}

#content-main.full #container-full #column-one fieldset.calc-input fieldset {
	border-bottom: 1px solid #e8e8df;
	padding: 5px 0;
}

#content-main.full #container-full #column-one fieldset.calc-input fieldset label {
	float: left;
	line-height: 22px;
	margin-left: 10px;
}

#content-main.full #container-full #column-one fieldset.calc-input input {
	float: right;
	width: 65px;
}


/* 9.2 RADIO BUTTONS */
#content-main.full #container-full #column-one fieldset.radio{
	padding-left: 4px;
	margin-bottom: 3px;
}

#content-main.full #container-full #column-one fieldset.radio input{
	background: none;
	border: none;
	float: left;
	margin-right: 10px;
}

#content-main.full #container-full #column-one fieldset.radio label{
	float: left;
	line-height: 19px;
}
/* 9.3 CHECK BOXES */
#content-main.full #container-full #column-one fieldset.checkbox {
	margin-bottom: 15px;
	padding-left: 4px;
}
#content-main.full #container-full #column-one fieldset.checkbox input {
	float: left;
	margin-right: 10px;
}
#content-main.full #container-full #column-one fieldset.checkbox label {
	float: left;
	line-height: 19px;
}

/* 9.4 Paragraphs in Forms */
#content-main.full #container-full #column-one fieldset p {
	color: #4e4e46;
	font-size: .9em;
	padding-left: 4px;
	margin: 0 0 15px 0;
}

#content-main.full #container-full #column-one fieldset h4 {
	color: #4e4e46;
	margin: 0 0 3px 0;
	padding-left: 4px;
}
/* 9.5 Paint Calculated Results */
#content-main.full #column-two #paint-result {
	background: #fff;
	border: 1px dashed #646464;
	padding: 10px;
}

#column-two #paint-result p{
	color: #4e4e46;
	font-size: 1em;
	margin: 0;
}

#column-two #paint-result p.result {
	color: #00235e;
	font-size: 9em;
	font-weight: bold;
	line-height: 90px;
}

#content-main.full #column-two #paint-result p.measure {
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	margin: 5px 0 10px 0;
}

#content-main.full #column-two #paint-result ul {
	color: #4e4e46;
	font-size: 1em;
	margin: 0;
}

#content-main.full #container-full #column-one input.calculate {
	background:   url("../images/frm-sub-calc.png") no-repeat 0 0;
	display: block;
	 width: 87px;
	  height: 31px;
	  margin: 15px 0 0 0;
	  padding: 0;
	  border: 0;
	  text-indent: -999em;
	  cursor: pointer; /* hand-shaped cursor */
	  cursor: hand; 

}

/* 9.6 Error Message */
#content-main #column-one .error {
	color: red;
	clear: both;
	display: none;
	padding-left: 10px;
}



#content-main.full p.blurb {
	font-size: 1em;
	margin: 0 0 10px 0;
}
/****************************************************************************************************************************
/** 10.0 Lower Promo Panel
/****************************************************************************************************************************/
#low-panel {
	background:   url("../images/btm-panel.png") no-repeat center top;
	clear: both;
	display: inline;
	height: 134px;
	float: left;
	margin: 30px 0 36px 0;
	padding: 3px;
	width: 960px;
}
#low-panel div.section {
	float: left;
	width: 240px;
}

#low-panel div.section h4 {
	color: #00235e;
	float: left;
}
#low-panel div.section img {
	float: left;
	margin-right: 15px;
}
#low-panel div.section p {
	float: left;
	width: 165px;
}
/****************************************************************************************************************************
/** 11.0 Color Forecast
/****************************************************************************************************************************/
div#color-tiles {
	margin-bottom: 30px;
}

div.color-tile {
	border: 1px solid #b6b6ae;
	float: left;
	margin: 0 5px 5px 0;
	padding: 5px;
	width: 104px;
}
div.tile-color {
	background: #4d0738;
	height: 55px;
	margin-bottom: 3px;
	width: 103px;
}
#content-main p.color-code,
#content-main p.color-name {
	font-size: .9em;
	line-height: 10px;
	margin: 0;
}

#sub-content.color-forecast {
	float: right;
	margin: 0 10px 50px 0;
	padding-left: 0;
	width: 300px;
}

#sub-content.color-forecast h1 {
	font-size: 2.8em;
	text-transform: uppercase;
}


#sub-content.color-forecast div.video img{
	border: 1px solid #bcbcb5;
	margin: 17px 0 6px 0;
	padding: 5px;
}

#sub-content.color-forecast div.video-add {
	background:   url("../images/a-vid-bg.png") no-repeat 8px 8px;
	border: 1px dashed #646464;
	height: 31px;
	margin-bottom: 8px;
	padding: 5px 8px 3px 42px;
}

#sub-content.color-forecast p.intro {
	font-size: 1.3em;	
}

#sub-content.color-forecast p {
	font-size: 1em;
	line-height: normal;
	margin: 10px 0;
}

#sub-content.color-forecast div.video-add p.sml {
	color: #656565;
	font-size: .9em;
}

#sub-content.color-forecast img.thumb {
	border: 1px dashed #646464;
}

#content.color .colour-cat {
	background:    url("../images/bg-wpw-block.gif") no-repeat 0 0;
	float: left;
	height: 158px;
	margin: 0 8px 15px 0;
	padding: 15px 0 0 15px;
	width: 221px;
}

#content.color .colour-cat.margin-none {
	margin-right: 0;	
}

#content.color .colour-cat h4 {
	background:    url("../images/bg-calc-head.gif") no-repeat right 5px;
	color: #00235e;
	display: block;
	float: left;
	font-size: 1.3em;
	margin: 5px 0;
	padding-right: 10px;
}

/****************************************************************************************************************************
/** 12.0 List Page Layout (search)
/****************************************************************************************************************************/
ul.results-nav {

}
/****************************************************************************************************************************
/** 12.1 List Page Layout (product)
/****************************************************************************************************************************/
#content-main #product-list {
	margin-bottom: 30px;
}

#product-list .product {
	border-top: 1px solid #b0b0a9;
	clear: both;
	_height: 102px;/*As ie6 ignores doesn't understand min-height*/
	min-height: 110px;
	padding: 15px 0;
}

#product-list .product img {
	border: 1px dashed #6d6d6d;
	float: left;
	margin: 1px 10px 0 0;
}

#product-list .product h2 {
	clear: none;
	color: #00235e;
	font-size: 1.65em;
	font-weight: bold;
	margin-bottom: 6px;
}

#product-list .product p.sub {
	font-size: 1.4em;
	float: left;
	line-height: 1.2em;
	margin-bottom: 8px;
}

#product-list .product p {
	display: block;
	float: left;
	margin: 0;
	width: 375px;
}

#sub-content.sub-med #side-promo {
	background:   url("../images/bg-side-promo.png") no-repeat 0 0;
	height: 168px;
	margin-top: 65px;
	padding: 25px 22px 20px 22px;
	width: 179px;
}

#sub-content.sub-med #side-promo img {
	display: block;
	margin: 0 auto;
}

#sub-content.sub-med #side-promo h4 {
	color: #00235e;
	margin-top: 20px;
}

#sub-content.sub-med p.facts {
	width: 190px
}
/*********************************************/
/** 13.0 Product Description template
/*********************************************/
#content-main p.prod-code,
#content-main p.prod-app {
	color: #4e4e46;
	font-size: 1em;
	margin: 0;
}

#content-main p.prod-code {
	margin-top: 15px;
}

#content-main p.prod-app {
	margin-bottom: 25px;
}

table.perf-guide {
	border-collapse: collapse;
	margin: 10px 0 17px 0;
}

table.perf-guide td {
	border-top: 1px solid #b0b0a9;
}

table.perf-guide td.td-head {
	border-left: 1px solid #b0b0a9;
	border-right: 1px solid #b0b0a9;
	font-weight: bold;
	padding: 5px 20px 5px 9px;
}

table.perf-guide td.td-body {
	border-right: 1px solid #b0b0a9;
	padding: 5px 7px 5px 14px;
	width: 100%;
}

table.perf-guide tr.last td {
	border-bottom: 1px solid #b0b0a9;
}
/*************	
/* 13.1 Sub Content */
/*************/

img.prod-desc-img {
	border: 1px dashed #646464;
}

#sub-content.sub-wide h4 {
	margin-top: 10px;
}

a.pdf {
	background:   url("../images/ico-pdf.png") no-repeat 0 0;
	display: block;
	font-weight: bold;
	height: 19px;
	padding-left: 24px;
	text-decoration: none;
}

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

h3.products {
	margin-top: 22px;
}

#sub-content.sub-wide fieldset {
	border: none;
	margin: 7px 0 20px 0;
}

#sub-content.sub-wide fieldset select{
	width: 100%;
}

#sub-content p.prod-det,
#sidebar h2.prod-det {
	color: #009933;
}
/****************************************************************************************************************************
/** 14.0 Footer
/****************************************************************************************************************************/
#footer {
	background:   url("../images/bg-footer.gif") no-repeat 16px 0;
	height: 90px;
	margin: 0 auto;
	padding: 46px 6px 53px 6px;
	width: 993px;
}

#footer ul {
	clear: both;
	display: block;
	padding: 0 16px;
}

#footer ul li {
	float: left;
	list-style: none;
}
#footer ul li a {
	color: #00235e;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer ul#btm-nav {
	height: 14px;
	margin-bottom: 10px;
}
#footer ul#btm-nav li a {
	font-weight: bold;
	margin: 0 20px 0 0;

}
#footer ul#copy-nav li{
	margin-right: 15px;
}
#footer ul#copy-nav {
	height: 14px;
	margin-bottom: 12px;
}
#footer ul#promo-nav{
	height: 22px;
}
#footer ul#promo-nav a{
	display: block;
	height: 22px;
	margin-right: 10px;
	text-indent: -999em;
}
#footer ul#promo-nav a.pnav-dulux {
	background:   url("../images/btn-dulux.gif") no-repeat 0 0;
	width: 48px;
}
#footer ul#promo-nav a.pnav-pro-coat {
	background:   url("../images/btn-protective-coat.gif") no-repeat 0 0;
	width: 137px;
}
#footer ul#promo-nav a.pnav-pow-coat {
	background:   url("../images/btn-powder-coat.gif") no-repeat 0 0;
	width: 122px;
}
#footer ul#promo-nav a.pnav-acratex {
	background:   url("../images/btn-acratex.gif") no-repeat 0 0;
	width: 63px;
}
#footer ul#promo-nav a.pnav-auto-ref {
	background:   url("../images/btn-auto-refinish.gif") no-repeat 0 0;
	width: 88px;
}

#footer ul#promo-nav a.pnav-integrain {
	background:    url("../images/btn-intergrain.gif") no-repeat 0 0;
	width: 74px;
}
/****************************************************************************************************************************
/** 15.0 Dock
/****************************************************************************************************************************/
#dock-wrap {
	background:   url("../images/bg-dock.png") no-repeat right bottom;
	bottom: 0;
	height: 53px;
	position: fixed;
	width: 100%;
	/*z-index: 2;*/
}

#dock {
	background:   url("../images/bg-dock-wrap-right.png") no-repeat left bottom;
	clear: both;
	height: 53px;
	margin: 0 auto;
	padding-left: 26px;
	width: 100%;
}

#dock p {
	float: left;
	margin: 0;
}

#dock a {
	text-decoration: none;
}
#dock a:hover {
	text-decoration: underline;
}
#dock #project,
#dock #scrapbook {
	position:absolute;
	background:   url("../images/btn-dock.png") no-repeat 0 0;
	display: block;
	height: 196px;
	overflow:hidden;
	padding: 24px 0 0 12px;
	width: 239px;
}
	#dock #scrapbook {
		margin-left: 251px;
	}


#dock a.my-project, 
#dock a.my-scrapbook {
	display: block;
	float: left;
	height: 13px;	
	margin: 2px 10px 0 0;
	text-indent: -999em;
}

#dock a.my-project {
	background:   url("../images/a-myproj.png") no-repeat 0 0;
	width: 71px;
}

#dock a.my-scrapbook {
	background:   url("../images/a-myscrap.png") no-repeat 0 0;
	width: 83px;
}




								/****************************************************************************************************************************
								/** 15.1 dockDropzones
								/****************************************************************************************************************************/
								.dockDropzones {
									position:absolute;
									left:29px;
									top:53px;
									width:169px;
									height:150px;
									}
									#dockProjectColoursWrapper, #dockZoneProjectScheme, #dockZoneScrapbookScheme {
										display:none;
										width:167px;
										height:148px;
										border:1px solid #CCC;
										}
									#dockProjectColoursWrapper { background-image:  url("../images/bg-droptarget-colourset.gif"); }
									#dockZoneProjectScheme, #dockZoneScrapbookScheme { background-image:  url("../images/bg-droptarget-schemeset.gif"); }
										#dockZoneProjectColour1, #dockZoneProjectColour2, #dockZoneProjectColour3 {
											width:167px;
											height:48px;
											border-bottom:1px solid #CCC;
											}
									#dockZoneProjectProduct, #dockZoneProjectCalculation, #dockZoneScrapbookColour, #dockZoneScrapbookProduct, #dockZoneScrapbookPicture, #dockZoneScrapbookVideo {
										display:none;
										width:167px;
										height:81px;
										margin-top:33px;
										border:1px solid #CCC;
										}
									#dockZoneProjectProduct { background-image:  url("../images/bg-droptarget-product.gif"); }
									#dockZoneProjectCalculation { background-image:  url("../images/bg-droptarget-calculation.gif"); }
									#dockZoneScrapbookColour { background-image:  url("../images/bg-droptarget-colour.gif"); }
									#dockZoneScrapbookProduct { background-image:  url("../images/bg-droptarget-product.gif"); }
									#dockZoneScrapbookPicture { background-image:  url("../images/bg-droptarget-picture.gif"); }
									#dockZoneScrapbookVideo { background-image:  url("../images/bg-droptarget-video.gif"); }



								/****************************************************************************************************************************
								/** 15.2 Dragged icons
								/****************************************************************************************************************************/
								#dragged {
									position:absolute;
									display:none;
									width:81px;
									height:81px;
									background:transparent url("../images/dragged-shadow.png") no-repeat !important;
									background:transparent url("../images/dragged-shadow.gif") no-repeat; /* For older IE */
									text-align:left;
									/*cursor:url(css/imgs/grabbing.cur), url(../css/imgs/grabbing.cur), -moz-grabbing;*/
									}
									#dragged #draggedIcon {
										width:69px;
										height:69px;
										background-color:#000;
										}
											#dragged .scheme {
												height:23px;
												}
											#dragged .product {
												background:#FFF url("../images/typecursor-product.gif");
												}
											#dragged .picture {
												background:#FFF url("../images/typecursor-picture.gif");
												}
											#dragged div#draggedIcon.calculation {
												padding-top:18px;
												height:51px;
												background-color:#FFF;
												text-align:center;
												font-size:30px;
												font-weight:bold;
												line-height:20px;
												color:#008;
												}
												#dragged .calculation span {
													display:block;
													font-size:9px;
													font-weight:normal;
													}
											#dragged .video {
												background:#FFF url("../images/typecursor-video.gif");
												}



/*********************************************/
/** 16.0 Heading/Category  Colours
/*********************************************/
#sub-content p.facts {
	color: #909CA2;
	font-weight: bold;
	font-size: 1.1em;
	width: 210px;
	line-height: 1.3em;
}
#sidebar h2.prod-spec {
	color: #003366;
}
/*********************************************/
/**16.1 Header Images
/*********************************************/
#header-img.wabi-sabi {
	background:   url("../images/header-wabi-sabi.png") no-repeat 0 0;
	height: 262px;
	margin: 10px 0 30px 0;
	width: 967px;
}
/*********************************************/
/** 17.0 Javascript Classes
/*********************************************/
.hide {
	display: none;
}

.show {
	display: block;
}

												#waitoverlay { /* Prevent page interation when performing server communications */
													width:100%;
													min-height:100%;
													position:fixed;
													top:0;
													left:0;
													z-index:9999;
													display:none;
													/*background:transparent url(imgs/grabbing.gif);*/
												}
												* html #waitoverlay { /* Required for IE6... note: hack used */
													height:100%;
													position:absolute;
												}

/****************************************************************************************************************************
/** 18.0 Project Gallery
/****************************************************************************************************************************/
div#gallery {
	border-top: 1px solid #b0b0a9;
	border-bottom: 1px solid #b0b0a9;
	margin: 15px 0;
	padding: 12px 0 30px 0;
	width: 100%;
}

a img {
	border: none;
}

a img.gal-img:hover {
	opacity: 0.55;
}

div#gallery a.shadowbox {
	float: left;
	margin: 15px 15px 0 0;
}

#content-main .color-tile.margin-none,
div#gallery a.margin-none {
	margin-right: 0;
}

/****************************************************************************************************************************
/** 19.0 My Project
/****************************************************************************************************************************/
#project-head {
	float: left;
	width: 100%;
}

#project-head h1 {
	float: left;
	margin-right: 25px;
	width: 160px;
}

#project-head select {
	float: left;
	margin: 9px 10px 0 0;
	width: 180px;
}

#project-head ul {
	float: left;
	margin: 12px 0 0 0;
}

#project-head ul li {
	background: none;
	float: left;
}

#project-head ul li a {
	font-weight: bold;
	text-decoration: none;
}

/* 19.1 My project */

#project-container {
	float: left;
	margin-right: 18px;
	width: 482px;
}

#proj-top {
	background:   url("../images/bg_proj-top.png") no-repeat 3px top;
	float: left;
	height: 5px;
	_margin-top: 10px; /* ie6 my project panel top margin */
	width: 480px;
}

#projects {
	background:   url("../images/bg_proj-bdy.gif") repeat-y right top;
	float: left;
	_margin-top: -9px; /*Fix sapce between rounded head and body of project tab ie6 */
	padding-top: 10px;
	width: 482px;
}

#proj-btm {
	background:   url("../images/bg_proj-btm.png") no-repeat 3px top;
	float: left;
	height: 9px;
	width: 477px;
}

#projects h2 {
	display: inline;
	float: left;
	margin: 0 0 8px 15px;
}

#projects p.sml {
	clear: left;
	display: inline;
	font-style: italic;
	float: left;
	margin: 0 0 0 15px;
	width: 250px;
}

#projects p.sml span.strong {
	font-style: normal;
}

#projects a.proj-edit {
	float: right;
	margin: 7px 10px 0 0;
}

#projects a.print-shop-list {
	background:   url("../images/btn-print-list.png") no-repeat 0 0;
	display: block;
	float: right;
	height: 31px;
	margin-right: 12px;
	text-indent: -999em;
	width: 155px;
}

#projects a.email {
	background:   url("../images/bg_email.png") no-repeat left 3px;
	clear: right;
	display: block;
	float: right;
	font-weight: bold;
	height: 20px;
	margin: 15px 15px 0 0;
	padding-left: 24px;
}

#projects .project {
	background:   url("../images/bg_proj-region.png") no-repeat top left;
	clear: both;
	float: left;
	min-height: 42px;
	width: 100%;
}

#projects #colour-scheme {
	margin-top: 10px;
}

#projects .project h3 {
	background:   url("../images/bg_proj-clsd.png") no-repeat left 5px;
	color: #00235e;
	display: inline;
	cursor: pointer;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 15px;
	margin: 15px 0 0 15px;
}

#projects .project.open h3 {
	background: url(imgs/bg_proj-opn.png) no-repeat left 5px;
}

#projects .project .progress {
	display: inline;
	float: right;
	height: 23px;
	margin: 15px 15px 0 0;
	width: 24px;
}

#projects .project .progress.done {
	background: url(imgs/bg_done.png) no-repeat 0 0;

}

#projects .project-detail {
	clear: both;
	float: left;
	padding: 12px 0 20px 30px;
	width: 433px;
}


/* 19.2 My Scrapbook */
#scrapbook-container {
	background:  url("../images/bg_scrap-top.png") no-repeat top left;	
	position: absolute;
	right: 0;
	width: 466px;
}

#scrapbook-body {
	background:   url("../images/bg_scrapbook.png") repeat 0 0;
	border: 1px solid #f5f4eb;
	margin: 18px 0 15px 15px;
	height: 410px;
	width: 433px;
}

#scrapbook-btm {
	background:   url("../images/bg_scrap-btm.png") no-repeat bottom left;
	height: 5px;
	width: 466px;
}

#scrapbook-body #head {
	background: #fcfced;
	float: left;
	width: 100%;
}

#scrapbook-body #head h2 {
	background:   url("../images/head-scrap.png") no-repeat 0 0;
	display: block;
	float: left;
	height: 29px;
	margin: 5px 0 0 10px;
	text-indent: -999em;
	width: 134px;
}

#scrapbook-body #head div.top-nav {
	display: block;
	float: right;
	margin-top: 14px;
}

#scrapbook-body #head div.top-nav a.first {
	border: none;
}

#scrapbook-body #head div.top-nav a {
	border-left: 1px solid #2d2d2d;
	font-weight: bold;
	margin: 10px 3px 0 0;
	padding-left: 7px;
}

#scrapbook-body #head ul {
	background:   url("../images/bg_scrap-nav.png") repeat-x 0 4px;
	clear: both;
	float: left;
	width: 100%;
}

#scrapbook-body #head ul li {
	background:   url("../images/bg_scrap-nav-div.png") no-repeat top left;
	border-top: 1px solid #e1e1d3;
	float: left;
	height: 28px;
	margin-top: 4px;
	padding: 0;
	width: 86px;
}

#scrapbook-body #body {
	float: left;
	height: 282px;
	width: 100%;
}

#scrapbook-body .tab {
	overflow: hidden;
	padding: 15px 0 0 15px;
}

#scrapbook-body #body .hidden {
	display: none;
}

#scrapbook-body #head ul li.first {
	background: none;
}

#scrapbook-body #head ul li.active {
	background: #fcfced;
	border: 1px solid #b8b8ad;
	border-bottom: none;
	height: 31px;
	margin-top: 0;
}

#scrapbook-body #head ul li.active a {
	color: #2d2d2d;
	font-weight: bold;
	text-decoration: none;
}

#scrapbook-body #head ul li a {
	float: left;
	font-weight: normal;
	text-align: center;
	margin: 7px 0 0 0;
	width: 100%;
}

#scrapbook-body ul#tab-nav {
	background: #fcfced;
	float: left;
	height: 27px;
	padding: 8px 11px 0 11px;
	width: 415px;
}

#scrapbook-body ul#tab-nav li{
	background: none;
	float: right;
	height: 14px;
	line-height: 19px;
	padding: 0 4px;
}


#scrapbook-body ul#tab-nav li a {
	color: #00235e;
	font-size: 1em;
}
#scrapbook-body ul#tab-nav li a:hover {
	text-decoration: none;
}
#scrapbook-body ul#tab-nav li.active a {
	color: #2d2d2d;
}
#scrapbook-body ul#tab-nav li.active {
	border: 1px solid #00235e;
	line-height: 11px;
	padding: 3px 5px 2px 5px;
}

#scrapbook-body ul#tab-nav li.prev {
	float: left;
}

#scrapbook-body ul#tab-nav li.prev a {
	background:   url("../images/btn-prev.png") no-repeat left 4px;
	padding-left: 15px;
}

#scrapbook-body ul#tab-nav li.next a {
	background:   url("../images/btn-next.png") no-repeat right 4px;
	padding-right: 15px;
}

/* 19.2a Scrapbook Colour */
#scrapbook-body #body .tab .color-swatch {
	float: left;
	margin: 0 30px 15px 0;
	position: relative;
	width: 140px;
}

#scrapbook-body #body .tab .color-swatch .tile-color{
	height: 46px;
	width: 140px;
}

/* 19.2b Scrapbook Scheme */
#scrapbook-body #body .tab .scheme {
	float: left;
	height: 100px;
	margin: 0 30px 15px 0;
	position: relative;
	width: 72px;
}

#scrapbook-body #body .tab .scheme .tile-color {
	height: 31px;
	width: 72px;
}

/* 19.2c Scrapbook Picutres */
#scrapbook-body #body .scrap-img {
	display: block;
	float: left;
	height: 91px;
	margin: 0 30px 15px 0;
	position: relative;
	width: 140px;
}

/* 19.2d Scrapbook Products */
#scrapbook-body #body .scrap-prod {
	float: left;
	height: 55px;
	margin: 0 30px 15px 0;
	padding: 10px;
	position: relative;
	width: 137px;
}

#scrapbook-body #body .scrap-prod img {
	float: left;
	margin-right: 10px;
}

#scrapbook-body #body p.prod-name,
#scrapbook-body #body p.prod-desc {
	font-size: 1em;
	float: left;
	margin: 0;
	width: 75px;
}

/* 19.2e Scrapbook Video */
#scrapbook-body #body .scrap-vid {
	float: left;
	height: 120px;
	margin: 0 30px 15px 0;
	position: relative;
	width: 140px;
}

#scrapbook-body #body .scrap-vid p.vid-name {
	float: left;
	font-size: 1em;
	margin: 2px 0;
}

#scrapbook-body #body .scrap-vid img {

}

/* 19.3 Removable */
#projects .removeable,
#scrapbook .removeable {
	position: relative;
}

.removeable a {
	background:   url("../images/bg_close.png") no-repeat 0 0;
	display: block;
	height: 11px;
	position: absolute;
	outline: none;
	right: -20px;
	text-indent: -999em;
	top: 1px;
	width: 11px;
}

/* 19.4 My Colour Scheme */
#colour-scheme #pageZoneProjectSchemeWrapper {
	border: 1px solid #d5d5cd;
	float: left;
	padding: 4px 4px 3px 4px;
	width: 142px;
}

#colour-scheme .empty #pageZoneProjectSchemeWrapper {
	background:   url("../images/plce_proj-scheme.png") no-repeat 4px 4px;
	height: 189px;
	width: 142px;
}


#colour-scheme #pageZoneProjectSchemeWrapper div {
	border-bottom: 1px solid #fff;
	height: 62px;
	padding-left:3px;
	width: 139px;
}

#colour-scheme #pageZoneProjectSchemeWrapper p {
	font-size: .9em;
	margin: 0;
}
	#colour-scheme #pageZoneProjectSchemeWrapper p.cat {
		font-size: .9em;
		padding:30px 0 0 0;
	}

#projects .buttons {
	float: right;
	margin: 54px 10px 0 0;
}	

#projects .buttons p {
	color: #8c8c8c;
	font-weight: bold;
}

#projects .buttons a{
	display: block;
	height: 32px;
	margin-bottom: 5px;
	outline: none;
	text-indent: -999em;
}

#colour-scheme .buttons a.col-wal {
	background:   url("../images/btn_col-wall.png") no-repeat 0 0;
	width: 135px;
}

#colour-scheme .buttons a.col-gal {
	background:   url("../images/btn_col-gal.png") no-repeat 0 0;
	width: 163px;
}

#colour-scheme .buttons a.col-for {
	background:   url("../images/btn_col-for.png") no-repeat 0 0;
	width: 161px;
}

/* 19.5 Visualise my Colour */
#my-colour .project-detail.empty div#img {
	background: url(imgs/plce_proj-vis-colour.png) no-repeat 0 0;
	min-height: 233px;
	overflow-x: hidden;
	width: 402px;
}

#my-colour .project-detail div#img{
	border: 1px solid #d5d5cd;
	overflow-x: hidden;
	width: 402px;
}

#my-colour .buttons a.edit-pic {
	background:   url("../images/btn_edit-pic.png") no-repeat 0 0;
	float: right;
	margin: 8px 28px 0 0;
	width: 126px;
}
/* 19.6 My Products */
#my-products #products {
	float: left;
	width: 240px;
}

#my-products #products .product.empty {
	background: url(imgs/plce_proj-prod.png) no-repeat 0 0;
}

#my-products #products .product {
	border: 1px solid #d5d5cd;
	height: 62px;
	margin-bottom: 15px;
	padding: 4px;
	width: 222px;
}

#my-products #products .product img {
	float: left;
	margin: 0 15px 0 5px;
}

#my-products #products .product p {
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}

#my-products #products .product p.prod-name {
	margin-top: 2px;
}

#my-products .buttons a.brow-prod {
	background:   url("../images/btn_brow-prod.png") no-repeat 0 0;
	width: 136px;
}

#my-products .buttons a.prod-sel {
	background:   url("../images/btn_prod-sel.png") no-repeat 0 0;
	width: 136px;
}

#my-products .buttons {
	margin: 146px 28px 0 0;
}

/* 19.7 Paint calculator */
#paint-calc #paint {
	float: left;
	width: 240px;
}

#paint-calc p#paint-res {
	background: #fbfbfb;
	border: 1px solid #d5d5cd;
	color: #2d2d2d;
	font-size: 1.2em;
	font-weight: bold;
	height: 130px;
	padding: 10px 0 0 0;
	text-align: center;
	width: 205px;
}

#paint-calc p#paint-res span.paint-litre {
	clear: both;
	color: #00235e;
	font-size: 8em;
	line-height: 90px;
}

#paint-calc #paint p.strong {
	color: #4e4e46;
	font-size: 1em;
	margin: 0;
}

#paint-calc #paint ul {
	margin: 0;
}

#paint-calc #paint ul li{
	color: #4e4e46;
	font-size: .8em;
}

#paint-calc p.calc-top {
	color: #8c8c8c;
	float: right;
	font-weight: bold;
	margin-right: 20px;
	width: 140px;
}

#paint-calc .buttons a.recalc {
	background:   url("../images/btn_recalc.png") no-repeat 0 0;
	margin-right: 30px;
	width: 120px;
}

/* 19.8 Closest Retailer */
#closest-retailer div.retailer {
	background: #fbfbfb;
	border: 1px solid #d5d5cd;
	float: left;
	height: 68px;
	padding: 12px 0 0 14px;
	width: 216px;
}

#closest-retailer div.retailer p {
	font-size: 1em;
	margin: 0;
}

#closest-retailer div.buttons a.ser-again {
	background:    url("../images/btn-search-again.gif") no-repeat 0 0;
	margin-right: 30px;
	width: 120px;
}

/* 19.9 Reciept Number */
#projects #receipt-number p {
	clear: right;
	display: block;
	float: left;
	margin: 0 30px 0 0;
	width: 185px;
}

#receipt-number label {
	color: #808073;
	font-weight: bold;
	float: left;
	margin: 48px 0 5px 0;
}

#receipt-number input {
	float: left;
	width: 155px;
}

#receipt-number input.submit {
	background:   url("../images/btn-search.png") no-repeat 0 0;
	border: none;
	clear: none;
	cursor: pointer;
	display: block;
	height: 21px;
	margin-left: 5px;
	text-indent: -999em;
	width: 21px;
}

#print-btm {
	padding-top: 20px;
}

/****************************************************************************************************************************
/** 20.0 Which Paint Where / Product Selector
/****************************************************************************************************************************/

/* 20.1 Product Selector Stage 1 */
#content-main.full #container-full.wpw {
	float: left;
	padding-top: 0;
	width: 100%;
}

#content-main.full ul.content-nav.wpw li.active {
	background: url("../images/bg_arr-wpw.gif") no-repeat 0 4px;
	color: #2d2d2d;
}
#content-main.full ul.content-nav.wpw li {
	background: url("../images/bg_arr-wpw-nm.gif") no-repeat 0 4px;
}

#content #content-main.full ul.content-nav.wpw li a {
	color: #9e9e94;
}

#content-main.full #container-full .prod-sel {
	background:    url("../images/bg-wpw-block.gif") no-repeat 0 0;
	float: left;
	height: 158px;
	margin: 15px 10px 0 0;
	padding: 15px 0 0 15px;
	width: 221px;
}

#content-main.full #container-full .prod-sel h4 {
	background:    url("../images/bg-calc-head.gif") no-repeat right 5px;
	color: #00235e;
	display: block;
	float: left;
	font-size: 1.1em;
	margin: 5px 0;
	padding-right: 10px;
}

/* 20.2 Product selector Stage 2 */
#content-main.full #container-full.wpw h2 {
	margin: 23px 0 5px 0;
	font-size:1.6em;
}

#content-main.full #container-full.wpw h1 {
	margin: 0 0 5px 0;
	color:#2D2D2D;
	display:block;
	font-size:1.9em;
	min-height:22px;
	width:440px;
}

#content-main.full #container-full.wpw img.proj-img {
	float: left;
	max-width: 400px;
	margin: 15px 10px 20px 0;
	border: 1px solid #ddd;
	padding: 10px;
	background: #f0f0f0;
	overflow: hidden;
}

#content-main.full #container-full.wpw #proj-itms {
	float: left;
	width: 350px;
}

#content-main.full #container-full.wpw #proj-itms p {
	margin: 0;
}

#content-main.full #container-full.wpw #proj-itms h3 {
	margin: 5px 0 5px 0;
}

#content-main.full #container-full.wpw #proj-itms h3.first {
	margin-top: 0;
}

#content-main.full #container-full.wpw #proj-itms select {
	width: 190px;
}

#content-main.full #container-full.wpw #proj-itms fieldset.radio {
	margin-bottom: 3px;
}

#content-main.full #container-full.wpw #proj-itms fieldset.radio input {
	float: left;
}

#content-main.full #container-full.wpw #proj-itms fieldset.radio label {
	float: left;
	margin: 2px 0 0 10px;
}

#content-main.full #container-full.wpw #proj-itms .view-prod {
	background:   url("../images/btn_view-prod.png") no-repeat 0 0;
	border: none;
	cursor: pointer;
	display: block;
	height: 31px;
	margin: 20px 0 0 0;
	text-indent: -999em;
	width: 120px;
}

#content-main.full #container-full.wpw #proj-itms div.dependant.hide {
	display: none;
}

#content-main.full #container-full.wpw #proj-itms div.dependant.show {
	display: block;
}
/* 20.3 Product selector Stage 3 */

#content-main.full #container-full.wpw #wpw-list {
	float: left;
	padding-top: 10px;
	width: 495px;
}


/****************************************************************************************************************************
/** 21.0 Generic Content Styles
/****************************************************************************************************************************/
a {
	color: #00235e;
}

#content-main a {
	color: #00235e;
	font-weight: bold;
	text-decoration: none;
}

#content #content-main a:hover {
	text-decoration: underline;
}

#content-main p a:hover {
	color: #3a99c0;
}
#content-main p {
	font-size: 1.1em;
	line-height: 1.7em;
	margin: 10px 0 12px 0;
}

#sub-content p {
	line-height: 1.3em;
}

h2 {
	clear: both;
	font-size: 1.8em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.1em;
}
p.login a.last,
ul#nav-main li ul li.first {
	border: none;

}
.bold,
.bolded a {
	font-weight: bold;
}

#content-main input {
	height: 19px;
	padding-top: 2px;
}	

fieldset {
	border: none;
}

p.color-name {
	min-height: 20px;
}

/****************************************************************************************************************************
/** 22.0 Overlay Styles
/****************************************************************************************************************************/

/* temp styles */
#overlay-container {
	display: block;
	margin: 0 auto;
	width: 430px;
}

/* End temp styles */


#overlay-container {
	background:   url("../images/bg_overlay-head-lft.png") no-repeat left top;
}

#overlay-container h1 {
	font-size: 2.0em;
}

#overlay-container #overlay-head {
	background:   url("../images/bg_overlay-head-rght.png") no-repeat right top;
	height: 35px;
	margin-left: 21px;
}

#overlay-container #overlay-head a {
	background:   url("../images/bg_overlay-close.png") no-repeat right top;
	color: #fff;
	display: block;
	float: right;
	font-size: 1em;
	height: 14px;
	margin: 12px 14px 0 0;
	padding-right: 20px;
	text-decoration: none;
}

#overlay-container #body-container {
	background:   url("../images/bg_overlay-body-lft.png") repeat-y left top;
}

#overlay-container #overlay-body {
	background:   url("../images/bg_overlay-body-rght.png") repeat-y right top;
	margin-left: 5px;
	padding: 15px 15px 10px 15px;
}

#overlay-container #overlay-bottom {
	background:   url("../images/bg_overlay-foot-lft.png") no-repeat 0 0;
	clear: both;
	height: 10px;
}

#overlay-bottom #overlay-bottom-stretch {
	background:   url("../images/bg_overlay-foot-rght.png") no-repeat right top;
	height: 10px;
	margin-left: 17px;
}

/* Next Step */
#overlay-container.alert-nextstep {
	width: 685px;
}

#overlay-container.alert-nextstep a.previous {
	background:   url("../images/btn_over-arr-left.png") no-repeat 0 0;
	float: left;
	height: 20px;
	margin: 5px 12px 0 0;
	text-indent: -999em;
	width: 23px;
}

#overlay-container.alert-nextstep a.next {
	background:   url("../images/btn_over-arr-right.png") no-repeat 0 0;
	float: left;
	height: 20px;
	margin: 5px 8px 0 0;
	text-indent: -999em;
	width: 23px;
}

#overlay-container.alert-nextstep div#overlay-proj {
	background:   url("../images/bg_over-divider.png") no-repeat right top;
	float: left;
	height: 154px;
	padding: 0;
	width: 280px;
}

#overlay-container.alert-nextstep div#overlay-proj p,
#overlay-container.alert-nextstep div#overlay-scrapbook p {
	width: 245px;
}

#overlay-container.alert-nextstep div#overlay-scrapbook {
	float: left;
	padding-left: 30px;
	width: 270px;
}

#overlay-container.alert-nextstep img.dog {
	display: block;
	margin: 10px auto;
}

#overlay-container.alert-nextstep div#divider {
	background:   url("../images/bg_overlay-divider.png") no-repeat 0 0;
	clear: both;
	float: left;
	height: 3px;
	margin: 10px 0;
	width: 99%;
}

#overlay-container.alert-nextstep a.start {
	background:   url("../images/btn_start-project.png") no-repeat 0 0;
	clear: both;
	display: block;
	height: 32px;
	margin: 0 auto;
	text-indent: -999em;
	width: 156px;
}

/* Added a product */
#overlay-container.alert-productadd {
	width: 430px;
}

#overlay-container.alert-productadd #overlay-body {
	padding: 30px 0 30px 48px;
}

#overlay-container.alert-productadd #overlay-body p {
	float: left;
	margin-right: 10px;
	padding: 8px 0 0 0;
	text-align: right;
	width: 52px;
}

#overlay-container #overlay-body a.btn {
	display: block;
	float: left;
	margin-bottom: 15px;
	text-indent: -999em;
}

#overlay-container.alert-productadd #overlay-body a.scheme {
	background:   url("../images/btn_over-vis-scheme.png") no-repeat 0 0;
	height: 32px;
	width: 165px;
}

#overlay-container.alert-productadd #overlay-body a.overlay-print {
	background:   url("../images/btn_over-print-list.png") no-repeat 0 0;
	height: 32px;
	width: 171px;
}

#overlay-container.alert-productadd #overlay-body p.overlay-login {
	clear: both;
	padding: 0;
	text-align: left;
	width: 340px;
}
/* Alert Generic */
#overlay-container.alert-generic {
	width: 430px;
}

#overlay-container.alert-generic #overlay-body a.ok {
	background:   url("../images/btn_ok.png") no-repeat 0 0;
	height: 31px;
	margin-right: 13px;
	width: 48px;
}

#overlay-container.alert-generic #overlay-body a.btn {
	margin: 15px 13px 0 0;
}


#overlay-container.alert-generic #overlay-body a.cancel {
	background:   url("../images/btn_cancel.png") no-repeat 0 0;
	height: 31px;
	width: 71px;
}

/****************************************************************************************************************************
/** 23.0 HomePages
/****************************************************************************************************************************/

#wrapper .applicator {
	background:   url("../images/bg_homepage-applicator.png") no-repeat top center;
}

#wrapper .home {
	background:     url("../images/bg-banner-home.jpg") no-repeat center top;
	height: 193px;
	width: 971px;
}

#wrapper .about {
	background:    url("../images/bg-banner-about.jpg") no-repeat center top;
	height: 193px;
	width: 971px;
}

#wrapper .sustainability {
	background:    url("../images/bg-banner-sustainability.jpg") no-repeat center top;
	height: 193px;
	width: 971px;
}

#wrapper .colour {
	background:    url("../images/bg-banner-colour.jpg") no-repeat center top;
	height: 193px;
	width: 971px;
}

#wrapper .project-gallery {
	background:    url("../images/bg-banner-project-gallery.jpg") no-repeat center top;
	height: 193px;
	width: 971px;
}

#wrapper .specification {
	background:    url("../images/bg-banner-specification.jpg") no-repeat center top;
	height: 193px;
	width: 971px;
}

#wrapper .tech-notes {
	background:    url("../images/bg-banner-tech-notes.jpg") no-repeat center top;
	height: 193px;
	width: 971px;
}

#wrapper .data-sheets {
	background:    url("../images/bg-banner-data-sheets.jpg") no-repeat center top;
	height: 193px;
	width: 971px;
}

#wrapper .contact-us {
	background:    url("../images/bg-banner-contact-us.jpg") no-repeat center top;
	height: 193px;
	width: 971px;
}

#wrapper .buy-pc {
	background:    url("../images/bg-banner-buy-pc.jpg") no-repeat center top;
	height: 193px;
	width: 971px;
}

#content div.homebox {
	background:   url("../images/bg_homepage-box-head.png") no-repeat 0 0;
	display: inline;
	float: left;
	
	padding: 15px 0 10px 25px;
	width: 452px;
}

#content div.homebox-container {
	background:   url("../images/bg_homepage-box-btm.png") no-repeat left bottom;
	float: left;
	margin: 300px 8px 0 0;
	padding-bottom: 11px;
}

#content div.homebox h2 {
	color: #00235e;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}

#content div.homebox ul {
	width: 285px;
}

#content div.homebox ul li {
	border-top: 1px solid #d4d3d0;
	list-style: none;
}

#content div.homebox ul li.first {
	border: none;
}

#content div.homebox ul li a {
	display: block;
	font-weight: bold;
	padding: 4px 0;
	text-decoration: none;
}

#content div.homebox ul li p {
	height: 22px; /* For empty lines */
}

hr {
	border: 0;
	width: 100%;
	margin: 13px 0 13px 0;
	background-color: #E3E3E3;
	height: 1px;
}

/****************************************************************************************************************************
/** 24.0 Colour Chips
/****************************************************************************************************************************/

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 460px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 100px;
	height: 100px;
}
ul.thumb li img {
	width: 85px; height: 85px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:  url("../images/thumb-bg.gif") no-repeat center center;  /* Image used as background on hover effect */
	border: none; /* Get rid of border on hover */
}

/****************************************************************************************************************************
/** 25.0 Main DPC ul
/****************************************************************************************************************************/

#dpclist {
	float: left;
	width: 495px;
	padding: 0;
}
#dpclist ul#list {
	margin-top: 5px;
}
#dpclist ul#list li {
	list-style: none;
	padding: 5px 0 5px 10px;
	margin-top: 8px;
	list-style-position: inside;
	border: 1px solid #ddd;
	background-color: #FFFFFF;
}
#dpclist ul#list li a {
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}
#dpclist ul#list li a:hover {
	color: #3a99c0;
}

/****************************************************************************************************************************
/** 26.0 MIO Table
/****************************************************************************************************************************/

#one-column-emphasis
{
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	margin: 10px 0 20px 0;
	width: 495px;
	text-align: center;
	border-collapse: collapse;
}
#one-column-emphasis td
{
	padding: 10px 10px;
	color: #2D2D2D;
	border-top: 1px solid #ddd;
}
.oce-first
{
	background: #f0f0f0;
}

/****************************************************************************************************************************
/** 27.0 Trade Centres Table
/****************************************************************************************************************************/

#hor-zebra
{
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 11px;
	margin: 10px 0 20px 0;
	width: 745px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 12px;
	font-weight: bold;
	padding: 2px 2px;
	color: #2D2D2D;
	text-transform: uppercase;
}
#hor-zebra td
{
	padding: 5px 3px 5px 3px;
	color: #2D2D2D;
}
#hor-zebra .odd
{
	background: #f0f0f0; 
}

/****************************************************************************************************************************
/** 28.0 Accordian
/****************************************************************************************************************************/
		
#vertical_container h1 {
	margin: 5px 0 5px 0px;
	color: #222222;
	font-size: 12px;
 	font-weight: bold;
}		
		
.accordion_toggle {
	display: block;
	height: 30px;
	width: 680px;
	background: #EEEEEE;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 10px;
	color: #222222;
	border-bottom: 1px solid #FBFBFB;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	background: #DDDDDD;
	color: #ffffff;
	border-bottom: 1px solid #FBFBFB;
}

.accordion_content {
	background-color: #FBFBFB;
	color: #222222;
	overflow: hidden;
}
	
.accordion_content h1 {
	margin: 5px 0 5px 0px;
	color: #222222;
	font-size: 12px;
}
	
.accordion_content p {
	line-height: 150%;
	padding: 0px 50px 0px 0px;
	font-size: 10px;
}

/****************************************************************************************************************************
/** 29.0 Links
/****************************************************************************************************************************/

#content-main.links #container-full.links {
	float: left;
	padding-top: 0;
	width: 745px;
}

/* 20.2 Product selector Stage 2 */
#content-main.links #container-full.links h2 {
	margin: 23px 0 5px 0px;
}

#content-main.links #container-full.links img.proj-img {
	float: right;
	max-width: 400px;
	margin: 25px 20px 15px 0;
	border: 1px solid #ddd;
	padding: 10px;
	background: #f0f0f0;
	overflow: hidden;
}

#content-main.links #container-full.links #proj-itms {
	float: left;
	width: 500px;
	margin: 0 20px 0 0;
}

#content-main.links #container-full.links #proj-itms p {
	margin: 0 0 0 0px;
}