/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
	margin: 0px; 
	padding: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.9em; 
	color: #000; 
	background: #5a6daf url(images/hkoi/back.jpg) repeat-x top left;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
  height: 27px;
  background-color: #497eb4;
}

A.headerNavigation { 
	color: #FFFF00; 
	background-color: transparent; 
	text-decoration: none; 
	font-size: 12px;
	font-weight: normal
}

A.headerNavigation:hover {
	text-decoration: underline;
	color: #FFFF00; 
}

TD.headerNavigationTrail { color: #fff;  height: 27px; background-color: #497eb4; }
A.headerNavigationTrail { color: #000; text-decoration: underline; font-weight: normal;}
A.headerNavigationTrail:hover { text-decoration: underline; }

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: transparent;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  background: transparent;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
  padding: 10px 10px;
}


TD.shopCartHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  background-color: #e9e9e9;
  text-align: left;
}

TD.featProdHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  height: 35px;
  background-color: #0290b2;
  text-align: center;
}


TD.catHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  height: 35px;
  font-size: 16px;
  background-color: #0290b2;
  text-align: left;
  padding-left: 5px;
  background: transparent url(images/hkoi/bg_h1.png) repeat-x left top;
}


TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #1e68ce;
  padding-bottom: 10px;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.mediumText, SPAN.mediumText, P.mediumText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border-bottom: 2px dotted #999999;
}

TD.mediumText a { color: #000099; text-decoration: none; font-weight: bold}
TD.mediumText a:hover { color: #000099; text-decoration: underline;}


TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #234c8b;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


/***********************************************************
 	 CUSTOMIZED STARTS HERE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
************************************************************/

/********************************
 	 main container 
********************************/
div#container_main {
	border: 0px solid #FFFF00;
	display: block;
	width: 959px;
	height: 100%;
	margin: 0 auto;
	margin-top: 10px;
}
.textfield01 { width: 260px; font-size: 1.2em; }
.textfield02 { width: 280px; font-size: 1em;}
option { font-size: 12px; line-height: 18px;}
/********************************
 	 header container 
********************************/
.gobutton { width: 50px; height: 20px; border: 1px solid #FFFFFF}

div#container_header {
	border: 0px solid #FF0000;
	display: block;
	width: 100%;
	margin-top: 10px;
	font-size: 0.9em;
}
		div#container_header select { font-size: 0.9em;}

		/* header1:search */
		div#header1_search { 
			border: 0x solid #FF0000;
		 	display: block;
			width: 100%;
			color: #fff; 
			font-size: 12px;
			background: transparent url(images/hkoi/bg_h1.png) repeat-x;
		}

				/* search:main */
				div#search_main { 
					border: 0px solid #FF0000;
					display: block;
					padding-top: 12px;
					padding-left: 15px;
					background: transparent url(images/hkoi/bar_h1.png) top no-repeat; 
				}
				div#search_main td { font-size: 12px; color: #FFFFFF; }
				div#search_main a { color: #FFFFFF; background-color: transparent; text-decoration: underline;}
				div#search_main a:hover { text-decoration: none;} 
		
		/* header2:logo */
		div#header2_logo { 
			border: 0px solid #FF0000;
			width: 100%;
			display: block;
			padding-top: 20px;
			padding-bottom: 15px;
			background: url(images/hkoi/bg_h2.png) #fff repeat-x top left;
		}
					div#h2_logo { 
						border: 0px solid #FF0000;
						display: block;
						width: 442px;
						height: 76px;
						margin-left: 0.8em;
					}
	
					div#h2_text { 
						border: 0px solid #FF0000;
						display: block;
						width: 469px;
						height: 35px;
						float: right;
						margin-top: 1.4em;
						margin-right: 0.8em;
					}
		
		/* header: topnav 
		div#header3_topnav { 
			border: 0px solid #FF0000;
			width: 100%;
			display: block;
			background-color: #234c8b;
		}
					div#header3_topnav ul { 
						border: 0px solid #FF0000; 
						list-style: none; 
						margin: 0em auto; 
						color: #0000;
						padding-top: 0.7em;
						padding-bottom: 0.8em;
						padding-left: 0em;
						padding-right: 0em;
						margin-left: 0px;
					}
					div#header3_topnav li { 
						border: 0px solid #FF0000; 
						display: inline;
						margin-right: -7px;
					}
					div#header3_topnav a { color: #fff; text-decoration: none; font-weight: bold; 
						margin-top: 0;
						padding-top: 0.8em;
						padding-left: 1.99em;
						padding-right: 1.97em;
						padding-bottom: 0.8em;
						border-left: 1px solid #fff;
					}
					div#header3_topnav a:hover { color: #fff; text-decoration: none; background-color:#1c1c4f;}
		*/

		/* Drop down menu | added by Mike, 22 July, 2008 */
		/*
		div#header3_topnav {
			border: 1px solid #FF0000;
			display: block;
			z-index:100;
			width: 959px;
			height: 39px;
			background-color: #234c8b;
			border: 0px solid #000;
			font-size: 13px;
			font-weight: 13px;
			position: absolute;
		
		}
		
		div#header3_topnav dl, dt, dd, ul, li {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		div#header3_topnav dl {
			float: left;
			margin: 0 0px;
			margin-top: 8px;
		}
		div#header3_topnav dt {
			cursor: pointer;
			text-align: center;
			color: #FFFFFF;
			border: 0px solid black;
			width: 100px;
			height: 20px;
			text-align:left;
		}
		
		div#header3_topnav dd {
			border: 0px solid gray;
		}
		div#header3_topnav ul { margin-top: 2px;}
		div#header3_topnav li {
			width: 200px;
			margin-left: 2px;
			text-align: left;
			background: #EBEBEB;
			padding: 2px;
			font-size: 12px;
		}
		div#header3_topnav li a, div#header3_topnav dt a {
			color: #000;
			text-decoration: none;
			display: block;
			height: 100%;
			border: 0 none;
			padding: 2px;
			font-weight: bold;
		}
		div#header3_topnav li a:hover {
			color: #fff;
			background-color: #4D7CA7;
		}
		div#header3_topnav dt a {color: #fff; background: transparent; }
		div#header3_topnav dt a:hover{color: #fff; }
*/

/* added by graham to fix menus */
div#header3_topnav {
			border-top: 1px solid #000000;
			border-bottom: 1px solid #000000;
			display: block;
			width: 959px;
			height: 39px;
			background: #EBEBEB;
			font-size: 13px;
			font-weight: 13px;
		}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

* html .menu {width:959px; w\idth:958px;}
.menu
{
background-color:#EBEBEB;
}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:160px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:117px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color:#000; width:117px; height:37px; border:0px solid #EBEBEB; border-width:1px 0 1px 1px; background:#EBEBEB; padding-left:0px; line-height:35px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:117px; w\idth:106px;}
.menu ul li {text-align:center;}
.menu ul ul li {text-align:left;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#EBEBEB url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#EBEBEB url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#EBEBEB url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#EBEBEB;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#EBEBEB;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:37px;left:0px; width:149px;border-top:0px solid #EBEBEB;}
/* another hack for IE5.5 */
* html .menu ul ul {top:37px;t\op:36px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {border-color: #000000; background:#EBEBEB; color:#000; font-weight: normal; font-size: 9pt; height:auto; line-height:1em; padding:2px 10px; width:180px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#EBEBEB;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFF; background:#4D7CA7;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*	div#header3_topnav ul {width:959px;margin: 0;
			padding: 0;
			list-style-type: none;
	}
	div#header3_topnav ul li {
		width: 119px;
		background: #EBEBEB;
		list-style-type:none;
		font-weight:bold;
		float:left;
		border:0px solid white;
		text-align:center;

	}
		div#header3_topnav li a, div#header3_topnav dt a {
			color: #000;
			text-decoration: none;
			padding-top:10px;
			padding-bottom:13px;
			display: block;
			border: 0 none;
			font-weight: bold;
		}
		div#header3_topnav li a:hover {
			color: #fff;
			background-color: #4D7CA7;
		}
	

		div#header4_banner { 
			border: 0px solid #FF0000;
			display: block;
			width: 959px;
		}
*/

	/* header5:member */
	div#header5_member { 
		border: 0px solid #FF0000;
		display: block;
		width: 959px;
		height: 27px;
		background-color: #497eb4;
		text-align: right;
	}
					div#header5_member ul { 
						border: 0px solid #FF0000; 
						list-style: none; 
						margin: 0em auto; 
						padding: 0em; 
						padding-top: 0.5em; 
						color: #000000;
						margin-right: 10px;
					}
					div#header5_member li { display: inline; }
					div#header5_member a { color: #FFFF00; background-color: transparent; text-decoration: none;}
					div#header5_member a:hover { text-decoration: underline;}



/********************************
 	 body container 
********************************/
div#container_body {
	border: 0px solid #FF0000;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #1d4479;
}
		/* main body */
		div#body_content {
			border: 0px solid #FF0000;
			display: block;
			float: right;
			width: 75%;
			height: 100%;
			background-color: #fff;
			color: #000;
			padding-top: 1em;
			padding-left: 1em;
		}
				/* articles teaser */
				div#body_intro {
					border:0px solid #FF0000; 
					display: block;
					width: 468px;
					margin-top:2em;
					margin-bottom:4em;
				}

				/* articles teaser */
				div.teaser_articles {
					border:0px solid #FF0000; 
					display: block;
					width: 468px;
					margin-top: 2em;
				}
				
				div.teaser_articles dl { margin: 0 auto; margin-top: 1em; margin-bottom: 2em;}
				div.teaser_articles dt { font-weight: bold; margin-left: 1em;}
				div.teaser_articles dd { margin-left: 0px;margin-bottom: 5px; margin-left: 1em; font-size: 12px; font-weight:normal }
				div.teaser_articles a { color: #000; text-decoration: none; font-size: 12px; font-weight: bold;}
				div.teaser_articles a:hover { text-decoration: underline; }
			

				div#teaser_news {
					border:0px solid #FF0000; 
					display: block;
					margin-top: 2em;
				}
						div#news_head {
							border: 0px solid #FF0000; 
							display: block;
							width: 468px;
							background-color: #a6390d;
							padding:0.5em 0em 0.5em 0.8em;
							color: #fff;
							font-size: 14px;
							font-weight: bold;
						}

						div#teaser_news dl { margin: 0 auto; margin-top: 1em; margin-bottom: 2em;}
						div#teaser_news dt { font-weight: bold; margin-left: 1em;}
						div#teaser_news dd { margin-left: 0px;margin-bottom: 5px; margin-left: 1em; font-size: 12px; font-weight:normal }
						div#teaser_news a { color: #a6390d; text-decoration: none; font-size: 12px; font-weight:underline;}
						div#teaser_news a:hover { text-decoration: underline; }


				/* shop panel */
				div#content_shoppanel {
					border: 0px solid #FF0000;
					display: block;
					float: right;
					width: 211px;
					background-color: #fff;
					color: #000;
					padding-right: 10px;
					margin-left: 10px;
				}

						/* member area */
						div#shop_login {
							border: 0px solid #FF0000;
							display: block;
							background-color: #fff;
							text-align: right;
							margin: 10px 10px 10px 0px;
							font-size: 11px;
						}
						div#shop_login a { color: #333; text-decoration: underline; font-size: 11px;}
						div#shop_login a:hover { color: #333; text-decoration: none;}

						/* shopping cart */
						div#shop_cart {
							border: 0px solid #ccc;
							display: block;
							background-color: #fff;
							text-align: left;
							margin-top: 10px;
						}

								#cart_head {
									border: 0px solid #FF0000;
									display: block;
									background: url(../images/head_cart.jpg) #e9e9e9 no-repeat;
									height: 20px;
									font-size: 13px;
									font-weight: bold;
									padding: 5px 5px 5px 20px;
									vertical-align: middle;
									margin-bottom: 10px;
								}

								div#cart_content {
									border: 0px solid #FF0000;
									display: block;
									width: 100xp;
									height: 20xp;
									padding: 5px 5px 5px 20px;
									vertical-align: middle;
									margin-bottom: 10px;
								}

						/* feature products */
						div#shop_featured {
							border: 0px solid #ccc;
							display: block;
							background-color: #fff;
							text-align: left;
							margin-top: 10px;
						}

								div#featured_head {
									border: 0px solid #FF0000;
									display: block;
									width: 210px;
									height: 27px;
									background: url(../images/head_featured.png) no-repeat;
									color: #fff;
									font-size: 15px;
									font-weight: bold;
									padding: 8px 0 0 0;
									margin-bottom: 10px;
									text-align: center;
								}

								div#featured_item {
									border: 0px solid #FF0000;
									display: block;
									border-bottom: 2px dotted #ccc;
									padding: 5px 5px 20px 0px;
									margin-bottom: 10px;
								}
											div.item_detail {
												border: 0px solid #FF0000;
												display: block;
												width: 110px;
												margin-bottom: 10px;
												float: right;
												color: #000;
											}
											div.item_detail a { color: #003399; text-decoration: underline; font-weight: bold; }
											div.item_detail a:hover { color: #003399; text-decoration: underline;}

											div.item_option { 
												border: 0px solid #FF0000;
												display: block;
												font-weight: bold;
												color: #006600; 
												margin: 15px 0px 0px 0px;
											}
													div.item_price { 
														border: 0px solid #FF0000;
														display: block;
														width: 30%;
														font-weight: bold;
														color: #006600; 
													}
		
													div.item_more { 
														border: 0px solid #FF0000;
														display: block;
														font-size: 10px;
														float: right;
														text-align: center;
														width: 60%;
													}
													div.item_more a { color: #d45f19; text-decoration: underline; font-weight: bold; }
													div.item_more a:hover { color: #d45f19; text-decoration: none;}



		/* left side navigation */
		div#body_sidenav {
			border: 0px solid #FF0000;
			display: block;
			background-color: #1d4479;
			margin-top: -24px;
		}
				div.sidenav_head {
					border: 0px solid #FF0000;
					display: block;
					height: 27px;
					padding: 10px 0px 0px 20px;  
					font-size: 16px;
					font-weight: bold;
					background: url(../images/nav_header.jpg) repeat-x left top;
			margin-top: 1.5em;
				}

				div#sidenav_cards {
					border: 0px solid #FF0000;
					display: block;
					padding: 1em;
				}

		div#body_sidenav ul { 
			border: 0px solid #FF0000; 
			margin-top: 0;
			padding: 0em;
			margin-left: 2.7em; 
			margin-right: 0em; 
		}
		div#body_sidenav li { 
			list-style-image:url(../images/navbullet.gif);
			padding-bottom: 0.2em;
			margin-right: 0em;
			padding-right: 0em;
		}

		div#body_sidenav a { color: #fff; text-decoration: none;}
		div#body_sidenav a:hover { color: #fff; text-decoration: underline;}

		/* body footer links */
		div#body_footer { 
			border: 0px solid #FF0000;
			border-top: 1px dotted #355f95;
			display: block;
			width: 959px;
			height: 30px; 
			background-color: #d4dde9;
			text-align: center;
			font-size: 11px;
			padding-top: 1em;
		}
		div#body_footer ul { 
			border: 0px solid #FF0000; 
			list-style: none; 
			margin: 0em auto; 
			padding: 0em; 
			color: #000000
		}
		div#body_footer li { display: inline; padding-bottom: 0.5em;}
		div#body_footer a { color: #355f95; text-decoration: none;}
		div#body_footer a:hover { color: #000; text-decoration: underline;}




/********************************
 	 footer container 
********************************/
div#container_footer {
	border: 0px solid #FF0000;
	display: block;
	width: 959px;
	height: 50px;
	background: transparent url(images/hkoi/footer.gif) no-repeat top; 
	padding-top: 2.2em;
	font-size: 10px;
	color:#FFFFFF;
	text-align: center;
}

		div#container_footer a { color: #fff; text-decoration: none; font-weight: bold;}
		div#container_footer a:hover { color: #fff; text-decoration: underline;}


/* fixing float problem */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.greetings { border: 1px solid #a2c8fb; background-color:#eff4fb; padding: 10px; margin-bottom:10px;}
.greetings u{ text-decoration: underline; color:#234c8b;}
.greetings strong { color:#000000;}

/* Products Box | Added by Mike, 5 May, 2008 */
.prodBox {
	display: block;
	width: 250px;
}


/* shopcart Box | Added by Mike, 5 May, 2008 */
.shopcartBox {
	display: block;
	width: 200px;
	margin-bottom: 10px;
	font-size: 12px;
	margin-top: 10px;
	padding-left: 10px;
}

/* shopcart Box | Added by Mike, 5 May, 2008 */
.featProdBox {
	display: block;
	width: 200px;
	margin-bottom: 10px;
	font-size: 12px;
	margin-top: 10px;
	padding-left: 10px;
}

span.price { display: inline; color: #009900; font-weight:bold; font-size: 14px;}

/* categories Box | Added by Mike, 24 June, 2008 */
.mainCatBox {
	display: block;
	width: 200px;
	margin-bottom: 10px;
	font-size: 12px;
	margin-top: 10px;
	padding-left: 10px;
	background-color:#FFFFFF;
}

/* CUSTOM CONTENT STYLE | Added by Mike, 16 July, 2008 */
div.customcontent { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify}
div.customcontent table, div.customcontent tr, div.customcontent ul, div.customcontent li{ font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
div.customcontent dl a{ font-weight: bold; text-align: none; color:#000000}
div.customcontent dl a:hover{ font-weight: bold; text-align: underline;}
div.customcontent p { font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
div.customcontent h2 { font-size: 17px; color:#0033CC; margin: 0px;}
div.customcontent h3 { font-size: 13px; color: #666666; margin: 0 0 10px 0;}
div.customcontent a.gotop{ color:#996600; text-decoration: underline; font-size: 13px;}
div.customcontent a.gotop:hover{ color:#996600; text-decoration: none}

/* added by graham */
div.container {
text-align:center;
width:100%;
}
div.container2 {
border:0 solid black;
display:block;
margin:0 auto;
padding:0;
position:relative;
text-align:left;
width:960px;
}

img {
border:0 none;
}

.box_header {color:#000;}

div.listbox_head
{
	font-weight:bold;
	background-color:#BBC3D3;
	line-height:40px;
	padding-left:5px;
	border-right:2px solid #3B4580;
}
div.listbox
{
	font-weight:normal;
	background-color:#FFFFFF;
	font-size:0.7em;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-right:2px solid #3B4580;
}

/* top manufacturer list */
#top
{
	color:white;
	font-size:10pt;
}
#top select
{
	font-size:9pt;
}
#top input
{
	font-size:9pt;
}
#top a:link,#top a:visited,#top a:active {
color:white;
text-decoration:underline;
}
#top a:hover {
text-decoration:none;
}

div.top
{
	position:relative;
	z-index:2;
	border:0px solid black;
	background: transparent url('/images/hkoi/bg_h1.png') repeat-x;
	height:48px;
	width:100%;
}
div.top_container
{
	background: transparent url('/images/hkoi/bar_h1.png') repeat-x;
	width:950px;
	padding-left:10px;
	border:0px solid white;
}
div.top_spacer
{
	position:relative;
	height:58px;
	width:960px;
}
div.body_content
{
	border:0px solid black;
}
div.head_content
{
	border:0px solid black;
	background-color:#EBEBEB;
}
div.clearer
{
	clear:both;
}
div.fleft
{
	float:left;
}
div.fright
{
	float:right;
}

div.top_logo
{
	position:relative;
	width:960px;
	height:110px;
	background-color:white;
}
div.tfleft
{
	float:left;
	padding-top:10px;
	border:0px solid white;
	padding-right:5px;
	line-height:20px;
}
div.controls
{
	height:25px;
	background-color:#497EB4;
}
#controls
{
	font-size:9pt;
	line-height:22px;
}
#controls  a:link, #controls a:visited, #controls a:active {
color:#FFFF00;
text-decoration:none;
}
#controls a:hover {
text-decoration:underline;
}