body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	background: url(../img/ext-bg-colourstart.png) top center;	
}

html>body body {
	background: url(../img/ext-bg-colourstart.png) top center;
}

#content {
	position:relative;
	padding: 0px 0px 0px 0px;
	width:770px;
}
#prinav {
	text-align: right;
}
#trinav {
	margin: 0px 0px 0px 30px;
}
#colournav a, #colournav a:link, #colournav a:active, #colournav a:visited,
#trinav a, #trinav a:link, #trinav a:active, #trinav a:visited,
#contrynav a, #contrynav a:link, #contrynav a:active, #contrynav a:visited {
	color: #838C94;
	text-decoration: none;
}
#colournav a:hover, #trinav a:hover {
	color: #8C2C24;
}
#colournav, #trinav, #countrynav {
	padding: 0px;
	margin: 0px;
	display: inline;
}
#colournav {
	margin-right: 20px;
}
#trinav {
	margin-right: 5px;
}
html>body #trinav {
	margin-right: 10px;
}
#colournav li, #trinav li {
	list-style: none;
	display: inline;
	margin-left: 10px;
}
#countrynav {
	margin: 10px 0 0 0;
	padding-right: 10px;
	width: 60px;
	float: right;
	text-align: right;
}
#english, #danish {
	list-style: none;
	display: inline;
	float: left;
	width: 20px;
	margin-left: 10px;
}
#english a, #danish a {
	text-decoration: none;
	width: 20px;
	height: 13px;
	display: block;
	text-indent: -1000px;
	overflow: hidden;
}
#english a {
	background: url(/img/flag-english.gif);
}
#danish a {
	background: url(/img/flag-danish.gif);
}
#english a span, #danish a span {
	display: none;
}
#colourcontent {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(/img/bg-colourstart-content.gif) #E6E9F1 no-repeat top right;
}
#coloursubmenu {
	clear: both;
	height: 20px;
	margin: 20px 0px 0px 0px;
	padding: 5px 0px 0px 230px;
	text-align: left;
	background-color:#F5F6F9;
}
#coloursubmenu ul {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#coloursubmenu li {
	list-style: none;
	display: inline;
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 1.1em;
	color: #496096;
}
#coloursubmenu a, #coloursubmenu a:link, #coloursubmenu a:active, #coloursubmenu a:visited {
	background: url(/img/bg-colourstart-link.gif) no-repeat top left;
	text-decoration: none;
	padding: 5px 0 0 10px;
	color: #AA6B68;
}
#coloursubmenu a:hover {
	color: #8C2C24;
}
span.subnolink {
	background: url(/img/bg-colourstart-link.gif) no-repeat top left;
	padding: 5px 0 0 10px;
}
#colourmenu {
	background: url(/img/bg-colourstart-colourmenu.gif) no-repeat top left;
	width: 145px;
	height: 262px;
	padding: 57px 0 0 0;
	float: left;
}
#colourmenu ul {
	margin: 0;
	padding: 0;
}
#colourmenu li {
	list-style: none;
	color: #FFF;
	vertical-align: middle;
	font-size: 1.1em;
	margin-bottom: 1px;
}
#colourmenu li a, #colourmenu li a:link, #colourmenu li a:active, #colourmenu li a:visited {
	width: 101px;
	height: 29px;
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 4px 0 0 5px;
	border: 1px solid #9CA3A9;
}
#colourmenu li a:hover {
	background-color: #B4BDC9;
}
.menu_nolink {
	width: 101px;
	height: 29px;
	padding: 4px 0 0 5px;
	background-color: #ABB1B9;
	border: 1px solid #9CA3A9;
}
#footer {
	width: 750px;
	background: url(/img/bg-colourstart-footer.gif) no-repeat right bottom;
	padding-top: 50px;
}
#footer p {
	width: 570px;
	padding-top: 5px;
}

#colourstuff {
	margin-left: 160px;
	padding: 40px 0 20px 10px;
	height: 300px;
	min-height: 300px;
}
html>body #colourstuff {
	height: auto;
}
#colourstuff p {
	width: 370px;
	font-size: 1.1em;
	line-height: 1.4em
}
#colourstuff h2 {
	font-weight: normal;
	font-size: 1.8em;
	color:#A32B50;
}
#colournext {
	text-align: right;
	vertical-align: top;
	background-color:#F5F6F9;
	height:40px;
	padding:0px 15px 0px 0px;
	clear:both;
}

#colournext p {margin:0px; display:block; padding:27px 0px 0px 0px;}


#colournext a, #colournext a:link, #colournext a:active, #colournext a:visited {
	background: url(/img/bg-colourstart-downlink.gif) no-repeat bottom left;
	text-decoration: none;
	padding: 15px 0px 2px 10px;
	color: #AA6B68;
}
.step {
	background: url(/img/bg-colourstart-using.gif) no-repeat top right;
	width: 580px;
	height: 114px;
	padding: 0;
	margin-bottom: 35px;
}
.step img {
	float: left;
	padding-right: 10px;
}
.step h3 {
	font-size: 2.5em;
	color: #838C9E;
	padding: 10px 0 10px 0;
	margin: 0px;
}
.step p {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}
#colourstuff h4 {
	margin: 0;
	padding: 0;
	color: #8C2C24;
	font-size: 1.2em;
}
#colourstuff li {
	font-size: 1.1em;
	padding-right: 20px;
}
#colourstuff p a {
	color: #8C2C24;
}
#towelpic {
	background: url(/img/bg-colourstart-towels.gif) no-repeat top left;
	height: 316px;
	width: 201px;
	float: right;
}
#tappic {
	background: url(/img/bg-colourstart-tap.gif) no-repeat top left;
	height: 316px;
	width: 201px;
	float: right;
}
#blurpic {
	background: url(/img/bg-colourstart-blur.gif) no-repeat top left;
	height: 316px;
	width: 201px;
	float: right;
}
#foilpic {
	background: url(/img/bg-colourstart-foil.gif) no-repeat top left;
	height: 316px;
	width: 201px;
	float: right;
}
#redpic {
	background: url(/img/bg-colourstart-red.gif) no-repeat top left;
	height: 316px;
	width: 201px;
	float: right;
}
#patchpic {
	background: url(/img/bg-colourstart-patch.gif) no-repeat top left;
	height: 316px;
	width: 201px;
	float: right;
}
#colourstuff table {
	width: 370px;
	border-collapse: collapse;
}
#colourstuff th {
	background-color: #ABB1B9;
	text-align: left;
	color: #FFF;
	font-size: 1.1em;
	border-left: 1px solid #838C94;
}
#colourstuff td {
	background-color: #838C94;
	text-align: left;
	color: #FFF;
	font-size: 1.1em;
	border-left: 1px solid #ABB1B9;
}
#colourstuff th, #colourstuff td {
	padding: 5px;
	border-bottom: 1px solid #FFF;
}
#title {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -350px;
	width: 200px;
	height: 75px;
}
#title a {
	display: block;
	width: 200px;
	height: 75px;
	text-decoration: none;
}
#title h1 {
	text-indent: -10000px;
	margin: 0;
	padding: 0;
}
#presslist {
	margin: 40px 0 0 10px;
	width: 226px;
	float: left;
}
#presslist h2 {
	font-weight: normal;
	font-size: 1.8em;
	color:#A32B50;
}
#presslist p {
	text-align: center;
}
#presslisttablewrapper {
	background-color: #F0F2F7;
	padding: 10px;
}
#presslist table {
	width: 206px;
	border-collapse: collapse;
}
#presslist th {
	background-color: #FFF;
	font-weight: normal;
	text-align: left;
	padding: 3px;
}
#presslist td {
	border-bottom: 1px solid #94A2C2;
	padding: 3px;
}
#presslist a, #presslist a:link, #presslist a:active, #presslist a:visited,
#pressarticle a, #pressarticle a:link, #pressarticle a:active, #pressarticle a:visited {
	color: #0A2972;
	text-decoration: none;
}
#presslist a:hover, #presslist a:hover,
#pressarticle a:hover, #pressarticle a:hover {
	color: #8C2C24;
}
#pressarticle {
	margin: 0 10px 10px 391px;
	padding: 82px 0 0 0;
}
#article {
	background-color: #FFF;
	padding: 10px;
}
#pressarticle h2 {
	font-weight: normal;
	font-size: 1.5em;
	padding: 0;
	margin: 0;
}
#pressarticle p {
	font-size: 1.1em;
	line-height: 1.5em;
}
#pressarticle p.articledate {
	border-bottom: 1px solid #94A2C2;
	border-top: 1px solid #94A2C2;
}
#pressnext {
	text-align: right;
	vertical-align: bottom;
	background: url(/img/bg-colour-next.png) no-repeat top left;
	height: 20px;
	padding: 30px 15px 0px 0px;
}
#pressnext a, #pressnext a:link, #pressnext a:active, #pressnext a:visited {
	background: url(/img/bg-colourstart-downlink.gif) no-repeat top left;
	text-decoration: none;
	padding: 5px 0px 0px 10px;
	color: #AA6B68;
}
#prevpresslink {
	display: inline;
	margin-right: 260px;
}
#prevpresslinkhavenext {
	display: inline;
	margin-right: 188px;
}
#nextpresslink {
	display: inline;
}


/* 		new header		*/
#headerContainer {background-image:url(/img/bg-colourstart-header.gif); background-repeat:no-repeat; height:90px; margin-bottom:0px; position:relative}

#headerContainer #logo {margin:0px; background-image:url(/img/colourstart-logo.gif); background-repeat:no-repeat;}
#headerContainer h1 {position:absolute; left:12px; top:27px; display:block; z-index:100}
#headerContainer h1 a {text-decoration:none}
#headerContainer h1 img {border-style:none}

#homepageLinksContainer {list-style-type:none; margin:0px; padding:0px}
#homepageLinksContainer a {font-family:Arial, sans-serif; font-size:11px; color:#E7C8D1; text-decoration:none}
#homepageLinksContainer #colourstart {position:absolute; left:240px; top:15px}
#homepageLinksContainer #trichocare {position:absolute; left:460px; top:15px}
#homepageLinksContainer #forum {position:absolute; right:17px; top:15px}

#mainNavigation {margin:0px; padding:0px}
#mainNavigation {list-style-type:none; position:relative; left:262px; top:30px; width:500px; height:30px}
#mainNavigation li {display:inline; border-right:solid 1px #FFFFFF; padding:0px 0px 3px 0px}
#mainNavigation li a {text-decoration:none; font-family:Arial, sans-serif; font-size:11px; color:#FFFFFF; margin:0px 7px 0px 7px;}
#mainNavigation .active {background-image:url(/img/bg-active-menu-item.gif); background-repeat:repeat-x; background-position:0% 100%;}
#mainNavigation .active a {color:#A32B50}
#mainNavigation .last {border-right-style:none}

#colourstartFooter {background-image:url(/img/bg-footer.gif); background-repeat:repeat-x; padding:90px 5px 7px 5px;}
#colourstartFooter p {color:#838C94; margin:0px; padding:0px;}


/* 	boxes	*/
.boxType1 {background-image:url(/img/box-type-1-bg.gif); background-repeat:repeat-y; width:133px;}
.boxType1Top {background-image:url(/img/box-type-1-top.gif); background-repeat:no-repeat;}
.boxType1Bottom {background-image:url(/img/box-type-1-bottom.gif); background-repeat:no-repeat; background-position:0% 100%; padding:6px 10px;}

.boxType2 {background-image:url(/img/box-type-2-bg.gif); background-repeat:repeat-y; width:291px;}
.boxType2Top {background-image:url(/img/box-type-2-top.gif); background-repeat:no-repeat;}
.boxType2Bottom {background-image:url(/img/box-type-2-bottom.gif); background-repeat:no-repeat; background-position:0% 100%; padding:15px 10px;}

.clearFloat {clear:both; height:1px; overflow:hidden;}

#banner {
	position:absolute;
	right:10px;
	top:55px;
	white-space:nowrap;
}
a img {
	border:none;
}