@charset "utf-8";
/* CSS Document */

html {
	height:100%;
	width: 100%;
}
body {
	background:url(images/bg_top_menu.jpg) repeat-x left top;
	margin:0px;
	height:100%;
	width:100%;
	font-family:Arial;
	font-size:12px;
	color:#040404;
}

#template-container {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}


/* #####################
		Body
####################### */
#template-header {
	overflow:hidden;
	background:url(images/bg_top_menu.jpg) repeat-x left top;
	width:1000px;
	height:85px;
}

#template-header div.logo {
	float:left;
	padding:24px 0px 0px 24px;
	width:176px;
}

#template-header ul.menu {
	background:url(images/menu_end.jpg) right 24px no-repeat;
	float:left;
	padding:24px 0px 0px 24px;
	width:462px;
}
#template-header ul.menu li { overflow:hidden; float:left; width:111px; height:60px; margin:0px; padding:0px 0px 0px 0px; }
#template-header ul.menu li a { overflow:hidden; float:left; padding-top:60px; width:111px; height:0px; background-position:left top; background-repeat:no-repeat; }
#template-header ul.menu li#gn-index a { background-image:url(images/menu_home.jpg); }
#template-header ul.menu li#gn-aboutus a { background-image:url(images/menu_about.jpg); }
#template-header ul.menu li#gn-faq a { background-image:url(images/menu_faq.jpg); }
#template-header ul.menu li#gn-contactus a { background-image:url(images/menu_contact.jpg); }
#template-header ul.menu li a:hover { background-position:left -60px; }
#template-header ul.menu li a:hover.current { background-position:left -120px; cursor:default; }
#template-header ul.menu li a.current { background-position:left -120px; cursor:default; }

#template-header div.cart {
	float:left;
	margin:10px 16px 0px 130px;
	width:168px;	
}
#template-header div.cart div.cartinfo {
	margin:8px 10px 0px 0px;
	font-weight:bold;
	text-align:right;
}
#template-header div.cart div.cartinfo .textstyle01 { color:#51E5E9; }


/* #####################
		Body
####################### */
#template-body {
	clear:both;
	overflow:hidden;
	width:1000px;
}


/* #####################
		Left Menu
####################### */
#template-leftmenu {
	float:left;
	width:190px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin:0px 0px 20px 0px;
	padding:0px 2px 0px 18px;
}

#template-leftmenu div.maintitle {
	clear:both;
	overflow:hidden;
	margin:14px 0px 0px 0px;
	width:190px;
}
#template-leftmenu div.searchbox { overflow:hidden; background:url(images/bg_searchbox.jpg) no-repeat left top; width:190px; height:25px; }
#template-leftmenu div.searchbox .textbox { float:left; padding:4px 0px 3px 10px; }
#template-leftmenu div.searchbox .textbox input { border:#E6E6E6 1px solid; width:125px; height:15px;  color:#696969; font-size:11px; text-align:center; }
#template-leftmenu div.searchbox .btnsubmit { float:left; }

#template-leftmenu div.setmargin { margin:3px 0px 2px 0px; }
#template-leftmenu div.separator { overflow:hidden; float:left; width:190px; height:1px; border-bottom:#3B628B 1px dotted; }
#template-leftmenu div.separator-end { overflow:hidden; float:left; width:190px; height:3px; background:#3D3739; }
#template-leftmenu div.maincat, #template-leftmenu div.subcat, #template-leftmenu div.subsubcat { clear:both; width:190px; }
#template-leftmenu div.maincat div.label { overflow:hidden; clear:both; width:170px; padding:0px 10px 0px 10px; }
#template-leftmenu div.maincat div.label a { display:block; }
#template-leftmenu div.maincat div.selected { background-image:url(images/arrow_sub.png); _background-image:url(images/arrow_sub.gif); background-position:175px 9px; background-repeat:no-repeat; }
#template-leftmenu div.maincat div.selected a { font-weight:bold; }
#template-leftmenu div.maincat .arrow { background-image:url(images/arrow_main.png); _background-image:url(images/arrow_main.gif); background-position:175px 9px; background-repeat:no-repeat; }
#template-leftmenu div.maincat div.separator { background:#FFFFFF; }
#template-leftmenu div.subcat div.label { overflow:hidden; clear:both; width:165px; padding:0px 10px 0px 15px; background:#E8E8E8; }
#template-leftmenu div.subcat div.label a { display:block; }
#template-leftmenu div.subcat div.arrow { background-image:url(images/arrow_sub.png); _background-image:url(images/arrow_sub.gif); background-position:175px 9px; background-repeat:no-repeat; }
#template-leftmenu div.subcat div.separator { background:#E8E8E8; }
#template-leftmenu div.subsubcat div.label { overflow:hidden; clear:both; width:150px; padding:0px 10px 0px 30px; background:#F7F7F7 url(images/leftmenu_subsubmenu_arrow.jpg) no-repeat 15px 9px; }
#template-leftmenu div.subsubcat div.label a { display:block; }
#template-leftmenu div.subsubcat div.separator { background:#F7F7F7; }

/* #####################
		Main Content
####################### */
#template-content {
	float:left;
	overflow:hidden;
	width:777px;
	margin:14px 5px 20px 8px;
	padding:0px;
}

#template-content-box, .centralstyle-content-box { clear:both; overflow:hidden; width:777px; margin:0px 0px 0px 0px; }
#template-content-box div.top, .centralstyle-content-box div.top { background:url(images/border_contentbox_top.jpg) no-repeat left top; width:769px; height:28px; padding:10px 0px 0px 8px; }
#template-content-box div.body, .centralstyle-content-box div.body { background:url(images/border_contentbox_bg.jpg) repeat-y left top; width:757px; padding:0px 10px 0px 10px; }
#template-content-box div.body { min-height: 500px; height: auto !important; height: 500px; }
#template-content-box div.bottom, .centralstyle-content-box div.bottom { overflow:hidden; float:left; background:url(images/border_contentbox_bottom.jpg) no-repeat left top; width:777px; height:11px; }


/* #####################
		Footer
####################### */
#template-footer {
	clear:both;
	width:1000px;
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	color:#040404;
	font-size:11px;
}
#template-footer .copyright, #template-footer .menu { width:778px; margin:0px 0px 0px 222px; }
#template-footer .menu { margin-bottom:6px; }
#template-footer .copyright .left { float:left; }
#template-footer .copyright .right { float:right; }
#template-footer .copyright .right a { color:#040404; text-decoration:none; }
#template-footer .copyright .right a:hover { color:#FF6600; text-decoration:none; }