body {
	margin: 				0px;
	min-width: 				1000px;
	background-color: 		#000000;
	text-align: 			center;
}
#wrapper {
	text-align: 			center;
	width: 					1000px;
	background-color: 		#FFFFFF;
	margin-right: 			auto;
	margin-left: 			auto;
	padding-top:			0;
}
#headerpanel {
	position:				relative;
	height:					200px;
	width:					1000px;
	padding:				0;
	background-image: 		url(images/top-header-bg.jpg);
	background-repeat: 		no-repeat;
}
#headerlogo {
	position:				absolute;
	left:					20px;
	width:					281px;
	height:					100px;
	background-image: 		url(images/top-logo.gif);
	background-repeat: 		no-repeat;
	margin-top:				20px;
	margin-left:			20px;
}
#MenuStrip {
	float:					left;
	height: 				25px;
	font-family : 			Verdana, Arial, Helvetica, sans-serif;
	font-size : 			10pt;
	text-align : 			left;
	padding-left : 			15px;
	font-weight: 			bold;
	margin-top:				170px;
}
#MenuStrip ul {
	padding: 				0;
	list-style-type: 		none;
	margin-top: 			0;
	margin-left:			0;
	padding-top: 5px;
}
#MenuStrip ul li {
	position: 				relative;
	display: 				inline;
	text-align: 			left;
	margin-top: 			1px;
}
#MenuStrip ul li a {
	display: 				inline;
	padding: 				3px 17px;
	text-decoration: 		none;
	color: 					#FFFFFF;
	margin-top: 			0;
	width: 					auto;
	white-space: 			nowrap;
}
#MenuStrip ul li a:hover {
	color:					#ffff33;
}
/* Holly Hack for IE */
* html #MenuStrip ul li {
	float: left;
	height: 1%;
}
* html #MenuStrip {
	height: 1%;
	margin-top:				125px;
}
* html #MenuStrip ul li a {
	height: 				22px;
}
/* End */

#contentbox {
	position:			relative;
	overflow: 			hidden;
	padding-left: 		15px;		/* Left Column fullwidth */
	padding-right: 		15px;		/* Right Column fullwidth*/
	min-height: 		600px;
	_height: 			600px;
	text-align:			left;
	padding: 			0 20px 20px 20px;
	
}
*html #contentbox {
	overflow: 			visible;
	margin-top:			0;
}

b, strong {
	color:				#000000;
	font-weight:		bold;
}
a:link, a:visited {
	text-decoration:	none;
	font-weight:		bold;
	color:				#000099;
}
a:hover {
	text-decoration:	underline;
	font-weight:		bold;
}
H1 {
	height: 			30px;
	color: 				#232675;
	font-size : 		18pt;
	text-align : 		left;
	font-weight:		bold;
}
H2 {
	height: 			30px;
	color: 				#232675;
	font-size : 		15pt;
	text-align : 		left;
	font-weight:		bold;
}
H4 {
	color: 				#232675;
	font-size : 		11pt;
	text-align : 		left;
	font-weight:		bold;
	padding-bottom:		0;
	margin-bottom:		-10px;

}

#MenuSection {
	text-align:			left;
	padding:			0;
	-left:		-3px;
	
}
#MenuSection img {
	padding-left:		13px;
}
*html #MenuSection img {	
	margin-left:		13px;
	margin-top:			13px;
}
#Footer {
	height:				110px;
	background-color: 	#222ecd;
}

#FooterSection {
	padding-left: 		12px;
	padding-right: 		12px;
	min-height: 		60px;
	_height: 			60px;
}
#FooterText {
	text-align:			center;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	color:		 		#ffffff;
	font-size:			10pt;
	font-weight:		bold;
	padding-top:		5px;
}
#SearchPanel {
	height:				120px;
	padding-top:		20px;
	text-align:			left;
	padding-left:		10px;
	font-family : 		Verdana, Arial, Helvetica, sans-serif;
	font-size : 		10pt;
	font-weight:		bold;
	color:				#000066;
}
#SearchPanel input {
	margin-top:		2px;
	margin-bottom:		2px;
}
#MenuPanel {
	width:				240px;
	margin-left:		5px;
}
#SpecialPanel, #CartPanel {
	margin-top:			20px;
	background-image: 	url(images/menu-panel-back.gif);
	background-repeat: 	repeat-y;
	margin-left:		30px;
}

#Basket b {
	color: white;
	font-weight: bold;
}
.catpre {
	color:				#999999;
}
.Clearer {
	clear:				both;
}
#dropmenudiv{
position:				absolute;
background-color: 		#f1f1f1;
border:					1px solid black;
border-bottom-width: 	0;
font-family : 			Verdana;
text-align:				left;
font-size:				12px;
font-weight:			bold;
margin-bottom: 			4px;
line-height:20px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
color:					#000066;
display: 				block;
text-indent: 			3px;
border-bottom: 			1px solid black;
padding: 				1px 0;
text-decoration: 		none;
font-weight: 			bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:		 #f97d2b;
}

#LeftMenu ul {
	list-style: 		none;
	margin:				0;
	padding:			0 4px 0 4px;
}

#LeftMenu li {
	color: 				white;
	font-family : 		Verdana;
	text-align:			left;
	font-size:			12px;
	font-weight:		bold;
	padding: 			2px 10px 4px 15px;
	margin-bottom: 		4px;
}

#LeftMenu li A:link, #LeftMenu li A:visited, #LeftMenu li A:active {
	COLOR: 				#ffffff;
	text-decoration: 	none;
}
#LeftMenu li A:hover {
	text-decoration: 	none;
}



.MenuSpacer {
	height:				30px;
}
.SpecTable .Heading {
	font-weight:		bold;
	font-size:			11pt;
	background-color:	#<?php echo $Content_Body; ?>;
}
.SpecTable TH {
	width:				130px;
	font-weight:		bold;
	font-size:			11pt;
	background-color:	#<?php echo $Table_Body; ?>;
}
.SpecTable TD {
	font-weight:		normal;
	font-size:			11pt;
	background-color:	#<?php echo $Table_Body; ?>;
}
.PageHeader {
	
}
.formtext {
	font-weight:		bold;
	padding:			2px;
}
.formsection {
	padding-top:		2px;
	padding-bottom:		2px;
}
.forminputtext .formfields {
	font-weight:		normal;
}
.ProductTable {
	overflow: auto;
	border:				2px solid #f2f2f2;
	width:				900px;
	min-height:			220px;
	_height:			220px;
	background-color: 	#f2f2f2;
	margin-top: 		20px;
}
.ProductTableImage {
	float: left;
	border-right:		2px solid #f2f2f2;
	width:				220px;
	min-height:			220px;
	text-align:			center;

        margin-right: 10px;
}
.ProductTableContent {
	font-family : 		Verdana;
	padding:			10px;
	font-size:			10pt;
}
.ProductHeader {
	color:				#1d29cb;
	font-family : 		Verdana;
	text-align:			left;
	font-size:			14pt;
}
.ProductCode {
	color:				#ed7b3c;
	font-family : 		Verdana;
	text-align:			left;
	font-size:			10pt;
}
#Basket {
	float: right;
	margin-top: 173px;
	color : 			#FFFFFF;
	font-family : 		arial, verdana;
	font-weight : 		bold;
	font-size : 		12px;
	text-align : 		right;
	padding-right: 		40px;
	padding-top: 		2px;
}
#Basket a{
	color : 			#FFFFFF;
	text-decoration: none;
	
}

/************************************************************/
/* SHOPPING CART STYLES:
/************************************************************/

.viewcart {
	float: right;
	margin-top: -17px;
	margin-right: 15px;
	font-weight: bold;
	font-size: 16px;
}

.category {
	height: 50px;
	width: 900px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
}

#products .tableheader {
	background-color: #000000;
	text-align: center;
}

/*****************************************************************/
/* PRODUCTS TABLE STYLING: ^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*
/*****************************************************************/

#products td {
	background-color: #e7e7e7;
	border-bottom: 1px solid #ff0000;
}

#products .productinfo{
	background-color: #e7e7e7;
	border-right: 1px solid #ff0000;
	text-align: left;
	height: 110px;
}

#products .mainproducts {
	font-size: 12px;
}

#products .productimage {
	float: left;
}

#secondrow td {
	background-color: #dadada;
	border-bottom: 1px solid #ff0000;
}

#secondrow .productinfo{
	background-color: #dadada;
	border-right: 1px solid #ff0000;
	text-align: left;
}

/*****************************************************************/
/* ADMIN MENU: ^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*
/*****************************************************************/

#adminmenupanel {
	float: left;
	*margin-left: -10px;
	margin-right: 20px;
	min-height: 309px; /* Taken 15px off for 15px top padding. */
	font-size: 12px;
	*padding-bottom: 5px;
}

*html #adminmenupanel {
	height: 309px;
}

#adminmenupanel ul, #adminmenupanel li {
	list-style-type: none;
}

#cartcontents {
	font-size: 12px;
	*margin-left: 15px;
	text-align: center;
}

#cartcontents h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 7px;
}

#cartcontents a:link, #cartcontents a:visited {
	color: #0052a3;
	text-decoration: none;
}

#cartcontents a:hover {
	color: #0052a3;
	text-decoration: none;
	border-bottom: 1px solid #ff0000;
}

#cartcontents ul {
        margin-left: -40px;
	*margin-left: 0px;
        margin-top: 0px;
        text-align: center;
}

#adminmenupanel a:link, #adminmenupanel a:visited {
	color: #0052a3;
	text-decoration: none;
}

#adminmenupanel a:hover {
	color: #0052a3;
	text-decoration: none;
	border-bottom: 1px solid #ff0000;
}

#cat-menu ul {
        margin: 0px;
        padding: 0px;
        *margin-left: 15px;
}

#contentcontainer {
	margin-left: 120px;
	border-left: 1px solid #c0c0c0;
	padding-left: 20px;
	min-height: 300px;
	padding-bottom: 25px;
}

tr.lineoff {
	background-color: white;
}
tr.lineon {
	background-color: #eeeeee;
}
.producttable {
	border: 1px solid #c0c0c0;
}
.producttable td {
	padding: 4px 4px;
}
.producttable td.code {
	width: 60px;
	border-right: 1px solid white;
}
.producttable td.name {
	width: 380px;
	border-right: 1px solid white;
}
.producttable td.name_long {
	width: 700px;
	border-right: 1px solid white;
}
.producttable td.image {
	width: 30px;
	border-right: 1px solid white;
	text-align: center;
}
.producttable td.doc {
	width: 30px;
	border-right: 1px solid white;
	text-align: center;
}
.producttable td.price {
	width: 80px;
	border-right: 1px solid white;
	text-align: right;
}
.producttable td.qty {
	width: 40px;
	border-right: 1px solid white;
	text-align: center;
}
.producttable td.buy {
	width: 40px;
	text-align: center;
}
.addbox {
	font-size: 11px;
	width: 25px;
	text-align: center;
}
.addbutton {
	font-size: 12px;
}

/*****************************************************************/
/* CART CONTENTS: *^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*
/*****************************************************************/

.checktable {
	margin-bottom: 15px;
	width: 100%;
}

.carttable {
	margin-bottom: 15px;
	width: 100%;
}

th.carthead_code, th.carthead_desc, th.carthead_price, th.carthead_qty, th.carthead_price, th.carthead_subtotal, th.carthead_actions {
	background-color: #0000ff;
	color: #ffffff;
	text-align: center;
}

.cartbody_code_off, .cartbody_desc_off {
	text-align: left;
	padding: 3px 7px 3px 7px;
}
.cartbody_qty_off {
	text-align: center;
	padding: 3px 7px 3px 7px;
}
.cartbody_actions_off {
	text-align: center;
	padding: 3px 3px 3px 3px;
}
.cartbody_price_off, .cartbody_subtotal_off {
	text-align: right;
	padding: 3px 7px 3px 7px;
}

td.cartbody_actions_off, td.cartbody_actions_on {
	text-align: center;
	width: 140px;
}

.cartbody_code_on, .cartbody_desc_on {
	text-align: left;
	padding: 3px 7px 3px 7px;
	background-color: #eeeeee;
}
.cartbody_qty_on {
	text-align: center;
	padding: 3px 7px 3px 7px;
	background-color: #eeeeee;
}
.cartbody_actions_on {
	text-align: center;
	padding: 3px 3px 3px 3px;
	background-color: #eeeeee;
}
.cartbody_price_on, .cartbody_subtotal_on {
	text-align: right;
	padding: 3px 7px 3px 7px;
	background-color: #eeeeee;
}

.carttotal_value, .carttotal_gst_value, .carttotal_grand_value, .carttotal_freight {
	text-align: right;
	padding: 3px 7px 3px 7px;
}

.cartbody_qty_off input, .cartbody_qty_on input  {
	padding: 0px;
	width: 25px;
	font-size: 10px;
	text-align: center;
}

.CheckoutButton, .ContinueButton {
	margin-bottom: 10px;
}

td.cartbody_code_on {
	margin-bottom: 15px;
}

.carttotal_text {
	text-align: right;
	font-weight: bold;
}
.prodheader {
	color: #FFFFFF;
	background-color: #000000;
}

/*****************************************************************/
/* INVOICE STYLES: ^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*
/*****************************************************************/
.prodlineon {
	padding: 3px 7px 3px 7px;
	background-color: #eeeeee;
}