/*
Page width is													855px
Header image width is											855px
Header image height is											204px
Navigation column width is										170px
Content column width is		pagewidth-navcolwidth = 855-170 =	685px

Colors:
	logo pink:		(239,0,127)   = #ef007f
	logo blue:		(166,176,237) = #a6b0ed
	logo yellow:	(255,252,136) = #fffc88
	darker pink:	(204,0,91)    = #cc005b
	darker blue:	(118,136,220) = #7688dc
*/

/* Some rules from the standard HTML stylesheet (otherwise Frontpage uses different defaults!): */
h1						{ font-size: 2em; margin: .67em 0 }
h2						{ font-size: 1.5em; margin: .75em 0 }
h3						{ font-size: 1.17em; margin: .83em 0 }
h4, p,	
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu					{ margin: 1.12em 0 }
h5						{ font-size: .83em; margin: 1.5em 0 }
h6						{ font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong					{ font-weight: bolder }

*	 					{ font-family: arial, helvetica, sans-serif;
						}

/* Force vertical scroll bar so centred page looks right: */
html					{ height: 100%;
						  padding-bottom: 1px;
						}

.page					{ padding: 0 0 20px;
						}
.pagetab				{ width: 855px;
						  margin: 0px auto;
						  padding: 0;
						  border-collapse: collapse;
						}

.headerrow				{}
.headercell				{ height: 204px;
						  margin: 0;
						  padding: 0 0 5px;
						  border-width: 0 0 5px;
						  border-bottom: solid #a6b0ed;
						}
.headerimg				{ border: 0;
						  padding: 0;
						  margin: 0 auto;
						  display: block;
						}

.footerrow				{ font-size: 70%;
						  color: #cc005b;
						}
.footerleft,
.footerright			{
						  padding: 5px 15px 0;
						  border-width: 5px 0 0;
						  border-top: solid #a6b0ed;
						}
.footerleft				{ text-align: left;
						}
.footerright			{ text-align: right;
						}
.footerrow a			{ text-decoration: none;
						  color: #cc005b;
						}
.footerrow a:hover		{ text-decoration: underline;
						}

.bodyrow				{}
.navcell				{ width: 170px;
						  vertical-align: top;
						  padding: 0;
						  margin: 0;
						}
.contentcell			{ width: 685px;
						  vertical-align: top;
						  margin: 0;
						  padding: 0 0 30px 40px;
						}
	
.navcell				{ margin: 0;
						}
.nav					{ padding: 20px 0;
						}
.nav ul 				{ margin: 0;
						  padding: 0;
						}
.nav li 				{ list-style-type: none;
						  padding: 1px;
						  margin: 0;
						  width: 160px;
						  height: 25px;
						}
.nav span.inactive,	
.nav a					{ width: 156px;
						  height: 21px;
						  margin: 0px;
						  padding: 2px 6px;
						  text-decoration: none;
						  font-weight: bold;
						  display: block;
						}
.nav span.inactive		{ background-color: #ef007f;
						  color: #fffc88;
						}
.nav a:hover			{ background-color: #7688dc;
						  color: #fffc88;	
						}
.nav a					{ background-color: #a6b0ed;
						  color: #fffc88;	
						}
.logos					{}
.logo					{ margin: 20px auto;
						}
.logoimg				{ display: block;
						  margin: 0 auto;
						}
.logocap				{ font-size: 60%;
						  text-align: center;
						  margin: 3px 0;
						  color: #cc005b;
						}
	
.content				{}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6				{ color: #a6b0ed;
						}
.content h1				{ color: #7688dc;
						}
.content h2				{ font-size: 120%;
						}
.content a				{ color: #a6b0ed;
						  font-weight: bold;
						  text-decoration: none;
						}
.content a:link			{ color: #ef007f;
						}
.content a:visited		{ color: #7688dc;
						}
.content a:hover		{ color: #cc005b;
						}
.content ul				{ list-style: url("images/bullet.png") disc;
						}

.content .centre		{ text-align: center;
						}
.content .smaller		{ font-size: 80%;
						}
.content .findus		{ color: #ef007f;
						}
.content .centreblk		{ margin-left: auto;
						  margin-right: auto;
						}
.content .vskip			{ margin-top: 2em;
						}
.content .vvskip		{ margin-top: 4em;
						}

.content .products img		{ padding: 0;
							  margin: 5px;
							  background-color: red;
							}

.content .contact			{ padding: 0 0 0 20px;
							  font-size: 80%;
							}
.content .contact td		{ vertical-align: top;
							}
.content .contact td.c0		{ padding: 0 0 15px 0;
							}
.content .contact td.c1		{ padding: 3px 40px 3px 3px;
							}
.content .contact td.c2		{ padding: 3px;
							}
.content .contact .textbox,
.content .contact .textarea	{ border: 1px solid #7688dc;
							}
.content .contact .textbox:focus,
.content .contact .textarea:focus	{ background-color: #fffc88;
									}
.content .contact .button	{ border: 1px solid #cc005b;
							  background-color: #ef007f;
							  color: #fffc88;
							  font-weight: bold;
							  cursor: pointer;
							}
.content .contact .btncell	{ text-align: right;
							}

.content .examples			{ border: 1px solid #7688dc;
							  border-collapse: collapse;
							}
.content .examples tbody tr { font-size: 90%;
							}
.content .examples thead td	{ border: 1px solid #7688dc;  
							  font-weight: bold;
							  background-color: #fffc88;
							}
.content .examples td		{ padding: 0 25px;
							}
.shopcol a 					{ color: #A6B0ED;
							  font-weight: bold;
							  text-decoration: none;
							}
.shopcol a:link 			{ color: #EF007F;
							}
.shopcol a:visited			{ color: #7688DC;
							}
.shopcol a:hover 			{ color: #CC005B;
							}

/* Comersus stuff */
.trolleyinfo				{ font-size: 80%;
							  padding: 0 0 0 6px;
							  margin: 20px 0;
							}
.login						{ font-size: 80%;
							  padding: 0 0 0 6px;
							  margin: 20px 0;
							}
.login input 				{ margin: 5px;
							}
.custname					{ font-weight: bold;
							  margin-bottom: 8px;
							}
.sub a						{ padding-left: 12px;
							  width: 150px;
							}
/* View item page */
.description				{ font-weight: bold;
							  font-size: 150%;
							  color: #7688DC;
							}
.price						{ font-weight: bold;
							  color: #ef007f;
							}