/* CSS Document */
/*** CSS by AAH - Do not copy without written permission ***/

body, html{
	margin: 0px;
	padding: 0px;
	background: #555656;
	/*background: #555656 url(../images/bckgrd-test02.jpg) repeat;*/
	font-size: 0.9em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	/*
html, body, #rap {
	min-height: 100%;
	width: 100%;
	height: 100%;
	}*/
	
#header {
	height: 218px;
	background: #fff;
	background: url(../images/middlebanner02.gif) repeat-x;
	}

#leftHeader {
	float: left;
	height: 100px;
	width: 0px;
	background: none;
	}

#leftHeader2 {
	float: left;
	height: 318px;
	width: 629px;
	background: url(../images/left-hdr01.jpg) no-repeat left top;
	}
	
#rightHeader {
	float: right;
	height: 318px;
	width: 271px;
	background: url(../images/right-hdr01.jpg) no-repeat left top;
	voice-family: "\"}\"";
  	voice-family: inherit;
	}
	
html>body #rightHeader {
	width: 271px;
	}
	
#leftHeader h1 strong {
	color: #000000;
	text-indent: -100em;
	/* required for Mozilla */
	display: block;
	overflow: hidden;
	}

/* IE5 Mac Hack \*/
h1 { overflow: hidden; }
/*/
h1 { text-indent: -100em; }
/* End Hack */

#rightHeader a {
	display:block;
	background: url(../images/right-hdr01.jpg) no-repeat left top;
	overflow: hidden;
	text-indent: -100em;
	text-decoration: none;
	height: 318px;
	width: 271px;
	}
	
#rightHeader a:hover {
	display:block;
	background: url(../images/right-hdr01.jpg) no-repeat left top;
	overflow: hidden;
	text-indent: -100em;
	text-decoration: none;
	height: 318px;
	width: 271px;
	}
	
/* */	

#footer { 
  	position: relative;
	top: 0px;
	left: 0px;
	/*margin-left: auto;
	margin-right: auto;*/
	height: 16px;	
	width: 500px;
	text-align: left;
	border-top: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	background: transparent;
  	}
	
html>body #footer {
	height: 45px;
	}

#validation {
	position: relative;
	font-size: 10px;
	padding: 0px;
	margin-top: 0px;
	/*margin-left: auto;
	margin-right: auto;*/
	margin-bottom: 0px;
	width: 400px;
	height: auto;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	width: 500px;
	}

html>body #validation {
	padding-top: 15px;
	width: 500px;
	}
	
#leftval {
	position: relative;
	/*margin-left: auto;
	margin-right: auto;*/
	text-align: center;
	width: 400px;
	}
		
#footer #validation p {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ccc;
	}
	
#validation .section_class {
	float: left;
	background: #666666;
	width: 100px;
	height: 12px;
	margin: 0px 0px 10px 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	border: 1px solid #666666;
	}

html>body #validation .section_class {
	width: 100px;
	}
	
#validation .sectionpic_class {
	float: left;
	width: 28px;
	height: 10px;
	text-align: left;
	color: #069;
	font-size: 10px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	background:#ffffff;
	}
	
html>body #validation .sectionpic_class {
	width: 28px;
	height: 12px;
	}
	
#footer #validation .copyright {
	float: left;
	background: transparent;
	width: 150px;
	height: 12px;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-align: left;
	border: 0px solid #A6A8A6;
	}
	
#footer #validation .copyright p {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	margin: 0px;
	padding: 0px;
	background: transparent;
	}		

#validation a:link, #validation a:visited {
	color: #069;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}

html>body #validation a:link, #validation a:visited {
	}

#validation a:hover {
	font-size: 10px;
	font-weight: bold;
	color: #069;
	text-decoration: none;
	border-bottom: 0px solid #ffffff;
	background: #fff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
html>body #validation a:hover {
	}

/* */	
	
	
	
	
				
	
.imagehr {
  	height: 29px;
  	margin-bottom: 25px;
  	background: #ffffff url(images/hrimage.gif) no-repeat scroll center;
	}

.imagehr hr {
  display: none;
	}
	
/* image floats */ /* these are the spans for use within the body text area */

.img {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: solid 0px #04148F;
	}

.imgright {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	border: solid 0px #04148F;
	}
	

/* */		
	
#mainBody { 
	position: relative;
	top: 0px;
	/*margin-left: auto;
	margin-right: auto;*/ /* put back in for center position */
	margin-top: 0px;
	margin-bottom: 100px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 827px; /* was 827px when no background on left column */
	text-align: left;
	}
	
html>body #mainBody {
	top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	width: 808px; /* was 788px when no background on left column */
	}
	
#mainBody ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style-type: square;
	}
	
#mainBody li {
	margin:0px;
	padding: 2px 0px 2px 0px;
	color: #6A7898;
	}
	
#mainBody a {
	color: #000000;
	text-decoration: none;
	}
	
#mainBody a:hover {
	color: #000000;
	text-decoration: none;
	}						
	
/* */	

#naviframe {
	float: left;
	width: 160px;
	height: 95px;
	}
	
/* */	

#colonecontent dl {
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 205px;
	line-height: 20px;
	}
/*
dt a:link, a:hover, a:visited {
	color: #666666;
	text-decoration: none;
	border-bottom: none;
	font-weight: normal;
	}

dd a:link, a:hover, a:visited {
	color: #627093;
	text-decoration: none;
	border-bottom: none;
	font-weight: normal;
	}*/

.co_name {
	font-size: 12px;
	font-weight: bold;
	color: #A86565;
	}

.add {
	font-size: 12px;
	font-weight: bold;
	color: #BF404E;
	}
	
.tel_no {
	font-size: 12px;
	font-weight: bold;
	color: #BF404E;
	}
	
.fax_no {
	font-size: 12px;
	font-weight: bold;
	color: #BF404E;
	}
	
.email {
	font-size: 12px;
	font-weight: bold;
	color: #BF404E;
	}

/* start of left side of content area */	


#colonerap {
	float: left;
	width: 200px;
	height: auto;
	min-height: 300px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px; 
	display: inline;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5f5f5;
	border-right: 0px solid #ccc;
	voice-family: "\"}\"";
  	voice-family: inherit;
	height: auto;
	width: 900px; /* 365px when no background on left column */
	}
	
html>body #colonerap {
	height: auto;
	width: 900px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
#colonerap h2 {
	/*text-indent: -8000px;*/
	margin: 30px 0px 40px 0px;
	padding: 0px 30px 0px 30px;
	text-align: left;
	color: #626262;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url(images/#) bottom left no-repeat;
	line-height: 0px;
	}
	
#colonerap p {
	margin: 0px 0px 20px 0px;
	padding: 5px 30px 5px 30px;
	color: #003366;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	/*line-height: 16px;*/
	width: 95%;
	}
	
html>body #colonerap p {
	padding: 0px 0px 0px 10px;
	width: 98%;
	}
	
#colonerap p a {
	color: #003366;
	text-decoration: none;
	}	
	
#colonerap p a:hover {
	color: #626262;
	text-decoration: underline;
	}		
	
#colonecontent {
	float: left;
	width: 200px;
	height: auto;
	min-height: 300px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px; 
	display: inline;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5f5f5;
	border-right: 0px solid #ccc;
	voice-family: "\"}\"";
  	voice-family: inherit;
	height: auto;
	width: 900px; /* 365px when no background on left column */
	}
	
html>body #colonecontent {
	height: auto;
	width: 900px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
	
#colonecontent p {
	margin: 0px 0px 0px 0px;
	padding: 5px 30px 5px 30px;
	color: #003366;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	/*line-height: 16px;*/
	width: 95%;
	}
	
html>body #colonecontent p {
	padding: 5px 30px 5px 30px;
	width: 95%;
	}
	
#colonecontent p a {
	color: #003366;
	text-decoration: none;
	}	
	
#colonecontent p a:hover {
	color: #626262;
	text-decoration: underline;
	}	
	
#colonecontent ul {
	margin: 10px 0px 10px 0px;
	padding: 0px 30px 0px 60px;
	list-style-image: url(images/#);
	list-style-type: square;
	color: #003366;
	width: 90%;
	line-height: 22px;
	}
	
html>body #colonecontent ul {
	height: auto;
	width: 90%;
	padding: 0px 30px 0px 60px;
	}		
	
#colonecontent li {
	color: #003366;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#colonecontent li strong {
	margin: 0px;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #ffffff;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	}	
	
#colonecontent li a {
	color: #003366;
	text-decoration: none;
	}
	
#colonecontent li a:hover {
	color: #626262;
	text-decoration: underline;
	}

#colonecontent h2 {
	/*text-indent: -8000px;*/
	margin: 30px 0px 40px 0px;
	padding: 0px 30px 0px 30px;
	text-align: left;
	color: #626262;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url(images/#) bottom left no-repeat;
	line-height: 0px;
	}
	
#colonecontent h2 strong {
	margin: 30px 0px 40px 0px;
	padding: 0px 30px 0px 30px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#colonecontent h3 {
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 30px;
	color: #003366;
	font-size: 1.2em;
	}

#colonecontent h3 a {
	margin: 20px 0px 20px 0px;
	padding: 0px 30px 0px 10px;
	color: #003366;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	}
	
#colonecontent h3 a:hover {
	margin: 20px 0px 20px 0px;
	padding: 0px 30px 0px 10px;
	color: #626262;
	text-decoration: none;
	}
	
/* end left side of content area */		

/* right side of content area */

#coltworap {
	float: right;
	margin-top: -15px; /* was -61px until .sidebox was used */
	padding: 0px 0px 10px 0px;
	display: inline;
	width: 155px; /* 175 */
	height: 350px;
	background: transparent;
	}
	
html>body #coltworap {
	margin-top: -16px;
	margin-bottom: 700px; /* to give the footer some space when this section is short of content */
	padding: 0px 0px 10px 0px;
	width: 189px;
	height: auto;
	padding-right: 0px;
	margin-left: 0px;
	background: transparent;
	}
	
.coltwohead {
	float: right;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px 0px 10px 0px;
	/*height: 100%;*/
	width: 155px;
	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 155px;
	background: yellow;
	}

html>body .coltwohead {
	float: left;
	padding: 0px 0px 10px 20px;
	margin-top: 0px;
	width: 175px;
	background: transparent;
	}

#coltwocontent {
	margin-top: 0px;
	margin-left: 0px;
	height: auto;
	padding: 20px 20px 0px 20px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	width: 155px;
	background: none;
	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 155px;
	height: auto;
	}

html>body #coltwocontent {
	padding: 20px 20px 0px 0px;
	width: 175px;
	background: transparent;
	}
	
#coltwocontent p {
	margin: 0px;
	padding: 0px 3px 10px 5px;
	color: #000000;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: justify;
	background: #e4e4e4;
	}
	
html>body #coltwocontent p {
	background: transparent;
	}	
	
#coltwocontent ul {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	list-style-type: none;
	}

#coltwocontent li {
	margin: 0px;
	padding: 2px 0px;
	border-bottom: 1px solid #cccccc;
	color: #827D18;
	}
	
#coltwocontent li strong {
	margin: 0px;
	padding: 2px 0px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000099;
	}	
	
#coltwocontent li a {
	display: block;
	padding: 2px 0px;
	color: #000099;
	}
	
html>body #coltwocontent li a {
	padding: 0px;
	}	
	
#coltwocontent li a:hover {
	padding: 2px 0px;
	color: #462E8E;
	background: #ffffff;
	}
	
html>body #coltwocontent li a:hover {
	padding: 0px;
	}	
	/*
#coltwocontent ul.nolink {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 30px;
	list-style-image: url(images/#);
	list-style-type: square;
	color: #000000;
	width: 185px;
	line-height: 15px;
	}
	
html>body #coltwocontent ul.nolink {
	height: auto;
	width: 180px;
	padding: 0px 10px 0px 40px;
	}		
	
#coltwocontent li.nolink {
	border-bottom: 0px solid #ffffff;
	color: #000000;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	}
*/
#coltwocontent h3 {
	/*text-indent: -8000px;*/ /* hide the heading */
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	color: #909E76;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	/*line-height: 26px;  used when hiding heading with graphic */
	}
	
html>body #mainBody #coltwocontent h3 {
	/*display: block;
	overflow: hidden;*/ /* hide the heading */
	}	
	
#coltworap img {
	margin-bottom: 20px;
	padding: 2px;
	border: 0px solid #666666;
	}
	
/* end right side of content area */

/* forms */

fieldset {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #626262;
	width: 540px;
	background: none;
	}

legend {
	color: #ffffff;
	font-size: 0.8em;
	font-family: 'Lucida Grande','Lucida Sans Unicode', Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	background: #462E8E;
	border: 1px solid #781351;
	padding: 2px 6px;
	}		
	
label.custom {
	padding: 0px 0px 0px 10px;
	font-size: 0.8em;
	font-weight: bold;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
	
input.colorbox {
	margin: 10px 0px 0px 0px;
	padding: 3px;
	font-size: 0.8em;
	color: #2F637D;
	background: #cccccc;
	border: 1px solid #627093;
	}
	
input.radio {
	}
	
input.button2 {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 2px 2px 2px;
	background: #462E8E;
	border: 1px solid #627093;
	cursor: pointer;
	}
	
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #627093;
	}
	
textarea.htmlcode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #627093;
	}

/* forms end */	

/* start of h3 div raps */

#heading01h3 {
	margin: 0px;
	height: 45px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #e4e4e4 url(images/gh.gif) top left no-repeat;
	width: 174px;
	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 145px;
	height: 45px;
	}
	
html>body #heading01h3 {
	background: none;
	}	

#heading01h3 a {
	display:block;
	background: #e4e4e4 url(images/gh.gif) top left no-repeat;
	text-decoration: none;
	width: 145px;
	height: 45px;
	}
	
#heading01h3 a:hover {
	background: #e4e4e4 url(images/gh.gif) bottom left no-repeat;
	text-decoration: none;
	width: 145px;
	height: 45px;
	}
	
/* end h3 div raps */

/* start 0f h2 div raps */

#heading01h2 {
	margin-top: 100px;
	height: 45px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #000000 url(images/#) top left no-repeat;
	width: 174px;
	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 150px;
	height: 45px;
	}
	
html>body #heading01h2 {
	padding: 0px 0px 10px 0px;
	}	

#heading01h2 a {
	display:block;
	background: #000000 url(images/#) top left no-repeat;
	text-decoration: none;
	width: 150px;
	height: 45px;
	}
	
#heading01h2 a:hover {
	background: #000000 url(images/#) bottom left no-repeat;
	text-decoration: none;
	width: 1500px;
	height: 45px;
	}
		
.clear {
	clear: both;
	}		
	
/************* ******************/	
	
/* Show only to IE PC \*/
* html .boxhead h1 {height: 1%;} /* For IE 5 PC */

.sideboxBlue {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/sbbody-r02.gif) no-repeat bottom right;
	font-size: 100%;
	}
	
.sideboxheadBlue {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/sbhead-r02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
.sideboxheadBlue h3 {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/sbhead-l02.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 135px;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
	}
	
.sideboxbodyBlue {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/sbbody-l02.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 5px 31px 22px;
	width: 155px;
	height: 100%;
	}

.sideboxBlue p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: white; 
	font-weight: bold; 
	font-size: 10px;
	}

/* */	
	
/* Show only to IE PC \*/
* html .boxhead h1 {height: 1%;} /* For IE 5 PC */

.sideboxGrey {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/grey/sbbody-r02.gif) no-repeat bottom right;
	font-size: 100%;
	}
	
.sideboxheadGrey {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/grey/sbhead-r02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
.sideboxheadGrey h3 {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/grey/sbhead-l02.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 135px;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
	}
	
.sideboxbodyGrey {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/grey/sbbody-l02.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 5px 31px 22px;
	width: 155px;
	height: 100%;
	}

.sideboxGrey p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: white; 
	font-weight: bold; 
	font-size: 10px;
	}

/* */
/* */	
	
/* Show only to IE PC \*/
* html .boxhead h1 {height: 1%;} /* For IE 5 PC */

.sideboxYellow {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/yellow/sbbody-r02.gif) no-repeat bottom right;
	font-size: 100%;
	}
	
.sideboxheadYellow {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/yellow/sbhead-r02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
.sideboxheadYellow h3 {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/yellow/sbhead-l02.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 127px;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
	}
	
html>body .sideboxheadYellow h3 {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/yellow/sbhead-l02.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 127px;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
	}
	
.sideboxbodyYellow {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/yellow/sbbody-l02.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 5px 31px 22px;
	width: 168px;
	height: 100%;
	}
	
html>body .sideboxbodyYellow {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/yellow/sbbody-l02.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 5px 31px 22px;
	width: 168px;
	height: 100%;
	}	

.sideboxYellow p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: white; 
	font-weight: bold; 
	font-size: 10px;
	}

/* */



.buttonboxPiccen { /** this is a span for use within the body text area **/
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	border: solid 0px #000;
	padding-top: 0px;
	background: transparent;
	/*width: 80px;*/
	}
	
/*************************************************/

#mainBody li.textcolor {
	text-align: left;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	color: #000099;
	font-size: 1.0em;
	text-decoration: none;
	}
	
#mainBody li.textcolor a:link {
	text-align: left;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	color: #000099;
	font-size: 1.0em;
	text-decoration: none;
	}
	
#mainBody li.textcolor a:visited {
	padding: 2px 0px 2px 0px;
	text-align: left;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color:#000099;
	text-decoration: underline;
	}
	
#mainBody li.textcolor a:hover {
	padding: 2px 0px 2px 0px;
	text-align: left;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color:#000099;
	text-decoration: underline;
	}
	
/* */

#mainBody .pRap {
	padding: 0px;
	font-weight: normal;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	text-align: right;
	width: 152px;
	}

#mainBody .pRap p a:link {
	padding: 0px 2px 0px 2px;
	font-weight: bold;
	font-size: 1.0em;
	color: #000099;
	text-align: right;
	text-decoration: none;
	}	
	
#mainBody .pRap p a:hover {
	padding: 0px 2px 0px 2px;
	color: #ffffff;
	background: #462E8E;
	text-decoration: none;
	}
	
#mainBody .pRap .pushright {
	float: right;
	text-align: right;
	}
	
html>body #mainBody .pRap .pushright {
	margin: 0px 5px 0px 0px;
	}		
	
#mainBody .quote {
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	text-align: right;
	width: 152px;
	background: #e4e4e4 url(http://www.namegrab.co.uk/customtest/images/quote01.gif) top left no-repeat;
	}
	
html>body #mainBody .quote {
	padding: 0px 0px 10px 0px;
	}	

#mainBody .quote p a:link {
	padding: 0px 2px 0px 2px;
	font-weight: bold;
	font-size: 1.0em;
	color: #000099;
	text-align: right;
	text-decoration: none;
	}	
	
#mainBody .quote p a:hover {
	padding: 0px 2px 0px 2px;
	color: #ffffff;
	background: #462E8E;
	text-decoration: none;
	}
	
#mainBody .quote .pushright {
	float: right;
	text-align: right;
	}
	
html>body #mainBody .quote .pushright {
	margin: 0px 5px 0px 0px;
	}			
	
/* */	
	/*
p.details2 {
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	background: green;
	}	*/
	
	
	/*
#right {
	position: absolute;
	top: 153px;
	left: 80%;
	width: 180px;
	margin: 1% 0 0 1%;
	background: transparent;
	}		*/
	
	
/* start test sidebox for navigation */

/* Show only to IE PC \*/
* html .boxhead h1 {height: 1%;} /* For IE 5 PC */

.sideboxNav {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/sbbody-r02.gif) no-repeat bottom right;
	font-size: 100%;
	}
	
.sideboxheadNav {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/sbhead-r02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
.sideboxheadNav h3 {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/sbhead-l02.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 135px;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
	}
	
.sideboxbodyNav {
	background: url(http://www.namegrab.co.uk/customtest/images/sideboxtrick/sbbody-l02.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 5px 31px 16px; /* should be this when not using accordion effect - 5px 5px 31px 22px */
	width: 155px;
	height: 100%;
	}

p.sideboxNav {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: white; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	}