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

CONTENT CSS

General content styles and styles that don't fit 
into the other main stylesheets.

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

/* OTHER SITES 
--------------------------------------------------*/

#other-sites-page ul {
	list-style: none;
}
#other-sites li {
	width: 600px;
	height: 65px;
	border: 1px solid #D5D5D5;
	padding: 5px;
	margin-bottom: 12px;
}
#other-sites li h3 {
	margin: 0;
}
#other-sites li img {
	float:left;
	margin: 5px 12px 0 0;
}
#other-sites .content {
	margin-top: 12px;
	float: left;
}


/* DATASHEETS
--------------------------------------------------*/
.datasheets .t-download {
	text-align: center;
	width: 1%;
}
.datasheets a {
	background: url(../images/global/pdf_icon.gif) no-repeat;
	display: inline-block;
	padding: 16px 0 0;
	height: 0;
	overflow: hidden;
	width: 20px;
}
.datasheet-section {
	padding: 0 0 25px;
}
.datasheet-section h3 {
	color: #575757;
	font-size: 1.8em;
	margin: 0 0 11px;
}
#datasheets-page .introduction {
	border-bottom: solid 1px #DEDEDE;
}


/* Get datasheets
--------------------------------------------------*/
#get-datasheets h3 {
	background-position: 0 -88px;
}


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

/* PRODUCTS LANDING
--------------------------------------------------*/
#products-landing-page .strong-products .content {
	padding-left: 128px;
}

/* CONTACT LANDING
--------------------------------------------------*/
#literature-page .masthead {
	background-image: url(../images/content/mastheads/literature.jpg);
	padding: 210px 0 0;
	background-position: 0 -56px;
}
#literature-page .section-clean {
	padding-top: 0;
	padding-bottom: 0;
}

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

#advice-page .masthead {
	background-image:url(../images/content/mastheads/literature.jpg);
	background-position:0 -56px;
	padding:210px 0 0;
}
#advice-page .section-clean {
	padding-top: 0;
	padding-bottom: 0;
}

/* LOGIN PAGES
--------------------------------------------------*/
#order-account-page .section-half {
	min-height: 199px;
}
* html #order-account-page .section-half {
	height: 199px;
}
#account-login-page .section-half {
	min-height: 199px;
}
* html #account-login-page .section-half {
	height: 199px;
}


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

  COLOUR FUTURES

 Styles for the colour futures on the site.

--------------------------------------------------*/
.colour-trends-page h1,
.colour-trends-page h2,
.colour-trends-page h3 {
	color: #575757;
}
#colour-futures-introduction h1 em {
	color: #575757;
	display: block;
	font-size: .7em; /* 21 / 30 = .7em */
}
#colour-futures-palette h2 {
	font-size: 3em;
	margin: 10px 0 15px;
}
#colour-futures-palette h2 em {
	color: #BC343B;
	display: block;
	font-size: .7em; /* 21 / 30 = .7em */
}
#colour-futures-introduction h3 {
	font-size: 1.8em;
	margin: 0 0 3px;
}

/* RED COLOURS
--------------------------------------------------*/
.colour-trends-red-page #colour-futures-introduction h1 {
	color: #BC343B;
}
.colour-trends-red-page #colour-futures-palette h2 em {
	color: #BC343B;
}
.colour-trends-red-page #colour-futures-introduction h3 {
	color: #BC343B;
}
/* ORANGE COLOURS
--------------------------------------------------*/
.colour-trends-orange-page #colour-futures-introduction h1 {
	color: #dfc772;
}
.colour-trends-orange-page #colour-futures-palette h2 em {
	color: #dfc772;
}
.colour-trends-orange-page #colour-futures-introduction h3 {
	color: #dfc772;
}

/* HOME PAGE
--------------------------------------------------*/
#colour-trends-page .mood-section {
	background-image: url(../images/content/mastheads/colours_trends/2010/home.jpg);
}
#colour-trends-page .mood-section p {
	margin-bottom: 6px;
}
#colour-trends-page .mood-section p.details {
	margin-bottom: 0;
}
#colour-trends-1 {
	height: 225px;
}
#colour-trends-2 {
	height: 200px;
}
	#colour-trends-2 img {
		margin: 7px 0 8px;
	}
#colour-trends-3 {
	height: 200px;
}
#colour-trends-4 {
	background-image: url(../images/content/colours_trends/2010/home_dust.jpg);
	height: 200px;
	color: #FFF;
}
	#colour-trends-4 h3 {
	color: #FFF;
}
#colour-trends-4 p.details a:link,
#colour-trends-4 p.details a:visited,
#colour-trends-4 p.details a:hover,
#colour-trends-4 p.details a:active {
	color: #FFF;
}
		
.colour-palette-brand-logo {
	text-align: center;
}


/* COLOUR DETAIL
--------------------------------------------------*/
#colour-detail-page .large-swatch {
	float: left;
}
#colour-detail-information {
	float: right;
	width: 390px;
}
#colour-detail-information h3 {
	margin-top: 0;
}
#colour-detail-availability {

}

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

PRODUCT AVAILABILITY

--------------------------------------------------*/
#colour-detail-page .availability,
#colour-detail-page .availability ul{
	list-style: none;
	margin-left: 0;
}
#colour-detail-page .availability a:link,
#colour-detail-page .availability a:visited,
#colour-detail-page .availability a:active {
	text-decoration: none;
}
#colour-detail-page .availability a:hover {
	text-decoration: underline;
}
#colour-detail-page .availability p {
	margin: 0;
}
#colour-detail-page .availability ul ul li {
	padding-left: 13px;
}


/* CONTRACT PARTNERSHIP
--------------------------------------------------*/
#contract-partnership-page .mood-section {
	background-image: url(/web/images/content/mastheads/contract_partnership/contract_partnership.jpg);
}
#contract-partnership-page .mood-section p {
	margin-bottom: 6px;
}
#contract-partnership-page .mood-section p.details {
	margin-bottom: 0;
}
#contract-partnership-1 {
	margin: 115px 0 12px 502px;
	width:430px;
	min-height:343px;
}

*html #contract-partnership-1 {
	height:343px;
}

/*USER ROLE
--------------------------------------------------*/
#user-role {
	background:#DEDEDE;
	height:30px;
	line-height:30px;
	margin :0 auto;
	overflow:hidden;
	padding:0 20px;
	width:940px;
}

#user-role p {
	float: left;
}

#user-role form {
	float: right;
}

#user-role form label {
	font-size: 1.05em;
}


#body .sections .yui-content h2 {
	margin: 6px 0 12px;
}

/* PROVEN IN THE REAL WORLD 
--------------------------------------------------*/
.proven-page div.foot-note {
	padding: 22px 0 0;
}
/* HOME PAGE */

#proven-home-page .mood-section {
	background-image: url(/files/images/content/mastheads/proven/overview.jpg);
}
#proven-home-page #proven-home-1 {
	margin:215px 0 0 10px;
	width:415px;
}
#proven-home-page .section h3 {
	color: #ffffff;
}
#proven-home-page .section h3,
#proven-vinyl-matt-page.section h3,
#proven-diamond-matt-page .section h3,
#proven-high-gloss-page .section h3 {
	font-size: 1.9em;
}
#proven-home-page ul#proven-can-shots {
	margin: 0 0 0 -15px;
	padding: 0;
	list-style: none;
	display: inline-block;
}
#proven-home-page ul#proven-can-shots li {
	float: left;
	margin-right:-15px;
}

/* VINYL MATT PAGE */
#proven-vinyl-matt-page .mood-section {
	background-image: url(/files/images/content/mastheads/proven/vinyl_matt.jpg);
}
#proven-vinyl-matt-page #proven-vinyl-matt-1 {
	margin:185px 0 0 10px;
	width:415px;
}
#proven-vinyl-matt-page .section h3 {
	font-size: 1.9em;
	color: #1f3564;
}
#proven-vinyl-matt-page .mood-section .section .section {
	background:transparent url(/web/images/canvas/mood_section.png) repeat scroll 0 0;
	border:0 none;
	min-height:67px;
	width:400px;
}

/* DIAMOND MATT PAGE */
#proven-diamond-matt-page .mood-section {
	background-image: url(/files/images/content/mastheads/proven/diamond_matt.jpg);
}
#proven-diamond-matt-page #proven-diamond-matt-1 {
	margin:235px 0 0 475px;
	width:415px;
}

/* HIGH GLOSS & UNDERCOAT */
#proven-high-gloss-page .mood-section {
	background-image: url(/files/images/content/mastheads/proven/high_gloss.jpg);
}
#proven-high-gloss-page #proven-high-gloss-1 {
	margin:200px 0 0 18px;
	width:320px;
}

/* WEATHERSHIELD */
#proven-weathershield-page .mood-section {
	background-image: url(/files/images/content/mastheads/proven/weathershield.jpg);
}
#proven-weathershield-page #proven-weathershield-1 {
	margin:200px 0 0 442px;
	width:470px;
}

#proven-weathershield-page .mood-section .section .section {
	background:transparent url(/web/images/canvas/mood_section.png) repeat scroll 0 0;
	border:0 none;
	min-height:67px;
	width:470px;
}




/* VOC 2010
-------------------------------------------------*/
#voc-home-page .mood-section {
	background-image: url(/files/images/content/mastheads/2010/voc_2010.jpg);
}

#voc-home-page h1 {
	font-size: 4.5em;
	margin-bottom:0;
}

#voc-home-page h2 em {
	color: #fff;
}

#voc-home-page #voc-section-1 {
	margin: 0 auto;
	width:345px;
}

#voc-home-page #voc-section-2 {
	margin:320px auto 0;
	width:800px;
}

#voc-home-page #voc-section-2 ul {
	margin:0;
	padding:0;
	list-style: none;
}

#voc-home-page #voc-section-2  ul li {
	float: left;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #fff;
}

#voc-home-page #voc-section-2  ul li.first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
#voc-home-page #voc-section-2  ul li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

/* DESIGN HUB
------------------------ */

.designhub-page #page {
	background: url(/web/images/canvas/designhub_swoosh.jpg) no-repeat left 128px;
}

/* HOME */

#home-page-banner {
	height:117px;
}

ul#home-tools-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#home-tools-list li {
	float: left;
	width: 97px;
}

ul#account-assist {
	list-style: none;
	margin:0;
	padding:0;
}
ul#account-assist li {
	float: left;
	margin-top: 12px;
	padding-top: 6px;
}

ul#account-assist li.register {
	padding-right:20px;
	margin-right:20px;
	border-right: 1px solid #DEDEDE;
}

#login-section,
#useful-tools,
#search-our-site {
	height: 231px;
}

#video-article-page #video-player {
	margin-bottom: 12px;
}


#select-landing-page #brush-aside p {
	width: 240px;
}

#select-landing-page #my-success p {
	width: 271px;
}


#contact-form dd {
    margin-left: 0;
}
#contact-form dd ul p {
    padding: 0;
}