/* TIGI Colour Website Screen Stylesheet */

body.colour {
	overflow-x: 			hidden;
}


a.black,
a.white,
a.grey {
	font: 					bold 12px/18px 'Helvetica', Arial, sans-serif;
	padding-bottom: 		3px;
	text-transform: 		none;
}

a.black sup,
a.white sup,
a.grey sup {
	vertical-align: 		text-top;
	margin-top: 			1px;
	display: 				inline-block;
}

span.spacer-30 {
	display: 				block;
	height: 				30px;
}


/* Nav Sub */

body.colour nav.sub {
	position: 				fixed;
	z-index: 				4;
	top: 					65px;
	left: 					0;
	right: 					0;
	height: 				39px;
	background: 			url(../image/colour/bg-subnav.png) repeat-x left top;
}
body.colour nav.sub.white {
	background: 			url(../image/colour/bg-subnav-white.png) repeat-x left top;
}
body.colour nav.sub ul {
	width: 					940px;
	margin: 				0 auto;
}
body.colour nav.sub ul li {
	display: 				block;
	float: 					left;
	margin-right: 			36px;
}
body.colour nav.sub ul li.logo {
	width: 					192px;
	margin-right: 			0;
}

/*
body.colour nav.sub ul li.logo span {
	display: 				block;
	height: 				39px;
	background: 			url(../image/colour/sprite-icn.png) no-repeat left -25px;
	text-indent: 			-9999em;
}
body.colour nav.sub ul li.logo span.text {
	text-indent: 			0;
	background: 			none;
	font: 					bold 21px/39px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
}
body.colour nav.sub ul li.logo span.gloss {
	width: 					54px;
}
body.colour nav.sub ul li.logo span.creative {
	width: 					81px;
	background-position: 	left -65px;
}
body.colour nav.sub ul li.logo span.mixmaster {
	width: 					110px;
	background-position: 	left -105px;
}
body.colour nav.sub ul li.logo span.lift {
	width: 					28px;
	background-position: 	left -145px;
}
body.colour nav.sub ul li.logo span.activators {
	width: 					98px;
	background-position: 	left -185px;
}
body.colour nav.sub ul li.logo span.lighteners {
	width: 					100px;
	background-position: 	left -225px;
}
body.colour nav.sub ul li.logo span.techniques {
	width: 					112px;
	background-position: 	-62px -146px;
}
*/
body.colour nav.sub ul li.nav {
	float: 					right;
	margin: 				0;
}
.ie7 body.colour nav.sub ul li.nav {
	margin-right: 			25px;
}
body.colour nav.sub ul li.nav a {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	-moz-transition: 		color 200ms ease-out;
	-webkit-transition: 	color 200ms ease-out;
	margin: 				12px 5px;
	padding: 				0 0 0 8px;
    line-height: 			39px;
    cursor: 				pointer;
    display: 				block;
    width: 					0px;
    position: 				relative;
    float: 					left;
}
body.colour nav.sub ul li.nav a:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
body.colour nav.sub ul li.nav .previous {
	background: 			url('../image/sprite-icn.png') no-repeat -108px -444px;
}
body.colour nav.sub ul li.nav .next {
	background: 			url('../image/sprite-icn.png') no-repeat -101px -444px;
}

body.colour nav.sub ul li a {
	font: 					bold 13px/39px 'Helvetica', Arial, sans-serif;
	color: 					#999;
	text-decoration: 		none;
	padding: 				0 0 0 4px;
	-moz-transition: 		all 200ms ease-out;
	-webkit-transition: 	all 200ms ease-out;
}
.rgba body.colour nav.sub ul li a { color: rgba(255, 255, 255, .7); }
body.colour nav.sub ul li.logo a {
	color: 					#ff7800;
	display:				block;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
body.colour nav.sub ul li a:hover,
body.colour nav.sub ul li a.active {
	color: 					#fff;
}
body.colour nav.sub ul li.logo a:hover,
body.colour nav.sub ul li.logo a.active {
	color: 					#ff7800;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

body.colour nav.sub ul li.logo a span {
	margin-right: 			5px;
	background: 			url('../image/sprite-icn.png') no-repeat -134px -444px;
	position: 				relative;
	top: 					2px;
}


/* RAPHAEL MENU  BUTTONS */
body.colour svg{
	padding-right: 			10px;
}
body.colour nav.main-menu ul li{
	margin-right: 			3px;
}

body.colour nav.main-menu ul li{
	padding-top:			7px;

}

body.colour nav ul li .raphael-gradient {
	font: 					14px/15px "ProximaNovaSemibold", Arial, sans-serif;	
	font-weight: 			600;
	padding: 				0 15px 0 0;
}

body.ru-RU nav ul li .raphael-gradient {
	font: 					14px/15px "ProximaNovaSemibold-ru", Arial, sans-serif;	
}

body.colour nav ul li span{
	float:					none;
	opacity:				1;
}


body.colour nav ul li span.normal{
	display: 				block;
}
body.colour nav ul li span.hover{
	display: 				block;
	visibility:				hidden;
}

.ie8 body.colour nav ul li span.hover {
	visibility: 			visible;
	margin-top: 			-999999px;
}

body.colour nav ul li:hover span.normal,
body.colour nav ul li.active span.normal{display:none;}
body.colour nav ul li:hover span.hover,
body.colour nav ul li.active span.hover{visibility:visible;}

.ie8 body.colour nav ul li:hover span.hover,
.ie8 body.colour nav ul li.active span.hover{margin-top:0px;}

/* Pushbox */

body.colour #pushbox {
	height: 				506px;
	border-bottom: 			1px solid #262626;
}
body.colour #pushbox ul.items,
body.colour #pushbox ul.items li {
	height: 				506px;
}

body.colour #pushbox ul.items li div.site hgroup {
	padding-left: 			26px;
}
body.colour #pushbox ul.items li div.site hgroup h2 {
	font: 					bold 56px/52px 'Helvetica', Arial, sans-serif;
	text-transform: 		none;
}
body.colour #pushbox ul.items li div.site hgroup h2 sup {
	vertical-align: 		text-top;
	margin-top: 			6px;
	display: 				inline-block;
}
body.colour #pushbox ul.items li div.site p {
	font: 					bold 14px/21px 'Helvetica', Arial, sans-serif;
	padding-left: 			32px;
	margin-bottom: 			32px;
}
body.colour #pushbox ul.items li div.site a {
	margin-left: 			32px;
}


/* HGROUP */

body.colour #content .padding-box-small { padding-top: 60px; }

body.colour #content hgroup.topline,
body.colour #content .content-dark hgroup.topline {
	width: 					940px;
	margin: 				0 auto;
	padding: 				60px 0 48px;
	border-top: 			0;
}
body.colour #content .grid-620 hgroup.topline {
	width: 					620px;
}
body.colour #content .news-wrapper hgroup.topline {
	padding: 				0 0 48px;
}
body.colour #content .content-faq hgroup.topline {
	padding-bottom: 		16px;
}
body.colour #content hgroup.topline h1,
body.colour #content hgroup.topline h2 {
	border-top: 			1px solid #fff;
	font: 					bold 32px/56px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
}
body.colour #content hgroup.topline h1 sup,
body.colour #content hgroup.topline h2 sup {
	vertical-align: 		text-top;
	margin-top: 			4px;
	display: 				inline-block;
}

body.colour #content hgroup.topline.dark h1,
body.colour #content hgroup.topline.dark h2 {
	border-top-color: 		#000;
	color: 					#000;
}


/* Content Elements */

body.colour #info {
	position: 				relative;
}
body.colour #info span.arrow {
	display: 				block;
	position: 				absolute;
	left: 					50%;
	bottom: 				-14px;
	margin-left: 			-13px;
	width: 					27px;
	height: 				14px;
	background: 			url(../image/colour/arrow-black-down.html) no-repeat left top;
}

body.colour #content #salon-support {
	background: 			#000 url(../../static/visual/bg-faq.html) no-repeat center 90px;
	height: 				520px;
}
body.colour #content #salon-support .grid-460 p:first-letter {
	text-transform: 		capitalize;
}
body.colour #content #salon-support .topline {
	padding-bottom: 		20px;
}
body.colour #content #salon-support .grey-text > p:first-child strong {
	font-size: 				20px;
	line-height: 			30px;
}

body.colour #content #education {
	background: 			#000 url(../../static/visual/bg-education.html) no-repeat bottom center;
}

body.colour #content { margin-top: 65px; }

body.colour #content.no-space { margin-top: 0; }

body.colour #content .content-dark .padding-box-small {
	padding-bottom: 		0;
}
.ie7 body.colour #content .topline {
	top:					0px;
}
body.colour #content .topline {
	border-top: 			1px solid #fff;
	padding-top: 			10px;
}

body.colour #content h2 {
	font: 					bold 32px/30px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
}
body.colour #content .page h2 {
	font: 					11px/22px 'ProximaNovaSemibold',Arial,sans-serif;
}
body.ru-RU #content .page h2 {
	font: 					11px/22px 'ProximaNovaSemibold-ru',Arial,sans-serif;
}
body.colour #content h2.space { margin-bottom: 30px; }
body.colour #content h3 {
	font: 					bold 16px/21px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
	margin: 				4px 0 16px;
}
body.colour #content h3.large {
	font-size: 				21px;
	line-height: 			26px;
}
body.colour #content .large-text p {
	font: 					normal 13px/21px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
	padding-right: 			10px;
}

body.colour #content .normal-text p {
	font: 					normal 12px/19px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
}

body.colour #content .grey-text p,
body.colour #content .grey-text ul {
	font: 					normal 12px/19px 'Helvetica', Arial, sans-serif;
	color: 					#fff; /*a5a5a5;*/
	margin-bottom: 			19px;
}
body.colour #content .grey-text p strong,
body.colour #content .grey-text ul li.head {
	font-size: 				13px;
	color: 					#fff;
}

body.colour #content .grey-text ul li.head strong {
	font-size: 				16px;
}

body.colour #content .grey-text ul li {
	position: 				relative;
	padding-left: 			18px;
}
body.colour #content .grey-text ul li.head,
.ie7 body.colour #content .grey-text ul li { padding-left: 0; }
body.colour #content .grey-text ul li:before {
	content: 				'—';
	position: 				absolute;
	left: 					0;
	top: 					0;
	color: 					#fff; /*a5a5a5;*/
}
body.colour #content .grey-text ul li.head:before {
	display: 				none;
}

body.colour #content .topline .col-wrapper {
	-moz-column-count: 		2;
	-moz-column-gap: 		20px;
	-webkit-column-count: 	2;
	-webkit-column-gap: 	20px;
}

body.colour #content #benefits .topline .col-wrapper{
	
	-webkit-column-count: 	0;
	-moz-column-count: 		0;
}

body.colour #content figure img {
	display: 				block;
	margin-bottom: 			14px;
}
body.colour #content figure figcaption {
	font: 					bold 14px/1.5em 'Helvetica', Arial, sans-serif;
	color: 					#fff;
}

body.colour header a.right {
	padding-left: 			10px;
}

body.colour header a.grey {
	padding-left: 			0px;
}

/* Product overview*/
#content #product-overview {
	height: 				980px;
}
#content #product-overview .topline .gradient-header {
 	margin-top:				10px;
}
#content #product-overview .topline .text-gradient-wrapper {
	margin-left: 			-10px;
}
#content article.product-overview {
	background: 			#141414;
}

body.colour #content article.product-overview h1 {
	color: 					#fff;
	/*font: 					33px/1.5 'ProximaNovabold', 'Helvetica', Arial, sans-serif;*/
	font: 					44px/1 'ProximaNovabold', 'Helvetica', Arial, sans-serif;
	/*padding:	 			16px 0 0 10px;*/
	font-weight: 			900;
}
body.ru-RU #content article.product-overview h1 {
	color: 					#fff;
	font: 					44px/1 'ProximaNovabold-ru', 'Helvetica', Arial, sans-serif;
	font-weight: 			900;
}
body.colour #content article.product-overview .text-gradient-wrapper + div {
	position: 				relative;
	top: 					-15px;
}
body.colour #content article.product-overview .text-gradient-wrapper + div + div {
	position: 				relative;
	top: 					-30px;
}
.ie7 body.colour #content article.product-overview .text-gradient-wrapper + div,
.ie8 body.colour #content article.product-overview .text-gradient-wrapper + div {
	top: 					-10px;
}
.ie7 body.colour #content article.product-overview .text-gradient-wrapper + div + div,
.ie8 body.colour #content article.product-overview .text-gradient-wrapper + div + div {
	top: 					-20px;
}
#content article.product-overview ul.products {
	height: 				198px;
}
#content article.product-overview ul.products > li {
	position: 				relative;
	height: 				198px;
	width: 					160px;
	margin: 				0;
}
#content article.product-overview ul.products > li .scroller {
	position: 				absolute;
	text-decoration: 		none;
	left: 					0;
	right: 					0;
	top: 					12px;
	overflow: 				hidden;
}
#content article.product-overview ul.products > li .scroller a.black {
	visibility:				none;
	position: 				relative;
	z-index: 				1;
	display: 				block;
	margin-bottom: 			25px;
	text-align: 			center;
	padding-right:			0px;
	padding-left:			0px;
	white-space: 			nowrap;
	opacity: 				0;
	-moz-opacity: 			0;
	filter:alpha(opacity=0);
	-moz-transition: 		all 200ms ease-out;
	-webkit-transition: 	all 200ms ease-out;
}
#content article.product-overview ul.products > li .scroller:hover a.black {
	visibility:				visible;
	opacity: 				100;
	-moz-opacity: 			100;
	filter:alpha(opacity=100);
}
#content article.product-overview ul.products > li img.normal {
	position: 				absolute;
	left: 					0;
	top: 					20px;
	z-index: 				0;
}
#content article.product-overview ul.products > li img.hover {
	position: 				absolute;
	display: 				none;
	left: 					0;
	top: 					7px;
	z-index: 				0;
}
#content article.product-overview ul.products > li h3 {
	position: 				relative;
	z-index: 				1;
	font: 					bold 15px/34px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
	border-top: 			1px solid #8a8a8a;
	margin: 				12px 10px 126px;
}
.fr-FR #content article.product-overview ul.products > li h3{
	font-size: 12px

}
#content article.product-overview ul.products > li h4 {
	font: 					bold 15px/34px 'Helvetica', Arial, sans-serif;
	color: 					#000;
}
#content article.product-overview ul.products > li p {
	font: 					normal 11px/16px 'Helvetica', Arial, sans-serif;
	color: 					#000;
	margin: 				0 0px 16px;
	height: 				auto;
}
#content article.product-overview ul.products > li .text {
    margin: 				0 10px 16px;
    opacity: 				0.3;
    -moz-opacity: 			0.3;
    filter:alpha(opacity=30);
    zoom:					1;
    height: 				630px;
}
#content article.product-overview ul.products > li .text-body {
	height: 				255px;
	overflow: 				hidden;
}
#content article.product-overview ul.products > li .text li {
	list-style-type: 		disc;
	list-style-position: 	outside;
	margin-left: 			12px;
}
.ie7 #content article.product-overview ul.products > li .text li {
	list-style-type: 		square;
	margin-left: 			15px;
}
#content article.product-overview ul.products > li .scroller:hover .text {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
#content article.product-overview ul.products > li .text .shades {
	background: 			url('../image/colour/bg-gradient-product-shades-bw.png') no-repeat 0 0;
	width: 					140px;
	height: 				282px;
	display: 				block;
}

.ie7 #content article.product-overview ul.products > li .text .shades,
.ie8 #content article.product-overview ul.products > li .text .shades {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
    zoom: 1;
}

#content article.product-overview ul.products > li p strong {
	display: 				block;
	margin-top: 			8px;
}
#content article.product-overview ul.products > li .scroller:hover {
	height: 				auto;
	background: 			url(../image/colour/bg-gradient-productlist.html) no-repeat left top;
}
#content article.product-overview ul.products > li .scroller:hover {
	background-image: 		url(../image/colour/bg-gradient-productoverview.html);
}
#content article.product-overview ul.products > li .scroller.gloss:hover { background-position: left top; }
#content article.product-overview ul.products > li .scroller.creative:hover { background-position: -160px top; }
#content article.product-overview ul.products > li .scroller.lift:hover { background-position: -320px top; }
#content article.product-overview ul.products > li .scroller.mixmaster:hover { background-position: -480px top; }
#content article.product-overview ul.products > li .scroller.lighteners:hover { background-position: -640px top; }
#content article.product-overview ul.products > li .scroller.activators:hover { background-position: -800px top; }

#content article.product-overview ul.products > li .scroller:hover h3 {
	border-top-color: 		#fff;
	border-top-color: 		rgba(255, 255, 255, .5);
}

#content article.product-overview ul.products > li .scroller:hover img.normal { display: none; }
#content article.product-overview ul.products > li .scroller:hover img.hover { display: block; }

#content.products .stroke-button {
	margin-bottom: 			80px;
}

#content div.stroke-button .black,
#content div.stroke-button .white,
#content div.stroke-button .grey {
	border: none;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	padding-bottom: 4px;
	padding-top: 4px;
}

#content #product-usage {
	position: 				relative;
}
body.colour #product-usage span.arrow {
	position: 				absolute;
	display: 				block;
	left: 					50%;
	margin-left: 			-8px;
	top: 					0px;
	width: 					0;
	height: 				0;
	border-left: 			16px solid transparent;
	border-right: 			16px solid transparent;
	border-top: 			16px solid #fff;
}

/* Product List */
#content article.product-list {
	background: 			#141414;
	height: 				259px;
}

#content article.product-list h1 {
	color: 					#fff;
	font: 					33px/1.5 'ProximaNovabold', 'Helvetica', Arial, sans-serif;
	padding:	 			16px 0 0 10px;
}
.ru-RU #content article.product-list h1 {
	color: 					#fff;
	font: 					33px/1.5 'ProximaNovabold-ru', 'Helvetica', Arial, sans-serif;
	padding:	 			16px 0 0 10px;
}
#content article.product-list ul {
	height: 				198px;
}
#content article.product-list ul li {
	position: 				relative;
	height: 				198px;
	width: 					160px;
	margin: 				0;
}
#content article.product-list ul li a {
	position: 				absolute;
	text-decoration: 		none;
	left: 					0;
	right: 					0;
	top: 					12px;
	height: 				186px;
	overflow: 				hidden;
}
#content article.product-list ul li img.normal {
	position: 				absolute;
	left: 					0;
	top: 					20px;
	z-index: 				0;
}
#content article.product-list ul li img.hover {
	position: 				absolute;
	display: 				none;
	left: 					0;
	top: 					7px;
	z-index: 				0;
}
#content article.product-list ul li h3 {
	position: 				relative;
	z-index: 				1;
	font: 					bold 15px/34px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
	border-top: 			1px solid #8a8a8a;
	margin: 				12px 10px 132px;
}
.fr-FR #content article.product-list ul li h3 {
	font-size:				12px
}
#content article.product-list ul li p {
	position: 				relative;
	overflow: 				hidden;
	z-index: 				1;
	font: 					normal 11px/16px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
	margin: 				0 12px 16px 12px;
	height: 				auto;
	display: 				none;
}
#content article.product-list ul li .text{
    margin: 				0 0 16px 0;
}
.ie9 #content article.product-list ul li .text {
	padding-bottom: 		15px;
}
#content article.product-list ul li p strong {
	display: 				block;
	margin-top: 			8px;
}
#content article.product-list ul li strong {
	color:					white;
	margin-left: 			10px;
}
#content article.product-list ul li a:hover {
	height: 				auto;
	background: 			url(../image/colour/bg-gradient-productlist.html) no-repeat left top;
}
#content article.product-list ul li a:hover {
	background-image: 		url(../image/colour/bg-gradient-productoverview.html);
}
#content article.product-list ul li a.gloss:hover { background-position: left top; }
#content article.product-list ul li a.creative:hover { background-position: -160px top; }
#content article.product-list ul li a.lift:hover { background-position: -320px top; }
#content article.product-list ul li a.mixmaster:hover { background-position: -480px top; }
#content article.product-list ul li a.lighteners:hover { background-position: -640px top; }
#content article.product-list ul li a.activators:hover { background-position: -800px top; }

#content article.product-list ul li a:hover h3 {
	border-top-color: 		#fff;
	border-top-color: 		rgba(255, 255, 255, .5);
}
#content article.product-list ul li a:hover p {
	display: 				block;
}
#content article.product-list ul li a:hover img.normal { display: none; }
#content article.product-list ul li a:hover img.hover { display: block; }

/* News Wrapper */

#content article.news-wrapper {
	padding: 				62px 0;
	background: 			#d3d3d3 url(../image/colour/bg-greygradient.html) no-repeat center top;
}
#content article.news-wrapper.low-padding {
	padding-bottom: 		24px;
}
#content article.news-wrapper ul.news {}
#content article.news-wrapper ul.news li h3 {
	border-bottom: 			0;
	border-top: 			1px solid #000;
	padding: 				10px 0;
	font: 					bold 22px/24px 'Helvetica', Arial, sans-serif;
	color: 					#000;
	text-transform: 		none;
}
#content article.news-wrapper ul.news li h4 {
	font: 					bold 13px/19px 'Helvetica', Arial, sans-serif;
	color: 					#000;
}
#content article.news-wrapper ul.news li p {
	font: 					normal 12px/19px 'Helvetica', Arial, sans-serif;
	color: 					#000; /*#868686;*/
}
#content article.news-wrapper ul.news li p.h60 {
	height: 				60px;
}

#content article.news-wrapper .topline {
	border-top: 			1px solid #000;
	padding: 				10px 0;
}

#content article.news-wrapper .col-wrapper {
	-moz-column-count: 		2;
	-moz-column-gap: 		20px;
	-webkit-column-count: 	2;
	-webkit-column-gap: 	20px;
	padding-bottom: 		60px;
}
.ie7 #content article.news-wrapper .col-wrapper {
	padding-bottom: 		160px;
}
#content article.news-wrapper .topline h2 p,
#content article.news-wrapper .topline h2 {
	font: 					bold 33px/31px 'Helvetica', Arial, sans-serif;
	color: 					#000;
}
#content #downloads h2{
	color: 					#000;
}
.content-dark#downloads h2 {
	color: 					#FFF !important;
}
#content article.news-wrapper .topline h2 {
	padding-right: 			10px;
}
#content article.news-wrapper .topline.space h2 {
	margin-bottom: 			36px;
}
#content article.news-wrapper .topline h2.grid-300 { padding-right: 0; }
#content article.news-wrapper .topline h3 {
	font: 					bold 16px/19px 'Helvetica', Arial, sans-serif;
	color: 					#000;
	margin: 				0px 0 19px;
}
#content article.news-wrapper .topline p {
	font: 					normal 12px/19px 'Helvetica', Arial, sans-serif;
	color: 					#000; /*868686;*/
	margin-bottom: 			19px;
}
#content article.news-wrapper .topline p strong {
	font-size: 				13px;
	color: 					#000;
}

#content article.news-wrapper .topline .large-text p {
	font: 					bold 13px/21px 'Helvetica', Arial, sans-serif;
	color: 					#000;
	padding-right: 			40px;
}

/* Product usage */

body.colour #content.products #product-usage .site .topline {
	border-color: 			#515151;
}
body.colour #content #product-usage .site .topline {
	border-color:			#fff;
}
body.colour #content #product-usage hgroup.topline {
	padding-bottom: 		20px;
}
body.colour #content #product-usage .site h2.topline {
	padding:	 			30px 0 0px;
	height: 				60px;
}
body.colour #content #product-usage .site aside h3 {
	text-align: 			center;
	padding-top: 			16px;
	margin-bottom: 			16px;
	font-size: 				24px;
	
}
body.colour #content #product-usage .site ul {
	font: 					bold 16px/21px 'Helvetica',Arial,sans-serif;
	text-align: 			center;
	color: 					#fff;
}
body.colour #content #product-usage .site ul li {
	border-bottom: 			1px solid #515151;
	margin-bottom: 			5px;
	padding-bottom: 		6px;
}
body.colour #content #product-usage .site .image-container {
	margin-top: 			4px;
}
body.colour #content #product-usage aside {
	width: 					135px;
	float:					left;
	padding-right: 			45px;
	margin-left: 			10px;
}
body.colour #content #product-usage .creative-lift {
	width: 					720px;
	float:					left;
	padding-bottom: 		60px;
}
body.colour #content #product-usage .mix-master {
	width: 					165px;
	float:					left;
	padding-right: 			45px;
}
body.colour #content #product-usage .gloss {
	width: 					555px;
	float:					left;
}
/* Full Visual Wrapper */

#content .full-visual {
	position: 				relative;
	background: 			#000;
	min-width: 				960px;
	height: 				556px;
}
#content .full-visual.vis-ci {
	height: 				609px;
}
#content .full-visual img.bg {
	position: 				absolute;
	top: 					0;
	left: 					50%;
	margin-left: 			-960px;
}
#content .full-visual div.site {
	position: 				relative;
	padding-top: 			60px;
}
.ie7 #product-overview{
	margin-top: 			60px;
}
.ie7 #idea {
	top: 					60px;
}
#content .full-visual div.site .grid-260,
#content .full-visual div.site .grid-300 {
	border-top: 			1px solid #fff;
	padding-top: 			10px;
}

#content .full-visual div.site h2 p,
#content .full-visual div.site h2 {
	font: 					bold 34px/32px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
}
#content .full-visual div.site h2 {
	margin-bottom: 			32px;
}
#content .full-visual div.site h2 sup {
	vertical-align: 		text-top;
	margin-top: 			4px;
	display: 				inline-block;
}
#content .full-visual div.site p {
	font: 					normal 13px/19px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
	margin-bottom: 			32px;
	margin-right: 			12px;
}
#content .full-visual div.site p.small {
	font-size: 				11px;
	line-height: 			17px;
	margin-bottom: 			0;
}
#content .full-visual div.site ul {
	font: 					bold 16px/27px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
	margin-bottom: 			20px;
}


/* UL > Team */

body.colour #content ul.team {
	margin-bottom: 			284px;
}
body.colour #content ul.team li {
	width: 					220px;
	margin: 				8px 10px 56px;
}
body.colour #content ul.team li a {
	background: 			#000;
}
body.colour #content ul.team li a h3 {
	font: 					bold 16px/38px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
	border-top: 			1px solid #fff;
	margin: 				0;
	-moz-transition: 		all 200ms ease-out;
	-webkit-transition: 	all 200ms ease-out;
}
body.colour #content ul.team li a div.text {
	padding: 				0;
	height: 				36px;
}
body.colour #content ul.team li a div.text p {
	font: 					normal 12px/19px 'Helvetica', 'Helvetiva Neue', Arial, sans-serif;
	color: 					#848484;
}

body.colour #content ul.team li a:hover {
	padding: 				0 10px 10px;
	left: 					-10px;
	top: 					0;
	background: 			#efefef;
}
body.colour #content ul.team li a:hover h3 {
	border-top-color: 		#efefef;
	color: 					#000;
}


/* Formula Overview */

.formula-overview {
	padding: 				34px 0 0;
}
.formula-overview form {
	width: 					620px;
	height: 				30px;
	display: 				inline;
	float: 					right;
	margin: 				0 10px 30px 0;
	position: 				relative;
	z-index: 				4;
}
.formula-overview form fieldset {
	height: 				30px;
}
.formula-overview form label {
	width: 					370px;
	float: 					left;
	font: 					bold 13px/28px 'Helvetica', Arial, sans-serif;
	color: 					#0f0f0f;
}
.formula-overview form select {
	width: 					246px;
	float: 					right;
}
.formula-overview form div.custom-select a {
	background: 			#f0f0f0;
	padding: 				0;
	font: 					bold 13px/28px 'Helvetica', Arial, sans-serif;
	color: 					#0f0f0f;
	text-transform: 		none;
}
.formula-overview form div.custom-select a span {
	display: 				block;
	padding: 				0 40px 0 14px;
	height: 				28px;
	border-top: 			1px solid #ccc;
	border-left: 			1px solid #ccc;
}
.formula-overview form div.custom-select a span.arrow {
	background-color: 		#000;
	padding: 				0;
	border-top: 			0;
	height: 				29px;
}

.formula-overview form div.custom-select ul {
	border-left: 			1px solid #ccc;
	font: 					normal 13px/28px 'Helvetica', Arial, sans-serif;
}
.formula-overview form div.custom-select ul li {
	line-height: 			28px;
}

ul.formula-list {
	clear: 					both;
	overflow: 				hidden;
	margin-bottom: 			92px;
}
ul.formula-list.loading {
	height: 				30px;
	background: 			url(../image/ajax-loader.gif) no-repeat center center;
}
/*NOTE: the float breaks all javascript DOM changes in IE7!@ Watch out.. */
ul.formula-list li {
	width: 					160px;
	height: 				160px;
	float: 					left;
}
ul.formula-list li a {
	display: 				block;
	position: 				relative;
	overflow: 				hidden;
	border: 				8px solid #fff;
	width: 					140px;
	height: 				140px;
	-moz-transition: 		border-color 300ms ease-out;
	-webkit-transition: 	border-color 300ms ease-out;
}
ul.formula-more-info li a { overflow: visible; }
ul.formula-list li a img {
	display: 				block;
	position: 				absolute;
}
ul.formula-list li a img.hover {
	position: 				absolute;
	left: 					-136px;
	top: 					0;
	-moz-transition: 		left 300ms ease-out;
	-webkit-transition: 	left 300ms ease-out;
}
ul.formula-list li a:hover {
	border-color: 			#dbdadc;
	z-index: 				2;
}
ul.formula-list li a span {
	display: 				none;
	position: 				absolute;
	width: 					150px;
	height: 				164px;
	left: 					-6px;
	top: 					-5px;
	background: 			url(../image/colour/img-frame-swatch.html) no-repeat left top;
	z-index: 				2;
}
ul.formula-list li a.active,
ul.formula-list li a.active-sub {
	/*margin: 				5px 0 0 5px;*/
	border:					solid 8px #dbdadc;
	z-index: 				3;
}
ul.formula-list li a.active img.hover {
	left: 					-6px;
	top: 					-7px;
}
ul.formula-list li a.active-sub span { display: block; }

ul.formula-list li div.swatch-more-info {
	position: 				absolute;
	display: 				none;
	top: 					158px;
	background: 			#fff;
	z-index: 				1;
}
ul.formula-list li div.swatch-more-info a.close {
	width: 					18px;
	height: 				18px;
	background: 			#000 url(../image/colour/btn-close.html) no-repeat center center;
	border: 				0;
	position: 				absolute;
	right: 					10px;
	top: 					24px;
	text-indent: 			-9999em;
}
ul.formula-list li div.swatch-more-info div.topline {
	border-top: 			1px solid #000 !important;
	margin: 				24px 10px 0;
	padding: 				10px 0 0;
}
ul.formula-list li div.swatch-more-info div.bottomline {
	border-bottom: 			1px solid #000;
	padding: 				0 0 18px;
}
ul.formula-list li div.swatch-more-info .intro-text {
	min-height: 			80px;
}
ul.formula-list li div.swatch-more-info h2 {
	font-size: 				22px !important;
	line-height: 			24px !important;
	color: 					#000 !important;
}
ul.formula-list li div.swatch-more-info strong {
	font-weight: 			bold;
	font-size:				14px;
	margin-bottom: 			10px;
	display: 				block;
}
ul.formula-list li div.swatch-more-info strong:first-letter {
	text-transform: 		capitalize;
}
ul.formula-list li div.swatch-more-info p {
	font-size: 				12px;
}
ul.formula-list li div.swatch-more-info img {
	display: 				block;
}
ul.formula-list li div.swatch-more-info img.large {
	margin-top: 			34px;
}

ul.formula-list li div.swatch-more-info ul.results-swatch {
	overflow: 				hidden;
	float: 					left;
	width: 					256px;
}
ul.formula-list li div.swatch-more-info ul.results-swatch li {
	width: 					135px;
	height: 				auto;
	margin-bottom: 			5px;
	padding-right: 			5px;
}
ul.formula-list li div.swatch-more-info ul.results-swatch li.small {
	width: 					95px;
}
ul.formula-list li div.swatch-more-info ul.results-swatch li.title {
	font: 					bold 12px/32px 'Helvetica', Arial, sans-serif;
	color: 					#999;
	text-align: 			center;
}
ul.formula-list li div.swatch-more-info ul.results-swatch li img {
	width: 					auto;
	height: 				auto;
	border: 				0;
}
ul.formula-list li .shade-pigments {
	margin-top:				80px;
	font: 					bold 12px/1 'Helvetica', Arial, sans-serif;
}
ul.formula-list li .shade-pigments .image-overlay,
ul.formula-list li .shade-pigments figure {
	margin: 				0;
	width: 					290px;
	position: 				relative;
}
ul.formula-list li .shade-pigments .image-overlay
{
    display:none;
}
ul.formula-list li .shade-pigments figure,
ul.formula-list li ul.pigments {
	float: 					left;
	color: 					#fff;
}
#content ul.formula-list li .shade-pigments .image-overlay {
	height: 				300px;
	width:	 				300px;
	position: 				absolute;
	top: 					115px;
	right: 					0;
	z-index: 				10;
	color:					#fff;
}
.ie7 #content ul.formula-list li .shade-pigments .image-overlay {
	top: 					105px;
}
ul.formula-list li .shade-pigments .image-overlay strong {
	position: 				absolute;
	top:					10px;
	left: 					10px;
	font-size: 				16px;
	text-transform: 		lowercase;
}
#content ul.formula-list li .shade-pigments figure img {
	margin: 				0;
}
#content ul.formula-list li .shade-pigments .image-overlay span {
	position: 				absolute;
	bottom:					10px;
	left: 					10px;
	font-size:				11px;
	text-transform: 		lowercase;
}
ul.formula-list li ul.pigments li {
	float: 					none;
	width: 					162px;
	height: 				52px;
}
ul.formula-list li ul.pigments li.no-pigment {
	font-size: 				16px;
	line-height: 			42px;
	text-align: 			left;
	color: 					#000;
	width: 					142px;
	text-transform: 		lowercase;
}
ul.formula-list li ul.pigments li.pigment {
	color: 					#fff;
}
ul.formula-list li ul.pigments li strong {
	font-size:				14px;
	line-height:			42px;
	position: 				absolute;
	top: 					0;
	left: 					15px;
}
ul.formula-list li ul.pigments li strong:first-child {
	font-size: 				12px;
}
ul.formula-list li ul.pigments li.default strong,
ul.formula-list li ul.pigments li:hover strong {
	top: 					4px;
	left: 					19px;
}
ul.formula-list li ul.pigments li img.level {
	width: 					142px;
	height: 				42px;
}
ul.formula-list li ul.pigments li img.result {
	position:				absolute;
	top: 					115px;
	right: 					-9999px;
	z-index: 				1;
}
ul.formula-list li ul.pigments li:hover img.result {
	right: 					6px;
}
/*ie7 this is not an a but it works anyway hover FIX@! HA!*/
.ie7 ul.formula-list li ul.pigments li:hover img.result {
	border:					1px solid #fff;
	top: 					104px;
	right: 					5px;
}
ul.formula-list li ul.pigments li .handle-wrapper {
	position: 				relative;
}
ul.formula-list li ul.pigments li .handle {
	position: 				absolute;
	top: 					0px;
	left: 					0px;
	background: 			#d2d2d2;
	cursor: 				pointer;
}
ul.formula-list li ul.pigments li.default .handle,
ul.formula-list li ul.pigments li:hover .handle {
	top: 					-4px;
	left: 					-4px;
	padding: 				4px 0 0 4px;
	width: 					146px;
	height: 				46px;
}

/* Product Information */

body.colour .product-information {
	position: 				relative;
	overflow: 				hidden;
	padding: 				86px 0 15px;
	height: 				375px;
}
.ie7 body.colour .product-information {
	height: 				460px;
}
body.colour .product-information h2 {
	text-transform: 		lowercase;
}
body.colour .product-information span.arrow,
body.colour .product-information span.arrow-dark {
	display: 				block;
	position: 				absolute;
	left: 					0;
	bottom: 				0;
	right: 					0;
	height: 				12px;
	background: 			url(../image/bg-arrow-productinfo.html) no-repeat center top;
}
body.colour .product-information span.arrow-dark {
	background-image: 		url(../image/bg-arrow-brands.html);
}

body.colour .gloss .product-information {
	background: 			url(../image/colour/bg-gradient-product-gloss.html) repeat-y center top;
}
body.colour .creative .product-information {
	background: 			url(../image/colour/bg-gradient-product-creative.html) repeat-y center top;
}
body.colour .mixmaster .product-information {
	background: 			url(../image/colour/bg-gradient-product-mixmaster.html) repeat-y center top;
}
body.colour .lift .product-information {
	background: 			url(../image/colour/bg-gradient-product-lift.html) repeat-y center top;
}
body.colour .activators .product-information {
	background: 			url(../image/colour/bg-gradient-product-activators.html) repeat-y center top;
}
body.colour .lighteners .product-information {
	background: 			url(../image/colour/bg-gradient-product-lighteners.html) repeat-y center top;
}

body.colour .product-information h3 {
	font: 					bold 13px/19px 'Helvetica', 'Arial', sans-serif;
	color: 					#fff;
	margin: 				3px 0 19px;
}
body.colour .product-information p {
	font: 					normal 12px/19px 'Helvetica', 'Arial', sans-serif;
	color: 					#fff;
	margin: 				4px 4px 15px 0;
}
body.colour .product-information p strong {
	font-family: 			'Helvetica', Arial, sans-serif;
}
body.colour .product-information .shadow {
	position: 				absolute;
	top: 					-47px;
	left: 					50%;
	width: 					240px;
	height: 				465px;
	margin-left:			242px;
	background: 			#000;
	opacity: 0.1;
	-moz-opacity: 0.1;
	filter:alpha(opacity=10);
}
body.colour .product-information ul {
	font: 					normal 12px/19px 'Helvetica', 'Arial', sans-serif;
	color: 					#fff;
	margin: 				0 40px 19px 0;
}
body.colour .product-information .product-facts {
	margin-right: 			-5px;
}
body.colour .product-information ul li {
	position: 				relative;
	margin-left: 			16px;
	list-style-type: 		disc;
}

/* Product Usage Table */

body.colour table.usage {
	border-collapse: 		collapse;
	width: 					940px;
	margin: 				100px auto 0;
}

body.colour table.usage thead,
body.colour table.usage tbody tr.head,
body.colour table.usage tbody tr.head:hover,
.ie7 body.colour table.usage thead th,
.ie7 body.colour table.usage tbody tr.head td,
.ie7 body.colour table.usage tbody tr.head:hover td {
	height: 				50px;
	background: 			url(../image/colour/bg-gradient-table.html) repeat-y -2820px top !important;
}
body.colour table.usage thead th,
body.colour table.usage tbody tr.head td {
	vertical-align: 		middle;
	text-align: 			left;
	padding: 				0 20px;
	font: 					bold 16px/1em 'Helvetica', Arial, sans-serif;
	color: 					#fff;
	border-right: 			1px solid #000;
	height: 				50px;
}

body.colour table.usage .w-94 { width: 84px; }
body.colour table.usage .w-95 { width: 70px; }
body.colour table.usage .w-108 { width: 68px; }
body.colour table.usage .w-130 { width: 90px; }
body.colour table.usage .w-160 { width: 120px; }
body.colour table.usage .w-170 { width: 130px; }
body.colour table.usage .w-190 { width: 180px; }

body.colour table.usage tr {
	border-bottom: 			1px solid #000;
}
body.colour table.usage tbody tr,
.ie7 body.colour table.usage tbody tr td {
	background: 			url(../image/colour/bg-gradient-table.html) repeat-y -940px top;
}

body.colour table.usage tbody tr.odd,
.ie7 body.colour table.usage tbody tr.odd td { background-position: left top; }
body.colour table.usage tbody tr td.hover:hover { background: url(../image/colour/bg-gradient-table.html) repeat-y -1880px top; }

body.colour table.usage tbody tr td {
	padding: 				0 20px 0;
	vertical-align: 		middle;
	font: 					normal 13px/17px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
	border-right: 			1px solid #000;
}
body.colour table.usage tbody tr td.last { border-right: 0; }
body.colour table.usage tbody tr td img {
	display: 				block;
	margin: 				16px auto 0;
}

body.colour table.usage tbody tr td a { text-decoration: none; }


body.colour table.usage.small {
	margin: 				0;
	width: 					560px;
}
body.colour table.usage.small thead,
.ie7 body.colour table.usage.small thead th {
	height: 				50px;
	background: 			url(../image/colour/bg-gradient-table-small.html) repeat-y -1680px top !important;
}
body.colour table.usage.small thead th {
	padding: 				0 10px;
}
body.colour table.usage.small tbody tr,
.ie7 body.colour table.usage.small tbody tr td {
	background-image: 		url(../image/colour/bg-gradient-table-small.html);
	background-position: 	-560px top;
}
body.colour table.usage.small tbody tr td {
	padding: 				10px;
}

body.colour table.usage.small tbody tr.odd,
body.colour table.usage.small tbody tr.odd:hover,
.ie7 body.colour table.usage.small tbody tr.odd td,
.ie7 body.colour table.usage.small tbody tr.odd:hover td { background-position: left top; }
body.colour table.usage.small tbody tr:hover,
body.colour table.usage.small tbody tr.hover,
.ie7 body.colour table.usage.small tbody tr:hover td,
.ie7 body.colour table.usage.small tbody tr.hover td { background-position: -560px top; }

body.colour table.usage.small tbody tr td img {
	margin: 				0;
}

body.colour table.usage.activator {
	margin: 				0;
	border-top: 			1px solid #000;
}

body.colour table.usage.activator tbody tr.head td.img { padding: 0; }
body.colour table.usage.activator tbody tr.head td img { margin: 0; }

body.colour table.usage.activator tbody td img.rgt { margin: 26px 0 0; display: inline; }

body.colour table.usage.activator table {
	border-collapse: 		collapse;
	width: 					100%;
	height: 				100%;
}

body.colour table.usage.activator tbody tr,
body.colour table.usage.activator tbody tr:hover,
.ie7 body.colour table.usage.activator tbody tr td,
.ie7 body.colour table.usage.activator tbody tr:hover td {
	background: 			url(../image/colour/bg-gradient-table.html) repeat-y -940px top;
}
body.colour table.usage.activator tbody tr.odd,
body.colour table.usage.activator tbody tr.odd:hover,
.ie7 body.colour table.usage.activator tbody tr.odd td,
.ie7 body.colour table.usage.activator tbody tr.odd:hover td { background-position: left top; }

body.colour table.usage.activator table td {
	height: 				107px;
	vertical-align: 		middle;
}

body.colour table.usage.activator table tr,
body.colour table.usage.activator table td,
body.colour table.usage.activator table tr:hover,
.ie7 body.colour table.usage.activator table tr td,
.ie7 body.colour table.usage.activator table td,
.ie7 body.colour table.usage.activator table tr:hover td {
	border: 				0;
	padding: 				0;
	background: 			none;
}
body.colour table.usage.activator table td.right {
	text-align: 			center;
	width: 					40px;
	vertical-align: 		middle;
}
body.colour table.usage.activator table td.right img.smallimg { margin-top: 34px; }


/* UL > Download */

body.colour .download {
	color: 					#fff;
	background: 			url("../image/colour/bg-accordion.png") repeat-y left top;
	overflow: 				hidden;
}
body.colour .download dt {
	width: 					45px;

}
body.colour .download dd.brand {
	line-height: 			15px;
	width: 					190px;
	margin-bottom: 			-1px;
}
body.colour .download dd.item {
	font-size: 				14px;
	font-weight: 			bold;
}
body.colour .download dt,
body.colour .download dd {
	line-height: 			36px;
	height: 				36px;
	vertical-align: 		top;
	float: 					left;
}
body.colour .download dd a {
	text-decoration: 		none;
	color: 					#bbb;
}
body.colour .download dd a:hover {
	color: 					#fff;
}
.rgba body.colour .download dd a {
	-moz-transition: 		color 300ms ease-out;
	-webkit-transition: 	color 300ms ease-out;
	color: 					rgba(255,255,255, 1);
}
.rgba body.colour .download dd a:hover {
	color: 					rgba(255,255,255, 0.7);
}
body.colour .download dd .raphael-gradient {
	font: 					15px/27px 'Helvetica', Arial, sans-serif;
	font-weight: 			900;
}
body.colour .download dd .text-gradient-wrapper {
	padding-top: 			4px;
}
.ie7 body.colour .download dd .text-gradient-wrapper,
.ie8 body.colour .download dd .text-gradient-wrapper {
	padding-top: 			9px;
}
body.colour .download img {
	vertical-align: 		middle;
	padding-left: 			15px;
}

/* Downloads list (dl)
--------------------------------------------------------------*/
body.colour dl.download.site  
{
    width:                  940px;
    margin-bottom:          1px;
}

/* Inspired */

body.colour ul.inspired {
	width: 					942px;
}
body.colour ul.inspired li {
	width: 					308px;
	height: 				308px;
	position: 				relative;
	float: 					left;
	margin: 				0 8px 8px 0;
}
body.colour ul.inspired li.last { margin-right: 0; }
body.colour ul.inspired li a,
body.colour ul.inspired li a img,
body.colour ul.inspired li a span {
	display: 				block;
}
body.colour ul.inspired li a img {
	width: 					308px;
	height: 				308px;
}
body.colour ul.inspired li a span {
	position: 				absolute;
	left: 					-8px;
	top: 					-8px;
	right: 					-8px;
	bottom: 				-8px;
	border: 				8px solid #2e2e2e;
	-moz-transition: 		opacity 300ms ease-out;
	-webkit-transition: 	opacity 300ms ease-out;
}
.csstransitions body.colour ul.inspired li a span {
	opacity: 				0;
}
.no-csstransitions body.colour ul.inspired li a span {
	visibility: 			hidden;
}
body.colour ul.inspired li a:hover span {
	visibility: 			visible;
	opacity: 				1;
}
body.colour .activators #downloads,
body.colour .mixmaster #downloads,
body.colour .gloss #downloads {
	padding-bottom: 		64px;
}

/* Steps */

ul.steps {
	overflow-x:				hidden;
	overflow-y:				visible;
}
ul.steps li.last {
	clear: 					none;
}
ul.steps li {
	margin-bottom: 			20px;
	position: 				relative;
}
ul.steps li img {
	display: 				block;
	margin-bottom: 			20px;
}
ul.steps li .play {
	background: 			url('../image/sprite-icn.png') no-repeat -132px -774px;
	display: 				block;
	width: 					122px;
	height:					122px;
	position: 				absolute;
	top: 					32px;
	left: 					90px;
}
ul.steps li p {
	font: 					normal 12px/19px 'Helvetica', Arial, sans-serif;
	color: 					#fff; /*#a5a5a5;*/
	margin-bottom: 			19px;
}


/* Accordion */

#content dl.accordion {
	width: 					940px;
}
#content dl.accordion dt {
	display: 				block;
	padding: 				10px 15px;
	margin-top: 			1px;
	background: 			url(../image/colour/bg-accordion.png) repeat-y left top;
	cursor: 				pointer;
	-moz-transition: 		font-size 200ms ease-out;
	-webkit-transition: 	font-size 200ms ease-out;
}
#content dl.accordion dt span {
	display: 				block;
	font: 					bold 13px/17px 'Helvetica', Arial, sans-serif;
	color: 					#fff;
	cursor: 				pointer;
	background: 			url(../image/colour/img-arrow-accordion.html) no-repeat right -1px;
	-moz-transition: 		font-size 200ms ease-out;
	-webkit-transition: 	font-size 200ms ease-out;
}
#content dl.accordion dt:hover {
	background-position: 	-940px top;
}
#content dl.accordion dt.active,
#content dl.accordion dt.active span,
#content dl.accordion dt.light {
	background-position: 	right top;
	font-size: 				16px;
	color: 					#000;
}
#content dl.accordion dt.active span {
	background-position: 	right -19px;
	color: 					#000;
}
#content dl.accordion dt.light span {  color: #000; background-position: right -38px; }
#content dl.accordion dt.light.active span { background-position: right -19px; }
#content dl.accordion dd {
	background: 			url(../image/colour/bg-accordion-content.html) repeat-y left top;
}
#content dl.accordion dd div.wrap {
	padding: 				0 40px 60px;
}
#content dl.accordion dd div.wrap h3 {
	color: 					#000;
}
#content dl.accordion dd div.wrap p {
	font-size: 				12px;
	color: 					#000; /*868686;*/
	margin-bottom: 			32px;
}
#content dl.accordion dd div.wrap div.col-wrapper {
	margin-right: 			100px;
	-moz-column-gap: 		40px;
	-webkit-column-gap: 	40px;
	padding-top: 			60px;
}
#content dl.accordion dd div.wrap div.col {
	margin-right:			40px;
	float:					left;
	width:					380px;
	padding-top: 			60px;
}
/*Video player*/
.colour .player-wrapper {
	position: 				absolute;
	display:				none;
	z-index: 				1;
}
.colour #ytPlayer-home-wrapper {
	top: 					64px;
	left: 					0;
	width: 					100%;
	height: 				507px;
	background: 			#000;
}
.colour #technical-steps .player-wrapper {
	top: 					0;
	left: 					0;
	width: 					940px;
	height: 				530px;
	background: 			#000;
}
.colour #technical-steps .player-wrapper.fullscreen {
	position: 				fixed;
	z-index: 				10;

}
.colour #ytPlayer-home-wrapper iframe {
	position: 				relative;
	top: 					0;
	left: 					50%;
	margin-left: 			-450px;
	width: 					900px;
	height:					507px;
	z-index: 				1;
}
.yt-clean{
	display: 				none;
	position: 				absolute;
	top: 					10px;
	left: 					0;	
	z-index: 				2;
}
.yt-clean .close-yt{
	top:					-41px;
	right:					0;
	width: 					21px;
	height:					21px;
	z-index: 				3;
	background: 			url('../image/sprite-icn.png') no-repeat -233px -87px;
	cursor: 				pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	-moz-transition: 		all 200ms ease-out;
	-webkit-transition: 	all 200ms ease-out;
	display: 				block;
	position: 				absolute;
}

.colour .player-wrapper .close {
	position: 				absolute;
	top: 					32px;
	right: 					32px;
	width: 					21px;
	height:					21px;
	z-index: 				2;
	background: 			url('../image/sprite-icn.png') no-repeat -233px -87px;
	cursor: 				pointer;
}
.colour .player-wrapper .close:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.colour .player-wrapper .controls-wrapper {
	height: 				100%;
	top: 					0;
}
.colour #ytPlayer-home-wrapper .controls-wrapper {
	width: 					900px;
	left: 					50%;
	margin-left: 			-450px;
}
.colour .player-wrapper .controls-wrapper .background {
	position: 				absolute;
	bottom:					34px;
	left: 					96px;
	right: 					96px;
	height:					39px;
	background: 			#000;
	/*
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	*/
	overflow: 				hidden;
	z-index: 				1;
}
.ie7 .colour .player-wrapper .controls-wrapper .background {
	display: 				none;
}
.colour .player-wrapper .controls-wrapper .controls {
	position: 				absolute;
	bottom: 				34px;
	left: 					50%;
	height: 				39px;
	right: 					96px;
	z-index: 				8;
	margin-left: 			-375px;
	overflow: 				hidden;
}
.colour .player-wrapper .controls a {
	margin: 				12px 10px;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	-moz-transition: 		all 200ms ease-out;
	-webkit-transition: 	all 200ms ease-out;
	z-index: 				10;
}
.colour .player-wrapper .controls a:hover,
.colour .player-wrapper .controls a.active {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.colour .player-wrapper .controls a.pause {
	-moz-transition: 		opacity 200ms ease-out;
	-webkit-transition: 	opacity 200ms ease-out;
	margin: 				12px 20px;
	background: 			url('../image/sprite-icn.png') no-repeat -283px -127px;
	width: 					9px;
	height: 				15px;
}
.colour .player-wrapper .controls a.pause.paused {
	background: 			url('../image/sprite-icn.png') no-repeat -283px -144px;
}
.colour .player-wrapper .controls a.toggleMute {
	background: 			url('../image/sprite-icn.png') no-repeat -262px -110px;
	width: 					28px;
	height: 				14px;
}
.colour .player-wrapper .controls a.fullscreen {
	background: 			#000 url('../image/sprite-icn.png') no-repeat -262px -127px;
	width: 					19px;
	height: 				14px;
}
.colour .player-wrapper .controls .progress-wrapper {
	margin: 				12px 0;
	padding:  				7px 0;
	float: 					left;
	width: 					750px;
}
.colour .player-wrapper .controls .progress {
	-moz-transition: 		all 200ms ease-out;
	-webkit-transition: 	all 200ms ease-out;
	background: 			#514d4d;
	height: 				1px;
	position: 				relative;
	top: 					-3px;
	left: 					0;
	border: 				3px solid #000;
	border-width: 			3px 0;
	overflow: 				hidden;
}
.colour .player-wrapper .controls .progress-wrapper:hover .progress {
	height: 				5px;
	top: 					-5px;
}
.colour #ytPlayer-home-wrapper .controls .progress-wrapper {
	width:	 				568px;
}
.colour #technical-steps .player-wrapper .controls .progress-wrapper {
	width: 					608px;
}
.colour #technical-steps .player-wrapper.fullscreen .controls .progress-wrapper {
	width: 					930px;
}
.colour .player-wrapper .controls .progress span {
	background: 			#fff;
	width: 					0;
	bottom: 				0;
	position: 				absolute;
	top: 					0;
	left: 					0;
}
.colour .player-wrapper .controls .progress:hover span {
	height: 				5px;
}
.colour .player-wrapper .controls .timer {
	display: 				none;
}

.player-wrapper .controls .setVolume {
	margin: 				12px 10px;
	float: 							left;
}
.player-wrapper .controls .setVolume a {
	width: 					1px;
	border: 				1px solid #000;
	border-width: 			0 1px;
	margin: 				0;
	background: 			#515151;
}
.player-wrapper .controls .setVolume a.active {
	background: 			#fff;
}

#content #about-the-artist {
	background:		 		#efefef;
	padding-bottom: 		0;
}

body.colour #content .site .normal-text p {
	margin-bottom: 			24px;
	white-space: 			pre-wrap;
}
body.colour #content .site .normal-text p strong {
	font-size: 				18px;
}

.ie7 .lighteners #product-usage .col-wrapper,
.ie8 .lighteners #product-usage .col-wrapper,
.ie9 .lighteners #product-usage .col-wrapper {
	height: 				276px;
}
.ie7 .elm-before,
.ie8 .elm-before {
	display: 				none;
}