/*--------------------------------------------------

UK CSS

Styles that apply only to United Kingdom.

This way we keep a common set of styles that can 
be easily maintained between Trade sites.

--------------------------------------------------*/


/*--------------------------------------------------

  HOME PAGE

--------------------------------------------------*/
#home-page .mood-section {
	background-image: url(../images/content/mastheads/home_page.jpg);
	height: 519px;
}

#home-page #masthead {
	overflow: hidden;
	padding:0 0 12px 24px;
}

#home-page #masthead img {
	float: right;
}

#home-promo {
	float:left;
	padding:12px;
	height:180px;
}
#home-promo img {
	display:inline;
	float:left;
	margin:0 12px 0 0;
	padding-bottom:40px;
}

/*--------------------------------------------------

  ASIDE NAVIGATION SECTIONS

--------------------------------------------------*/
#environment-report {
	background-image: url(../images/environment/report.gif);
}

#natural-paints-report {
	background-image: url(../images/environment/natural_paints_brochure.gif);
}
#natural-paints-report p {
	font-size: 1.1em;
	padding: 0 0 54px 68px;
}
#natural-paints-report p.details {
	padding: 0;
}
#wash-system-report {
	background-image: url(../images/environment/wash_system_report.gif);
}


/*--------------------------------------------------

  ECOSURE

--------------------------------------------------*/
.ecosure-page .section h3 {
	color: #57974d;
}	
.ecosure-page .section {
	color: #B5B5B5;
}	
.ecosure-page .details a:link,
.ecosure-page .details a:visited,
.ecosure-page .details a:hover,
.ecosure-page .details a:active {
	color: #4D9042;
}
.ecosure-page .quote blockquote p {
	color: #4D9042;
}


/* Landing
--------------------------------------------------*/
#ecosure-landing-page .masthead {
	background-image: url(../images/content/mastheads/ecosure.jpg);
}

#ecosure-house .content {
	height: 175px;
}
#ecosure-house p.details {
	margin: 0 0 1.2727em; 
}	
#ecosure-house a:link,
#ecosure-house a:visited,
#ecosure-house a:hover,
#ecosure-house a:active {
	color: #989898;
}
ul#partner-list {
	list-style:none;
	margin:0;
	padding:0;
}
ul#partner-list li {
	margin: 0 0 1.2727em;
}

/* Course applications
--------------------------------------------------*/

th.t-date {
	width:120px
}

th.t-location {
	width:300px
}

th.t-book {
}

/*--------------------------------------------------

  CASE STUDIES

--------------------------------------------------*/
#case-studies-form {
	float: left;
	margin: 0 0 20px;
}

/*--------------------------------------------------

  ENVIRONMENT

--------------------------------------------------*/
#content #environment-report {
	background-position: 0 12px;
	height: 117px;
}
#content #environment-report p {
	font-size: 1.1em;
	padding: 0 0 4px 86px;
}

/* TRANSPORT LANDING
--------------------------------------------------*/
#transport-reduction img {
	right: 12px;
}
#transport-mileage {
	height: 216px;
}
#transport-fuel img {
	top: 46px;
	right: 12px;
}

/* ENERGY LANDING
--------------------------------------------------*/
#environment-energy-page .page-section-2 .section {
	height: 200px;
}


/*--------------------------------------------------

  MOUSEPAINTER

--------------------------------------------------*/
#mousepainter-landing-page .content-section-half {
	margin-right: 12px;
	width: 360px;
}
/* This is for IE6 */
#mousepainter-landing-page .form dd .form-skin {
	width: 217px;
}
#mousepainter-landing-page .form dd input {
	width: 211px;
}
#mousepainter-login-form {
	border-bottom: 1px solid #DEDEDE;
	float: left;
	padding: 0 0 12px;
	margin: 0 0 12px;
}


/*--------------------------------------------------

  TRENDS 

--------------------------------------------------*/
.colour-trends-theme-page .mood-section {
	position: relative;
}
.colour-trends-theme-page .mood-section-nav {
	margin: -40px 0 0;
}
/*
.colour-trends-theme-page .swatch {
	position: relative;
	height: 62px;
	width: 111px;
	display: inline-block;
	padding: 0;
	background: none;
}
.colour-trends-theme-page .swatch a:link,
.colour-trends-theme-page .swatch a:visited,
.colour-trends-theme-page .swatch a:hover,
.colour-trends-theme-page .swatch a:active {
	color: #FFF;
	text-decoration: none;
}
.colour-trends-theme-page .swatch a {
	background: url(../images/canvas/swatch.png) no-repeat bottom right;
	padding: 0 1px 2px 0;
	display: inline-block;
	color: #FFF;
	position: absolute;
}
* html .colour-trends-theme-page  .swatch a {
	background-image: url(../images/canvas/swatch.gif);
}
.colour-trends-theme-page .swatch img {
	border: 1px solid #71726F;
	padding: 3px;
	height: 54px;
	margin: 0;
	width: 103px;
	display: block;
}
.colour-trends-theme-page .swatch strong {
	position: absolute;
	left: -999em;
}
.colour-trends-theme-page .swatch em {
	position: absolute;
	left: 4px;
	bottom: 7px;
	width: 93px
}	
*/
p#order-theme-pack {
	position: absolute;
	bottom: 58px;
	left: 102px;
	margin: 0;
	width: 179px;
	height: 33px;
}
p#order-theme-pack a {
	display: block;
	overflow: hidden;
	padding: 33px 0 0;
	height: 0;
	width: 179px;
}


.colour-trends-theme-page #theme-section-1 p {
	font-size: 1.4em;
	color: #3C3533;
}

/* TRENDS 
--------------------------------------------------*/
#colour-trends-theme-1-page .mood-section {
	background-image: url(../images/content/mastheads/colours_trends/2010/sweet_memory.jpg);
	height: 519px;
}	
#colour-trends-theme-1-page #theme-section-1 {
	width: 504px;
	margin: 160px 0 0;
}
#colour-trends-theme-1-page ul.palette {
	float: right;
	margin: 116px -8px 0 0;
	width: 357px;
}

#colour-trends-theme-2-page .mood-section {
	background-image: url(../images/content/mastheads/colours_trends/2010/fluid_fantasy.jpg);
	height: 519px;
}	
#colour-trends-theme-2-page #theme-section-1 {
	width: 504px;
	margin: 25px 0 0;
}
#colour-trends-theme-2-page ul.palette {
	float: right;
	margin: 42px -8px 0 0;
	width: 357px;
}

#colour-trends-theme-3-page .mood-section {
	background-image: url(../images/content/mastheads/colours_trends/2010/free_spirit.jpg);
	height: 519px;
}	
#colour-trends-theme-3-page #theme-section-1 {
	width: 504px;
	margin: 250px 0 0;
}
#colour-trends-theme-3-page ul.palette {
	float: right;
	margin: 114px -8px 0 0;
	width: 357px;
}

#colour-trends-theme-4-page .mood-section {
	background-image: url(../images/content/mastheads/colours_trends/2010/basic_beliefs.jpg);
	height: 519px;
}	
#colour-trends-theme-4-page #theme-section-1 {
	width: 504px;
	margin: 50px 0 0;
}
#colour-trends-theme-4-page ul.palette {
	float: right;
	margin: 118px -8px 0 0;
	width: 357px;
}
#colour-trends-theme-5-page .mood-section {
	background-image: url(../images/content/mastheads/colours_trends/2010/silent_space.jpg);
	height: 519px;
}	
#colour-trends-theme-5-page #theme-section-1 {
	width: 504px;
	margin: 52px 0 0;
}
#colour-trends-theme-5-page ul.palette {
	float: right;
	margin: 118px -8px 0 0;
	width: 357px;
}


/* ENVIRONMENTAL
--------------------------------------------------*/

ul#enviromental-goals {
	margin-bottom: 12px;
	width:224px
}

ul#enviromental-goals li {
	margin-bottom: 6px;
}

/* SWF HEADERS 
--------------------------------------------------*/

#select-landing-page #masthead,
#digital-palette-landing-page #masthead{
	margin-bottom: 12px;
}

/* SELECT DECORATOR 
--------------------------------------------------*/
#select-landing-page .section-quarter {
	min-height: 58px;
}

* html #select-landing-page .section-quarter {
	height: 58px;
}

#select-landing-page #why_select {
	background: url(/files/media/images/canvas/decorators/img_why_select.jpg) no-repeat right bottom;
}

#select-landing-page #how_join {
	background: url(/files/media/images/canvas/decorators/img_how_join.jpg) no-repeat right bottom;
}


#select-landing-page #sign_up {
	background: url(/files/media/images/canvas/decorators/img_sign_up.jpg) no-repeat 130px bottom;
}


#select-landing-page #contact_us {
	background: url(/files/media/images/canvas/decorators/img_contact.jpg) no-repeat 104px center;
}



/*--------------------------------------------------

  PYROSHIELD

--------------------------------------------------*/
.pyroshield-page .section h3 {
	color: #001C58; 
}
.pyroshield-logo {
	color: #001C58;
}
.pyroshield-logo em {
	color: #F7931E;
}

/* PYROSHIELD LANDING
--------------------------------------------------*/
#pyroshield-literature img {
	float: left;
	margin: 0 6px 12px 0;
}
#pyroshield-literature form {
	clear: left;
}
#pyroshield-literature form input.submit {
	float: left;
}
#pyroshield-literature p.download {
	float: left;
	margin: 0 0 0 12px;
	display: inline;
}
#pyroshield-basecoat-section .content {
	width: 65%;
}
#pyroshield-basecoat-section img {
	margin: 36px 0 0;
}
#pyroshield-basecoat-section form p img {
	margin: 0;
}

/*ADVICE
---------------------------------------------------*/

#advice-page #create-spec,
#advice-page #training,
#advice-page #ask-expert,
#advice-page #get-literature {
	min-height:160px;
	margin-bottom: 0;
}

* html #advice-page #create-spec,
* html #advice-page #training,
* html #advice-page #ask-expert,
* html #advice-page #get-literature {
	height:160px;
}


/* SOUNDMANAGER 2
---------------------------------------------------*/

#real-world-radio {
	float:left;
	margin: 0 0 0 170px;
	display: inline;
}
.sm-playlist {
	background:grey;
	padding:12px;
	width:240px;
}

#body .sm-playing {
	background:#BED3D9;
	color:#2F3537;
	padding:4px;
}

/*--------------------------------------------------

  PYROSHIELD

--------------------------------------------------*/
.mousepainter-images h3 {
	clear: both;
}
.mousepainter-images ul {
	list-style: none;
	margin: 0;
	float: left;
	width: 100%;
	padding: 0 0 12px;
}
.mousepainter-images li {
	float: left;
	margin: 0;
	padding: 0 12px 12px 0;
}