html,div,body{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font:11px Tahoma, Verdana, Arial, sans-serif;
}
* html body{
	height:100%;
}
h1,h2,h3,p{
   margin:0;
}
body{
	background:url(/Images/bg-header.jpg) repeat-x 0 0;
}
body.popup{
	background:none;
}

.FloatClear
{
	height:1px;
	overflow:hidden;
	clear:both;
}

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

a:hover
{
	text-decoration:underline;
}

img{
   border:none;
}
form,fieldset{
   border:none;
}
ul{
   padding:0;
   margin:0;
   list-style:none;
}
#main{
	padding:0 0 0 35px;
	margin-top:20px;
}
#header{
	height:52px;
	overflow:visible;
	margin:0;
	padding:0;
	min-width:1400px;
	
}

#toolbar{
	width:100%;
	height:45px;
	overflow:visible;
}
/*header*/
#header h1 a{
	float:right;
	width:180px;
	cursor:pointer;
	height:32px;
	margin:7px 16px 0 0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/Images/logo.png) no-repeat 0 0;
	
}
#header div.subheader{
	width:1020px;
	float:left;
	font:11px Tahoma, Verdana, Arial, sans-serif;
}

#header ul.AspNet-Menu{
	float:left;
	display:inline;
	margin:15px 0 0 15px;
}
#header ul.AspNet-Menu li{
	float:left;
	display:inline;
	margin:0 0 0 4px;
	
}
#header ul.AspNet-Menu li a{
	float:left;
	line-height:32px;
	outline:none;
	cursor:pointer;
	text-decoration:none;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	position:relative;
	color:#697fa3;
	font-weight:bold;
	text-align:center;
	background:url(/Images/bg-menu.jpg) no-repeat 0 0;	
	width:132px;
	
}
#header span{
	margin:24px 0 0 24px;
	float:left;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	color:#365e86;
}
#header ul.AspNet-Menu li.AspNet-Menu-Selected a, #header ul.AspNet-Menu li a:hover{
	background:url(/Images/bg-menu-active.jpg) no-repeat 0 0;	
	line-height:38px;
}

#header ul.AspNet-Menu li.AspNet-Menu-Selected a{
	color:#000000;
}

#header .AspNet-Menu-Horizontal
{
	float: left;
}

#toolbar{
	width:100%;
	overflow:visible;
	height:45px;
	padding:17px 0 0 0;
	/*width:900px;*/
}
#toolbar ul{
	float:left;
	display:inline;
	width:100%;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
}
#toolbar ul li{
	float:left;
	display:inline;
	padding:0 17px 0 17px;
	background:url(/Images/toolbar-delimiter.png) no-repeat 0 0;
	line-height:27px;
}
#toolbar ul li.first{
	padding:0 17px 0 0;
	background:none;
}
#toolbar ul li strong{
	float:left;
}
#toolbar ul li label{
	padding-right:12px;
	float:left;
	color:#365e86;
}
#toolbar ul li select{
	border:1px solid #d1d1d1;
	margin:5px;
	font:11px Tahoma Arial, Helvetica, sans-serif;
	float:left;
	width:100px;
}
#toolbar ul li input
{
	border:0px solid #e2e9f1;
	width:82px;
	float:left;
}

#toolbar ul li div.text{
	float:left;
	margin:5px 0 0 0;
	height:22px;
	width:82px;
	background:url(/Images/bg-input-text.jpg) no-repeat 0 0;
}

#toolbar ul li div.text input
{
	float:left;
	width:71px;
	color:#365e86;
	height:22px;
	background:url(/Images/bg-input-text.jpg) no-repeat 0 0;
	padding:2px 0 0 5px;
}

ul li input.button
{
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	background:url(/Images/bg-button.jpg) no-repeat 0 0;
	border:none;
	padding:6px 7px 8px 27px;	
}
#toolbar ul li input.plain, input.plain
{
	width:100px;
}
#toolbar ul li input.add-product{
	background:url(/Images/add-product_icon.jpg) no-repeat 0 0;
	width:40px;
}
#toolbar ul li input.preview-ticket{
	background:url(/Images/icon/view.png) no-repeat 0 0;
	width:40px;
}

#toolbar ul li input.refresh{
	background:url(/Images/refresh-product_icon.jpg) no-repeat 0 0;
	width:40px;
}
#toolbar ul li input.import-prostix{
	background:url(/Images/import-product.jpg) no-repeat 0 0;
	width:148px;
}
#toolbar ul li input.new-catalogue{
	background:url(/Images/new-catalogue.jpg) no-repeat 0 0;
	width:118px;
}
#toolbar ul li input.apply{
	background:url(/Images/apply.jpg) no-repeat 0 0;
	width:78px;
}

#worksheet{
	padding:10px 35px 0 0;
	clear:both;
}

#worksheet table{
	width:100%;
	/*cursor:pointer;*/
	border-collapse:collapse;
	font: 11px/13px Tahoma, Verdana, Arial, sans-serif; 
}
#worksheet table.catalog td{
	height:40px;
}

#worksheet table th{
	border:1px solid #ddd;
	vertical-align:bottom;
	color:#365e86;
	text-align:left;
	padding:10px 9px 12px 9px;
	background:url(/Images/bg-sheet-header.png) no-repeat 0 0;	
	
}
#worksheet table.catalog th{
	white-space:nowrap;
}
#worksheet table td{
	border:1px solid #ddd;
	padding:0 9px 0 9px;
	color:#000000;
	white-space:nowrap; 
}
#worksheet table td img{
	/*center*/
}
#worksheet table td input.textbox{
	font:11px Tahoma, Verdana, Arial, sans-serif;
}
#worksheet table td select{
	font:11px Tahoma, Verdana, Arial, sans-serif;
}

#worksheet table tr{
	height:28px;
}

#worksheet table tr.yellow
{
	background-color:#fffada;
}

#worksheet table tr.green
{
	background-color:#d7fbff;
}
#worksheet table tr.light-green, #worksheet table.catalog tr:hover
{
	background-color:#e1f7b4;
}
#worksheet table tr.red
{
	background-color:#fbdfdf;
}

#worksheet table tr th.check{width:25px;}
#worksheet table tr th.brand{}
#worksheet table tr th.page{}
#worksheet table tr th.classification{}
#worksheet table tr th.code{}
#worksheet table tr th.description{}
#worksheet table tr th.category{}
#worksheet table tr th.part{}
#worksheet table tr th.apn{}
#worksheet table tr th.corelevel{}
#worksheet table tr th.image{}
#worksheet table tr th.feature{white-space:nowrap;}
#worksheet table tr th.supplier{}
#worksheet table tr th.uom{}
#worksheet table tr th.normcost{}
#worksheet table tr th.normsellex{}
#worksheet table tr th.normsellinc{}
#worksheet table tr th.normgp{}
#worksheet table tr th.promocost{}
#worksheet table tr th.promosellex{}
#worksheet table tr th.promosellinc{}
#worksheet table tr th.promogp{}
#worksheet table tr th.save{}
#worksheet table tr th.bonus{}
#worksheet table tr th.comments{}
#worksheet table tr th.bbq{}
#worksheet table tr th.bba{}
#worksheet table tr th.gdn{}

#worksheet table tr th.pages{width:45px;}
#worksheet table tr th.catalogue{width:50%;}
#worksheet table tr th.actions{width:160px;}

#worksheet table tr th.start_edit_date{width:150px;white-space:nowrap;}
#worksheet table tr th.end_edit_date{width:150px;white-space:nowrap;}
#worksheet table tr th.start_publish_date{width:150px;white-space:nowrap;}
#worksheet table tr th.end_publish_date{width:150px;white-space:nowrap;}

ul.actions{
	width:160px;
	margin:0 0 0 10px;
	}
ul.actions li{
	float:left;
	display:inline;
	padding:0 12px;
		
}
ul.actions a{
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
}
ul.actions a.view{
	background:url(/Images/icon/view.png) no-repeat 50% 50%;
	width:13px;
	height:14px;

}
ul.actions a.down{
	background:url(/Images/icon/down.png) no-repeat 50% 50%;
	width:17px;
	height:17px;

}
ul.actions a.edit{
	background:url(/Images/icon/edit.png) no-repeat 50% 50%;
	width:16px;
	height:15px;

}
ul.actions a.remove{
	background:url(/Images/icon/remove.png) no-repeat 50% 50%;
	width:15px;
	height:15px;
}
div#worksheet table a.no strong,
div#worksheet table a.yes strong{
	background:url(/Images/icon/image_exist.png) no-repeat 0 0;
	width:27px;
	float:left;
	text-indent:-9999px;
	height:22px;
}
div#worksheet table a.no strong{
	background:url(/Images/icon/image_not_exist.png) no-repeat 0 0;
}
div#worksheet table a.no span,
div#worksheet table a.yes span{
	position:absolute;
	top:22px;
	background:#fff;
	display:none;
	padding:5px;
	left:27px;
}
div#worksheet table a.hover span{
	display:block;
}
div#worksheet table a.no span img,
div#worksheet table a.yes span img{
	border:1px solid #cbd6e8;
}

span.stars{
	background:url(/Images/icon/star.png) no-repeat 50% 50%;
	width:16px;
	margin:0 auto;
	height:16px;
	display:block;
}
#alert{
	width:675px;
	background-color:#e7f8c4;
	border:1px solid #a5d640;
	margin:20px auto 0 auto;
	text-align:center;
	color:#1b6900;
	font: 11px Tahoma, Verdana, Arial, sans-serif; 
}
#alert div{
	border:1px solid #ffffff;
	padding:20px 0 20px 0px;
	margin:0;
}
#alert span.success{
	background:url(/Images/icon/success.png) no-repeat 0 0;	
	font-size:14px; 
	font-weight:bold;
	border-right:1px solid #a5d640;
	padding:0 12px 0 20px;
}
#alert strong{
	font-weight:normal;
	padding:0 0 0 12px;
}

#box{
	border:1px solid #ccd6e8;
	margin:20px auto 0 auto;
	width:400px;
	height:215px;
	font: 11px Tahoma, Verdana, Arial, sans-serif; 
}

#box div{
	background:url(/Images/bg-login-header.jpg) repeat-x 0 0;
	height:37px;
}

#box div span{
	background:url(/Images/bg-login-tab.jpg) repeat-x 0 0;	
	width:132px;
	margin:6px 0 0 20px;
	text-align:center;
	float:left;
	line-height:31px;
}

#box div a{
	float:right;
	margin:20px 20px 0 0;
	text-decoration:none;
	color:#075dec;
}
#box div a:hover{
	text-decoration:underline;
}

#box ul.form, #box div.AspNet-Login
{
	float:left;
	width:360px;
	padding:20px 32px 20px 20px;
	text-decoration:none;
}
#box ul.form li, #box div.AspNet-Login div.AspNet-Login-UserPanel
{
	border-top:1px solid #e5eaf3;
	border-bottom:0px solid #e5eaf3;
	width:100%;
	float:left;
	margin:0;
}
#box ul.form li.bottom, #box div.AspNet-Login div.AspNet-Login-PasswordPanel
{
	border-bottom:1px solid #e5eaf3;
}
#box ul.form div{
	background:url(/Images/bg-login-input-text.jpg) repeat-x 0 0;
	margin:5px 0 5px 0;	
	float:right;
	height:19px;
	width:186px;
}
#box ul.form li label{
	float:left; 
	line-height:23px;
	padding:4px 0 0;
}
#box ul.form li input{
	border:none;
	width:179px;
	background:none;
	padding:2px 0 0 5px;
	height:19px;
	float:left;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
}
#box ul.form li.checkbox, #box ul.form li.toolbar, #box div.AspNet-Login div.AspNet-Login-RememberMePanel
{
	border:none;
	float:right; 
	width:186px;
	margin:17px 0 0 0;
}
#box ul.form li.checkbox label, #box div.AspNet-Login div.AspNet-Login-RememberMePanel label
{
	float:left;
	margin:-8px 0 0 8px;
	
}	
#box ul.form li.checkbox input, #box div.AspNet-Login div.AspNet-Login-RememberMePanel input
{
	float:left;
	width:14px;
	margin:0;
}
#box ul.form li.toolbar input.button, #box div.AspNet-Login div.AspNet-Login-SubmitPanel
{
	float:left;
	background:url(/Images/bg-button.jpg) no-repeat 0 0;
	width:118px;
	height:27px;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	border:none;
	padding:7px 7px 8px 22px;
	text-align: center;
		
}
#box ul.form li.toolbar input.login, #box div.AspNet-Login div.AspNet-Login-SubmitPanel input
{
	background:url(/Images/login.jpg) no-repeat 0 0;
}
#box ul.form li.toolbar input.save, #box div.AspNet-Login div.AspNet-Login-SubmitPanel input
{
	background:url(/Images/save.jpg) no-repeat 0 0;
}
#box ul.form li.toolbar input.reset, #box div.AspNet-Login div.AspNet-Login-SubmitPanelinput
{
	background:url(/Images/reset.jpg) no-repeat 0 0;
	float:right;
}

#box ul.form li select
{
	width:245px;
}

#box ul.form li.LargeInput
{
	height:90px;
}

#box ul.form li.LargeInput div.LargeInput TextArea
{
	width:240px;
}

#box.popup{
	margin:0px;
	border:none;
	width:460px;
	
}
#box.popup ul.form li.last{
	border-bottom:0;
}

#box.popup ul.form li.toolbar{
	/*width:246px;*/
	padding-top:20px;
}


#box.popup ul.form div{
	width:246px;
	background:none;
}
#box.popup ul.form div.large{
	background:url(/Images/bg-input-text-large.jpg) repeat-x 0 0;
}
#box.popup ul.form li div a{
	float:left;
	margin:4px 0 4px 9px;
}
#box.popup ul.form div div{
	width:122px;
	background:url(/Images/bg-input-text-large.jpg) repeat-x 0 0;
	float:left;
	padding:0;
	margin:0;
}
#box.popup ul.form div div input{
	width:111px;
}
#box.popup ul.form{
	float:left;
	width:420px;
}

div.Calendar input
{
	float:left;
}

#worksheet table td.CodeColumn, #worksheet table th.CodeColumn
{
	width: 100px;
}
#worksheet table td.PageColumn, #worksheet table th.PageColumn
{
	width: 50px;
}
#worksheet table td.UOMColumn, #worksheet table th.UOMColumn, #worksheet table td.UOMColumn input
{
	width: 30px;
}
#worksheet table td.QTYColumn, #worksheet table th.QTYColumn, #worksheet table td.QTYColumn input
{
	width: 30px;
}
#worksheet table td.BuyColumn, #worksheet table th.BuyColumn, #worksheet table td.BuyColumn input
{
	width: 60px;
}
#worksheet table td.CostColumn, #worksheet table th.CostColumn, #worksheet table td.CostColumn input
{
	width: 60px;
}
#worksheet table td.SellColumn, #worksheet table th.SellColumn, #worksheet table td.SellColumn input
{
	width: 60px;
}
#worksheet table td.PromoCostColumn, #worksheet table th.PromoCostColumn, #worksheet table td.PromoCostColumn input
{
	width: 60px;
}
#worksheet table td.PromoSellColumn, #worksheet table th.PromoSellColumn, #worksheet table td.PromoSellColumn input
{
	width: 60px;
}
#worksheet table td.APNColumn, #worksheet table th.APNColumn, #worksheet table td.APNColumn input
{
	width: 110px;
}
#worksheet table td.CoreLevelColumn, #worksheet table th.CoreLevelColumn, #worksheet table td.CoreLevelColumn input
{
	width: 30px;
}
#worksheet table td.SupplierColumn, #worksheet table th.SupplierColumn, #worksheet table td.SupplierColumn input
{
	width: 55px;
}
#worksheet table td.PartColumn, #worksheet table th.PartColumn, #worksheet table td.PartColumn input
{
	width: 150px;
}
#worksheet table td.ProductColumn, #worksheet table th.ProductColumn, #worksheet table td.ProductColumn input
{
	width: 40px;
}

div.formholder
{
	font: 11px/13px Tahoma, Verdana, Arial, sans-serif; 
	padding: 30px 0px;
}

table.form
{
	border-bottom: solid 1px #e5eaf3;
}


table.form th, table.form td
{
	border-top: solid 1px #e5eaf3;
	padding: 10px 6px 7px 0px;
	vertical-align:top;
	text-align:left;
}

table.form th
{
	text-align: left;
	font-weight: bold;
	width:150px;
}

table.form td input,
table.form td textarea
{
	font:11px Tahoma, Verdana, Arial, sans-serif;
}

table.form td input.textbox
{
	width: 250px;
}

table.form td select
{
	font:11px Tahoma, Verdana, Arial, sans-serif;
	width: 250px;
}

table.nestedform th, table.nestedform td
{
	border-top: none;
	border-bottom: solid 1px #e5eaf3;
}


table.simpleform th, table.simpleform td
{
	padding-bottom:3px;
	vertical-align:top;
	font:11px Tahoma, Verdana, Arial, sans-serif;
}

table.simpleform td
{
	text-align: left;
	width:580px;
}
table.simpleform th
{
	text-align: left;
	width:120px;
	font-weight:normal;
}


table.simpleform td input
{
	font:11px Tahoma, Verdana, Arial, sans-serif;
}

table.simpleform td input.textbox
{
	width: 250px;
}

table.simpleform td select
{
	font:11px Tahoma, Verdana, Arial, sans-serif;
	width: 250px;
}

table.quote th
{
	width: 180px;
}

table.quote td
{
	width: 180px;
}

table.quote td.expander
{
	background-color:#ecf1f7;
	padding:0px 10px;
	border-bottom:none;
}

table.quote td.sub_expander
{
	background-color:#f5f5dc;
	padding:0px 10px;
	border-bottom:none;
}

table.quote td.expander th,
table.quote td.sub_expander th
{
	width:220px;
}


table.quote td select
{
	width: 156px;
}

table.quote td input.textbox
{
	width: 150px;
}

div.buttonholder
{
	padding: 12px 0px;
	text-align: center;
}
div.buttonholderLeft
{
	padding: 10px 0px 10px 0px;
	text-align: left;
    width: 1250px;
}
div.buttonholder input,
div.buttonholderLeft input,
div.buttonholderLeft input.Upload
{
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	background:url(/Images/bg-button.jpg) no-repeat 0 0;
	border:none;
	padding:6px 7px;
	margin-right: 5px;
	width: 118px;
	text-align: center;
}

div.buttonholder input.savebutton,
div.buttonholderLeft input.savebutton
{
	background:url(/Images/save.jpg) no-repeat 0 0;
	text-align: left;
	padding-left: 27px;
}

div.buttonholder input.resetbutton,
div.buttonholderLeft input.resetbutton
{
	background:url(/Images/reset.jpg) no-repeat 0 0;
	text-align: left;
	padding-left: 27px;
}

.ActionColumn
{
	width:100px;
}

.SmallColumn
{
	width:20px;
}

div.AspNet-CreateUserWizard
{
	width:500px;
}
div.AspNet-CreateUserWizard div.AspNet-CreateUserWizard-StepTitlePanel
{
	width:500px;
}
div.AspNet-CreateUserWizard label
{
	width:150px;
	display:block;
	float:left;
	margin-bottom:3px;
	padding:0px;
	text-align:left;
}
div.AspNet-CreateUserWizard input
{
	width:250px;
	float:left;
	clear:right;
	margin-bottom:3px;
	padding:0px;
}
div.AspNet-CreateUserWizard-CreateUserButtonPanel
{
	padding-left:185px;
}
div.AspNet-CreateUserWizard-CreateUserButtonPanel input
{
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	background:url(/Images/bg-button.jpg) no-repeat 0 0;
	border:none;
	padding:6px 7px;	
	margin-right: 5px;
	margin-top:10px;
	width: 118px;
	text-align: center;
	background:url(/Images/save.jpg) no-repeat 0 0;
	text-align: left;
	padding-left: 27px;	
}

div.AspNet-CreateUserWizard-StepTitlePanel,
div.AspNet-CreateUserWizard-UserPanel,
div.AspNet-CreateUserWizard-PasswordPanel,
div.AspNet-CreateUserWizard-ConfirmPasswordPanel,
div.AspNet-CreateUserWizard-EmailPanel
{
	width:500px;
	height:22px;
	padding-top:8px;
	border-bottom:1px solid #E5EAF3;
}

input.BlankButton
{
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	background:url(/Images/bg-button.jpg) no-repeat 0 0;
	border:none;
	padding:6px 7px;	
	margin-right: 5px;
	width: 118px;
	text-align: center;
	text-align:center;
}

.IconButton
{
	float:left;
}

#worksheet table table
{
	width: auto;
}

table a
{
	color:#0000FF;
}

.QuoteStatus
{
	width:270px;
	border:none;
	margin:0px;
	padding:0px;
}

.QuoteStatus td
{
	margin:0px;
	padding:0px;
	border:none;
}

#StatusCell
{
	width:270px;
}

#StatusCell ul li
{
	float:left;
	display:block;
	width:80px;
	margin:0px 5px;
	padding:0px;
	text-align:center;
	background-color:Red
}

.tableDiaryNote {
    border: 1px solid black;
    border-collapse: collapse;
}

.tableDiaryNote td {
    border: 1px solid #000
}

.tableDiaryNote th {
    border: 1px solid #000;
    text-align:left;
    
}

#overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #f8f8f8;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
}            
#theprogress {
    background-color: #fff;
    border:1px solid #ccc;
    padding:10px;
    width: 300px;
    height: 120px;
    line-height:30px;
    text-align: center;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
#modalprogress {
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -11px 0 0 -150px;
    color: #990000;
    font-weight:bold;
    font-size:14px;
}