/*dot is class, # is id, id overrides class*/
BODY
{
	/*[empty]page:;*/
	background-color: #FFF;
}
#qiksearch {
	border: 1px solid #d0ccc9;
	background: #fff;
	color: #5f95ef;
	font-size: 11px;
	font-weight: 700;
	padding-bottom: 2px;
}
#qiksearch .text{
	font-weight: normal;
	color: #565656;
	border: 1px solid #9c9c9c;
	width: 250px;
	padding: 2px;
	margin-bottom: 5px;
	text-align: left;
}
#qiksearch .text.active{
	background: #ddeff6;
	border: 1px solid #0099d4;
}
/*contactdetails is the address, tel, fax etc list on our home->contact page*/
DL.contactdetails
{
	margin: -4px 0 -11px;
	padding: 0;
	line-height: 1em;
}
.contactdetails DT
{
	position: relative;
	left: 2em;
	top: 0.7em;
	width: 5em;
	font-weight: bolder;
}
.contactdetails DD
{
	border-left: 1px none #000;
	margin: 0 0 0px 8em;
	padding: 0;
}
UL.ourlocation
{
	margin: -16px 30px 1px;
	padding: 17px;
}
/*logo in top left hand corner*/
#pghdrLogo
{
	background: url(../zgimages/form/ban_main.jpg) no-repeat left center;
/*<img border="0" src="../zgimages/form/ban_main.jpg" alt="Klee Paper">*/
}
DIV#pghdr
{
	height: 90px;
	width: 100%;
	margin: 0;
	padding: 0;
}
DIV#pghdrLogo
{
	float: left;
	width: 240px;
	height: 100%;
}
/*checkout summary topright corner*/
#pghdrCheckoutText
{
	font-weight: bold;
	color: #767676;
}
/*login/logout href at topright corner of page*/
.loginspan A:link, .loginspan A:visited, .loginspan A:active
{
	background-color: #800000;
	color: #FFFFFF;
	text-decoration: none;
}
.logoutspan A:link, .logoutspan A:visited, .logoutspan A:active
{
	background-color: #008000;
	color: #FFFFFF;
	text-decoration: none;
}
/*for debugging*/
DIV#messages
{
	background: #FFFFD2;
}
/**********************************
main tabs across top of page
***********************************/
UL#topnav
{
	background: #767676;
	list-style-type: none;
	margin: 0;
	padding: 5px 0px;
	text-align: center;
}
UL#topnav LI
{
	color: #F9F9F9;
	display: inline;
	margin: 0px;
	padding: 0px 0px 0;
	text-align: center;
}
UL#topnav LI A:link, UL#topnav LI A:visited, UL#topnav LI A:active
{
	background-color: #DDDDDD;
	color: #000;
	text-decoration: none;
}
UL#topnav LI A:hover
{
	background: #DD9E9E;
	color: #FFFFFF;
	text-decoration: none;
}
/*this is the selected tab*/
UL#topnav #thot, UL#topnav #thot A
{
	background-color: #010101;
	display: inline;
	text-decoration: none;
	color: #FFF;
}
/*this is a disabled tab*/
UL#topnav LI.tnop, UL#topnav LI.tnop A, UL#topnav LI.tnop A:hover
{
	background-color: #7B7B7B;
	color: #C5C2C3;
/*should match UL#topnav LI color*/
	display: inline;
	text-decoration: none;
}
/**********************************
main divisions of page
**********************************
div for tabs on left of page*/
DIV#sideTabsLeft
{
	float: left;
	width: 100%;
}
DIV#cookiesBroken
{
	color: red;
	display: none;
}
DIV#progressBar
{
	display: none;
}
DIV#panelMain
{
	width: 100%;
}
/****************************************************
stay away - DON'T touch anything below this line
****************************************************
********************************************
tabular display of product packs and prices
*********************************************/
DIV.vatalert
{
	color: #E70A0A;
	text-align: center;
	font-weight: bold;
}
.prodtitle
{
	background-color: #767676;
	color: #FFFFFF;
	border: 0px none;
	font-size: larger;
	font-weight: bold;
}
TABLE.prodpacks
{
	border-collapse: collapse;
	border: 0px none;
}
TR.packheader
{
	background-color: #9DB6D1;
	color: #68118F;
}
TR.packodd
{
	/*[disabled]background-color:#EEFFDD;*/
	/*[disabled]border-collapse:separate;*/
}
TR.packeven
{
	/*[disabled]background-color:#9CB58A;*/
}
.packdata
{
	border: thin none;
	border-collapse: collapse;
}
TR.packfooter
{
	font-size: 2px;
}

TD.celloo
{
	background-color: #E9EEF5;
}
TD.celleo
{
	background-color: #EBEBEB;
}
TD.celloe
{
	background-color: #E9EEF5;
}
TD.cellee
{
	background-color: #EBEBEB;
}
/*********************************************
tabular display of staff
********************************************
registration details*/
TR.card_title
{
	text-align: center;
	background-color: #7BA6E1;
}
TABLE.card_details
{
	border: thin solid #7BA6E1;
}
TABLE.card_details TD.card_field
{
	font-weight: bolder;
	width: auto;
}
TABLE.card_edit
{
}
UL.maplinks
{
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 140px;
}
UL.maplinks LI.maplink
{
	background-color: #578BC3;
	border: 1px solid #632E0E;
	display: block;
	margin: 0px;
	padding: 3px;
	width: 93%;
}
UL.maplinks LI.maplink A
{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}
UL.maplinks LI.maplink A:hover
{
	background-color: #8A444A;
	color: #FFFFFF;
}
/*shop cart
shop cart*/
.cartcell
{
	border-right: thin solid #578BC3;
}
.chklstitm A
{
	background-color: #578BC3;
	color: #FFFFFF;
}
.chklstsel A
{
	background-color: #B7BBEF;
	color: #000000;
}
.qikaddtable
{
	background-color: #CCD7E7;
}
#custedtorderno
{
	background-color: #578BC3;
	font-weight: bold;
}
.orderconfirmheader
{
	background-color: #578BC3;
	font-weight: bold;
	margin-bottom: 1em;
	color: #FFFFFF;
}
.panel
{
	background-color: #EBF1FF;
}
.panelheader
{
	background-color: #767676;
	color: #FFFFFF;
}
.seltable
{
	border: thin solid #578BC3;
}
.tableheader TD
{
	background-color: #767676;
	color: #FFFFFF;
	text-align: center;
}
.row TD
{
	background-color: #D6DFF9;
	cursor: pointer;
	border-right: thin solid #578BC3;
}
.rowsel TD
{
	background-color: #829CE9;
}
.pageintro
{
	font-weight: bold;
	background-color: #767676;
	color: #FDFDFF;
	text-align: center;
}
.staff_left
{
	color: #578BC3;
}
#qiksearchdiv
{
	background-color: #767676;
	color: #FFFFFF;
}
#btntopagetop
{
	background-color: #578BC3;
}
.paymentoptions
{
	background-color: #578BC3;
	color: #FFFFFF;
}