.mainbody {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/interface/background.jpg);
	background-color: #717E87;
	background-repeat: repeat-x;
	color:#222222
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}

/*
ul {
  list-style-image: url(/images/arrow-bl.png); vertical-align:top; margin-left: 20px; padding-top: 10px;
}
li { padding-top: 2px; }


.ul-folder { list-style-image: url(/images/arrow.png); margin-left: 10px;  }
.ul-folder li { background:transparent; height: 25px; vertical-align:middle; padding-top:2px; margin-bottom: 4px;  }

.ul-item { list-style-image: url(/images/arrow.png); margin-left: 10px;  }
.ul-item li { background:transparent; height: 25px; vertical-align:middle; padding-top:2px; margin-bottom: 4px;  }
*/
a:link {
	color: #003366;
	text-decoration: none;
}
a:visited {
	color: #003366;
	text-decoration: none;
}
a:hover {
	color: #99CCFF;
	text-decoration: underline;
}
a:active {
	color: #003366;
	text-decoration: none;
}
.style1 {
	color: #222222;
	font-size: 11px;
}
.style2 {
	font-size: 22px;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
}

.style2 a:link {
	color: #ffffff;
	text-decoration: none;
}
.style2 a:visited {
	color: #ffffff;
	text-decoration: none;
}
.style2 a:hover {
	color: #000000;
	text-decoration: underline;
}
.style2 a:active {
	color: #ffffff;
	text-decoration: none;
}


.style3 {
	color: #000000;
	font-weight: bold;
}
.style4 {font-size: 10px}

.right-prod {  width:241px; text-align:left; vertical-align:top; background:#f5f5f5; color: #000000 }

.right-nav {  width:241px; text-align:left; vertical-align:top; background:#f5f5f5; color: #000000 }

/*.right-nav {  width:241px; text-align:left; vertical-align:top; background:url('/interface/right-bk.jpg') repeat-y #282D31; color: #ffffff }


.right-nav .style2{
	font-size: 22px;
	color: #cfcfcf;
	font-family: "Times New Roman", Times, serif;
}

.right-nav a:link {
	color: #ffffff;
	text-decoration: none;
}

.right-nav a:visited {
	color: #ffffff;
	text-decoration: none;
}

.right-nav a:hover {
	color: #000000;
	text-decoration: underline;
}

.right-nav a:active {
	color: #ffffff;
	text-decoration: none;
}
*/

.footer-into {  width:850px; height:5px; background:url('/interface/footer.jpg') no-report; }
.footer { background: #333743; color:#ffffff }

.footer a:link {
	color: #4889B3;
	text-decoration: none;
}
.footer a:visited {
	color: #4889B3;
	text-decoration: none;
}
.footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.footer a:active {
	color: #4889B3;
	text-decoration: none;
}

.username{ text-transform:capitalize; }

.spcontent a:link { color: #003366; text-decoration: none; }
.spcontent a:hover { color: #99CCFF; text-decoration: underline; }
.spcontent a:visited { color: #003366; text-decoration: none; }
.spcontent a:visited:hover { color: #99CCFF; text-decoration: underline; }
.spcontent a:active { color: #003366; text-decoration: none; }

.supplier-header { height: 15px; width: 200px; display: table; background: url(/interface/supplier-header.gif) no-repeat; text-transform:uppercase; font-family:Verdana; font-size:9px; font-weight: bold; padding: 1px 0 0 10px; color:#fcfcfc; }
.supplier-content { display: table; width: 100%; border: 1px #675956 solid; background: #f5f5f5; margin-bottom: 15px; }
.supplier-logo-list { margin-left: 15px; margin-top: 10px; font-family: "Times New Roman", Times, serif; font-size:18px; }
.supplier-logo-list a:link{ color: #4889B3; text-decoration: none;  }
.supplier-logo-list a:hover { color: #99CCFF; text-decoration: none;  }
.supplier-logo-list a:visited{ color: #4889B3; text-decoration: none;  }
.supplier-logo-list a:visited:hover{ color: #99CCFF; text-decoration: none;  }
.supplier-product-list { margin-top: 2px; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; text-transform:capitalize;  }
.supplier-logo-header { margin-top: 20px; margin-bottom: 15px; }

.button-style { background: #cccccc; border: 1px #808080 solid; width: 60px; }

/* Update divisions */
.product-division-update { width:100%; }
.product-division-update-save { width:100%; margin-bottom: 20px; margin-top:10px; }

.success-message { background:#ECFCD7; padding:4px; border: 1px #00A650 solid; color:#00A650; width:100% }
.fail-message { background:#FCD7D5; padding:4px; border: 1px #cc0000 solid; color:#cc0000; width:100% }


/*.product-caption { font-weight: bold; width: 75px; vertical-align:top; }*/
.product-caption { padding-right: 22px; text-align:right; height: 22px; text-transform: uppercase; font-weight: bold; vertical-align: top; width: 100px; }
.product-images { width: 195px; text-align:center; }
.product-image { margin-bottom:10px; }

/*.ms-vh2{ background: #808080; color:#ffffff; font-weight: bold;}*/
.srch-link{ MARGIN:0px 0px 15px; }
.srch-Description {	font-size: 11px; }
.srch-Title{ font-size: 14px; color:#000000}
.search-results{ background:#ECECEC; }
.search-panel{ background: url(/interface/seach-panel.jpg) repeat-y; height:97px; width: 281px; }
.banner-bk{ background: url(/interface/banner-bk.gif) repeat-y; }

.search-button { background: #ffffff; border: 0px #808080 solid; width: 22px; height: 19px; display:none; }
.search-box { background: #ffffff; border: 0px #808080 solid; width: 100%;  height: 19px; background:url(/interface/search.jpg) no-repeat #ffffff; padding-left: 22px }
.search-div { background:#ffffff; width: 240px; margin-left: 20px; margin-bottom: 20px }

.product-folder-title { width: 100%; text-align: left; font-size: 22px; color: #000000; font-family: "Times New Roman", Times, serif; margin-bottom: 10px; }
.product-folder { background: url(/images/arrow.png) no-repeat; font-family: "Times New Roman", Times, serif; font-size:18px; padding-left: 22px; height: 22px }
.product-folder a:link { color: #444444; text-decoration: none; }
.product-folder a:hover { color: #4889B3; text-decoration: none; }
.product-folder a:visited { color: #444444; text-decoration: none; }
.product-folder a:visited:hover { color: #4889B3; text-decoration: none; }
.product-folder a:active { color: #000000; text-decoration: none; }
.product-subfolder { background: url(/images/arrow-bl.png) no-repeat; padding-left: 22px; height: 22px; margin-top: 15px; margin-bottom: 5px; font-weight:bold; text-transform: uppercase; font-weight: bold; }
.product-subfolder-content { padding-left: 22px; margin-top: 5px; }
.product-title { display:table; width:100%; margin-left: 22px; margin-bottom: 5px; background: url(/images/arrow-db.png) no-repeat; padding-left: 22px; font-weight: bold }
.product-title a:link { color: #000000; text-decoration: none; }
.product-title a:hover { color: #99CCFF; text-decoration: underline; }
.product-title a:visited { color: #000000; text-decoration: none; }
.product-title a:visited:hover { color: #99CCFF; text-decoration: underline; }
.product-title a:active { color: #000000; text-decoration: none; }
.product-description { margin-left: 44px; margin-bottom: 10px; font-style:italic }
.product-controls { width: 530px; text-align:right; }
.sitemap { width: 530px; }
.product-main-table { width: 530px; }
.product-currentfolder { font-size: 22px; color: #000000; font-family: "Times New Roman", Times, serif; margin-bottom: 20px; }
.product-sitedropdown { margin-bottom: 10px; margin-left: 0px; font-weight: bold; display: none;}
.product-drpSite { margin-left: 10px; }
.product-list-name { float:left; width: 200px; }
.product-list-sku { float: left; margin-left: 10px; }

.banner-top-left { background:#B1C379; height: 10px; text-align:right; }
.banner-top-right { background:#4889B3; height: 10px}
.search-keyword { margin-right: 10px; color:#ffffff; text-transform: uppercase; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }

/* login styles */
.login { position: absolute; margin-top: 0px; margin-left: 0px; }
.login-links { position: absolute; margin-top: 68px; margin-left: 16px; color: #ffffff; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.login-links a:link { color: #ffffff; text-decoration: none;  }
.login-links a:hover { color: #ffffff; text-decoration: underline;   }
.login-links a:visited { color: #ffffff; text-decoration: none;  }
.login-links a:visited:hover { color: #ffffff; text-decoration: underline;  }
.login-links a:active { color: #ffffff; text-decoration: none;  }

.failureTextStyle { color:#ff0000; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 10px; width: 200px; }
.LabelStyle { color:#4889B3; text-transform: uppercase; font-size: 10px; font-family: Arial, Helvetica, sans-serif; width: 75px; padding-right: 10px;}
.CheckboxStyle { color:#ffffff; text-transform: uppercase; font-size: 10px; font-family: Arial, Helvetica, sans-serif; display:none; }
.TextBoxStyle { background: #ffffff; border: 0px #808080 solid; height: 19px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 175px; margin-top: 2px; margin-bottom: 2px; }
.LoginButtonStyle {  background: #cccccc; border: 2px #808080 solid; width: 60px;font-family: font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-transform:uppercase; height: 22px; margin-right: 4px;  }
.loggedIn { color: #ffffff; position: absolute; margin-top: 20px; margin-left: 20px;  font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.loggedInName { color: #4889B3; font-weight: bold; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 10px; }
.loggedIn a:link { color: #ffffff; text-decoration: none;  }
.loggedIn a:hover { color: #ffffff; text-decoration: underline;   }
.loggedIn a:visited { color: #ffffff; text-decoration: none;   }
.loggedIn a:active { color: #ffffff; text-decoration: none;   }
.welcome-text { font-size: 14px; margin-bottom: 10px; }

.form-field-required { background:url(/images/required.png) no-repeat;  background-position: right;  }
.form-caption { width: 200px; text-align: right; padding-right: 20px;  }
.form-control { text-align: right; width: 250px; }
.form-textbox { background: #ffffff; border: 1px #808080 solid; height: 22px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 250px; margin-top: 2px; margin-bottom: 2px;  }
.form-dropbox { background: #ffffff; border: 1px #808080 solid; height: 22px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 10px; width: 250px; margin-top: 2px; margin-bottom: 2px; padding-top: 2px;  }
.form-ok { background: #cccccc; border: 2px #808080 solid; width: 60px;font-family: font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-transform:uppercase; height: 22px; }
.form-submit { margin-right: 10px; width: 90px; }
.form-cancel { background: #cccccc; border: 2px #808080 solid; width: 60px;font-family: font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-transform:uppercase; height: 22px; }
.create-user-buttons { display:table; width: 100%; margin-top: 20px; }
.create-user-button-cancel { float:left; }
.create-user-button-ok { float:right; }
.message-error { background: #F5BEC0; border: 2px #cc0000 solid; color:#cc0000; width: 503px; padding: 10px; margin-bottom: 10px;}
.message-success { background: #C0E7D0; border: 2px #005825 solid; color:#005825; width: 503px; padding: 10px; margin-bottom: 10px;}
.message-error-line { background: url(/images/arrow-bl.png) no-repeat; padding-left: 20px; }


.akira-document-panel {  }
.akira-document-folder-offset {margin-left: 25px;}
.akira-document-folder { background: url(/_layouts/images/folder.gif) no-repeat; height: 16px; padding-left: 20px; font-weight: bold; margin-bottom: 10px }
.akira-document-folder a:link { color: #000000; text-decoration: none }
.akira-document-folder a:hover { color: #000000; text-decoration: underline }
.akira-document-folder a:visited { color: #000000; text-decoration: none }
.akira-document-folder a:active { color: #000000; text-decoration: none }
.akira-document-title { background: url(/_layouts/images/icjpg.gif) no-repeat; height: 16px; padding-left: 20px; margin-left: 25px; margin-top: 10px}
.akira-document-desc { font-style: italic;  padding-left: 20px; margin-left: 25px;  }
.listquery-manage { margin-bottom: 10px; margin-top: 5px; }

.orderform-row { border-bottom: 1px #808080 solid; background: #ffffff; border-left: 1px #808080 solid; border-right: 1px #808080 solid }
.orderform-sku { margin-left:20px; background: #ffffff; border-left: 0px #808080 solid; border-top: 0px; border-right: 1px #808080 solid; border-bottom: 0px #808080 solid; height: 22px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 100px; padding-top: 2px;  }
.orderform-comment { margin-left:5px; background: #ffffff; border-left: 0px #808080 solid; border-top: 0px; border-right: 1px #808080 solid; border-bottom: 0px #808080 solid; height: 22px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 245px; padding-top: 2px; }
.orderform-units { margin-left:0px; background: #ffffff; border-left: 0px #808080 solid; border-top: 0px; border-right: 1px #808080 solid; border-bottom: 0px #808080 solid; height: 20px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 75px; border-collapse:collapse;  }
.orderform-unitstxt { margin-left:0px; background: #ffffff; border-left: 0px #808080 solid; border-top: 0px; border-right: 1px #808080 solid; border-bottom: 0px #808080 solid; height: 20px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 75px; border-collapse:collapse;  }
.orderform-quantity { margin-left:5px; background: #ffffff; border-left: 0px #808080 solid; border-top: 0px; border-right: 0px #808080 solid; border-bottom: 0px #808080 solid; height: 22px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 75px; padding-top: 2px; }

.orderform-header { border-bottom: 0px #cccccc solid; background: #808080; border-left: 0px #cccccc solid; border-right: 0px #cccccc solid; font-weight:bold; }
.orderform-header-sku { margin-left:20px; color:#f5f5f5; border-right: 1px #cccccc solid; height: 22px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 100px; padding-top: 2px;  }
.orderform-header-comment { margin-left:5px; color:#f5f5f5; border-right: 1px #cccccc solid; height: 22px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 245px; padding-top: 2px; }
.orderform-header-unit { margin-left:5px; color:#f5f5f5; border-right: 1px #cccccc solid; height: 20px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 70px; border-collapse:collapse;  }
.orderform-header-quantity { margin-left:5px; color:#f5f5f5; height: 22px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 70px; padding-top: 2px; }

.order-details { margin-bottom: 10px; }
.orderform-details-table { width: 100%; margin-bottom: 10px; }
.order-details-left { width: 50%; }
.order-details-right { width: 50%;  }
.orderform-details-notes { }
.orderform-billto { background: #ffffff; border: 1px #808080 solid; height: 75px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 264px; margin-top: 2px; margin-bottom: 2px;  }
.orderform-shipto { background: #ffffff; border: 1px #808080 solid; height: 75px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 264px; margin-top: 2px; margin-bottom: 2px;  }
.orderform-contact { background: #ffffff; border: 1px #808080 solid; height: 75px; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; margin-top: 2px; margin-bottom: 2px;  }
.orderform-ordernum { font-weight: bold; margin-left: 54px }
.orderform-requesttype{ margin-left: 40px; }
.orderform-status { margin-left: 30px }

.orderlist { width: 100% }
.orderlist-header { background: #808080; color:#ffffff;  }
.orderlist-pending {  background: #ffffff; color:#000000; border-bottom: 1px #808080 solid }
.orderlist-item {  background: #f5f5f5; color:#000000; }
.orderlist-id { width: 25% }
.orderlist-status { width: 25% }
.orderlist-created { width: 25% }
.orderlist-modified { width: 25% }

.akira-view-content-empty{ color:#808080; font-style:italic; font-size: 11px; }
#akira-edit-content { width: 100%; }
#akira-edit-content-title { width: 100%; margin-bottom:10px; }
#akira-edit-content-content { width: 100%; margin-bottom: 10px }
#akira-edit-content-submit { width: 100%; text-align:right }
.akira-edit-content-lblTitle{ font-weight:bold; }