﻿/* colour scheme and images only */
/*
// for reference document looks like this....
<body>

	<dvMainDoc>

		<dvHeader>
			<dvTopBanner />
			<dvTopNav />
		</dvHeader>

		<dvMain>
			<dvLeftNav />
			<dvMainContent />
			<dvRightNav />
		</dvMain>

		<dvFooter />

	</dvMainDoc>

</body>
*/
body {	background-color: #B3DDC4;}
table {	background-color:white;}
body, table  {	color: #666666;}
h1, h2, h3
{
	color: #009900;
	font-weight: bold;
}
a:link, a:visited, a:active, strong { 	color: #FF8906;}
a:hover { 	color: #FF6600; /*color: #FF6600;*/ }
a img { 	border:none; }
h1 { 	border-bottom-color: #FF9933; }
#dvMainDoc {  	background-color: #EBFFED;}
#dvMain
{
	background-image: url( '../images/main_2cols_background.png' );
	background-repeat: repeat-y;
	background-position: left top;
}
#dvTopNav, #dvFooter {	background-color: #99FF99;}
.topLink
{
	float: right;
	background-image: url( '../images/upArrow.png' );
	background-repeat: no-repeat;
	background-position:top;
	height:24px;
	width:24px;
}
ul {	margin-left: 18px;}
ul li
{
	list-style-image: url( '../images/green glass ball.png' );
	line-height: 20px;
	margin-bottom: 8px;
	padding-left: 4px;
}

.Product
{
	clear: both;
	border-top: inset thin silver;
	border-top-width: thin;
	border-top-color: #CCCCCC;
	border-top-style: groove;
	padding: 10px 0px 0px 0px;
}
.ProductThumbImg 
{
	float:right;
	border:0;
	height:140px;
	clear:right;
}
.ProductTitle 
{
	font-weight:bold;
	font-size:1.2em;
}
.ProductPrice 
{
	font-weight:bold;
	font-size:1.1em;	
}
.ProductDescription 
{
}
.buy_link { 	text-align:right; }
.buy_link a
{
	padding: 2px 2px 2px 2px;
	text-align:right;
	font-style: italic;
	font-weight: bold;
}
.ProductCatSelector table
{
	width: 100%;
	font-size: 1.1em;
	background-color: #B6EDB6;
}
.ProductResultsSummary
{
	text-align: right;
	background-color: #E6FFE6;
}
.ProductPageQty {	text-align:right;}
.greybox { background:#eeeeee;}
.greybox_top div { background: url(../images/greyonwhite_tl.png) no-repeat top left; }
.greybox_top {background: url(../images/greyonwhite_tr.png) no-repeat top right; }
.greybox_bottom div { background: url(../images/greyonwhite_bl.png) no-repeat top left; }
.greybox_bottom {background: url(../images/greyonwhite_br.png) no-repeat top right; }

.greenbox {   background: #c4ffc4;}
.greenbox_top div {   background: url(../images/greenonwhite_tl.png) no-repeat top left;}
.greenbox_top {   background: url(../images/greenonwhite_tr.png) no-repeat top right;}
.greenbox_bottom div {   background: url(../images/greenonwhite_bl.png) no-repeat bottom left;}
.greenbox_bottom {   background: url(../images/greenonwhite_br.png) no-repeat bottom right;}

.greenbox_top div, .greenbox_top, 
.greenbox_bottom div, .greenbox_bottom, 
.greybox_top div, .greybox_top, 
.greybox_bottom div, .greybox_bottom{
   width: 100%;
   height: 12px;
   font-size: 1px;
}
.greenbox_content, .greybox_content { margin: 0 12px; }
.quote 
{
	font-family:Comic Sans MS, Cursive;
	font-size:1.2em;
	font-style:italic;
}
.quote .source 
{ 
	text-align:right;
	font-family:Tahoma,Geneva,Sans-Serif;
	padding-top:8px;
	font-style:normal;
}
