<!--


/* defaults */

html {}

body {
	margin:0px 0px 0px 0px;
	background-color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 10pt;
/*	color: #888BC1; */
	color: #616699;
	}
	
	.normaltext {
		font-style: normal;
	
	}
	
	.smalltext {
		font-size: 8pt;	
	}

table {
 	margin:0px 0px 0px 0px;
 	padding:0px 0px 0px 0px;
 	}

td {
	vertical-align:top;
	text-align:left;	
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 10pt;
/*	color: #000000; */
	}
	
td.deep {
	background-color: #B2AFD4;
	color: #ffffff;
}

td.deeper {
	background-color: #A5A8D0;
	color: #ffffff;
}

td.green {
	background-color: #E8F6EF;
/*	color: #000000; */
}
td.lighter {
	background-color: #C5C3DF;
	color: #ffffff;
}
td.linkbar {
	background-color: #C5C3DF;
/*	color: #888BC1;
	font-style: normal;
	font-weight: bold; */
	vertical-align:middle;
}
td.linkbarright {
	text-align: right;
	background-color: #C5C3DF;
	color: #888BC1;
	font-style: normal;
	font-weight: bold;
	vertical-align:middle;
}

img {
	border-style:solid;
 	border-color:#000000;
 	border-width:0px;

 	margin:0px 0px 0px 0px;
 	padding:0px 0px 0px 0px;
}


/* misc */

h1 {
	font-size: 120%;
	line-height: normal;
	font-weight: bold;
	color: #888BC1;
}
.pagehead {
	font-size: 110%;
	color: #888BC1;
	font-weight: bold;
}
.light {background-color: #C3C5E0;}
.rightalign{text-align:right;}
.midalign{text-align:center;}
.grey {background-color:#cccccc;}
.small {font-size:8pt;}

/* category */

#catpage {
/* should be 15 but need to leave a space divisible by 4 for listing table */
	padding: 16px;
}

.cattable {
	padding-bottom: 15px;
}


/* product */

td.prodlist {
	font-size: 8pt;
	text-align: center;
	color: #000000;
}

td.product {
	font-size: 8pt;
	background-color: #E8F6EF;
	color: #000000;
 	padding:10px 10px 10px 16px;
}

td.buttons {
	background-color: #E8F6EF;
 	padding:0px 0px 0px 0px;
	text-align:right;
	vertical-align:top;
}

td.emailbox {
	background-color: #E8F6EF;
 	padding:0px 0px 0px 0px;
	text-align:left;
	vertical-align:top;
}

td.productoption {
	font-size: 8pt;
	background-color: #E8F6EF;
 	padding:0px 10px 3px 0px;
 	vertical-align: middle;
	color: #000000;
}

span.prodtitle {
	font-size: 10pt;
	color: #B2AFD4;
}

span.prodprice {
	font-size: 9pt;
	font-weight: bold;
	color: #000000;

}

.indent15 {
	padding-left: 15px;
}


/* static pages */

td.statictext {
	background-color: #C5C3DF;
	color: #616699;
 	padding:15px 115px 15px 15px;
}
.dark {color: #888BC1;}
.white {color: #ffffff;}

td.about {
	background-color: #C5C3DF;
	color: #616699; 
 	padding:15px 15px 15px 15px;
}
.press {
	background-color: #C5C3DF;
	color: #ffffff;
}
td.contactus {
	background-color: #C5C3DF;
	color: #888BC1;
 	padding:15px 15px 15px 15px;
	font-style: normal;
}
td.contactformL {
	background-color: #C5C3DF;
	color: #888BC1;
	text-align: right;
 	padding:0px 15px 5px 5px;
 /*	vertical-align: middle; */

}
td.contactformR {
	background-color: #C5C3DF;
	color: #888BC1;
 	padding:0px 5px 5px 0px;
 /*	vertical-align: middle; */
}


td.ehint {
	background-color: #E8F6EF;
	color: #888BC1;
 	padding:15px 115px 15px 15px;
}

td.ehint .dark{
	color: #888BC1;
	font-weight: bold;
}

td.ehint .big {
	color: #888BC1;
	font-size:12pt;
	font-weight: bold;
	}
	
td.ehint .biggest {
	color: #888BC1;
	font-size:14pt;
	font-weight: bold;
	}
	
td.ehint a:link {text-decoration: underline;}
td.ehint a:visited {text-decoration: underline;}


td.help {
	background-color: #E8F6EF;
	color: #888BC1;
}

td.help a {
	color: #000000;
}


/* links */

a {
	color: #888BC1;
	/* font-size: 12px;
	color: #7E8B7A; */
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #888BC1;
	/*	color: #7E8B7A;	*/
}
a:hover {
	text-decoration: underline;
	color: #888BC1;
	/*	color: #00274C;	*/
}
a:active {
	text-decoration: none;
	color: #888BC1;
	/*	color: #80A1B6;	*/
}


/*
td.statictext a {
	color: #ffffff;
}
td.statictext a:visited {
	color: #ffffff;
}
td.statictext a:hover {
	color: #ffffff;
}
td.statictext a:active {
	color: #ffffff;
}
*/
.dark a { font-weight: bold; color: #616699;}
.dark a:visited {color: #616699; }
.dark a:hover {color: #888BC1;}
.dark a:active {color: #616699;}


/* profile */


.formtext {
	font-size: 8pt;
	text-align:right;
	vertical-align:middle;
}
.infotext {
	font-size: 8pt;
	color: #888BC1;
 	padding:15px 85px 0px 0px;
}
.signup {
	color: #888BC1;
	/* text-align: center; */
}

.big {
	color: #888BC1;
	font-size:12pt;
	}
	
.biggest {
	color: #888BC1;
	font-size:14pt;
	}

/* basket/checkout */

td.divider {
	background-color: #C5C3DF;
}

.pagenav {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: 8pt;
}

pre.invoice {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
	}

.footertext {
	font-size: 8pt;
	color: #888BC1; 
 	padding:15px 15px 5px 15px;
	text-align: center;
}
/* navigation top */

.topnav {
	padding-left: 15px;

}

.topnav a {
	color: #888BC1;
	font-size: 11px;
	font-style: normal;	
	font-weight: bold;
	padding-right: 4px;
	padding-left: 0px;
	line-height: 25px;
/*	color: #7E8B7A; */
}
.topnav a:link {
	text-decoration: none;
}
.topnav a:visited {
	text-decoration: none;
	color: #888BC1;
	/*	color: #7E8B7A;	*/
}
.topnav a:hover {
	text-decoration: none;
	color: #ffffff;
	/*	color: #00274C;	*/
}
.topnav a:active {
	text-decoration: none;
	color: #888BC1;
	/*	color: #80A1B6;	*/
}

.topnav .on {
	color: #ffffff;
} 
.topnavright {
	padding-left: 0px;
	padding-right: 15px;
	text-align: right;
}

.topnavright a {
	color: #888BC1;
	font-size: 11px;	
	font-weight: bold;
	font-style: normal;		
	padding-left: 6px;
	padding-right: 0px;
	line-height: 25px;
	text-align: right;
/*	color: #7E8B7A; */
}
.topnavright a:link {
	text-decoration: none;
}
.topnavright a:visited {
	text-decoration: none;
	color: #888BC1;
	/*	color: #7E8B7A;	*/
}
.topnavright a:hover {
	text-decoration: none;
	color: #ffffff;
	/*	color: #00274C;	*/
}
.topnavright a:active {
	text-decoration: none;
	color: #888BC1;
	/*	color: #80A1B6;	*/
}

.topnavright .on {
	color: #ffffff;
} 

/* navigation side */

#sidenavarea {
	position:relative; width:134px; left: 10px; top: 0px;
}
#sidenav, #sidenav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 134px;
	}
	
	#sidenav li { /* all list items */
		position : relative;
		float : left;
		width: 134px;
	}
	
	#sidenav li ul { /* second-level lists */
		margin-left : 0px;
		margin-top : 0px;
		margin-bottom: 4px;
		width: 134px;
		padding-bottom: 8px;
	border-bottom: 1px dashed #616699; 
		
	}
		
	#sidenav li a {
		width: 134px; /* IE needs this - really 138 */
		display : block;
		font-size: 11px;
		font-weight:bold;
 		color: #ffffff;
		text-decoration : none;
		padding-top: 4px;
		padding-bottom: 4px;
		border-bottom: 1px dashed #616699;

	/*	color: #616699;
	background-color: #b2afd4; 
		padding : 4px 0px 4px 0px;*/	
	}
	
	#sidenav li a:hover {
		color: #616699;	
	}
	#sidenav li ul li a {
		width: 134px; /* really 134 */
		display : block;
		font-size: 11px;
		font-weight: bold;
		color:  #616699;
		text-decoration : none;
		padding: 0px;
		border: 0px;
	/*	background-color: #b2afd4; 
		padding : 4px 0px 4px 0px;	*/	
	}
	
	#sidenav li ul li a:hover {
		color: #ffffff;			
	} 

	#sidenav .on a {
		color: #ffffff;	
	} 
	
	#sidenav .cathead a {
		color: #ffffff;	
		border: 0px;		
	} 
	
	#sidenav .cathead a:hover {
		color: #616699;
		border: 0px;	
	} 
	
	#sidenav .cathead .on  {
		color: #ffffff;
		border: 0px;	
	} 
	
	#sidenav .off a {
		color:  #616699;	
	} 


#sidenav2, #sidenav2 ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 134px;
	}
	
	#sidenav2 li { /* all list items */
		position : relative;
		float : left;
		width: 134px;
	}
	
	#sidenav2 li ul { /* second-level lists */
		margin-left : 0px;
		margin-top : 0px;
		margin-bottom: 0px;
	}
		
	#sidenav2 li a {
		width: 134px; /* ie needs this really 138 */
		display : block;
		font-size: 11px;
		font-weight:bold;
 		color: #616699;
		text-decoration : none;
		padding-top: 4px;
		padding-bottom: 4px;
	/*	background-color: #b2afd4; 
		padding : 4px 4px 4px 10px;	
		*/	
	}
	
	#sidenav2 li a:hover {
		color: #ffffff;	
	}
	#sidenav2 li ul li a {
		width: 134px; /* really 134 */
		display : block;
		font-size: 11px;
		font-weight: bold;
		color:  #616699;
		text-decoration : none;
/*		background-color: #b2afd4; 
		padding : 4px 4px 4px 14px;	
		*/	
	}
	
	#sidenav2 li ul li a:hover {
		color: #ffffff;			
	} 

	#sidenav2 .on a {
		color: #ffffff;	
	} 
	
	#sidenav2 .off a {
		color:  #616699;	
	} 


	/* hacks for ie 
		non ie browsers will happily read this 
	
	html>body #sidenav li a {
		width: 138px;
	} 

	html>body #sidenav li  ul li a {
		width: 134px;
	} 


	html>body #sidenav2 li a {
		width: 138px;
	} 

	html>body #sidenav2 li  ul li a {
		width: 134px;
	} 
*/


/* breadcrumb */
#breadcrumb {
	background-color: #A5A8D0;
	color: #ffffff;
	font-style: normal;
	font-size: 11px;
	font-weight:bold;
	line-height: 25px;	
	height: 25px;
	overflow: hidden;
	padding-left: 15px;
}

#breadcrumb .floatleft {
	color: #ffffff;
	font-size: 11px;	
	font-style: normal;			
	font-weight: bold;
	text-align: left;
	line-height: 25px;

}

#breadcrumb a {
	color: #ffffff;
	font-size: 11px;	
	font-style: normal;			
	font-weight: bold;
	text-align: left;
	line-height: 25px;
/*	color: #7E8B7A; */
}

#breadcrumb a:link {
	text-decoration: none;
}
#breadcrumb a:visited {
	text-decoration: none;
	color: #ffffff;
	/*	color: #7E8B7A;	*/
}
#breadcrumb a:hover {
	text-decoration: none;
	color: #888BC1;
	/*	color: #00274C;	*/
}
#breadcrumb a:active {
	text-decoration: none;
	color: #ffffff;
	/*	color: #80A1B6;	*/
}

.whitelink a {
	color: #ffffff;
	font-style: normal;			
	font-weight: bold;
}

.whitelink a:link { 	text-decoration: none; }
.whitelink a:visited {	text-decoration: none; 	color: #ffffff; }
.whitelink a:hover {	text-decoration: none; 	color: #888BC1; }
.whitelink a:active { 	text-decoration: none; 	color: #ffffff; }

.floattleft {
	float:left;	
}

.floatright {
	float: right;
	padding-right: 15px;
}

.floatclear {
 clear: both;
}