/*******************************************************************************
 *	 HTML Elements
 *******************************************************************************/

html 			{ background: #323e4f; margin: 0; padding: 0; }
body 			{ background: #f9f9f9; margin: 0; padding: 0; font: 12px segoe ui, arial, tahoma; color: #333; line-height: 14px; }

table, div		{ margin: 0; padding: 0; font: 12px segoe ui, arial, tahoma; color: #333; line-height: 14px; text-align: left; }
textarea		{ margin: 0; padding: 5px; font: 12px segoe ui, arial, tahoma; color: #333; line-height: 14px; text-align: left; }
p				{ margin: 0px 0px 10px 0px; }
input, select	{ font: 12px segoe ui, arial, tahoma; color: #333; padding: 0; margin: 0; vertical-align: middle; }

a				{ color: #333; text-decoration: underline; }
a:visited		{ color: #333; }
a:hover			{ color: #000; }

h1		{ font: bold 24px segoe ui, segoe, arial, tahoma, verdana; color: #444; margin: 30px 0px 15px 0px; padding: 0px; text-align: left; line-height: 24px; }
h2		{ font: bold 16px segoe ui, arial, tahoma, verdana; color: #444; margin: 0px 0px 20px 0px; padding: 0px; text-align: left; }
h3		{ font: bold 15px segoe ui, arial, tahoma, verdana; color: #444; margin: 0px 0px 5px 0px; padding: 0px; text-align: left; }
h4		{ font: bold 13px segoe ui, arial, tahoma, verdana; color: #444; margin: 5px 0px 0px 0px; padding: 0px; text-align: left; }
h5		{ font: bold 12px segoe ui, arial, tahoma, verdana; color: #444; margin: 0px; padding: 0px; text-align: left; }
h6		{ font: bold 12px segoe ui, arial, tahoma, verdana; color: #444; margin: 0 0 2px 0; padding: 0 0 0 20px; text-align: left; text-indent: -20px; }

pre		{ border: 1px solid #333; padding: 5px; margin: 2px; display: block; }
form	{ margin: 0; padding: 0; }
ul { margin: 0px 0px 18px 0px; }
li { margin: 0 0 0 0px; padding: 0px;}
img		{ margin: 0; padding: 0; }

/*******************************************************************************
 *	 Must-have elements, used in CMS and  lib functions
 *******************************************************************************/

.cat-item-list				{ width: 550px; clear: both; border-bottom: 1px solid #ccc; }
.cat-item-list .container0	{ width: 550px; height: 111px; overflow: hidden; border-top: 1px solid #ccc; margin: 0 0px 1px 0; background: #fec; }
.cat-item-list .container1	{ width: 550px; height: 111px; overflow: hidden; border-top: 1px solid #ccc; margin: 0 0px 1px 0; }

.cat-list					{ width: 550px; }
.cat-list .container0		{ float: left; width: 179px; height: 130px; text-align: center; margin: 2px 2px 0 0; border: 1px solid #ccc; background: #fec; }
.cat-list .container1		{ float: left; width: 179px; height: 130px; text-align: center; margin: 2px 2px 0 0; border: 1px solid #ccc; }

.featured-h2		{ position: absolute; height: 0; visibility: hidden; }
.featured-h3		{ border-top: 1px dotted #ccc; }
.featured-row-div	{ height: 130px; overflow: hidden; }

.form-cell	{ height: 24px; line-height: 24px; vertical-align: middle; overflow: hidden; }
.input-numeric	{ width: 30px; text-align: right; }

.item-buy-warning-disabled	{ font-weight: bold; font-size: 10px; padding: 1px; line-height: 10px; text-align: center; color: #900; border: 0; }
.item-buy-warning-hidden	{ font-weight: bold; font-size: 10px; padding: 1px; line-height: 10px; text-align: center; color: #c60; border: 0; }
.item-buy-warning-shopsonly	{ font-weight: bold; font-size: 10px; padding: 1px; line-height: 10px; text-align: center; color: #060; border: 0; }

.item-page-image			{ float: right; width: 320px; height: 240px; margin: 0 0 10px 0; padding: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.item-thumbnail				{ width: 109px; height: 126px; margin: 0 1px 0 0; padding: 0px; border: 0; float: left; overflow: hidden; }
.item-thumbnail.enabled 	{ background: transparent; }
.item-thumbnail.disabled	{ background: #fdd; }
.item-thumbnail .name		{ width: 109px; height: 24px; line-height: 12px; color: #000; font-size: 11px;  font-weight: bold; text-align: center; overflow: hidden; }
.item-thumbnail .price		{ width: 109px; height: 12px; line-height: 12px; color: #c00; font-size: 12px;  font-weight: bold; text-align: center; overflow: hidden; }

.ruler-outer-div	{ width: 550px; margin: 0 auto; background: #ddd; clear: both; }
.ruler-inner-div	{ clear: both; padding: 5px 25px; text-align: center; }

.tbl-data		{ font: 10px segoe ui, tahoma, arial; color: #334; border-collapse: collapse; border: 1px solid #344; }
.tbl-data th	{ border-bottom: 1px solid #334; padding: 0px 5px; text-align: left; }
.tbl-data td	{ border-bottom: 1px solid #ccc; padding: 0px 5px; font-size: 11px; }
.tbl-data .hi	{ background: #eee; cursor: pointer; }
.tbl-data .lo	{ background: transparent; cursor: default; }

.tbl-spares			{ font-size: 11px; color: #333; border-collapse: collapse; border: 0; }
.tbl-spares li		{ font-size: 11px; }

.toolstrip-button	{ width: 18px; height: 18px; margin: 5px 2px 0 0; vertical-align: middle; cursor: pointer; }

/*******************************************************************************
 *	 Custom template elements
 *******************************************************************************/

.cat-item-list .inner1		{ width: 125px; height: 111px; float: left; overflow: hidden; }
.cat-item-list .inner2		{ width: 290px; height: 111px; float: left; overflow: hidden; margin: 0 5px; }
.cat-item-list .inner3		{ width: 125px; height: 111px; float: left; overflow: hidden; }
.cat-item-list .code		{ height: 19px; font-size: 10px; line-height: 19px; text-align: center; overflow: hidden; }
.cat-item-list .thumbnail	{ width: 120px; height: 90px; border: 0; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.cat-item-list .description	{ height: 90px; font-size: 11px; line-height: 13px; border: 0; overflow: hidden; cursor: pointer; }
.cat-item-list .stock		{ height: 20px; line-height: 11px; padding: 0; margin: 0; text-align: center; color: #000; font-size: 10px; }
.cat-item-list .order		{ margin: 5px; font-size: 11px; line-height: 13px; color: #000; text-align: center; overflow: hidden; }
.cat-item-list .price		{ font-size: 15px; height: 20px; line-height: 20px; padding: 0; margin: 30px 0 0 0; text-align: center; color: #c00; font-weight: bold; }
.cat-item-list small		{ font-size: 12px; }
.cat-item-list h2			{ font-size: 15px; line-height: 18px; height: 18px; margin: 3px 0px; padding: 0px; text-align: left; overflow: hidden; }
.cat-item-list a 			{ text-decoration: none; color: #333; }
.cat-item-list a:visited 	{ text-decoration: none; color: #333; }
.cat-item-list a:hover		{ text-decoration: none; color: #f00; }

.cat-list .name			{ height: 26px; font-size: 12px; line-height: 13px; text-align: center; margin: 5px auto; overflow: hidden; }
.cat-list a 			{ text-decoration: none; color: #333; }
.cat-list a:visited 	{ text-decoration: none; color: #333; }
.cat-list a:hover 		{ text-decoration: none; color: #f00; }
.cat-list img 			{ border: 0; }

.columns	{  overflow: hidden; }
.columns .column	{ padding-bottom: 32767px; margin-bottom: -32767px; }
.columns .col-a		{ float: left; width: 200px; background: url('images/menubg-l.png') top left repeat-y; }
.columns .col-b		{ float: left; width: 574px; background: url('images/infobg.png') top center repeat-y; overflow: hidden; }
.columns .col-c		{ float: left; width: 200px; background: url('images/menubg-r.png') top right repeat-y; }



.div-hilite	{ background: url(images/_bz3-bg2.png); cursor: default; }
.div-lolite	{ background: transparent; cursor: default; }

.insert1		{ border: 1px solid #66c; background: #eef; padding: 5px; }
.insert-warn	{ border: 1px solid #f60; background: #fe9; padding: 5px; }

.item-thumbnail a			{ color: #000; text-decoration: none; }
.item-thumbnail a:hover		{ color: #300; text-decoration: underline; }

.paging-current		{ padding: 2px; margin: 0 1px 0 0; text-align: center; line-height: 40px; font-weight: bold; font-size: 16px; color: #fff; background: #800; border: 0; }
.paging-anypage		{ padding: 2px; margin: 0 1px 0 0; text-align: center; line-height: 40px; font-weight: bold; font-size: 10px; color: #fff; background: #666; border: 0; }
.paging-anypage a	{ color: #fff; text-decoration: none; }
.paging-separator	{ padding: 2px; margin: 0 1px 0 0; text-align: center; line-height: 40px; font-weight: bold; font-size: 10px; color: #fff; background: #999; border: 0; }

.topmenu		{ height: 26px; margin: 0; font: bold 12px segoe ui, arial, tahoma;
				  text-align: center; line-height: 26px; color: #fff; float: left;
				  border-right: 1px solid #fff; background: transparent; cursor: pointer; }
.topmenu a			{ text-decoration: none; color: #fff; }
.topmenu a:visited	{ color: #fff; }
.topmenu a:hover	{ color: #fff; }
.topmenu-hilite		{ background: url(images/top-menu-hover.png); }
.topmenu-lolite		{ background: transparent; }


.menu-head		{ height: 25px; background: url('images/lmenu-header.png') no-repeat; font-weight: bold; font-size: 13px; line-height: 22px; color: #444; padding-left: 8px; }
.menu-sep		{ border-bottom: 1px dotted #999; }
.menu			{ height: 22px; background: url('images/menubg-item.png'); margin: 0 7px 1px 7px; font-size: 14px; line-height: 22px; color: #ccc; padding-left: 8px; text-align: left; }
.menu a				{ text-decoration: none; color: #ccc; }
.menu a:visited		{ color: #ccc; }
.menu a:hover		{ color: #fff; }
.disabled	 a			{ text-decoration: none; color: #f99; }
.disabled a:visited		{ color: #f99; }
.disabled a:hover		{ color: #fff; }


.itemdata				{ margin: 0; }
.itemdata .code			{ height: 19px; font-size: 10px; line-height: 19px; text-align: center; overflow: hidden; }
.itemdata .stock		{ height: 20px; line-height: 11px; padding: 0; margin: 0; text-align: center; color: #000; font-size: 10px; }
.itemdata .order		{ margin: 5px; font-size: 11px; line-height: 13px; color: #000; text-align: center; overflow: hidden; }
.itemdata .price		{ font-size: 24px; height: 30px; line-height: 30px; padding: 0; margin: 0; text-align: center; color: #c00; font-weight: bold; }
.itemdata small			{ font-size: 18px; }

.tagarea				{ text-align: center; padding: 7px; }
.tagarea img			{ width: 50px; height: 50px; border: 0; margin: 0 4px; }
.div-spares				{ text-align: center; font-weight: bold; font-size: 11px; border: 1px dotted #00c; padding: 3px 0; margin: 0 33px; background: #38c; color: #fff; }
.div-spares a 			{ text-decoration: underline; color: #fff; }
.div-spares a:visited 	{ text-decoration: underline; color: #fff; }
.div-spares a:hover		{ text-decoration: underline; color: #0f0; }

.adarea					{ text-align: center; }
.adarea img				{ border: 0; }
.adarea a 				{ text-decoration: underline; color: #fff; }
.adarea a:visited 		{ text-decoration: underline; color: #fff; }
.adarea a:hover			{ text-decoration: underline; color: #0f0; }

.admindata				{ border: 1px solid #ccc; background: #eee; margin: 0 0 5px 0; padding: 5px; }
.admindata .buttonarea	{ text-align: right; margin-bottom: 5px; }
.admindata table		{ border-collapse: collapse; border-top: 1px solid #ccc; }
.admindata table small	{ font-size: 11px; }
.admindata tr			{ border: 0; }
.admindata td			{ border-top: 0; border-bottom: 1px solid #ccc; }

.admintop				{ margin: 3px 0 0 0; padding: 0; }
.admintop div			{ float: left; margin: 0 0 0 0; color: #fff; width: 60px; height: 24px; line-height: 24px; font-size: 10px; font-weight: bold; overflow: hidden; }
.admintop img			{ width: 24px; height: 24px; border: 0; vertical-align: middle; }

#cart					{ color: #333; margin: 0 7px; padding: 7px 0; text-align: center; background: url('images/bg-lighten50.png'); }
#cart .price			{ font-size: 24px; height: 30px; line-height: 30px; padding: 0; margin: 0; text-align: center; color: #c00; font-weight: bold; }
#cart small				{ font-size: 18px; }
#cart table				{ border-collapse: collapse; border-top: 1px solid #333; }
#cart table a			{ text-decoration: none; }
#cart table small		{ font-size: 11px; }
#cart tr				{ border: 0; }
#cart th				{ border-top: 0; border-bottom: 1px solid #333; }
#cart td				{ border-top: 0; border-bottom: 1px solid #333; }
#cart a 				{ text-decoration: underline; color: #333; }
#cart a:visited 		{ color: #333; }
#cart a:hover			{ color: #000; }

.checkout-summary-left	{ float: left; clear: left; width: 100px; height: 34px; padding: 2px 0; border-bottom: 1px solid #ccc; overflow: hidden; }
.checkout-summary-right	{ float: left; width: 85px; height: 34px; line-height: 30px; padding: 2px 0; border-bottom: 1px solid #ccc;
							text-align: right; font-size: 15px; font-weight: bold;}

/* .login-label	{ width: 60px; height: 14px; overflow: hidden; line-height: 18px; float: left; } */
.login-area			{ color: #eee; }
.login-area a			{ text-decoration: underline; color: #ccc; }
.login-area a:visited	{ color: #ccc; }
.login-area a:hover		{ color: #fff; }
.login-area input	{ width: 120px; vertical-align: middle; font-size: 10px; }
.login-area .button	{ width: 50px; height: 20px; vertical-align: middle; font: bold 10px tahoma, arial; margin: 0 5px; }

.search-input	{ width: 140px; }
.search-submit	{ width: 40px; font: bold 10px tahoma, arial; color: #333; }

.misc-input		{ height: 14px; }

.center		{ text-align: center; }
.white		{ color: #fff; }
.bold		{ font-weight: bold; }

.small		{ font-size: 11px; line-height: 12px; }
.smaller	{ font-size: 10px; line-height: 11px; }
.smallest	{ font-size: 9px; line-height: 10px; }

.right { text-align: right; }
.red	{ color: #c00; }
.warning-red	{ font-weight: bold; font-size: 10px; padding: 1px; line-height: 10px; text-align: center; color: #900; border: 0; }
.warning-orange	{ font-weight: bold; font-size: 10px; padding: 1px; line-height: 10px; text-align: center; color: #c60; border: 0; }
.warning-green	{ font-weight: bold; font-size: 10px; padding: 1px; line-height: 10px; text-align: center; color: #060; border: 0; }


.tbl_cat	{ font: 11px segoe ui, arial, tahoma; color: #333; border-collapse: collapse; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.tbl_cat th	{ border-bottom: 1px solid #666; text-align: left; padding: 0 3px 0 3px; }
.tbl_cat td { border-bottom: 1px solid #666; font: 11px segoe ui, arial, tahoma; padding: 0 3px 0 3px; }
.tbl_cat p	{ font: 11px segoe ui, arial, tahoma; line-height: 12px; margin: 0; }
.tbl_cat .del	{ color: #c00; font-size: 13px; font-weight: bold; cursor: pointer; }
.tbl_cat .hilite { background: #eee; cursor: pointer; }
.tbl_cat .lolite { background: transparent; cursor: default; }

.tbl_cart	{ font-size: 11px; color: #333; border-collapse: collapse; border: 0; margin: 10px; text-align: left; }
.tbl_cart th	{ border-bottom: 1px solid #999; padding: 1px; }
.tbl_cart td	{ border-bottom: 1px solid #aaa; padding: 1px; }
.tbl_cart .del	{ color: #c00; font-size: 12px; font-weight: bold; cursor: pointer; }
.tbl_cart a			{ text-decoration: none; color: #009; }
.tbl_cart a:visited	{ color: #009; }
.tbl_cart a:hover	{ color: #c00; }

.tbl_hitlog	{ font-size: 11px; border-collapse: collapse; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.tbl_hitlog th	{ border-bottom: 1px solid #666; text-align: left; padding: 0; }
.tbl_hitlog td	{ border-bottom: 1px dotted #666; padding: 0; }
.tbl_hitlog div	{ font-size: 11px; overflow: hidden; margin: 0; padding: 0; cursor: pointer; }

.tbl_borderless		{ font: 12px segoe ui, arial, tahoma; color: #333; border-collapse: collapse; }
.tbl_borderless th	{ border-bottom: 1px solid #666; text-align: left; padding: 3px; }
.tbl_borderless td	{ font: 12px segoe ui, arial, tahoma; padding: 3px; }

.tbl_data	{ font: 10px segoe ui, tahoma, arial; color: #334; border-collapse: collapse; border: 1px solid #344; }
.tbl_data th	{ border-bottom: 1px solid #334; padding: 0px 5px; text-align: left; }
.tbl_data td	{ border-bottom: 1px solid #ccc; padding: 0px 5px; font-size: 11px; }
.tbl_data .hilite { background: #eee; cursor: pointer; }
.tbl_data .lolite { background: transparent; cursor: default; }

.tbl_list		{ font-size: 11px; color: #334; border-collapse: collapse; border: 1px solid #344; }
.tbl_list th	{ border-bottom: 1px solid #334; padding: 0px 5px; text-align: left; }
.tbl_list td	{ border-bottom: 1px solid #ccc; padding: 0px 5px; font-size: 11px; }
.tbl_list.borderless	{ border-left: 0; border-right: 0; }

.orderstat0 { color: #dd8800; }
.orderstat1 { color: #008000; font-weight: bold; }
.orderstat2 { color: #c00000; }
.orderstat3 { color: #00c000; }
.orderstat4 { color: #666666; }
.orderstat5 { color: #c00000; }
.orderstat6 { color: #800000; }
.orderstat7 { color: #800000; }
.orderstat8 { color: #666666; }
.orderstat9 { color: #660033; }


.tpl2		{ font: 10px tahoma, arial; color: #666; line-height: 12px; }

.lnk { width: 87px; height: 87px; float: left; margin: 1px; text-align: center; overflow: hidden; }
.lnk a { text-decoration: none; }