@import url("//hello.myfonts.net/count/25a751");@import url("//hello.myfonts.net/count/25edc8");/**************************************************
/* 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
		3.7 Site Map
		
	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
		6.13 Acratex
		
	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
		11.1 Design Collection
	
	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 Shop
	
	24.0 Flash Pages
	
	25.0 Landing Pages
		25.1 Consumer Colour
		25.2 Consumer Products
		25.3 IE6 upgrade warning
		25.4 Colour Booklets
	
	26.0 Laminex Colour Schemes Booklet Form
	
	27.0 Easter Promo Form - Dulux Greatest Hits	
	
	29.0 World of Colour - Red Heart Blue Shore

/**************************************************
/** 1.0 General Layout Styles 
/**************************************************/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

html,
body {
	background: #fbfbfb url(bg_body.jpg) repeat-x 0 0;
	color: #2d2d2d;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 82.5%;
	height: 100%;
	margin: 0; /* Fix shops style sheet adding a margin */
}

.clear {
	clear: both;
	height: 0;
}

.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: 17px;
}

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

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

/*****************/

/* 1.1 Sticky Footer */

/*****************/

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

/****************************************************************************************************************************
/** 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/refresh2014/btn-specifier.png) no-repeat 0 0;
}

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

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

/*************
/* 2.2 Logo */

/*************/

a.logo {
	background: url(/images/refresh2014/dulux-logo.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 61px;
	margin-top: 27px;
	text-indent: -999em;
	width: 141px;
}

/*************
/* 2.3 Specifiers & Applicators */

/*************/

#header.alternate #login-container {
	background: url(/images/refresh2014/bg_login-container.png) no-repeat top left;
	float: left;
	margin: 27px 0 0 13px;
	padding: 0 0 0 1px;
	min-height: 58px;
}

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

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

#header.alternate #login-container #login-details {
	padding: 0;
}

/* 2.3a For Specifiers */

#header.alternate #login-container span.spec-title {
	background: url(/images/refresh2014/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/refresh2014/head-applicator.png) no-repeat 0 0;
	display: block;
	height: 21px;
	margin: 23px 0 0 0;
	text-indent: -999em;
	width: 159px;
}

/*************
/* 2.4 Login */

/*************/

#login-details {
	float: left;
	padding: 0 0 0 1px;
}

p.login {
	float: left;
	margin: 36px 0 0 32px;
}

p.login-links {
	clear: left;
	float: left;
	margin: 5px 0 0 32px;
}

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

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

p.login-links a.first {
	padding-left: 0;
}

p.login-links a.last {
	border-right: 0;
}

/*************
/* 2.5 Search */

/*************/

.search-box {
	clear: right;
	float: right;
	padding-top: 16px;
	width: 280px;
}

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

.search-box fieldset {
	border: none;
}

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

/****************************************************************************************************************************
/** 3.0 Navigation
/****************************************************************************************************************************/

#nav {
	border-bottom: 1px solid #b0b0a9;
	clear: both;
	margin-top: 13px;
	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/refresh2014/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/refresh2014/nav-main.png') no-repeat 0 -26px;
}

ul#nav-main.main li a.nav2 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -63px -83px;
	width: 81px;
}

ul#nav-main.main li.active a.nav2 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -63px -135px;
}

ul#nav-main.main li a.nav3 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -139px 0;
	width: 102px;
}

ul#nav-main.main li.active a.nav3 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -139px -52px;
}

ul#nav-main.main li a.nav4 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -230px 0;
	width: 100px;
}

ul#nav-main.main li.active a.nav4 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -230px -52px;
}

ul#nav-main.main li a.nav5 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -320px 0;
	width: 109px;
}

ul#nav-main.main li.active a.nav5 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -320px -52px;
}

ul#nav-main.main li a.nav6 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -619px -166px;
	width: 100px;
}

ul#nav-main.main li.active a.nav6,
ul#nav-main.main li a.nav6:hover {
	background: url('/images/refresh2014/nav-main.png') no-repeat -619px -192px;
}

/******************************/

/* 3.3 Main Nav Class = SPECIFIER */

/******************************/

ul#nav-main.spec li a.nav2 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -63px -83px;
	width: 81px;
}

ul#nav-main.spec li.active a.nav2 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -63px -135px;
}

ul#nav-main.spec li a.nav3 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -143px -83px;
	width: 112px;
}

ul#nav-main.spec li.active a.nav3 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -143px -135px;
}

ul#nav-main.spec li a.nav4 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -254px -83px;
	width: 195px;
}

ul#nav-main.spec li.active a.nav4 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -254px -135px;
}

ul#nav-main.spec li a.nav5 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -456px -109px;
}

ul#nav-main.spec li a.nav6 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -574px -83px;
	width: 101px;
}

ul#nav-main.spec li.active a.nav6 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -574px -135px;
}

ul#nav-main.spec li a.nav7 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -674px -83px;
	width: 71px;
}

ul#nav-main.spec li.active a.nav7,
ul#nav-main.spec li a.nav7:hover {
	background: url('/images/refresh2014/nav-main.png') no-repeat -674px -109px;
}

/******************************/

/* 3.4 Main Nav Class = Applicator */

/******************************/

ul#nav-main.app li a.nav2 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -63px -166px;
	width: 81px;
}

ul#nav-main.app li.active a.nav2 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -63px -218px;
}

ul#nav-main.app li a.nav3 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -144px -166px;
	width: 80px;
}

ul#nav-main.app li.active a.nav3 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -144px -218px;
}

ul#nav-main.app li a.nav4 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -224px -166px;
	width: 111px;
}

ul#nav-main.app li.active a.nav4 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -224px -218px;
}

ul#nav-main.app li a.nav5 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -336px -166px;
	width: 194px;
}

ul#nav-main.app li.active a.nav5 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -336px -218px;
}

ul#nav-main.app li a.nav6 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -530px -166px;
	width: 89px;
}

ul#nav-main.app li.active a.nav6 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -530px -218px;
}

ul#nav-main.app li a.nav7 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -619px -166px;
	width: 100px; /* 125px if has child */
}

ul#nav-main.app li.active a.nav7 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -619px -218px; ----- use this if has children */
	background: url('/images/refresh2014/nav-main.png') no-repeat -619px -192px;
}

/*************
/* 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;
}

#nav ul#nav-sub li {
	float: left;
	list-style: none;
}

#nav ul#nav-sub li.first a {
	padding: 0;
}

#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;
}

/*************	
/* 3.7 Site Map */

/*************/

#content-main ul.sitemap {
	margin: 10px 0 0 25px;
	padding: 0;
}

#content-main ul.sitemap li {
	background: none;
	border-bottom: 1px solid #B0B0A9;
	color: #00235E;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	list-style: decimal-leading-zero;
}

#content-main ul.sitemap ul {
	margin: 0 0 5px 10px;
}

#content-main ul.sitemap ul li {
	border: none;
	font-weight: normal;
	list-style: lower-alpha;
	margin: 0;
}

#content-main ul.sitemap ul ul {
	margin: 0 0 5px 10px;
}

#content-main ul.sitemap ul ul li {
	list-style: lower-roman;
}

#content-main ul.sitemap ul ul ul {
	margin: 0 0 0 10px;
}

#content-main ul.sitemap ul ul ul li {
	list-style: decimal;
}

#content-main ul.sitemap ul ul ul ul {
	margin: 0 0 0 10px;
}

#content-main ul.sitemap ul ul ul ul li {
	list-style: lower-alpha;
}

/****************************************************************************************************************************
/** 4.0 Breadcrumbs
/****************************************************************************************************************************/

ul#breadcrumbs {
	border-bottom: 1px solid #b0b0a9;
	height: 24px;
	padding: 0 7px;
}

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

ul#breadcrumbs li a {
	background: url(/images/refresh2014/a-bcrumb.png) 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.8em;
	font-weight: bold;
	margin-top: 3px;
	min-height: 18px;
	padding: 0 0 0 6px;
}

#sidebar ul#side-nav {
	border-top: 1px solid #b0b0a9;
	margin-top: 0;
}

#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/refresh2014/a-sdbr-act.png') no-repeat right 6px;
	padding-right: 7px;
}

/*************	
/* 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/refresh2014/a-sdbr-act.png') no-repeat right 5px;
}

#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/refresh2014/a-sdbr-act.png') 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: 415px;
}

#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;
	padding-top: 6px;
	width: 480px;
}

#content-main h1 {
	color: #2d2d2d;
	display: block;
	font-size: 2.2em;
	width: 400px;
}

#content #content-main.full h1 {
	width: 100%;
}

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

div.addable img {
	visibility: hidden;
}

#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: 0;
	width: 495px;
}

#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 div.img-col2.last {
	margin-left: 0;
}

#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 ul {
	margin: 13px 0 10px 0;
}

#content-main ul li {
	background: url('/images/refresh2014/bg-li.png') no-repeat left 5px;
	list-style: none;
	padding-left: 10px;
}

#content-main ol {
	margin: 3px 0 10px 18px;
}

#content-main ol,
#content-main ul {
	font-size: 1em;
}

a.bck-top {
	background: url('/images/refresh2014/bg-top.png') 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/refresh2014/bg_results-head.jpg') repeat-x 0 0;
	border: none;
	margin: -22px 0 40px 0;
	padding: 0;
}

#content-main.search #results-header {
	clear: both;
	height: 119px;
	margin-top: 5px;
	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 p {
	margin-left: 6px;
}

#content.full #content-main #spaces {
	border-bottom: 1px solid #b9b9b2;
	margin-bottom: 25px;
	padding: 0 6px;
}

#content.full #content-main.borderless,
#content.full #content-main.flash {
	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: 966px;
}

#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: 5px 15px 11px 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/refresh2014/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/refresh2014/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;
}

#spaces #space-swatchs .swatch.white {
	color: #fff;
}

#spaces #space-swatchs .swatch.black {
	color: #000;
}

.space-img {
	background: #fff;
	float: left;
	margin: 0 12px 10px 0;
}

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;
	line-height: 17px;
	margin-top: 2px;
	text-decoration: none;
	_width: 26px; /*For the sanity of ie6 */
}

ul#gallery-nav li.prev a {
	background: url(/images/refresh2014/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/refresh2014/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/refresh2014/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/refresh2014/slider-red.png) no-repeat 0 0;
}

#content #content-main #hue-slider a.yellow {
	background: url(/images/refresh2014/slider-yellow.png) no-repeat 0 0;
	color: #2d2d2d;
}

#content #content-main #hue-slider a.green {
	background: url(/images/refresh2014/slider-green.png) no-repeat 0 0;
}

#content #content-main #hue-slider a.blue {
	background: url(/images/refresh2014/slider-blue.png) no-repeat 0 0;
}

#content #content-main #hue-slider a.brown {
	background: url(/images/refresh2014/slider-brown.png) no-repeat 0 0;
}

#content #content-main #hue-slider a.orange {
	background: url(/images/refresh2014/slider-orange.png) no-repeat 0 0;
}

#content #content-main #hue-slider a.neutral {
	background: url(/images/refresh2014/slider-neutral.png) no-repeat 0 0;
	color: #2d2d2d;
}

#content #content-main #hue-slider a.purple {
	background: url(/images/refresh2014/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 {
	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/refresh2014/bg_results-foot.jpg) repeat-x 0 0;
	height: 104px;
	padding: 0 6px;
}

#results-footer a.prev {
	background: url(/images/refresh2014/btn-prev.png) no-repeat 0 4px;
	float: left;
	padding-left: 15px;
}

#results-footer a.next {
	background: url(/images/refresh2014/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 .main-form #buttons {
	display: inline;
	float: left;
	margin-left: 243px;
	padding: 10px 0 0 0;
}

#content div.col3-form .main-form #buttons.far-right {
	display: inline;
	margin-left: 325px;
}

#content div.col3-form .main-form #buttons input.book-consult,
#content div.col3-form .main-form #buttons input.cancel {
	clear: none;
	float: left;
	margin: 0 10px 0 0;
}

#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 textarea {
	float: left;
	width: 220px;
}

#content fieldset.main-form fieldset.pref-contact {
	clear: both;
	padding: 0 0 10px;
}

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

#content fieldset.main-form label.full {
	width: 466px;
}

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

#content fieldset.main-form fieldset.pref-contact table td {
	height: 18px;
}

#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/refresh2014/btn_submit.png) no-repeat 0 0;
	border: none;
	display: inline;
	float: right;
	height: 30px;
	margin: 15px 128px 0 0;
	text-indent: -999em;
	width: 75px;
}

#content span.req {
	background: url(/images/refresh2014/bg_form-req.png) no-repeat 0 0;
	color: #808073;
	display: block;
	font-weight: bold;
	float: left;
	height: 6px;
	margin: 8px 0 0 5px;
	text-indent: -999em;
	width: 4px;
}

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

/*************/

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

#content-main.form .log-in {
	background: url(/images/refresh2014/bg_login.png) no-repeat 0 0;
	height: 258px;
	padding: 14px 30px 10px 18px;
	width: 431px;
}

#content-main.form .log-in p {
	margin-top: 0;
}

#content-main.form .log-in .main-form label {
	width: 105px;
}

#content-main.form .log-in .main-form input {
	width: 200px;
}

#content-main.form .log-in .main-form input.btn-login {
	background: url(/images/refresh2014/btn_login.png)	no-repeat 0 0;
	border: none;
	clear: both;
	cursor: pointer;
	float: left;
	height: 31px;
	margin-left: 105px;
	text-indent: -999em;
	width: 72px;
}

#content-main.form .log-in .main-form a.forgot {
	float: left;
	margin: 8px 0 0 20px;
	width: 200px;
}

#content-main.form div.not-member {
	float: right;
	padding: 24px 150px 0 0;
	width: 320px;
}

#content-main.form div.not-member a {
	background: url(/images/refresh2014/bg_arrow-link.png) no-repeat right 5px;
	font-size: 15px;
	font-weight: bold;
	padding-right: 15px;
}

#content #content-main.form div.not-member a:hover {
	color: #3b99c0;
	text-decoration: none;
}

#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 {
	border-bottom: 1px solid #e8e8df;
	clear: both;
	display: block;
	float: left;
	padding: 4px 0;
	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 {
	background: url(/images/refresh2014/bg_close.png) no-repeat 0 1px;
	display: block;
	font-size: 1em;
	float: left;
	padding-left: 15px;
}

#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/refresh2014/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 input.cancel {
	background: url(/images/refresh2014/btn_cancel.png) no-repeat 0 0;
	border: none;
	clear: both;
	display: inline;
	float: right;
	height: 31px;
	margin: 0 226px 10px 0;
	text-indent: -999em;
	width: 71px;
}

#content span.form-info {
	clear: left;
	display: block;
	width: 210px;
}

#content fieldset.main-form input.send-email {
	background: url(/images/refresh2014/btn_send-email.png) no-repeat 0 0;
	border: none;
	clear: both;
	display: inline;
	float: right;
	height: 32px;
	margin: 0 193px 10px 0;
	width: 104px;
}

#content fieldset.main-form input.register {
	background: url(/images/refresh2014/btn_register.png) no-repeat 0 0;
	border: none;
	display: inline;
	cursor: pointer;
	float: right;
	height: 31px;
	margin: 20px 36px 10px 0;
	text-indent: -999em;
	width: 83px;
}

#content fieldset.main-form fieldset.radio {
	clear: both;
	padding: 0 0 10px 0;
}

#content fieldset.main-form fieldset.radio table tr {
	clear: both;
	margin-bottom: 2px;
}

#content fieldset.checkboxes table tr td {
	padding: 5px 20px 5px 0;
}

#content fieldset.checkboxes table tr td input {
	margin-right: 5px;
}

#content fieldset.checkboxes span.header {
	font-weight: bold;
}

#content fieldset.checkboxes textarea {
	display: block;
	height: 80px;
	margin-top: 5px;
	width: 100%;
}

#content fieldset.checkboxes hr {
	margin-bottom: 10px;
}

#content fieldset.checkboxes fieldset.radio {
	padding: 5px 0;
}

#content fieldset.checkboxes fieldset.radio input {
	float: left;
	margin-right: 5px;
}

#content fieldset.checkboxes fieldset.radio label {
	clear: none;
	color: #808073;
	display: block;
	float: left;
	font-size: 1em;
	line-height: normal;
	width: 470px;
}

/*************	
/* 6.9a Member Login Box */

/*************/

#content.full #member-login {
	background: url(/images/refresh2014/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/refresh2014/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;
	float: left;
	min-height: 22px;
	padding: 12px 0 18px 0;
	width: 100%;
}

#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/refresh2014/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;
	width: 440px;
}

#content-main ul.category-list li p {
	float: right;
	margin-bottom: 0;
	width: 440px;
}

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

#content-main ul.category-list li.expanded h2 {
	background: url(/images/refresh2014/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;
	float: none;
	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: 19px;
	margin-right: 10px;
	width: 151px;
}

fieldset#retailer-search input.btn-search {
	background: url(/images/refresh2014/btn-search.png) no-repeat 0 2px;
	border: 0;
	height: 23px;
	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 #acratex-results {
	border-top: 1px solid #b9b9b2;
	margin: 0 auto;
	margin-top: 15px;
	padding-top: 15px;
	width: 100%;
}

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

#content #acratex-results #acratex-column {
	float: right;
}

#content #acratex-results #acratex-column h4 {
	margin: 0 0 10px 0;
}

#content #acratex-results #acratex-column table {
	margin-bottom: 15px;
}

#content #acratex-results #acratex-column table td {
	vertical-align: top;
}

#content #acratex-results #acratex-column td.acratex-lable {
	padding: 3px 20px 0 15px;
}

#content #acratex-results #map-results {
	border: 1px solid #bcbcb5;
	height: 424px;
	width: 416px;
}

#content #acratex-results #map-results p {
	font-size: 1em;
}

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

#content #acratex-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 #acratex-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 #acratex-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;
}

#content #acratex-results ul li div.acratex-result {
	float: right;
	font-weight: normal;
	font-size: 1em;
	padding: 13px 13px 0 13px;
	width: 254px;
}

#content #acratex-results ul li div.acratex-result img {
	float: left;
	margin: 3px 5px 0 0;
}

/*************	
/* 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/refresh2014/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/refresh2014/btn-prev.png) no-repeat left 4px;
	padding-left: 15px;
}

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

/*************	
/* 6.13 Acratex */

/*************/

#content #container-half {
	width: 485px;
}

#content #container-half h2 {
	clear: none;
}

#hero-image {
	margin-bottom: 20px;
}

#content #container-half p.intro {
	width: 100%;
}

#content-main ul.nav-large {
	float: right;
	padding: 0 25px 0 0;
	margin: 0;
	width: 240px;
}

#content-main ul.nav-large li {
	background: none;
	border-top: 1px solid #bdbdb7;
	margin-bottom: 12px;
	padding: 12px 0 0 0;
}

#content-main ul.nav-large li.first {
	border: none;
	padding: 0;
}

#content-main ul.nav-large li a {
	background: url(/images/refresh2014/bg_arr-nav-lg.png) no-repeat right 6px;
	color: #00235e;
	font-size: 15px;
	font-weight: bold;
	padding-right: 10px;
}

#content #content-main ul.nav-large li a:hover {
	color: #3a99c0;
	text-decoration: none;
}

/****************************************************************************************************************************
/** 7.0 Sub Content
/****************************************************************************************************************************/

#sub-content {
	float: left;
	padding: 0 0 0 20px;
}

#sub-content.sub-thin {
	width: 140px;
}

#sub-content.sub-norm {
	width: 210px;
	padding-left: 36px;
}

#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: 1em;
	font-weight: bold;
	height: 19px;
	margin-top: 45px;
}

#sub-content p.facts {
	color: #0066cc;
	font-weight: bold;
	font-size: 1.3em;
	width: 230px;
}

/****************************************************************************************************************************
/** 8.0 Form Validation
/****************************************************************************************************************************/

.error-alert {
	background: url(/images/refresh2014/bg_alert.png) no-repeat 17px 17px;
	border: 1px solid #e8bbb2;
	margin: 10px 0 10px 0;
	min-height: 55px;
	padding: 9px 7px 7px 85px;
	width: 446px;
}

#booklet-form .error-alert {
	background: #fff url(/images/refresh2014/bg_alert.png) no-repeat 17px 17px;
	border: 1px solid #e8bbb2;
	margin: 10px 0 10px 0;
	min-height: 55px;
	padding: 9px 7px 7px 85px;
	width: 295px;
}

#booklet-form .error-alert h3 {
	font-size: 12px;
	margin-bottom: 15px;
}

#booklet-form .error-alert ul li {
	font-size: 11px;
}

.error-small {
	width: 215px;
}

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

#content-main .error-alert ul li,
#booklet-form .error-alert ul li,
#hits-form .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;
}

#hits-form .error-alert {
	background: #fff url(/images/refresh2014/bg_alert.png) no-repeat 17px 17px;
	border: 2px solid #C84329;
	margin: 10px 0 10px 0;
	min-height: 55px;
	padding: 9px 7px 7px 85px;
	width: 295px;
}

#hits-form .error-alert h3 {
	font-size: 12px;
	margin-bottom: 15px;
}

#hits-form .error-alert ul li {
	font-size: 11px;
}

/* Validation Locations */

.three-col.error-alert,
.col3-form .error-alert {
	width: 403px;
}

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

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

/* 9.1 Calculator Home Page */

#container-full .calc-proj {
	background: url(/images/refresh2014/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/refresh2014/bg_calc-head.png) no-repeat right 5px;
	color: #00235e;
	cursor: pointer;
	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/refresh2014/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 {
	border-bottom: 1px solid #b0b0a9;
	border-top: 1px solid #b0b0a9;
	margin: 5px 0 15px 0;
	padding: 10px 0 15px 0;
}

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

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

#content-main.full ul.content-nav li {
	background: url(/images/refresh2014/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/refresh2014/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: 7px 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;
	margin-top: 4px;
}

#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/refresh2014/frm-sub-calc.png) no-repeat 0 0;
	display: block;
	width: 87px;
	height: 31px;
	margin: 15px 0 62px 0;
	padding: 0;
	border: 0;
	text-indent: -999em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand;
}

#content-main.full #container-full #column-one input.recalculate {
	background: url(/images/refresh2014/frm-sub-recalc.gif) no-repeat 0 0;
	display: block;
	width: 101px;
	height: 31px;
	margin: 15px 0 62px 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/refresh2014/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;
}

#content div.video img {
	margin: 17px 0 6px 0; /*	padding: 5px;*/
}

#content div.video-add {
	background: url(/images/refresh2014/a-vid-bg.png) no-repeat 8px 8px;
	border: 1px dashed #646464; /*	height: 31px;*/
	min-height: 35px;
	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;
}

#content div.video-add p {
	float: left;
	width: 60%;
}

#content div.video-add p.sml {
	color: #656565;
	float: right;
	font-size: .9em;
	margin-right: 10px;
	width: auto;
}

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

#content.color .colour-cat {
	background: url(/images/refresh2014/bg_wpw-block.png) 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/refresh2014/bg_calc-head.png) no-repeat right 5px;
	color: #00235e;
	display: block;
	float: left;
	font-size: 1.3em;
	margin: 5px 0;
	padding-right: 10px;
}

/****************************************************************************************************************************
/** 11.1 Design Collection
/****************************************************************************************************************************/

#content.color .design-collection-categories {
	background: url(/images/refresh2014/bg_wpw-block.png) no-repeat 0 0;
	float: left;
	height: 158px;
	margin: 0 4px 5px 0;
	padding: 15px 0 0 15px;
	width: 221px;
}

#content.color .design-collection-categories.margin-none {
	margin-right: 0;
}

#content.color .design-collection-categories h4.right {
	background: url(/images/refresh2014/bg_calc-head.png) no-repeat right 3px;
	color: #00235e;
	float: left;
	font-size: 1.1em;
	margin: 5px 12px 5px 0;
	padding-right: 10px;
	text-transform: uppercase;
	float: right;
	text-align: right;
}

#content.color .design-collection-categories h4.left {
	background: url(/images/refresh2014/bg_calc-head.png) no-repeat right 3px;
	color: #00235e;
	float: left;
	font-size: 1.1em;
	margin: 5px 0;
	padding-right: 10px;
	text-transform: uppercase;
	float: left;
	text-align: left;
}

#content.color .design-collection-categories h3 {
	text-align: center;
	padding: 0 17px 8px 0;
	color: #595a5c;
}

/****************************************************************************************************************************
/** 12.0 List Page Layout (search)
/****************************************************************************************************************************/

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

/****************************************************************************************************************************
/** 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/refresh2014/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;
}

/* Added 21.08 for bug #856 */

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

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

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

#sub-content p.facts {
	width: 190px;
}

/*********************************************/

/** 13.0 Product Description template
/*********************************************/

#product-detil-content {
	float: left;
	width: 410px;
}

#product-detil-content p.intro {
	width: 395px;
}

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

#content-main.full #sub-content h4 {
	clear: both;
	margin-top: 10px;
}

#content-main.full #sub-content select {
	width: 100%;
}

#content-main.full #sub-content fieldset {
	margin: 7px 0 20px;
}

#content-main a.prod-det-back {
	display: block;
	margin-bottom: 10px;
}

#product-detil-content p.prod-code,
#product-detil-content p.prod-app {
	color: #4e4e46;
	font-size: 1em;
	margin: 0;
}

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

#product-detil-content 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 {
	clear: both;
	margin-top: 10px;
}

a.pdf {
	background: url(/images/refresh2014/ico-pdf.png) no-repeat 0 0;
	clear: both;
	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/refresh2014/bg-footer.png) no-repeat 16px 0;
	height: 90px;
	margin: 0 auto;
	padding: 46px 6px 83px 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: 21px;
	margin-right: 10px;
	text-indent: -999em;
}

#footer ul#promo-nav a.pnav-pro-coat {
	background: url(/images/refresh2014/btn-protective-coat.png) no-repeat 0 0;
	width: 137px;
}

#footer ul#promo-nav a.pnav-pow-coat {
	background: url(/images/refresh2014/btn-powder-coat.png) no-repeat 0 0;
	width: 122px;
}

#footer ul#promo-nav a.pnav-acratex {
	background: url(/images/refresh2014/btn-acratex.png) no-repeat 0 0;
	width: 63px;
}

#footer ul#promo-nav a.pnav-auto-refin {
	background: url(/images/refresh2014/btn_auto-refin.png) no-repeat 0 0;
	width: 97px;
}

#footer ul#promo-nav a.pnav-intergrain {
	background: url(/images/refresh2014/btn_intergrain.png) no-repeat 0 0;
	width: 81px;
}

#footer ul#promo-nav a.pnav-envirosolutions {
	background: url(/images/refresh2014/btn-envirosolutions.png) no-repeat 0 0;
	width: 119px;
}

#footer img.aus-made {
	margin: 14px 0 0 16px;
}

/****************************************************************************************************************************
/** 15.0 Dock
/****************************************************************************************************************************/

#dock-wrap {
	background: url(/images/refresh2014/bg-dock.png) no-repeat right bottom;
	bottom: 0;
	height: 53px;
	position: fixed;
	width: 100%; /*z-index: 2;*/
}

#dock {
	background: url(/images/refresh2014/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: 2px 0 0 0;
}

#dock a {
	text-decoration: none;
}

#dock h4 {
	color: #00235E;
	display: inline;
	float: left;
	margin-right: 10px;
}

#dock h4 a:hover {
	text-decoration: none;
}

#dock a:hover {
	text-decoration: underline;
}

#dock #project,
#dock #scrapbook {
	position: absolute;
	background: url(/images/refresh2014/btn-dock.png) no-repeat 0 0;
	display: block;
	height: 290px;
	overflow: hidden;
	padding: 20px 0 0 12px;
	width: 239px;
}

#dock #scrapbook {
	margin-left: 251px;
}

#dock a.my-project,
#dock a.my-scrapbook {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0 10px 0 0;
	width: 100%;
}

#dock a.my-scrapbook {
	width: 100px;
}

#dock a.my-project:hover,
#dock a.my-scrapbook:hover {
	text-decoration: none;
}

#project p {
	margin-top: 15px;
}

/****************************************************************************************************************************
								/** 15.1 dockDropzones
								/****************************************************************************************************************************/

.dockDropzones {
	position: absolute;
	left: 29px;
	top: 53px;
	width: 169px;
	height: 150px;
}

#dockProjectColoursWrapper,
#dockZoneProjectScheme,
#dockZoneProjectColourCollection,
#dockZoneScrapbookScheme {
	display: none;
	width: 167px;
	height: 148px;
	border: 1px solid #CCC;
}

#dockProjectColoursWrapper {
	background-image: url(/images/refresh2014/bg-droptarget-colourset.gif);
}

#dockZoneProjectScheme,
#dockZoneProjectColourCollection,
#dockZoneScrapbookScheme {
	background-image: url(/images/refresh2014/bg-droptarget-schemeset.gif);
}

#dockZoneProjectColour1,
#dockZoneProjectColour2,
#dockZoneProjectColour3 {
	width: 167px;
	height: 48px;
	border-bottom: 1px solid #CCC;
}

#dockZoneProjectProduct,
#dockZoneProjectCalculation,
#dockZoneProjectRetailer,
#dockZoneScrapbookColour,
#dockZoneScrapbookProduct,
#dockZoneScrapbookPicture,
#dockZoneScrapbookVideo {
	display: none;
	width: 167px;
	height: 81px;
	margin-top: 33px;
	border: 1px solid #CCC;
}

#dockZoneProjectProduct {
	background-image: url(/images/refresh2014/bg-droptarget-product.gif);
}

#dockZoneProjectCalculation {
	background-image: url(/images/refresh2014/bg-droptarget-calculation.gif);
}

#dockZoneProjectRetailer {
	background-image: url(/images/refresh2014/bg-droptarget-retailer.gif);
}

#dockZoneScrapbookColour {
	background-image: url(/images/refresh2014/bg-droptarget-colour.gif);
}

#dockZoneScrapbookProduct {
	background-image: url(/images/refresh2014/bg-droptarget-product.gif);
}

#dockZoneScrapbookPicture {
	background-image: url(/images/refresh2014/bg-droptarget-picture.gif);
}

#dockZoneScrapbookVideo {
	background-image: url(/images/refresh2014/bg-droptarget-video.gif);
}

/****************************************************************************************************************************
								/** 15.2 Dragged icons
								/****************************************************************************************************************************/

#dragged {
	position: absolute;
	display: none;
	width: 81px;
	height: 81px;
	background: transparent url(/images/refresh2014/dragged-shadow.png) no-repeat !important;
	background: transparent url(/images/refresh2014/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/refresh2014/typecursor-product.gif);
}

#dragged .picture {
	background: #FFF url(/images/refresh2014/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/refresh2014/typecursor-video.gif);
}

#dragged .retailer {
	background: #FFF url(/images/refresh2014/typecursor-retail.gif);
}

/*********************************************/

/** 16.0 Heading/Category  Colours
/*********************************************/

#sub-content p.prod-spec,
#sidebar h2.prod-spec {
	color: #7d3312;
}

/*********************************************/

/**16.1 Header Images
/*********************************************/

#header-img {
	height: 262px;
	margin: 10px 0 30px 0;
	width: 100%;
}

/*********************************************/

/** 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(/images/refresh2014/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;
	float: left;
	margin: 25px 0;
	padding: 12px 0 30px 0;
	width: 100%;
}

a img {
	border: none;
}

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

div#gallery div.img-wrap {
	float: left;
	margin: 15px 30px 0 0;
	min-height: 82px;
}

#content-main .color-tile.margin-none {
	margin-right: 0;
}

div#gallery div.img-wrap.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/refresh2014/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/refresh2014/bg_proj-bdy.png) 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/refresh2014/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;
	float: left;
	font-style: italic;
	margin: 10px 0 0 15px;
	padding: 0 0 0 10px;
	width: 190px;
}

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

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

#projects a.print-shop-list {
	background: url(/images/refresh2014/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/refresh2014/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/refresh2014/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/refresh2014/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(/images/refresh2014/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(/images/refresh2014/bg_done.png) no-repeat 0 0;
}

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

/* 19.2 My Scrapbook */

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

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

#scrapbook-btm {
	background: url(/images/refresh2014/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/refresh2014/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/refresh2014/bg_scrap-nav.png) repeat-x 0 4px;
	clear: both;
	float: left;
	width: 100%;
}

#scrapbook-body #head ul li {
	background: url(/images/refresh2014/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 {
	height: 316px;
	overflow: hidden;
	padding: 15px 0 0 15px;
	position: relative;
}

#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;
	bottom: 1px;
	float: left;
	height: 27px;
	left: 0;
	padding: 8px 11px 0 11px;
	position: absolute;
	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/refresh2014/btn-prev.png) no-repeat left 4px;
	padding-left: 15px;
}

#scrapbook-body ul.tab-nav li.next a {
	background: url(/images/refresh2014/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;
}

#scrapbook-body #body .scrap-img img {
	height: 91px;
}

/* 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;
	height: 50px;
	margin-right: 10px;
	width: 50px;
}

#scrapbook-body #body div.addable div.img img { /* Overrides the visibility: hidden on div.addable img that stopped product images appearing in scrapbook - 19.10.09 */
	visibility: visible;
}

#scrapbook-body #body p.prod-name,
#scrapbook-body #body p.prod-desc {
	font-size: 1em;
	float: right;
	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;
}

/* 19.3 Removable */

#projects .removeable,
#scrapbook .removeable {
	position: relative;
}

.removeable a.remover {
	background: url(/images/refresh2014/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/refresh2014/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: 98px 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/refresh2014/btn_col-wall.png) no-repeat 0 0;
	width: 135px;
}

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

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

/* 19.5 Visualise my Colour */

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

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

#projects #my-colour .project-detail .buttons {
	margin-top: 58px;
}

#projects #my-colour .project-detail p {
	color: #4E4E46;
	text-align: center;
	padding: 0;
	width: 402px;
}

#my-colour .buttons a.vis-proj {
	background: url(/images/refresh2014/bgn_vis-project.png) no-repeat 0 0;
	height: 31px;
	width: 165px;
}

#my-colour .buttons a.edit-pic {
	background: url(/images/refresh2014/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(/images/refresh2014/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;
	height: 50px;
	margin: 0 15px 0 5px;
	width: 50px;
}

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

#my-products #products .product p.prod-name {
	float: left;
	margin-top: 2px;
	width: 65%;
}

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

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

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

/* 19.7 Paint calculator */

#paint-calc #paint {
	float: left;
	width: 240px;
}

#paint-calc a.calculate {
	background: url(/images/refresh2014/frm-sub-calc.png) no-repeat 0 0;
	display: block;
	width: 87px;
	height: 31px;
	margin-right: 67px;
	padding: 0;
	text-indent: -999em;
}

#paint-calc #paint.blank {
	background: #fbfbfb;
	height: 130px;
	border: 1px solid #d5d5cd;
	width: 205px;
}

#paint-calc p#paint-res {
	background: #fbfbfb;
	border: 1px solid #d5d5cd;
	color: #2d2d2d;
	font-size: 1.2em;
	font-weight: bold;
	height: 130px;
	margin: -1px 0 0 -1px;
	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/refresh2014/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/refresh2014/btn_ser-again.png) no-repeat 0 0;
	margin-right: 30px;
	width: 120px;
}

#closest-retailer div.buttons a.find-retail {
	background: url(/images/refresh2014/btn_find-retail.png) no-repeat 0 0;
	margin-right: 30px;
	width: 119px;
}

/* 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/refresh2014/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;
	position: relative; /*padding-bottom: 27px;*/
	width: 100%;
}

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

#content-main.full ul.content-nav.wpw li {
	background: url(/images/refresh2014/bg_arr-wpw-nm.png) no-repeat 0 3px;
}

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

#content-main.full #container-full .prod-sel {
	background: url(/images/refresh2014/bg_wpw-block.png) 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/refresh2014/bg_calc-head.png) no-repeat right 5px;
	color: #00235e;
	display: block;
	float: left;
	font-size: 1.3em;
	margin: 5px 0;
	padding-right: 10px;
}

#content-main.full #container-full .prod-sel h4 a {
	text-decoration: none;
}

/* 20.2 Product selector Stage 2 */

#content-main.full #container-full.wpw h2 {
	margin: 10px 0;
}

#content-main.full #container-full.wpw img.proj-img {
	float: left;
	max-width: 400px;
	margin-right: 10px;
	overflow: hidden;
}

#content-main.full #container-full.wpw p.img-ref {
	color: #4e4e46;
	clear: both;
	float: left;
	font-size: 11px;
	margin: 3px 0 0 0;
	width: 300px;
}

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

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

#content-main.full #container-full.wpw #proj-itms h3 {
	margin: 16px 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 select option {
	padding: 0 4px;
}

#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/refresh2014/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 .view-prod.disabled {
	background: url(/images/refresh2014/btn_view-prod-disab.png) no-repeat 0 0;
	cursor: default;
}

#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;
	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.3em;
	margin: 6px 0 12px 0;
}

#content-main object {
	outline: none;
}

#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.shop a.editLink {
	text-decoration: underline;
}

#content.shop td.chkbox input {
	margin-right: 5px;
}

#content.shop td.chkbox label {
	vertical-align: top;
}

#content-main input { /*	height: 18px;*/
	padding-top: 2px;
}

fieldset {
	border: none;
}

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

#content-main select option {
	padding: 0 5px 0 3px;
}

#content-main table textarea {
	width: 100%;
}

table.table-style {
	border: 1px solid #ccc;
}

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

/* temp styles */

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

/* End temp styles */

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

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

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

#overlay-container #overlay-head a {
	background: url(/images/refresh2014/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/refresh2014/bg_overlay-body-lft.png) repeat-y left top;
}

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

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

#overlay-bottom #overlay-bottom-stretch {
	background: url(/images/refresh2014/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 #overlay-body {
	width: 650px;
}

#overlay-container.alert-nextstep .previous {
	background: url(/images/refresh2014/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 .next {
	background: url(/images/refresh2014/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/refresh2014/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/refresh2014/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/refresh2014/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,
#overlay-container.alert-created #overlay-body a.scheme {
	background: url(/images/refresh2014/btn_select-colours.png) no-repeat 0 0;
	height: 32px;
	width: 118px;
}

#overlay-container #overlay-body p.next {
	float: left;
	margin: 8px 10px 0 0;
}

#overlay-container.alert-productadd #overlay-body a.visualise {
	background: url(/images/refresh2014/btn_vis-your-colours.png) no-repeat 0 0;
	height: 32px;
	width: 164px;
}

#overlay-container.alert-productadd #overlay-body a.product {
	background: url(/images/refresh2014/btn_select-a-product.png) no-repeat 0 0;
	height: 32px;
	width: 129px;
}

#overlay-container.alert-productadd #overlay-body a.retailer {
	background: url(/images/refresh2014/btn_find-your-closest-retailer.png) no-repeat 0 0;
	height: 32px;
	width: 180px;
}

#overlay-container.alert-productadd #overlay-body a.calculate {
	background: url(/images/refresh2014/btn_calculate-paint-required.png) no-repeat 0 0;
	height: 32px;
	width: 173px;
}

#overlay-container.alert-productadd #overlay-body a.finished {
	background: url(/images/refresh2014/btn_return-project.png) no-repeat 0 0;
	height: 32px;
	width: 174px;
}

#overlay-container.alert-productadd #overlay-body a.overlay-print {
	background: url(/images/refresh2014/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 just created  */

#overlay-container.alert-created {
	width: 500px;
}

#overlay-container.alert-created #overlay-body {
	padding: 15px 35px 15px 55px;
}

#overlay-container.alert-created h1 {
	margin-bottom: 20px;
}

#overlay-container.alert-created ul {
	padding: 15px 0;
}

#overlay-container.alert-created ul li {
	background: url(/images/refresh2014/bg-li.png) no-repeat left 5px;
	list-style: none;
	padding: 0 0 3px 10px;
}

/* Alert Generic */

#overlay-container.alert-generic {
	width: 430px;
}

#overlay-container.alert-generic #overlay-body a.ok {
	background: url(/images/refresh2014/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/refresh2014/btn_cancel.png) no-repeat 0 0;
	height: 31px;
	width: 71px;
}

/****************************************************************************************************************************
/** 22.0 HomePages
/****************************************************************************************************************************/

#wrapper .applicator {
	background: url(/images/refresh2014/bg_homepage-applicator.jpg) no-repeat top center;
	min-height: 800px;
}

#wrapper .specifier {
	padding-top: 0;
}

#wrapper .consumer {
	/*background: url(/images/refresh2014/bg_homepage-consumer.png) no-repeat 266px 37px;*/
	padding-top: 0;
}

#wrapper .consumer div.homebox {
	background: url(/images/refresh2014/bg_home-consum-box-top.png) no-repeat 0 0;
	display: inline;
	float: left;
	min-height: 215px;
	_height: 215px;
	padding: 15px 10px 10px 25px;
	width: 255px;
}

#wrapper .consumer div.homebox p {
	margin-bottom: 20px;
	width: 240px;
}

#wrapper .consumer div.homebox h3 a {
	font-size: 1em;
	text-decoration: none;
}

#wrapper .consumer div.homebox a img {
	margin-bottom: 10px;
}

#wrapper div#hr {
	background: #d4d4d0;
	height: 1px;
	margin: 0 0 15px 0;
	width: 240px;
}

#wrapper .consumer div.homebox ul {
	width: 240px;
}

#wrapper .consumer div.homebox ul li a {
	font-weight: normal;
	font-size: 1em;
}

#wrapper .consumer div.homebox-container {
	background: url(/images/refresh2014/bg_home-consum-box-btm.png) no-repeat left bottom;
	color: #00235e;
	float: left;
	margin: 0 8px 0 25px;
	padding-bottom: 20px;
}

#wrapper #consumer-homepage,
#wrapper #specifier-homepage {
	outline: none;
}

#wrapper .consumer div.homebox-container.right {
	float: right;
	margin-right: 30px;
}

#wrapper .consumer h3.pro-help,
#wrapper .consumer h3.painting,
a.proj-start {
	display: block;
	text-indent: -999em;
}

a.proj-start {
	background: url(/images/refresh2014/btn_start-project.png) no-repeat 0 0;
	height: 32px;
	margin: 10px 0  10px -10px;
	width: 156px;
}

#wrapper .consumer h3.painting {
	background: url(/images/refresh2014/head-paint-yourself.png) no-repeat 0 0;
	height: 20px;
	width: 112px;
}

#wrapper .consumer h3.pro-help {
	background: url(/images/refresh2014/head_profhelp.png) no-repeat 0 0;
	height: 18px;
	margin-bottom: 15px;
	width: 114px;
}

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

#wrapper .applicator div.homebox-container { /*	margin-top: 285px;	*/
}

#wrapper .applicator div#applicator-flash-content {
	height: 280px;
	margin-bottom: 17px;
}

#content div.homebox-container {
	background: url(/images/refresh2014/bg_homepage-box-btm.png) no-repeat left bottom;
	float: left;
	margin: 0 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 a:hover {
	color: #3a99c0;
}

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

/****************************************************************************************************************************
/** 23.0 Shop
/****************************************************************************************************************************/

#content.shop {
	min-height: 400px;
	padding-top: 15px;
}

#content.shop h3,
#content.shop h4 {
	color: #000;
}

#content.shop #content-main {
	padding-left: 0;
}

#content.shop #content-main table {
	width: auto;
}

.HtmlContent .shop-cat-body {
	border-bottom: 1px solid #b0b0a9;
	padding-bottom: 20px;
}

#content.shop .FormTitle {
	background: none;
	border-bottom: none;
	border-top: 1px solid #b0b0a9;
	color: #2d2d2d;
	font-size: 15px;
	font-weight: bold;
	padding-left: 0;
}

#content.shop #content-main .Form .FieldStyle {
	color: #2d2d2d;
	height: 24px;
	margin-bottom: 0;
	padding: 0 25px 0 0;
	text-align: left;
}

#content.shop #content-main .CategoryDetail .Title,
#content.shop #content-main #MiddleColumn .Field {
	margin: 0;
}

/*********************************************/

/** 23.1 Shop Navigation
/*********************************************/

#content.shop #content-main .CategoryTreeView .NodeStyle {
	font-family: Arial, Helvetica, sans-serif;
}

#ctl00_ctl00_MainContent_CATEGORIES_CustomMessage2_lblMsg,
/* heading 'shop' not logged in */
#ctl00_ctl00_MainContent_uxCart_CATEGORIES_CustomMessage2_lblMsg,
/* heading 'Shop' logged in*/
#ctl00_ctl00_MainContent_uxProduct_CATEGORIES_CustomMessage2_lblMsg { /*heading 'shop' product description */
	color: #c84329;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 20px;
}

#content.shop #content-main .CategoryTreeView .Title {
	margin: 0 0 10px 0;
	padding: 0 0 10px 6px;
}

#content.shop #content-main .CategoryTreeView .TreeView {
	padding: 0;
}

#content.shop #content-main .CategoryTreeView,
#content.shop #content-main #LeftColumn {
	width: 157px;
}

.CategoryTreeView tr td a img { /* remove orange triangles next to nav */
	display: none;
}

#content.shop #content-main .CategoryTreeView a {
	font-weight: bold;
	font-size: 12px;
}

#content.shop #content-main .CategoryTreeView a:hover {
	color: #3a99c0;
	text-decoration: none;
}

#content.shop #content-main .CategoryTreeView .NodeStyle {
	padding: 5px 2px;
	text-align: left;
	width: 100%;
}

#ctl00_ctl00_MainContent_CATEGORIES_ctrlNavigation,
#ctl00_ctl00_MainContent_uxCart_CATEGORIES_ctrlNavigation,
#ctl00_ctl00_MainContent_uxProduct_CATEGORIES_ctrlNavigation {
	border-top: 1px solid #b0b0a9;
}

#content.shop #content-main .CategoryTreeView table {
	border-bottom: 1px solid #b0b0a9!important;
	padding-left: 6px;
	text-align: left;
	width: 100%;
}

#content.shop #content-main div.TreeView a {
	width: 100%;
}

#content.shop #content-main #SeperateColumn {
	display: none;
}

#content.shop #content-main #QuickNavigation {
	display: none;
}

/*********************************************/

/** 23.2 Middle Column & Shopping cart
/*********************************************/

#content.shop #content-main #MiddleColumn {
	padding-left: 35px;
	width: 494px;
}

#content.shop #content-main .ShoppingCart {
	padding-left: 35px;
	width: 538px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxHome_lblHtml p.intro {
	border-bottom: 1px solid #b0b0a9;
}

#content.shop #content-main p.intro {
	margin: 0;
	padding-bottom: 20px;
	width: auto;
}

#content.shop #content-main #MiddleColumn p.intro {
	width: 470px;
}

#content.shop #content-main .HtmlContent h2,
#content.shop #content-main .Description h2 {
	color: #00235e;
	font-size: 18px;
	font-weight: bold;
	margin: 17px 0 14px 0;
}

#content.shop .HtmlContent p {
	margin: 0;
}

/*Checkout and continue buttons */

#content-main #ctl00_ctl00_MainContent_uxCart_ContinueShopping1 {
	height: 32px;
	width: 148px;
}

#content-main #ctl00_ctl00_MainContent_uxCart_Checkout1 {
	height: 32px;
	width: 92px;
}

/*Shopping cart */

.ItemImageClass {
	text-align: left;
	padding-left: 5px;
	width: auto;
}

.ItemNameClass {
	width: 200px;
}

.QuantityClass {
	width: auto;
}

.PriceClass {
	width: auto;
}

.TotalClass {
	width: auto;
}

.RemoveClass {
	width: auto;
}

.QuantityClass,
.PriceClass,
.TotalClass {
	text-align: left;
}

/*********************************************/

/** 23.3 Subcontent
/*********************************************/

#content.shop #sub-content.sub-thin {
	width: 160px;
}

#content.shop #sub-content.sub-thin img {
	margin-bottom: 10px;
}

#content.shop #sub-content h4 {
	font-size: 1.2em;
	margin-top: 37px;
}

/*********************************************/

/** 23.4 Colour Samples Page
/*********************************************/

#content.shop table.colour-samples {
	color: #000;
	font-weight: bold;
}

#content.shop table.colour-samples td input { /*margin: 3px 40px 0 0;*/
	padding: 0;
	width: 200px;
}

#content.shop table.colour-samples td.code input { /*margin: 3px 40px 0 0;*/
	padding: 0;
	width: 100px;
}

#content.shop table.colour-samples td.finish input { /*margin: 3px 40px 0 0;*/
	padding: 0;
	width: 100px;
}

#content.shop table.colour-samples td textarea {
	height: 100px;
	margin: 5px 0 0 0;
	width: 453px;
}

#content.shop table.colour-samples input#ctl00_ctl00_MainContent_CustomTxtBox1_btnSubmit {
	height: 32px;
	margin-top: 20px;
	width: 101px;
}

#ctl00_ctl00_MainContent_CustomTxtBox1_CustomTxtBox19_UP1,
#ctl00_ctl00_MainContent_CustomTxtBox1_CustomTxtBox10_UP1 {
	margin-bottom: 10px;
}

#content.shop ul.autocomplete_completionListElement {
	font-weight: normal;
}

/*********************************************/

/** 23.5 Products
/*********************************************/

.ProductListItem .BuyButton input {
	height: 32px;
	width: 101px;
}

#content.shop .CategoryDetail .ProductListItem .Price,
#content.shop #content-main .SalePrice {
	color: #00235e;
}

#content.shop .CategoryDetail .ProductListItem {
	border: 1px solid #b0b0a9;
	min-height: 290px;
	width: 160px;
}

#content.shop #content-main #MiddleColumn.products {
	width: 538px; /* 508 */
}

#content.shop #content-main .Label,
#ctl00_ctl00_MainContent_uxProduct_ProductID,
#content.shop #content-main #ctl00_ctl00_MainContent_uxProduct_BrandLink {
	color: #4e4e46;
}

#content.shop #content-main .TotalPriceText,
#content.shop #content-main .Quantity,
#ctl00_ctl00_MainContent_uxProduct_AttributeTitle_lblMsg {
	color: #2d2d2d;
}

#content.shop .ProductDetail .Image {
	background: #fff;
	border: 1px solid #a9a8a0;
	margin-bottom: 15px;
	padding: 4px;
	text-align: center;
	width: 322px;
}

#ctl00_ctl00_MainContent_uxCategory_uxCategoryProductList_Div1 {
	width: 568px;
}

#content.shop #content-main .ProductDetail .OrderingOptions { /* Product Description order details */
	border: none;
	padding-left: 10px;
	width: 322px;
}

#content.shop #content-main .TotalQuantity {
	border-top: 1px solid #e8e8df;
	border-bottom: 1px solid #e8e8df;
	height: 27px;
	padding: 5px 0;
}

#content.shop #content-main .OptionsLabel {
	border-bottom: 1px solid #e8e8df;
	height: 31px;
	padding: 1px 0 5px 0;
}

#content.shop #content-main .ProductDetail .OrderingOptions {
	background: none;
}

.OptionsLabel select {
	margin-left: 88px;
	width: 220px;
}

.ProductDetail .Quantity {
	font-size: 15px;
	margin-right: 20px;
}

.ProductDetail #Attributes .OptionsLabel .Quantity {
	margin-right: 29px;
}

.ProductDetail .TotalPriceText {
	font-size: 20px;
	margin-right: 32px;
}

#content.shop #content-main .OrderingOptions .SalePrice {
	color: #2d2d2d;
	font-size: 24px;
}

#content.shop #content-main .ProductDetail .StockMsg {
	color: #c84329;
	font-size: 15px;
	margin: 10px 0 10px 89px;
}

#content.shop .ProductAdditionalImages {
	border: 1px solid #b0b0a9;
}

#content.shop #content-main .price-excludes {
	margin-left: 89px;
}

#content.shop #content-main .ProductDetail .PrdtAddtionalImages,
/* temp hide additional images until removed from template */
#content.shop #content-main .ProductDetail .RegularPrice {
	display: none;
}

#content.shop #content-main .desc-gst-ph {
	padding-left: 90px;
}

/*********************************************/

/** 23.6 Buttons
/*********************************************/

#content.shop #ctl00_ctl00_MainContent_uxLogin_uxLogin_LoginButton { /* Login btn */
	height: 30px;
	width: 74px;
}

#content.shop #content-main .CategoryDetail .ProductListItem .BuyButton input,
/* Add to cart btn */
#content.shop #content-main #ctl00_ctl00_MainContent_uxProduct_uxAddToCart {
	height: 32px;
	width: 101px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_StartNavigationTemplateContainerID_StartNextImageButton {
	height: 32px;
	width: 92px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_FinishNavigationTemplateContainerID_SubmitButton {
	height: 31px;
	width: 114px;
}

/*********************************************/

/** 23.7 Shopping Cart
/*********************************************/

#content.shop .ShoppingCart tr.Header {
	background: none;
	border-bottom: 1px solid #b0b0a9;
	color: #2d2d2d;
	font-size: 15px;
	height: 26px;
}

#content.shop table#ctl00_ctl00_MainContent_uxCart_uxCart_uxCart {
	width: 100%;
}

#content.shop a.removeLink {
	background: url(/images/refresh2014/bg_close.png) no-repeat 0 0;
	display: block;
	height: 11px;
	text-indent: -999em;
	width: 11px;
}

#content.shop #content-main .ShoppingCart .Grid .Row,
#content.shop #content-main .ShoppingCart .Grid .AlternatingRow {
	background: #fff;
	border-bottom: 1px solid #b0b0a9;
	color: #2d2d2d;
	font-size: 14px;
	font-weight: bold;
	height: 88px;
}

#content.shop #content-main .Grid {
	border: none;
}

#content.shop #content-main .ShoppingCart .Grid .Description {
	color: #00235e;
}

.TotalBox {
	width: 534px;
}

#ctl00_ctl00_MainContent_uxCart_pnlShoppingCart small {
	display: block;
	text-align: right;
	width: 100%;
}

/*********************************************/

/** 23.8 Checkout
/*********************************************/

#content.shop #content-main .Checkout {
	padding-left: 0;
	width: 700px;
}

#content.shop #content-main .Checkout .ShoppingCartItem,
#ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnlProject,
#ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_Panel1,
 {
	width: 700px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnl_update {
	width: 582px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnl_update .TotalBox {
	margin-bottom: 30px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnl_update .ShoppingCart {
	padding-left: 0;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_uxCart {
	width: 100%;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_Panel1 .TableContainer {
	width: 100%;
}

#content-shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_StartNavigationTemplateContainerID_StartNextButton { /* Proceed to Next Step Button */
	height: 32px;
	width: 92px;
}

#content.shop #content-main td label {
	height: 19px;
	line-height: 19px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_pnlProject {
	width: 680px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_pnlProject table {
	color: #4B4B4B;
	font-weight: bold;
	padding-left: 8px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_pnlProject table td {
	height: 25px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_pnlProject table td input {
	margin-left: 17px;
	width: 181px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_pnlProject table td select {
	margin-left: 17px;
	width: 185px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnl_update .TotalBox {
	width: 558px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_chkShipping {
	width: 150px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_Panel1 .Form .FieldStyle { /*	margin-bottom: 5px;*/
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxPayment_pnlPayment .Form .FieldStyle {
	height: 24px;
	padding: 6px 18px 0 0;
	margin-bottom: 0;
	width: 127px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnlProject table tr td:first-child { /* Project Detail section */
	font-weight: bold;
	height: 19px;
	width: 108px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_FinishNavigationTemplateContainerID_SubmitButton { /* Submit order button */
	height: 31px;
	width: 114px;
}

#content.shop #content-main .shop-check-box input {
	float: left;
	margin-right: 5px;
}

#content.shop #content-main .shop-check-box label {
	width: auto;
}

#content.shop #content-main .order table tr.Header th {
	text-align: left;
}

#content.shop #content-main div.ShoppingCartItem div.Form table {
	width: 625px;
}

#content.shop #content-main div.ShoppingCartItem div.Form div.Description {
	width: 250px;
}

#content.shop #content-main div.ShoppingCartItem div.TotalBox {
	width: 593px;
}

/* Added 21.07 */

#content.shop #content-main div.Form  tr.Row td {
	vertical-align: top;
	margin: 0 0 3px 0;
}

#content.shop #content-main .Form .Button {
	height: auto;
	margin: 5px 0;
	padding: 0;
}

/* Added 18.08 */

#content.shop tr.header th {
	text-align: left;
}

/* Added 21.08 */

#content.shop .Product {
	width: 100%;
}

#content.shop .Product td {
	padding: 0 5px;
}

/****************************************************************************************************************************
/** 24.0 Flash Pages
/****************************************************************************************************************************/

#colorWall {
	outline: none;
}

#content #content-main.flash h3,
#content #content-main.flash p {
	margin-left: 6px;
}

/****************************************************************************************************************************
/** 25.0 Landing Pages
/****************************************************************************************************************************/

#content.lp {
	padding-top: 10px;
}

#content.lp h1 {
	font-size: 2.6em;
	margin-left: 6px;
}

#content.lp h2 {
	font-size: 1.8em;
	margin: 0 0 10px 6px;
	padding: 0;
}

#content.lp #sidebar h2 {
	font-size: 1.6em;
}

#content.lp #sidebar.wide {
	width: 220px;
}

#content.lp #sidebar ul {
	width: auto; /* was 220px */
}

#content.lp #content-main .panel-advice {
	background: url(/images/refresh2014/bg_2-col-panel.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 202px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 17px 19px 17px 18px;
	width: 336px;
}

#content.lp #content-main .panel-advice h3,
#content.lp #content-main .panel-colour h3,
#content.lp #content-main .panel-wrap h3 {
	margin: 7px 0 2px 0;
}

.panel-colour {
	background: url(/images/refresh2014/bg_2-col-tall-panel.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 216px;
	margin: 0 10px 10px 0;
	padding: 15px 18px 15px 17px;
	width: 202px;
}

#content.lp #content-main .panel-colour p,
#content.lp #content-main .panel-advice p,
#content.lp #content-main .panel-wrap p {
	font-size: 1em;
	margin-top: 0;
}

#content.lp #content-main .panel-advice h3 a,
#content.lp #content-main .panel-colour h3 a,
#content.lp #content-main .panel-wrap h3 a {
	background: url(/images/refresh2014/bg_arr-nav-lg.png) no-repeat right 5px;
	color: #00235e;
	padding-right: 10px;
	display: block;
}

#content.lp #content-main .panel-advice h3 a:hover,
#content.lp #content-main .panel-colour h3 a:hover,
#content.lp #content-main .panel-wrap h3 a:hover {
	color: #3a99c0;
	text-decoration: none;
}

#content.lp #content-main .panel-wrap {
	float: left;
	margin: 0 10px 10px 0;
	width: 244px;
}

#content.lp #content-main .panel-head {
	background: url(/images/refresh2014/bg_lp-panel-head.png) no-repeat 0 0;
	min-height: 232px;
	padding: 19px 18px 19px 18px;
	width: 208px;
}

#content.lp #content-main .panel-footer {
	background: url(/images/refresh2014/bg_lp-panel-footer.png) no-repeat 0 0;
	height: 6px;
	width: 244px;
}

/*********************************************/

/** 25.1 Consumer Colour
/*********************************************/

#content-main.consumer-colour .col-box-sml {
	background: url(/images/refresh2014/lp-col-box-sml.png) no-repeat 0 0;
	display: block;
	height: 202px;
	padding: 17px 18px 17px 17px;
	position: absolute;
	width: 202px;
}

#content-main.consumer-colour .col-box {
	background: url(/images/refresh2014/lp-col-box.png) no-repeat 0 0;
	display: block;
	height: 234px;
	padding: 17px 18px 17px 17px;
	position: absolute;
	width: 202px;
}

#content-main.consumer-colour .con-prod-box p,
#content-main.consumer-colour .col-box p,
#content-main.consumer-colour .col-box-sml p {
	font-size: 1em;
}

#content-main.consumer-colour #box-one {
	left: 110px;
	top: -20px;
}

#content-main.consumer-colour #info-one {
	left: 354px;
	top: 0;
}

#content-main.consumer-colour #info-one,
#content-main.consumer-colour #info-two {
	height: 139px;
	position: absolute;
	width: 150px;
}

#content-main.consumer-colour #img-one {
	height: 108px;
	position: absolute;
	left: 514px;
	top: 20px;
	width: 141px;
}

#content-main.consumer-colour #box-three {
	left: -50px;
	top: 226px;
}

#content-main.consumer-colour #img-two {
	height: 142px;
	position: absolute;
	left: 195px;
	top: 226px;
	width: 142px;
}

#content-main.consumer-colour #box-two {
	left: 355px;
	top: 145px;
}

#content-main.consumer-colour #info-two {
	left: 602px;
	top: 145px;
}

#content-main.consumer-colour #img-three {
	height: 108px;
	position: absolute;
	left: 437px;
	top: 390px;
	width: 144px;
}

#content-main.consumer-colour #img-four {
	height: 120px;
	position: absolute;
	left: -50px;
	top: 470px;
	width: 223px;
}

#content-main.consumer-colour #box-four {
	left: 190px;
	top: 390px;
}

#content-main.consumer-colour #dulux-facts-colour {
	position: absolute;
	left: 605px;
	top: 295px;
	width: 135px;
}

/*********************************************/

/** 25.2 Consumer Products
/*********************************************/

#content.lp #content-main {
	min-height: 600px;
	position: relative;
}

#content-main.consumer-colour .con-prod-box {
	background: url(/images/refresh2014/con-prod-box.png) no-repeat 0 0;
	display: block;
	height: 204px;
	padding: 15px 14px;
	position: absolute;
	width: 227px;
}

#content-main.consumer-colour .con-prod-box img,
#content-main.consumer-colour .col-box img,
#content-main.consumer-colour .col-box-sml img {
	margin-bottom: 7px;
}

#content-main.consumer-colour .con-prod-box h3 a,
#content-main.consumer-colour .col-box h3 a,
#content-main.consumer-colour .col-box-sml h3 a {
	background: url(/images/refresh2014/bg_arr-nav-lg.png) no-repeat right 5px;
	color: #00235e;
	padding-right: 10px;
}

#content #content-main.consumer-colour .con-prod-box h3 a:hover,
#content #content-main.consumer-colour .col-box h3 a:hover,
#content #content-main.consumer-colour .col-box-sml h3 a:hover {
	color: #3a99c0;
	text-decoration: none;
}

#content-main.consumer-colour #box-mid {
	background: url(/images/refresh2014/con-prod-box-mid.png) no-repeat 0 0;
	color: #fff;
	display: block;
	font-size: .9em;
	height: 76px;
	padding: 154px 5px 0 18px;
	width: 208px;
}

#content-main.consumer-colour #box-mid a {
	display: block;
	height: 13px;
	text-indent: -999em;
	width: 150px;
}

#content-main.consumer-colour #box-mid a:hover {
	color: #fff;
	text-decoration: none;
}

#content-main.consumer-colour #box-left {
	top: 53px;
	left: 0;
}

#content-main.consumer-colour #box-mid {
	position: absolute;
	left: 244px;
	top: 0;
}

#content-main.consumer-colour #box-right {
	top: 53px;
	left: 485px;
}

#content-main.consumer-colour #img-left {
	height: 169px;
	position: absolute;
	left: 97px;
	top: 300px;
	width: 125px;
}

#content-main.consumer-colour #info-left {
	position: absolute;
	left: 82px;
	top: 300px;
}

#content-main.consumer-colour #img-right {
	height: 169px;
	position: absolute;
	left: 244px;
	top: 239px;
	width: 222px;
}

#content-main.consumer-colour #info-right {
	position: absolute;
	left: 485px;
	top: 294px;
}

#content-main.consumer-colour #dulux-facts-products {
	position: absolute;
	top: 430px;
	left: 245px;
	width: 170px;
}

/*********************************************/

/** 25.3 IE 6 Upgrade warning
/*********************************************/

#ie-container {
	display: none;
	background: #fff;
	border-bottom: 1px solid #adaea8;
	height: 100px;
	width: 100%;
}

#ie-container #ie-content {
	background: url(/images/refresh2014/bg_ie-alert.png) no-repeat 0 10px;
	color: #333333;
	min-height: 80px;
	margin: 0 auto;
	padding: 10px 0 0 72px;
	width: 900px;
}

#ie-content a {
	text-decoration: none;
}

#ie-content a.close {
	background: url(/images/refresh2014/bg_close.png) no-repeat right 2px;
	padding-right: 20px;
	float: right;
}

#ie-container #ie-content p {
	padding: 10px 0;
}

#ie-content a.ie-update {
	background: url(/images/refresh2014/bg_ie-logo.png) no-repeat 0 2px;
	color: #00225f;
	float: left;
	line-height: 23px;
	margin-right: 40px;
	padding-left: 30px;
}

#ie-content a.ff-update {
	background: url(/images/refresh2014/bg_ff-logo.png) no-repeat 0 2px;
	color: #00225f;
	float: left;
	line-height: 21px;
	padding-left: 30px;
}

/*********************************************/

/** 25.4 Colour Booklets LP
/*********************************************/

#booklets-lp {
	float: left;
	padding: 0 0 0 90px;
}

#booklets-lp .booklet-panel {
	background: url(/images/refresh2014/bg_booklet-panel.png) no-repeat 0 0;
	float: left;
	height: 373px;
	margin: 0 15px 15px 0;
	padding: 15px;
	width: 206px;
}

#booklets-lp .booklet-panel img {
	margin-bottom: 17px;
}

#booklets-lp .booklet-panel h3 {
	background: transparent url(/images/refresh2014/bg_arr-nav-lg.png) no-repeat scroll right 5px;
	color: #00235E;
	display: block;
	margin-bottom: 3px;
	padding-right: 10px;
}

#content-main #booklets-lp .booklet-panel h3 a:hover {
	color: #0976ad;
	text-decoration: none;
}

#booklets-lp .booklet-panel p {
	font-size: 11px;
	margin: 0;
}

/*********************************************/

/** Ettienne AU Overrides
/*********************************************/

.ForgotPasswordSubmit {
	width: 75px !important;
}

#content fieldset.main-form a.cancelRegistration {
	background: url(/images/refresh2014/btn_cancel.png) no-repeat 0 0;
	border: none;
	clear: both;
	display: inline;
	float: right;
	height: 31px;
	text-indent: -999em;
	width: 71px;
	margin: 15px 75px 0px 0px;
}

/*********************************************/

/** 26.0 Laminex Colour Schemes Booklet Form
/*********************************************/

#booklet-form {
	background: url(/images/refresh2014/form/bg_content.jpg) no-repeat 0 0;
	_height: 660px;
	margin-top: 22px;
	min-height: 660px;
	width: 978px;
}

#form-content {
	background: url(/images/refresh2014/form/bg_btm.png) no-repeat 0 bottom;
	_height: 660px;
	min-height: 450px;
	padding: 40px 0 220px 62px;
}

#form-content h2.form-thanks {
	background: url(/images/refresh2014/form/hd_thanks.png) no-repeat 0 0;
	display: block;
	height: 16px;
	text-indent: -999em;
	margin-bottom: 3px;
	width: 205px;
}

#form-content #col-right p {
	color: #00235e;
	margin-bottom: 15px;
}

#form-content #col-left {
	float: left;
	width: 370px;
}

#form-content #col-right {
	float: left;
	padding-left: 100px;
	width: 440px;
}

#form-content #col-left h1 {
	background: url(/images/refresh2014/form/heading.jpg) no-repeat 0 0;
	display: block;
	height: 110px;
	margin-bottom: 35px;
	text-indent: -999em;
	width: 308px;
	visibility: visible;
}

#form-content #col-left p {
	color: #00235e;
	font-size: 14px;
	line-height: 18px;
}

#form-content #col-right h2.booklet-form-head a {
	background: url(/images/refresh2014/form/sub-head.png) no-repeat 0 0;
	display: block;
	height: 35px;
	margin-bottom: 5px;
	text-indent: -999em;
	width: 346px;
}

#form-content #col-right p.sml {
	color: #00235e;
	font-size: 11px;
}

/* Form */

fieldset.booklet-form {
	padding: 20px 0 0 0;
}

fieldset.booklet-form label {
	clear: left;
	color: #00235e;
	float: left;
	font-weight: bold;
	margin: 0 10px 0 0;
	line-height: 27px;
}

fieldset.booklet-form input {
	border: none;
}

fieldset.booklet-form div.paint {
	background: url(/images/refresh2014/form/bg_input-left.png) no-repeat 0 0;
	float: left;
	height: 27px;
	margin: 0 0 14px 0;
	padding-left: 41px;
}

fieldset.booklet-form div.paint input {
	background: url(/images/refresh2014/form/bg_input-right.png) no-repeat top right;
	height: 22px;
	padding: 5px 20px 0 0;
}

fieldset.booklet-form fieldset.double {
	clear: both;
	margin-bottom: 14px;
}

fieldset.booklet-form fieldset.double div.paint {
	margin: 0;
}

fieldset.booklet-form fieldset.double label {
	clear: none;
}

fieldset.booklet-form fieldset.double input {
	clear: none;
	width: 100px;
}

fieldset.booklet-form fieldset.double input.sml {
	width: 50px;
}

fieldset.booklet-form div.paint input.long {
	width: 180px;
}

fieldset.booklet-form div.paint input.ex-long {
	width: 220px;
}

fieldset.booklet-form fieldset.checkbox {
	float: left;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
}

fieldset.booklet-form fieldset.checkbox input {
	clear: none;
	float: left;
	margin-right: 5px;
}

fieldset.booklet-form fieldset.checkbox label {
	clear: none;
	float: left;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	width: 300px;
}

/*********************************************/

/** 27.0 Easter Promo Dulux Greatest Hits
/*********************************************/

#hits-form {
	background: url(/images/refresh2014/form/bg-hits-gradient.jpg);
	_height: 600px;
	margin-top: 22px;
	min-height: 600px;
	width: 978px;
}

#hits-form-content {
	background: url(/images/refresh2014/form/bg-hits-dog.png) no-repeat 335px bottom;
	_height: 650px;
	min-height: 650px;
}

#hits-form-content h2.form-thanks {
	background: url(/images/refresh2014/form/hd_hits-thanks.png) no-repeat 0 0;
	display: block;
	height: 19px;
	text-indent: -999em;
	margin-bottom: 3px;
	width: 206px;
}

#hits-form-content #flash-box {
	float: left;
	width: 460px;
	height: 490px;
	margin-bottom: 25px;
}

#hits-form-content #col-left {
	float: left;
	width: 460px;
}

#hits-form-content #col-left p {
	color: #fff;
	font-size: 1.2em;
	line-height: 18px;
	padding-left: 40px;
	width: 340px;
}

#hits-form-content #col-right {
	float: left;
	padding: 50px 0 50px 90px;
	width: 425px;
}

#hits-form-content #col-right p {
	color: #fff;
	margin-bottom: 15px;
	font-size: 1.25em;
}

#hits-form-content #col-right a {
	color: #fff;
}

#hits-form-content #col-right h2.hits-form-head a {
	background: url(/images/refresh2014/form/form-hits-subhead.png) no-repeat 0 0;
	display: block;
	height: 16px;
	margin-bottom: 5px;
	text-indent: -999em;
	width: 321px;
}

#hits-form-content #col-right p.sml {
	color: #fff;
	font-size: 11px;
}

#hits-form-content #col-right p.p-hits {
	font-size: 1.2em;
	width: 370px;
}

/* Form */

fieldset.hits-form {
	padding: 20px 0 0 0;
}

fieldset.hits-form label {
	clear: left;
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 0 10px 0 0;
	line-height: 27px;
}

fieldset.hits-form input {
	border: none;
}

fieldset.hits-form div.paint {
	background: url(/images/refresh2014/form/bg_hits-input-left.png) no-repeat 0 0;
	float: left;
	height: 27px;
	margin: 0 0 14px 0;
	padding-left: 41px;
}

fieldset.hits-form div.paint input {
	background: url(/images/refresh2014/form/bg_hits-input-right.png) no-repeat top right;
	height: 22px;
	padding: 5px 20px 0 0;
	color: #003366;
}

fieldset.hits-form fieldset.double {
	clear: both;
	margin-bottom: 14px;
}

fieldset.hits-form fieldset.double div.paint {
	margin: 0;
}

fieldset.hits-form fieldset.double label {
	clear: none;
}

fieldset.hits-form fieldset.double input {
	clear: none;
	width: 100px;
}

fieldset.hits-form fieldset.double input.sml {
	width: 50px;
}

fieldset.hits-form div.paint input.long {
	width: 180px;
}

fieldset.hits-form div.paint input.ex-long {
	width: 220px;
}

fieldset.hits-form fieldset.checkbox {
	float: left;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
}

fieldset.hits-form fieldset.checkbox input {
	clear: none;
	float: left;
	margin-right: 5px;
}

fieldset.hits-form fieldset.checkbox label {
	clear: none;
	float: left;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	width: 300px;
}

/* Colourwall Facebook classes */

#fblike {
	position: absolute;
}

#fbpoll {
	width: 169px;
	height: 57px;
	padding: 3px 3px 3px 65px;
	position: absolute;
	font-size: 80%;
	background: url('/images/refresh2014/facebook-logo.png') no-repeat;
}

#fbpoll strong {
	color: #3b5998;
}

#fbpollcontainer {
	display: block;
	clear: both;
	margin-top: 8px;
	color: #00235E;
}

#fbpollcontainer img {
	float: left;
	margin-right: 4px;
}

#fbpollcontainer input {
	width: 120px;
}

#fbpollcontainer a {
	margin-left: 8px;
}

#fbpollcontainer span.error {
	display: block;
	clear: both;
	color: Red;
}

.fbintro {
	height: 28px;
	padding: 6px 4px 6px 34px;
	background: White url('/images/refresh2014/facebook-logo-28.png') no-repeat 4px 4px;
}

#dockProjectColoursWrapper a.remover {
	background: url('/images/refresh2014/bg_close.png') no-repeat 0 0;
	display: block;
	height: 11px;
	position: relative;
	outline: none;
	right: -172px;
	text-indent: -999em;
	top: 4px;
	width: 11px;
}

/**************************************************
/** 29.0 World of Colour - Red Heart Blue Shore
/**************************************************/

.woc-main,
.rhbs-main {
	margin-top: -40px;
}

#rhbsintro {
	width: 643px;
	height: 229px;
	padding: 0 39px 0 32px;
	background: url(/imgs/rhbs/intro-text-background.png) no-repeat;
}

#rhbsvideo:link {
	float: left;
	display: block;
	position: absolute;
	width: 118px;
	height: 17px;
	margin: 180px 0 0;
	background: url(/imgs/rhbs/btn-view-our-video.gif) no-repeat;
	text-indent: -9999em;
	line-height: 0px;
}

#rhbsvideo:hover {
	background-image: url(/imgs/rhbs/btn-view-our-video-over.gif);
}

#woclogo {
	display: block;
	position: absolute;
	margin: 12px 0 0 402px;
}

#rhbsexplore:link,
#rhbsorder:link {
	width: 248px;
	height: 41px;
	display: block;
	position: absolute;
	background: url(/imgs/rhbs/btn-order-sprite.png) no-repeat 0 0;
}

#rhbsexplore:link {
	background-position: 0 0;
	text-indent: -9999em;
	line-height: 0px;
	margin: 126px 0 0 398px;
}

#rhbsexplore:hover {
	background-position: 0 -41px;
}

#rhbsorder:link {
	background-position: 0 -82px;
	text-indent: -9999em;
	line-height: 0px;
	margin: 176px 0 0 398px;
}

#rhbsorder:hover {
	background-position: 0 -123px;
}

#sample-container {
	margin: 20px 0 0 0;
}

#rhbs .sample {
	width: 644px;
	background: no-repeat 0 0;
	margin: 0px 0 0 32px;
}

#rhbs .sample img {
	border: none;
	margin: -14px 0 0;
}

#rhbs .sample .sample-title {
	position: absolute;
	width: 125px;
	height: 14px;
	margin: 0 0 0 498px;
	background: url(/imgs/rhbs/colour-names-sprite.png) no-repeat 0 0;
	text-indent: -9999em;
	line-height: 0px;
	visibility: hidden;
}

#rhbs .sample:hover .sample-title {
	visibility: visible;
}

#sample-red.sample .sample-title {
	margin-top: 62px;
	background-position: 0 0;
}

#sample-brown.sample .sample-title {
	margin-top: 64px;
	background-position: 0 -14px;
}

#sample-yellow.sample .sample-title {
	margin-top: 60px;
	background-position: 0 -28px;
}

#sample-green.sample .sample-title {
	margin-top: 62px;
	background-position: 0 -42px;
}

#sample-blue.sample .sample-title {
	margin-top: 64px;
	background-position: 0 -56px;
}

#sample-white.sample .sample-title {
	margin-top: 56px;
	background-position: 0 -70px;
}

#rhbs .sample a {
	display: block;
	height: 100px;
}

#sample-red a {
	padding: 15px 0 28px 0;
}

#sample-brown a {
	padding: 16px 0 31px 0;
}

#sample-yellow a {
	padding: 14px 0 28px 0;
}

#sample-green a {
	padding: 15px 0 21px 0;
}

#sample-blue a {
	padding: 16px 0 38px 0;
}

#sample-white a {
	padding: 12px 0 24px 0;
}

.banner {
	margin-bottom: 18px;
}

/* SEARCH RESULT SECTION */

.search-results h2 {
	margin-bottom: 20px;
}

.search-results h3 {
	border-bottom: solid 1px #ccc;
	text-transform: uppercase;
	color: #444;
	padding-bottom: 5px;
}

.search-results p.description {
	padding-bottom: 0px;
	margin: 6px 0 0px 0 !important;
}

.search-results .results-header {
	border: solid 1px #CCC;
	padding: 10px;
	margin-bottom: 10px;
	background: #efefef;
}

.results-text-list {
	width: 900px;
}

.results-text-list  ul li {
	list-style: none;
	background: none !important;
	margin-bottom: 25px;
}

.results-text-list  ul li span.page-icon {
	display: block;
	float: left;
	height: 20px;
	width: 24px;
	background: transparent url(/images/refresh2014//umbraco-sprites.png) no-repeat -5px -260px;
}

.results-text-list  ul li span.url {
	font-size: 1.1em;
	color: Gray;
}

.results-text-list  ul li p {
	padding-left: 24px;
	padding-right: 24px;
}

.results-colour-list {
	overflow-y: scroll;
	height: 128px;
	width: 900px;
}

#results-colour {
	margin-bottom: 40px;
}

.colour-list {
	list-style: none;
}

.color-item {
	border: dashed 1px #ccc;
	padding: 5px 5px 10px !important;
	width: 111px;
	background: none !important;
	float: left;
	overflow: hidden;
	margin: 0px 3px 3px 0px;
	min-height: 95px;
}

.color-item .color-palette {
	width: 110px;
	height: 55px;
}

.color-item p {
	margin: 0px !important;
	padding: 0px;
	font-size: 10px !important;
}

#show-all-colour-results {
	padding-right: 20px;
	font-size: 13px;
	background-image: url(/images/refresh2014//expand-collapse-arrows.png);
	background-repeat: no-repeat;
}

.expanded-colour-results {
	background-position: 100% 3px;
}

.collapsed-colour-results {
	background-position: 100% -18px;
}

/**
 * The default CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * You should have received a license with this distribution explaining the terms
 * under which Shadowbox may be used. If you did not, you may obtain a copy of the
 * license at http://shadowbox-js.com/LICENSE
 *
 * @author      Michael J. I. Jackson <michael@mjijackson.com>
 * @copyright   2007-2009 Michael J. I. Jackson
 * @version     SVN: $Id: shadowbox.css 20M 2009-04-23 13:08:21Z (local) $
 */

/*_____________________________________________  container, overlay, & wrapper  */

#sb-container,
#sb-wrapper {
	text-align: left; /* reset left alignment */
}

#sb-container,
#sb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

#sb-container {
	height: 100%;
	display: none;
	visibility: hidden;
	z-index: 999;
}

body > #sb-container { /* use position:fixed in modern browsers */
	position: fixed;
}

#sb-overlay { /* needed in IE6 where sb-container uses position:absolute */
	height: expression(document.documentElement.clientHeight + 'px');
}

#sb-container > #sb-overlay { /* use for sb-container position:fixed */
	height: 100%;
}

/*_________________________________________________________________  wrapper  */

#sb-wrapper {
	position: relative;
}

#sb-wrapper img {
	border: none;
}

/*____________________________________________________________________  body  */

#sb-body {
	position: relative;
	margin: 0;
	padding: 0;
}

#sb-body-inner {
	position: relative;
	height: 100%;
}

#sb-content.html {
	height: 100%;
	overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */

#sb-loading {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 10px;
}

#sb-body,
#sb-loading {
	background-color: #000; /* should match loading image background color */
}

#sb-loading a {
	color: #000;
}

/*____________________________________________________________  title & info  */

#sb-title,
#sb-info {
	height: auto!important;
	margin: 0; /* these must have no vertical margin or padding */
	padding: 0 5px;
	overflow: hidden;
}

#sb-title-inner,
#sb-info-inner {
	position: relative;
	font-family: 'Lucida Grande', Tahoma, sans-serif;
	line-height: 16px;
}

#sb-title,
#sb-title-inner {
	background: #000;
}

#sb-title-inner {
	font-size: 10px;
	color: #fff;
}

#sb-info,
#sb-info-inner {
	background: #000;
	height: 20px;
}

#sb-info-inner {
	color: #fff;
}

/*_____________________________________________________________________  nav  */

#sb-nav {
	float: right;
	height: 22px;
	padding: 5px 0 8px 0;
	width: 45%;
	float: none;
	width: 105%;
}

#sb-nav a {
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin-left: 3px;
	cursor: pointer;
}

#sb-nav #sb-nav-close {
	background-image: url(resources/close.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 26px;
}

#sb-nav-next {
	background: url(resources/next.png) no-repeat 0 0;
	cursor: pointer;
	height: 28px;
	position: absolute;
	right: -42px;
	bottom: 170px;
	width: 20px;
}

#sb-nav-previous {
	background-image: url(resources/previous.png);
	background-repeat: no-repeat;
	cursor: pointer;
	height: 28px;
	left: -42px;
	position: absolute;
	bottom: 170px;
	width: 20px;
}

#sb-nav-play {
	background-image: url(resources/play.png);
	background-repeat: no-repeat;
}

#sb-nav-pause {
	background-image: url(resources/pause.png);
	background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */

#sb-counter {
	float: right;
	padding: 2px 0;
}

#sb-counter a {
	padding: 0 4px 0 0;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

#sb-counter a.sb-counter-current {
	text-decoration: underline;
}

/*________________________________________________________________  messages  */

div.sb-message {
	font-family: 'Lucida Grande', Tahoma, sans-serif;
	font-size: 12px;
	padding: 10px;
	text-align: center;
}

div.sb-message a:link,
div.sb-message a:visited {
	color: #fff;
	text-decoration: underline;
}

/* Print Style Sheet */

/*	  Site Wide 	*/

/*

Project: Dulux Homepage Redesign
Date: 11.04.12
Author: Anthony J. Smith

*/

@font-face {
	font-family: 'FuturaExtendedRegular';
	src: url('/fonts/refresh2014/futuraextended-webfont.eot');
	src: url('/fonts/refresh2014/futuraextended-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/refresh2014/futuraextended-webfont.woff') format('woff'),
         url('/fonts/refresh2014/futuraextended-webfont.ttf') format('truetype'),
         url('/fonts/refresh2014/futuraextended-webfont.svg#FuturaExtendedRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaBoldRegular';
	src: url('/fonts/refresh2014/futur_-webfont.eot');
	src: url('/fonts/refresh2014/futur_-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/refresh2014/futur_-webfont.woff') format('woff'),
         url('/fonts/refresh2014/futur_-webfont.ttf') format('truetype'),
         url('/fonts/refresh2014/futur_-webfont.svg#FuturaBoldRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Core Styles
*******************************************************************************************/

#wrapper #content.consumerHome,
#wrapper #content.tradeHome,
#wrapper #content.specifierHome {
	margin: 0 6px;
}

#dock-wrap {
	background: url('/images/refresh2014/bg-dock.png') no-repeat right bottom;
}

#dock-wrap #dock {
	background: url('/images/refresh2014/bg-dock-wrap-right.png') no-repeat left bottom;
	position: absolute;
	z-index: 4000;
}

.border-radius4 {
	border-radius: 4px;
}

/* Header
*******************************************************************************************/

#wrapper #header {
	padding-top: 25px;
}

#wrapper #header #site-opts a.siteBtn {
	background: #fff;
	border: 2px solid #e2e1df;
	color: #444444;
	display: block;
	float: left;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 14px;
	margin-left: 9px;
	padding: 8px 10px;
	text-align: center;
	text-decoration: none;
	width: 80px;
}

#wrapper #header #site-opts a.siteBtn:hover {
	background: #444;
	color: #fff;
}

#wrapper #header a#siteLogo {
	background: url('/images/refresh2014/logo_main.png') no-repeat 0 0;
	display: block;
	float: left;
	height: 59px;
	margin: 0 15px 0 0;
	text-indent: -999em;
	width: 191px;
}

/* Login Box */

#wrapper #header #loginDetails {
	border-left: 2px solid #cac9c8;
	float: left;
	margin-bottom: 4px;
	padding: 0 0 0 15px;
	width: 192px;
}

#wrapper #header #loginDetails a.btn {
	background: #999;
	border: 2px solid #cccbc9;
	color: #ffffff;
	display: block;
	float: left;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 13px;
	line-height: 15px;
	margin: 0 5px 8px 0;
	padding: 4px 7px;
	text-decoration: none;
}

#wrapper #header #loginDetails a.btn:hover {
	background: #fff;
	color: #999;
}

#wrapper #header #loginDetails p {
	clear: both;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	margin: 0;
}

/* Login Box - Trade*/

#wrapper #header #loginDetails.trade {
	min-height: 34px;
	padding-top: 25px;
}

#wrapper #header #loginDetails.trade span {
	color: #002959;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 19px;
}

/* Login Box - Specifier*/

#wrapper #header #loginDetails.specifiers #login-container {
	background: none;
	margin: 0;
	width: 345px;
}

#wrapper #header #loginDetails.specifiers #login-container div#login-details {
	border-right: 2px solid #cac9c8;
	width: 195px;
}

#wrapper #header #loginDetails.specifiers #login-container span.spec-title {
	background: none;
	color: #002959;
	float: right;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 19px;
	height: auto;
	text-indent: 0;
	width: auto;
}

/* Social Icons */

#wrapper #header ul#socialIcons {
	clear: both;
	float: right;
	margin: 0 0 10px 0;
}

#wrapper #header ul#socialIcons li {
	float: left;
	list-style: none;
	margin: 0 4px 0 0;
}

#wrapper #header ul#socialIcons li.first {
	color: #2e2e2e;
	font-size: 11px;
	line-height: 16px;
	margin-right: 15px;
}

#wrapper #header ul#socialIcons li a {
	background: url('/images/refresh2014/bg_socialIcons.png') no-repeat 0 0;
	display: block;
	height: 16px;
	text-indent: -999em;
	width: 16px;
}

#wrapper #header ul#socialIcons li a.twitterIcon {
	background-position: -16px 0;
}

#wrapper #header ul#socialIcons li a.googlePlusIcon {
	background-position: -32px 0;
}

#wrapper #header ul#socialIcons li a.pintrestIcon {
	background-position: -48px 0;
}

/* Navigation
*******************************************************************************************/

#wrapper #nav {
	background: #444;
	border: none;
	height: 36px;
	margin: 0 6px 21px;
	padding: 0;
}

#wrapper #nav #nav-main {
	position: relative;
}

#wrapper #nav #nav-main li#nav1Item:hover {
	background: #002959;
}

#wrapper #nav #nav-main li#nav1Item a {
	background: url('/images/refresh2014/nav_home.png') no-repeat 11px 9px;
	height: 36px;
	padding: 0;
	text-indent: -999em;
	width: 40px;
}

#wrapper #nav #nav-main li a {
	background-image: none;
	line-height: 36px;
	color: #fff;
	display: block;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 14px;
	height: auto;
	padding: 0 15px;
	text-decoration: none;
	text-indent: 0;
	width: auto;
}

#wrapper #nav #nav-main li:hover a.nav1,
#wrapper #nav #nav-main li:hover a.nav7,
#wrapper #nav #nav-main li:hover a.nav8 {
	background: #002959;
}

#wrapper #nav #nav-main li:hover a.nav2,
#wrapper #nav #nav-main li.active a.nav2 {
	background: #3a99c0;
}

#wrapper #nav #nav-main li:hover a.nav3,
#wrapper #nav #nav-main li.active a.nav3 {
	background: #227251;
}

#wrapper #nav #nav-main li:hover a.nav4,
#wrapper #nav #nav-main li.active a.nav4 {
	background: #7d3413;
}

#wrapper #nav #nav-main li:hover a.nav5,
#wrapper #nav #nav-main li.active a.nav5 {
	background: #670f4b;
}

#wrapper #nav #nav-main li:hover a.nav6,
#wrapper #nav #nav-main li.active a.nav6 {
	background: #00235E;
}

#wrapper #nav #nav-main li:hover a.nav7,
#wrapper #nav #nav-main li.active a.nav7 {
	background: #00235E;
}

/* Drop Down Menu */

#wrapper #nav #nav-main li div.dropDown {
	border: 2px solid #e2e1df;
	background: #fff;
	margin: 11px 0 0 0;
	padding: 32px 36px;
	width: 884px;
	position: absolute;
	left: -999em;
	z-index: 999;
}

#wrapper #nav #nav-main li:hover div.dropDown {
	left: 0;
}

#wrapper #nav #nav-main li span.menuPoint {
	background: url('/images/refresh2014/dropdownArrow.png') no-repeat center center;
	display: block;
	height: 13px;
	position: absolute;
	left: 38px;
	top: -13px;
	width: 78px;
}

#wrapper #nav #nav-main li div.dropDown h2 {
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 21px;
	margin: 0 0 30px 0;
}

#wrapper #nav #nav-main li:hover div.dropDown ul {
	left: 0;
	position: relative;
}

#wrapper #nav #nav-main li div.dropDown ul {
	background: #fff;
	float: left;
	padding: 0;
	position: relative;
	width: 360px;
}

#wrapper #nav #nav-main li div.dropDown ul li {
	border: none;
	margin: 0;
	padding: 0;
	width: 180px;
}

#wrapper #nav #nav-main li div.dropDown ul li a {
	border-bottom: 1px solid #fff;
	color: #444;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	padding: 0 0 2px 0;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock {
	background: #f0f0f0;
	float: left;
	margin: 0 12px 0 0;
	min-height: 137px;
	padding: 0 0 20px 0;
	width: 162px;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock a {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock img {
	margin: 0 0 10px 0;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock h5 {
	color: #444;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 6px;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock h5 a:link,
#wrapper #nav #nav-main li div.dropDown div.menuBlock h5 a:visited,
#wrapper #nav #nav-main li div.dropDown div.menuBlock h5 a:hover {
	color: #444;
	text-decoration: none;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock p {
	padding: 0 10px;
}

/* Menu Point for each item & section */

#wrapper #nav #nav-main li#nav2Item span.menuPoint {
	left: 30px;
}

/* Colours & Variants */

#wrapper #nav #nav-main li#nav2Item div.dropDown h2 {
	color: #3a99c0;
}

#wrapper #nav #nav-main li#nav2Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #3a99c0;
}

#wrapper #nav #nav-main li#nav3Item div.dropDown h2 {
	color: #227251;
}

#wrapper #nav #nav-main li#nav3Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #227251;
}

#wrapper #nav #nav-main li#nav3Item span.menuPoint {
	left: 116px;
	width: 93px;
}

#wrapper #nav #nav-main li#nav4Item div.dropDown h2 {
	color: #7d3413;
}

#wrapper #nav #nav-main li#nav4Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #7d3413;
}

#wrapper #nav #nav-main li#nav4Item span.menuPoint {
	left: 209px;
	width: 89px;
}

#wrapper #nav #nav-main li#nav5Item div.dropDown h2 {
	color: #670f4b;
}

#wrapper #nav #nav-main li#nav5Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #670f4b;
}

#wrapper #nav #nav-main li#nav5Item span.menuPoint {
	left: 298px;
	width: 79px;
}

#wrapper #nav #nav-main li#nav6Item div.dropDown h2 {
	color: #00235E;
}

#wrapper #nav #nav-main li#nav6Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #00235E;
}

#wrapper #nav #nav-main li#nav6Item span.menuPoint {
	left: 441px;
	width: 83px;
}

#wrapper #nav #nav-main li#nav7Item div.dropDown h2 {
	color: #00235E;
}

#wrapper #nav #nav-main li#nav7Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #00235E;
}

#wrapper #nav #nav-main li#nav7Item span.menuPoint {
	left: 441px;
	width: 83px;
}

/* Search Box */

#wrapper #nav div.search-box {
	background: #fff;
	border: 2px solid #e2e1df;
	margin: 5px 6px 0 0;
	padding: 0;
	width: 170px;
}

#wrapper #nav div.search-box input[type=text] {
	border: none;
	color: #cccccc;
	display: block;
	float: left;
	font-size: 13px;
	height: 22px;
	line-height: 22px;
	padding: 0 0 0 10px;
	margin: 0;
	width: 135px;
}

#wrapper #nav div.search-box input[type=submit],
#wrapper #nav div.search-box .searchButton { /* background: url('/images/refresh2014/searchIcon.png') no-repeat 0 0; */
	border: none;
	cursor: pointer;
	display: block;
	height: 22px;
	line-height: 0;
	margin: 0;
	text-indent: -999em;
	width: 22px;
}

/* Carousel
*******************************************************************************************/

#wrapper div#content.consumer {
	background: none;
}

#wrapper #carousel {
	background: url('/images/refresh2014/bg_carouselConsumer.png') no-repeat 0 0;
	height: 382px;
	position: relative;
	width: 960px;
}

#wrapper #carousel span#duluxDog {
	background: url('/images/refresh2014/bg_dog.png') no-repeat 0 0;
	display: block;
	height: 408px;
	position: absolute;
	top: -21px;
	left: 40px;
	width: 282px;
	z-index: 10;
}

#wrapper #carousel #carouselContent {
	float: left;
	height: 327px;
	margin: 0 0 0 250px;
	overflow: hidden;
	width: 710px;
	z-index: 9;
}

/* Carousel Nav */

#wrapper #carousel .carouselNav {
	clear: both;
	float: right;
	padding: 12px 0 0 0;
}

#wrapper #carousel .carouselNav li {
	float: left;
	list-style: none;
	margin-left: 5px;
}

#wrapper #carousel .carouselNav li a {
	background: url('/images/refresh2014/nav_carousel.png') no-repeat 0 0;
	display: block;
	height: 13px;
	text-indent: -999em;
	width: 13px;
}

#wrapper #carousel .carouselNav li a:hover,
#wrapper #carousel .carouselNav li a.active {
	background-position: -13px 0;
}

#wrapper #carousel #carouselContent .ytid {
	text-indent: -999em;
	line-height: 0;
}

/* Carousel - Trade */

#wrapper #content.applicator {
	min-height: 0;
	margin-bottom: 20px;
	background: none;
}

#wrapper #content.applicator #carousel {
	background: none;
	height: 360px;
}

#wrapper #content.applicator #carousel span#duluxDog {
	display: none;
}

#wrapper #content.applicator #carousel div#carouselContent {
	margin: 0;
	width: 960px;
}

/* Carousel - Specifier */

#wrapper #content.lp {
	min-height: 0;
	margin-bottom: 20px;
	background: none;
}

#wrapper #content.lp #carousel {
	background: none;
	height: 360px;
}

#wrapper #content.lp #carousel span#duluxDog {
	display: none;
}

#wrapper #content.lp #carousel div#carouselContent {
	margin: 0;
	width: 960px;
}

/* Content
*******************************************************************************************/

#wrapper #content div.homeCol {
	width: 470px;
}

#wrapper #content div#leftCol.homeCol {
	float: left;
}

#wrapper #content div#leftCol.homeCol div.full {
	height: 163px;
	padding: 0;
}

#wrapper #content div#rightCol.homeCol {
	float: right;
}

#wrapper #content div#rightCol.homeCol div.full {
	height: 163px;
	padding: 0;
}

#wrapper #content div#leftCol.homeCol div.full .featureCarousel {
	width: 470px;
	height: 163px;
}

#wrapper #content div#leftCol.homeCol div.full .featureCarousel .slide {
	width: 470px;
	height: 163px;
	padding: 0;
	margin: 0;
}

#wrapper #content div#rightCol.homeCol div.full .featureCarousel {
	width: 470px;
	height: 163px;
}

#wrapper #content div#rightCol.homeCol div.full .featureCarousel .slide {
	width: 470px;
	height: 163px;
	padding: 0;
	margin: 0;
}

#wrapper #content div.homeCol h2 {
	color: #444444;
	font-family: 'FuturaExtendedRegular', arial, helvectica;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 10px 12px;
}

/* Full sized box */

#wrapper #content div.homeCol div.full {
	background: #e8e8e8;
	height: 135px;
	padding: 14px 12px;
	position: relative;
	margin: 0 0 20px 0;
}

#wrapper #content div.homeCol iframe {
	margin: 0 0 20px 0;
}

#wrapper #content div.homeCol div.full .featureCarousel {
	background: #fff;
	height: 134px;
	position: relative;
	overflow: hidden;
	width: 445px;
}

/* Nav */

#wrapper #content div.homeCol div.full a.prev,
#wrapper #content div.homeCol div.full a.next {
	background: url('/images/refresh2014/carouselArrows.png') no-repeat 0 0;
	display: block;
	height: 163px;
	text-indent: -999em;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10;
}

#wrapper #content div.homeCol div.full a.prev {
	left: 0;
}

#wrapper #content div.homeCol div.full a.next {
	background-position: -28px 0;
	right: 0;
}

/* Slide Content */

#wrapper #content div.homeCol div.full .featureCarousel div.slide {
	float: left;
	height: 125px;
	padding: 5px;
	width: 435px;
}

#wrapper #content div.homeCol div.full .featureCarousel div.slide img {
	float: left;
}

#wrapper #content div.homeCol div.full .featureCarousel div.slide h3 {
	color: #444;
	display: block;
	float: left;
	font-family: 'FuturaBoldRegular', arial, helvectica;
	font-size: 18px;
	font-weight: normal;
	margin: 14px 0 10px 20px;
}

#wrapper #content div.homeCol div.full .featureCarousel div.slide h3 a:link,
#wrapper #content div.homeCol div.full .featureCarousel div.slide h3 a:visited,
#wrapper #content div.homeCol div.full .featureCarousel div.slide h3 a:hover {
	color: #444;
	text-decoration: none;
}

#wrapper #content div.homeCol div.full .featureCarousel div.slide p {
	float: left;
	font-size: 13px;
	margin: 0 0 0 20px;
	width: 225px;
}

/* Slide Content half - Trade & Specifier */

#wrapper #content.lp #rightCol div.full .featureCarousel,
#wrapper #content.applicator #rightCol div.full .featureCarousel {
	background: none;
}

#wrapper #content.lp #rightCol div.full .featureCarousel div.slide,
#wrapper #content.applicator #rightCol div.full .featureCarousel div.slide {
	background: none;
	height: 135px;
	padding: 12px;
	width: 445px;
}

#wrapper #content.lp #rightCol div.full .featureCarousel div.halfSlide,
#wrapper #content.applicator #rightCol div.full .featureCarousel div.halfSlide {
	background: #fff;
	float: left;
	height: 123px;
	margin-right: 7px;
	padding: 5px;
	width: 209px;
}

#wrapper #content.lp #rightCol div.full .featureCarousel div.halfSlide.even,
#wrapper #content.applicator #rightCol div.full .featureCarousel div.halfSlide.even {
	margin-right: 0;
}

#wrapper #content.lp #rightCol div.full .featureCarousel div.halfSlide h3,
#wrapper #content.applicator #rightCol div.full .featureCarousel div.halfSlide h3 {
	margin: 0;
	padding: 5px 0 0 0;
	text-align: right;
	width: 100%;
}

#wrapper #content.lp #rightCol div.full .featureCarousel div.halfSlide h3 a,
#wrapper #content.applicator #rightCol div.full .featureCarousel div.halfSlide h3 a {
	color: #444444;
	text-decoration: none;
}

/* Small 1/4 box */

#wrapper #content div.homeCol div.box {
	background: #efefef;
	float: left;
	height: 96px;
	padding: 7px;
	width: 211px;
}

#wrapper #content div.homeCol div.box.first {
	margin-right: 20px;
}

#wrapper #content div.homeCol div.box img {
	float: left;
	margin-right: 10px;
	border: none;
}

#wrapper #content div.homeCol div.box h4 {
	color: #444;
	display: block;
	float: left;
	font-family: 'FuturaBoldRegular', arial, helvectica;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	width: 126px;
}

#wrapper #content div.homeCol div.box h4 a:link,
#wrapper #content div.homeCol div.box h4 a:visited,
#wrapper #content div.homeCol div.box h4 a:hover {
	color: #444;
	text-decoration: none;
}

#wrapper #content div.homeCol div.box p {
	float: left;
	width: 130px;
}

/* Latest News
*******************************************************************************************/

#wrapper #content #latestNews {
	clear: both;
	padding: 25px 0 0 0;
	position: relative;
}

#wrapper #content #latestNews h2 {
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 15px 12px;
}

/* Nav */

#wrapper #content #latestNews ul#newsNav {
	position: absolute;
	top: 80px;
	right: 15px;
	z-index: 10;
}

#wrapper #content #latestNews ul#newsNav li {
	float: left;
	list-style: none;
	padding: 0 3px;
}

#wrapper #content #latestNews ul#newsNav li a {
	background: url('/images/refresh2014/newsArrows.png') no-repeat 0 0;
	color: #444;
	display: block;
	font-size: 10px;
	line-height: 7px;
	padding: 0 0 0 7px;
	text-decoration: none;
}

#wrapper #content #latestNews ul#newsNav li.next {
	border-left: 1px solid #969696;
	padding-right: 0;
}

#wrapper #content #latestNews ul#newsNav li.next a {
	background-position: right -7px;
	padding: 0 7px 0 0;
}

/* News Items */

#wrapper #content #latestNews div.news {
	background: #e8e8e8;
	height: 90px;
	position: relative;
	width: 960px;
}

#wrapper #content #latestNews div.news div.newsItem {
	padding: 10px 15px;
}

#wrapper #content #latestNews div.news div.newsItem h3 {
	color: #444;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#wrapper #content #latestNews div.news div.newsItem p {
	font-size: 12px;
	line-height: 19px;
}

#wrapper #content #latestNews div.news div.newsItem a {
	color: #444;
	font-size: 12px;
	position: absolute;
	bottom: 10px;
	right: 15px;
}

/* Footer
*******************************************************************************************/

#footerWrapper {
	background: #fff;
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 972px;
}

#footer {
	background: url('/images/refresh2014/footerSlogan.png') no-repeat 0 0;
	height: 170px;
	padding: 46px 0 0 0;
	margin: 10px auto 0;
	position: relative;
	width: 960px;
}

#footer ul {
	clear: both;
	float: left;
	margin: 0 0 11px 0;
	padding: 0 10px;
}

#footer #promoNav {
	margin: 0;
}

#footer #legalNav {
	margin: 11px 0;
}

#footer ul li {
	float: left;
}

#footer ul li.last a {
	border: none;
}

#footer ul li a {
	border-right: 1px solid #707070;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 0 5px;
}

#footer ul#promoNav {
	background: #9f9f9f;
	padding: 0;
	width: 960px;
}

#footer ul#promoNav li {
	padding: 0;
}

#footer ul#promoNav li a {
	background: #9f9f9f;
	border-right: 2px solid #fff;
	color: #fff;
	display: block;
	font-size: 14px;
	font-family: 'FuturaBoldRegular', arial, helvectica;
	margin: 0 0 0 0;
	padding: 10px 16px;
	text-transform: uppercase;
}

#footer ul#promoNav li a:hover {
	background: #fff;
	color: #9f9f9f;
	text-decoration: none;
}

#footer ul#promoNav li a.pnav-envirosolutions {
	border-right: none;
	width: 158px;
}

#footer ul#legalNav a {
	border-color: #9f9f9f;
	color: #444;
}

#footer iframe {
	position: absolute;
	top: 115px;
	right: 0;
}

#footer img.aus-made {
	clear: both;
	float: left;
	margin: 0 0 0 15px;
}

.bck-top {
	margin-left: 10px;
}

/* SEARCH RESULT SECTION */

.search-results h2 {
	margin-bottom: 20px;
}

.search-results h3 {
	border-bottom: solid 1px #ccc;
	text-transform: uppercase;
	color: #444;
	padding-bottom: 5px;
}

.search-results p.description {
	padding-bottom: 0px;
	margin: 6px 0 0px 0 !important;
}

.search-results .results-header {
	border: solid 1px #CCC;
	padding: 10px;
	margin-bottom: 10px;
	background: #efefef;
}

.results-text-list {
	width: 900px;
}

.results-text-list  ul li {
	list-style: none;
	background: none !important;
	margin-bottom: 25px;
}

.results-text-list  ul li span.page-icon {
	display: block;
	float: left;
	height: 20px;
	width: 24px;
	background: transparent url('/images/refresh2014/umbraco-sprites.png') no-repeat -5px -260px;
}

.results-text-list  ul li span.url {
	font-size: 1.1em;
	color: Gray;
}

.results-text-list  ul li p {
	padding-left: 24px;
	padding-right: 24px;
}

.results-colour-list {
	overflow-y: scroll;
	height: 128px;
	width: 900px;
}

#results-colour {
	margin-bottom: 40px;
}

.colour-list {
	list-style: none;
}

.color-item {
	border: dashed 1px #ccc;
	padding: 5px 5px 10px !important;
	width: 111px;
	background: none !important;
	float: left;
	overflow: hidden;
	margin: 0px 3px 3px 0px;
	min-height: 95px;
}

.color-item .color-palette {
	width: 110px;
	height: 55px;
}

.color-item p {
	margin: 0px !important;
	padding: 0px;
	font-size: 10px !important;
}

#show-all-colour-results {
	padding-right: 20px;
	font-size: 13px;
	background-image: url('/images/refresh2014/expand-collapse-arrows.png');
	background-repeat: no-repeat;
}

.expanded-colour-results {
	background-position: 100% 3px;
}

.collapsed-colour-results {
	background-position: 100% -18px;
}

html,
body {
	background: #fbfbfb url('/images/refresh2014/pageBackground.jpg') no-repeat 0 0 fixed;
}

#wrapper {
	background: #fbfbfb url('/images/refresh2014/bg_background.jpg') repeat-x 0 0;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/

/**************************************************
/* 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
		3.7 Site Map
		
	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
		6.13 Acratex
		
	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
		11.1 Design Collection
	
	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 Shop
	
	24.0 Flash Pages
	
	25.0 Landing Pages
		25.1 Consumer Colour
		25.2 Consumer Products
		25.3 IE6 upgrade warning
		25.4 Colour Booklets
	
	26.0 Laminex Colour Schemes Booklet Form
	
	27.0 Easter Promo Form - Dulux Greatest Hits	
	
	29.0 World of Colour - Red Heart Blue Shore

/**************************************************
/** 1.0 General Layout Styles 
/**************************************************/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

html,
body {
	background: #fbfbfb url(bg_body.jpg) repeat-x 0 0;
	color: #2d2d2d;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 82.5%;
	height: 100%;
	margin: 0; /* Fix shops style sheet adding a margin */
}

.clear {
	clear: both;
	height: 0;
}

.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: 17px;
}

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

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

/*****************/

/* 1.1 Sticky Footer */

/*****************/

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

/****************************************************************************************************************************
/** 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/refresh2014/btn-specifier.png') no-repeat 0 0;
}

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

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

/*************
/* 2.2 Logo */

/*************/

a.logo {
	background: url('/images/refresh2014/dulux-logo.png') no-repeat 0 0;
	display: block;
	float: left;
	height: 61px;
	margin-top: 27px;
	text-indent: -999em;
	width: 141px;
}

/*************
/* 2.3 Specifiers & Applicators */

/*************/

#header.alternate #login-container {
	background: url('/images/refresh2014/bg_login-container.png') no-repeat top left;
	float: left;
	margin: 27px 0 0 13px;
	padding: 0 0 0 1px;
	min-height: 58px;
}

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

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

#header.alternate #login-container #login-details {
	padding: 0;
}

/* 2.3a For Specifiers */

#header.alternate #login-container span.spec-title {
	background: url('/images/refresh2014/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/refresh2014/head-applicator.png') no-repeat 0 0;
	display: block;
	height: 21px;
	margin: 23px 0 0 0;
	text-indent: -999em;
	width: 159px;
}

/*************
/* 2.4 Login */

/*************/

#login-details {
	float: left;
	padding: 0 0 0 1px;
}

p.login {
	float: left;
	margin: 36px 0 0 32px;
}

p.login-links {
	clear: left;
	float: left;
	margin: 5px 0 0 32px;
}

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

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

p.login-links a.first {
	padding-left: 0;
}

p.login-links a.last {
	border-right: 0;
}

/*************
/* 2.5 Search */

/*************/

.search-box {
	clear: right;
	float: right;
	padding-top: 16px;
	width: 280px;
}

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

.search-box fieldset {
	border: none;
}

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

/****************************************************************************************************************************
/** 3.0 Navigation
/****************************************************************************************************************************/

#nav {
	border-bottom: 1px solid #b0b0a9;
	clear: both;
	margin-top: 13px;
	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/refresh2014/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/refresh2014/nav-main.png') no-repeat 0 -26px;
}

ul#nav-main.main li a.nav2 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -63px -83px;
	width: 81px;
}

ul#nav-main.main li.active a.nav2 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -63px -135px;
}

ul#nav-main.main li a.nav3 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -139px 0;
	width: 102px;
}

ul#nav-main.main li.active a.nav3 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -139px -52px;
}

ul#nav-main.main li a.nav4 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -230px 0;
	width: 100px;
}

ul#nav-main.main li.active a.nav4 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -230px -52px;
}

ul#nav-main.main li a.nav5 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -320px 0;
	width: 109px;
}

ul#nav-main.main li.active a.nav5 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -320px -52px;
}

ul#nav-main.main li a.nav6 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -619px -166px;
	width: 100px;
}

ul#nav-main.main li.active a.nav6,
ul#nav-main.main li a.nav6:hover {
	background: url('/images/refresh2014/nav-main.png') no-repeat -619px -192px;
}

/******************************/

/* 3.3 Main Nav Class = SPECIFIER */

/******************************/

ul#nav-main.spec li a.nav2 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -63px -83px;
	width: 81px;
}

ul#nav-main.spec li.active a.nav2 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -63px -135px;
}

ul#nav-main.spec li a.nav3 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -143px -83px;
	width: 112px;
}

ul#nav-main.spec li.active a.nav3 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -143px -135px;
}

ul#nav-main.spec li a.nav4 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -254px -83px;
	width: 195px;
}

ul#nav-main.spec li.active a.nav4 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -254px -135px;
}

ul#nav-main.spec li a.nav5 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -456px -109px;
}

ul#nav-main.spec li a.nav6 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -574px -83px;
	width: 101px;
}

ul#nav-main.spec li.active a.nav6 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -574px -135px;
}

ul#nav-main.spec li a.nav7 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -674px -83px;
	width: 71px;
}

ul#nav-main.spec li.active a.nav7,
ul#nav-main.spec li a.nav7:hover {
	background: url('/images/refresh2014/nav-main.png') no-repeat -674px -109px;
}

/******************************/

/* 3.4 Main Nav Class = Applicator */

/******************************/

ul#nav-main.app li a.nav2 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -63px -166px;
	width: 81px;
}

ul#nav-main.app li.active a.nav2 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -63px -218px;
}

ul#nav-main.app li a.nav3 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -144px -166px;
	width: 80px;
}

ul#nav-main.app li.active a.nav3 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -144px -218px;
}

ul#nav-main.app li a.nav4 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -224px -166px;
	width: 111px;
}

ul#nav-main.app li.active a.nav4 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -224px -218px;
}

ul#nav-main.app li a.nav5 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -336px -166px;
	width: 194px;
}

ul#nav-main.app li.active a.nav5 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -336px -218px;
}

ul#nav-main.app li a.nav6 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -530px -166px;
	width: 89px;
}

ul#nav-main.app li.active a.nav6 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -530px -218px;
}

ul#nav-main.app li a.nav7 {
	background: url('/images/refresh2014/nav-main.png') no-repeat -619px -166px;
	width: 100px; /* 125px if has child */
}

ul#nav-main.app li.active a.nav7 {
	background: url('/images/refresh2014/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/refresh2014/nav-main.png') no-repeat -619px -218px; ----- use this if has children */
	background: url('/images/refresh2014/nav-main.png') no-repeat -619px -192px;
}

/*************
/* 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;
}

#nav ul#nav-sub li {
	float: left;
	list-style: none;
}

#nav ul#nav-sub li.first a {
	padding: 0;
}

#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;
}

/*************	
/* 3.7 Site Map */

/*************/

#content-main ul.sitemap {
	margin: 10px 0 0 25px;
	padding: 0;
}

#content-main ul.sitemap li {
	background: none;
	border-bottom: 1px solid #B0B0A9;
	color: #00235E;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	list-style: decimal-leading-zero;
}

#content-main ul.sitemap ul {
	margin: 0 0 5px 10px;
}

#content-main ul.sitemap ul li {
	border: none;
	font-weight: normal;
	list-style: lower-alpha;
	margin: 0;
}

#content-main ul.sitemap ul ul {
	margin: 0 0 5px 10px;
}

#content-main ul.sitemap ul ul li {
	list-style: lower-roman;
}

#content-main ul.sitemap ul ul ul {
	margin: 0 0 0 10px;
}

#content-main ul.sitemap ul ul ul li {
	list-style: decimal;
}

#content-main ul.sitemap ul ul ul ul {
	margin: 0 0 0 10px;
}

#content-main ul.sitemap ul ul ul ul li {
	list-style: lower-alpha;
}

/****************************************************************************************************************************
/** 4.0 Breadcrumbs
/****************************************************************************************************************************/

ul#breadcrumbs {
	border-bottom: 1px solid #b0b0a9;
	height: 24px;
	padding: 0 7px;
}

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

ul#breadcrumbs li a {
	background: url('/images/refresh2014/a-bcrumb.png') 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.8em;
	font-weight: bold;
	margin-top: 3px;
	min-height: 18px;
	padding: 0 0 0 6px;
}

#sidebar ul#side-nav {
	border-top: 1px solid #b0b0a9;
	margin-top: 0;
}

#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/refresh2014/a-sdbr-act.png') no-repeat right 6px;
	padding-right: 7px;
}

/*************	
/* 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/refresh2014/a-sdbr-act.png') no-repeat right 5px;
}

#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/refresh2014/a-sdbr-act.png') 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: auto;
    min-width: 780px;
    max-width: 830px;
}

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

#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;
	padding-top: 6px;
	width: 480px;
}

#content-main h1 {
	color: #2d2d2d;
	display: block;
	font-size: 2.2em;
	width: 400px;
}

#content #content-main.full h1 {
	width: 100%;
}

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

div.addable img {
	visibility: hidden;
}

#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: 0;
	width: 495px;
}

#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 div.img-col2.last {
	margin-left: 0;
}

#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 ul {
	margin: 13px 0 10px 0;
}

#content-main ul li {
	background: url(/images/refresh2014/bg-li.png) no-repeat left 5px;
	list-style: none;
	padding-left: 10px;
}

#content-main ol {
	margin: 3px 0 10px 18px;
}

#content-main ol,
#content-main ul {
	font-size: 1em;
}

a.bck-top {
	background: url(/images/refresh2014/bg-top.png) 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/refresh2014/bg_results-head.jpg) repeat-x 0 0;
	border: none;
	margin: -22px 0 40px 0;
	padding: 0;
}

#content-main.search #results-header {
	clear: both;
	height: 119px;
	margin-top: 5px;
	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 p {
	margin-left: 6px;
}

#content.full #content-main #spaces {
	border-bottom: 1px solid #b9b9b2;
	margin-bottom: 25px;
	padding: 0 6px;
}

#content.full #content-main.borderless,
#content.full #content-main.flash {
	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: 966px;
}

#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: 5px 15px 11px 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/refresh2014/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/refresh2014/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;
}

#spaces #space-swatchs .swatch.white {
	color: #fff;
}

#spaces #space-swatchs .swatch.black {
	color: #000;
}

.space-img {
	background: #fff;
	float: left;
	margin: 0 12px 10px 0;
}

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;
	line-height: 17px;
	margin-top: 2px;
	text-decoration: none;
	_width: 26px; /*For the sanity of ie6 */
}

ul#gallery-nav li.prev a {
	background: url(/images/refresh2014/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/refresh2014/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/refresh2014/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/refresh2014/slider-red.png) no-repeat 0 0;
}

#content #content-main #hue-slider a.yellow {
	background: url(/images/refresh2014/slider-yellow.png) no-repeat 0 0;
	color: #2d2d2d;
}

#content #content-main #hue-slider a.green {
	background: url(/images/refresh2014/slider-green.png) no-repeat 0 0;
}

#content #content-main #hue-slider a.blue {
	background: url(/images/refresh2014/slider-blue.png) no-repeat 0 0;
}

#content #content-main #hue-slider a.brown {
	background: url(/images/refresh2014/slider-brown.png) no-repeat 0 0;
}

#content #content-main #hue-slider a.orange {
	background: url(/images/refresh2014/slider-orange.png) no-repeat 0 0;
}

#content #content-main #hue-slider a.neutral {
	background: url(/images/refresh2014/slider-neutral.png) no-repeat 0 0;
	color: #2d2d2d;
}

#content #content-main #hue-slider a.purple {
	background: url(/images/refresh2014/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 {
	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/refresh2014/bg_results-foot.jpg) repeat-x 0 0;
	height: 104px;
	padding: 0 6px;
}

#results-footer a.prev {
	background: url(/images/refresh2014/btn-prev.png) no-repeat 0 4px;
	float: left;
	padding-left: 15px;
}

#results-footer a.next {
	background: url(/images/refresh2014/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 .main-form #buttons {
	display: inline;
	float: left;
	margin-left: 243px;
	padding: 10px 0 0 0;
}

#content div.col3-form .main-form #buttons.far-right {
	display: inline;
	margin-left: 325px;
}

#content div.col3-form .main-form #buttons input.book-consult,
#content div.col3-form .main-form #buttons input.cancel {
	clear: none;
	float: left;
	margin: 0 10px 0 0;
}

#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 textarea {
	float: left;
	width: 220px;
}

#content fieldset.main-form fieldset.pref-contact {
	clear: both;
	padding: 0 0 10px;
}

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

#content fieldset.main-form label.full {
	width: 466px;
}

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

#content fieldset.main-form fieldset.pref-contact table td {
	height: 18px;
}

#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/refresh2014/btn_submit.png) no-repeat 0 0;
	border: none;
	display: inline;
	float: right;
	height: 30px;
	margin: 15px 128px 0 0;
	text-indent: -999em;
	width: 75px;
}

#content span.req {
	background: url(/images/refresh2014/bg_form-req.png) no-repeat 0 0;
	color: #808073;
	display: block;
	font-weight: bold;
	float: left;
	height: 6px;
	margin: 8px 0 0 5px;
	text-indent: -999em;
	width: 4px;
}

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

/*************/

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

#content-main.form .log-in {
	background: url(/images/refresh2014/bg_login.png) no-repeat 0 0;
	height: 258px;
	padding: 14px 30px 10px 18px;
	width: 431px;
}

#content-main.form .log-in p {
	margin-top: 0;
}

#content-main.form .log-in .main-form label {
	width: 105px;
}

#content-main.form .log-in .main-form input {
	width: 200px;
}

#content-main.form .log-in .main-form input.btn-login {
	background: url(/images/refresh2014/btn_login.png)	no-repeat 0 0;
	border: none;
	clear: both;
	cursor: pointer;
	float: left;
	height: 31px;
	margin-left: 105px;
	text-indent: -999em;
	width: 72px;
}

#content-main.form .log-in .main-form a.forgot {
	float: left;
	margin: 8px 0 0 20px;
	width: 200px;
}

#content-main.form div.not-member {
	float: right;
	padding: 24px 150px 0 0;
	width: 320px;
}

#content-main.form div.not-member a {
	background: url(/images/refresh2014/bg_arrow-link.png) no-repeat right 5px;
	font-size: 15px;
	font-weight: bold;
	padding-right: 15px;
}

#content #content-main.form div.not-member a:hover {
	color: #3b99c0;
	text-decoration: none;
}

#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 {
	border-bottom: 1px solid #e8e8df;
	clear: both;
	display: block;
	float: left;
	padding: 4px 0;
	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 {
	background: url(/images/refresh2014/bg_close.png) no-repeat 0 1px;
	display: block;
	font-size: 1em;
	float: left;
	padding-left: 15px;
}

#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/refresh2014/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 input.cancel {
	background: url(/images/refresh2014/btn_cancel.png) no-repeat 0 0;
	border: none;
	clear: both;
	display: inline;
	float: right;
	height: 31px;
	margin: 0 226px 10px 0;
	text-indent: -999em;
	width: 71px;
}

#content span.form-info {
	clear: left;
	display: block;
	width: 210px;
}

#content fieldset.main-form input.send-email {
	background: url(/images/refresh2014/btn_send-email.png) no-repeat 0 0;
	border: none;
	clear: both;
	display: inline;
	float: right;
	height: 32px;
	margin: 0 193px 10px 0;
	width: 104px;
}

#content fieldset.main-form input.register {
	background: url(/images/refresh2014/btn_register.png) no-repeat 0 0;
	border: none;
	display: inline;
	cursor: pointer;
	float: right;
	height: 31px;
	margin: 20px 36px 10px 0;
	text-indent: -999em;
	width: 83px;
}

#content fieldset.main-form fieldset.radio {
	clear: both;
	padding: 0 0 10px 0;
}

#content fieldset.main-form fieldset.radio table tr {
	clear: both;
	margin-bottom: 2px;
}

#content fieldset.checkboxes table tr td {
	padding: 5px 20px 5px 0;
}

#content fieldset.checkboxes table tr td input {
	margin-right: 5px;
}

#content fieldset.checkboxes span.header {
	font-weight: bold;
}

#content fieldset.checkboxes textarea {
	display: block;
	height: 80px;
	margin-top: 5px;
	width: 100%;
}

#content fieldset.checkboxes hr {
	margin-bottom: 10px;
}

#content fieldset.checkboxes fieldset.radio {
	padding: 5px 0;
}

#content fieldset.checkboxes fieldset.radio input {
	float: left;
	margin-right: 5px;
}

#content fieldset.checkboxes fieldset.radio label {
	clear: none;
	color: #808073;
	display: block;
	float: left;
	font-size: 1em;
	line-height: normal;
	width: 470px;
}

/*************	
/* 6.9a Member Login Box */

/*************/

#content.full #member-login {
	background: url(/images/refresh2014/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/refresh2014/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;
	float: left;
	min-height: 22px;
	padding: 12px 0 18px 0;
	width: 100%;
}

#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/refresh2014/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;
	width: 440px;
}

#content-main ul.category-list li p {
	float: right;
	margin-bottom: 0;
	width: 440px;
}

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

#content-main ul.category-list li.expanded h2 {
	background: url(/images/refresh2014/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;
	float: none;
	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: 19px;
	margin-right: 10px;
	width: 151px;
}

fieldset#retailer-search input.btn-search {
	background: url(/images/refresh2014/btn-search.png) no-repeat 0 2px;
	border: 0;
	height: 23px;
	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 #acratex-results {
	border-top: 1px solid #b9b9b2;
	margin: 0 auto;
	margin-top: 15px;
	padding-top: 15px;
	width: 100%;
}

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

#content #acratex-results #acratex-column {
	float: right;
}

#content #acratex-results #acratex-column h4 {
	margin: 0 0 10px 0;
}

#content #acratex-results #acratex-column table {
	margin-bottom: 15px;
}

#content #acratex-results #acratex-column table td {
	vertical-align: top;
}

#content #acratex-results #acratex-column td.acratex-lable {
	padding: 3px 20px 0 15px;
}

#content #acratex-results #map-results {
	border: 1px solid #bcbcb5;
	height: 424px;
	width: 416px;
}

#content #acratex-results #map-results p {
	font-size: 1em;
}

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

#content #acratex-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 #acratex-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 #acratex-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;
}

#content #acratex-results ul li div.acratex-result {
	float: right;
	font-weight: normal;
	font-size: 1em;
	padding: 13px 13px 0 13px;
	width: 254px;
}

#content #acratex-results ul li div.acratex-result img {
	float: left;
	margin: 3px 5px 0 0;
}

/*************	
/* 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/refresh2014/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/refresh2014/btn-prev.png) no-repeat left 4px;
	padding-left: 15px;
}

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

/*************	
/* 6.13 Acratex */

/*************/

#content #container-half {
	width: 485px;
}

#content #container-half h2 {
	clear: none;
}

#hero-image {
	margin-bottom: 20px;
}

#content #container-half p.intro {
	width: 100%;
}

#content-main ul.nav-large {
	float: right;
	padding: 0 25px 0 0;
	margin: 0;
	width: 240px;
}

#content-main ul.nav-large li {
	background: none;
	border-top: 1px solid #bdbdb7;
	margin-bottom: 12px;
	padding: 12px 0 0 0;
}

#content-main ul.nav-large li.first {
	border: none;
	padding: 0;
}

#content-main ul.nav-large li a {
	background: url(/images/refresh2014/bg_arr-nav-lg.png) no-repeat right 6px;
	color: #00235e;
	font-size: 15px;
	font-weight: bold;
	padding-right: 10px;
}

#content #content-main ul.nav-large li a:hover {
	color: #3a99c0;
	text-decoration: none;
}

/****************************************************************************************************************************
/** 7.0 Sub Content
/****************************************************************************************************************************/

#sub-content {
	float: left;
	padding: 0 0 0 20px;
}

#sub-content.sub-thin {
	width: 140px;
}

#sub-content.sub-norm {
	width: 210px;
	padding-left: 36px;
}

#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: 1em;
	font-weight: bold;
	height: 19px;
	margin-top: 45px;
}

#sub-content p.facts {
	color: #0066cc;
	font-weight: bold;
	font-size: 1.3em;
	width: 230px;
}

/****************************************************************************************************************************
/** 8.0 Form Validation
/****************************************************************************************************************************/

.error-alert {
	background: url(/images/refresh2014/bg_alert.png) no-repeat 17px 17px;
	border: 1px solid #e8bbb2;
	margin: 10px 0 10px 0;
	min-height: 55px;
	padding: 9px 7px 7px 85px;
	width: 446px;
}

#booklet-form .error-alert {
	background: #fff url(/images/refresh2014/bg_alert.png) no-repeat 17px 17px;
	border: 1px solid #e8bbb2;
	margin: 10px 0 10px 0;
	min-height: 55px;
	padding: 9px 7px 7px 85px;
	width: 295px;
}

#booklet-form .error-alert h3 {
	font-size: 12px;
	margin-bottom: 15px;
}

#booklet-form .error-alert ul li {
	font-size: 11px;
}

.error-small {
	width: 215px;
}

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

#content-main .error-alert ul li,
#booklet-form .error-alert ul li,
#hits-form .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;
}

#hits-form .error-alert {
	background: #fff url(/images/refresh2014/bg_alert.png) no-repeat 17px 17px;
	border: 2px solid #C84329;
	margin: 10px 0 10px 0;
	min-height: 55px;
	padding: 9px 7px 7px 85px;
	width: 295px;
}

#hits-form .error-alert h3 {
	font-size: 12px;
	margin-bottom: 15px;
}

#hits-form .error-alert ul li {
	font-size: 11px;
}

/* Validation Locations */

.three-col.error-alert,
.col3-form .error-alert {
	width: 403px;
}

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

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

/* 9.1 Calculator Home Page */

#container-full .calc-proj {
	background: url(/images/refresh2014/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/refresh2014/bg_calc-head.png) no-repeat right 5px;
	color: #00235e;
	cursor: pointer;
	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/refresh2014/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 {
	border-bottom: 1px solid #b0b0a9;
	border-top: 1px solid #b0b0a9;
	margin: 5px 0 15px 0;
	padding: 10px 0 15px 0;
}

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

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

#content-main.full ul.content-nav li {
	background: url(/images/refresh2014/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/refresh2014/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: 7px 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;
	margin-top: 4px;
}

#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/refresh2014/frm-sub-calc.png) no-repeat 0 0;
	display: block;
	width: 87px;
	height: 31px;
	margin: 15px 0 62px 0;
	padding: 0;
	border: 0;
	text-indent: -999em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand;
}

#content-main.full #container-full #column-one input.recalculate {
	background: url(/images/refresh2014/frm-sub-recalc.gif) no-repeat 0 0;
	display: block;
	width: 101px;
	height: 31px;
	margin: 15px 0 62px 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/refresh2014/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;
}

#content div.video img {
	margin: 17px 0 6px 0; /*	padding: 5px;*/
}

#content div.video-add {
	background: url(/images/refresh2014/a-vid-bg.png) no-repeat 8px 8px;
	border: 1px dashed #646464; /*	height: 31px;*/
	min-height: 35px;
	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;
}

#content div.video-add p {
	float: left;
	width: 60%;
}

#content div.video-add p.sml {
	color: #656565;
	float: right;
	font-size: .9em;
	margin-right: 10px;
	width: auto;
}

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

#content.color .colour-cat {
	background: url(/images/refresh2014/bg_wpw-block.png) 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/refresh2014/bg_calc-head.png) no-repeat right 5px;
	color: #00235e;
	display: block;
	float: left;
	font-size: 1.3em;
	margin: 5px 0;
	padding-right: 10px;
}

/****************************************************************************************************************************
/** 11.1 Design Collection
/****************************************************************************************************************************/

#content.color .design-collection-categories {
	background: url(/images/refresh2014/bg_wpw-block.png) no-repeat 0 0;
	float: left;
	height: 158px;
	margin: 0 4px 5px 0;
	padding: 15px 0 0 15px;
	width: 221px;
}

#content.color .design-collection-categories.margin-none {
	margin-right: 0;
}

#content.color .design-collection-categories h4.right {
	background: url(/images/refresh2014/bg_calc-head.png) no-repeat right 3px;
	color: #00235e;
	float: left;
	font-size: 1.1em;
	margin: 5px 12px 5px 0;
	padding-right: 10px;
	text-transform: uppercase;
	float: right;
	text-align: right;
}

#content.color .design-collection-categories h4.left {
	background: url(/images/refresh2014/bg_calc-head.png) no-repeat right 3px;
	color: #00235e;
	float: left;
	font-size: 1.1em;
	margin: 5px 0;
	padding-right: 10px;
	text-transform: uppercase;
	float: left;
	text-align: left;
}

#content.color .design-collection-categories h3 {
	text-align: center;
	padding: 0 17px 8px 0;
	color: #595a5c;
}

/****************************************************************************************************************************
/** 12.0 List Page Layout (search)
/****************************************************************************************************************************/

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

/****************************************************************************************************************************
/** 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/refresh2014/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;
}

/* Added 21.08 for bug #856 */

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

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

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

#sub-content p.facts {
	width: 190px;
}

/*********************************************/

/** 13.0 Product Description template
/*********************************************/

#product-detil-content {
	float: left;
	width: 410px;
}

#product-detil-content p.intro {
	width: 395px;
}

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

#content-main.full #sub-content h4 {
	clear: both;
	margin-top: 10px;
}

#content-main.full #sub-content select {
	width: 100%;
}

#content-main.full #sub-content fieldset {
	margin: 7px 0 20px;
}

#content-main a.prod-det-back {
	display: block;
	margin-bottom: 10px;
}

#product-detil-content p.prod-code,
#product-detil-content p.prod-app {
	color: #4e4e46;
	font-size: 1em;
	margin: 0;
}

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

#product-detil-content 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 {
	clear: both;
	margin-top: 10px;
}

a.pdf {
	background: url(/images/refresh2014/ico-pdf.png) no-repeat 0 0;
	clear: both;
	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/refresh2014/bg-footer.png) no-repeat 16px 0;
	height: 90px;
	margin: 0 auto;
	padding: 46px 6px 83px 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: 21px;
	margin-right: 10px;
	text-indent: -999em;
}

#footer ul#promo-nav a.pnav-pro-coat {
	background: url(/images/refresh2014/btn-protective-coat.png) no-repeat 0 0;
	width: 137px;
}

#footer ul#promo-nav a.pnav-pow-coat {
	background: url(/images/refresh2014/btn-powder-coat.png) no-repeat 0 0;
	width: 122px;
}

#footer ul#promo-nav a.pnav-acratex {
	background: url(/images/refresh2014/btn-acratex.png) no-repeat 0 0;
	width: 63px;
}

#footer ul#promo-nav a.pnav-auto-refin {
	background: url(/images/refresh2014/btn_auto-refin.png) no-repeat 0 0;
	width: 97px;
}

#footer ul#promo-nav a.pnav-intergrain {
	background: url(/images/refresh2014/btn_intergrain.png) no-repeat 0 0;
	width: 81px;
}

#footer ul#promo-nav a.pnav-envirosolutions {
	background: url(/images/refresh2014/btn-envirosolutions.png) no-repeat 0 0;
	width: 119px;
}

#footer img.aus-made {
	margin: 14px 0 0 16px;
}

/****************************************************************************************************************************
/** 15.0 Dock
/****************************************************************************************************************************/

#dock-wrap {
	background: url(/images/refresh2014/bg-dock.png) no-repeat right bottom;
	bottom: 0;
	height: 53px;
	position: fixed;
	width: 100%; /*z-index: 2;*/
}

#dock {
	background: url(/images/refresh2014/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: 2px 0 0 0;
}

#dock a {
	text-decoration: none;
}

#dock h4 {
	color: #00235E;
	display: inline;
	float: left;
	margin-right: 10px;
}

#dock h4 a:hover {
	text-decoration: none;
}

#dock a:hover {
	text-decoration: underline;
}

#dock #project,
#dock #scrapbook {
	position: absolute;
	background: url(/images/refresh2014/btn-dock.png) no-repeat 0 0;
	display: block;
	height: 290px;
	overflow: hidden;
	padding: 20px 0 0 12px;
	width: 239px;
}

#dock #scrapbook {
	margin-left: 251px;
}

#dock a.my-project,
#dock a.my-scrapbook {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0 10px 0 0;
	width: 100%;
}

#dock a.my-scrapbook {
	width: 100px;
}

#dock a.my-project:hover,
#dock a.my-scrapbook:hover {
	text-decoration: none;
}

#project p {
	margin-top: 15px;
}

/****************************************************************************************************************************
								/** 15.1 dockDropzones
								/****************************************************************************************************************************/

.dockDropzones {
	position: absolute;
	left: 29px;
	top: 53px;
	width: 169px;
	height: 150px;
}

#dockProjectColoursWrapper,
#dockZoneProjectScheme,
#dockZoneProjectColourCollection,
#dockZoneScrapbookScheme {
	display: none;
	width: 167px;
	height: 148px;
	border: 1px solid #CCC;
}

#dockProjectColoursWrapper {
	background-image: url(/images/refresh2014/bg-droptarget-colourset.gif);
}

#dockZoneProjectScheme,
#dockZoneProjectColourCollection,
#dockZoneScrapbookScheme {
	background-image: url(/images/refresh2014/bg-droptarget-schemeset.gif);
}

#dockZoneProjectColour1,
#dockZoneProjectColour2,
#dockZoneProjectColour3 {
	width: 167px;
	height: 48px;
	border-bottom: 1px solid #CCC;
}

#dockZoneProjectProduct,
#dockZoneProjectCalculation,
#dockZoneProjectRetailer,
#dockZoneScrapbookColour,
#dockZoneScrapbookProduct,
#dockZoneScrapbookPicture,
#dockZoneScrapbookVideo {
	display: none;
	width: 167px;
	height: 81px;
	margin-top: 33px;
	border: 1px solid #CCC;
}

#dockZoneProjectProduct {
	background-image: url(/images/refresh2014/bg-droptarget-product.gif);
}

#dockZoneProjectCalculation {
	background-image: url(/images/refresh2014/bg-droptarget-calculation.gif);
}

#dockZoneProjectRetailer {
	background-image: url(/images/refresh2014/bg-droptarget-retailer.gif);
}

#dockZoneScrapbookColour {
	background-image: url(/images/refresh2014/bg-droptarget-colour.gif);
}

#dockZoneScrapbookProduct {
	background-image: url(/images/refresh2014/bg-droptarget-product.gif);
}

#dockZoneScrapbookPicture {
	background-image: url(/images/refresh2014/bg-droptarget-picture.gif);
}

#dockZoneScrapbookVideo {
	background-image: url(/images/refresh2014/bg-droptarget-video.gif);
}

/****************************************************************************************************************************
								/** 15.2 Dragged icons
								/****************************************************************************************************************************/

#dragged {
	position: absolute;
	display: none;
	width: 81px;
	height: 81px;
	background: transparent url(/images/refresh2014/dragged-shadow.png) no-repeat !important;
	background: transparent url(/images/refresh2014/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/refresh2014/typecursor-product.gif);
}

#dragged .picture {
	background: #FFF url(/images/refresh2014/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/refresh2014/typecursor-video.gif);
}

#dragged .retailer {
	background: #FFF url(/images/refresh2014/typecursor-retail.gif);
}

/*********************************************/

/** 16.0 Heading/Category  Colours
/*********************************************/

#sub-content p.prod-spec,
#sidebar h2.prod-spec {
	color: #7d3312;
}

/*********************************************/

/**16.1 Header Images
/*********************************************/

#header-img {
	height: 262px;
	margin: 10px 0 30px 0;
	width: 100%;
}

/*********************************************/

/** 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(/images/refresh2014/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;
	float: left;
	margin: 25px 0;
	padding: 12px 0 30px 0;
	width: 100%;
}

a img {
	border: none;
}

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

div#gallery div.img-wrap {
	float: left;
	margin: 15px 30px 0 0;
	min-height: 82px;
}

#content-main .color-tile.margin-none {
	margin-right: 0;
}

div#gallery div.img-wrap.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/refresh2014/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/refresh2014/bg_proj-bdy.png) 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/refresh2014/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;
	float: left;
	font-style: italic;
	margin: 10px 0 0 15px;
	padding: 0 0 0 10px;
	width: 190px;
}

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

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

#projects a.print-shop-list {
	background: url(/images/refresh2014/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/refresh2014/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/refresh2014/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/refresh2014/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(/images/refresh2014/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(/images/refresh2014/bg_done.png) no-repeat 0 0;
}

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

/* 19.2 My Scrapbook */

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

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

#scrapbook-btm {
	background: url(/images/refresh2014/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/refresh2014/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/refresh2014/bg_scrap-nav.png) repeat-x 0 4px;
	clear: both;
	float: left;
	width: 100%;
}

#scrapbook-body #head ul li {
	background: url(/images/refresh2014/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 {
	height: 316px;
	overflow: hidden;
	padding: 15px 0 0 15px;
	position: relative;
}

#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;
	bottom: 1px;
	float: left;
	height: 27px;
	left: 0;
	padding: 8px 11px 0 11px;
	position: absolute;
	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/refresh2014/btn-prev.png) no-repeat left 4px;
	padding-left: 15px;
}

#scrapbook-body ul.tab-nav li.next a {
	background: url(/images/refresh2014/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;
}

#scrapbook-body #body .scrap-img img {
	height: 91px;
}

/* 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;
	height: 50px;
	margin-right: 10px;
	width: 50px;
}

#scrapbook-body #body div.addable div.img img { /* Overrides the visibility: hidden on div.addable img that stopped product images appearing in scrapbook - 19.10.09 */
	visibility: visible;
}

#scrapbook-body #body p.prod-name,
#scrapbook-body #body p.prod-desc {
	font-size: 1em;
	float: right;
	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;
}

/* 19.3 Removable */

#projects .removeable,
#scrapbook .removeable {
	position: relative;
}

.removeable a.remover {
	background: url(/images/refresh2014/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/refresh2014/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: 98px 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/refresh2014/btn_col-wall.png) no-repeat 0 0;
	width: 135px;
}

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

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

/* 19.5 Visualise my Colour */

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

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

#projects #my-colour .project-detail .buttons {
	margin-top: 58px;
}

#projects #my-colour .project-detail p {
	color: #4E4E46;
	text-align: center;
	padding: 0;
	width: 402px;
}

#my-colour .buttons a.vis-proj {
	background: url(/images/refresh2014/bgn_vis-project.png) no-repeat 0 0;
	height: 31px;
	width: 165px;
}

#my-colour .buttons a.edit-pic {
	background: url(/images/refresh2014/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(/images/refresh2014/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;
	height: 50px;
	margin: 0 15px 0 5px;
	width: 50px;
}

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

#my-products #products .product p.prod-name {
	float: left;
	margin-top: 2px;
	width: 65%;
}

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

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

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

/* 19.7 Paint calculator */

#paint-calc #paint {
	float: left;
	width: 240px;
}

#paint-calc a.calculate {
	background: url(/images/refresh2014/frm-sub-calc.png) no-repeat 0 0;
	display: block;
	width: 87px;
	height: 31px;
	margin-right: 67px;
	padding: 0;
	text-indent: -999em;
}

#paint-calc #paint.blank {
	background: #fbfbfb;
	height: 130px;
	border: 1px solid #d5d5cd;
	width: 205px;
}

#paint-calc p#paint-res {
	background: #fbfbfb;
	border: 1px solid #d5d5cd;
	color: #2d2d2d;
	font-size: 1.2em;
	font-weight: bold;
	height: 130px;
	margin: -1px 0 0 -1px;
	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/refresh2014/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/refresh2014/btn_ser-again.png) no-repeat 0 0;
	margin-right: 30px;
	width: 120px;
}

#closest-retailer div.buttons a.find-retail {
	background: url(/images/refresh2014/btn_find-retail.png) no-repeat 0 0;
	margin-right: 30px;
	width: 119px;
}

/* 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/refresh2014/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;
	position: relative; /*padding-bottom: 27px;*/
	width: 100%;
}

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

#content-main.full ul.content-nav.wpw li {
	background: url(/images/refresh2014/bg_arr-wpw-nm.png) no-repeat 0 3px;
}

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

#content-main.full #container-full .prod-sel {
	background: url(/images/refresh2014/bg_wpw-block.png) 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/refresh2014/bg_calc-head.png) no-repeat right 5px;
	color: #00235e;
	display: block;
	float: left;
	font-size: 1.3em;
	margin: 5px 0;
	padding-right: 10px;
}

#content-main.full #container-full .prod-sel h4 a {
	text-decoration: none;
}

/* 20.2 Product selector Stage 2 */

#content-main.full #container-full.wpw h2 {
	margin: 10px 0;
}

#content-main.full #container-full.wpw img.proj-img {
	float: left;
	max-width: 400px;
	margin-right: 10px;
	overflow: hidden;
}

#content-main.full #container-full.wpw p.img-ref {
	color: #4e4e46;
	clear: both;
	float: left;
	font-size: 11px;
	margin: 3px 0 0 0;
	width: 300px;
}

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

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

#content-main.full #container-full.wpw #proj-itms h3 {
	margin: 16px 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 select option {
	padding: 0 4px;
}

#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/refresh2014/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 .view-prod.disabled {
	background: url(/images/refresh2014/btn_view-prod-disab.png) no-repeat 0 0;
	cursor: default;
}

#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;
	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.3em;
	margin: 6px 0 12px 0;
}

#content-main object {
	outline: none;
}

#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.shop a.editLink {
	text-decoration: underline;
}

#content.shop td.chkbox input {
	margin-right: 5px;
}

#content.shop td.chkbox label {
	vertical-align: top;
}

#content-main input { /*	height: 18px;*/
	padding-top: 2px;
}

fieldset {
	border: none;
}

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

#content-main select option {
	padding: 0 5px 0 3px;
}

#content-main table textarea {
	width: 100%;
}

table.table-style {
	border: 1px solid #ccc;
}

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

/* temp styles */

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

/* End temp styles */

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

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

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

#overlay-container #overlay-head a {
	background: url(/images/refresh2014/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/refresh2014/bg_overlay-body-lft.png) repeat-y left top;
}

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

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

#overlay-bottom #overlay-bottom-stretch {
	background: url(/images/refresh2014/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 #overlay-body {
	width: 650px;
}

#overlay-container.alert-nextstep .previous {
	background: url(/images/refresh2014/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 .next {
	background: url(/images/refresh2014/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/refresh2014/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/refresh2014/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/refresh2014/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,
#overlay-container.alert-created #overlay-body a.scheme {
	background: url(/images/refresh2014/btn_select-colours.png) no-repeat 0 0;
	height: 32px;
	width: 118px;
}

#overlay-container #overlay-body p.next {
	float: left;
	margin: 8px 10px 0 0;
}

#overlay-container.alert-productadd #overlay-body a.visualise {
	background: url(/images/refresh2014/btn_vis-your-colours.png) no-repeat 0 0;
	height: 32px;
	width: 164px;
}

#overlay-container.alert-productadd #overlay-body a.product {
	background: url(/images/refresh2014/btn_select-a-product.png) no-repeat 0 0;
	height: 32px;
	width: 129px;
}

#overlay-container.alert-productadd #overlay-body a.retailer {
	background: url(/images/refresh2014/btn_find-your-closest-retailer.png) no-repeat 0 0;
	height: 32px;
	width: 180px;
}

#overlay-container.alert-productadd #overlay-body a.calculate {
	background: url(/images/refresh2014/btn_calculate-paint-required.png) no-repeat 0 0;
	height: 32px;
	width: 173px;
}

#overlay-container.alert-productadd #overlay-body a.finished {
	background: url(/images/refresh2014/btn_return-project.png) no-repeat 0 0;
	height: 32px;
	width: 174px;
}

#overlay-container.alert-productadd #overlay-body a.overlay-print {
	background: url(/images/refresh2014/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 just created  */

#overlay-container.alert-created {
	width: 500px;
}

#overlay-container.alert-created #overlay-body {
	padding: 15px 35px 15px 55px;
}

#overlay-container.alert-created h1 {
	margin-bottom: 20px;
}

#overlay-container.alert-created ul {
	padding: 15px 0;
}

#overlay-container.alert-created ul li {
	background: url(/images/refresh2014/bg-li.png) no-repeat left 5px;
	list-style: none;
	padding: 0 0 3px 10px;
}

/* Alert Generic */

#overlay-container.alert-generic {
	width: 430px;
}

#overlay-container.alert-generic #overlay-body a.ok {
	background: url(/images/refresh2014/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/refresh2014/btn_cancel.png) no-repeat 0 0;
	height: 31px;
	width: 71px;
}

/****************************************************************************************************************************
/** 22.0 HomePages
/****************************************************************************************************************************/

#wrapper .applicator {
	/*background: url(/images/refresh2014/bg_homepage-applicator.jpg) no-repeat top center;*/
	min-height: 800px;
}

#wrapper .specifier {
	padding-top: 0;
}

#wrapper .consumer {
	/*background: url(/images/refresh2014/bg_homepage-consumer.png) no-repeat 266px 37px;*/
	padding-top: 0;
}

#wrapper .consumer div.homebox {
	background: url(/images/refresh2014/bg_home-consum-box-top.png) no-repeat 0 0;
	display: inline;
	float: left;
	min-height: 215px;
	_height: 215px;
	padding: 15px 10px 10px 25px;
	width: 255px;
}

#wrapper .consumer div.homebox p {
	margin-bottom: 20px;
	width: 240px;
}

#wrapper .consumer div.homebox h3 a {
	font-size: 1em;
	text-decoration: none;
}

#wrapper .consumer div.homebox a img {
	margin-bottom: 10px;
}

#wrapper div#hr {
	background: #d4d4d0;
	height: 1px;
	margin: 0 0 15px 0;
	width: 240px;
}

#wrapper .consumer div.homebox ul {
	width: 240px;
}

#wrapper .consumer div.homebox ul li a {
	font-weight: normal;
	font-size: 1em;
}

#wrapper .consumer div.homebox-container {
	background: url(/images/refresh2014/bg_home-consum-box-btm.png) no-repeat left bottom;
	color: #00235e;
	float: left;
	margin: 0 8px 0 25px;
	padding-bottom: 20px;
}

#wrapper #consumer-homepage,
#wrapper #specifier-homepage {
	outline: none;
}

#wrapper .consumer div.homebox-container.right {
	float: right;
	margin-right: 30px;
}

#wrapper .consumer h3.pro-help,
#wrapper .consumer h3.painting,
a.proj-start {
	display: block;
	text-indent: -999em;
}

a.proj-start {
	background: url(/images/refresh2014/btn_start-project.png) no-repeat 0 0;
	height: 32px;
	margin: 10px 0  10px -10px;
	width: 156px;
}

#wrapper .consumer h3.painting {
	background: url(/images/refresh2014/head-paint-yourself.png) no-repeat 0 0;
	height: 20px;
	width: 112px;
}

#wrapper .consumer h3.pro-help {
	background: url(/images/refresh2014/head_profhelp.png) no-repeat 0 0;
	height: 18px;
	margin-bottom: 15px;
	width: 114px;
}

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

#wrapper .applicator div.homebox-container { /*	margin-top: 285px;	*/
}

#wrapper .applicator div#applicator-flash-content {
	height: 280px;
	margin-bottom: 17px;
}

#content div.homebox-container {
	background: url(/images/refresh2014/bg_homepage-box-btm.png) no-repeat left bottom;
	float: left;
	margin: 0 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 a:hover {
	color: #3a99c0;
}

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

/****************************************************************************************************************************
/** 23.0 Shop
/****************************************************************************************************************************/

#content.shop {
	min-height: 400px;
	padding-top: 15px;
}

#content.shop h3,
#content.shop h4 {
	color: #000;
}

#content.shop #content-main {
	padding-left: 0;
}

#content.shop #content-main table {
	width: auto;
}

.HtmlContent .shop-cat-body {
	border-bottom: 1px solid #b0b0a9;
	padding-bottom: 20px;
}

#content.shop .FormTitle {
	background: none;
	border-bottom: none;
	border-top: 1px solid #b0b0a9;
	color: #2d2d2d;
	font-size: 15px;
	font-weight: bold;
	padding-left: 0;
}

#content.shop #content-main .Form .FieldStyle {
	color: #2d2d2d;
	height: 24px;
	margin-bottom: 0;
	padding: 0 25px 0 0;
	text-align: left;
}

#content.shop #content-main .CategoryDetail .Title,
#content.shop #content-main #MiddleColumn .Field {
	margin: 0;
}

/*********************************************/

/** 23.1 Shop Navigation
/*********************************************/

#content.shop #content-main .CategoryTreeView .NodeStyle {
	font-family: Arial, Helvetica, sans-serif;
}

#ctl00_ctl00_MainContent_CATEGORIES_CustomMessage2_lblMsg,
/* heading 'shop' not logged in */
#ctl00_ctl00_MainContent_uxCart_CATEGORIES_CustomMessage2_lblMsg,
/* heading 'Shop' logged in*/
#ctl00_ctl00_MainContent_uxProduct_CATEGORIES_CustomMessage2_lblMsg { /*heading 'shop' product description */
	color: #c84329;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 20px;
}

#content.shop #content-main .CategoryTreeView .Title {
	margin: 0 0 10px 0;
	padding: 0 0 10px 6px;
}

#content.shop #content-main .CategoryTreeView .TreeView {
	padding: 0;
}

#content.shop #content-main .CategoryTreeView,
#content.shop #content-main #LeftColumn {
	width: 157px;
}

.CategoryTreeView tr td a img { /* remove orange triangles next to nav */
	display: none;
}

#content.shop #content-main .CategoryTreeView a {
	font-weight: bold;
	font-size: 12px;
}

#content.shop #content-main .CategoryTreeView a:hover {
	color: #3a99c0;
	text-decoration: none;
}

#content.shop #content-main .CategoryTreeView .NodeStyle {
	padding: 5px 2px;
	text-align: left;
	width: 100%;
}

#ctl00_ctl00_MainContent_CATEGORIES_ctrlNavigation,
#ctl00_ctl00_MainContent_uxCart_CATEGORIES_ctrlNavigation,
#ctl00_ctl00_MainContent_uxProduct_CATEGORIES_ctrlNavigation {
	border-top: 1px solid #b0b0a9;
}

#content.shop #content-main .CategoryTreeView table {
	border-bottom: 1px solid #b0b0a9!important;
	padding-left: 6px;
	text-align: left;
	width: 100%;
}

#content.shop #content-main div.TreeView a {
	width: 100%;
}

#content.shop #content-main #SeperateColumn {
	display: none;
}

#content.shop #content-main #QuickNavigation {
	display: none;
}

/*********************************************/

/** 23.2 Middle Column & Shopping cart
/*********************************************/

#content.shop #content-main #MiddleColumn {
	padding-left: 35px;
	width: 494px;
}

#content.shop #content-main .ShoppingCart {
	padding-left: 35px;
	width: 538px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxHome_lblHtml p.intro {
	border-bottom: 1px solid #b0b0a9;
}

#content.shop #content-main p.intro {
	margin: 0;
	padding-bottom: 20px;
	width: auto;
}

#content.shop #content-main #MiddleColumn p.intro {
	width: 470px;
}

#content.shop #content-main .HtmlContent h2,
#content.shop #content-main .Description h2 {
	color: #00235e;
	font-size: 18px;
	font-weight: bold;
	margin: 17px 0 14px 0;
}

#content.shop .HtmlContent p {
	margin: 0;
}

/*Checkout and continue buttons */

#content-main #ctl00_ctl00_MainContent_uxCart_ContinueShopping1 {
	height: 32px;
	width: 148px;
}

#content-main #ctl00_ctl00_MainContent_uxCart_Checkout1 {
	height: 32px;
	width: 92px;
}

/*Shopping cart */

.ItemImageClass {
	text-align: left;
	padding-left: 5px;
	width: auto;
}

.ItemNameClass {
	width: 200px;
}

.QuantityClass {
	width: auto;
}

.PriceClass {
	width: auto;
}

.TotalClass {
	width: auto;
}

.RemoveClass {
	width: auto;
}

.QuantityClass,
.PriceClass,
.TotalClass {
	text-align: left;
}

/*********************************************/

/** 23.3 Subcontent
/*********************************************/

#content.shop #sub-content.sub-thin {
	width: 160px;
}

#content.shop #sub-content.sub-thin img {
	margin-bottom: 10px;
}

#content.shop #sub-content h4 {
	font-size: 1.2em;
	margin-top: 37px;
}

/*********************************************/

/** 23.4 Colour Samples Page
/*********************************************/

#content.shop table.colour-samples {
	color: #000;
	font-weight: bold;
}

#content.shop table.colour-samples td input { /*margin: 3px 40px 0 0;*/
	padding: 0;
	width: 200px;
}

#content.shop table.colour-samples td.code input { /*margin: 3px 40px 0 0;*/
	padding: 0;
	width: 100px;
}

#content.shop table.colour-samples td.finish input { /*margin: 3px 40px 0 0;*/
	padding: 0;
	width: 100px;
}

#content.shop table.colour-samples td textarea {
	height: 100px;
	margin: 5px 0 0 0;
	width: 453px;
}

#content.shop table.colour-samples input#ctl00_ctl00_MainContent_CustomTxtBox1_btnSubmit {
	height: 32px;
	margin-top: 20px;
	width: 101px;
}

#ctl00_ctl00_MainContent_CustomTxtBox1_CustomTxtBox19_UP1,
#ctl00_ctl00_MainContent_CustomTxtBox1_CustomTxtBox10_UP1 {
	margin-bottom: 10px;
}

#content.shop ul.autocomplete_completionListElement {
	font-weight: normal;
}

/*********************************************/

/** 23.5 Products
/*********************************************/

.ProductListItem .BuyButton input {
	height: 32px;
	width: 101px;
}

#content.shop .CategoryDetail .ProductListItem .Price,
#content.shop #content-main .SalePrice {
	color: #00235e;
}

#content.shop .CategoryDetail .ProductListItem {
	border: 1px solid #b0b0a9;
	min-height: 290px;
	width: 160px;
}

#content.shop #content-main #MiddleColumn.products {
	width: 538px; /* 508 */
}

#content.shop #content-main .Label,
#ctl00_ctl00_MainContent_uxProduct_ProductID,
#content.shop #content-main #ctl00_ctl00_MainContent_uxProduct_BrandLink {
	color: #4e4e46;
}

#content.shop #content-main .TotalPriceText,
#content.shop #content-main .Quantity,
#ctl00_ctl00_MainContent_uxProduct_AttributeTitle_lblMsg {
	color: #2d2d2d;
}

#content.shop .ProductDetail .Image {
	background: #fff;
	border: 1px solid #a9a8a0;
	margin-bottom: 15px;
	padding: 4px;
	text-align: center;
	width: 322px;
}

#ctl00_ctl00_MainContent_uxCategory_uxCategoryProductList_Div1 {
	width: 568px;
}

#content.shop #content-main .ProductDetail .OrderingOptions { /* Product Description order details */
	border: none;
	padding-left: 10px;
	width: 322px;
}

#content.shop #content-main .TotalQuantity {
	border-top: 1px solid #e8e8df;
	border-bottom: 1px solid #e8e8df;
	height: 27px;
	padding: 5px 0;
}

#content.shop #content-main .OptionsLabel {
	border-bottom: 1px solid #e8e8df;
	height: 31px;
	padding: 1px 0 5px 0;
}

#content.shop #content-main .ProductDetail .OrderingOptions {
	background: none;
}

.OptionsLabel select {
	margin-left: 88px;
	width: 220px;
}

.ProductDetail .Quantity {
	font-size: 15px;
	margin-right: 20px;
}

.ProductDetail #Attributes .OptionsLabel .Quantity {
	margin-right: 29px;
}

.ProductDetail .TotalPriceText {
	font-size: 20px;
	margin-right: 32px;
}

#content.shop #content-main .OrderingOptions .SalePrice {
	color: #2d2d2d;
	font-size: 24px;
}

#content.shop #content-main .ProductDetail .StockMsg {
	color: #c84329;
	font-size: 15px;
	margin: 10px 0 10px 89px;
}

#content.shop .ProductAdditionalImages {
	border: 1px solid #b0b0a9;
}

#content.shop #content-main .price-excludes {
	margin-left: 89px;
}

#content.shop #content-main .ProductDetail .PrdtAddtionalImages,
/* temp hide additional images until removed from template */
#content.shop #content-main .ProductDetail .RegularPrice {
	display: none;
}

#content.shop #content-main .desc-gst-ph {
	padding-left: 90px;
}

/*********************************************/

/** 23.6 Buttons
/*********************************************/

#content.shop #ctl00_ctl00_MainContent_uxLogin_uxLogin_LoginButton { /* Login btn */
	height: 30px;
	width: 74px;
}

#content.shop #content-main .CategoryDetail .ProductListItem .BuyButton input,
/* Add to cart btn */
#content.shop #content-main #ctl00_ctl00_MainContent_uxProduct_uxAddToCart {
	height: 32px;
	width: 101px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_StartNavigationTemplateContainerID_StartNextImageButton {
	height: 32px;
	width: 92px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_FinishNavigationTemplateContainerID_SubmitButton {
	height: 31px;
	width: 114px;
}

/*********************************************/

/** 23.7 Shopping Cart
/*********************************************/

#content.shop .ShoppingCart tr.Header {
	background: none;
	border-bottom: 1px solid #b0b0a9;
	color: #2d2d2d;
	font-size: 15px;
	height: 26px;
}

#content.shop table#ctl00_ctl00_MainContent_uxCart_uxCart_uxCart {
	width: 100%;
}

#content.shop a.removeLink {
	background: url(/images/refresh2014/bg_close.png) no-repeat 0 0;
	display: block;
	height: 11px;
	text-indent: -999em;
	width: 11px;
}

#content.shop #content-main .ShoppingCart .Grid .Row,
#content.shop #content-main .ShoppingCart .Grid .AlternatingRow {
	background: #fff;
	border-bottom: 1px solid #b0b0a9;
	color: #2d2d2d;
	font-size: 14px;
	font-weight: bold;
	height: 88px;
}

#content.shop #content-main .Grid {
	border: none;
}

#content.shop #content-main .ShoppingCart .Grid .Description {
	color: #00235e;
}

.TotalBox {
	width: 534px;
}

#ctl00_ctl00_MainContent_uxCart_pnlShoppingCart small {
	display: block;
	text-align: right;
	width: 100%;
}

/*********************************************/

/** 23.8 Checkout
/*********************************************/

#content.shop #content-main .Checkout {
	padding-left: 0;
	width: 700px;
}

#content.shop #content-main .Checkout .ShoppingCartItem,
#ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnlProject,
#ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_Panel1,
 {
	width: 700px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnl_update {
	width: 582px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnl_update .TotalBox {
	margin-bottom: 30px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnl_update .ShoppingCart {
	padding-left: 0;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_uxCart {
	width: 100%;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_Panel1 .TableContainer {
	width: 100%;
}

#content-shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_StartNavigationTemplateContainerID_StartNextButton { /* Proceed to Next Step Button */
	height: 32px;
	width: 92px;
}

#content.shop #content-main td label {
	height: 19px;
	line-height: 19px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_pnlProject {
	width: 680px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_pnlProject table {
	color: #4B4B4B;
	font-weight: bold;
	padding-left: 8px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_pnlProject table td {
	height: 25px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_pnlProject table td input {
	margin-left: 17px;
	width: 181px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_pnlProject table td select {
	margin-left: 17px;
	width: 185px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnl_update .TotalBox {
	width: 558px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_chkShipping {
	width: 150px;
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_Panel1 .Form .FieldStyle { /*	margin-bottom: 5px;*/
}

#content.shop #content-main #ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxPayment_pnlPayment .Form .FieldStyle {
	height: 24px;
	padding: 6px 18px 0 0;
	margin-bottom: 0;
	width: 127px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_uxOrder_pnlProject table tr td:first-child { /* Project Detail section */
	font-weight: bold;
	height: 19px;
	width: 108px;
}

#ctl00_ctl00_MainContent_uxCheckout_uxWizard_FinishNavigationTemplateContainerID_SubmitButton { /* Submit order button */
	height: 31px;
	width: 114px;
}

#content.shop #content-main .shop-check-box input {
	float: left;
	margin-right: 5px;
}

#content.shop #content-main .shop-check-box label {
	width: auto;
}

#content.shop #content-main .order table tr.Header th {
	text-align: left;
}

#content.shop #content-main div.ShoppingCartItem div.Form table {
	width: 625px;
}

#content.shop #content-main div.ShoppingCartItem div.Form div.Description {
	width: 250px;
}

#content.shop #content-main div.ShoppingCartItem div.TotalBox {
	width: 593px;
}

/* Added 21.07 */

#content.shop #content-main div.Form  tr.Row td {
	vertical-align: top;
	margin: 0 0 3px 0;
}

#content.shop #content-main .Form .Button {
	height: auto;
	margin: 5px 0;
	padding: 0;
}

/* Added 18.08 */

#content.shop tr.header th {
	text-align: left;
}

/* Added 21.08 */

#content.shop .Product {
	width: 100%;
}

#content.shop .Product td {
	padding: 0 5px;
}

/****************************************************************************************************************************
/** 24.0 Flash Pages
/****************************************************************************************************************************/

#colorWall {
	outline: none;
}

#content #content-main.flash h3,
#content #content-main.flash p {
	margin-left: 6px;
}

/****************************************************************************************************************************
/** 25.0 Landing Pages
/****************************************************************************************************************************/

#content.lp {
	padding-top: 10px;
}

#content.lp h1 {
	font-size: 2.6em;
	margin-left: 6px;
}

#content.lp h2 {
	font-size: 1.8em;
	margin: 0 0 10px 6px;
	padding: 0;
}

#content.lp #sidebar h2 {
	font-size: 1.6em;
}

#content.lp #sidebar.wide {
	width: 220px;
}

#content.lp #sidebar ul {
	width: auto; /* was 220px */
}

#content.lp #content-main .panel-advice {
	background: url(/images/refresh2014/bg_2-col-panel.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 202px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 17px 19px 17px 18px;
	width: 336px;
}

#content.lp #content-main .panel-advice h3,
#content.lp #content-main .panel-colour h3,
#content.lp #content-main .panel-wrap h3 {
	margin: 7px 0 2px 0;
}

.panel-colour {
	background: url(/images/refresh2014/bg_2-col-tall-panel.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 216px;
	margin: 0 10px 10px 0;
	padding: 15px 18px 15px 17px;
	width: 202px;
}

#content.lp #content-main .panel-colour p,
#content.lp #content-main .panel-advice p,
#content.lp #content-main .panel-wrap p {
	font-size: 1em;
	margin-top: 0;
}

#content.lp #content-main .panel-advice h3 a,
#content.lp #content-main .panel-colour h3 a,
#content.lp #content-main .panel-wrap h3 a {
	background: url(/images/refresh2014/bg_arr-nav-lg.png) no-repeat right 5px;
	color: #00235e;
	padding-right: 10px;
	display: block;
}

#content.lp #content-main .panel-advice h3 a:hover,
#content.lp #content-main .panel-colour h3 a:hover,
#content.lp #content-main .panel-wrap h3 a:hover {
	color: #3a99c0;
	text-decoration: none;
}

#content.lp #content-main .panel-wrap {
	float: left;
	margin: 0 10px 10px 0;
	width: 244px;
}

#content.lp #content-main .panel-head {
	background: url(/images/refresh2014/bg_lp-panel-head.png) no-repeat 0 0;
	min-height: 232px;
	padding: 19px 18px 19px 18px;
	width: 208px;
}

#content.lp #content-main .panel-footer {
	background: url(/images/refresh2014/bg_lp-panel-footer.png) no-repeat 0 0;
	height: 6px;
	width: 244px;
}

/*********************************************/

/** 25.1 Consumer Colour
/*********************************************/

#content-main.consumer-colour .col-box-sml {
	background: url(/images/refresh2014/lp-col-box-sml.png) no-repeat 0 0;
	display: block;
	height: 202px;
	padding: 17px 18px 17px 17px;
	position: absolute;
	width: 202px;
}

#content-main.consumer-colour .col-box {
	background: url(/images/refresh2014/lp-col-box.png) no-repeat 0 0;
	display: block;
	height: 234px;
	padding: 17px 18px 17px 17px;
	position: absolute;
	width: 202px;
}

#content-main.consumer-colour .con-prod-box p,
#content-main.consumer-colour .col-box p,
#content-main.consumer-colour .col-box-sml p {
	font-size: 1em;
}

#content-main.consumer-colour #box-one {
	left: 110px;
	top: -20px;
}

#content-main.consumer-colour #info-one {
	left: 354px;
	top: 0;
}

#content-main.consumer-colour #info-one,
#content-main.consumer-colour #info-two {
	height: 139px;
	position: absolute;
	width: 150px;
}

#content-main.consumer-colour #img-one {
	height: 108px;
	position: absolute;
	left: 514px;
	top: 20px;
	width: 141px;
}

#content-main.consumer-colour #box-three {
	left: -50px;
	top: 226px;
}

#content-main.consumer-colour #img-two {
	height: 142px;
	position: absolute;
	left: 195px;
	top: 226px;
	width: 142px;
}

#content-main.consumer-colour #box-two {
	left: 355px;
	top: 145px;
}

#content-main.consumer-colour #info-two {
	left: 602px;
	top: 145px;
}

#content-main.consumer-colour #img-three {
	height: 108px;
	position: absolute;
	left: 437px;
	top: 390px;
	width: 144px;
}

#content-main.consumer-colour #img-four {
	height: 120px;
	position: absolute;
	left: -50px;
	top: 470px;
	width: 223px;
}

#content-main.consumer-colour #box-four {
	left: 190px;
	top: 390px;
}

#content-main.consumer-colour #dulux-facts-colour {
	position: absolute;
	left: 605px;
	top: 295px;
	width: 135px;
}

/*********************************************/

/** 25.2 Consumer Products
/*********************************************/

#content.lp #content-main {
	min-height: 600px;
	position: relative;
}

#content-main.consumer-colour .con-prod-box {
	background: url(/images/refresh2014/con-prod-box.png) no-repeat 0 0;
	display: block;
	height: 204px;
	padding: 15px 14px;
	position: absolute;
	width: 227px;
}

#content-main.consumer-colour .con-prod-box img,
#content-main.consumer-colour .col-box img,
#content-main.consumer-colour .col-box-sml img {
	margin-bottom: 7px;
}

#content-main.consumer-colour .con-prod-box h3 a,
#content-main.consumer-colour .col-box h3 a,
#content-main.consumer-colour .col-box-sml h3 a {
	background: url(/images/refresh2014/bg_arr-nav-lg.png) no-repeat right 5px;
	color: #00235e;
	padding-right: 10px;
}

#content #content-main.consumer-colour .con-prod-box h3 a:hover,
#content #content-main.consumer-colour .col-box h3 a:hover,
#content #content-main.consumer-colour .col-box-sml h3 a:hover {
	color: #3a99c0;
	text-decoration: none;
}

#content-main.consumer-colour #box-mid {
	background: url(/images/refresh2014/con-prod-box-mid.png) no-repeat 0 0;
	color: #fff;
	display: block;
	font-size: .9em;
	height: 76px;
	padding: 154px 5px 0 18px;
	width: 208px;
}

#content-main.consumer-colour #box-mid a {
	display: block;
	height: 13px;
	text-indent: -999em;
	width: 150px;
}

#content-main.consumer-colour #box-mid a:hover {
	color: #fff;
	text-decoration: none;
}

#content-main.consumer-colour #box-left {
	top: 53px;
	left: 0;
}

#content-main.consumer-colour #box-mid {
	position: absolute;
	left: 244px;
	top: 0;
}

#content-main.consumer-colour #box-right {
	top: 53px;
	left: 485px;
}

#content-main.consumer-colour #img-left {
	height: 169px;
	position: absolute;
	left: 97px;
	top: 300px;
	width: 125px;
}

#content-main.consumer-colour #info-left {
	position: absolute;
	left: 82px;
	top: 300px;
}

#content-main.consumer-colour #img-right {
	height: 169px;
	position: absolute;
	left: 244px;
	top: 239px;
	width: 222px;
}

#content-main.consumer-colour #info-right {
	position: absolute;
	left: 485px;
	top: 294px;
}

#content-main.consumer-colour #dulux-facts-products {
	position: absolute;
	top: 430px;
	left: 245px;
	width: 170px;
}

/*********************************************/

/** 25.3 IE 6 Upgrade warning
/*********************************************/

#ie-container {
	display: none;
	background: #fff;
	border-bottom: 1px solid #adaea8;
	height: 100px;
	width: 100%;
}

#ie-container #ie-content {
	background: url(/images/refresh2014/bg_ie-alert.png) no-repeat 0 10px;
	color: #333333;
	min-height: 80px;
	margin: 0 auto;
	padding: 10px 0 0 72px;
	width: 900px;
}

#ie-content a {
	text-decoration: none;
}

#ie-content a.close {
	background: url(/images/refresh2014/bg_close.png) no-repeat right 2px;
	padding-right: 20px;
	float: right;
}

#ie-container #ie-content p {
	padding: 10px 0;
}

#ie-content a.ie-update {
	background: url(/images/refresh2014/bg_ie-logo.png) no-repeat 0 2px;
	color: #00225f;
	float: left;
	line-height: 23px;
	margin-right: 40px;
	padding-left: 30px;
}

#ie-content a.ff-update {
	background: url(/images/refresh2014/bg_ff-logo.png) no-repeat 0 2px;
	color: #00225f;
	float: left;
	line-height: 21px;
	padding-left: 30px;
}

/*********************************************/

/** 25.4 Colour Booklets LP
/*********************************************/

#booklets-lp {
	float: left;
	padding: 0 0 0 90px;
}

#booklets-lp .booklet-panel {
	background: url(/images/refresh2014/bg_booklet-panel.png) no-repeat 0 0;
	float: left;
	height: 373px;
	margin: 0 15px 15px 0;
	padding: 15px;
	width: 206px;
}

#booklets-lp .booklet-panel img {
	margin-bottom: 17px;
}

#booklets-lp .booklet-panel h3 {
	background: transparent url(/images/refresh2014/bg_arr-nav-lg.png) no-repeat scroll right 5px;
	color: #00235E;
	display: block;
	margin-bottom: 3px;
	padding-right: 10px;
}

#content-main #booklets-lp .booklet-panel h3 a:hover {
	color: #0976ad;
	text-decoration: none;
}

#booklets-lp .booklet-panel p {
	font-size: 11px;
	margin: 0;
}

/*********************************************/

/** Ettienne AU Overrides
/*********************************************/

.ForgotPasswordSubmit {
	width: 75px !important;
}

#content fieldset.main-form a.cancelRegistration {
	background: url(/images/refresh2014/btn_cancel.png) no-repeat 0 0;
	border: none;
	clear: both;
	display: inline;
	float: right;
	height: 31px;
	text-indent: -999em;
	width: 71px;
	margin: 15px 75px 0px 0px;
}

/*********************************************/

/** 26.0 Laminex Colour Schemes Booklet Form
/*********************************************/

#booklet-form {
	background: url(/images/refresh2014/form/bg_content.jpg) no-repeat 0 0;
	_height: 660px;
	margin-top: 22px;
	min-height: 660px;
	width: 978px;
}

#form-content {
	background: url(/images/refresh2014/form/bg_btm.png) no-repeat 0 bottom;
	_height: 660px;
	min-height: 450px;
	padding: 40px 0 220px 62px;
}

#form-content h2.form-thanks {
	background: url(/images/refresh2014/form/hd_thanks.png) no-repeat 0 0;
	display: block;
	height: 16px;
	text-indent: -999em;
	margin-bottom: 3px;
	width: 205px;
}

#form-content #col-right p {
	color: #00235e;
	margin-bottom: 15px;
}

#form-content #col-left {
	float: left;
	width: 370px;
}

#form-content #col-right {
	float: left;
	padding-left: 100px;
	width: 440px;
}

#form-content #col-left h1 {
	background: url(/images/refresh2014/form/heading.jpg) no-repeat 0 0;
	display: block;
	height: 110px;
	margin-bottom: 35px;
	text-indent: -999em;
	width: 308px;
	visibility: visible;
}

#form-content #col-left p {
	color: #00235e;
	font-size: 14px;
	line-height: 18px;
}

#form-content #col-right h2.booklet-form-head a {
	background: url(/images/refresh2014/form/sub-head.png) no-repeat 0 0;
	display: block;
	height: 35px;
	margin-bottom: 5px;
	text-indent: -999em;
	width: 346px;
}

#form-content #col-right p.sml {
	color: #00235e;
	font-size: 11px;
}

/* Form */

fieldset.booklet-form {
	padding: 20px 0 0 0;
}

fieldset.booklet-form label {
	clear: left;
	color: #00235e;
	float: left;
	font-weight: bold;
	margin: 0 10px 0 0;
	line-height: 27px;
}

fieldset.booklet-form input {
	border: none;
}

fieldset.booklet-form div.paint {
	background: url(/images/refresh2014/form/bg_input-left.png) no-repeat 0 0;
	float: left;
	height: 27px;
	margin: 0 0 14px 0;
	padding-left: 41px;
}

fieldset.booklet-form div.paint input {
	background: url(/images/refresh2014/form/bg_input-right.png) no-repeat top right;
	height: 22px;
	padding: 5px 20px 0 0;
}

fieldset.booklet-form fieldset.double {
	clear: both;
	margin-bottom: 14px;
}

fieldset.booklet-form fieldset.double div.paint {
	margin: 0;
}

fieldset.booklet-form fieldset.double label {
	clear: none;
}

fieldset.booklet-form fieldset.double input {
	clear: none;
	width: 100px;
}

fieldset.booklet-form fieldset.double input.sml {
	width: 50px;
}

fieldset.booklet-form div.paint input.long {
	width: 180px;
}

fieldset.booklet-form div.paint input.ex-long {
	width: 220px;
}

fieldset.booklet-form fieldset.checkbox {
	float: left;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
}

fieldset.booklet-form fieldset.checkbox input {
	clear: none;
	float: left;
	margin-right: 5px;
}

fieldset.booklet-form fieldset.checkbox label {
	clear: none;
	float: left;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	width: 300px;
}

/*********************************************/

/** 27.0 Easter Promo Dulux Greatest Hits
/*********************************************/

#hits-form {
	background: url(/images/refresh2014/form/bg-hits-gradient.jpg);
	_height: 600px;
	margin-top: 22px;
	min-height: 600px;
	width: 978px;
}

#hits-form-content {
	background: url(/images/refresh2014/form/bg-hits-dog.png) no-repeat 335px bottom;
	_height: 650px;
	min-height: 650px;
}

#hits-form-content h2.form-thanks {
	background: url(/images/refresh2014/form/hd_hits-thanks.png) no-repeat 0 0;
	display: block;
	height: 19px;
	text-indent: -999em;
	margin-bottom: 3px;
	width: 206px;
}

#hits-form-content #flash-box {
	float: left;
	width: 460px;
	height: 490px;
	margin-bottom: 25px;
}

#hits-form-content #col-left {
	float: left;
	width: 460px;
}

#hits-form-content #col-left p {
	color: #fff;
	font-size: 1.2em;
	line-height: 18px;
	padding-left: 40px;
	width: 340px;
}

#hits-form-content #col-right {
	float: left;
	padding: 50px 0 50px 90px;
	width: 425px;
}

#hits-form-content #col-right p {
	color: #fff;
	margin-bottom: 15px;
	font-size: 1.25em;
}

#hits-form-content #col-right a {
	color: #fff;
}

#hits-form-content #col-right h2.hits-form-head a {
	background: url(/images/refresh2014/form/form-hits-subhead.png) no-repeat 0 0;
	display: block;
	height: 16px;
	margin-bottom: 5px;
	text-indent: -999em;
	width: 321px;
}

#hits-form-content #col-right p.sml {
	color: #fff;
	font-size: 11px;
}

#hits-form-content #col-right p.p-hits {
	font-size: 1.2em;
	width: 370px;
}

/* Form */

fieldset.hits-form {
	padding: 20px 0 0 0;
}

fieldset.hits-form label {
	clear: left;
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 0 10px 0 0;
	line-height: 27px;
}

fieldset.hits-form input {
	border: none;
}

fieldset.hits-form div.paint {
	background: url(/images/refresh2014/form/bg_hits-input-left.png) no-repeat 0 0;
	float: left;
	height: 27px;
	margin: 0 0 14px 0;
	padding-left: 41px;
}

fieldset.hits-form div.paint input {
	background: url(/images/refresh2014/form/bg_hits-input-right.png) no-repeat top right;
	height: 22px;
	padding: 5px 20px 0 0;
	color: #003366;
}

fieldset.hits-form fieldset.double {
	clear: both;
	margin-bottom: 14px;
}

fieldset.hits-form fieldset.double div.paint {
	margin: 0;
}

fieldset.hits-form fieldset.double label {
	clear: none;
}

fieldset.hits-form fieldset.double input {
	clear: none;
	width: 100px;
}

fieldset.hits-form fieldset.double input.sml {
	width: 50px;
}

fieldset.hits-form div.paint input.long {
	width: 180px;
}

fieldset.hits-form div.paint input.ex-long {
	width: 220px;
}

fieldset.hits-form fieldset.checkbox {
	float: left;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
}

fieldset.hits-form fieldset.checkbox input {
	clear: none;
	float: left;
	margin-right: 5px;
}

fieldset.hits-form fieldset.checkbox label {
	clear: none;
	float: left;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	width: 300px;
}

/* Colourwall Facebook classes */

#fblike {
	position: absolute;
}

#fbpoll {
	width: 169px;
	height: 57px;
	padding: 3px 3px 3px 65px;
	position: absolute;
	font-size: 80%;
	background: url('/images/facebook-logo.png') no-repeat;
}

#fbpoll strong {
	color: #3b5998;
}

#fbpollcontainer {
	display: block;
	clear: both;
	margin-top: 8px;
	color: #00235E;
}

#fbpollcontainer img {
	float: left;
	margin-right: 4px;
}

#fbpollcontainer input {
	width: 120px;
}

#fbpollcontainer a {
	margin-left: 8px;
}

#fbpollcontainer span.error {
	display: block;
	clear: both;
	color: Red;
}

.fbintro {
	height: 28px;
	padding: 6px 4px 6px 34px;
	background: White url('/images/facebook-logo-28.png') no-repeat 4px 4px;
}

#dockProjectColoursWrapper a.remover {
	background: url(/images/refresh2014/bg_close.png) no-repeat 0 0;
	display: block;
	height: 11px;
	position: relative;
	outline: none;
	right: -172px;
	text-indent: -999em;
	top: 4px;
	width: 11px;
}

/**************************************************
/** 29.0 World of Colour - Red Heart Blue Shore
/**************************************************/

.woc-main,
.rhbs-main {
	margin-top: -40px;
}

#rhbsintro {
	width: 643px;
	height: 229px;
	padding: 0 39px 0 32px;
	background: url(/imgs/rhbs/intro-text-background.png) no-repeat;
}

#rhbsvideo:link {
	float: left;
	display: block;
	position: absolute;
	width: 118px;
	height: 17px;
	margin: 180px 0 0;
	background: url(/imgs/rhbs/btn-view-our-video.gif) no-repeat;
	text-indent: -9999em;
	line-height: 0px;
}

#rhbsvideo:hover {
	background-image: url(/imgs/rhbs/btn-view-our-video-over.gif);
}

#woclogo {
	display: block;
	position: absolute;
	margin: 12px 0 0 402px;
}

#rhbsexplore:link,
#rhbsorder:link {
	width: 248px;
	height: 41px;
	display: block;
	position: absolute;
	background: url(/imgs/rhbs/btn-order-sprite.png) no-repeat 0 0;
}

#rhbsexplore:link {
	background-position: 0 0;
	text-indent: -9999em;
	line-height: 0px;
	margin: 126px 0 0 398px;
}

#rhbsexplore:hover {
	background-position: 0 -41px;
}

#rhbsorder:link {
	background-position: 0 -82px;
	text-indent: -9999em;
	line-height: 0px;
	margin: 176px 0 0 398px;
}

#rhbsorder:hover {
	background-position: 0 -123px;
}

#sample-container {
	margin: 20px 0 0 0;
}

#rhbs .sample {
	width: 644px;
	background: no-repeat 0 0;
	margin: 0px 0 0 32px;
}

#rhbs .sample img {
	border: none;
	margin: -14px 0 0;
}

#rhbs .sample .sample-title {
	position: absolute;
	width: 125px;
	height: 14px;
	margin: 0 0 0 498px;
	background: url(/imgs/rhbs/colour-names-sprite.png) no-repeat 0 0;
	text-indent: -9999em;
	line-height: 0px;
	visibility: hidden;
}

#rhbs .sample:hover .sample-title {
	visibility: visible;
}

#sample-red.sample .sample-title {
	margin-top: 62px;
	background-position: 0 0;
}

#sample-brown.sample .sample-title {
	margin-top: 64px;
	background-position: 0 -14px;
}

#sample-yellow.sample .sample-title {
	margin-top: 60px;
	background-position: 0 -28px;
}

#sample-green.sample .sample-title {
	margin-top: 62px;
	background-position: 0 -42px;
}

#sample-blue.sample .sample-title {
	margin-top: 64px;
	background-position: 0 -56px;
}

#sample-white.sample .sample-title {
	margin-top: 56px;
	background-position: 0 -70px;
}

#rhbs .sample a {
	display: block;
	height: 100px;
}

#sample-red a {
	padding: 15px 0 28px 0;
}

#sample-brown a {
	padding: 16px 0 31px 0;
}

#sample-yellow a {
	padding: 14px 0 28px 0;
}

#sample-green a {
	padding: 15px 0 21px 0;
}

#sample-blue a {
	padding: 16px 0 38px 0;
}

#sample-white a {
	padding: 12px 0 24px 0;
}

.banner {
	margin-bottom: 18px;
}

/* SEARCH RESULT SECTION */

.search-results h2 {
	margin-bottom: 20px;
}

.search-results h3 {
	border-bottom: solid 1px #ccc;
	text-transform: uppercase;
	color: #444;
	padding-bottom: 5px;
}

.search-results p.description {
	padding-bottom: 0px;
	margin: 6px 0 0px 0 !important;
}

.search-results .results-header {
	border: solid 1px #CCC;
	padding: 10px;
	margin-bottom: 10px;
	background: #efefef;
}

.results-text-list {
	width: 900px;
}

.results-text-list  ul li {
	list-style: none;
	background: none !important;
	margin-bottom: 25px;
}

.results-text-list  ul li span.page-icon {
	display: block;
	float: left;
	height: 20px;
	width: 24px;
	background: transparent url(/images/refresh2014//umbraco-sprites.png) no-repeat -5px -260px;
}

.results-text-list  ul li span.url {
	font-size: 1.1em;
	color: Gray;
}

.results-text-list  ul li p {
	padding-left: 24px;
	padding-right: 24px;
}

.results-colour-list {
	overflow-y: scroll;
	height: 128px;
	width: 900px;
}

#results-colour {
	margin-bottom: 40px;
}

.colour-list {
	list-style: none;
}

.color-item {
	border: dashed 1px #ccc;
	padding: 5px 5px 10px !important;
	width: 111px;
	background: none !important;
	float: left;
	overflow: hidden;
	margin: 0px 3px 3px 0px;
	min-height: 95px;
}

.color-item .color-palette {
	width: 110px;
	height: 55px;
}

.color-item p {
	margin: 0px !important;
	padding: 0px;
	font-size: 10px !important;
}

#show-all-colour-results {
	padding-right: 20px;
	font-size: 13px;
	background-image: url(/images/refresh2014//expand-collapse-arrows.png);
	background-repeat: no-repeat;
}

.expanded-colour-results {
	background-position: 100% 3px;
}

.collapsed-colour-results {
	background-position: 100% -18px;
}

/**
 * The default CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * You should have received a license with this distribution explaining the terms
 * under which Shadowbox may be used. If you did not, you may obtain a copy of the
 * license at http://shadowbox-js.com/LICENSE
 *
 * @author      Michael J. I. Jackson <michael@mjijackson.com>
 * @copyright   2007-2009 Michael J. I. Jackson
 * @version     SVN: $Id: shadowbox.css 20M 2009-04-23 13:08:21Z (local) $
 */

/*_____________________________________________  container, overlay, & wrapper  */

#sb-container,
#sb-wrapper {
	text-align: left; /* reset left alignment */
}

#sb-container,
#sb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

#sb-container {
	height: 100%;
	display: none;
	visibility: hidden;
	z-index: 999;
}

body > #sb-container { /* use position:fixed in modern browsers */
	position: fixed;
}

#sb-overlay { /* needed in IE6 where sb-container uses position:absolute */
	height: expression(document.documentElement.clientHeight + 'px');
}

#sb-container > #sb-overlay { /* use for sb-container position:fixed */
	height: 100%;
}

/*_________________________________________________________________  wrapper  */

#sb-wrapper {
	position: relative;
}

#sb-wrapper img {
	border: none;
}

/*____________________________________________________________________  body  */

#sb-body {
	position: relative;
	margin: 0;
	padding: 0;
}

#sb-body-inner {
	position: relative;
	height: 100%;
}

#sb-content.html {
	height: 100%;
	overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */

#sb-loading {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 10px;
}

#sb-body,
#sb-loading {
	background-color: #000; /* should match loading image background color */
}

#sb-loading a {
	color: #000;
}

/*____________________________________________________________  title & info  */

#sb-title,
#sb-info {
	height: auto!important;
	margin: 0; /* these must have no vertical margin or padding */
	padding: 0 5px;
	overflow: hidden;
}

#sb-title-inner,
#sb-info-inner {
	position: relative;
	font-family: 'Lucida Grande', Tahoma, sans-serif;
	line-height: 16px;
}

#sb-title,
#sb-title-inner {
	background: #000;
}

#sb-title-inner {
	font-size: 10px;
	color: #fff;
}

#sb-info,
#sb-info-inner {
	background: #000;
	height: 20px;
}

#sb-info-inner {
	color: #fff;
}

/*_____________________________________________________________________  nav  */

#sb-nav {
	float: right;
	height: 22px;
	padding: 5px 0 8px 0;
	width: 45%;
	float: none;
	width: 105%;
}

#sb-nav a {
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin-left: 3px;
	cursor: pointer;
}

#sb-nav #sb-nav-close {
	background-image: url(resources/close.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 26px;
}

#sb-nav-next {
	background: url(resources/next.png) no-repeat 0 0;
	cursor: pointer;
	height: 28px;
	position: absolute;
	right: -42px;
	bottom: 170px;
	width: 20px;
}

#sb-nav-previous {
	background-image: url(resources/previous.png);
	background-repeat: no-repeat;
	cursor: pointer;
	height: 28px;
	left: -42px;
	position: absolute;
	bottom: 170px;
	width: 20px;
}

#sb-nav-play {
	background-image: url(resources/play.png);
	background-repeat: no-repeat;
}

#sb-nav-pause {
	background-image: url(resources/pause.png);
	background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */

#sb-counter {
	float: right;
	padding: 2px 0;
}

#sb-counter a {
	padding: 0 4px 0 0;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

#sb-counter a.sb-counter-current {
	text-decoration: underline;
}

/*________________________________________________________________  messages  */

div.sb-message {
	font-family: 'Lucida Grande', Tahoma, sans-serif;
	font-size: 12px;
	padding: 10px;
	text-align: center;
}

div.sb-message a:link,
div.sb-message a:visited {
	color: #fff;
	text-decoration: underline;
}

/* Print Style Sheet */

/*	  Site Wide 	*/

/*

Project: Dulux Homepage Redesign
Date: 11.04.12
Author: Anthony J. Smith

*/

@font-face {
	font-family: 'FuturaExtendedRegular';
	src: url('/fonts/refresh2014/futuraextended-webfont.eot');
	src: url('/fonts/refresh2014/futuraextended-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/refresh2014/futuraextended-webfont.woff') format('woff'),
         url('/fonts/refresh2014/futuraextended-webfont.ttf') format('truetype'),
         url('/fonts/refresh2014/futuraextended-webfont.svg#FuturaExtendedRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaBoldRegular';
	src: url('/fonts/refresh2014/futur_-webfont.eot');
	src: url('/fonts/refresh2014/futur_-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/refresh2014/futur_-webfont.woff') format('woff'),
         url('/fonts/refresh2014/futur_-webfont.ttf') format('truetype'),
         url('/fonts/refresh2014/futur_-webfont.svg#FuturaBoldRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Core Styles
*******************************************************************************************/

#wrapper #content.consumerHome,
#wrapper #content.tradeHome,
#wrapper #content.specifierHome {
	margin: 0 6px;
}

#dock-wrap {
	background: url(/images/refresh2014//bg-dock.png) no-repeat right bottom;
}

#dock-wrap #dock {
	background: url(/images/refresh2014//bg-dock-wrap-right.png) no-repeat left bottom;
	position: absolute;
	z-index: 4000;
}

.border-radius4 {
	border-radius: 4px;
}

/* Header
*******************************************************************************************/

#wrapper #header {
	padding-top: 25px;
}

#wrapper #header #site-opts a.siteBtn {
	background: #fff;
	border: 2px solid #e2e1df;
	color: #444444;
	display: block;
	float: left;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 14px;
	margin-left: 9px;
	padding: 8px 10px;
	text-align: center;
	text-decoration: none;
	width: 80px;
}

#wrapper #header #site-opts a.siteBtn:hover {
	background: #444;
	color: #fff;
}

#wrapper #header a#siteLogo {
	background: url(/images/refresh2014//logo_main.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 59px;
	margin: 0 15px 0 0;
	text-indent: -999em;
	width: 191px;
}

/* Login Box */

#wrapper #header #loginDetails {
	border-left: 2px solid #cac9c8;
	float: left;
	margin-bottom: 4px;
	padding: 0 0 0 15px;
	width: 192px;
}

#wrapper #header #loginDetails a.btn {
	background: #999;
	border: 2px solid #cccbc9;
	color: #ffffff;
	display: block;
	float: left;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 13px;
	line-height: 15px;
	margin: 0 5px 8px 0;
	padding: 4px 7px;
	text-decoration: none;
}

#wrapper #header #loginDetails a.btn:hover {
	background: #fff;
	color: #999;
}

#wrapper #header #loginDetails p {
	clear: both;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	margin: 0;
}

/* Login Box - Trade*/

#wrapper #header #loginDetails.trade {
	min-height: 34px;
	padding-top: 25px;
}

#wrapper #header #loginDetails.trade span {
	color: #002959;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 19px;
}

/* Login Box - Specifier*/

#wrapper #header #loginDetails.specifiers #login-container {
	background: none;
	margin: 0;
	width: 345px;
}

#wrapper #header #loginDetails.specifiers #login-container div#login-details {
	border-right: 2px solid #cac9c8;
	width: 195px;
}

#wrapper #header #loginDetails.specifiers #login-container span.spec-title {
	background: none;
	color: #002959;
	float: right;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 19px;
	height: auto;
	text-indent: 0;
	width: auto;
}

/* Social Icons */

#wrapper #header ul#socialIcons {
	clear: both;
	float: right;
	margin: 0 0 10px 0;
}

#wrapper #header ul#socialIcons li {
	float: left;
	list-style: none;
	margin: 0 4px 0 0;
}

#wrapper #header ul#socialIcons li.first {
	color: #2e2e2e;
	font-size: 11px;
	line-height: 16px;
	margin-right: 15px;
}

#wrapper #header ul#socialIcons li a {
	background: url(/images/refresh2014//bg_socialIcons.png) no-repeat 0 0;
	display: block;
	height: 16px;
	text-indent: -999em;
	width: 16px;
}

#wrapper #header ul#socialIcons li a.twitterIcon {
	background-position: -16px 0;
}

#wrapper #header ul#socialIcons li a.googlePlusIcon {
	background-position: -32px 0;
}

#wrapper #header ul#socialIcons li a.pintrestIcon {
	background-position: -48px 0;
}

/* Navigation
*******************************************************************************************/

#wrapper #nav {
	background: #444;
	border: none;
	height: 36px;
	margin: 0 6px 21px;
	padding: 0;
}

#wrapper #nav #nav-main {
	position: relative;
}

#wrapper #nav #nav-main li#nav1Item:hover {
	background: #002959;
}

#wrapper #nav #nav-main li#nav1Item a {
	background: url(/images/refresh2014//nav_home.png) no-repeat 11px 9px;
	height: 36px;
	padding: 0;
	text-indent: -999em;
	width: 40px;
}

#wrapper #nav #nav-main li a {
	background-image: none;
	line-height: 36px;
	color: #fff;
	display: block;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 14px;
	height: auto;
	padding: 0 15px;
	text-decoration: none;
	text-indent: 0;
	width: auto;
}

#wrapper #nav #nav-main li:hover a.nav1,
#wrapper #nav #nav-main li:hover a.nav7,
#wrapper #nav #nav-main li:hover a.nav8 {
	background: #002959;
}

#wrapper #nav #nav-main li:hover a.nav2,
#wrapper #nav #nav-main li.active a.nav2 {
	background: #3a99c0;
}

#wrapper #nav #nav-main li:hover a.nav3,
#wrapper #nav #nav-main li.active a.nav3 {
	background: #227251;
}

#wrapper #nav #nav-main li:hover a.nav4,
#wrapper #nav #nav-main li.active a.nav4 {
	background: #7d3413;
}

#wrapper #nav #nav-main li:hover a.nav5,
#wrapper #nav #nav-main li.active a.nav5 {
	background: #670f4b;
}

#wrapper #nav #nav-main li:hover a.nav6,
#wrapper #nav #nav-main li.active a.nav6 {
	background: #00235E;
}

#wrapper #nav #nav-main li:hover a.nav7,
#wrapper #nav #nav-main li.active a.nav7 {
	background: #00235E;
}

/* Drop Down Menu */

#wrapper #nav #nav-main li div.dropDown {
	border: 2px solid #e2e1df;
	background: #fff;
	margin: 11px 0 0 0;
	padding: 32px 36px;
	width: 884px;
	position: absolute;
	left: -999em;
	z-index: 999;
}

#wrapper #nav #nav-main li:hover div.dropDown {
	left: 0;
}

#wrapper #nav #nav-main li span.menuPoint {
	background: url(/images/refresh2014//dropdownArrow.png) no-repeat center center;
	display: block;
	height: 13px;
	position: absolute;
	left: 38px;
	top: -13px;
	width: 78px;
}

#wrapper #nav #nav-main li div.dropDown h2 {
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 21px;
	margin: 0 0 30px 0;
}

#wrapper #nav #nav-main li:hover div.dropDown ul {
	left: 0;
	position: relative;
}

#wrapper #nav #nav-main li div.dropDown ul {
	background: #fff;
	float: left;
	padding: 0;
	position: relative;
	width: 360px;
}

#wrapper #nav #nav-main li div.dropDown ul li {
	border: none;
	margin: 0;
	padding: 0;
	width: 180px;
}

#wrapper #nav #nav-main li div.dropDown ul li a {
	border-bottom: 1px solid #fff;
	color: #444;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	padding: 0 0 2px 0;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock {
	background: #f0f0f0;
	float: left;
	margin: 0 12px 0 0;
	min-height: 137px;
	padding: 0 0 20px 0;
	width: 162px;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock a {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock img {
	margin: 0 0 10px 0;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock h5 {
	color: #444;
	font-family: 'FuturaBoldRegular', arial, helvetica;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 6px;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock h5 a:link,
#wrapper #nav #nav-main li div.dropDown div.menuBlock h5 a:visited,
#wrapper #nav #nav-main li div.dropDown div.menuBlock h5 a:hover {
	color: #444;
	text-decoration: none;
}

#wrapper #nav #nav-main li div.dropDown div.menuBlock p {
	padding: 0 10px;
}

/* Menu Point for each item & section */

#wrapper #nav #nav-main li#nav2Item span.menuPoint {
	left: 30px;
}

/* Colours & Variants */

#wrapper #nav #nav-main li#nav2Item div.dropDown h2 {
	color: #3a99c0;
}

#wrapper #nav #nav-main li#nav2Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #3a99c0;
}

#wrapper #nav #nav-main li#nav3Item div.dropDown h2 {
	color: #227251;
}

#wrapper #nav #nav-main li#nav3Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #227251;
}

#wrapper #nav #nav-main li#nav3Item span.menuPoint {
	left: 116px;
	width: 93px;
}

#wrapper #nav #nav-main li#nav4Item div.dropDown h2 {
	color: #7d3413;
}

#wrapper #nav #nav-main li#nav4Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #7d3413;
}

#wrapper #nav #nav-main li#nav4Item span.menuPoint {
	left: 209px;
	width: 89px;
}

#wrapper #nav #nav-main li#nav5Item div.dropDown h2 {
	color: #670f4b;
}

#wrapper #nav #nav-main li#nav5Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #670f4b;
}

#wrapper #nav #nav-main li#nav5Item span.menuPoint {
	left: 298px;
	width: 79px;
}

#wrapper #nav #nav-main li#nav6Item div.dropDown h2 {
	color: #00235E;
}

#wrapper #nav #nav-main li#nav6Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #00235E;
}

#wrapper #nav #nav-main li#nav6Item span.menuPoint {
	left: 441px;
	width: 83px;
}

#wrapper #nav #nav-main li#nav7Item div.dropDown h2 {
	color: #00235E;
}

#wrapper #nav #nav-main li#nav7Item div.dropDown ul li a:hover {
	border-bottom: 1px solid #00235E;
}

#wrapper #nav #nav-main li#nav7Item span.menuPoint {
	left: 441px;
	width: 83px;
}

/* Search Box */

#wrapper #nav div.search-box {
	background: #fff;
	border: 2px solid #e2e1df;
	margin: 5px 6px 0 0;
	padding: 0;
	width: 170px;
}

#wrapper #nav div.search-box input[type=text] {
	border: none;
	color: #cccccc;
	display: block;
	float: left;
	font-size: 13px;
	height: 22px;
	line-height: 22px;
	padding: 0 0 0 10px;
	margin: 0;
	width: 135px;
}

#wrapper #nav div.search-box input[type=submit],
#wrapper #nav div.search-box .searchButton { /* background: url(/images/refresh2014//searchIcon.png) no-repeat 0 0; */
	border: none;
	cursor: pointer;
	display: block;
	height: 22px;
	line-height: 0;
	margin: 0;
	text-indent: -999em;
	width: 22px;
}

/* Carousel
*******************************************************************************************/

#wrapper div#content.consumer {
	background: none;
}

#wrapper #carousel {
	background: url(/images/refresh2014//bg_carouselConsumer.png) no-repeat 0 0;
	height: 382px;
	position: relative;
	width: 960px;
}

#wrapper #carousel span#duluxDog {
	background: url(/images/refresh2014//bg_dog.png) no-repeat 0 0;
	display: block;
	height: 408px;
	position: absolute;
	top: -21px;
	left: 40px;
	width: 282px;
	z-index: 10;
}

#wrapper #carousel #carouselContent {
	float: left;
	height: 327px;
	margin: 0 0 0 250px;
	overflow: hidden;
	width: 710px;
	z-index: 9;
}

/* Carousel Nav */

#wrapper #carousel .carouselNav {
	clear: both;
	float: right;
	padding: 12px 0 0 0;
}

#wrapper #carousel .carouselNav li {
	float: left;
	list-style: none;
	margin-left: 5px;
}

#wrapper #carousel .carouselNav li a {
	background: url(/images/refresh2014//nav_carousel.png) no-repeat 0 0;
	display: block;
	height: 13px;
	text-indent: -999em;
	width: 13px;
}

#wrapper #carousel .carouselNav li a:hover,
#wrapper #carousel .carouselNav li a.active {
	background-position: -13px 0;
}

#wrapper #carousel #carouselContent .ytid {
	text-indent: -999em;
	line-height: 0;
}

/* Carousel - Trade */

#wrapper #content.applicator {
	min-height: 0;
	margin-bottom: 20px;
	background: none;
}

#wrapper #content.applicator #carousel {
	background: none;
	height: 360px;
}

#wrapper #content.applicator #carousel span#duluxDog {
	display: none;
}

#wrapper #content.applicator #carousel div#carouselContent {
	margin: 0;
	width: 960px;
}

/* Carousel - Specifier */

#wrapper #content.lp {
	min-height: 0;
	margin-bottom: 20px;
	background: none;
}

#wrapper #content.lp #carousel {
	background: none;
	height: 360px;
}

#wrapper #content.lp #carousel span#duluxDog {
	display: none;
}

#wrapper #content.lp #carousel div#carouselContent {
	margin: 0;
	width: 960px;
}

/* Content
*******************************************************************************************/

#wrapper #content div.homeCol {
	width: 470px;
}

#wrapper #content div#leftCol.homeCol {
	float: left;
}

#wrapper #content div#leftCol.homeCol div.full {
	height: 163px;
	padding: 0;
}

#wrapper #content div#rightCol.homeCol {
	float: right;
}

#wrapper #content div#rightCol.homeCol div.full {
	height: 163px;
	padding: 0;
}

#wrapper #content div#leftCol.homeCol div.full .featureCarousel {
	width: 470px;
	height: 163px;
}

#wrapper #content div#leftCol.homeCol div.full .featureCarousel .slide {
	width: 470px;
	height: 163px;
	padding: 0;
	margin: 0;
}

#wrapper #content div#rightCol.homeCol div.full .featureCarousel {
	width: 470px;
	height: 163px;
}

#wrapper #content div#rightCol.homeCol div.full .featureCarousel .slide {
	width: 470px;
	height: 163px;
	padding: 0;
	margin: 0;
}

#wrapper #content div.homeCol h2 {
	color: #444444;
	font-family: 'FuturaExtendedRegular', arial, helvectica;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 10px 12px;
}

/* Full sized box */

#wrapper #content div.homeCol div.full {
	background: #e8e8e8;
	height: 135px;
	padding: 14px 12px;
	position: relative;
	margin: 0 0 20px 0;
}

#wrapper #content div.homeCol iframe {
	margin: 0 0 20px 0;
}

#wrapper #content div.homeCol div.full .featureCarousel {
	background: #fff;
	height: 134px;
	position: relative;
	overflow: hidden;
	width: 445px;
}

/* Nav */

#wrapper #content div.homeCol div.full a.prev,
#wrapper #content div.homeCol div.full a.next {
	background: url(/images/refresh2014//carouselArrows.png) no-repeat 0 0;
	display: block;
	height: 163px;
	text-indent: -999em;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10;
}

#wrapper #content div.homeCol div.full a.prev {
	left: 0;
}

#wrapper #content div.homeCol div.full a.next {
	background-position: -28px 0;
	right: 0;
}

/* Slide Content */

#wrapper #content div.homeCol div.full .featureCarousel div.slide {
	float: left;
	height: 125px;
	padding: 5px;
	width: 435px;
}

#wrapper #content div.homeCol div.full .featureCarousel div.slide img {
	float: left;
}

#wrapper #content div.homeCol div.full .featureCarousel div.slide h3 {
	color: #444;
	display: block;
	float: left;
	font-family: 'FuturaBoldRegular', arial, helvectica;
	font-size: 18px;
	font-weight: normal;
	margin: 14px 0 10px 20px;
}

#wrapper #content div.homeCol div.full .featureCarousel div.slide h3 a:link,
#wrapper #content div.homeCol div.full .featureCarousel div.slide h3 a:visited,
#wrapper #content div.homeCol div.full .featureCarousel div.slide h3 a:hover {
	color: #444;
	text-decoration: none;
}

#wrapper #content div.homeCol div.full .featureCarousel div.slide p {
	float: left;
	font-size: 13px;
	margin: 0 0 0 20px;
	width: 225px;
}

/* Slide Content half - Trade & Specifier */

#wrapper #content.lp #rightCol div.full .featureCarousel,
#wrapper #content.applicator #rightCol div.full .featureCarousel {
	background: none;
}

#wrapper #content.lp #rightCol div.full .featureCarousel div.slide,
#wrapper #content.applicator #rightCol div.full .featureCarousel div.slide {
	background: none;
	height: 135px;
	padding: 12px;
	width: 445px;
}

#wrapper #content.lp #rightCol div.full .featureCarousel div.halfSlide,
#wrapper #content.applicator #rightCol div.full .featureCarousel div.halfSlide {
	background: #fff;
	float: left;
	height: 123px;
	margin-right: 7px;
	padding: 5px;
	width: 209px;
}

#wrapper #content.lp #rightCol div.full .featureCarousel div.halfSlide.even,
#wrapper #content.applicator #rightCol div.full .featureCarousel div.halfSlide.even {
	margin-right: 0;
}

#wrapper #content.lp #rightCol div.full .featureCarousel div.halfSlide h3,
#wrapper #content.applicator #rightCol div.full .featureCarousel div.halfSlide h3 {
	margin: 0;
	padding: 5px 0 0 0;
	text-align: right;
	width: 100%;
}

#wrapper #content.lp #rightCol div.full .featureCarousel div.halfSlide h3 a,
#wrapper #content.applicator #rightCol div.full .featureCarousel div.halfSlide h3 a {
	color: #444444;
	text-decoration: none;
}

/* Small 1/4 box */

#wrapper #content div.homeCol div.box {
	background: #efefef;
	float: left;
	height: 96px;
	padding: 7px;
	width: 211px;
}

#wrapper #content div.homeCol div.box.first {
	margin-right: 20px;
}

#wrapper #content div.homeCol div.box img {
	float: left;
	margin-right: 10px;
	border: none;
}

#wrapper #content div.homeCol div.box h4 {
	color: #444;
	display: block;
	float: left;
	font-family: 'FuturaBoldRegular', arial, helvectica;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	width: 126px;
}

#wrapper #content div.homeCol div.box h4 a:link,
#wrapper #content div.homeCol div.box h4 a:visited,
#wrapper #content div.homeCol div.box h4 a:hover {
	color: #444;
	text-decoration: none;
}

#wrapper #content div.homeCol div.box p {
	float: left;
	width: 130px;
}

/* Latest News
*******************************************************************************************/

#wrapper #content #latestNews {
	clear: both;
	padding: 25px 0 0 0;
	position: relative;
}

#wrapper #content #latestNews h2 {
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 15px 12px;
}

/* Nav */

#wrapper #content #latestNews ul#newsNav {
	position: absolute;
	top: 80px;
	right: 15px;
	z-index: 10;
}

#wrapper #content #latestNews ul#newsNav li {
	float: left;
	list-style: none;
	padding: 0 3px;
}

#wrapper #content #latestNews ul#newsNav li a {
	background: url(/images/refresh2014//newsArrows.png) no-repeat 0 0;
	color: #444;
	display: block;
	font-size: 10px;
	line-height: 7px;
	padding: 0 0 0 7px;
	text-decoration: none;
}

#wrapper #content #latestNews ul#newsNav li.next {
	border-left: 1px solid #969696;
	padding-right: 0;
}

#wrapper #content #latestNews ul#newsNav li.next a {
	background-position: right -7px;
	padding: 0 7px 0 0;
}

/* News Items */

#wrapper #content #latestNews div.news {
	background: #e8e8e8;
	height: 90px;
	position: relative;
	width: 960px;
}

#wrapper #content #latestNews div.news div.newsItem {
	padding: 10px 15px;
}

#wrapper #content #latestNews div.news div.newsItem h3 {
	color: #444;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#wrapper #content #latestNews div.news div.newsItem p {
	font-size: 12px;
	line-height: 19px;
}

#wrapper #content #latestNews div.news div.newsItem a {
	color: #444;
	font-size: 12px;
	position: absolute;
	bottom: 10px;
	right: 15px;
}

/* Footer
*******************************************************************************************/

#footerWrapper {
	background: #fff;
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 972px;
}

#footer {
	background: url(/images/refresh2014//footerSlogan.png) no-repeat 0 0;
	height: 170px;
	padding: 46px 0 0 0;
	margin: 10px auto 0;
	position: relative;
	width: 960px;
}

#footer ul {
	clear: both;
	float: left;
	margin: 0 0 11px 0;
	padding: 0 10px;
}

#footer #promoNav {
	margin: 0;
}

#footer #legalNav {
	margin: 11px 0;
}

#footer ul li {
	float: left;
}

#footer ul li.last a {
	border: none;
}

#footer ul li a {
	border-right: 1px solid #707070;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 0 5px;
}

#footer ul#promoNav {
	background: #9f9f9f;
	padding: 0;
	width: 960px;
}

#footer ul#promoNav li {
	padding: 0;
}

#footer ul#promoNav li a {
	background: #9f9f9f;
	border-right: 2px solid #fff;
	color: #fff;
	display: block;
	font-size: 14px;
	font-family: 'FuturaBoldRegular', arial, helvectica;
	margin: 0 0 0 0;
	padding: 10px 16px;
	text-transform: uppercase;
}

#footer ul#promoNav li a:hover {
	background: #fff;
	color: #9f9f9f;
	text-decoration: none;
}

#footer ul#promoNav li a.pnav-envirosolutions {
	border-right: none;
	width: 158px;
}

#footer ul#legalNav a {
	border-color: #9f9f9f;
	color: #444;
}

#footer iframe {
	position: absolute;
	top: 115px;
	right: 0;
}

#footer img.aus-made {
	clear: both;
	float: left;
	margin: 0 0 0 15px;
}

.bck-top {
	margin-left: 10px;
}

/* SEARCH RESULT SECTION */

.search-results h2 {
	margin-bottom: 20px;
}

.search-results h3 {
	border-bottom: solid 1px #ccc;
	text-transform: uppercase;
	color: #444;
	padding-bottom: 5px;
}

.search-results p.description {
	padding-bottom: 0px;
	margin: 6px 0 0px 0 !important;
}

.search-results .results-header {
	border: solid 1px #CCC;
	padding: 10px;
	margin-bottom: 10px;
	background: #efefef;
}

.results-text-list {
	width: 900px;
}

.results-text-list  ul li {
	list-style: none;
	background: none !important;
	margin-bottom: 25px;
}

.results-text-list  ul li span.page-icon {
	display: block;
	float: left;
	height: 20px;
	width: 24px;
	background: transparent url(/images/refresh2014//umbraco-sprites.png) no-repeat -5px -260px;
}

.results-text-list  ul li span.url {
	font-size: 1.1em;
	color: Gray;
}

.results-text-list  ul li p {
	padding-left: 24px;
	padding-right: 24px;
}

.results-colour-list {
	overflow-y: scroll;
	height: 128px;
	width: 900px;
}

#results-colour {
	margin-bottom: 40px;
}

.colour-list {
	list-style: none;
}

.color-item {
	border: dashed 1px #ccc;
	padding: 5px 5px 10px !important;
	width: 111px;
	background: none !important;
	float: left;
	overflow: hidden;
	margin: 0px 3px 3px 0px;
	min-height: 95px;
}

.color-item .color-palette {
	width: 110px;
	height: 55px;
}

.color-item p {
	margin: 0px !important;
	padding: 0px;
	font-size: 10px !important;
}

#show-all-colour-results {
	padding-right: 20px;
	font-size: 13px;
	background-image: url(/images/refresh2014//expand-collapse-arrows.png);
	background-repeat: no-repeat;
}

.expanded-colour-results {
	background-position: 100% 3px;
}

.collapsed-colour-results {
	background-position: 100% -18px;
}

html,
body {
	background: #fbfbfb url(/images/refresh2014//pageBackground.jpg) no-repeat 0 0 fixed;
}

#wrapper {
	background: #fbfbfb url(/images/refresh2014//bg_background.jpg) repeat-x 0 0;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/

/* FONTS */

/* COLOURS */

/*----------------------------------------*\
			      PHASE 2
\*----------------------------------------*/

/* line 2, ../../homepage-refresh/app/sass/components/_global.scss */

html,
body {
	background: #FFF !important;
	height: 100%;
	width: 100%;
	min-width: 100%;
}

/*Opera Fix*/

/* line 10, ../../homepage-refresh/app/sass/components/_global.scss */

body:before { /* thanks to Maleika (Kohoutec)*/
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px; /* thank you Erik J - negate effect of float*/
}

/* line 18, ../../homepage-refresh/app/sass/components/_global.scss */

body {
	min-width: 972px;
}

/* line 22, ../../homepage-refresh/app/sass/components/_global.scss */

body > form,
#wrapper {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
}

/* line 32, ../../homepage-refresh/app/sass/components/_global.scss */

#wrapper {
	background: none;
}

/* line 36, ../../homepage-refresh/app/sass/components/_global.scss */

#wrapper #content {
	width: auto;
    min-width: 972px;
	padding-top: 20px;
	margin: 0 !important;
	overflow: hidden;
}

/* line 43, ../../homepage-refresh/app/sass/components/_global.scss */

.body {
	padding-bottom: 220px;
	margin: 0 auto;
	width: 1024px;
    min-width: 972px;
	overflow-y: auto;
}

/* line 58, ../../homepage-refresh/app/sass/components/_global.scss */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

/* line 63, ../../homepage-refresh/app/sass/components/_global.scss */

.clearfix:after {
	clear: both;
}

/* line 68, ../../homepage-refresh/app/sass/components/_global.scss */

.container {
	margin: 0 auto;
	min-width: 972px;
	max-width: 1420px;
	width: auto;
}

/* line 82, ../../homepage-refresh/app/sass/components/_global.scss */

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* current template overrides and fixes */

/* line 104, ../../homepage-refresh/app/sass/components/_global.scss */

#breadcrumbs {
	margin: 20px auto 0 auto;
	width: 1024px;
}

/* line 109, ../../homepage-refresh/app/sass/components/_global.scss */

#wrapper #content.specifierHome #carousel,
#wrapper #content.tradeHome #carousel {
	margin-left: 6px;
}

/* line 114, ../../homepage-refresh/app/sass/components/_global.scss */

#wrapper #content.applicator {
	overflow: visible;
}

/* line 118, ../../homepage-refresh/app/sass/components/_global.scss */

.section-landing-page {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 126, ../../homepage-refresh/app/sass/components/_global.scss */

.section-landing-page * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 132, ../../homepage-refresh/app/sass/components/_global.scss */

.section-landing-page img {
	width: 100%;
	height: auto;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets
*********************************/

/* line 15, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}

/* line 19, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Icon Fonts
*********************************/

/* Font-face Icons */

@font-face {
	font-family: 'flexslider-icon';
	src: url("/fonts/refresh2014/flexslider-icon.eot");
	src: url("/fonts/refresh2014/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("/fonts/refresh2014/flexslider-icon.woff") format("woff"), url("/fonts/refresh2014/flexslider-icon.ttf") format("truetype"), url("/fonts/refresh2014/flexslider-icon.svg#flexslider-icon") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/

/* line 39, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flexslider {
	margin: 0;
	padding: 0;
}

/* line 40, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */

/* line 41, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flexslider .slides img {
	width: 100%;
	display: block;
}

/* line 42, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */

/* line 45, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* line 46, ../../homepage-refresh/app/sass/components/_flexslider.scss */

html[xmlns] .slides {
	display: block;
}

/* line 47, ../../homepage-refresh/app/sass/components/_flexslider.scss */

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* line 52, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/

/* line 56, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flexslider {
	margin: 0 0 60px;
	background: #fff;
	border: 4px solid #fff;
	position: relative;
	-o-border-radius: 4px;
	border-radius: 4px;
	-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	zoom: 1;
}

/* line 57, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

/* line 58, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.loading .flex-viewport {
	max-height: 300px;
}

/* line 59, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flexslider .slides {
	zoom: 1;
}

/* line 60, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.carousel li {
	margin-right: 5px;
}

/* Direction Nav */

/* line 63, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-direction-nav {
	*height: 0;
}

/* line 64, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

/* line 65, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-direction-nav .flex-prev {
	left: -50px;
}

/* line 66, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right;
}

/* line 67, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flexslider:hover .flex-prev {
	opacity: 0.7;
	left: 10px;
}

/* line 68, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flexslider:hover .flex-next {
	opacity: 0.7;
	right: 10px;
}

/* line 69, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

/* line 70, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-direction-nav .flex-disabled {
	opacity: 0 !important;
	-webkit-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	cursor: default;
}

/* line 71, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '\f001';
}

/* line 72, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-direction-nav a.flex-next:before {
	content: '\f002';
}

/* Pause/Play */

/* line 75, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}

/* line 76, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-pauseplay a:before {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}

/* line 77, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-pauseplay a:hover {
	opacity: 1;
}

/* line 78, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-pauseplay a.flex-play:before {
	content: '\f003';
}

/* Control Nav */

/* line 81, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}

/* line 82, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

/* line 83, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

/* line 84, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}

/* line 85, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}

/* line 87, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

/* line 88, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

/* line 89, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

/* line 90, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-control-thumbs img:hover {
	opacity: 1;
}

/* line 91, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

/* WEB-FONT */

@font-face {
	font-family: 'FuturaBT-Light';
	src: url("/fonts/refresh2014/25A751_0_0.eot");
	src: url("/fonts/refresh2014/25A751_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/refresh2014/25A751_0_0.woff") format("woff"), url("/fonts/refresh2014/25A751_0_0.ttf") format("truetype");
}

@font-face {
	font-family: 'FuturaBT-Book';
	src: url("/fonts/refresh2014/25A751_1_0.eot");
	src: url("/fonts/refresh2014/25A751_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/refresh2014/25A751_1_0.woff") format("woff"), url("/fonts/refresh2014/25A751_1_0.ttf") format("truetype");
}

@font-face {
	font-family: 'FuturaBT-Bold';
	src: url("/fonts/refresh2014/25A751_2_0.eot");
	src: url("/fonts/refresh2014/25A751_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/refresh2014/25A751_2_0.woff") format("woff"), url("/fonts/refresh2014/25A751_2_0.ttf") format("truetype");
}

@font-face {
	font-family: 'icomoon';
	src: url("/fonts/refresh2014/icomoon.eot?-q3z71z");
	src: url("/fonts/refresh2014/icomoon.eot?#iefix-q3z71z") format("embedded-opentype"), url("/fonts/refresh2014/icomoon.woff?-q3z71z") format("woff"), url("/fonts/refresh2014/icomoon.ttf?-q3z71z") format("truetype"), url("/fonts/refresh2014/icomoon.svg?-q3z71z#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon-navigation-arrow';
	src: url("/fonts/refresh2014/down-arrow-phase2-icomoon.eot?-159257");
	src: url("/fonts/refresh2014/down-arrow-phase2-icomoon.eot?#iefix-159257") format("embedded-opentype"), url("/fonts/refresh2014/down-arrow-phase2-icomoon.woff?-159257") format("woff"), url("/fonts/refresh2014/down-arrow-phase2-icomoon.ttf?-159257") format("truetype"), url("/fonts/refresh2014/down-arrow-phase2-icomoon.svg?-159257#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon-instagram';
	src: url("/fonts/refresh2014/icomoon-instagram.eot?-imza9i");
	src: url("/fonts/refresh2014/icomoon-instagram.eot?#iefix-imza9i") format("embedded-opentype"), url("/fonts/refresh2014/icomoon-instagram.woff?-imza9i") format("woff"), url("/fonts/refresh2014/icomoon-instagram.ttf?-imza9i") format("truetype"), url("/fonts/refresh2014/icomoon-instagram.svg?-imza9i#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* line 1, ../../homepage-refresh/app/sass/components/_icons.scss */

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1.4; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* line 15, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-swatch:before {
	content: "\e600";
}

/* line 18, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-search:before {
	content: "\e601";
}

/* line 21, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-toggle-arrow {
	font-size: 1.81818em;
}

/* line 32, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-logo:before {
	content: "\e603";
}

/* line 35, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-facebook:before {
	content: "\e604";
}

/* line 38, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-twitter:before {
	content: "\e605";
}

/* line 41, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-google_plus:before {
	content: "\e606";
}

/* line 44, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-pinterest:before {
	content: "\e607";
}

/* line 47, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-cart:before {
	content: "\e608";
}

/* line 50, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-roller:before {
	content: "\e609";
}

/* line 53, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-swatchbook:before {
	content: "\e60a";
}

/* line 56, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-user:before {
	content: "\e60b";
}

/* line 59, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-roller_rev:before {
	content: "\e60c";
}

/* line 62, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-paint_bucket:before {
	content: "\e60d";
}

/* line 65, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-play:before {
	content: "\e60e";
}

/* line 68, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-close:before {
	content: "\e60f";
}

/* line 72, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-instagram {
	display: inline-block;
	height: 32px;
	font-family: 'icomoon-instagram';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 2; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* line 94, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-instagram:before {
	content: "\e600";
	display: inline-block;
	font-size: 16px;
}

/* line 2, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header {
	padding: 0;
}

/* line 6, ../../homepage-refresh/app/sass/components/_header.scss */

#header .container {
	margin: 0 auto;
	min-width: 972px;
	max-width: 1440px;
	padding: 0;
	width: auto;
}

/* line 12, ../../homepage-refresh/app/sass/components/_header.scss */

.ie8 #header .container {
	padding: 0;
}

/* line 22, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header.top-bar {
	background-color: #132150;
	height: 44px;
	width: auto;
}

/* cart / login */

/* line 40, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart {
	float: right;
	position: relative;
	margin-top: 7px;
	z-index: 100;
}

/* line 50, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart > a {
	width: 120px;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	font-family: "FuturaBoldRegular", arial, helvetica;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	position: relative;
	display: block;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

/* line 65, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart > a:hover [class*="icon"] {
	color: #ffffff;
}

/* line 87, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart [class^="icon-"] {
	position: absolute;
	top: 0;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
	display: inline-block;
	-webkit-transition: color 0.3s;
	-ms-transition: color 0.3s;
	transition: color 0.3s;
}

/* line 108, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart .icon-cart {
	left: 0;
	font-size: 1.33333em;
}

/* line 120, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart .icon-toggle-arrow {
	right: 5px;
}

/* line 132, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart > ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 180px;
	border-bottom: 5px solid #e00026;
	padding: 10px 0 30px 0;
	margin: 0;
	background-color: #132150;
	box-shadow: 0px 2px 10px 4px rgba(0, 0, 0, 0.3);
	list-style: none;
}

/* line 157, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart ul li {
	margin: 10px 0 0 0;
	padding: 0 30px;
}

/* line 164, ../../homepage-refresh/app/sass/components/_header.scss */

.no-touch .login-cart:hover > ul,
.touch .login-cart.open > ul {
	display: block;
}

/* line 170, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart ul a {
	color: #FFF;
	font-family: "FuturaBT-Book", arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

/* line 176, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart ul a:hover {
	color: #e00026;
}

/* site controls */

/* line 190, ../../homepage-refresh/app/sass/components/_header.scss */

#header #site-opts {
	font-size: 1em;
	font-weight: normal;
	width: 21%;
	display: inline;
	float: right;
	overflow: hidden;
}

/* line 201, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header #site-opts a.siteBtn {
	float: left;
	display: inline;
	text-align: center;
	background-color: #132150;
	border: 0;
	color: #FFF;
	height: 44px;
	line-height: 44px;
	width: 50%;
	font-size: 12px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: uppercase;
}

/* line 225, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header #site-opts a.siteBtn.siteBtn-specifiers:after {
	content: 'Specifiers';
}

/* line 228, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header #site-opts a.siteBtn.siteBtn-trade:after {
	content: 'Trade';
}

/* line 231, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header #site-opts a.siteBtn.siteBtn-consumer:after {
	content: 'Consumers';
}

/* line 234, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header #site-opts a.siteBtn:hover {
	color: #FFF;
	background: #101831;
}

/* line 237, ../../homepage-refresh/app/sass/components/_header.scss */

.no-touch #wrapper #header #site-opts a.siteBtn:hover {
	background: #F6F6F6;
	color: #101831;
}

/* line 242, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header #site-opts a.siteBtn:active {
	background: #F6F6F6;
	color: #101831;
}

/* line 247, ../../homepage-refresh/app/sass/components/_header.scss */

.no-touch #wrapper #header #site-opts a.siteBtn:hover:after {
	content: 'View Site';
}

/* line 251, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header #site-opts a.siteBtn:active:after {
	content: 'View Site';
}

/* line 267, ../../homepage-refresh/app/sass/components/_header.scss */

#site-opts [class^="icon-"] {
	margin: 0 10px 0 0;
	font-size: 1.33333em;
	vertical-align: middle;
	height: 44px;
	line-height: 44px;
}

/* line 1, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav {
	height: 44px;
	margin: 0;
	background-color: #cb0226;
}

/* line 14, ../../homepage-refresh/app/sass/components/_nav.scss */

#nav .container {
	margin: 0 auto;
	min-width: 972px;
	max-width: 1440px;
	width: auto;
}

/* line 19, ../../homepage-refresh/app/sass/components/_nav.scss */

.ie8 #nav .container {
	padding: 0;
}

/* logo */

/* line 32, ../../homepage-refresh/app/sass/components/_nav.scss */

#siteLogo {
	float: left;
	display: block;
	width: 85px;
	height: 40px;
	border-bottom: 4px solid #e00026;
}

/* line 54, ../../homepage-refresh/app/sass/components/_nav.scss */

#siteLogo img {
	max-width: 100%;
	height: auto;
}

/* menu */

/* line 62, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav ul#nav-main {
	width: 79%;
}

/* line 75, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main > li {
	margin-left: 40px;
}

/* line 101, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main > li:first-child {
	margin-left: 35px;
}

/* line 109, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main > li [class*="icon"] {
	color: #e3566f;
	margin-left: 10px;
}

/* line 131, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav > .container > #nav-main > li > a {
	text-align: left;
}

/* line 133, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav > .container > #nav-main > li > a:hover,
#wrapper #nav > .container > #nav-main > li > a:focus {
	color: #f2f2f2;
}

/* line 139, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav > .container > #nav-main > li.has-children > a {
	text-align: left;
	padding-right: 40px;
}

/* line 143, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav > .container > #nav-main > li.has-children > a [class*="icon"] {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* line 150, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav > .container > #nav-main > li.has-children > a:hover [class*="icon"] {
	color: #ffffff;
}

/* line 160, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li > a {
	padding: 0;
	line-height: 44px;
	height: 44px;
	font-family: "FuturaBT-Book", arial, helvetica;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	position: relative;
}

/* line 194, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li.has-children > a {
	font-family: "FuturaBoldRegular", arial, helvetica;
	text-transform: uppercase;
	position: relative;
}

/* line 200, ../../homepage-refresh/app/sass/components/_nav.scss */

#nav-main [class^="icon-"] {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	font-size: 1.66667em;
	margin-left: 2px;
}

/* line 217, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li {
	position: relative;
}

/* line 222, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li:hover a.nav2,
#wrapper #nav #nav-main li.active a.nav2,
#wrapper #nav #nav-main li:hover a.nav3,
#wrapper #nav #nav-main li.active a.nav3,
#wrapper #nav #nav-main li:hover a.nav4,
#wrapper #nav #nav-main li.active a.nav4,
#wrapper #nav #nav-main li:hover a.nav5,
#wrapper #nav #nav-main li.active a.nav5 {
	background: none;
}

/* line 234, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown {
	border: 0;
	margin: 0;
	width: 240px;
	top: 100%;
	padding: 25px 25px 50px;
	border-bottom: 7px solid #132150;
	background: #f2f2f2;
	box-shadow: 0px 2px 10px 4px rgba(0, 0, 0, 0.3);
}

/* line 246, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown.medium {
	width: 280px;
}

/* wide dropdown */

/* line 251, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown.wide {
	width: 360px;
}

/* line 262, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown h2,
#wrapper #nav #nav-main li#nav2Item div.dropDown h2,
#wrapper #nav #nav-main li#nav3Item div.dropDown h2,
#wrapper #nav #nav-main li#nav4Item div.dropDown h2,
#wrapper #nav #nav-main li#nav5Item div.dropDown h2,
#wrapper #nav #nav-main li#nav6Item div.dropDown h2 {
	text-transform: uppercase;
	font-family: "FuturaBoldRegular", arial, helvetica;
	font-weight: normal;
	color: #e00026;
	font-size: 11px;
}

/* line 275, ../../homepage-refresh/app/sass/components/_nav.scss */

#nav .dropdown-col {
	float: left;
	width: 50%;
}

/* line 280, ../../homepage-refresh/app/sass/components/_nav.scss */

ul#nav-main li ul li {
	border: 0;
}

/* line 284, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown ul {
	float: none;
	width: auto;
	background: none;
	margin-right: 20px;
}

/* line 291, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown ul li {
	float: none;
	margin-top: 10px;
	width: auto;
}

/* line 295, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown ul li:first-child {
	margin-top: 0;
}

/* reset dropdown links */

/* line 309, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown ul li a,
#wrapper #nav #nav-main li div.dropDown ul li a:hover,
#wrapper #nav #nav-main li div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav2Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav2Item div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav3Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav3Item div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav4Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav4Item div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav5Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav5Item div.dropDown ul li a:focus {
	float: none;
	line-height: 1;
	font-family: "FuturaBT-Book", arial, helvetica;
	font-size: 11px;
	border: 0;
	padding: 0;
	height: auto;
}

/* line 335, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown ul li a {
	color: #132150;
}

/* line 339, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown ul li a:hover,
#wrapper #nav #nav-main li div.dropDown ul li a:focus {
	color: #e00026;
	border: 0 !important;
}

/* line 345, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li:hover [class*="nav"] {
	background: none !important;
}

/* line 349, ../../homepage-refresh/app/sass/components/_nav.scss */

.touch ul#nav-main li ul {
	left: 0;
}

/* line 353, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li:hover div.dropDown {
	left: -9999em;
}

/* line 357, ../../homepage-refresh/app/sass/components/_nav.scss */

.no-touch #wrapper #nav #nav-main li:hover div.dropDown,
#wrapper #nav #nav-main li.open div.dropDown {
	left: -15px;
}

/*  search field */

/* line 368, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav div.search-box {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	width: 21%;
	margin: 0;
	border: 0;
	position: relative;
	height: 44px;
	line-height: 44px;
	background: #F6F6F6;
	padding: 0 14px 0 40px;
}

/* line 391, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav div.search-box button {
	position: absolute;
	top: 50%;
	left: 15px;
	margin: 0;
	margin-top: -10px;
	z-index: 2;
	border: 0;
	padding: 0;
	height: 20px;
	width: 20px;
	line-height: 1;
	background: #F6F6F6;
}

/* line 410, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav div.search-box input[type=text] {
	float: none;
	outline: none;
	height: 20px;
	line-height: 20px;
	background: #F6F6F6;
	margin-top: 12px;
	padding: 0;
	font-size: 12px;
	color: #132150;
	width: 100%;
	font-family: "FuturaBoldRegular", arial, helvetica;
}

/* line 434, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav .icon-search {
	color: #132150;
	font-size: 16px;
}

/* search placeholder */

/* line 448, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav ::-webkit-input-placeholder {
	color: #132150;
	font-family: "FuturaBoldRegular", arial, helvetica;
	text-transform: uppercase;
	font-size: 12px;
	opacity: 1;
}

/* line 449, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav :-moz-placeholder {
	color: #132150;
	font-family: "FuturaBoldRegular", arial, helvetica;
	text-transform: uppercase;
	font-size: 12px;
	opacity: 1;
}

/* line 450, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav ::-moz-placeholder {
	color: #132150;
	font-family: "FuturaBoldRegular", arial, helvetica;
	text-transform: uppercase;
	font-size: 12px;
	opacity: 1;
}

/* line 451, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav :-ms-input-placeholder {
	color: #132150;
	font-family: "FuturaBoldRegular", arial, helvetica;
	text-transform: uppercase;
	font-size: 12px;
	opacity: 1;
}

/* line 469, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav input:focus::-webkit-input-placeholder {
	color: #CCC;
}

/* line 470, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav input:focus:-moz-placeholder {
	color: #CCC;
}

/* line 471, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav input:focus::-moz-placeholder {
	color: #CCC;
}

/* line 472, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav input:focus:-ms-input-placeholder {
	color: #CCC;
}

/* line 2, ../../homepage-refresh/app/sass/components/_footer.scss */

#footerWrapper {
	height: 180px;
	background: #132150;
	margin: -180px 0 0 0;
	position: relative;
	clear: both;
	padding: 0;
	min-width: 972px;
	width: auto;
}

/* line 23, ../../homepage-refresh/app/sass/components/_footer.scss */

.ie8 #footerWrapper {
	padding: 0;
}

/* line 28, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer {
	background: #132150;
	height: 150px;
	padding: 30px 0 0 0;
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	min-width: 932px;
	width: auto;
	max-width: 1420px;
}

/* line 50, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .row {
	overflow: visible;
}

/* line 55, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer ul {
	float: none;
	margin: 0;
	padding: 0;
}

/* line 60, ../../homepage-refresh/app/sass/components/_footer.scss */

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

/* line 65, ../../homepage-refresh/app/sass/components/_footer.scss */

.title-footer {
	font-weight: normal;
	font-size: 17px;
	font-family: "FuturaBoldRegular", arial, helvetica;
	-webkit-font-smoothing: antialiased;
	color: #FFF;
	margin-bottom: 5px;
	display: block;
}

/* sitewide links */

/* line 84, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .sitewide-links {
	position: relative;
	width: 85%;
	margin-left: -20px;
}

/* line 94, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .sitewide-links-consumer {
	width: 60%;
	padding: 45px 0 0 110px;
	margin-top: -45px;
	min-height: 110px;
	margin-left: 0;
	background: url(/images/refresh2014/dog-sml.png) -5px 0 no-repeat;
}

/* line 114, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .sitewide-links li {
	float: left;
	width: 50%;
	margin: 5px 0 0 0;
	padding: 0;
}

/* line 123, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .sitewide-links li a {
	font-size: 12px;
	font-family: "FuturaBT-Book", arial, helvetica;
	border: 0;
	color: #8891b0;
	padding: 0;
}

/* line 129, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .sitewide-links li a:hover {
	color: #FFF;
	text-decoration: none;
}

/* social media links */

/* line 141, ../../homepage-refresh/app/sass/components/_footer.scss */

.social-links {
	width: 355px;
	float: right;
	min-height: 110px;
}

/* line 153, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .social-links li {
	width: 33.33%;
	margin-bottom: 5px;
}

/* line 157, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .social-links li a {
	padding: 0;
	line-height: 24px;
	height: 24px;
	font-size: 12px;
	font-family: "FuturaBT-Book", arial, helvetica;
	color: #8891b0;
	border: 0;
}

/* line 170, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .social-links li a:hover {
	text-decoration: none;
	color: #FFF;
}

/* line 175, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .social-icon {
	margin-right: 5px;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background-color: #e00026;
	display: inline-block;
	text-align: center;
	line-height: 1.7;
}

/* line 196, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .social-links [class^="icon-"] {
	vertical-align: middle;
	color: #FFF;
	font-size: 20px;
}

/* legal links */

/* line 208, ../../homepage-refresh/app/sass/components/_footer.scss */

.legal {
	padding: 10px 0;
	text-align: right;
	border-top: 1px solid #27345e;
	display: block;
    margin-top: 20px;
}

/* line 215, ../../homepage-refresh/app/sass/components/_footer.scss */

.legal small {
	color: #FFF;
	font-size: 11px;
	display: inline;
}

/* line 221, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer #legalNav {
	float: none;
	padding: 0;
	margin: 0 0 0 10px;
	display: inline;
}

/* line 228, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer #legalNav li {
	float: none;
	display: inline;
}

/* line 233, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer #legalNav li a {
	border: 0;
	color: #8891b0;
	font-family: "FuturaBT-Book", arial, helvetica;
	font-size: 11px;
}

/* line 243, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer #legalNav li a:hover,
#footer #legalNav li a:focus {
	color: #FFF;
	text-decoration: none;
}

/* grid */

/* line 3, ../../homepage-refresh/app/sass/components/_grid.scss */

.row {
	margin-left: -20px;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

/* line 10, ../../homepage-refresh/app/sass/components/_grid.scss */

.row:before,
.row:after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 15, ../../homepage-refresh/app/sass/components/_grid.scss */

.row.row-full {
	margin-left: 0;
}

/* line 17, ../../homepage-refresh/app/sass/components/_grid.scss */

.row.row-full .col {
	padding-left: 0;
}

/* line 22, ../../homepage-refresh/app/sass/components/_grid.scss */

.col {
	float: left;
	padding-left: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}

/* line 29, ../../homepage-refresh/app/sass/components/_grid.scss */

.col:before,
.col:after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 38, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x1 {
	background: red;
}

/* line 41, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x2 {
	background: blue;
}

/* line 44, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x3 {
	background: green;
}

/* line 47, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x4 {
	background: yellow;
}

/* line 50, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x5 {
	background: brown;
}

/* line 53, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x6 {
	background: pink;
}

/* line 56, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x7 {
	background: orange;
}

/* line 59, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x8 {
	background: purple;
}

/* line 62, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x9 {
	background: cyan;
}

/* line 65, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x10 {
	background: ivory;
}

/* line 68, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x11 {
	background: maroon;
}

/* line 71, ../../homepage-refresh/app/sass/components/_grid.scss */

#wrapper .container.debug .col-x12 {
	background: navy;
}

/* line 77, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x1 {
	width: 8.333333333333333%;
}

/* line 80, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x2 {
	width: 16.66666666666667%;
}

/* line 83, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x3 {
	width: 25%;
}

/* line 86, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x4 {
	width: 33.33333333333333%;
}

/* line 89, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x5 {
	width: 41.66666666666667%;
}

/* line 92, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x6 {
	width: 50%;
}

/* line 95, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x7 {
	width: 58.33333333333333%;
}

/* line 98, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x8 {
	width: 66.66666666666667%;
}

/* line 101, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x9 {
	width: 75%;
}

/* line 104, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x10 {
	width: 83.33333333333333%;
}

/* line 107, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x11 {
	width: 91.66666666666667%;
}

/* line 110, ../../homepage-refresh/app/sass/components/_grid.scss */

.col-x12 {
	width: 100%;
}

/* boxes */

/* line 3, ../../homepage-refresh/app/sass/components/_boxes.scss */

.consumer .box {
	position: relative;
	width: 100%;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
}

/* line 13, ../../homepage-refresh/app/sass/components/_boxes.scss */

.consumer .box img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* line 19, ../../homepage-refresh/app/sass/components/_boxes.scss */

.consumer .box a {
	text-decoration: none;
}

/* line 23, ../../homepage-refresh/app/sass/components/_boxes.scss */

[class*="box-x"] {
	height: 0;
	background: blue;
}

/* line 28, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-x1 {
	padding-bottom: 100%;
	height: 0;
}

/* line 33, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-x2 {
	padding-bottom: 47.82608695652174%;
	height: 0;
}

/* line 38, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-x2 img {
	position: absolute;
	left: 0;
	top: 0;
}

/* line 44, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}

/* line 52, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-container-inner {
	position: relative;
	min-height: 100%;
	height: 100%;
	display: block;
}

/* heading / caption boxes */

/* line 62, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-head {
	display: table;
	width: 100%;
}

/* line 66, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-head-inner {
	display: table-cell;
	vertical-align: middle;
	padding: 9%;
}

/* line 72, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-content {
	display: block;
}

/* inspiration box */

/* line 78, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-action {
	background: #f5f0f0;
}

/* line 82, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-action .box-head {
	font-family: "FuturaBoldRegular", arial, helvetica;
	font-size: 18px;
	line-height: 20px;
	color: #132150;
}

/* line 96, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-action .box-head-inner {
	padding: 8.695652173913043%;
	padding-bottom: 0;
}

/* line 100, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-action .box-content {
	font-family: "FuturaBT-Book", arial, helvetica;
	color: #888;
	font-size: 18px;
	line-height: 1.4;
	padding: 8.695652173913043%;
	padding-top: 2.347826086956522%;
}

/* line 122, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-action-img .box-content {
	padding-right: 38.695652173913043%;
	color: #888;
}

/* line 128, ../../homepage-refresh/app/sass/components/_boxes.scss */

.ie8 .box-action-img img {
	width: 100%;
}

/* line 132, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-link {
	display: block;
	color: #132150;
	font-size: 0.88889em;
	margin-top: 7%;
}

/* line 149, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-action:hover .box-link,
.box-action:focus .box-link {
	color: #e00026;
}

/* whats new box */

/* line 159, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-new .box-head {
	color: #FFF;
	font-family: "FuturaBoldRegular", arial, helvetica;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	background: #132150;
}

/* line 173, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-new .box-head-inner {
	padding: 4.347826086956522%;
}

/* line 178, ../../homepage-refresh/app/sass/components/_boxes.scss */

.ie8 .box-new img {
	width: 100%;
}

/* boxes with caption and image */

/* line 186, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-figure .box-head {
	position: absolute;
	bottom: 0;
	font-size: 13px;
	font-family: "FuturaBT-Book", arial, helvetica;
	color: rgba(255, 255, 255, 0.5);
}

/* line 199, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-figure .box-head-inner {
	padding: 4.347826086956522%;
}

/* line 205, ../../homepage-refresh/app/sass/components/_boxes.scss */

.ie8 .box-figure img {
	width: 100%;
}

/* swatch boxes */

/* line 213, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-swatch .box-head-inner {
	padding: 9.090909090909%;
	padding-right: 40px;
	font-family: "FuturaBT-Book", arial, helvetica;
	font-size: 14px;
	vertical-align: top;
}

/* line 227, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-swatch .box-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 9.090909090909%;
	font-family: "FuturaBT-Book", arial, helvetica;
	font-size: 14px;
}

/* line 243, ../../homepage-refresh/app/sass/components/_boxes.scss */

.icon-swatch {
	position: absolute;
	top: 9.090909090909%;
	right: 9.090909090909%;
	font-size: 16px;
}

/* line 250, ../../homepage-refresh/app/sass/components/_boxes.scss */

.icon-logo {
	font-size: 20px;
	display: block;
}

/* hover state */

/* line 257, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-new,
.box-swatch,
.box-figure {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
}

/* line 266, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-new:hover,
.box-new:focus,
.box-swatch:hover,
.box-swatch:focus,
.box-figure:hover,
.box-figure:focus {
	opacity: 0.6;
}

/* line 1, ../../homepage-refresh/app/sass/components/_home.scss */

#wrapper .body.consumerHome,
#wrapper .body.consumerHome #content {
	width: 100%;
	overflow: visible;
}

/* line 7, ../../homepage-refresh/app/sass/components/_home.scss */

#wrapper .body.consumerHome #homepage.container {
	min-width: 970px;
	min-height: 300px;
	background: url(/images/refresh2014/loader.gif) 50% 50% no-repeat;
}

/* line 11, ../../homepage-refresh/app/sass/components/_home.scss */

#wrapper .body.consumerHome #homepage.container.loaded {
	background: transparent;
}

/* line 19, ../../homepage-refresh/app/sass/components/_home.scss */

#homepage .row {
	visibility: hidden;
}

/* line 22, ../../homepage-refresh/app/sass/components/_home.scss */

#homepage.loaded .row {
	visibility: visible;
}

/* slide show */

/* line 29, ../../homepage-refresh/app/sass/components/_home.scss */

#homepage .flexslider {
	margin: 0;
	background: none;
	border: 0;
	-webkit-box-radius: 0;
	-moz-box-radius: 0;
	box-radius: 0;
	box-shadow: none;
}

/* line 41, ../../homepage-refresh/app/sass/components/_home.scss */

.flexslider .slides > li {
	margin: 0;
}

/* line 46, ../../homepage-refresh/app/sass/components/_home.scss */

#homepage #carousel {
	height: auto;
	width: auto;
	background: none;
}

/* line 52, ../../homepage-refresh/app/sass/components/_home.scss */

#homepage #carousel.slides-video {
	background: #1b1b1b;
}

/* line 56, ../../homepage-refresh/app/sass/components/_home.scss */

.flexslider .slides > .isVideo img {
	cursor: pointer;
}

/* line 59, ../../homepage-refresh/app/sass/components/_home.scss */

.flexslider .slides > .isVideo img:hover {
	opacity: 0.8;
}

/* line 63, ../../homepage-refresh/app/sass/components/_home.scss */

.flexslider .slides > .isVideo.isPlaying .slide-box,
.flexslider .slides > .isVideo.isPlaying img,
.flexslider .slides > .isVideo .youtube-canvas {
	display: none;
}

/* line 69, ../../homepage-refresh/app/sass/components/_home.scss */

.flexslider .slides > .isVideo.isPlaying .youtube-canvas {
	display: block;
	padding-bottom: 48.93617021276596%;
	height: 0;
	overflow: hidden;
}

/* line 76, ../../homepage-refresh/app/sass/components/_home.scss */

.isVideo.isPlaying .youtube-canvas iframe,
.isVideo.isPlaying .youtube-canvas object,
.isVideo.isPlaying .youtube-canvas embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1 !important;
}

/* line 88, ../../homepage-refresh/app/sass/components/_home.scss */

.btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9999;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: none;
	color: #FFF;
	display: none;
	border: 0;
	cursor: pointer;
	outline: none;
}

/* line 104, ../../homepage-refresh/app/sass/components/_home.scss */

.icon-close {
	font-size: 16px;
	color: #FFF;
	line-height: 35px;
	height: 35px;
}

/* line 109, ../../homepage-refresh/app/sass/components/_home.scss */

.icon-close:hover {
	opacity: 0.8;
}

/* line 114, ../../homepage-refresh/app/sass/components/_home.scss */

.flexslider .slides > .isVideo.isPlaying .btn-close {
	display: block;
}

/* line 119, ../../homepage-refresh/app/sass/components/_home.scss */

#homepage .flex-control-nav {
	bottom: 20px;
	right: 20px;
	width: auto;
	z-index: 100;
}

/* line 125, ../../homepage-refresh/app/sass/components/_home.scss */

#homepage .flex-control-nav {
	height: 16px;
	padding: 5px;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.5);
	display: inline-block;
}

/* line 135, ../../homepage-refresh/app/sass/components/_home.scss */

#homepage .flex-control-nav li a {
	width: 16px;
	height: 16px;
	-webkit-box-radius: 8px;
	-moz-box-radius: 8px;
	box-radius: 8px;
	box-shadow: none;
}

/* line 146, ../../homepage-refresh/app/sass/components/_home.scss */

#homepage .flex-control-nav li a.flex-active {
	background: #FFF;
}

/* line 150, ../../homepage-refresh/app/sass/components/_home.scss */

.slide {
	position: relative;
}

/* line 154, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box {
	position: absolute;
	left: 0;
	top: 20px;
	bottom: 20px;
	padding: 4.761904761904762%;
	z-index: 2;
	width: 30%;
}

/* line 164, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-title,
.slide-box .slide-subtitle {
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	display: block;
}

/* line 170, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-title {
	font-size: 16px;
	margin-bottom: 0.625em;
	font-family: "FuturaBoldRegular", arial, helvetica;
}

/* line 187, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-subtitle {
	font-family: "FuturaBT-Light", arial, helvetica;
	font-size: 14px;
	margin-bottom: 0.71429em;
}

/* line 204, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-description {
	font-family: "FuturaBT-Book", arial, helvetica;
	font-size: 12px;
	margin-bottom: 0.83333em;
	display: block;
}

/* line 223, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-logo {
	color: #FFF;
	font-size: 18px;
}

/* line 231, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-link {
	margin-bottom: 0.83333em;
}

/* line 236, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-link:hover,
.slide-link:focus {
	opacity: 0.5;
}

/* line 243, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-link,
.slide-theme {
	font-family: "FuturaBT-Light", arial, helvetica;
	font-size: 13px;
	display: block;
}

/* load more button */

/* line 265, ../../homepage-refresh/app/sass/components/_home.scss */

.btn-load {
	margin: 4% 0 8.695652173913043% 0;
	width: 100%;
	display: block;
	background: #FFF;
	border: 2px solid #132150;
	color: #132150;
	font-family: "FuturaBT-Book", arial, helvetica;
	text-align: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	visibility: hidden;
}

/* line 292, ../../homepage-refresh/app/sass/components/_home.scss */

.btn-load:hover,
.btn-load:focus {
	background: #f2f2f2;
}

/* line 298, ../../homepage-refresh/app/sass/components/_home.scss */

#homepage.loaded .btn-load {
	visibility: visible;
}

/* line 302, ../../homepage-refresh/app/sass/components/_home.scss */

#inspiration-wall #row2 {
	display: none;
}

/* quick links */

/* line 310, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklinks {
	background: #f2f2f2;
	position: relative;
	margin-bottom: -40px;
}

/* line 316, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklinks-title {
	font-size: 20px;
	text-align: center;
	font-family: "FuturaBoldRegular", arial, helvetica;
	color: #bbafaf;
	padding: 2.816901140845074% 0;
}

/* line 330, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklinks ul {
	list-style: none;
	padding-bottom: 2.816901140845074%;
}

/* line 335, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklinks [class^="icon-"] {
	font-size: 60px;
	color: #132150;
}

/* line 346, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklink {
	text-decoration: none;
	padding: 0 4%;
	width: 95%;
	margin: 0 auto 8.695652173913043% auto;
}

/* line 353, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklink-img {
	float: left;
}

/* line 357, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklink-body {
	margin-left: 22%;
	width: 70%;
	padding-left: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}

/* line 367, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklink-body strong {
	display: block;
	font-size: 17px;
	font-family: "FuturaBoldRegular", arial, helvetica;
	font-weight: normal;
	color: #132150;
	margin-bottom: 0.71429em;
}

/* line 383, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklink .quicklink-body .quicklink-desc {
	font-family: "FuturaBT-Book", arial, helvetica;
	font-size: 14px;
	color: #888;
	width: 90%;
	display: block;
	line-height: 1.2;
}

/* line 396, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklink:hover strong,
.quicklink:focus strong,
.quicklink:hover [class^="icon-"],
.quicklink:focus [class^="icon-"] {
	color: #e00026;
}

/* line 2, ../../homepage-refresh/app/sass/components/_buttons.scss */

.button-link {
	background-color: #012c5d;
	display: table-cell;
	height: 60px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	-webkit-transition: .2s background-color, .2s color;
	-ms-transition: .2s background-color, .2s color;
	transition: .2s background-color, .2s color;
}

/* line 15, ../../homepage-refresh/app/sass/components/_buttons.scss */

.button-link:hover {
	background-color: #fff !important;
}

/* line 18, ../../homepage-refresh/app/sass/components/_buttons.scss */

.button-link:hover [class*="icon"] {
	color: #012c5d;
}

/* line 23, ../../homepage-refresh/app/sass/components/_buttons.scss */

.button-link [class*="p2-icon"],
.button-link .p2-icon-right-open {
	color: #F5F0F0;
	font-size: 25px;
	text-decoration: none;
}

/* line 37, ../../homepage-refresh/app/sass/components/_buttons.scss */

.button-link [class*="p2-icon"]:before,
.button-link .p2-icon-right-open:before {
	text-decoration: none;
}

/* line 2, ../../homepage-refresh/app/sass/components/_cell.scss */

.cell {
	float: left;
	padding: 10px;
	width: 33.33%;
}

/* line 10, ../../homepage-refresh/app/sass/components/_cell.scss */

.cell.cell--wide {
	width: 50%;
}

/* Chalk */

/* line 3, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk {
	height: 100%;
	-webkit-transition: 0.3s box-shadow;
	-ms-transition: 0.3s box-shadow;
	transition: 0.3s box-shadow;
}

/* line 6, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk:hover {
	box-shadow: black 0px 0px 10px 0px;
	position: relative;
	z-index: 9999;
}

/* line 11, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk:hover > a,
.chalk:hover .chalk__content,
.chalk:hover .icon-swatch {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
}

/* line 18, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk a {
	display: block;
	height: 100%;
	padding: 10px;
	position: relative;
	text-decoration: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	-webkit-transition: 0.3s opacity;
	-ms-transition: 0.3s opacity;
	transition: 0.3s opacity;
}

/* line 34, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk .icon-swatch {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	position: relative;
	float: right;
	margin-top: -30px;
	right: 0;
	top: 0;
}

/* line 47, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk__title,
.chalk__category {
	display: block;
}

/* line 52, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk__title,
.chalk__category,
.chalk__colour-name {
	font-family: "FuturaBT-Book", arial, helvetica;
	font-size: 14px;
}

/* line 67, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk__content {
	position: absolute;
	bottom: 10px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
}

/* Chalkboard list */

/* line 3, ../../homepage-refresh/app/sass/components/_chalkboard.scss */

.chalkboard {
	list-style: none;
}

/* line 3, ../../homepage-refresh/app/sass/components/_mixins.scss */

.chalkboard:after,
.chalkboard:before {
	content: "";
	display: table;
}

/* line 9, ../../homepage-refresh/app/sass/components/_mixins.scss */

.chalkboard:after {
	clear: both;
}

/* line 9, ../../homepage-refresh/app/sass/components/_chalkboard.scss */

.chalkboard__item {
	float: left;
	height: 50%;
	width: 20%;
}

@font-face {
	font-family: 'fontello';
	src: url("/fonts/refresh2014/fontello.eot?10921888");
	src: url("/fonts/refresh2014/fontello.eot?10921888#iefix") format("embedded-opentype"), url("/fonts/refresh2014/fontello.woff?10921888") format("woff"), url("/fonts/refresh2014/fontello.ttf?10921888") format("truetype"), url("/fonts/refresh2014/fontello.svg?10921888#fontello") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'phase2-icomoon';
	src: url("/fonts/refresh2014/phase2-icomoon.eot?joxpxx");
	src: url("/fonts/refresh2014/phase2-icomoon.eot?#iefixjoxpxx") format("embedded-opentype"), url("/fonts/refresh2014/phase2-icomoon.woff?joxpxx") format("woff"), url("/fonts/refresh2014/phase2-icomoon.ttf?joxpxx") format("truetype"), url("/fonts/refresh2014/phase2-icomoon.svg?joxpxx#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* line 1, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

[class^="p2-icon-"]:before,
[class*="p2-icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none; /* fix buttons height, for twitter bootstrap */
	line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */
	margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* line 32, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.p2-icon-right-open:before {
	content: '\e800';
}

/* '' */

/* New down arrow for navigation */

/* line 36, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.icon-toggle-arrow,
.icon-down-arrow {
	font-family: 'icomoon-navigation-arrow';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* line 50, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.icon-toggle-arrow:before,
.icon-down_arrow:before {
	content: "\e600";
}

/* line 58, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page [class^="icon-"],
.section-landing-page [class*=" icon-"] {
	font-family: 'phase2-icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* line 72, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-play:before {
	content: "\e600";
}

/* line 75, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-colour_consultant:before {
	content: "\e601";
}

/* line 78, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-swatches:before {
	content: "\e602";
}

/* line 81, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-booklets:before {
	content: "\e603";
}

/* line 84, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-iphone_ipad:before {
	content: "\e604";
}

/* line 87, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-product_selector:before {
	content: "\e605";
}

/* line 90, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-calculator:before {
	content: "\e606";
}

/* line 93, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-contact_email:before {
	content: "\e607";
}

/* line 96, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-location_pin:before {
	content: "\e608";
}

/* line 99, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-advice_tips:before {
	content: "\e609";
}

/* line 103, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page [class="icon-logo"],
.section-landing-page [class="icon-swatch"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* line 118, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-logo:before {
	content: "\e603";
}

/* line 121, ../../homepage-refresh/app/sass/components/_icons-phase2.scss */

.section-landing-page .icon-swatch:before {
	content: "\e600";
}

/* line 2, ../../homepage-refresh/app/sass/components/_media.scss */

.media {
	background-color: #f5f0f0;
	min-height: 300px;
	position: relative;
}

/* line 7, ../../homepage-refresh/app/sass/components/_media.scss */

.media > a {
	display: block;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* line 15, ../../homepage-refresh/app/sass/components/_media.scss */

.media > a:hover,
.media > a:focus {
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-webkit-filter: alpha(opacity=60);
	filter: alpha(opacity=60);
}

/* line 21, ../../homepage-refresh/app/sass/components/_media.scss */

.media > a:hover .button-link,
.media > a:focus .button-link {
	background-color: #fff !important;
}

/* line 24, ../../homepage-refresh/app/sass/components/_media.scss */

.media > a:hover .button-link [class*="icon"],
.media > a:focus .button-link [class*="icon"] {
	color: #012c5d;
}

/* line 41, ../../homepage-refresh/app/sass/components/_media.scss */

.media__head {
	height: 180px;
	padding: 35px 35px 0;
}

/* line 59, ../../homepage-refresh/app/sass/components/_media.scss */

.media__title {
	color: #233962;
	font-family: "FuturaBoldRegular", arial, helvetica;
	font-size: 28px;
}

/* line 73, ../../homepage-refresh/app/sass/components/_media.scss */

.media__subtitle,
.media__blurb {
	color: #888888;
}

/* line 78, ../../homepage-refresh/app/sass/components/_media.scss */

.media__subtitle {
	font-family: "FuturaBT-Book", arial, helvetica;
	font-size: 24px;
	font-weight: normal;
	margin-top: 5px;
}

/* line 93, ../../homepage-refresh/app/sass/components/_media.scss */

.media__blurb {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 10px;
}

/* line 107, ../../homepage-refresh/app/sass/components/_media.scss */

.media__widget {
	position: absolute;
	bottom: 43px;
	left: 40px;
}

/* line 127, ../../homepage-refresh/app/sass/components/_media.scss */

.media.media--featured .media__subtitle {
	width: 80%;
}

/* line 2, ../../homepage-refresh/app/sass/components/_sections.scss */

.section {
	margin-top: 50px;
}

/* line 13, ../../homepage-refresh/app/sass/components/_sections.scss */

.section:first-child {
	margin-top: 20px;
}

/* line 27, ../../homepage-refresh/app/sass/components/_sections.scss */

.section__title {
	visibility: visible !important;
	padding: 0 0 45px;
	text-align: center;
}

/* line 40, ../../homepage-refresh/app/sass/components/_sections.scss */

.section__title em,
.section__title small {
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
}

/* line 54, ../../homepage-refresh/app/sass/components/_sections.scss */

.section__title em {
	color: #233962;
	font-family: "FuturaBoldRegular", arial, helvetica;
}

/* line 59, ../../homepage-refresh/app/sass/components/_sections.scss */

.section__title small {
	color: #888888;
	font-family: "FuturaBT-Book", arial, helvetica;
	margin-left: 14px;
}

/* line 66, ../../homepage-refresh/app/sass/components/_sections.scss */

.section__content {
	margin: -10px;
}

/* line 3, ../../homepage-refresh/app/sass/components/_mixins.scss */

.section__content:after,
.section__content:before {
	content: "";
	display: table;
}

/* line 9, ../../homepage-refresh/app/sass/components/_mixins.scss */

.section__content:after {
	clear: both;
}

/* line 74, ../../homepage-refresh/app/sass/components/_sections.scss */

.section.section--alternate {
	margin-top: 95px;
}

/* line 2, ../../homepage-refresh/app/sass/components/_sub-nav.scss */

.sub-nav {
	text-align: center;
}

/* line 7, ../../homepage-refresh/app/sass/components/_sub-nav.scss */

.sub-nav__item {
	display: inline-block;
	width: 24%;
}

/* line 11, ../../homepage-refresh/app/sass/components/_sub-nav.scss */

.sub-nav__link {
	display: block;
	text-align: center;
	text-decoration: none;
}

/* line 16, ../../homepage-refresh/app/sass/components/_sub-nav.scss */

.sub-nav__link:hover .sub-nav__icon,
.sub-nav__link:hover .sub-nav__label {
	color: #d80228;
}

/* line 22, ../../homepage-refresh/app/sass/components/_sub-nav.scss */

.sub-nav__icon {
	color: #022c5e;
	display: block;
	-webkit-transition: color .3s;
	transition: color .3s;
}

/* line 29, ../../homepage-refresh/app/sass/components/_sub-nav.scss */

.sub-nav__icon:before {
	font-size: 120px;
}

/* line 42, ../../homepage-refresh/app/sass/components/_sub-nav.scss */

.sub-nav__label {
	color: #888888;
	display: block;
	font-family: "FuturaBT-Book", arial, helvetica;
	font-size: 26px;
	margin-top: 30px;
	text-transform: capitalize;
	-webkit-transition: color .3s;
	transition: color .3s;
}

/* line 3, ../../homepage-refresh/app/sass/components/_wrapper.scss */

.wrapper {
	max-width: 1480px;
	min-width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}

/* line 5, ../../homepage-refresh/app/sass/components/_override-login.scss */

.login-cart .icon-toggle-arrow {
	color: #5d688d;
}

/* line 3, ../../homepage-refresh/app/sass/components/_override-nav.scss */

#siteLogo {
	background: none !important;
	border-bottom: 0;
	height: auto !important;
	margin: 19px 0 0 17px !important;
	text-indent: 0 !important;
	width: 134px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

/*Chrome CSS here*/

#footer ul#promoNav li a.pnav-envirosolutions {
	width: 157px;
}

/*Chrome CSS here*/

#footer ul#promoNav li a.pnav-envirosolutions {
	width: 157px;
}

@font-face {
	font-family: 'icomoon';
	src: url("/fonts/refresh2014/icomoon.svg?-q3z71z#icomoon") format("svg");
}

}

@media screen {

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced,
.sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt;
	padding: 0pt;
	overflow: auto;
	letter-spacing: 0px;
	float: none;
}

.sIFR-active h1 {
	visibility: hidden;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced,
.sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt;
	padding: 0pt;
	overflow: auto;
	letter-spacing: 0px;
	float: none;
}

.sIFR-active h1 {
	visibility: hidden;
}

}

@media (min-width: 1024px) {

/* line 68, ../../homepage-refresh/app/sass/components/_global.scss */

.container {
	padding: 0 20px;
	min-width: 932px;
}

/* line 6, ../../homepage-refresh/app/sass/components/_header.scss */

#header .container {
	min-width: 952px;
	max-width: 1440px;
}

/* line 14, ../../homepage-refresh/app/sass/components/_nav.scss */

#nav .container {
	padding: 0;
	min-width: 952px;
}

/* line 2, ../../homepage-refresh/app/sass/components/_footer.scss */

#footerWrapper {
	min-width: 932px;
}

}

@media (min-width: 1074px) {

/* line 43, ../../homepage-refresh/app/sass/components/_global.scss */

.body {
	padding-bottom: 260px;
}

/* line 96, ../../homepage-refresh/app/sass/components/_global.scss */

#wrapper .container {
	min-width: auto;
}

/* line 22, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header.top-bar {
	height: 54px;
}

/* line 40, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart {
	margin-top: 10px;
}

/* line 50, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart > a {
	width: 145px;
	padding-right: 35px;
	font-size: 15px;
	line-height: 34px;
	height: 34px;
	padding-left: 35px;
}

/* line 87, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart [class^="icon-"] {
	height: 34px;
	line-height: 34px;
}

/* line 108, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart .icon-cart {
	font-size: 1.42857em;
}

/* line 120, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart .icon-toggle-arrow {
	font-size: 1.42857em;
	right: 10px;
}

/* line 132, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart > ul {
	width: 210px;
	padding: 15px 0 40px 0;
	border-bottom: 5px solid #e00026;
}

/* line 157, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart ul li {
	padding: 0 40px;
}

/* line 170, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart ul a {
	font-size: 13px;
}

/* line 201, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header #site-opts a.siteBtn {
	font-size: 15px;
	height: 54px;
	line-height: 54px;
}

/* line 267, ../../homepage-refresh/app/sass/components/_header.scss */

#site-opts [class^="icon-"] {
	height: 54px;
	line-height: 54px;
	font-size: 1.28571em;
}

/* line 1, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav {
	height: 54px;
}

/* line 32, ../../homepage-refresh/app/sass/components/_nav.scss */

#siteLogo {
	width: 99px;
	height: 50px;
}

/* line 62, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav ul#nav-main {
	width: 78%;
}

/* line 160, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li > a {
	font-size: 15px;
	height: 54px;
	line-height: 54px;
}

/* line 200, ../../homepage-refresh/app/sass/components/_nav.scss */

#nav-main [class^="icon-"] {
	font-size: 1.42857em;
}

/* line 251, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown.wide {
	width: 420px;
}

/* line 291, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown ul li {
	margin-top: 12px;
}

/* line 309, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown ul li a,
#wrapper #nav #nav-main li div.dropDown ul li a:hover,
#wrapper #nav #nav-main li div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav2Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav2Item div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav3Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav3Item div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav4Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav4Item div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav5Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav5Item div.dropDown ul li a:focus {
	font-size: 13px;
}

/* line 368, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav div.search-box {
	height: 54px;
	line-height: 54px;
	padding: 0 14px 0 50px;
}

/* line 391, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav div.search-box button {
	margin-top: -14.5px;
	height: 27px;
	width: 27px;
}

/* line 410, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav div.search-box input[type=text] {
	margin-top: 17px;
	font-size: 15px;
}

/* line 434, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav .icon-search {
	font-size: 18px;
}

/* line 448, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav ::-webkit-input-placeholder {
	font-size: 1.16667em;
}

/* line 449, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav :-moz-placeholder {
	font-size: 1.16667em;
}

/* line 450, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav ::-moz-placeholder {
	font-size: 1.16667em;
}

/* line 451, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav :-ms-input-placeholder {
	font-size: 1.16667em;
}

/* line 2, ../../homepage-refresh/app/sass/components/_footer.scss */

#footerWrapper {
	min-width: auto;
	height: 230px;
	margin: -230px 0 0 0;
}

/* line 28, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer {
	height: 190px;
	padding: 40px 0 0 0;
}

/* line 65, ../../homepage-refresh/app/sass/components/_footer.scss */

.title-footer {
	font-size: 17px;
	margin-bottom: 10px;
}

/* line 94, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .sitewide-links-consumer {
	margin-top: -70px;
	background: url(/images/refresh2014/dog-med.png) -5px 0 no-repeat;
	padding: 70px 0 0 155px;
	min-height: 140px;
}

/* line 114, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .sitewide-links li {
	margin: 10px 0 0 0;
}

/* line 123, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .sitewide-links li a {
	font-size: 14px;
}

/* line 141, ../../homepage-refresh/app/sass/components/_footer.scss */

.social-links {
	min-height: 140px;
	width: 395px;
}

/* line 157, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .social-links li a {
	font-size: 14px;
	line-height: 34px;
	height: 34px;
}

/* line 175, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .social-icon {
	width: 34px;
	height: 34px;
	border-radius: 17px;
	line-height: 2.3;
}

/* line 196, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .social-links [class^="icon-"] {
	font-size: 24px;
}

/* line 233, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer #legalNav li a {
	font-size: 13px;
}

/* line 82, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-action .box-head {
	font-size: 26px;
	line-height: 30px;
}

/* line 159, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-new .box-head {
	font-size: 15px;
}

/* line 186, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-figure .box-head {
	font-size: 14px;
}

/* line 213, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-swatch .box-head-inner {
	font-size: 14px;
}

/* line 227, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-swatch .box-content {
	font-size: 14px;
}

/* line 265, ../../homepage-refresh/app/sass/components/_home.scss */

.btn-load {
	font-size: 21px;
	height: 48px;
	line-height: 48px;
}

/* line 316, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklinks-title {
	font-size: 28px;
}

/* line 335, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklinks [class^="icon-"] {
	font-size: 70px;
}

/* line 367, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklink-body strong {
	font-size: 18px;
	line-height: 20px;
}

/* line 383, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklink .quicklink-body .quicklink-desc {
	font-size: 16px;
	line-height: 22px;
}

}

@media (min-width: 1280px) {

/* line 43, ../../homepage-refresh/app/sass/components/_global.scss */

.body {
	padding-bottom: 300px;
}

/* line 21, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-toggle-arrow {
	font-size: 2.18182em;
}

/* line 22, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header.top-bar {
	height: 64px;
}

/* line 50, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart > a {
	width: 166px;
	padding-right: 40px;
	font-size: 16px;
	line-height: 44px;
	height: 44px;
	padding-left: 40px;
}

/* line 87, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart [class^="icon-"] {
	height: 44px;
	line-height: 44px;
}

/* line 108, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart .icon-cart {
	font-size: 1.625em;
}

/* line 120, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart .icon-toggle-arrow {
	font-size: 1.625em;
	right: 10px;
}

/* line 132, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart > ul {
	width: 246px;
	padding: 15px 0 50px 0;
	border-bottom: 7px solid #e00026;
}

/* line 170, ../../homepage-refresh/app/sass/components/_header.scss */

.login-cart ul a {
	font-size: 15px;
}

/* line 201, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header #site-opts a.siteBtn {
	font-size: 16px;
	height: 64px;
	line-height: 64px;
}

/* line 267, ../../homepage-refresh/app/sass/components/_header.scss */

#site-opts [class^="icon-"] {
	font-size: 1.25em;
	height: 64px;
	line-height: 64px;
}

/* line 1, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav {
	height: 64px;
}

/* line 32, ../../homepage-refresh/app/sass/components/_nav.scss */

#siteLogo {
	background-position: 50% 15px;
	width: 127px;
	height: 59px;
	border-bottom-width: 5px;
}

/* line 62, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav ul#nav-main {
	width: 79%;
}

/* line 160, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li > a {
	font-size: 16px;
	height: 64px;
	line-height: 64px;
}

/* line 200, ../../homepage-refresh/app/sass/components/_nav.scss */

#nav-main [class^="icon-"] {
	font-size: 1.625em;
	margin-top: -13px;
}

/* line 251, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown.wide {
	width: 420px;
}

/* line 291, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown ul li {
	margin-top: 14px;
}

/* line 309, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li div.dropDown ul li a,
#wrapper #nav #nav-main li div.dropDown ul li a:hover,
#wrapper #nav #nav-main li div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav2Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav2Item div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav3Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav3Item div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav4Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav4Item div.dropDown ul li a:focus,
#wrapper #nav #nav-main li#nav5Item div.dropDown ul li a:hover,
#wrapper #nav #nav-main li#nav5Item div.dropDown ul li a:focus {
	font-size: 15px;
}

/* line 368, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav div.search-box {
	height: 64px;
	line-height: 64px;
}

/* line 410, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav div.search-box input[type=text] {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

/* line 434, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav .icon-search {
	font-size: 20px;
}

/* line 448, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav ::-webkit-input-placeholder {
	font-size: 1.14286em;
}

/* line 449, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav :-moz-placeholder {
	font-size: 1.14286em;
}

/* line 450, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav ::-moz-placeholder {
	font-size: 1.14286em;
}

/* line 451, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav :-ms-input-placeholder {
	font-size: 1.14286em;
}

/* line 2, ../../homepage-refresh/app/sass/components/_footer.scss */

#footerWrapper {
	height: 280px;
	margin: -260px 0 0 0;
}

/* line 28, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer {
	height: 230px;
	padding: 50px 0 0 0;
}

/* line 84, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .sitewide-links {
	margin-left: -80px;
	width: 75%;
}

/* line 94, ../../homepage-refresh/app/sass/components/_footer.scss */

#footer .sitewide-links-consumer {
	width: 50%;
	min-height: 160px;
	margin-left: 0;
}

/* line 141, ../../homepage-refresh/app/sass/components/_footer.scss */

.social-links {
	min-height: 160px;
}

/* line 82, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-action .box-head {
	font-size: 30px;
}

/* line 159, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-new .box-head {
	font-size: 16px;
}

/* line 186, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-figure .box-head {
	font-size: 16px;
}

/* line 213, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-swatch .box-head-inner {
	font-size: 16px;
}

/* line 227, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-swatch .box-content {
	font-size: 16px;
}

/* line 170, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-title {
	font-size: 32px;
	margin-bottom: 0.625em;
}

/* line 187, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-subtitle {
	font-size: 28px;
	margin-bottom: 0.71429em;
}

/* line 204, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-description {
	font-size: 14px;
	margin-bottom: 1.42857em;
}

/* line 223, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-logo {
	font-size: 24px;
}

/* line 231, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-link {
	margin-bottom: 1.42857em;
}

/* line 243, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-link,
.slide-theme {
	font-size: 14px;
}

/* line 265, ../../homepage-refresh/app/sass/components/_home.scss */

.btn-load {
	font-size: 24px;
	height: 58px;
	line-height: 58px;
}

/* line 316, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklinks-title {
	font-size: 32px;
}

/* line 335, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklinks [class^="icon-"] {
	font-size: 80px;
}

/* line 367, ../../homepage-refresh/app/sass/components/_home.scss */

.quicklink-body strong {
	font-size: 20px;
	margin-bottom: 0.75em;
}

}

@media (min-width: 1440px) {

/* line 65, ../../homepage-refresh/app/sass/components/_footer.scss */

.title-footer {
	font-size: 18px;
}

}

@media only screen and (max-width: 1450px) {

/* line 41, ../../homepage-refresh/app/sass/components/_media.scss */

.media__head {
	padding: 25px 25px 0;
}

}

@media only screen and (max-width: 1420px) {

/* line 75, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main > li {
	margin-left: 35px;
}

}

@media only screen and (max-width: 1380px) {

/* line 75, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main > li {
	margin-left: 30px;
}

}

@media only screen and (max-width: 1330px) {

/* line 75, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main > li {
	margin-left: 22px;
}

}

@media only screen and (max-width: 1280px) {

/* line 100, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-action .box-content {
	font-size: 16px;
	line-height: 22px;
}

/* line 132, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-link {
	font-size: 16px;
	line-height: 22px;
}

/* line 170, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-title {
	font-size: 26px;
	line-height: 30px;
}

/* line 187, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-subtitle {
	font-size: 22px;
	line-height: 26px;
}

/* line 204, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-description {
	font-size: 14px;
	line-height: 18px;
}

/* line 243, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-link,
.slide-theme {
	font-size: 14px;
	line-height: 16px;
}

/* line 23, ../../homepage-refresh/app/sass/components/_buttons.scss */

.button-link [class*="p2-icon"],
.button-link .p2-icon-right-open {
	font-size: 20px;
}

/* line 2, ../../homepage-refresh/app/sass/components/_buttons.scss */

.button-link {
	height: 50px;
	width: 50px;
}

/* line 52, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk__title,
.chalk__category,
.chalk__colour-name {
	font-size: 12px;
}

/* line 74, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk__content .icon-logo {
	font-size: 16px;
}

/* line 2, ../../homepage-refresh/app/sass/components/_media.scss */

.media {
	min-height: 250px;
}

/* line 41, ../../homepage-refresh/app/sass/components/_media.scss */

.media__head {
	height: 125px;
	padding: 20px 20px 0;
}

/* line 59, ../../homepage-refresh/app/sass/components/_media.scss */

.media__title {
	font-size: 20px;
}

/* line 78, ../../homepage-refresh/app/sass/components/_media.scss */

.media__subtitle {
	font-size: 20px;
}

/* line 93, ../../homepage-refresh/app/sass/components/_media.scss */

.media__blurb {
	font-size: 13px;
}

/* line 107, ../../homepage-refresh/app/sass/components/_media.scss */

.media__widget {
	bottom: 36px;
	left: 34px;
}

/* line 2, ../../homepage-refresh/app/sass/components/_sections.scss */

.section {
	margin-top: 35px;
}

/* line 13, ../../homepage-refresh/app/sass/components/_sections.scss */

.section:first-child {
	margin-top: 10px;
}

/* line 27, ../../homepage-refresh/app/sass/components/_sections.scss */

.section__title {
	padding: 0 0 35px;
}

/* line 40, ../../homepage-refresh/app/sass/components/_sections.scss */

.section__title em,
.section__title small {
	font-size: 24px;
}

/* line 74, ../../homepage-refresh/app/sass/components/_sections.scss */

.section.section--alternate {
	margin-top: 80px;
}

/* line 29, ../../homepage-refresh/app/sass/components/_sub-nav.scss */

.sub-nav__icon:before {
	font-size: 100px;
}

/* line 42, ../../homepage-refresh/app/sass/components/_sub-nav.scss */

.sub-nav__label {
	font-size: 24px;
}

/* line 3, ../../homepage-refresh/app/sass/components/_override-nav.scss */

#siteLogo {
	margin: 14px 0 0 26px !important;
	width: 113px !important;
}

}

@media only screen and (max-width: 1215px) {

/* line 75, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main > li {
	margin-left: 14px;
}

}

@media only screen and (max-width: 1165px) {

/* line 75, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main > li {
	margin-left: 22px;
}

/* line 101, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main > li:first-child {
	margin-left: 40px;
}

}

@media only screen and (max-width: 1120px) {

/* line 160, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li > a {
	font-size: 13px;
}

}

@media only screen and (max-width: 1074px) {

/* line 72, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-instagram {
	font-size: 18px !important;
	height: 28px;
}

/* line 94, ../../homepage-refresh/app/sass/components/_icons.scss */

.icon-instagram:before {
	font-size: 11px;
}

/* line 220, ../../homepage-refresh/app/sass/components/_header.scss */

#wrapper #header #site-opts a.siteBtn:after {
	font-size: 11px;
}

/* line 109, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main > li [class*="icon"] {
	margin-left: 4px;
}

/* line 139, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav > .container > #nav-main > li.has-children > a {
	padding-right: 25px;
}

/* line 160, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li > a {
	line-height: 48px;
}

/* line 100, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-action .box-content {
	font-size: 14px;
	line-height: 18px;
}

/* line 132, ../../homepage-refresh/app/sass/components/_boxes.scss */

.box-link {
	font-size: 14px;
	line-height: 18px;
}

/* line 170, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-title {
	font-size: 20px;
	line-height: 20px;
}

/* line 187, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-subtitle {
	font-size: 18px;
	line-height: 20px;
}

/* line 204, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-box .slide-description {
	font-size: 13px;
	line-height: 15px;
}

/* line 243, ../../homepage-refresh/app/sass/components/_home.scss */

.slide-link,
.slide-theme {
	font-size: 13px;
}

/* line 23, ../../homepage-refresh/app/sass/components/_buttons.scss */

.button-link [class*="p2-icon"],
.button-link .p2-icon-right-open {
	font-size: 16px;
}

/* line 2, ../../homepage-refresh/app/sass/components/_buttons.scss */

.button-link {
	height: 40px;
	width: 40px;
}

/* line 18, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk a {
	padding: 5px;
}

/* line 52, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk__title,
.chalk__category,
.chalk__colour-name {
	font-size: 10px;
}

/* line 74, ../../homepage-refresh/app/sass/components/_chalk.scss */

.chalk__content .icon-logo {
	font-size: 12px;
}

/* line 2, ../../homepage-refresh/app/sass/components/_media.scss */

.media {
	min-height: 225px;
}

/* line 41, ../../homepage-refresh/app/sass/components/_media.scss */

.media__head {
	height: 110px;
}

/* line 59, ../../homepage-refresh/app/sass/components/_media.scss */

.media__title {
	font-size: 16px;
}

/* line 78, ../../homepage-refresh/app/sass/components/_media.scss */

.media__subtitle {
	font-size: 16px;
}

/* line 93, ../../homepage-refresh/app/sass/components/_media.scss */

.media__blurb {
	font-size: 11px;
}

/* line 107, ../../homepage-refresh/app/sass/components/_media.scss */

.media__widget {
	bottom: 28px;
	left: 26px;
}

/* line 2, ../../homepage-refresh/app/sass/components/_sections.scss */

.section {
	margin-top: 25px;
}

/* line 13, ../../homepage-refresh/app/sass/components/_sections.scss */

.section:first-child {
	margin-top: 5px;
}

/* line 27, ../../homepage-refresh/app/sass/components/_sections.scss */

.section__title {
	padding: 0 0 26px;
}

/* line 40, ../../homepage-refresh/app/sass/components/_sections.scss */

.section__title em,
.section__title small {
	font-size: 18px;
}

/* line 74, ../../homepage-refresh/app/sass/components/_sections.scss */

.section.section--alternate {
	margin-top: 65px;
}

/* line 29, ../../homepage-refresh/app/sass/components/_sub-nav.scss */

.sub-nav__icon:before {
	font-size: 85px;
}

/* line 42, ../../homepage-refresh/app/sass/components/_sub-nav.scss */

.sub-nav__label {
	font-size: 18px;
	margin-top: 15px;
}

/* line 3, ../../homepage-refresh/app/sass/components/_override-nav.scss */

#siteLogo {
	margin: 11px 0 0 29px !important;
	width: 100px !important;
}

}

@media only screen and (max-width: 1024px) {

/* line 160, ../../homepage-refresh/app/sass/components/_nav.scss */

#wrapper #nav #nav-main li > a {
	font-size: 12px;
}

}

@media screen and (max-width: 860px) {

/* line 94, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 10px;
}

/* line 95, ../../homepage-refresh/app/sass/components/_flexslider.scss */

.flex-direction-nav .flex-next {
	opacity: 1;
	right: 10px;
}

}

@media print {

#header {
	display: none;
}

#nav {
	display: none;
}

#breadcrumbs {
	display: none;
}

#sidebar {
	display: none;
}

#sub-content {
	display: none;
}

#low-panel {
	display: none;
}

#footer {
	display: none;
}

#dock-wrap {
	display: none;
}

.sIFR-flash {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

.sIFR-alternate {
	visibility: visible !important;
	display: block   !important;
	position: static  !important;
	left: auto    !important;
	top: auto    !important;
	width: auto    !important;
	height: auto    !important;
}

#header {
	display: none;
}

#nav {
	display: none;
}

#breadcrumbs {
	display: none;
}

#sidebar {
	display: none;
}

#sub-content {
	display: none;
}

#low-panel {
	display: none;
}

#footer {
	display: none;
}

#dock-wrap {
	display: none;
}

.sIFR-flash {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

.sIFR-alternate {
	visibility: visible !important;
	display: block   !important;
	position: static  !important;
	left: auto    !important;
	top: auto    !important;
	width: auto    !important;
	height: auto    !important;
}

}