html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 14px;
	/*color: #234484;*/
	margin: 0;
	padding: 0;
	background: #ffffff;
}
a{
	text-decoration: none;
	color: #234484;
}
a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}


input.button { 
	cursor: pointer; 
}


p { 
	margin: 0; 
	padding: 0;
}

img { 
	border: 0 none; 
}

#container {
	width:960px;
	height:100%;
	position: relative;
	top: 0px;
	/*border: 1px solid red;*/
}
#top, #banner, #topmenu, #topmenubottom, #secondtopmenu, .spacer_x1, #secondtopmenubottom, #maincotainer{
	width: 100%;
	clear: both;
	float: left;
	text-align: center;
	
}
#top{
	height: 27px;
	background: #234484;
	color: #ffffff;
}
#top .left, #top .right, #banner .left, #banner .center, #banner .right, #topmenubottom .left, #topmenubottom .centerleft, #topmenubottom .center, #topmenubottom .centerright, #topmenubottom .right, #secondtopmenu .left, #secondtopmenu .centerleft, #secondtopmenu .center, #secondtopmenu .centerright, #secondtopmenu .right, #secondtopmenubottom .left, #secondtopmenubottom .leftleft, #secondtopmenubottom .leftcenter, #secondtopmenubottom .leftright, #secondtopmenubottom .leftrightborder, #secondtopmenubottom .centerleft, #secondtopmenubottom .center, #secondtopmenubottom .centerright, #secondtopmenubottom .rightleftborder, #secondtopmenubottom .rightleft, #secondtopmenubottom .rightcenter, #secondtopmenubottom .rightright, #secondtopmenubottom .right,#maincotainer .left, #maincotainer .center, #maincotainer .right{
	float:left; 
	height: 100%;
}
#top .left, #top .right{
	font-size: 11px;
	line-height: 27px;
}
#top .left{
	text-align: left;
	margin-left: 7px;
}
#top .right{
	text-align: right;
	float: right;
	margin-right: 11px;
}
#top .right .search{
	float: right;
}
#top .right .search form{
	margin: 0;
	padding: 0;
	height: 27px;
	line-height: 27px;
	
}
#top .right .search input{
	height: 15px;
	line-height: 15px;
}
#top .right .search input#text{
	width: 123px;
	margin: 0;
	border: none;
}
#top .right .search input#Submit1{
	width: 20px;
	margin: 0;
	cursor: pointer;
	background: url(HKS2009/search.jpg) no-repeat left top;
	border: none;
}
#top .right a.sitemap{
	float: right;
	color: #ffffff;
	margin-right: 12px;
	
}
.Legend a{
color:#ffffff;
}
#top span.Legend a.Legend {
	padding-right: 22px;
	background: none;
}



#banner{
	height: 174px;
	border: 0px solid #223a63;
	border-bottom: 4px solid #223a63;
}
#banner .left, #banner .right{
	border: 0px solid #91a2c2;
	border-top: 1px solid #91a2c2;
}
#banner .center{
	border: 0px solid #5282ae;
	border-top: 1px solid #5282ae;
}
#banner .left, #banner .center, #banner .right{
	height: 173px;
}
#banner .left{
	width: 163px;
	text-align: left;
}
#banner .center{
	width: 636px;
	text-align: center;
}
#banner .right{
	width: 161px;
	text-align: right;
}
#topmenu{
	height: 54px;
	text-align: center;
	overflow: hidden;
	background: url(HKS2009/topmenu.jpg) repeat-x left top;	
}
#topmenu #topnavigation{
	float: left;
	width: 100%;
	height: 54px;
}


#topmenubottom{
	height: 5px;
}
#topmenubottom .left, #topmenubottom .right{
	border: none;
	border-top: 1px solid #d2d9e6;
}


#topmenubottom .left{
	width: 6px;
}
#topmenubottom .centerleft{
	width: 5px;
	background: url(HKS2009/topmenubottomleft.jpg) no-repeat left top;
}
#topmenubottom .center{
	width: 937px;
	background: url(HKS2009/topmenubottomcenter.jpg) repeat-x left top;
}
#topmenubottom .centerright{
	width: 5px;
	background: url(HKS2009/topmenubottomright.jpg) no-repeat left top;
}
#topmenubottom .right{
	width: 7px;
}
#secondtopmenu{
	margin: 0;
	padding: 0;
	margin-top: 9px;
	height: 38px;
	background: url(HKS2009/secondtopmenu.jpg) repeat-x left top;
}
#secondtopmenu .left, #secondtopmenu .right, #secondtopmenu .center{
	line-height: 38px;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
}
#secondtopmenu .left, #secondtopmenu .right{
	border: none;
	border-top: 1px solid #d2d9e6;
}



#secondtopmenu .left{
	width: 153px;
}
#secondtopmenu .left .shop{
	float: left; 
	position: relative; 
	left: 12px;
}
.shop a{
text-decoration:none;
color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
#secondtopmenu .left .cart{
	float: right; 
	line-height: 38px; 
	height: 38px; 
	margin-right: 3px; 
	margin-top: 3px;
}
#secondtopmenu .centerleft{
	width: 55px;
	background: url(HKS2009/secondtopmenuleft.jpg) no-repeat left top;
}
#secondtopmenu .center{
	width: 544px;
}
#secondtopmenu .centerright{
	width: 53px;
	background: url(HKS2009/secondtopmenuright.jpg) no-repeat left top;
}
#secondtopmenu .right{
	width: 155px;
	overflow: visible
}
#secondtopmenu .right .info{
	position: relative; 
	right: 12px; 
	width: 167px; 
	float: left; 
	text-align: left; 
	font-size: 13px;
}
.info a{
	text-decoration:none;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;	
}

.spacer_x1{
	width: 100%;
	height: 1px;
	background: url(HKS2009/spacer_x1.jpg) no-repeat left top;
}
#secondtopmenubottom{
	height: 7px;
}



#secondtopmenubottom .left{
	width: 5px;
} 
#secondtopmenubottom .leftleft{
	width: 5px;
	background: url(HKS2009/secondtopmenubottomleftleft.jpg) no-repeat left top;
} 
#secondtopmenubottom .leftcenter{
	width: 162px;
	background: url(HKS2009/secondtopmenubottomleftcenter.jpg) repeat-x left top;
} 
#secondtopmenubottom .leftright{
	width: 6px;
	background: url(HKS2009/secondtopmenubottomleftright.jpg) no-repeat left top;
} 
#secondtopmenubottom .leftrightborder{
	width: 54px;
} 
#secondtopmenubottom .centerleft{
	width: 7px;
	background: url(HKS2009/secondtopmenubottomcenterleft.jpg) no-repeat left top;
} 
#secondtopmenubottom .center{
	width: 483px;
	background: url(HKS2009/secondtopmenubottomcenter.jpg) repeat-x left top;
} 
#secondtopmenubottom .centerright{
	width: 7px;
	background: url(HKS2009/secondtopmenubottomcenterright.jpg) no-repeat left top;
} 
#secondtopmenubottom .rightleftborder{
	width: 48px;
} 
#secondtopmenubottom .rightleft{
	width: 6px;
	background: url(HKS2009/secondtopmenubottomrightleft.jpg) no-repeat left top;
} 
#secondtopmenubottom .rightcenter{
	width: 161px;
	background: url(HKS2009/secondtopmenubottomleftcenter.jpg) repeat-x left top;
} 
#secondtopmenubottom .rightright{
	width: 5px;
	background: url(HKS2009/secondtopmenubottomrightright.jpg) no-repeat left top;
} 
#secondtopmenubottom .right{
	width: 11px;
} 


#maincotainer{
	margin: 0;
	margin-top: 22px;
	padding-bottom: 22px;
}


#maincotainer .left, #maincotainer .right{
	text-align: left;
	border: none;
}
#maincotainer .left{
	width: 177px;
	padding-left: 18px;
}
#maincotainer .right{
	width: 182px;
	padding-left: 13px;
}
#maincotainer .left p{
color: #234484;
}
#maincotainer .right p{
color: #234484;
}
#maincotainer .center{
	/*width: 567px;*/
	text-align: center;
	border-left: 2px solid #c9d1e1;
	border-right: 1px solid #91a2c2;
}
#maincotainer, #maincotainer .left, #maincotainer .center, #maincotainer .right{
	min-height: 533px;
	height: expression(this.height < 533 ? 533: true);
}

#maincotainer .center .sub_center_content{
text-align:left;
padding-left:19px;
width: 724px;
}

.spacer166x1{
	width: 166px;
	height: 1px;
	background: #91a2c2;
}


#maincotainer .left, #maincotainer .right{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #234484;
}



#maincotainer .left p, #maincotainer .right p{
}


#maincotainer .left p{
	padding-left: 18px;
}
#maincotainer .right p{
	padding-left: 0px;
}
#maincotainer .left p, #maincotainer .right p{
	padding-top: 7px;
	padding-bottom: 25px;
}

#maincotainer .right p#news span.date, #maincotainer .right p#news span.readmore{
	font-size: 10px;
	line-height: 10px;
	font-weight: bold
}
#maincotainer .right p#news span.date a, #maincotainer .right p#news span.readmore a, #maincotainer .right p#news span.newsarchive a{
	font-weight: bold
}

#maincotainer .center .products{
	width: 533px;
	padding: 0;
	margin: 0;
        margin-top:0px;
	margin-left: 24px;
	margin-right: 10px;
}
#maincotainer .center .products .mainbox{
	width: 246px;
	height: 315px;
	border-top: 1px solid #8595b5;
	border-right: 1px solid #8999b9;
	border-bottom: 1px solid #91a1c1;
	border-left: 1px solid #91a1c1;
	float: left;
	background: url(HKS2009/productbox.jpg) repeat-x left top;
	padding: 2px 2px 0;
}
.spacer19x319{
	width: 19px;
	height: 319px;
	float: left;
}
.spacer567x19{
	width: 567px;
	height: 19px;
	clear: both;
}

#maincotainer .center .products .mainbox .titlebox{
	height: 28px;
	line-height: 28px;
	border: 1px solid #ffffff;
	background: url(HKS2009/producttitlebox.jpg) repeat-x left top;
	text-align: center;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}
#maincotainer .center .products .mainbox .subbox{
	clear: both;
	text-align: left;
	width: 246px;
	height: 179px;
}
#maincotainer .center .products .mainbox .subbox .itemnr{
	margin-left: 4px;
	margin-top: 3px;
	color: #000000;
	font-size: 10px;
	clear:both;
	height: 15px;
	line-height: 15px;
}
#maincotainer .center .products .mainbox .subbox .product{
	clear:both;
	width: auto;
	height: 168px;
	text-align: center;
	vertical-align: top;
}
#maincotainer .center .products .mainbox .subbox .product img{
	max-width: 179px;
	width: expression(this.width > 179 ? 179: true);
	max-height: 168px;
	height: expression(this.height > 168 ? 168: true);
	vertical-align: top;
}
#maincotainer .center .products .mainbox .subbox .details{
	clear:both;
	width: auto;
	height: 106px;
	position: relative;
	bottom: 4px;
	margin-left: 4px;
	margin-right: 3px;
	z-index: 0;
}


#maincotainer .center .products .mainbox .subbox .details .titlebar{
	font-size: 10px;
	background: url(HKS2009/boxedarrow.jpg) no-repeat left top;
	padding-left: 15px;
	position: relative;
	height: 11px;
	z-index: 0;
}
#maincotainer .center .products .mainbox .subbox .details .titlebar a{
	height: 11px;
	line-height: 8px;
	font-weight: bold;
}
#maincotainer .center .products .mainbox .subbox .details .box{
	border: 1px solid #dd9000;
	width: 229px;
	height: 41px;
	background: #fbd618 url(HKS2009/detailsbox.jpg) repeat-x left top;
	margin-top: 6px;
	font-size: 10px;
	padding: 2px 4px;
	overflow: hidden;
	z-index: 0;
}
#maincotainer .center .products .mainbox .subbox .details .order{
	width: 70px;
	height: 19px;
	margin-top: 4px;
	float: right;
}
#maincotainer .center .products .mainbox .subbox .details .order .button_medium{
	font-weight: bold;
	color: #ffffff;
	background: url(HKS2009/order.jpg) repeat-x left top;
	font-size: 10px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	border: none;
	font-weight: bold;
}



#maincotainer .center .products .mainbox .subbox .details .price{
	margin: 0;
	padding: 0;
	margin-top: 15px;
	font-size: 14px;
	line-height: 19px;
	text-align: left;
	float: left;
	font-weight: bold;
	color: #000000;
	z-index: 0;
}
#p7menubar {
	width: 100%;
	float:left;
	height: 54px;
	z-index: 100;
}
#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 100;
}
#p7menubar a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	color: #ffffff;
}
#p7menubar li a:hover{
	text-decoration: underline;
}
#p7menubar li li a{
	text-decoration: none;
}



#p7menubar li {
	padding: 0 24px 0 24px;
}

#p7menubar li .out{
	margin: 0;
	padding:0;
	width: 100%;
	height: 100%;
	text-align: center;
}
#p7menubar li .in{
	margin: 0;
	padding:0;
	display:block;
	height: 100%;
	padding-left: 0;
	margin-left: 4px;
	padding-right: 4px;
}
#p7menubar li span a{
	line-height: 54px;
	margin: 0;
	padding: 0;
	padding-left: 12px;
	padding-right: 4px;
}

#p7menubar li:hover .out{
	background: none;
}
#p7menubar li:hover .in{
	background: url(HKS2009/hover.jpg) no-repeat right top;
}
#p7menubar li:hover span a{
	background: url(HKS2009/hover.jpg) no-repeat left top;
}
#p7menubar li.selected .in{
	background: url(HKS2009/hover.jpg) no-repeat right top;
}
#p7menubar li.selected span a{
	background: url(HKS2009/hover.jpg) no-repeat left top;
}

#p7menubar li li .out,
#p7menubar li:hover li .out{
	background: none;
}
#p7menubar li li .in,
#p7menubar li:hover li .in{
	background: none;
}
#p7menubar li li span a,
#p7menubar li:hover li span a{
	background: none;
}

#p7menubar ul li {
}
#p7menubar li {
	float: left;
	/*line-height: 54px;*/
}
#p7menubar li a{
	/*line-height: 54px;*/
}
/*#p7menubar li li, #p7menubar li li a{
	line-height: 33px;
}
*/
#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */



#p7menubar li ul, #p7menubar ul li  {
	width: 12em;
	clear: both;
}
#p7menubar ul li a  {
	color: #ffffff;
	border-right: 0;
	float:left;
	text-align:left;
}
#p7menubar li ul {
	position: absolute;
	display: none;
	background: transparent;
	padding-top: 6px;
	margin-left: -65px;	
}
.subMenu li{
	background: url(HKS2009/submenuback.gif) no-repeat left top;
	
}
.subMenu li a{
padding:8px 0px 10px 0px;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #ffffff;
	
}
.subMenu li:hover {	
	background: url(HKS2009/submenuback_hover.gif) no-repeat left top;	
}

#p7menubar ul li li {	
	/*line-height:34px;*/
}
#p7menubar li ul li a.lastitem{
	background:#00FF66;
	}
#p7menubar li:hover li a{	
	/*height: auto;
	line-height: 33px;*/
}

#p7menubar li:hover li a{
	border: none
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: inline;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #ffffff;
}
#p7menubar ul a:hover {
	color: #ffffff !important;
}
#p7menubar ul li a:hover{
	text-decoration:underline;
}


#hatt-10_ {

	position:relative;

	left:0px;

	top:0px;

	width:16px;

	height:373px;

	float: right;

}

#hatt-11_ {

	position:relative;

	left:0px;

	top:0px;

	width:953px;

	height:21px;

	background-color: #e8e7e9;

	float: none;

	display: block;

	padding-top: 5px;

}
/*--------------- @ start of sub-sub mneu---------*/
#p7menubar ul ul li{
	display: none
}
#p7menubar ul li:hover li{
	display: block;
}
#p7menubar li{
	text-align: left;
	
}
#p7menubar li ul{
	padding: 0px;
	margin: 0px;
	padding-top: 6px;
	margin-left: -24px;
}
#p7menubar li ul ul{
	padding: 0px;
	margin: 0px;
}
#p7menubar li ul a,
#p7menubar li ul ul{
	clear: both;
}
#p7menubar ul {
position: relative;
}
#p7menubar ul ul{
left: 216px;
_left: 240px;
*left: 240px;
-left: 240px;
}
#p7menubar ul ul li{
position: relative;
}
/*--------------- @ End of sub-sub mneu---------*/