@font-face {
    font-family: 'HeroRegular';
    src: url('hero-webfont.eot');
    src: url('hero-webfont.eot?#iefix') format('embedded-opentype'),
         url('hero-webfont.woff') format('woff'),
         url('hero-webfont.ttf') format('truetype'),
         url('hero-webfont.svg#HeroRegular') format('svg');
    font-weight: normal;
    font-style: normal;

	}

	*
	{ margin: 0; padding: 0; border: none; outline: none; font-weight:normal; line-height: 1em; }
	
	b, strong
	{ font-weight: bold; }
	
	.clear
	{ clear: both; }
	
	.left
	{ float: left; }
	
	.right
	{ float: right;	}
	
	.small-right
	{ float: right;	width:350px;}
	
	body
	{ font-family: 'HeroRegular', sans-serif; color: #666; font-size: 16px;}
	
	#container
	/*AF-2014/07/25 edited height from 590 to 580*/
	{ height: 580px; width: 1000px; position: relative; background: url(images/bg.jpg) no-repeat center center #eee; padding-top: 67px; }
	
	#header
	{ height: 53px; border-bottom: 1px solid #ccc; box-shadow: 0 3px 3px rgba(0table tr td.brand,0,0,0.1); overflow: hidden; padding: 12px 12px 0 12px; background: #fff; position: absolute; top: 0; width: 975px; z-index: 99; }
	
		#header ul
		{ list-style: none; overflow: hidden; margin-right: 12px; width: 550px; }
		#header ul.right
		{ list-style: none; overflow: hidden; margin-right: 12px; width: 400px; }
		
		#header ul li
			{ float: left; color: #666; text-transform: uppercase; font-size: 10px; margin-left: 12px; line-height: 46px; }
			
		#header a.homeButton
		{ display: block; width: 20px; padding: 4px; border-radius: 8px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #32a5ea url(images/icon-home.png) no-repeat center center; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 18px; text-indent: -9999px; }
		
		#header a.logoutButton
		{ display: block; width: 20px; padding: 4px; border-radius: 8px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #32a5ea url(images/icon-logout-small.png) no-repeat center center; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 18px; text-indent: -9999px; } 
		
			#header a.homeButton:hover, #header a.logoutButton:hover
			{ background-color: #000; }
		
		.brandName
		{ line-height: 34px!important; margin-left: 18px!important; height: 34px; font-size: 11px!important; } 
		
		.watermark
		{ line-height: 34px!important; margin-left: 18px!important; height: 34px; font-size: 16px!important; } 
		
			.watermark img
			{ margin-right: 6px; margin-top: 5px; }
			
			.watermark a:hover
			{ color: #32a5ea; }
		
		.watermarkVersion
		{ line-height: 34px!important; margin-left: 18px!important; height: 34px; font-size: 11px; } 
		.watermarkRight
		{ float: right!important; margin-right: 12px; font-size:11px; line-height: 34px; font-weight:bold;}
			
			#header ul.right li
			{ float: right!important; }
	.price
	{ font-family: Helvetica; font-weight: bold; padding: 8px 12px; overflow: hidden; }
				
		.price h1
		{ font-size: 48px; color: #000; font-weight: bold; text-align: right; }
	
		.price h1 span
		{ display: block; color: #666; font-size: 16px; }
		
		.price a.searchButton
		{ display: block; width: 20px; padding: 4px; border-radius: 8px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #32a5ea url(images/icon-search.png) no-repeat center center; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; font-family: 'HeroRegular', sans-serif; text-transform: uppercase; margin-left: 10px; margin-top: 30px; text-indent: -9999px; }
		
		.price input[type="text"]
		{ margin-left: 10px; margin-top: 30px; width: 110px; height: 10px; background: transparent; background: url(images/bg-input-mini-search.png) no-repeat left bottom; padding: 10px; }
		
			.customerInfo
			{ width: 480px; float: left; margin-left: 22px; }
			
				.customerInfo h1
				{ font-family: 'HeroRegular'; font-size: 24px; text-transform: uppercase; text-align: left; margin-bottom: 4px; }
				
				.customerInfo p
				{ float: left; font-size: 14px; line-height: 1.4em; margin-bottom: 0; }
				
				.customerInfo .points
				{ float: right; }
				
					.customerInfo p strong
					{ color: #000; font-weight: bold; }
		
	.items
	{ background: #fff; border: 1px solid #ddd; padding: 12px; overflow: hidden; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); font-family: Helvetica; margin-bottom: 12px; }		
	
	.items ul
	{ list-style: none; margin-left: -10px; margin-top: -24px; overflow: hidden; height: 520px; }
	
		.items li
		{ float: left; margin-left: 10px; margin-top: 24px; text-align: center; width: 110px; height: 150px; }
		
			.items li img
			{ margin-bottom: 6px; }
		
	.items h3 a
	{ font-family: Helvetica, sans-serif; color: #000; text-decoration: none; font-size: 10px; font-weight: bold; text-transform: uppercase; }
	
	.items li:hover img
	{ box-shadow: 3px 3px 3px rgba(0,0,0,0.1); }
	
	.items li:hover a
	{ color: #2e7ba9; }
		
	.col1
	{ width: 180px; margin-right: 20px; float: left; height: 590px; position: relative; padding-left: 20px; }
	
	.col2
	{ width: 505px; float: left; margin-right: 20px; }
	
	.col3
	{ width: 260px; float: left; }
		
	ul.brands 
	{ list-style: none; }
	
		ul.brands li
		{ margin-bottom: 6px; }
	
		ul.brands li a
		{ display: block; background: #999; text-decoration: none; color: #fff; text-transform: uppercase; border-radius: 8px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 12px; }
		
		ul.brands li a:hover, ul li.active a
		{ background: #32a5ea; }
		
		ul.brands li a:active
		{ background: #2697da; }
		
	.controlIcons
	{ list-style: none; overflow: hidden; position: absolute; bottom: 30px; text-align: center; }
	
		.controlIcons li
		{ width: 70px; float: left; margin-left: 12px; }
		
			.controlIcons li span
			{ font-size: 10px; display: block; padding: 4px; }
			
			.controlIcons li a
			{ color: #000; text-decoration: none; }
		
	.receipt
	{ background: #fff; border: 1px solid #ddd; padding: 12px; overflow: auto; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); font-family: Helvetica; height: 497px; margin-bottom: 12px; }
	
		.receipt ul
		{ list-style: none; width: 235px; overflow: hidden; }
		
			.receipt ul li
			{ float: left; padding: 4px; overflow: hidden; font-size: 12px; }
			
				.receipt ul li.odd
				{ background: #fff; }
				
				.receipt ul li.even
				{ background: #eee; }
				
				.receipt ul li.active
				{ background: #32a5ea; color: #fff; }
				
				.receipt ul li:hover
				{ background: #2694d6; color: #fff; } 
				
					.receipt ul li ul li.qty
					{ width: 14px; }
					
					.receipt ul li ul li.desc
					{ width: 140px; }
					
					.receipt ul li ul li.subtot
					{ width: 40px; }
				.receiptHeading
		{ font-size: 12px; color: #000; text-align: center; margin-bottom: 12px; line-height: 1.4em; border-bottom: 1px solid #ccc; padding-bottom: 12px;  }
		
			.receiptHeading strong
			{ font-size: 14px; font-weight: bold; }
.status
{ height: 24px; border-top: 1px solid #ccc; background: #fff; overflow: hidden; padding: 6px 12px 0 12px; position: absolute; bottom: 0; width: 1000px; z-index: 99; }

	.status p
	{ float: left; font-size: 12px; line-height: 18px; }
	
	.status ul
	{ float: right; overflow: hidden; list-style: none; }
	
		.status ul li
		{ float: left; line-height: 17px; font-size: 12px; margin-left: 12px; height: 17px; vertical-align: middle; }
		
			.status ul li img
			{ margin-right: 8px; }
			
.pagination {
	OVERFLOW: hidden
}
.pagination UL {
	LIST-STYLE-TYPE: none; FLOAT: left; OVERFLOW: hidden; LIST-STYLE-IMAGE: none
}
.pagination UL LI {
	FLOAT: left; MARGIN-RIGHT: 8px
}
.pagination UL LI A {
	PADDING-BOTTOM: 8px; TEXT-INDENT: -9999px; PADDING-LEFT: 8px; WIDTH: 20px; PADDING-RIGHT: 8px; DISPLAY: block; HEIGHT: 20px; PADDING-TOP: 8px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px
}
.pagination UL LI A.next {
	BACKGROUND: url(images/icon-next.png) #32a5ea no-repeat center center
}
.pagination UL LI A.prev {
	BACKGROUND: url(images/icon-prev.png) #32a5ea no-repeat center center
}
.pagination UL LI A:hover {
	BACKGROUND-COLOR: #000
}
.pagination P {
	LINE-HEIGHT: 36px; FONT-FAMILY: Helvetica; FLOAT: right; FONT-SIZE: 12px
}
.payButton
{ background: url(images/icon-cash.png) no-repeat 50px center #32a5ea; display: block; height: 20px; padding: 4px; border-radius: 8px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-decoration: none; color: #fff; font-size: 18px; font-weight: bold; text-align: center; }

.currentScreen
{ display: block; width: 120px; padding: 4px; border-radius: 8px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #ddd url(images/icon-pos-small.png) no-repeat 16px 8px; text-align: center; text-decoration: none; color: #333; font-weight: bold; font-size: 18px; }

	.logOut
{ display: block; width: 140px; padding: 4px; border-radius: 8px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #32a5ea url(images/icon-logout-small.png) no-repeat 10px 8px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 18px; }

	.branchOperations
	{ display: block; width: 300px; padding: 4px; border-radius: 8px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #333 url(images/icon-branch-small.png) no-repeat 16px 8px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 18px; }




.mainHome
{ height: 546px; overflow: hidden; padding: 0px 12px 12px 12px; }

	.dataHome
	{ overflow: auto; padding: 5px; }

	.bigButton
	{ list-style: none; margin-left: -18px; overflow: hidden; width: 600px; margin: 120px auto 0 auto; }
	
		.bigButton li
		{ float: left; margin-left: 18px; margin-bottom: 18px; width: 124px; height: 124px; }
		
			.bigButton li a
			{ display: block; background: url(images/bg-bigButtons.png) repeat-x #efefef; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); float: left; width: 130px; height: 115px; border: 2px solid #ddd; text-align: center; color: #000; text-decoration: none; text-transform: uppercase; }			
				.bigButton li a span
				{ display: block; margin-top: 8px; }
				
				.bigButton li a img
				{ margin-top: 12px; }
				
				.bigButton li a:hover
				{ box-shadow: 0 0 0; margin: 4px 0 0 4px; border: 2px solid #32a5ea; }
				
				.bigButton li a:active
				{ background: url(images/bg-bigButtons-active.png) repeat-x #fff; border: 2px solid #32a5ea; }
				
.loginBox
{ width: 750px; height: 400px; border: 1px solid #ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); margin: 100px auto; background: #fff; }

	.loginBox .welcome
	{ width: 232px; background: #f2f2f2; float: right; height: 400px; font-family: Helvetica; overflow: hidden; }
		
		.loginBox .welcome p
		{ line-height: 1.4em; font-size: 12px; }
	
	.loginBox form
	{ padding: 24px; }
	
		.loginBox form img
		{ margin-bottom: 56px; }
	
		.loginBox form label
		{ display: block; text-transform: uppercase; color: #333; margin-bottom: 4px; font-weight: bold; font-size: 12px; }
		
			.loginBox form input[type="text"], .loginBox form input[type="password"]
			{ background: url(images/bg-input.png) no-repeat bottom; width: 261px; height: 24px; padding: 0 8px; margin-bottom: 32px; }
			
				.loginBox form input[type="text"].mini
				{ background: url(images/bg-input-text-mini.png) no-repeat bottom; width: 100px; height: 24px; padding: 0 8px; margin-bottom: 32px; text-align:center}
			
			.loginBox form input[type="button"], .loginBox form input[type="submit"]
			{ display: block; width: 120px; padding: 4px; border-radius: 8px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #32a5ea; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 14px; text-transform: uppercase; font-family: 'HeroRegular', sans-serif; }
			
			.loginBox form select.siteDropdown
			{ width: 360px; height: 24px; padding: 0 8px; margin-bottom: 32px; border: 1px solid #ddd; }
			
			.loginBox form select.siteSelect
			{ border: 1px solid #ddd; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); width: 270px; margin-bottom: 32px; padding: 12px; font-family: 'HeroRegular', sans-serif; font-size: 14px; }
			
				.loginBox form select.siteSelect option
				{ line-height: 1.8em; padding: 4px 0; margin-bottom: 12px; }
				
.mainNav
{ margin: 0 auto 12px auto; padding: 0 12px; border: 1px solid #ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); background: #fff; width: 965px; }
			
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; list-style: none; }
ul.dropdown li                      { float: left; zoom: 1; padding: 12px 14px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
ul.dropdown a:hover		            { color: #32a5ea; }
ul.dropdown li a                    { color: #333; text-transform: uppercase; text-decoration: none; }

ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
ul.dropdown li.hover a              { color: #32a5ea; }

ul.dropdown li.hover li a			{ color: #333; }
ul.dropdown li.hover li a:hover		{ color: #32a5ea; }



/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; background: #fff; list-style: none; padding: 12px 0; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); border-top: 1px solid #ddd; }
ul.dropdown ul li 					{ font-weight: normal; border-bottom: 1px solid #ddd; float: none; padding: 8px 16px; margin-left: 0; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; }
ul.dropdown li.hover li,
ul.dropdown li:hover li 			{ border-left: 1px solid #fff; border-right: 1px solid #fff; }

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

.mainHome h1, .dataHome h1
{ text-transform: uppercase; color: #000; font-size: 22px; margin-bottom: 2px; padding-bottom: 2px; border-bottom: 1px inset #ccc; }
.mainHome h1 a, .dataHome h1 a
	{ text-decoration: none; color: #000; }
.mainHome h2
{ text-transform: uppercase; color: #333; font-size: 18px; margin-bottom: 2px; }

.stockRequest
{ overflow: hidden; border-bottom: 1px inset #ccc; margin-bottom: 8px; }

	/* stock request detail */
	.stockRequest .stockRequestDtlCol1
	{ float: left; overflow: hidden; width: 150px; }
	.stockRequest .stockRequestDtlCol2
	{ float: left; overflow: hidden; width: 150px; }
	.stockRequest .stockRequestDtlCol3
	{ float: left; overflow: hidden; width: 340px; }
	.stockRequest .stockRequestDtlCol4
	{ float: left; overflow: hidden; width: 330px;}
	
	.stockRequest .stockRequestDtlReference
	{ float: left; overflow: hidden; width: 180px;}
	

	.stockRequest .stockTransOutCol1
	{ float: left; overflow: hidden; width: 220px; }
	.stockRequest .stockTransOutCol2
	{ float: left; overflow: hidden; width: 300px; }
	.stockRequest .stockTransOutCol3
	{ float: left; overflow: hidden; width: 470px; }
	.stockRequest .stockTransOutCol4
	{ float: left; overflow: hidden; width: 900px; }
	
	.stockRequest .stockTransInCol1
	{ float: left; overflow: hidden; width: 200px; }
	.stockRequest .stockTransInCol2
	{ float: left; overflow: hidden; width: 250px; }
	.stockRequest .stockTransInCol3
	{ float: left; overflow: hidden; width: 400px; }
	.stockRequest .stockTransInCol4
	{ float: left; overflow: hidden; width: 205px; }
	.stockRequest .stockTransInCol5
	{ float: left; overflow: hidden; width: 420px; }
	.stockRequest .stockTransInCol6
	{ float: left; overflow: hidden; width: 100px; }
	
	/* RT-2016/12/01 - modified width and added ItemSalesAnalysis4 */
	.stockRequest .ItemSalesAnalysisCol1
	{ float: left; overflow: hidden; width: 175px; }
	.stockRequest .ItemSalesAnalysisCol2
	{ float: left; overflow: hidden; width: 360px; }
	.stockRequest .ItemSalesAnalysisCol3
	{ float: left; overflow: hidden; width: 250px; }
	.stockRequest .ItemSalesAnalysisCol4
	{ float: left; overflow: hidden; width: 370px; }
	
	.stockRequest .SalesJournalCol1
	{ float: left; overflow: hidden; width: 175px; }
	.stockRequest .SalesJournalCol2
	{ float: left; overflow: hidden; width: 350px; }
	/* RT-2016/12/01 - modified width from 225 to 200 */
	.stockRequest .SalesJournalCol3
	{ float: left; overflow: hidden; width: 200px; }
	.stockRequest .SalesJournalCol4
	{ float: left; overflow: hidden; width: 40px; }

	.stockRequest .TimeKeepingCol1
	{ float: left; overflow: hidden; width: 175px; }
	.stockRequest .TimeKeepingCol2
	{ float: left; overflow: hidden; width: 330px; }
	.stockRequest .TimeKeepingCol3
	{ float: left; overflow: hidden; width: 240px; }
	.stockRequest .TimeKeepingCol0
	{ float: left; overflow: hidden; width: 40px; }
	
	.stockRequest .BranchInventoryCol1
	{ float: left; overflow: hidden; width: 900px; }
	
	.stockRequest .PhysicalCountCol1
	{ overflow: hidden; float: left; width: 180px; }
	.stockRequest .PhysicalCountCol2
	{ overflow: hidden; float: left; width: 250px; }
	.stockRequest .PhysicalCountCol3
	{ overflow: hidden; float: left; width: 330px; }

	.stockRequest .PhysicalCountDtlCol1
	{ overflow: hidden; float: left; width: 220px; }
	.stockRequest .PhysicalCountDtlCol2
	{ overflow: hidden; float: left; width: 420px; }
	.stockRequest .PhysicalCountDtlCol3
	{ overflow: hidden; float: left; width: 320px; }

	.stockRequest .PhysicalCountDtlCol1B
	{ overflow: hidden; float: left; width: 300px; }
	.stockRequest .PhysicalCountDtlCol2B
	{ overflow: hidden; float: left; width: 410px; }
	.stockRequest .PhysicalCountDtlCol3B
	{ overflow: hidden; float: left; width: 270px; }
	
	.stockRequest .BranchStatusCol1
	{ float: left; overflow: hidden; width: 175px; }
	.stockRequest .BranchStatusCol2
	{ float: left; overflow: hidden; width: 175px; }
	.stockRequest .BranchStatusCol3
	{ float: left; overflow: hidden; width: 300px; }
	.stockRequest .BranchStatusCol4
	{ float: left; overflow: hidden; width: 30px; }
	.stockRequest .BranchStatusCol5
	{ float: left; overflow: hidden; width: 500px; }
	
	.stockRequest .returnWarehouseCol1
	{ float: left; overflow: hidden; width: 200px; }
	.stockRequest .returnWarehouseCol2
	{ float: left; overflow: hidden; width: 465px; }
	.stockRequest .returnWarehouseCol3
	{ float: left; overflow: hidden; width: 300px; }
	
	.stockRequest .SalesmanPerformanceCol1
	{ float: left; overflow: hidden; width: 175px; }
	.stockRequest .SalesmanPerformanceCol2
	{ float: left; overflow: hidden; width: 330px; }
	.stockRequest .SalesmanPerformanceCol3
	{ float: left; overflow: hidden; width: 240px; }
	/* RT-2016/12/02 */
	.stockRequest .SalesmanPerformanceCol4
	{ float: left; overflow: hidden; width: 320px; }
	.stockRequest .SalesmanPerformanceCol0
	{ float: left; overflow: hidden; width: 40px; }
	
	.stockRequest .stockRequestCol1
	{ overflow: hidden; float: left; width: 190px; }
	.stockRequest .stockRequestCol2
	{ float: left; overflow: hidden; width: 260px; }
	.stockRequest .stockRequestCol3
	{ float: left; overflow: hidden; width: 250px; }
	.stockRequest .stockRequestCol4
	{ float: left; overflow: hidden; width: 280px; }
	.stockRequest .stockRequestCol5
	{ float: left; overflow: hidden; width: 335px; }
	
	.stockRequest .pulloutCol1
	{ overflow: hidden; float: left; width: 180px; }
	.stockRequest .pulloutCol2
	{ float: left; overflow: hidden; width: 260px; }
	.stockRequest .pulloutCol3
	{ float: left; overflow: hidden; width: 330px; }
	
	.stockRequest ul
	{ list-style: none; }
	
		.stockRequest ul li
		{ float: left; margin-right: 4px; margin-bottom: 6px; }
		
			.stockRequest ul li label
			{ display: block; width: 100px; text-transform: uppercase; font-size: 12px; line-height: 24px; }
			.stockRequest ul li label.label2
			{ display: block; text-align: left; width: 130px; text-transform: uppercase; font-size: 12px; line-height: 24px; }
			.stockRequest ul li label.label3
			{ display: block; text-align: left; width: 80px; text-transform: uppercase; font-size: 12px; line-height: 24px; }
			.stockRequest ul li label.label4
			{ display: block; text-align: left; width: 180px; text-transform: uppercase; font-size: 12px; line-height: 24px; float: right; }
			.stockRequest ul li label.label5
			{ display: block; text-align: left; width: 110px; text-transform: uppercase; font-size: 12px; line-height: 24px; }
			.stockRequest ul li label.label6
			{ display: block; text-align: left; width: 150px; text-transform: uppercase; font-size: 12px; line-height: 24px; }
			.stockRequest ul li label.label7
			{ display: block; text-align: left; width: 50px; text-transform: uppercase; font-size: 12px; line-height: 24px; }
			.stockRequest ul li label.label8
			{ display: block; text-align: left; width: 150px; text-transform: uppercase; font-size: 12px; line-height: 24px; }
			.stockRequest ul li label.label9
			{ display: block; text-align: left; width: 90px; text-transform: uppercase; font-size: 12px; line-height: 24px; }
			.stockRequest ul li label.label10
			{ display: block; text-align: left; width: 70px; text-transform: uppercase; font-size: 12px; line-height: 24px; }
			.stockRequest ul li label.label11
			{ display: block; text-align: left; width: 180px; text-transform: uppercase; font-size: 12px; line-height: 24px; float: left; }
			.stockRequest ul li label.label12
			{ display: block; text-align: left; width: 200px; text-transform: uppercase; font-size: 12px; line-height: 24px; float: left; }
			.stockRequest ul li label.label13
			{ display: block; text-align: left; width: 40px; text-transform: uppercase; font-size: 12px; line-height: 24px; }
			
			input[type="text"].xsmall
			{ width: 30px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; }
			
			input[type="text"].small
			{ width: 70px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; }
			input[type="text"].small1
			{ width: 100px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; }
			input[type="text"].small2
			{ width: 130px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; }
			
			input[type="text"].medium
			{ width: 170px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; }
			input[type="text"].medium2
			{ width: 150px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; }
			
			input[type="text"].long
			{ width: 180px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; }
			
			input[type="text"].long1
			{ width: 200px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; }
			input[type="text"].long1a
			{ width: 250px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 0px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; background:#eee; }
			input[type="text"].long2
			{ width: 300px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; }
			input[type="text"].long3
			{ width: 600px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px;}
			input[type="text"].long4
			{ width: 400px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; }
			input[type="text"].long2a
			{ width: 250px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; }
			input[type="text"].statusResult
			{ width: 280px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; background: #eee; }
			
			input[type="button"]
	{ color: #fff; font-family: 'HeroRegular', sans-serif; font-size: 12px; border-radius: 8px; padding: 4px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #32a5ea; text-transform: uppercase;  }
	
				input[type="button"]:hover
				{ background: #000; cursor: pointer; }
	
		.stockRequestCol2 ul li label
				{ width: 180px; }
		.stockRequestCol3 ul li label
				{ width: 110px; }
			
		.stockRequest select.xsmall
			{ width: 75px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; height: 24px; }
		.stockRequest select.small
			{ width: 110px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; height: 24px; }
		.stockRequest select.medium
			{ width: 150px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; height: 24px; }
			.stockRequest select.medium1
			{ width: 130px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; height: 24px; }
			.stockRequest select.medium2
			{ width: 200px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; height: 24px; }
		.stockRequest select.long
			{ width: 270px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; height: 24px; }
		.stockRequest select.long2
			{ width: 200px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; height: 24px; }
		
.stockRequestTabs .idTabs
{ list-style: none; overflow: hidden; border-bottom: 2px solid #32a5ea; margin-bottom: 6px; }

	.stockRequestTabs .idTabs li
	{ float: left; margin-right: 1px; }
	
		.stockRequestTabs .idTabs li a
		{ display: block; background: #666; padding: 8px; border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; color: #fff; font-size: 14px; text-decoration: none; } 
		
		.stockRequestTabs .idTabs li a.selected
		{ background: #32a5ea; }
		
		.tabHeight
		//AF-2014/07/21 Changed height from 50 pxto 90px
		{ height: 90px; border-bottom: 1px solid #ccc; padding-bottom: 6px; margin-bottom: 6px; }

		.tabHeightReference
		{ height: 100px; border-bottom: 1px solid #ccc; padding-bottom: 6px; margin-bottom: 6px; }
		
#details form
{ overflow: hidden; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px inset #ddd; }
		
#details form ul
{ list-style: none; }

	#details form ul li
	{ float: left; margin-right: 8px; }
	
		#details form ul li label
		{ display: block; font-size: 12px; color: #333; text-transform: uppercase; margin-bottom: 4px; }
		
		#details select
			{ width: 140px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; height: 24px; }
			
			#details input[type="submit"]
			{ color: #fff; font-family: 'HeroRegular', sans-serif; font-size: 12px; border-radius: 8px; padding: 4px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #32a5ea; text-transform: uppercase; }
			
			#details span
			{ text-transform: uppercase; font-size: 12px; line-height: 24px; }
			
.tblPopup
{ border: 1; margin: 0; padding: 0; font-size: 12px; }

	.tblPopup tr td
	{ padding: 2px; border-spacing: 0; border-collapse: collapse; text-transform: uppercase; }
	
		.tblPopup tr.heading td
		{ border-bottom: 1px solid #ddd; background: #fff; overflow: hidden; color: #000; text-transform: uppercase; }
		
		.tblPopup tr.odd
		{ background: #eee; }
		
		.tblPopup tr td.currency
		{ text-align: right; }
.data-trx
{ height: 300px; list-style: none; overflow: auto; border: 1px solid #ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); background: #fff; padding: 4px;}
.data-trx2
{ height: 340px; list-style: none; overflow: auto; border: 1px solid #ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); background: #fff; padding: 4px;}

.data-monitor
{ height: 450px; list-style: none; overflow: auto; border: 1px solid #ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); background: #fff; padding: 4px;}

.data
{ height: 430px; list-style: none; overflow: auto; border: 1px solid #ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); background: #fff; padding: 4px;}

.data ul
{ list-style: none; overflow: hidden; }

	.data li.heading
	{ border: 1px solid #ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); background: #fff; overflow: hidden; color: #000; text-transform: uppercase; }
	
		.data li.heading ul li
		{ float: left; font-size: 14px!important; }
		
			.data li.heading a 
			{ text-decoration: none; color: #000; }
			
			.data li.heading:hover, .withHover li.heading ul li:hover
			{ background: #fff!important; }
			
				.data li.heading:hover a
				{ color: #000; }
			
				.data li a
				{ text-decoration: none; color: #000; }
		
		.data .dataCol1
		{ width: 5px; }
		
		.data .dataCol2
		{ width: 60px; }
		
		.data .dataCol3
		{ width: 80px; }
		
		.data .dataCol4
		{ width: 100px; }
		
		.data .dataCol5
		{ width: 120px; }
		
		.data .dataCol6 
		{ width: 140px; }
		
		.data .dataCol7
		{ width: 150px; }
		
		.data .dataCol8
		{ width: 300px; }

		.data .xsmall
		{ width: 10px; }
		
		.data .small
		{ width: 20px; }
		
		.data .small1
		{ width: 40px; }
		
		.data .medium
		{ width: 60px; }
		
		.data .medium1
		{ width: 80px; }
		
		.data .medium2
		{ width: 95px; }
		
		.data .medium3
		{ width: 120px; }
		
		.data .medium4
		{ width: 200px; }
		
		.data .long
		{ width: 360px; }
		
		.data .long1
		{ width: 560px; }
		
		.data .long2
		{ width: 760px; }
		
	.data ul li
	{ float: left; font-size: 12px; text-transform: uppercase; padding: 4px; }
	
	.data li.odd
	{ background: #eee; }
	
	.withHover li.active, .withHover li:hover
	{ background: #32a5ea; color: #fff; cursor: pointer; }
	
		.withHover li:hover a
		{ color: #fff; }
		
			.withHover li.heading:hover, .withHover li.heading ul li:hover
			{ color: #000; }
	
	.data li.brand
	{ background: #666; color: #fff; padding: 4px; font-size: 12px; }
	
	.data li.total
	{ padding: 4px; text-align: right; font-weight: bold; color: #000; text-transform: uppercase; }
	
	.remove
	{ color: #000; text-decoration: none; display: block; background: url(images/icon-remove.png) no-repeat center left; padding-left: 20px; }
	
	.error
	{ text-align: center; width: 600px; margin: 200px auto 50px auto; }
	
		.error img
		{ margin-bottom: 8px; }
	
	.backButton
	{ display: block; width: 200px; padding: 4px; border-radius: 8px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #32a5ea; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 18px; text-transform: uppercase; font-size: 14px; margin: 0 auto; }

	.filterButton
	{  width: 100px; padding: 4px; border-radius: 8px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #32a5ea; text-align: center; text-decoration: none; color: #fff; font-weight: bold; font-size: 18px; text-transform: uppercase; font-size: 14px; margin: 0 auto; }
	
.overlay
{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(images/bg-overlay.png); z-index: 98; }

.showHide
{ list-style: none; : hidden; margin-top: 16px; font-size: 12px; }

	.showHide li
	{ float: left; margin-right: 12px; }
	
		.showHide li a
		{ color: #fff; font-family: 'HeroRegular', sans-serif; font-size: 12px; border-radius: 8px; padding: 4px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #32a5ea; text-transform: uppercase; display: block; text-decoration: none; }
		
			.showHide li a:hover
		{ color: #fff; font-family: 'HeroRegular', sans-serif; font-size: 12px; border-radius: 8px; padding: 4px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #000; text-transform: uppercase; display: block; text-decoration: none; }
		
		.showHide li h3
		{ line-height: 24px; }

#tblDetail {
	border: 1px solid #DFDFDF;
	background-color: #F9F9F9;
	width: 98.5%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: 'HeroRegular',Helvetica,Verdana,sans-serif;
	color: #333;
}
#tblDetail td {
	font-size: 13px;
	padding: 4px 7px 2px;
	vertical-align: top;
}
#tblDetail tr.odd {
	background: #eee;
}
#tblDetail td.currency {
	text-align: right;
}
#tblDetail span
{ color: #000; text-decoration: none; display: block; }

#tblDetail-withHover {
	border: 1px solid #DFDFDF;
	background-color: #F9F9F9;
	width: 98.5%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: 'HeroRegular',Helvetica,Verdana,sans-serif;
	color: #333;
}
#tblDetail-withHover tr:hover
{ background: #32a5ea!important; color: #fff; cursor: pointer; }
#tblDetail-withHover tr:hover span
{ color: #fff; }
#tblDetail-withHover tr.heading:hover span
{ color: #000!important; }
#tblDetail-withHover td {
	font-size: 13px;
	padding: 4px 7px 2px;
	vertical-align: top;
}
#tblDetail-withHover tr.odd {
	background: #eee;
}
#tblDetail-withHover td.currency {
	text-align: right;
}


#tblDetailHeader {
	border: 1px solid #DFDFDF;
	background-color: #F9F9F9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: 'HeroRegular',Helvetica,Verdana,sans-serif;
	color: #333;
	font-weight: bold;
	text-transform: uppercase; 
	width: 98.5%;
}

#tblDetailHeader th {
	text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
	font-family: 'HeroRegular',Helvetica,Verdana,sans-serif;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: middle;
	line-height: 1.3em;
	font-size: 12px;
	vertical-align: middle;
}
#tblDetailHeader span {
	font-weight: bold;
}
#tblDetailHeader th.currency {
	text-align: right;
}
#tblDetailHeader td.currency {
	text-align: right;
}
#tblDetailHeader td {
	font-size: 12px;
	padding: 4px 7px 2px;
	vertical-align: top;
	text-align: middle;
}

#tblAction {
	border: 1px solid #DFDFDF;
	background-color: #F9F9F9;
	width: 500px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: 'HeroRegular',Helvetica,Verdana,sans-serif;
	color: #333;
	border-bottom-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: inset;
}
#tblAction td {
	font-size: 12px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
}
#tblAction tr.odd {
	background: #eee;
}

.showHide
{ list-style: none; overflow: hidden; margin-top: 16px; font-size: 12px; }

	.showHide li
	{ float: left; margin-right: 12px; font-size: 12px;}
	
		.showHide li span
		{ color: #fff; font-family: 'HeroRegular', sans-serif; font-size: 12px; border-radius: 8px; padding: 4px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #32a5ea; text-transform: uppercase; display: block; text-decoration: none; cursor:pointer; }
		
		.showHide li span:hover
		{ color: #fff; font-family: 'HeroRegular', sans-serif; font-size: 12px; border-radius: 8px; padding: 4px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #000; text-transform: uppercase; display: block; text-decoration: none; }
		
		.showHide li h3
		{ line-height: 24px; font-size: 12px; text-transform: uppercase;}
		
		.showHide li.inactive span
		{ background: #ccc; color: #999; }
		
.statusbar
{ height: 24px; border-top: 1px solid #ccc; background: #fff; overflow: hidden; padding: 6px 6px 0 12px; width: 470px; z-index: 99; }

	.statusbar p
	{ float: left; font-size: 12px; line-height: 18px; }
	
	.statusbar ul
	{ float: right; overflow: hidden; list-style: none; }
	
		.statusbar ul li
		{ float: left; line-height: 17px; font-size: 12px; margin-left: 12px; height: 17px; vertical-align: middle; }
		
			.statusbar ul li img
			{ margin-right: 8px; }
table
{ border: 0; margin: 0; padding: 0; width: 100%; font-size: 12px; }

table tr td
{ padding: 3px; border-spacing: 0; border-collapse: collapse; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }


table tr.heading td{ 
	border-bottom: 1px solid #ddd; 
	background: #fff;
	text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
	font-family: 'HeroRegular',Helvetica,Verdana,sans-serif;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: middle;
	line-height: 1.3em;
	font-size: 12px;
	vertical-align: middle;
	color: #000; text-transform: uppercase;
	overflow: hidden; 
}
table tr.odd
{ background: #eee; }

/* TL-2013/02/05 - Added for negative inventory. */
table tr.noStock
{ background: pink; }

table tr.highlight  {
  background: #C7EBFF;
}
table tr td.brand
/*AF-2014/07/21 - Edited font-size from 10px to 14px*/ 
{ background: #666; color: #fff; padding: 4px; font-size: 14px;}

table tr td.total
{ padding: 4px; text-align: right; font-weight: bold; color: #000; text-transform: uppercase; }
		
table.withHover tr:hover
{ background: #32a5ea!important; color: #fff; cursor: pointer; }

	table.withHover tr:hover a
	{ color: #fff; }
	
	table.withHover tr.heading:hover a
	{ color: #000!important; }

	table a
	{ color: #000; text-decoration: none; display: block; }
	
.clock ul
{ list-style: none; overflow: hidden; width: 300px; margin: 20px 0 0 20px; }

	.clock ul li
	{ float: left;  text-align: center; font-family: 'HeroRegular'; font-size: 120px; color: #000; margin-right: 0; }
	
		.clock ul li#point
		{  }
.statusIcons ul
{ list-style: none; }

	.statusIcons ul li
	{ float: left; padding: 0 6px; }
	
		.statusIcons ul li a
		{ display: block; width: 16px; height: 16px; overflow: hidden; }
		
		.statusIcons ul li a:hover img
		{ margin-top: -16px; }		
			
/*			
#tnt_pagination {
	display:block;
	text-align:center;
	height:22px;
	line-height:21px;
	clear:both;
	padding-top:3px;
	font-family: 'HeroRegular', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#tnt_pagination a:link, #tnt_pagination a:visited{
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#000;
	width:22px;
	font-weight:normal;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

#tnt_pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#0072BC;	
}

#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #32A5EA;
	margin-left:10px;
	text-decoration:none;
	background-color:#32A5EA;
	color:#fff;
	cursor:default;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}
*/
#tnt_pagination
{ list-style: none; overflow: hidden; padding:0px;}

#tnt_pagination span
{ display: block; background: #32a5ea; color: #fff; padding: 1px 4px; border: 1px solid #32a5ea; }

#tnt_pagination a
{ display: block; background: #f5f5f5; color: #000; text-decoration: none; padding: 1px 4px; border: 1px solid #ebebeb; }

#tnt_pagination a:hover
{ background: #ddeeff; color: #0072bc; }


#tbl_pcount_footer table
{ border: 0; margin: 0; padding: 0; border-spacing: 0; width: 100%; font-size: 8px; height:29px; }

/*JT-2022/03/29 */
.stockQuantityInfo
{ padding: 3px; margin-bottom: 5px; }

label.customLabel1
{ text-align: left; text-transform: uppercase; font-size: 12px; margin: 5px; font-family: Helvetica, sans-serif; }
input[type="text"].customInput1
{ width: 80px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); text-align: center; border: 1px solid #ddd; font-size: 12px; font-family: Helvetica, sans-serif; padding: 4px; margin-right: 5px; }