body            { font-family: Century Gothic, Arial; background-color: #D6CEC1; color: #5b5245 }

td.nav_grey     { text-align: center; background-image: url('nav_grey.png'); background-repeat: no-repeat;
                  height: 31px; color: #ffffff; font-family: arial; font-weight: bold; font-size: 11pt;
                  cursor: pointer; cursor: hand }
td.nav_pale     { text-align: center; background-image: url('nav_pale.png'); background-repeat: no-repeat;
                  height: 31px; color: #ffffff; font-family: arial; font-weight: bold; font-size: 11pt;
                  cursor: pointer; cursor: hand }
td.nav_dark     { text-align: center; background-image: url('nav_dark.png'); background-repeat: no-repeat;
                  height: 31px; color: #ffffff; font-family: arial; font-weight: bold; font-size: 11pt;
                  cursor: pointer; cursor: hand }
td.footer       { color: #5E5E70; font-size: 8pt; font-family: arial; padding-top: 8px; padding-bottom: 17px }
h1              { font-family: arial; font-size: 22pt; color: #ffffff; margin-top:0; margin-bottom:0 }
h2              { font-weight: normal; font-size: 21pt }
h3              { font-weight: bold; font-size: 12pt; color: #69B0BD; clear:both; }
td              { font-size: 10pt }
td.address      { text-align: center; color: #13798E; font-family: arial; font-weight: bold; font-size: 9pt }
td.address a    { color: #13798E; text-decoration:none }
td.copyright,
td.copyright a  { color: #808080; font-size: 8pt; text-align: center }

td a            { color: #B8B0A2; text-decoration: none }
td a:hover      { color: #69B0BD; text-decoration: underline }

td.nav_material { color: #B8B0A2; text-decoration: none; cursor: pointer; cursor: hand }
td.nav_material_hover 
                { color: #5b5245; text-decoration: none; cursor: pointer; cursor: hand; border-bottom: 4px solid #808080 }
td.nav_material_selected
				{ border-bottom: 4px solid #808080 }                

td input.passcode
                { color: #FFFFFF; font-size: 14pt; font-family: Comic Sans MS; font-style: italic; font-weight: 
                  bold; vertical-align: middle; text-align: center; background-color: #008000; 
                  background-image: url('passcode.png'); background-repeat: repeat-x }
td textarea.fonted 
                { font-family: Arial; font-size: 10pt; }
                  
td.formhelp     { font-size: 10pt; color: #808080; font-style: italic }
td.form_material 
                { border-right: 2px solid #999999; border-top: 1px solid #999999; border-bottom: 1px solid #999999 }
td.form_divider { border-top: 1px dotted #C0C0C0 }

a img {
	border:0;
}

div#choose_bevel {
	width:100%;
	height:100px;
	clear:both;
}

div#choose_colour {
	clear:both;
	width:100%;
	/*height:205px;
	overflow:auto;*/
}

div#choose_colour_small {
	clear:both;
	width:100%;
	height:205px;
	overflow:auto;
}

div#choose_bevel a,
div#choose_colour_small a,
div#choose_colour a {
	display:block;
	float:left;
	margin:0 6px 6px 0;
	font-size:9px;
	width:72px;
	height:96px;
	border:1px transparent dotted;
	color:gray;
}

div#choose_bevel a {
	height:60px;
}


div#choose_bevel a:hover,
div#choose_colour_small a:hover,
div#choose_colour a:hover {
	text-decoration:none;
	border:1px #69B0BD dotted;
}

div#choose_bevel a.current,
div#choose_colour_small a.current,
div#choose_colour a.current {
	color:black;
	border:1px black solid;
}

.note {
	clear:both;
	background-color:#FFFFCC;
	border:1px gray solid;
	padding:2px;
	margin:2px 0;
	font-size:12px;
}