/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
body {
	color:#545454; word-spacing: 3px; line-height:14px;	font-family: helvetica, verdana, arial, clean, san-serif;
}
.container {
	font-size:12px;	
}
h1 {
	/*21px via YUI Fonts CSS foundation*/
	font-size:160%;
	color:#000000;
	margin:0 0 1em 0;
}
h2 {
	/*21px via YUI Fonts CSS foundation*/
	font-size:160%; 
	color:#FF6633;
	line-height:22px;
}
h3 {
	/*21px via YUI Fonts CSS foundation*/
	font-size:160%;  
	color:#959D9D;
}
h4, h5, h6 {
	font-size:130%;
	letter-spacing: -0.5px;
	padding: 2px 0;
	margin-top:20px;
}

h6 span, h6 span.highlight {
    color:#FF6633;
}

h4 { color: #FF6633; }

h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-family:helvetica,arial;
	font-weight:bold;
	word-spacing: 0;
	
}

a, a:link, a:visited, a:active, a:hover {background:transparent;cursor:pointer; font-weight:bold;} 
a:link {color:#656565;} 
a:visited {color:#959D9D;} 
a:hover,a:active {color:#000;}

abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


.highlight {color:#000; font-weight:bold;}
.subdued {color:#959D9D;}
.error {color:#c00;font-weight:bold;}
.success {color:#390;font-weight:bold;}
.caption {color:#0F0F0F;font-size:85%;}

.date {
	font-weight: bold;
	color:#bbb;
	display:block;
	letter-spacing: 1px
}

/* FARCRY GRID STYLES */
#hd {}
#bd {}
#ft {}

#hd .fg-content {}
#bd .fg-content {padding:0px;}
#ft .fg-content {padding:15px;font-size:80%;line-height:1;color:#959D9D}

#sidebar {
	font-size:80%;line-height:1;color:#959D9D;	
}


.pagination {background: #f2f2f2;color:#666;padding: 6px 2px 6px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
.pagination p {position:relative;text-align:right; padding-top:3px;float:right}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
.pagination p a:hover {background:#FF6633;color:#fff}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
.pagination * {margin:0}
.pagination h4 {padding:2px 0;border:none;}

.featurebox {background-color: #acacac; color: #fff; padding: 14px 14px 10px 16px;}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em; color: #fff;}
.featurebox h6 { font-size: 90%; text-transform:uppercase; font-weight:bold; color: #dbdbdb; }
.featureboxp {border:none; font-size: 80%; font-weight:0; line-height: 14px; width:auto;}
.featurebox a {}

#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
#resultslist-wrap dt {font: bold 85% helvetica, arial;padding: 3px 0}
#resultslist-wrap div {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
#resultslist-wrap div dd {font: normal 73% helvetica, arial}
#resultslist-wrap div dl {margin:0}
#resultslist-wrap dd {line-height:1.3}
#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}


/* TABLES */
table {border-collapse:collapse;width:100%}
	table td {padding:3px;border: 1px solid #fff}
	table th {text-align:left;border: 1px solid #fff}
	table thead th {color:#fff;font-size:145%;background-color:#FF6633;padding: 10px 6px}
	table tbody th {font-size:115%;background-color:#959D9D;padding: 6px}
	table tbody th.sub {background-color: #efefef;padding: 6px}

table.layout, table.layout th, table.layout td {border:none;margin:0px;padding:0px;background-color:transparent;}

/* TABLES - calendar */
.calendar {width:200px;font-size:92%}
	.calendar td {text-align:center;border: 1px solid #ddd}
	.calendar th {text-align:center}
	.calendar thead th {padding: 3px 2px}
	.calendar tbody th {padding: 2px}
	.calendar tbody th.sub {padding: 2px}
	
/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
	a.morelink:link, a.morelink:hover, a.morelink:active {background: transparent none;padding-left:5px;font-weight:bold;color:#656565;}
	a.morelink:visited {color:#959D9D;}
	a.morelink:hover {color:#000;}
	.morelink span {position:absolute;left:-9999px;width:900px}
	
.thumbnail img, .thumbnailLeft img, .thumbnailRight img {border: 1px solid #eee;width:120px;padding:5px;background:#fff; height:100px;}
.thumbnail, .thumbnailLeft {margin: 0 10px 10px 0;float:left;}
.thumbnailRight {margin: 0 0 10px 10px;float:right;}
.thumbnail a,.thumbnailLeft a, .thumbnailRight a {line-height:1px;padding:0px;margin:0px;font-size:1px;}

.subtle {color:#D7D7D7;}

	
/* NAV - top horizontal nav */

.nav {
	margin:0;
	background:0;
	list-style:none;
	overflow:visible;
	position:absolute;
	top: 115px;
	left:28px;
	text-align:left;
	display:inline;
	float:left;
}

#homepagenav {
	top: 350px; 
	left:100px;
	
}

.nav li a span.showmenu { position:absolute; top: 0px; }
.nav li a span.hidemenu { position:absolute; top: 0px;}
.nav li a div {padding-left:10px;}

.nav li li a span.showmenu { top:0px;}
.nav li li a span.hidemenu { top:0px;}
.nav li li a div {margin:0; padding-left:10px;}

.nav li li li li a div {margin:0; padding-left:25px;}


.nav ul li {
		
	display:block;
	padding:0;
	list-style:none;	
	margin: 20px;
}

#homepagenav li {
		
	float:left;
	margin-right:4px;
}

#homepagenav li li {
	float:none;
	margin-right:0px;
	
}

.nav li.current a {
	color:white;
	
}

.nav li li.lol a {
	background-image: url(../wsimages/nav/rightarrow.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

.nav li.lol li a {
	background-image:none;
}

.nav li.lol a { background-image:none; }

ul.nav li li.current a { 	
	background-image: url(../wsimages/nav/rightarrow.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	 
}

ul.nav li li.current a div { color:white }

ul.nav li li.current li a div {color: #999}

.nav li li li.current a { background-image:none;}

.nav li li.current li a { background-image:none; }

.nav li.current li a {
	color:#999999;
}

.nav a, 
.nav a:link, 
.nav a:visited, 
.nav a:hover, 
.nav a:active {
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	display: block;
	padding: 0px 0px 0px 5px;
	width:243px;
	background-color: #ff6633;
	font: bold 13px helvetica,arial, san-serif;
	text-transform: uppercase;
	margin: 2px 0px;
	position: relative;
	word-spacing:0px;
	
}

#homepagenav a,
#homepagenav a:link, 
#homepagenav a:visited, 
#homepagenav a:hover, 
#homepagenav a:active {
	width: 375px;
	
}

#homepagenav li li a,
#homepagenav li li a:link, 
#homepagenav li li a:visited, 
#homepagenav li li a:hover, 
#homepagenav li li a:active {
	width: 370px;
}


#homepagenav li li li a,
#homepagenav li li li a:link, 
#homepagenav li li li a:visited, 
#homepagenav li li li a:hover, 
#homepagenav li li li a:active {
	width: 357px;
}

.nav li { 
	list-style:none;
	
}

.nav ul {
	margin:0;
	display:none;
}
.nav ul ul {
	margin:0;
	display:block;
}

.nav li li {
	margin: 1px 0;
	float:none;
	height:auto;
	padding:0px;
	list-style:none;
	
}

.nav li li a, 
.nav li li a:link, 
.nav li li a:visited, 
.nav li li a:hover {
	color:#fff;
	padding: 0px 0 0 10px;
	width:238px;
	margin:0px 0px;
	background-color: #999;
	font: bold 12px arial, san-serif;
	text-transform: uppercase;
	letter-spacing: 0;
	word-spacing:3px;
}

/* ul.nav li.parent li.parent a {
	background-image: url(../wsimages/nav/rightarrow.jpg);
	background-position: 0px 2px;
} */

.nav li li li {
	margin: 1px 0px;
	list-style:none;
	clear:both;
	height:auto;
	padding:0px;

}

.nav li li li a,
.nav li li li a:link, 
.nav li li li a:visited{
	color:#999999;
	background-color: #333;
	padding: 0px 0 0 23px;
	width:225px;
	margin:0;
	text-transform: uppercase;
	
}


.nav li li li a:hover {
	background-color: #333;
	padding: 0px 0 0 23px;
	color:#fff;
	width:225px;
	margin:0;
}

/* hide from IE mac \*/
.nav li {
	width:auto
}
/* end hiding from IE5 mac */

/* breadCrumb related stuff */

#breadcrumb-wrap {
	margin: 0px 0 20px 0;
	font-family: arial, san-serif;
	font-size:100%;
	font-weight:bold;
	padding:15px 0px -15px 0px;
	color: #999;
	text-decoration:none;
}

a.breadCrumb {
	font-family: arial, san-serif;
	font-size:100%;
	font-weight:bold;
	padding:15px 0px -15px 0px;
	color: #999;
	text-decoration:none;
}

.breadCrumb a:link, 
.breadCrumb a:visited,
.breadCrumb a:hover, 
.breadCrumb a:active {
	color: #999999;
	text-decoration:none;
}

.breadCrumb-title {
	color: #333333;
	display:inline;
}

#bd form.formtool fieldset.formSection {
	border:none;
	padding:0px;
	margin-top:10px;
}
#bd form.formtool h3 {
	background:url(/colourcentre/wsimages/fieldset-bg.gif) repeat-x;
	color:#0F0F0F;
	font-size:100%;
	font-weight:normal;
	height:20px;
	padding:7px 0 0 5px;
	margin:0px 0px 10px 0px;
}
#bd form.formtool label {
	color:#5C5766;
	text-align:left;
}
	
/* FAQ */
.toggler {
    color: #333;
    margin: 0;
    padding: 10px 7px;
    background: #eee;
    text-transform:none;
    border-top: 2px solid #fff;
    cursor:pointer;
    font-size: 12px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
}
 
.element {
 
}
 
.element p {
    margin: 0;
    padding: 4px;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    color: #333;
    line-height:18px;
}
 
.float-right {
    padding:10px 20px;
    float:right;
}
 
blockquote {
    text-style:italic;
    padding:5px 0 5px 30px;
}

#accordion { width: 630px;}	
	
	
.colourDisclaimer {
	margin-top:150px;
	font-size:10px;
	line-height:12px;
}	
.colourDisclaimer h2 {
	margin:0px;
	font-size:11px;
}	
.colourDisclaimer p {
	margin-top:5px;
}
	
.clearer {clear:both;position:relative;font-size:1px;height:0px;line-height:1px;} 

/* footer */

.footer {color: #6a6a6a;} 
.footer a {text-decoration:none;
		   padding-right:6px;
		   font-size:10px;
		   font-weight:bold;
		   text-transform: uppercase;
}

/* cfform related */

.cfform fieldset {
	background-color:#FDFDFD;
	border:1px solid #CCCCCC;
	margin:0pt 0pt 15px;
	width:auto;
	padding-left:10px;
}

.cfform table {
	border:0;
	float:left;
	width:100%;
	
}

.cfform table td {
	padding: 3px;
	border: 0;
}

.cfform legend {
	background:#F4F4F4 none repeat scroll 0%;
	font-size:1.1em;
	font-weight:bold;
	margin:0pt;
	padding:5px 10px;
	width:auto;
	color: #525252;
	
}

.cfform .cfRequiredLabelIndicator {
	color:#CC0000;
	padding-left:4px;
}

.cfform input {
	margin:6px 14px;
}

.cfform select {
	margin:6px 14px;
}

.cfform .cfRequiredLabel {
	font-weight: bold;
}

.cfform td.cfLabelTitle {
	width:50%;
	
}

.cfform td.cfLabelTitle {
	padding: 3px;
}

.cfform label {
	display:inline;
}

.cfform .cfButton {
	background:#dadada none repeat scroll 0%;
	border:1px solid #333333;
	color:#3e3e3e;
	margin:0pt 0pt 15px 16px;
	padding:1px;
	width:95px;
	font-weight: bold;
}


/* FORM2 */ 

.form2 { text-align:left; margin:0 0 15px 0; padding:0 0 10px 0; border-collapse:separate; border:1px solid #f4f4f4; width:100%; }
.form2 th, table.form2 td { border:none; }
.form2 thead th { background-color:#f4f4f4; padding:5px 10px; font-size:1.1em; margin:0; color:#484848; }
.form2 tbody th { text-align:right;background-color:#ffffff;font-size:12px;}
.form2 tbody td { background-color:#ffffff;font-size:12px;}
.form2 tbody th, .form2 tbody td { vertical-align:top; line-height:2.0em;border:none; }
.form2 input, .form2 select { margin:5px 6px 0 0; padding:1px; }
.form2 textarea { padding:0; margin:0; }
.form2 .f-submit { width:115px; padding:1px; margin:0 0 15px 16px; background:#999; color:#fff; border:1px solid #333; }



/* search results */

.result-wrap {
border-top:1px dotted #999999;
clear:both;
margin:0pt 0pt 15px;
min-height:70px;
padding:15px 0pt 0px 0px;
}

.result-wrap h1 {
text-transform:none;
color: #404040;
margin-bottom:5px;
font-size: 15px;
font-weight: normal;
}

.result-opt {
float:right;
margin:20px 0pt 10px 20px;
padding:0pt;
width:125px;
}

.result-opt-map {
background:transparent url(/base/wsimages/generic/default.gif) no-repeat scroll -100px -148px;
color:#999999;
display:block;
font-size:0.9em;
font-weight:bold;
height:15px;
margin:0pt 0pt 5px;
padding:0pt 0pt 0pt 20px;
}

.result-wrap a:link {
color:#333333;
text-decoration:none;
}

.result-minor {
color:#777777;
display:block;
font-size:0.9em;
font-weight:normal;
margin:0pt 0pt 3px;
padding:0pt;
}


.result-minor span {
color:#333333;
font-weight:bold;
}
.print-only {display:none;}
.screen-only {display:block;}

div.screen-only div.swatchSummary-screen { position:absolute;top:250px;left:-288px;width:245px; }
div.print-only div.swatchSummary-print { width: 245px;}


/* supplier locator plugin */

#supplier-body {width: 620px;}

#supplier-search {clear:both;}
#supplier-search form.formtool label {color:#666666;text-align:left;float:none;margin:0;padding:10px 0px 5px 0px;text-align:left;width:auto;}

#supplier-search legend {color:#546856;font-size:18px;font-weight:bold;line-height:21px;margin-bottom:10px;display:none;}

.supplier-search-links {border-bottom:1px dotted #666666;margin:0 0 10px 0;}

.supplier-teaser {border-bottom:1px dotted #666666;padding:10px 0 10px;width:98%;float:left;display:block;line-height:1.3em;margin-bottom:10px;}
.supplier-teaser .top {padding-left:20px;}
.supplier-teaser .bottom {padding-left:20px;}	
.supplier-teaser .bottom span {color:#000000;}
.supplier-teaser .left {float:left;width:80%;}
.supplier-teaser .right {float:left;}

.supplier-teaser .right li.location {list-style-image:url(/images/icon-location.gif);margin-left: -25px;}