/*
	Author: Florian / Clemens
	Date: 26-Jul-2012
	Description:	This File includes all CSS changes which
					are needed for the Global Layout.
 */

/*----- COMMON STYLES -----*/
html {
	height: 100%;
	overflow-x: auto;
}

body,
body.usersettings {
	color: #333333;
	font-family: Arial;
	font-size: 12px;
	margin-left: 30px;
	margin-right: 30px;
	min-width: 875px;
}

body.usersettings {
	margin-top: 0px;
}

body.z-popUp {
	min-width: 50%;
}

body.invoice, body.order, body.orderstatus, body.orderchange, body.document-search, body.selection-shop, 
body.selection-catalog, body.message-page, body.confirmation, body.ordersimulate, 
body.createdoc, body.organizer, body.determination, body.showpredecessors, body.showpredecessorquotations, 
body.marketingprofile, body.canceldate, body.payment, body.shipto, body.usersettings, 
body.message-workarea, body.campaign, body.compare {
	margin-right: 30px;
	margin-left: 30px;
}

body.shipto {
	height: auto;
	overflow: auto;
}

.shipto .document-header td {
	font-size: 12px;
}

#address .icon img {
    margin-right: 5px;
}

body.header-body {
	margin: 0px;
}

/* wrapper class for login / logoff */
.body-margin {
	margin-right: 30px;
	margin-left: 30px;
}

body.document-search {
	color: #333333;
	background: none repeat scroll 0 0 #FFFFFF;
}

/* Added .textinput-large for HPS Additional data page Changes */
input, input[type="text"], select, textarea, .select-large, .textinput-middle,  .textinput-large  {
	font-family: Arial;
	color: #333333;
	font-size: 12px;
	margin: 0;
}

.textinput-small {
	width: 3em;
}

.textinput-middle-discountauth 
{
	border:1px solid silver; 
	font-family:Verdana, Geneva, sans-serif; 
	padding-left:2px; 
	background-color:#FFFFFF; 
	font-size:100%; 
	width:16em;
}


.valign-top {
	vertical-align: top !important;
}

table, tr, td {
	border-collapse: collapse;
}

abbr {
	border: none;
}

a,
a:visited,
a:active,
a:link {
	color: #333333;
	border-bottom: none;
}


a:hover {
	background: none;
	color: #A81D24;
}

a.icon:hover {
	text-decoration: none !important;
}

a.button,a.FancyButton,aFancyButtonGrey,a.ipcButton,
a.button:active,a.ipcButton:active,
a.button:visited,a.ipcButton:visited,
a.button:link,a.ipcButton:link {
	font-family: Arial;
	font-size: 12px;
	background:  url("../images/mnu_grad_normal.jpg") center center repeat-x;
	border: 1px solid #CFCFCF;
	color: #333333;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	line-height: 17px;
	padding: 2px 10px;
}

a.button:hover, a.ipcButton:hover,
a.FancyButton:hover,aFancyButtonGrey:hover {
	color: #A81C24;
	background: none;
}

input.disabled,
select.disabled,
textarea.disabled {
	border-color: silver;
	background: #eeeeee;
	color: #666666;
}

option.disabled {
	color: #aaaaaa;
	background: #dddddd;
}

input.ipcButton {
	font-family: Arial;
	font-size: 12px;
	background:  url("../images/mnu_grad_normal.jpg") center center repeat-x;
	border: 1px solid #CFCFCF;
	color: #333333;
	cursor: pointer;
	line-height: 17px;
	padding: 2px 10px;
	display: block;
}

input.ipcButton:hover {
	background: none;
	color: #A81C24;
}

a.red-bold {
	color: #A81C24;
	font-weight: bold;
}

ul.buttons-1 {
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

ul.buttons-3 {
	float: right;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

ul.buttons-1 li {
	border: none;
	line-height: 17px;
}

ul.buttons-1 li a, ul.buttons-2 li a, ul.buttons-3 li a,
ul.buttons-1 li a:visited, ul.buttons-2 li a:visited, ul.buttons-3 li a:visited,
ul.buttons-1 li a:active, ul.buttons-2 li a:active, ul.buttons-3 li a:active,
ul.buttons-1 li a:link, ul.buttons-2 li a:link, ul.buttons-3 li a:link {
	background:  url("../images/mnu_grad_normal.jpg") center center repeat-x;
	border: 1px solid #CFCFCF;
	color: #333333;
	padding: 2px 10px;
	display: block;
	font-weight: bold;
	line-height: 17px;
	display: inline-block;
}

ul.buttons-1 li a:hover, ul.buttons-2 li a:hover, ul.buttons-3 li a:hover {
	color: #A81C24;
	background: none;
	font-weight: bold;
	padding: 2px 10px;
}

ul.buttons-1 li.disabled a, ul.buttons-2 li.disabled a, ul.buttons-3 li.disabled a,
ul.buttons-1 li.disabled a:link, ul.buttons-2 li.disabled a:link, ul.buttons-3 li.disabled a:link,
ul.buttons-1 li.disabled a:active, ul.buttons-2 li.disabled a:active, ul.buttons-3 li.disabled a:active,
ul.buttons-1 li.disabled a:visited, ul.buttons-2 li.disabled a:visited, ul.buttons-3 li.disabled a:visited,
ul.buttons-1 li.disabled a:hover, ul.buttons-2 li.disabled a:hover, ul.buttons-3 li.disabled a:hover {
	background:  url("../images/mnu_grad_normal.jpg") center center repeat-x;
	border: 1px solid #CFCFCF;
	color: #DEDEDE;
	padding: 2px 10px;
	font-weight: bold;
	cursor: default;
	display: inline-block;
}

ul.buttons-1 li a.highlight, ul.buttons-2 li a.highlight, ul.buttons-3 li a.highlight,
ul.buttons-1 li a.highlight:visited, ul.buttons-2 li a.highlight:visited, ul.buttons-3 li a.highlight:visited,
ul.buttons-1 li a.highlight:active, ul.buttons-2 li a.highlight:active, ul.buttons-3 li a.highlight:active,
ul.buttons-1 li a.highlight:link, ul.buttons-2 li a.highlight:link, ul.buttons-3 li a.highlight:link {
	background: url("../images/menubg_active.jpg") center center repeat-x;
	border: 1px solid #A81C24;
	color: #FFFFFF;
	padding: 2px 10px;
	font-weight: bold;
	display: inline-block;
}

ul.buttons-1 li a.highlight:hover, ul.buttons-2 li a.highlight:hover, ul.buttons-3 li a.highlight:hover {
	color: #FFFFFF;
	background: none #A81C24;
	padding: 2px 10px;
	font-weight: bold;
	display: inline-block;
}

.nodoc a,
.nodoc a:visited,
.nodoc a:active,
.nodoc a:link {
   color: #a81c24;
   text-decoration: none;
}

.nodoc a:hover {
	color: #A81C24;
	text-decoration: underline;
}

h1 {
	color: #A81C24;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
    
	border-bottom: 1px solid #B3B3B3;
	border-left: none;
	margin-bottom: 10px;
	/* margin-top: 30px; */
	margin-top: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

h1.area {
	color: #A81C24;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #B3B3B3;
}

h1.areatitle {
	margin: 0 0 10px 0;
}

h1.group {
	color: #333333;
}

.h1-meta {
	text-align: right;
	margin-top: -35px !important;
	margin-bottom: 15px !important;
	height: 20px;
}

.h1-meta a,
.h1-meta a:visited,
.h1-meta a:link,
.h1-meta a:active,
.h1-meta a:focus{
	color: #A81C24;
	font-weight: bold;
	text-decoration: none;
}

.h1-meta a:hover {
	text-decoration: underline;
	color: #A81C24;
}

#history-slot h1 {
	border: medium none;
	color: #666666;
	font-size: 16px;
	padding-bottom: 0;
	margin-bottom: 10px;
	margin-top: 0;
}

h2 {
	border-bottom: medium none;
	border-left: medium none;
	color: #A81C24;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0px;
	padding-bottom: 0;
	padding-left: 0;
	padding-top: 0;
	text-transform: uppercase;
	width: auto;
}

h3 {
	color: #A81C24;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	width: auto;
}


.document-header,
.itemlist,
#buttons {
	color: #333333;
	font-family: Arial;
	font-size: 12px;
	border-top: none;
	margin: 0;
	width: auto;
}

#data {
	overflow: hidden;
}

.itemlist {
	width: 100%;
}

.itemlist img {
    vertical-align: top;
}

ul.buttons-1 {
	padding: 0;
}

input.green,
input.FancyButton,
input.FancyButtonGrey {
	font-family: Arial;
	font-size: 12px;
	background: url("../images/mnu_grad_normal.jpg") center center repeat-x;
	border: 1px solid #CFCFCF !important;
	color: #333333;
	cursor: pointer;
	padding: 2px 10px;
	font-weight: bold;
	display: block;
	line-height: 17px;
}

input.FancyButton:disabled,
input.FancyButtonGrey:disabled,
input.FancyButton:disabled:hover,
input.FancyButtonGrey:disabled:hover {
	color: #CCC;
	cursor: default;
	background: url("../images/mnu_grad_normal.jpg") center center repeat-x;
	display: block;
	line-height: 17px;
}

a.FancyButtonDisabled,
input.FancyButtonDisabled {
	font-family: Arial;
	font-size: 12px;
	background: url("../images/mnu_grad_normal.jpg") center center repeat-x !important;
	border: 1px solid #CFCFCF !important;
	cursor: default !important;
	padding: 2px 10px;
	font-weight: bold;
	color: #ccc !important;
	display: block;
	line-height: 17px;
}

a.FancyButtonRed,
a.FancyButtonRed:visited,
a.FancyButtonRed:link,
a.FancyButtonRed:focus,
a.FancyButtonRed:active,
a.FancyButtonRed:hover,
input.FancyButtonRed {
	font-family: Arial;
	font-size: 12px;
	background: url("../images/menubg_active.jpg") center center repeat-x !important;
	color: #fff !important;
	cursor: pointer;
	padding: 2px 10px;
	border: 1px solid #A81C24 !important;
	font-weight: bold;
	display: block;
	line-height: 17px;
}

a.FancyButtonRed .basket_icon {
	padding-left: 20px;
	background: url("../images/basket_icon.png") 1px center no-repeat;
	border: none !important;
}

a.FancyButtonRedDisabled,
a.FancyButtonRedDisabled:visited,
a.FancyButtonRedDisabled:link,
a.FancyButtonRedDisabled:focus,
a.FancyButtonRedDisabled:active,
a.FancyButtonRedDisabled:hover,
ul.buttons-1 li a.FancyButtonRedDisabled:hover,
ul.buttons-2 li a.FancyButtonRedDisabled:hover,
ul.buttons-3 li a.FancyButtonRedDisabled:hover,
input.FancyButtonRedDisabled {
	font-family: Arial;
	font-size: 12px;
	background: url("../images/mnu_grad_normal.jpg") center center repeat-x;
	border: 1px solid #CFCFCF !important;
	cursor: default;
	padding: 2px 10px;
	font-weight: bold;
	color: #ccc;
	display: block;
	line-height: 17px;
}

a.FancyButtonRedDisabled .basket_icon {
	padding-left: 20px;
	background: url("../images/basket_icon_inactive.png") 1px center no-repeat;
	border: none !important;
	color: #ccc;
}

input.green:hover,
input.FancyButton:hover,
input.FancyButtonGrey:hover {
	background: none;
	color: #A81C24;
	display: block;
	line-height: 17px;
}

a.FancyButtonRed:hover,
input.FancyButtonRed:hover {
	background: #A81C24 !important;
	display: block;
	line-height: 17px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

ul.horizontal,
ul.horizontal li{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

ul.horizontal li{
	float: left;
}

.clear {
	clear: both !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 0px !important;
	line-height: 0px !important;
	float: none !important;
}

tr.even,
.itemlist .even {
	background-color: #fff;
}

tr.odd,
.itemlist .odd {
	background-color: #e5e5e5;
}


.hidden {
	display: none;
}

#busy,
#submitInProgress {
	background: #fff;
	border: 1px solid #B3B3B3 !important;
	height: 75px;
	left: 50%;
	margin-left: -96px; /* (width/2)+padding+border */
	padding: 20px;
	position: fixed;
	width: 150px;
	top: 12em;
	margin-top: 10px;
	z-index: 666;
}

#submitInProgressI {
	background: transparent;
	border: none !important;
	margin-left: 0 auto;
	position: fixed;
	z-index: 444;
	left: 30px;
	top: 30px;
}

#busy p,
#submitInProgress p {
	margin-top: 11px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}


#busy img,
#submitInProgress img {
	display: block;
	margin: 0 auto;
}

/* resets */
#navigator, #workarea {
	position: static;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	width: auto;
}

#navigator {
	float: left;
	width: 185px;
}

#workarea {
	overflow: hidden;
	padding-top: 0px;
}

.cat-pcat-pages-tbl,
.page-selection {
	float: right;
}

.bold {
	font-weight: bold;
}

.red {
	color: red;
}

dl.title12em dt {
	width: 12em;
}



.z-toolTip {
	position: absolute;
	z-index: 99;
	background:  url("../images/transparence_75.png");
	color: #FFF;
	display: block;
	font-weight: bold;
	/*margin-top: -10px;*/
	padding: 15px;
	text-align: left;
	width: 220px;
	margin-left: -23px;
	white-space: normal !important;
	line-height: 15px !important;
	font-size: 12px;
}

.z-toolTip b {
	font-weight: 800;
}

.z-toolTip-ack {
	margin-top: -140px;
	margin-left: 30px;
}

.z-toolTip-config {
	margin-top: -160px;
	margin-left: 30px;
}

.z-toolTip-newPos {
	/*margin-top: -80px;
	margin-left: 100px;*/
	margin-top: -70px;
	margin-left: 150px;
}

.z-toolTip-search {
    margin-left: 110px;
    margin-top: -16px;
}

.z-toolTip-listPrice {
	margin-left: -130px;
}

.z-toolTip-custPrice {
	margin-left: -230px;
}

.z-toolTip-compare {
	margin-left: -180px;
}

.z-toolTip-status {
	margin-left: -230px;
}

.margin-bottom {
	margin-bottom: 5px;
}

.padding-top-block {
	padding-top: 20px !important;
}

.item-msg-area {
	margin: 0 !important;
	padding: 0 !important;
}

.warn-items,
.error-items {
	/*background-color: #ff9999;
	color: #333;
	font-weight: bold;
	margin: 0;*/
	font-family: arial;
}

.itemlist .warn-items a,
.itemlist .warn-items a:link,
.itemlist .warn-items a:visited,
.itemlist .warn-items a:focus,
.itemlist .error-items a,
.itemlist .error-items a:link,
.itemlist .error-items a:visited,
.itemlist .error-items a:focus {
    color: #C40026;
	text-decoration: underline;
}

.itemlist .warn-items a:hover,
.itemlist .error-items a:hover {
    color: #333;
	text-decoration: none;
}

th.opener {
	text-align: left;
}

.item-detail .img-1 {
	vertical-align: middle;
}

img.ui-datepicker-trigger {
	margin-left: 3px !important;
	vertical-align: middle !important;
}

#gensearch-col-1 .filter-1 .input-3 {
	font-family: Arial;
}

/*----- MESSAGES -----*/
#message-content {
	font-family: Arial;
	padding: 10px 0;
}

#message-content .error, #message-content .warn, #message-content .info {
	overflow: hidden;
	margin: 10px 0;
	font-size: 12px;
}

.error {
	margin: 0 0 3px 0;
}

/*----- TABLE -----*/
.app-std-tbl {
	border: none;
}

.app-std-tbl th {
	background: none repeat scroll 0 0 transparent;
	line-height: 22px;
	border-right: none;
	color: #666;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.app-std-tbl th, .app-std-tbl td {
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-right: medium none;
	border-left: medium none;
}  

.app-std-tbl td.cat-prd-qty {
	text-align: left !important;
}

.app-std-tbl tr.app-std-tbl-odd {
	background-color: #E5E5E5;
}

.app-std-tbl tr.app-std-tbl-even {
	background-color: #FFFFFF;
}

.left-nowrap {
	text-align: left;
	white-space: nowrap;
}
/*----- NAVIGATION TREE -----*/

#secnav li.secnav-categIsSub {
	padding: 0.8pt 0 1.5pt 20px;
}

#secnav li.secnav-level0 {
	padding-left: 5px;
}
#secnav li.secnav-level1 {
	padding-left: 20px;
}
#secnav li.secnav-level2 {
	padding-left: 35px;
}
#secnav li.secnav-level3 {
	padding-left: 50px;
}
#secnav li.secnav-level4 {
	padding-left: 65px;
}
#secnav li.secnav-level5 {
	padding-left: 80px;
}
#secnav li.secnav-level6 {
	padding-left: 95px;
}

div.cat-secnav-spacer { 
	display: none;
}

/*----- FILTER / SEARCH -----*/
.selection {
	margin-left: 30px;
	margin-top: 40px;
	width: 25%;
}



.filter-result {
	font-family: Arial;
	width: 100%;
}

.selection .filter-result {
	font-size: 12px;
}

.filter-result table {
	border: none;
	font-size: 12px;
}    

.filter-result th {
	background: none repeat scroll 0 0 transparent;
	text-align: left;
	line-height: 22px;
	padding:3px;
}

.filter-result th, .filter-result td {
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-right: medium none;
	border-left: medium none;
	padding: 3px 10px;
}  

.filter-result tr.odd {
	background-color: #E5E5E5;
}

.filter-result tr.even {
	background-color: #FFFFFF;
}

.filter-result a,
.filter-result a:visited,
.filter-result a:active,
.filter-result a:link {
	color: #A81C24;
	font-weight: bold;
	text-decoration: none;
}  

.filter-result th a, .filter-result th a:visited, .filter-result th a:active, .filter-result th a:link {
	color: #333333;
}

.filter-result a:hover {
	background: none;
	color: #A81D24;
	text-decoration: underline;
}


.filter-result a.button, .filter-result a.button:visited, .filter-result a.button:active, .filter-result a.button:link {
	color: #333333;
	background:  url("../images/mnu_grad_normal.jpg") center center repeat-x;
	border: 1px solid #CFCFCF !important;	
	line-height: 23px;
}
.filter-result a.button:hover {
	color: #A81C24;
	text-decoration: none;  
	background: none;
}

.filter-result td b {
	font-weight: bold;
}

/*----- GENERIC SEARCH -----*/
body.document-search {
	overflow: visible;
	height: auto;
	width: auto;
}

body.document-search #page {
	height: auto;
	overflow: hidden;
}

#gensearch-col-1 .filter-1 {
	padding: 10px;
	width: auto;
}

#gensearch-col-1 .filter-1 select {
	background-color: #FFFFFF;
	color: #333333;
	font-family: Arial;
}

#gensearch-col-1 .filter-result-msg {
	color: #333333;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}    

#gensearch-col-1, #gensearch-col-3 {
	font-family: Arial;
	font-size: 12px;    
	width: auto;
	height: auto;
	/*margin-left: 30px;*/
	margin-right: 0px;
	overflow: hidden;
}

.zbutton-group{
margin-bottom: 20px;
/*    margin-left: 50%;*/
	margin-left: 115px;

}

#gensearch-col-1 .filter-result,
#gensearch-col-1 .filter-result table {
	border: none;
}        

#gensearch-col-1 .filter-result {
	overflow-x: auto;
	width: 100%;
}

div.document-search-workarea,
#document {
	height: auto;
	width: auto;
	overflow: visible;	
}

#gensearch-col-1 .filter-1 .input-1 {
    font-family: arial;
}

#z-gs-search {
	float: left;
	border: 1px solid #B3B3B3;
	margin-top: 15px;	
}

#z-gs-searchresults {
	padding-left: 300px;
	margin-top: 30px;
	overflow: visible;
}

#gensearch-col-1 div.buttons {
	margin: 0px 0 10px 117px;
	text-align: left;
}

.z-orderdownload {
	margin-top: 20px;
	text-align: right;
}

.toggleLink {
	margin: 10px 0 10px 2px;
}

.toggleLink a{
	color: #A81D24;
	display: block;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

.toggleLink a:hover {
	text-decoration: underline;
}

#gensearch-col-1 .filter-1 .toggleLink img {
	border: none;
	width: 11px;
	height: 11px;
	vertical-align: middle;
}

#uploadButton img, #pdfdownloadbtn img, #invdownloadbtn1 img, #invdownloadbtn2 img,
#orderdownloadbtn img {
	margin-left: -3px;
	margin-right: 2px;
	margin-top: -2px;
	vertical-align: middle;
	border: none;
	outline: none;
}

/*----- HEADER -----*/

#header-appl {
	font-family: Arial;
	background: none;
	border: none;
}

#header-appl .header-logo {
	background: url("../images/honeywell_logo.png") center center no-repeat;
	/*width: 138px;
	height: 26px;
	margin: 20px 30px;*/
	width: 138px;
	height: 35px;
	margin: 20px 0 15px 30px !important;
}

#header-appl .header-applname {
	display: none;
	text-indent: -9999px;
}

#header-appl #header-nav-functions ul {
	position: absolute;
	top: 20px;
	right: 25px;
	margin: 0;
	padding: 0;
	font-size: 0;
}

#header-appl #header-nav-functions ul li {
	text-transform: uppercase;
	padding: 0 8px;
	font-size: 12px;
}

#header-appl #header-nav-functions ul li a {	
	text-decoration: none;
	color: #919191;
}

#header-appl #header-nav-functions ul li a:hover {
	text-decoration: underline;
	color: #A81C24;
}

#header-appl #header-nav-functions ul li img {
	border: medium none;
	vertical-align: middle;
}

#header-appl #header-nav-functions ul li.username {
	font-weight: bold;
	color: #A81C24;
}

#header-appl #header-extradiv1 {
	display: none;
	top: -500px;
}

#header-appl #header-nav-view ul {
	position: relative;
	margin: -60px 30px;
	height: 37px;
	background:  url("../images/mnu_grad_normal.jpg") center center repeat-x;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	padding: 0;
	padding-right: 150px;
	white-space: normal;
}

#header-appl #header-nav-view ul li.first {
	border: none !important;
}

#header-appl #header-nav-view ul li a span {
	background: url("../images/mnu_grad_normal.jpg") center center repeat-x;
	height: 37px;
	padding: 0 20px;
	font: 700 11px/37px "Arial";
	float: left;
	text-transform: uppercase;
	color: #333333;
	border-right: 1px solid #CFCFCF;
	cursor: pointer;
}

#header-appl #header-nav-view ul li a span img {
	display: none;
}

#header-appl #header-nav-view ul li a span img {
	margin-top: 2px;
	margin-bottom: -2px;
}

#header-appl #header-nav-view #basketlinktext {
	background: url("../images/basket_icon_inactive.png") 1px 48% no-repeat;
	display: block;
	border: 0;
	padding: 0 0 0 21px;
}

#header-appl #header-nav-view span.active #basketlinktext {
	background: url("../images/basket_icon.png") left 47% no-repeat;;
}

#header-appl #header-nav-view ul li a,
#header-appl #header-nav-view ul li a:link,
#header-appl #header-nav-view ul li a:hover,
#header-appl #header-nav-view ul li a:visited,
#header-appl #header-nav-view ul li a:active {
	text-decoration: none;
}

#header-appl #header-nav-view ul li a:hover span {
	background: #fff;
	color: #a81c24;
	height: 35px;
	line-height: 35px;
	border-top: 1px solid #CFCFCF;	
	border-bottom: 1px solid #CFCFCF;
}

#header-appl #header-nav-view ul li a:hover span.active {
	background: #a81c24;
	color: #fff;
	border-color: #a81c24;
	border-right: none;
	margin-right: 1px;
}

#header-appl #header-nav-view ul li a span.active,
#header-appl #header-nav-view ul li a span.active span {
	background: #de0031 url("../images/menubg_active.jpg") center center repeat-x;
	color: white;
	font-weight: bold;
}

/* Fix Page distortion UI issues for Product Search */
#header-appl #header-extradiv1 {
	display: block;
	left: auto;
	top: 60px;
	right: 38px;
	height: 37px;
	background: none;
	width: auto;
	
}

#header-appl #header-extradiv1 form {
	font-weight: normal;
	font-size: 11px;
	line-height: 37px;
	text-transform: uppercase;
	color: #333333;
}

#header-appl #header-extradiv1 form p {
	padding: 0;
	margin: 0;
}

#header-appl #header-extradiv1 form p label {
	position: absolute;
	left: -99999px;
}

#header-appl #header-extradiv1 form p input {
	background: #fff;
	border: 1px solid #CFCFCF;
	height: 15px;
	color: #919191;
}

#header-appl #header-extradiv1 form p input[type=submit] {	
	font-weight: bold;
	color: #a81d24;
	line-height: 12px;
	padding: 2px;
	height: 18px;
}
/* E594121 (JM) - CH 162694 -go Button  alignment with Product search changing padding property  */
#header-appl #header-extradiv1 a.search-button,
#header-appl #header-extradiv1 a.search-button:link,
#header-appl #header-extradiv1 a.search-button:visited,
#header-appl #header-extradiv1 a.search-button:active,
#header-appl #header-extradiv1 a.search-button:focus {
background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CFCFCF;
	color: #A81D24;
	font-size: 11px;
	font-weight: bold;
	line-height: 10px;
	padding-top: 1.4px;
	padding-bottom: 2.5px;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
	vertical-align: 1px;
	text-transform: lowercase;
}


#header-appl #header-extradiv1 a.search-button:hover {
	text-decoration: underline;
}

#header-appl #header-extradiv2 {
	display: block;
	position: absolute;
	left: auto;
	top: 100px;
	right: 30px;
	width: auto;
	height: 20px;
	background: none;
	text-align: right;
}

#header-appl #header-extradiv2 a,
#header-appl #header-extradiv2 a:link,
#header-appl #header-extradiv2 a:visited,
#header-appl #header-extradiv2 a:active {
	color: #a81d24;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#header-appl #header-extradiv2 a:hover {
	text-decoration: underline;
}

/*----- PopUP -----*/
#header-appl .z-header-popUp-close,
.z-header-popUp-close {
	position: absolute;
	right: 30px;
	top: 15px;
	text-transform: uppercase;
}

.z-header-popUp-close a,
.z-header-popUp-close a:visited,
.z-header-popUp-close a:link,
.z-header-popUp-close a:active,
.z-header-popUp-close a:focus {
	color: #A81C24;
	text-decoration: none;
	font-weight: bold;
}

#header-appl .z-header-popUp-close a,
#header-appl .z-header-popUp-close a:visited,
#header-appl .z-header-popUp-close a:link,
#header-appl .z-header-popUp-close a:active,
#header-appl .z-header-popUp-close a:focus {
	color: #A81C24;
	text-decoration: none;
	font-weight: bold;
}

#header-appl .z-header-popUp-close a:hover,
.z-header-popUp-close a:hover
 {
	text-decoration: underline;
}

body.z-popUp,
body.nodoc {
	margin-left: 30px;
	margin-right: 30px;
	height: auto;
}

body.z-popUp .selection {
	margin-left: 0;
	margin-top: 0;
}

body.z-popUp #buttons {
	border-top: none;
}        

.z-popUp #header-appl .header-logo {
	margin-left: 0;
}        

.z-popUp .bupaAddress {
	line-height: 18px;
	width: 100%;
}

/*----- TERMS AND CONDITIONS PAGE -----*/
.z-popUp table {
	width: 100%;
	border: 1px solid #CFCFCF;
}

.z-popUp .z-tnccol {
	border: 1px solid #CFCFCF;
	text-align: left;
	vertical-align: top;
	width: 33%;
}

/*----- LOGIN/LOGOFF PAGE -----*/
.login {
	color: #333333;
	font-family: Arial;
	font-size: 12px;
}

.login ul .input-1 {
	font-family: Arial;
	font-size: 12px;
}

body.login .header-logo,
body.logoff .header-logo,
body.pwchangeconfirm .header-logo,
body.pwchange .header-logo {
	float: left;
}

body.login ul.horizontal li{
float: left;
}

body.login .login {
	float: left;
	width: 220px;
	margin-right: -220px;
}

body.logoff .login {
	float: left;
	width: 220px;
	margin-right: -220px;
}

body.login .selection {
	width: auto;
	margin-right: 30px;
}

body.logoff .selection {
	width: auto;
	margin-right: 30px;
}

 
/*----- Changed Padding value from 20px 30px for image distortion issue at 1024 X 768 resolution in HPS theme -----*/
body.login #welcome-image,
body.logoff #welcome-image,
body.pwchangeconfirm #welcome-image,
body.pwchange #welcome-image {
	float: right;
	padding: 20px 20px; 
	background: none;
}


body.login #logintext{
	background: #E5E5E5;
	float: right;
	padding: 10px 30px;
	margin: 30px 0 15px 400px;
}
	
body.login #logintext p{
	padding: 0;	
}

body.login .language {
	float: right;	
}

body.login .h1-meta li{
	font-size: 12px;
	padding-left: 5px;
}

body.login .pw_change{
	margin-top: 10px !important;
}

body.login .pw_change a {
	text-align: right;
	height: 20px;
	font-size: 12px;
	padding-left: 5px;
	color: #A81D24;
	font-weight: bold;
	text-decoration: none;	
}

body.login .pw_change a:hover {
	text-decoration: underline;
}

body.logoff #logofftext{
	background: #E5E5E5;
	float: right;
	padding: 10px 150px;
	margin: 30px 0 15px 130px;	
}

body.logoff #logofftext p{
	padding: 0;
}	

body.login #header-appl,
body.logoff #header-appl,
body.pwchangeconfirm #header-appl,
body.pwchange #header-appl {
	height: 150px;
}

img.toolTipOpener {
	border: none;
	vertical-align: center;
	width: 15px;
	height: 15px;
}

body.login .forgot-pwd {
	padding-top: 1px;
}

body.login .forgot-pwd a,
body.login .forgot-pwd a:link,
body.login .forgot-pwd a:visited {
	color: #A81C24 !important;
	font-weight: bold !important;
	padding-left: 5px;
	text-decoration: underline;
}

body.login .forgot-pwd a:hover {
	text-decoration: underline;
}

.login .error {
    white-space: nowrap;
    
}
.login .errormessage {
    white-space: pre-wrap;
    width: 350px;
}

/*----- WELCOME PAGE -----*/

.nodoc #maindiv{
	/*min-height: 500px;*/
	overflow: hidden;
}

.nodoc #page {
	height: auto;
}

#welcome-image {
	background-color: #f2fcfd;
	height: 155px;
	text-align: left;
}

#welcome-image img {
	float: right;
}

.welcome-image-text {
	position: absolute;
}

.welcome-image-text h2 {
	color: #0C76B0;
	font-size: 34px;
	font-weight: bold;
	margin-left: 0;
	margin-top: 15px;
	text-transform: none;
}

.welcome-image-text p {
	color: #0C76B0;
	font-size: 18px;
	font-weight: bold;
	margin-left: 40px;
	margin-top: 0px;
	width: 175px;
}

#nodoc-welcome {
	width: 100%;
}

#nodoc-first, #nodoc-default {
	color: #333333;
	font-family: Arial;
	height: auto !important;
}

#nodoc-first p, #nodoc-default p {
	font-size: 12px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: 20px;
	width: auto;
}

#nodoc-first ul, #nodoc-default ul {
	font-size: 12px;
	list-style: none outside none;
	margin-top: 10px;
	margin-left: 0;
	padding-left: 0px;
}
    
#nodoc-first li, #nodoc-default li {
	list-style-image: none;
	background: url("../images/arrow_small_right.png") left center no-repeat;
	padding-left: 7px;
}
#nodoc-first {
	float: left;
	width: 100%;
}

#welcome-links {
	border: 1px solid #B3B3B3;
	padding: 10px;
	margin-top: 20px;
}

#history-slot {
	border: 1px solid #B3B3B3;
	padding: 10px;
	float: right;
	margin-left: 20px;
	margin-top: 3ex;
	white-space: nowrap;
}

.history-items {
	font-family: Arial;
	font-size: 12px;
	width: auto;
}

.history-items li {
	background: url("../images/arrow_small_right.png") no-repeat scroll 0 7px transparent;
	color: #333333;
	font-weight: bold;
	list-style-image: none;
	padding-left: 7px;
}

.history-items li a:link, .history-items li a:visited, .history-items li a:hover {
	color: #A81C24;  
	padding-left: 0 0 2px;
}

.history-items li div {
	background-color: transparent;
	border-bottom: medium none;
	border-left: medium none;
	border-right: medium none;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 0;
}

.history-items li div a,
.history-items li div a:link,
.history-items li div a:visited {
	color: #333;
}

.history-items li div a:hover {
	color: #A81C24;
	background-color: #FFFFFF;
	text-decoration: underline;
}

/*----- CATALOG -----*/
#z-breadcrumb {
   color: #919191;
}

#z-breadcrumb a,
#z-breadcrumb a:active,
#z-breadcrumb a:visited,
#z-breadcrumb a:link,
#z-breadcrumb a:focus{
	color: #919191;
}

#z-breadcrumb a:hover{
	color: #a81d24;
}

.areainfo {
	color: #333333;
	font-weight: normal;
}

.cat-prd-id {
	color: #a81d24;
	font-weight: bold;
}

.cat-prd-dsc a, .cat-prd-dsc a:visited {
	border-bottom: none;
}

.cat-prd-dsc, .cat-prd-dsc a, .cat-prd-dsc a:visited {
	color: #333333;
	font-size: 12px;
}

.cat-prd-dsc a:hover {
	color: #a81d24;
	text-decoration: underline;
}    
#cat-pcat-lstv .app-std-tbl td.cat-prd-data {
	color: #333333;
}

#z-catcontroll-bar {
	margin-bottom: 20px;
	clear: left;
}

.z-catcontroll-bar-title {
	border-bottom: 1px solid #B3B3B3;
	color: #A81C24;
	font-weight: bold;
}
.z-catcontroll-bar-content {
	background-color: #E5E5E5;
	height: 60px;
	padding: 0 3px;	
}

.z-catcontroll-bar-content .product-info,
.z-catcontroll-bar-content .product-sorting,
.z-catcontroll-bar-content .product-links,
.z-catcontroll-bar-content .products-per-page {
	height: 30px;
} 

.z-catcontroll-bar-content .product-info .search-results{
	padding-top: 10px;
}

#z-sortBy {
   /* background: url("../images/arrow_small_down.png") no-repeat scroll 4px 7px #FFFFFF; */
	border: 1px solid silver;
   /* padding-left: 10px; */
	padding-left: 2px;
}

.fw-box-content-pcat-pgs-post,
.fw-box-content-pcat-pgs-pre,
.fw-box-content-pcat-pgs-pos {
	border: none;
}

.fw-box-pcat-pgs-curr {
	background-color: #FFFFFF;
	border: 1px solid #B3B3B3;
	padding: 0 3px;
}

.cat-pcat-pages-currpg {
	color: #A81C24;
}

.cat-pcat-pages-title {
	color: #333;
	font-weight: normal;
}    

.cat-pcat-pages {
	float: right;
	margin: 10px 0;
}

#cat-pcat-lstv table.cat-prodlist-btnlist td {
	text-align: left;
}

#cat-pcat-lstv table.cat-prodlist-btnlist li {
	padding: 4px 2px;
}

#cat-pcat-lstv span.cat-chkbox-arrow {
	margin: 0 -10px 0 3px;
}

#cat-pcat-lstv span.cat-chkbox-arrow img {
	background: url("../images/arrow.png") no-repeat scroll -5px 0 transparent;
	border: 0 none;
	height: 16px;
	width: 35px;
}

#information .areainfo {
	margin: 20px 0;
}

.z-list-price-each,
.z-cust-price-each {
	color: #B3B3B3;
	font-size: 12px;
}

.z-cust-price {
	font-size: 16px;
}

/*----- COE access to multiple shops -----*/
.z-cust-price-href {
	color: #a81d24;
	font-size: 16px;
	
}
.z-discount {
	background: #A81C24;
	font-size: 12px;
	color: #FFFFFF;
	padding: 2px 5px;
	display: inline;
}

.z-cust-price-per-each,
.z-list-price-per-each {
	color: #666666;
	font-weight: normal;
}

#cat-pcat-lstv .app-std-tbl tbody td.cat-prd-prc {
	padding-bottom: 5px;
}

/*----- CAT SUB CATEGORIES -----*/
#z_subCategories{
	width: 100%;
}

.z_subCat {
	float: left;
	margin-bottom: 20px;
	width: 221px;
}

.z_subCatSep {
	margin-right: 15px;
}

.z_cattitle {
	height: 30px;
}

.z_cattitle a,
.z_cattitle a:link,
.z_cattitle a:visited,
.z_cattitle a:active,
.z_cattitle a:focus{
	color: #a81d24;
	text-transform: uppercase;
	font-weight: bold;	 
}

.z_catimage {
	border: 1px solid #B3B3B3;
	display: table-cell;
	height: 200px;
	text-align: center;
	vertical-align: middle;
	width: 221px;
}

.z_catimage img {
	max-width: 198px;
	max-height: 198px;
	height: auto;
}

.z_catimage * {
	vertical-align: middle;
}
/*\*//*/
.z_catimage {
	display: block;
}
.z_catimage span {
	display: inline-block;
	height: 100%;
	width: 1px;
}
/**/


/*----- CAT NAVIGATION -----*/
#navigator {
	left: 30px;
	overflow: hidden;
	clear: right;
} 
   
.cat-navigator-qsrch,
#secnav ul.cat-secnav-home-area {
	display: none;
}

.z-categories-headline {
	color: #a81d24;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

#secnav {
	margin: 0 0 10px;
}

#secnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#secnav div.secnav-contbox {
	border: none;
	background-color: transparent;
}

#secnav li {
	background: url("images/cat_cl.gif") no-repeat scroll 4px 5px transparent;
	margin: 0;
	padding: 3pt 0 3pt 19px;
}

#secnav li.secnav-level0.secnav-categIsLeaf {	
	padding-top: 0.8pt;
	padding-bottom: 1.5pt;
}

#secnav li.secnav-categIsFirst, #secnav li.secnav-categIsSub {
	border-top: 0 none;
}

#secnav li.categ {
	background-image: none;
}

#secnav li.secnav-level0 {
	padding-left: 0;
}

div.cat-secnav-bullet {
	border: none;
	display: block;
	position: absolute;
	width: 15px;
}

div.cat-secnav-areaname {
	padding-left: 14px;
	padding-right: 20px;
}

img.cat-secnav-plus {
	background: url("../images/plus_gray.png") no-repeat scroll 0 1px transparent;
	border: 0 none;
	height: 11px;
	vertical-align: text-bottom;
	width: 11px;
}

img.cat-secnav-neutral,
li.categSelected img.cat-secnav-neutral {
	background: url("../images/arrow_small_right.png") no-repeat scroll 0 5px transparent;
	border: 0 none;
	height: 11px;
	vertical-align: text-bottom;
	width: 11px;
}

#secnav li.secnav-level0.secnav-categIsLeaf img.cat-secnav-neutral {
	background-position: 4px 5px;
}

img.cat-secnav-minus,
li.categSelected img.cat-secnav-minus {
	background: url("../images/minus_gray.png") no-repeat scroll 0 1px transparent;
	border: 0 none;
	height: 11px;
	vertical-align: text-bottom;
	width: 11px;
}

#secnav li.secnav-level1 img.cat-secnav-plus,
#secnav li.secnav-level2 img.cat-secnav-plus,
#secnav li.secnav-level3 img.cat-secnav-plus,
#secnav li.secnav-level4 img.cat-secnav-plus {
	background: url("../images/arrow_small_right.png") no-repeat scroll 0 5px transparent;
}

#secnav li.secnav-level1 img.cat-secnav-minus,
#secnav li.secnav-level2 img.cat-secnav-minus,
#secnav li.secnav-level3 img.cat-secnav-minus,
#secnav li.secnav-level4 img.cat-secnav-minus {
	background: url("../images/arrow_small_down.png") no-repeat scroll 0 6px transparent;
}

#secnav li.secnav-level1 div.cat-secnav-areaname,
#secnav li.secnav-level2 div.cat-secnav-areaname,
#secnav li.secnav-level3 div.cat-secnav-areaname,
#secnav li.secnav-level4 div.cat-secnav-areaname {
	padding-left: 8px;
}

#secnav li.categSelected {
	background-color: transparent !important;
	background-image: none !important;
	border: none !important;
}

html > body #secnav li a {
	height: auto;
}

#secnav li a {
	color: #333333;
	text-decoration: none;
	border-bottom: 0 none;
	height: auto;
}

#secnav li a:hover {
	color: #A81C24;
	text-decoration: underline;
}

div.cat-secnav-bullet a {
	display: block;
	height: 15px;
	width: 15px;
}

#secnav li.categSelected a {
	color: #a81d24;
}

/*----- BASKET -----*/
.price-info {
	background-color: #E7E7E7;
	width: 220px;
}

.price-info .value {
	background-color: #E7E7E7;
}

body.basket div.area {
	width: auto;
}

body.basket div.group {
	overflow: visible;
}

body.basket .header-itemdefault h1 {
	margin: -32px 0 -8px;
}

body.basket .header-itemdefault h1.group {
	margin-left: 2px;
}

body.basket table.itemlist {
	margin: 0;
}

body.basket .header-itemdefault h1.group a.toggle {
	text-decoration: none;
	text-transform: none !important;
	background: url("../images/plus.png") 0% 50% no-repeat transparent !important;
}

body.basket .header-itemdefault h1.group a.active {
	background: url("../images/minus.png") 0% 50% no-repeat transparent !important;
}

body.basket .header-itemdefault select.select-large,
body.basket .header-itemdefault select.select-xlarge {
	width: 60%;
	max-width: 800px;
}

body.basket table.itemlist th.unit,
body.basket table.itemlist td.unit {
	text-align: left;
	width: 50px;
	white-space: nowrap;
}

#iframe {
	width: 1px;
	height: 1px;
}

input.textinput-small {
	width: 3.2em;
}

div#addheader {
	border-bottom: 1px solid #B3B3B3;
}

div#attachmentsettings {
	border-bottom: 1px solid #B3B3B3;
}

/*----- RETURN ORDER -----*/
body.order {
	height: auto;
	overflow: visible;
}


/*----- ITEMLIST -----*/
.itemlist {
	border: none;
}

.itemlist th {
	background: none;
	border: none;
	line-height: 22px;
	padding:3px;
	white-space: nowrap;
}

.itemlist th, .itemlist td {
	border: none;
}  

.itemlist td em {
	font-weight: normal;
}

.itemlist td.product-qty table {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	width: 100%;
}

.itemlist th.qty-avail,
.itemlist td.qty-avail {
	width: 140px;
	text-align: center;
}

.itemlist th.cust-price,
.itemlist td.cust-price,
.itemlist td.customer-price,
.itemlist th.customer-price,
.itemlist th.list-price,
.itemlist td.list-price,
.itemlist th.total-price {
	width: 120px;
}

.itemlist td.status,
.itemlist th.status {
	width: 60px;
}

.itemlist td.volume,
.itemlist th.volume {
    width: 80px;
}

.itemlist td.po,
.itemlist th.po,
.itemlist th.req-del-date,
.itemlist td.req-del-date,
.itemlist td.gross,
.itemlist th.gross {
    width: 100px;
}

.itemlist th.delete {
	width: 20px;
}

.itemlist TH.price{
    width : 100%;
}


.itemlist th,
.itemlist td,
.itemlist th a,
.itemlist td a,
.itemlist th span,
.itemlist td span,
.itemlist th p,
.itemlist td p,
.itemlist th div,
.itemlist td div,
.itemlist td div div,
.itemlist td div div a,
.itemlist td div div span,
.itemlist th b,
.itemlist td b,
.itemlist th label,
.itemlist td label {
	white-space: nowrap;
}

body.basket .itemlist .item-detail th,
body.basket .itemlist .item-detail td,
.itemlist td.item-msg-area,
.itemlist td.item-msg-area div,
.itemlist td.item-msg-area div span {
	white-space: normal;
}

body.basket .itemlist td.itempos img {
	vertical-align: text-top;
	width: 50px;
	height: 50px;
}

.itemlist .separator,
.itemlist th {
	border-top: 1px solid #B3B3B3;
}

.itemlist tr.odd,
.itemlist .odd td,
.itemlist .odd-detail {
	background-color: #E5E5E5;
	background: none repeat scroll 0 0 #E5E5E5;
	border-right: none;
}

.itemlist tr.even,
.itemlist .even td,
.itemlist .even-detail {
	background-color: #FFFFFF;
	background: none repeat scroll 0 0 #FFFFFF;
	border-right: none;
}

/* Subitem Styles */
/* 
	Copied from base_stylesheet.css and changed the background-color 
	from F2F2F2 to FFFFFF to be in sync with odd-detail & even-detail 
	styling. Also keep background as none else it displays a arrow in 
	IE due to stylesheet.css from appbase for this element.
*/
.itemlist .even .item-sub 	{background: none; background-color: #E5E5E5}
.itemlist .even .item-sub-1 {padding-left:15px; background: none; background-color: #E5E5E5}
.itemlist .even .item-sub-2 {padding-left:30px; background: none; background-color: #E5E5E5}
.itemlist .even .item-sub-3 {padding-left:45px; background: none; background-color: #E5E5E5}

.itemlist .odd .item-sub	{background: none; background-color: #E5E5E5}
.itemlist .odd .item-sub-1  {padding-left:15px; background: none; background-color: #E5E5E5}
.itemlist .odd .item-sub-2  {padding-left:30px; background: none; background-color: #E5E5E5}
.itemlist .odd .item-sub-3  {padding-left:45px; background: none; background-color: #E5E5E5}

.itemlist .detail {
	border: none;
}    

.item-detail {
	color: #333333;
	font-family: Arial;
}

.itemlist .opener,
.itemlist .itempos {
	padding-top: 10px;
}

.item-detail .identifier {
	width: 19.5em;
	padding-left: 8px !important;
}

.itemlist th.opener .icon img {
	vertical-align: top;
}



/*----- FOOTER -----*/
#mainfooter {
	border-top: 1px solid #B3B3B3;	
	color: #a81d24;
	font-weight: bold;	
	background: #fff;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
}

#mainfooter.absolute {
	z-index: 99;
	position: fixed;
	bottom: 0;
	left: 30px;	
	right: 30px;
}

#mainfooter .nodoc a:hover {
	text-decoration: underline;
}

#mainfooter ul.horizontal li {
	margin-right: 10px;
}

#mainfooter ul.horizontal li a,
#mainfooter ul.horizontal li a:visited,
#mainfooter ul.horizontal li a:active,
#mainfooter ul.horizontal li a:link {
	color: #a81d24;
	font-weight: bold;
	text-decoration: none;
}
#mainfooter ul.horizontal li a:hover {
	text-decoration: underline;
}

/*----- ORDER PROCESS PANEL -----*/
.z-process-panel {

}

ul.z-process-steps li{
	font-size: 16px;
	font-weight: bold;
	color: #B3B3B3;
	margin-right: 42px;
	padding-right: 55px;
	background: url("../images/process_step_inactive.png") center right no-repeat;
	margin-bottom: 10px;
}

ul.z-process-steps li.active{
	color: #A81C24;
	background: url("../images/process_step_active.png") center right no-repeat;
}

ul.z-process-steps li.last{
	background: none !important;
	margin-right: 0;
	padding-right: 0;
}

/*----- PRODUCT CONFIGURATION -----*/
body.ipcBody,
body.ipcBodyReadOnly {
	color: #333333;
	font-family: Arial;
	font-size: 12px;
	margin-left: 30px;
	margin-right: 30px;
	height: 100%;
}
.ipcStatusIcon {
	margin-bottom: -2px;
	margin-top: 2px;
}
#configheader,
#configstatus,
#configmessages,
#configworkarea,
#configworkareamsg,
#singlelevelworkarea   {
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

#configheader {
	height: 70px;
}

#configstatus {
	height: 55px;
}

#configworkarea,
#configworkareamsg {
    left: 30px;
    position: absolute;
    top: 140px;
    right: 30px;
    width: auto;
}

#fixIPCFunctionbar {
    background: none repeat scroll 0 0 #FFFFFF;
    position: fixed;
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    padding-left: 30px;
    padding-right: 30px;
   	padding-bottom: 15px;
}

.char-anchor {
	display: block; position: relative; top: -150px; visibility: hidden;
}  

table.ipcAreaFrame {
	font-size: 12px;
}

.ipcAreaFrame ul {
	font-size: 12px;
}

table.ipcDetailStatusbar td {
	font-size: 12px;
}

table.ipcDetailHeader td {
	font-family: Arial;
	font-size: 12px;
}

table.ipcHeaderButtons {
	font-family: Arial;
	font-size: 12px;
}

td.ipcValue {
	font-size: 12px;
}

input[type="text"] {
	border: 1px solid #CFCFCF;
	height: 16px;
}


.fw-du-uitypeIPC_assignmentBlock h1, .fw-du-uitypeIPC_nestedAssignmentBlock h1 {
	background-image: none;
	border-bottom: 1px solid #B3B3B3;
	border-left: medium none;
	border-right: medium none;
	color: #A81C24;
	font-size: 12px;
	padding: 0;
	margin: 17px;
}


.fw-du-uitypeIPC_nestedAssignmentBlock td.inputradio_singleline, .fw-du-uitypeIPC_nestedAssignmentBlock td.inputcheck_singleline {
	width: auto;
}


.fw-du-uitypeIPC_nestedAssignmentBlock a,
.fw-du-uitypeIPC_nestedAssignmentBlock a:visited,
.fw-du-uitypeIPC_nestedAssignmentBlock a:active,
.fw-du-uitypeIPC_nestedAssignmentBlock a:link,
.fw-du-uitypeIPC_nestedAssignmentBlock a:hover {
	color: #A81C24;
	text-decoration : none;
}

.fw-du-uitypeIPC_assignmentBlock td.inputradio_singleline, .fw-du-uitypeIPC_assignmentBlock td.inputcheck_singleline {
	width: auto;
}


.fw-du-uitypeIPC_assignmentBlock a,
.fw-du-uitypeIPC_assignmentBlock a:visited,
.fw-du-uitypeIPC_assignmentBlock a:active,
.fw-du-uitypeIPC_assignmentBlock a:link,
.fw-du-uitypeIPC_assignmentBlock a:hover {
	color: #A81C24;
	text-decoration : none;
}
.fw-du-tablegroup a,
.fw-du-tablegroup a:visited,
.fw-du-tablegroup a:active,
.fw-du-tablegroup a:link,
.fw-du-tablegroup a:hover {
	color: #A81C24;
	text-decoration : none;
	font-weight: bold;
}

.fw-du-tablegroup a:hover {
	text-decoration : underline;
}


.fw-du-uitypeIPC_assignmentBlock td.label,
.fw-du-uitypeIPC_nestedAssignmentBlock td.label{
	text-align: left;
}

.fw-du-uitypeIPC_assignmentBlock td.labelObl, .fw-du-uitypeIPC_nestedAssignmentBlock td.labelObl{
		text-align: left;
}

/* E484426(SD) - Defect#778 changed the style for select */
.fw-du-uitypeIPC_nestedAssignmentBlock td.input
{
	border: none;
	width: 25em;
}
.fw-du-uitypeIPC_assignmentBlock td.input input, .fw-du-uitypeIPC_nestedAssignmentBlock td.input input{
	border: 1px solid silver;
	font-size: 12px;
	width: 211px;
}

.fw-du-uitypeIPC_assignmentBlock td.input select, .fw-du-uitypeIPC_nestedAssignmentBlock td.input select
 {
	border: 1px solid silver;
	font-size: 12px;
	width: auto;
}


.fw-du-uitype_assignblock td.inputradio_singleline, .fw-du-uitype_assignblock td.inputcheck_singleline {
	width: auto;
}

.fw-du-uitype_assignblock h1 {
	background-image: none;
	border-bottom: 1px solid #B3B3B3;
	border-left: medium none;
	border-right: medium none;
	color: #A81C24;
	font-size: 12px;
	padding: 0;
}

.fw-du-uitype_assignblock a,
.fw-du-uitype_assignblock a:visited,
.fw-du-uitype_assignblock a:active,
.fw-du-uitype_assignblock a:link,
.fw-du-uitype_assignblock a:hover {
	color: #A81C24;
	text-decoration : none;
}

.fw-du-tablegroup a,
.fw-du-tablegroup a:visited,
.fw-du-tablegroup a:active,
.fw-du-tablegroup a:link,
.fw-du-tablegroup a:hover {
	color: #A81C24;
	text-decoration : none;
	font-weight: bold;
}

.fw-du-tablegroup a:hover {
	text-decoration : underline;
}

.fw-du-uitype_assignblock td.label,
.fw-du-uitype_assignblock td.labelObl {
	text-align: left;
}
/* E484426(SD) - Defect#778 changed the style for select */
.fw-du-uitype_assignblock td.input input{
	border: 1px solid silver;
	font-size: 12px;
	width: 211px;
}

.fw-du-uitype_assignblock td.input select {
	border: 1px solid silver;
	font-size: 12px;
	width: auto;
}

table.ipcProductVariants, 
table.ipcProductVariants th,
table.ipcProductVariants td,
table.ipcDetailBody,
table.ipcDetailStatusbar,
table.ipcStatusbar td {
	font-size: 12px;
	font-family: Arial;
	color: #333333;
}
table.ipcStatusbar td img{
	margin-top:2px;
	margin-bottom:-2px;
}
table.ipcProductVariants,
table.ipcProductVariants th,
table.ipcProductVariants td {
	border: 1px solid #B3B3B3;
	padding: 2px;
}

.fw-du-uitype_assignblock td.input {
	border: medium none;
}

.fw-du-tablegroup table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.fw-du-tablegroup table td {
	border: 0 none;
	padding: 10px;
}

/*----- PRODUCT LIST -----*/
.app-std-tbl .app-std-tbl-th-last {
	border-right: none;
}

#workarea .fw-box {
	width: auto;
}

span.cat-pcat-cfg-txt {
	background: url("../images/menubg_active.jpg") center center;
	padding: 0;
	margin: 0;
	border: 1px solid #a81c24;
	overflow: visible;
	display: inline-block;
}

span.cat-pcat-cfg-txt a {
	color: white !important;
	font-weight: bold !important;
	height: 16px !important;
	padding: 1px 7px !important;
	border: none !important;
	display: inline-block !important;
	text-decoration: none !important;
}

span.cat-pcat-cfg-txt a:hover {
	background: #a81c24;
}

table#itemstable.app-std-tbl td.cat-prd-prc img.prod-img {
	border: 1px solid #cfcfcf;
}

table#itemstable.app-std-tbl span.imgbtn-box a {
	background: url("../images/menubg_active.jpg") repeat scroll center center transparent;
	display: inline-block;
}

table#itemstable.app-std-tbl span.imgbtn-box a:hover {
	background: #a81c24;
}

table#itemstable.app-std-tbl span.imgbtn-box a.imgbtn-lk img.cat-imgbtn-addtocart {
	background: url("../images/basket_icon.png") no-repeat scroll center center transparent;
	display: inline-block;
	padding: 1px 2px;
	border: 1px solid #a81c24 !important;
}

table#itemstable.app-std-tbl div.cat-pcat-cfg {
	padding: 5px 0;
}

table#itemstable.app-std-tbl td div.cat-prd-id a,
table#itemstable.app-std-tbl td div.cat-prd-id a:link,
table#itemstable.app-std-tbl td div.cat-prd-id a:active,
table#itemstable.app-std-tbl td div.cat-prd-id a:visited {
	font-weight: normal;
	color: #a81c24;
}

table#itemstable.app-std-tbl td div.cat-prd-id a:hover {
	text-decoration: underline;
}

/* PRODUCT LIST PAGINATION */

#z-catcontroll-bar .fw-box-content-pcat-pgs-post {
	padding: 0;
}

#z-catcontroll-bar div.products-per-page {
	clear: both;
	padding-right: 5px;
}

/*----- PRODUCT DETAILS -----*/
#cat-pcat-prd-det div.btn-box {
}

#cat-pcat-prd-det div.btn-back {
	display: none;
}

#product-navigation {
	margin-bottom: 10px;
}

#product-navigation .button {
	padding: 0;
}

.button .text,
.button .previous {
	padding: 2px 4px 2px 12px;
	background: url("../images/arrow_small_left.png") 4px center no-repeat;
	text-transform: uppercase;
}

.button .next {
	background: url("../images/arrow_small_right.png") no-repeat scroll 42px center transparent;
	padding: 2px 12px 2px 4px;
	text-transform: uppercase;
}

#product-navigation .button img {
	vertical-align: middle;
	font-size: 0.01em;
	padding: 4px 5px;
}

dl {
	margin: 0;
	overflow: visible;
}

dt {
	clear: left;
	float: left;
	width: 130px;
}

dd {
	margin-left: 130px;
}

#cat-pcat-prd-det dl.description dd {
	float: left;
	margin-left: 0;
}

#content_wrapper .description dt {
	font-weight: bold;
}

#content_wrapper .row1 .col1 {
	float: left;
	width: 200px;
}

#content_wrapper .row1 .col2 {
	float: left;
	width: 38%;
}

#content_wrapper .row1 .col2 a.toggle,
body.basket .header-itemdefault h1.group a.toggle,
body.ordersimulate .header-itemdefault h1.group a.toggle,
body.confirmation .header-itemdefault h1.group a.toggle {
	font-weight: bold;
	color: #a81d24;
	text-transform: uppercase;
	display: block;
	clear: left;
	margin: 10px 0 3px 0;
	text-indent: 15px;
	background: url("../images/plus.png") left center no-repeat;
}

a.toggle span {
	margin-left: 3px;
}

body.ordersimulate .header-itemdefault h1.group a.toggle,
body.confirmation .header-itemdefault h1.group a.toggle {
	text-decoration: none;
	text-transform: none;
}

#content_wrapper .row1 .col2 a.active,
body.basket .header-itemdefault h1.group a.active,
body.ordersimulate .header-itemdefault h1.group a.active,
body.confirmation .header-itemdefault h1.group a.active {
	background: url("../images/minus.png") left center no-repeat;
}

#content_wrapper .row1 .col2 table {
	margin-bottom: 10px;
}

#content_wrapper .row1 .col2 table,
#content_wrapper .row1 .col2 table td {
	border: 0;
}

#content_wrapper .row1 .col2 #scaletable th {
	display: display;
}

#content_wrapper .row1 .col2 #scaletable td.discount {
	width: 70px;
}

#content_wrapper .row1 .col2 #scaletable td.value {
	width: 90px;
}

#content_wrapper .row1 .col2 table.description td.identifier {
	font-weight: bold;
}

#content_wrapper .row1 .col2 table td.identifier {
	width: 130px;
}

#content_wrapper .row1 .col3 {
	float: right;
	width: 220px;
}

#content_wrapper .row2 {
	margin: 20px 0;
}

#content_wrapper .row1 .col1 div {
	float: none;
	overflow: hidden;
}

#content_wrapper .row1 .col1 p a.zoom {
	font-weight: bold;
	color: #a81d24;
	display: block;
	text-indent: 15px;
	text-align: left;
	background: url("../images/zoom.png") left center no-repeat;
}

#content_wrapper .row1 .col3 .fw-box-content-prd-facts2,
.fw-box-content-prd-btns-bot { 
	border: 1px solid #cfcfcf;
	background-color: #fff;
	padding: 5px;
	margin-bottom: 0;
}

#content_wrapper input {
	border: 1px solid #cfcfcf;
}

#content_wrapper .row1 .col3 input {
	border: 1px solid #cfcfcf;
	width: 40px; 
}


#content_wrapper .row1 .col3 select {
	border: 1px solid #cfcfcf;
	width: 53px; 
}

#cat-pcat-prd-det div.cat-prd-facts2 {
	float: none;
}

#cat-pcat-prd-det div.cat-prd-img {
	padding: 5px;
	border: 1px solid #cfcfcf;
	text-align: center;
	margin-right: 15px;
}

#cat-pcat-prd-det div.cat-prd-img img {
	width: 160px;
	height: auto;
	border: 0;
}

#cat-pcat-prd-det div.cat-prd-facts2 div.cat-prd-det-qtyunit {
	float: left;
	text-align: left;
}

#cat-pcat-prd-det div.cat-prd-facts2 div.btn-add-to-bskt,
#cat-pcat-prd-det div.cat-prd-facts2 div.btn-sel-prd,
#cat-pcat-prd-det div.cat-pcat-cfg span.cat-pcat-cfg-txt {
	background: url("../images/menubg_active.jpg") center center;
	padding: 0;
	margin: 0;
	border: 1px solid #a81c24;
	float: right;
	display: block;
}

#cat-pcat-prd-det div.cat-prd-facts2 div.btn-add-to-bskt:hover,
#cat-pcat-prd-det div.cat-prd-facts2 div.btn-sel-prd:hover,
#cat-pcat-prd-det div.cat-pcat-cfg span.cat-pcat-cfg-txt:hover {
	background: #a81c24;
}

#cat-pcat-prd-det div.cat-pcat-cfg {
	text-align: right;
	padding: 5px;
}

#cat-pcat-prd-det .cat-det-btn-sc .btn-back-to-bskt {
	display: none;
}

#cat-pcat-prd-det div.cat-pcat-cfg img {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 7px;

}

#cat-pcat-prd-det div.cat-pcat-cfg img.cat-cfg-err {
	padding: 2px 0;
	background: url("../images/error.gif") 0px 50% no-repeat transparent;
}

.cat-pcat-cfg .cat-cfg-complete,
#cat-pcat-prd-det div.cat-pcat-cfg img.cat-cfg-complete {
	padding: 2px 0;
	width: 20px;
	height: 16px;
	background: url("../images/accepted.png") 0px 50% no-repeat transparent;
}

#cat-pcat-prd-det div.cat-pcat-cfg span.cat-pcat-cfg-txt a {
	color: white;
	font-weight: bold;
	display: block;
	height: 16px;
	padding: 1px 8px;
	border: none !important;
}

#cat-pcat-prd-det div.btn-add-to-bskt a {
	display: block;
	text-indent: 20px;
	background: url("../images/basket_icon.png") 4px center no-repeat;
	height: 16px;
	padding: 1px 8px;
	border: none !important;
}

#cat-pcat-prd-det div.cat-prd-det-avw {
	border-top: 1px solid #cfcfcf;
	margin-top: 6px;
}

#cat-pcat-prd-det div.cat-prd-det-avw-head {
	text-align: left;
}

#cat-pcat-prd-det span.cat-prd-det-avw-title {
	display: block;
	float: left;
	text-transform: uppercase;
	padding: 2px 0;
}

#cat-pcat-prd-det span.cat-prd-det-avw-title img {
	vertical-align: middle;
	margin-top: -1px;
	margin-left: 5px;
}

#cat-pcat-prd-det span.cat-prd-det-avw-chk {
	background: url("../images/menubg_active.jpg") center center;
	padding: 0;
	margin: 0;
	border: 1px solid #a81c24;
	float: right;
}

#cat-pcat-prd-det span.cat-prd-det-avw-chk a {
	display: block;
	background: none;
	height: 16px;
	padding: 1px 7px;
	border: none !important;
}

#cat-pcat-prd-det span.cat-prd-det-avw-chk a:hover {
	background: #a81c24;
}

#content_wrapper .row1 .col3 .info {
	border: 0;
	color: #333333;
	padding: 0;
	font-size: 11px;
	background: 0;
}

#content_wrapper .row1 .col3 .info ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#content_wrapper .row1 .col3 .z-product-detail-totalprice {
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	color: #a81d24;
	border: 0;
	margin: 0 0 10px;
	padding: 0;
}

#content_wrapper .row3 #tabs-1 table,
#content_wrapper .row3 #tabs-2 table,
#content_wrapper .row3 #tabs-3 table,
#content_wrapper .row3 #tabs-4 table {
	width: 100%;
}

#content_wrapper .row3 #tabs-1 table tr td.identifier,
#content_wrapper .row3 #tabs-2 table tr td.identifier,
#content_wrapper .row3 #tabs-3 table tr td.identifier,
#content_wrapper .row3 #tabs-4 table tr td.identifier {
	width: 250px;
}

.scaleload {
	margin: 10px 0px 3px 0px;
}

/*----- COMPARE ITEMS -----*/

div#header-appl.compare-items {
	margin-left: -30px;
}

div#header-appl.compare-items div.float-right {
	margin-top: 30px;
}

div#header-appl.compare-items div.float-right a,
div#header-appl.compare-items div.float-right a:active,
div#header-appl.compare-items div.float-right a:visited {
	color: #a81d24;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

div#header-appl.compare-items div.float-right a:hover {
	text-decoration: underline;
}

table#itemstable.app-std-tbl {
	width: 100%;
	color: #333;
}

form#CompareItemsForm div#cat-pcat-prd-comp table#itemstable.app-std-tbl th,
form#CompareItemsForm div#cat-pcat-prd-comp table#itemstable.app-std-tbl td {
	border-top: none;
}

table#itemstable.app-std-tbl div.cat-prc-detail td.cat-prd-prc-lbl {
	display: none;
}

table#itemstable.app-std-tbl div.cat-prc-detail {
	float: left;
	margin-right: 5px;
}

table#itemstable.app-std-tbl div.b2c-btn-bsk {
	padding: 2px 2px 0 0;
	margin: -1px 0;
	float: left;
	background: url("../images/menubg_active.jpg") repeat scroll center center transparent;
	border: 0 none !important;
	display: block;
}

table#itemstable.app-std-tbl div.b2c-btn-bsk .cat-imgbtn-addtocart {
	background: url("../images/basket_icon.png") no-repeat scroll center center transparent;
	border: 0 none !important;
	display: block;
	width: 20px;
	margin-top: -1px;
	padding: 2px;
	text-indent: 20px;
}

table#itemstable.app-std-tbl #compareItemsToolbar td {
	height: 50px;
	padding-top: 30px;
	border-bottom: none;
}

table#itemstable.app-std-tbl #compareItemsToolbar td p {
	line-height: 20px;
}

/*----- COMPARE ITEMS -----*/
body.selectsoldto,
body.selectsoldto #scrollable-selection {
	overflow: visible;
	position: static;
	height: auto;
	margin: auto;
	width: auto;
}

body.selectsoldto div.selection {
	width: auto;
	margin-right: 30px;
}


body.shipto-selection table#shiptolist tr th,
body.selectsoldto table#soldtolist tr th {
	white-space: nowrap;
	padding-left: 20px;
	background-position: 0px 50%;
}

.shipto-selection .filter-result {
    margin-top: 40px;
}

body.selectsoldto table#soldtolist tr th:hover {
	text-decoration: underline;
}

/*----- MY PROFILE -----*/
body.usersettings #scrollable-selection {
	height: auto;
	width: auto;
	position: static;
}

body.usersettings h1 {
	margin-top: 0;
}

body.usersettings div.selection {
	width: auto;
}

body.usersettings div#page select {
	width: 200px;
}

body.usersettings div#buttons ul.buttons-1 {
	float: right;
	margin-top: 1em;
}

body.usersettings td,
body.userpreferences td {
	padding: 5px 15px 5px 0;	
}

body.usersettings td input.textinput-large,
body.userpreferences td input.textinput-large,
body.usersettings td select,
body.userpreferences td select {
	 width: 200px;
}

body.userpreferences .bold {
	color: #a81d24;
}
/*----- Shop Selection -----*/
body.shoplist {
	height: auto;
	overflow: auto;
}

body.shoplist div#scrollable-selection {
	position: static;
	overflow: auto;
	width: auto;
	height: auto;
}

.shoplist .selection {
    width: 50%;
}

/*----- Advanced Search -----*/
.z-advancedSearch-links {
	margin: 15px 0;
}

.z-advancedSearch-links ul.horizontal li {
	border-left: 2px solid #B3B3B3;
	color: #B3B3B3;
	font-size: 16px;
	font-weight: bold;
	padding: 0 20px;
}

.z-advancedSearch-links ul.horizontal li.active {
	color: #A81C24;
}

.z-advancedSearch-links ul.horizontal li.first {
	border: none;
	padding-left: 0px;
}

.z-advancedSearch-links ul.horizontal li a,
.z-advancedSearch-links ul.horizontal li a:focus,
.z-advancedSearch-links ul.horizontal li a:visited,
.z-advancedSearch-links ul.horizontal li a:link,
.z-advancedSearch-links ul.horizontal li a:active {
   color: #B3B3B3;
}

.z-advancedSearch-links ul.horizontal li a:hover {
	color: #A81C24;
	text-decoration: underline;
}

.formfields {
   background: none repeat scroll 0 0 #E5E5E5;
   padding: 10px 0;
   margin-bottom: 10px;
}

.formfields td.label, .formfields td.labelObl, .formresults td.label {
	background: none repeat scroll 0 0 #E5E5E5;
	font-weight: bold;
	padding: 3px;
}

.formfields td.input, .formresults td.data {
	background: none repeat scroll 0 0 #E5E5E5;
	padding: 3px;
}

.formfields div#buttons {
	margin-top: 15px;
}

.z-search-messages {
	margin: 10px 0;
}

.z-back-link {
	margin: 20px 0;
}

.cat-prd-hli {
	background-color: #B5B5B5;
	padding: 0;
}

/*----- Order Status Details -----*/
body.orderstatus {
	height: auto;
	overflow: visible;
}

div.group,
.document-items {
	width: auto;
	overflow: visible;
}

.header-message div.group {
	height: auto;
}

.col1 .status {
	margin-left: 0;
}

.col1 .status,
.col1 .header-general {
	margin-top: 0;
}

.col1 .status .identifier,
.col1 .header-general .identifier {
	width: 12em;
}

body.orderstatus table.price-info,
body.basket table.price-info {
	width: 220px;
}

table.price-info .separator,
table.basket .separator {
	border: 0;
	height: 2px;
	background: #fff;
}

body.basket .col2 .terms,
body.orderstatus .col2 .terms,
body.ordersimulate .col2 .terms,
body.confirmation .col2 .terms {
	font-size: 10px;
	overflow: hidden;
	font-weight: bold;
	width: 220px;
	float: right;
	text-indent: 10px;
}

body.orderstatus .col2 .terms-simulate,
body.ordersimulate .col2 .terms-simulate,
body.confirmation .col2 .terms-simulate {
	font-size: 10px;
	overflow: hidden;
	font-weight: bold;
	width: 220px;
	float: right;
	text-indent: 0px;
}

body.orderstatus #zz_document .header-basic table,
body.orderstatus #zz_document .header-itemdefault table,
body.basket #document .header-basic table,
body.basket #document .header-itemdefault table {
	border-spacing: 0;
}

body.orderstatus #zz_document .header-basic table td,
body.orderstatus #zz_document .header-itemdefault table,
body.basket #document .header-basic table td,
body.basket #document .header-itemdefault table,
body.confirmation #zz_document .header-basic table td,
body.confirmation #zz_document .header-itemdefault table {
	padding: 1px;
	
}

#zz_document .header-basic table.price-info .identifier,
#document .header-basic table.price-info .identifier {
	padding-left: 8px;
	white-space: nowrap;
}

#zz_document .header-basic table.price-info .value,
#document .header-basic table.price-info .value {
	padding-right: 8px;
	white-space: nowrap;
}

#zz_document .header-basic table.price-info .total-gross .value {
	font-weight: bold;
	padding-right: 5px;
}

#document .header-basic table.price-info .total-gross .value {
	font-weight: bold;
	padding-right: 8px;
}

.header-itemdefault h1 {
	color: #a81c24;
	padding: 0 0 5px 0;
	background: transparent;
	max-width: 50%;
}

/* Fix layout issues - border-bottom is removed from h1.area */
.header-itemdefault h1.area {
	border-bottom: none;
}

/* Image icon used in header delivery section is defined here */
img#deliverysetheadericon {
	width: 15px;
	height: 15px;
	border: none;
	padding-bottom: 1px;
}
div#toolTip_inco2 {
	margin-left: 200px !important;
}

.header-additional h1.area {
	text-transform: uppercase;
}

img#addheadericon {
	width: 15px;
	height: 15px;
	border: none;
	padding-bottom: 1px;
}

img#attachheadericon {
	width: 15px;
	height: 15px;
	border: none;
	padding-bottom: 1px;
}

img#addcustinfoicon {
	width: 15px;
	height: 15px;
	border: none;
	padding-bottom: 1px;
}

ul.buttons-3 li {
	float: right;
	margin-left: 1em;
	margin-right: 0;
	line-height: 17px;
}

#buttons {
	margin: 10px 0;
	overflow: hidden;
}

#buttons .cat-chkbox-arrow {
	margin: 0px -10px 0 3px;
	float: left;
}

.itemlist th {
	padding: 5px;
	border-bottom: 1px solid #b3b3b3;
}

.itemlist th.select {
	padding: 5px;
	text-align: left;
}

.itemlist th.item,
.itemlist td.item,
.itemlist th.product,
.itemlist td.product,
.itemlist th.custpartno,
.itemlist td.custpartno,
.itemlist th.status,
.itemlist td.status {
	text-align: left;
}

.itemlist td.status {
	white-space: nowrap;
}

.itemlist th.qty,
.itemlist th.gross,
.itemlist td.gross,
.itemlist th.volume,
.itemlist td.volume,
.itemlist th.status,
.itemlist td.status,
.itemlist th.qty-avail,
.itemlist td.qty-avail,
.itemlist th.list-price,
.itemlist td.list-price,
.itemlist th.price-unit,
.itemlist td.price-unit,
.itemlist th.customer-price,
.itemlist td.customer-price,
.itemlist th.po,
.itemlist td.po,
.itemlist th.total-price,
.itemlist td.total-price,
.itemlist td.cust-price,
.itemlist td.list-price {
	text-align: right;
}

.itemlist td.product-qty {
	width: 285px;
}

.itemlist td.product-qty td {
	padding: 0;
}

.itemlist td.product-qty td.product {
	padding-right: 10px;
}

.itemlist th.qty {
	text-align: left;
	width: 100px;
}

.itemlist td.qty {
	text-align: left;
	width: 100px;
	white-space: nowrap;
}

.itemlist .prd-id {
	color: #A81C24;
	font-size: 12px;
}

.itemlist .prd-desc {
	color: #333333;
	font-size: 12px;
}

.itemlist a,
.itemlist a:link,
.itemlist a:visited,
.itemlist a:active,
.itemlist a:focus {
	color: #A81C24;
	font-size: 12px;
	text-decoration: none;
}

.itemlist a:hover {
	color: #A81C24;
	text-decoration: underline;
	background: none;
}

.itemlist .odd td,
.itemlist .even td {
	vertical-align: top;
	padding: 5px;
}

.itemlist .line-feed td{
	border-bottom: 1px solid #b3b3b3;
}

.itemlist td.list-price em,
.itemlist td.total-price em {
	font-weight: normal;
	white-space: nowrap;
}


/* Change in width for Existing UI Issues reported */
.item-detail {
	width: 97%;
	margin-bottom: 0;
	min-width: 650px;
}

.itemlist .odd td .item-detail td,
.itemlist .even td .item-detail td{
	padding: 2px 0px; 
	border: none;
}

#buttons .cat-chkbox-arrow img {
	background: url("../images/arrow.png") no-repeat scroll -5px 0 transparent;
	border: 0 none;
	height: 16px;
	width: 35px;
}

#zz_document table.itemlist td {
	vertical-align: top;
	padding-right: 7px;
}

#zz_document table .itemdetail td {
	vertical-align: top;
	padding: 0px 0px;
}


#zz_document table.item-detail td {
	padding: 2px 5px;
}

#zz_document table.item-instructions {
	width: 100%;
	border-spacing: 0;
}

#zz_document table.item-instructions td {
	width: 50%;
	text-align: left;
	padding: 0 30px 0 3px;
}

#zz_document table.item-instructions textarea {
	width: 100%;
}

#zz_document table.itemlist td.separator {
	padding: 0;
}

#zz_document table.itemlist .prd-id a {
	background: none;
	color: #a81c24;
	font-weight: normal;
}

#zz_document table.itemlist .prd-dsc {
	font-weight: bold;
}

#zz_document table.itemlist a.iconlink,
#zz_document table.itemlist a:hover.iconlink {
	background: none;
	color: #a81c24;
}

body.orderstatus #addheader {
	padding: 5px 0;
}

body.orderstatus #addheader .header-misc,
body.orderstatus #addheader .header-message,
body.orderstatus #addheader .header-payment {
	border: none;
	padding: 5px 0;
}

body.orderstatus .data .identifier {
	width: 14em;
	
}

.document-item-filter {
	color: #333333;
	float: left;
	font-family: arial;
	font-size: 12px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-top: 15px;
	width: 100%;
}

td.doc_flow_ident,
td.doc_flow_value {
	padding-right: 5px;
	white-space: nowrap;
}

/*----- Invoice Details -----*/
body.invoice {
	height: auto;
}

body.invoice .col2 .terms {
	text-align: right;
	padding-right: 8px;
}

body.invoice h2 {
	text-transform: none;
	padding: 15px 0 7px;
	font-size: 100%;
	font-weight: bold;
}

body.invoice table.header-general {
	margin: 0; padding: 0; border-spacing: 0;
}

body.invoice dl {
	margin-bottom: 12px;
}

body.invoice dt {
	width: 12em;
}

body.invoice dd {
	float: left;
	margin: 0;
}

body.invoice td,
body.invoice dt,
body.invoice dd {
	padding: 1px 0;
}

body.invoice table.item-detail .identifier {
	width: 12em;
}

body.invoice #buttons {
	margin-top: 30px;
}

body.invoice #buttons ul.buttons-3 li {
	line-height: 22px;
}

body.invoice #buttons a,
body.invoice #buttons a:link,
body.invoice #buttons a:visited {
	padding: 3px 10px
}

/*----- QUOTATION STATUS -----*/
.header-docflow .data {
	width: auto;
}

.header-docflow a,
.header-docflow a:link,
.header-docflow a:focus,
.header-docflow a:active,
.header-docflow a:visited {
	color: #a81c24;
	font-size: 12px;
	text-decoration: none;
	background: transparent;
}

.header-docflow a:hover {
	color: #a81c24;
	text-decoration: underline;
	background: transparent;
}

/*----- NEW TRANSACTION -----*/
#nodoc-header {
	display: none;
}

#nodoc-transactions {
	margin-top: 0;
	width: 100%;
}

/*----- ORDER -----*/
.header-itemdefault {
	padding-left: 0px;
}

/*----- CONTRACT -----*/

.page-navigation .page-links {
	text-align: right;
	margin: 5px 0;
}

.page-navigation .page-links a {
	padding: 0 5px;
}

.page-navigation .page-links a img {
	vertical-align: middle;
}

.page-navigation .page-selection {
	margin: 5px 0;
}

.page-navigation .page-selection a {
	text-decoration: none;
}

.itemlist th.opener,
.itemlist td.opener {
	padding-left: 6px;
}

.confirmation .itemlist th.opener {
    line-height: 5px;
    padding-top: 0;
    white-space: normal;
}

.itemlist th.selection,
.itemlist td.selection {
	width: 15px;
}

.itemlist th.item,
.itemlist td.item,
.itemlist td.itempos  {
	text-align: left;
	width: 70px;
}

.itemlist th.transfer-qty,
.itemlist td.transfer-qty {
	text-align: left;
	width: 120px;
}

.itemlist th.product,
.itemlist td.product  {
	text-align: left;
	width: 200px;
}

.itemlist th.productdesc,
.itemlist td.productdesc  {
	text-align: left;
	width: 450px;
}
.itemlist th.customerpartno,
.itemlist td.customerpartno  {
	text-align: left;
	width: 450px;
}

.itemlist th.custpartno,
.itemlist td.custpartno  {
	text-align: left;
	width: 200px;
}

.itemlist th.desc,
.itemlist td.desc  {
	text-align: left;
	width: 250px;
}

.itemlist th.price-req,
.itemlist td.price-req  {
	text-align: right;
	width: 120px;
}


.itemlist th.price-req-uoam,
.itemlist td.price-req-uoam{
	text-align: right;
	width: 120px;

}

.itemlist th.resale-price,
.itemlist td.resale-price{
	text-align: right;
	width: 120px;
}


.itemlist th.price-req-unit,
.itemlist td.price-req-unit{
	text-align: right;
	width: 120px;
}


.itemlist th.ReqPriceUOM,
.itemlist td.ReqPriceUOM{
	text-align: right;
	width: 120px;
}

.itemlist th.ReqPriceUnit,
.itemlist td.ReqPriceUnit{
	text-align: right;
	width: 120px;
}

.itemlist th.enblReqPrice,
.itemlist td.enblReqPrice{
	text-align: right;
	width: 120px;
}

.itemlist th.price,
.itemlist td.price  {
	text-align: right;
}

.itemlist td.big-opener,
.itemlist th.big-opener {
	width: 100px;
}

.itemlist td.spacer-col,
.itemlist th.spacer-col {
	width: auto;
}

.itemlist span.imgbtn-box a {
	background: url("../images/menubg_active.jpg") repeat scroll center center transparent;
	display: inline-block;
}

.itemlist span.imgbtn-box a.imgbtn-lk img.imgbtn-addtocart {
	background: url("../images/basket_icon.png") no-repeat scroll center center transparent;
	border: 1px solid #A81C24 !important;
	display: inline-block;
	height: 12px;
	padding: 1px 2px;
	width: 15px;
}

#buttons .contract-spacer {
	float: left;
	margin-left: 70px;
}

/*----- DELIVERY STATUS -----*/
.itemlist td.req-del-date {
	text-align: center;
}

body.orderstatus .itemlist table.item-detail tr td {
	padding-left: 5px;
}

/*----- PRICE REQUEST -----*/
body.pricerequest #document1 table.layout,
body.pricerequest #document1 table.layout table {
	border-spacing: 0;
}

body.pricerequest #document1 table.layout td {
	padding: 1px 0;
}

body.pricerequest #document1 table.layout td.identifier {
	width: 12em;
}

body.pricerequest #tblAddData th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

body.pricerequest #tblAddData td {
	padding: 5px 0;
}

body.pricerequest .item-detail textarea {
	width: 99%;
}

body.pricerequest div.group p {
	margin: 1em 0;
}

body.pricerequest div.group table.data input.textinput-large {
	width: 90%;
}

body.pricerequest #addMoreContacts {
	color: #a81c24;
}

/*----- USER PREFERENCES -----*/
body.userpreferences {
	margin-top: 0px;
	min-width: -moz-available;
}

/* Vertical Tabs */
.ui-tabs-vertical { width: 99%; }

.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 350px;}

body.userpreferences .ui-tabs .ui-tabs-panel {
	padding: 0;
	float: left;
	padding: 0;
}

body.userpreferences .ui-tabs .ui-tabs-nav {
	margin: 0 20px 0 0;
	padding: 0.2em;
}

#orderack, #prodConfig, .newPos {
	margin-top: 15px;
}

/*---- Quotation Functions ---*/

table.sendEmailTable {
	width: 600px;
}
table.sendEmailTable  td {
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;	
	padding: 3px 15px 3px 0;
}

table.sendEmailTable  td.identifier {
	width: 100px;
} 

table.sendEmailTable .msg {
	margin: 10px 0;
	height: 30px;
}

table.sendEmailTable .msg img {
	vertical-align: middle;
}

table.sendEmailTable ul li {
	margin-right: 10px;
}

.exportquote a,
.exportquote a:link,
.exportquote a:visited,
.exportquote a:active,
.exportquote a:focus {
	color: #A81C24;
	text-decoration: none;
	font-weight: bold;
}

.exportquote input.excelimport {
	background-color: #FFFFFF;
	border: 1px solid silver;
}

.exportquote a:hover {
	color: #A81C24;
	text-decoration: underline;	
}

.exportquote-info table td {
	padding: 3px 15px 3px 0;
}

.exportquote-info {
	margin: 20px 0;
}

.lightedContent{
	background-color: #E7E7E7;
}

.lightedContent table td {
	padding: 5px;
}

/*----- CONFIRMATION -----*/
body.confirmation {
	height: auto;
}

.col1 .status .identifier, .col1 .header-general .identifier {
	width: 12em;
}

.header-itemdefault {
	margin-top: 20px;
}

.header-itemdefault div.group, .document-items {
	margin-top: 5px;
}

.header-general td {
	padding: 2px 0;
}

div.area {
	border: 0 none;
}

.header-misc,
.header-payment,
.header-message  {
	border-bottom: medium none;
	padding: 0;
}

.header-message div.group-confirm table.message {
	color: #333333;
	font-family: arial;
	font-size: 12px;
	width:100%;       
}

#popup-header{
	 color: #A81C24;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
    
	border-bottom: 1px solid #B3B3B3;
	border-left: none;
	margin-bottom: 10px;
	/* margin-top: 30px; */
	margin-top: 0;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top: 0px;
}

table.message .td-headerDlvCommen{
	width: 50%;
}

table.message .td-headerComment{
	width: 50%;
	padding-right: 10%;
}

table.message textarea{
	width: auto;
	display: block;
}

.itemlist .genInstr {
	 width: 50%;
}

.itemlist .dlvInstr {
	width: 50%;
}

table.item-instructions {
	width: 100%;
}

tr.confirm-header {
	color: #333333;
}

tr.confirm-header th.qty{
	text-align: left;
}

tr.confirm-header th.cust-price{
	text-align: right;
}

div.status-text-order-thanks,
div.status-text-price-thanks,
div.status-text-order,
div.status-text-price
div.status-price-req{
	color: #333333;
	font-weight: bold;
}

.genInstr-textarea,
.dlvInstr-textarea{
	width: 90%
}

.genInstr-title,
.dlvInstr-title,
.td-headerComment-text,
.td-headerDlvCommen-text {
	font-weight: bold;
}

.header-misc .data .identifier,
.header-payment .data .identifier{
	font-weight: bold;
}

.status .identifierDlvStat ,
.status .valueDlvStat{
	font-weight: normal;
}

#bupaAddress {
	font-family: Arial;
	margin-left: 0px;
	margin-top: 20px;
}

#bupaAddress td {
	font-family: Arial;
	font-size: 12px;
	/*border-bottom: 1px solid #B3B3B3;
	border-right: medium none;
	border-left: medium none;*/
	line-height: 18px;
}
.filter-result th.align-left,
.align-left {
	text-align: left;
}

.filter-result th.align-center,
.align-center {
	text-align: center
}

.filter-result th.align-right,
.align-right {
	text-align: right !important;
}

#tblAddData{
	width: 50%;
}

.compname-label, .ReqDisc-label,
.ReqJust-label{
	padding-left: 10px;
}

.ReqJust{
	padding-left: 10px;
}

.txtarea-ReqJust{
	width: 100%;
}

#compname_inp {
	width: 425px;
}

#price-layout input {
	background-color: #F7F7F7	
}

#price-layout .textinput-large {
color: #333333;
	font-family: arial;
	font-size: 12px;
	clear: both;
}


#desc_inp,
#compname_inp {
	background-color: #F7F7F7;
}

.layoutContainer {
	padding-top: 40px;
	padding-left: 10px;
}

.header-generalContainer {
	padding-top: 20px;
	padding-left: 10px;
}

#compname2_inp,
#compmat_inp,
#compprice_inp {
	width: 250px;
	background-color: #F7F7F7;
}

.compname2-label,
.compmat-label,
.compprice-label,
.ReqJustItm-label{
	width: 20%;
}

#ReqJustItm-labelID {
	vertical-align:top;
}

#ReqJustItmTxtArea,
#ack_firtsname-inp,
#ack_lastname-inp,
#ack_mail-inp {
	background-color: #F7F7F7;
}

body.confirmation #document,
body.orderstatus #document{
	overflow: hidden;
}

.contact_ack_body,
.contact_ack_header {
	padding-left: 10px;
	padding-top: 20px;
}

.contact_ack_body{
	width: 75%;
}

.prd_href_txt{
	font-weight: normal;
}

.div-enblReqPrice,
.div-enblReqPriceUnit,
.div-enblReqPriceUOM,
.div-enblResalePrice,
.div-th-enblReqPrice,
.div-th-enblReqPriceUnit,
.div-th-enblReqPriceUOM,
.div-th-enblResalePrice{
	float: right;
}

/* ##### PRODUCT DETERMINATION ##### */

body.determination {
	height: auto;
	overflow: auto;
}

.z-determinationlist {
	margin-top: 20px;
	border: 1px solid #B3B3B3;
}

.z-determinationlist th,
.z-determinationlist td {
	border: none;
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
}

.empty-header-cell {
	background: transparent;
}

.white {
	background: #FFF;
}

.z-orderdownload #orderdownloadbtn{
	line-height: 16px;
}

.z-orderdownload #pdfdownloadbtn{
	line-height: 16px;
}

/* ##### UNIT LEVEL DATA ##### */

.z-uld-navigation,
.z-uld-information,
.z-uld-items,
.z-uld-message,
.z-confirmorderbox {
	margin-top: 20px;
}

.z-uld-lineitem {
	font-weight: bold;
	padding: 0 10px;
}

.z-uld-information {
	font-weight: bold;
}

.message {
	color: #333333;
	font-family: arial;
	font-size: 12px;
	clear: both;
}

.checkboxmsg {
	clear: both; /* fix for float attribute in std. .message class causes corrupt layout in basket */
}

.ulditemlistheader {
	color: #333;
	font-family: arial;
	font-size: 12px;
}

textarea {
	width: 99.5%;
}

.itemlist th.left,
.itemlist td.left {
	text-align: left;
}

.itemlist th.center,
.itemlist td.center {
	text-align: center;
}

.itemlist th.right,
.itemlist td.right {
	text-align: right;
}

.z-uld-message-title {
	font-weight: bold;
}

.z-uld-message-hint {
	font-size: 10px;
	font-weight: bold;
}

/* ######## Upload Cart ######## */

td.downldlnk a{
	font-weight: bold;
	color: #A81c24;
	text-decoration: none;	
}

table.uploaddata td{
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 5px;
}

.h2-uploadtitle {
	border-bottom: medium none;
	border-left: medium none;
	color: #333333;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0px;
	padding-bottom: 15px;
	padding-left: 0;
	padding-top: 0;
	text-transform: none;
	width: auto;
}

table.uploaddata td.step{
	width: 15%;
}

/* ######## Payment  ######## */

.header-payment .payment-select h2,
.header-payment .payment-cards h2{
	text-transform: none;
}

body.payment {
	overflow: auto;
	height: auto;
}

.header-payment .payment-select h2{
	padding-bottom: 10px;
}

.header-payment table.list-simple {
    border: medium none;
    border-right: 1px solid transparent;
    margin-top: 20px;
    width: 100%;
    margin-left: 0;
}

.header-payment table.list-simple th {
	background: #cccccc;
	font-family: Arial;
    font-size: 12px;
    border: none;
}

.header-payment table.list-simple th.cvv,
.header-payment table.list-simple th.validity-year,
.header-payment table.list-simple th.validity-month{
	background: #cccccc;
	width: 60px;
	font-family: Arial;
    font-size: 12px;
}

.header-payment table.list-simple th.amount {
	background: #cccccc;
	width: 80px;
}

.header-payment table.list-simple td {
	border: none;
}

.header-payment table.list-simple th.white{
	background: #FFFFFF;
	border: none;
}

.header-payment .type select, .header-payment .holder input, .header-payment .cardnumber, .header-payment .serial, .header-payment td.validity input, .header-payment td.amount input {
    background-color: #FFFFFF;
    border: 1px solid silver;
    font-family: Arial,sans-serif;
    font-size: 12px;   
}

.header-payment .cvv {
    background-color: #transparent;
}

.header-payment table.list-simple th.validity-month,
.header-payment table.list-simple th.validity-year {
	width: 50px;
}


.header-payment table.list-simple input.holder,
.header-payment table.list-simple input.cardnumber,
.header-payment table.list-simple input.cvv,
.header-payment table.list-simple input.amount,
.header-payment table.list-simple .type select,
.header-payment table.list-simple select.year,
.header-payment table.list-simple select.month{
	width:95%;
	padding: 2px;
}

.header-payment table.list-simple input.cvv {
	width:90%;
}

.header-payment table.list-simple input.amount,
.header-payment table.list-simple select.year,
.header-payment table.list-simple select.month{
	margin-left: 3px;
}

.header-payment table.list-simple div.z-add-row{
	margin-left: 5px;
	margin-top: 2px;
}

.header-payment .payment-select-table,
.payment-price .payment-select-table{
	width: 80% !important;
}

.header-payment table.headerBillToTable,
.payment-price table.headerBillToTable{
	width: 100% !important;
}

.header-payment table.headerBillToTable td .select-xlarge,
.payment-price  table.headerBillToTable td .select-xlarge{
	width: 100% !important;
}

.header-payment table.headerBillToTable td img,
.payment-price  table.headerBillToTable td img {
	border: none;
}

.header-payment .td-hederBillTo,
.payment-price .td-hederBillTo{
	width: 100% !important;
}

.select-large option {
	width: 80%;
}

.icon img {
    vertical-align: middle;
}

/* ##### ADDITIONAL DATA PAGE ##### */
.z-additional-data .identifier {
	width: 220px;
}

.icon img,
.addnumrows img,
.subnumrows img {
	border: none;
}

.additional-data-note {
	color: red;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}
.z-additional-data .textinput-large {
	width: 280px;
}
.z-additional-data select {
	width: 285px;
}
input[type="text"] {
	border: 1px solid Silver;
}
.z-add-row {
    white-space: nowrap;
}

.data .value,
.data .identifier {
    font-size: 12px;
    padding-top: 5px;
    text-align: left;
    vertical-align: top;
}

.basketdeliverydata select,
.frmMaintainForwardingAgent select,
.frmShowForwardingAgent select,
.frmMaintainFrBillTo select,
.frmShowFrBillTo select,
.frmMaintainCustomsAgent select,
.frmShowCustomsAgent select,
.frmMaintainEndUser select,
.frmShowEndUser select,
.billpayto select {
    width: 220px;
}

.textinput {
    font-family: arial;
    font-size: 12px;
}

.data .identifier{
	padding-right: 20px;
    white-space: nowrap;   
}

.basketdeliverydata #name1{
	margin-right: 2px;
}

.basketdeliverydata .textinput-house,
.frmMaintainForwardingAgent .textinput-house,
.frmShowForwardingAgent .textinput-house,
.frmMaintainFrBillTo .textinput-house,
.frmShowFrbillto .textinput-house,
.frmMaintainCustomsAgent .textinput-house,
.frmShowCustomsAgent .textinput-house,
.frmMaintainEndUser  .textinput-house,
.frmShowEndUser .textinput-house,
.billpayto .textinput-house {
	width: 90px;
}

.basketdeliverydata .textinput-street,
.frmMaintainForwardingAgent .textinput-street,
.frmShowForwardingAgent .textinput-street,
.frmMaintainFrBillTo .textinput-street,
.frmShowFrBillTo .textinput-street,
.frmMaintainCustomsAgent .textinput-street,
.frmShowCustomsAgent .textinput-street,
.frmMaintainEndUser .textinput-street,
.frmShowEndUser .textinput-street,
.billpayto .textinput-street{
	width: 441px;
}

.basketdeliverydata .textinput-postalcode,
.frmMaintainForwardingAgent .textinput-postalcode,
.frmMaintainFrBillTo .textinput-postalcode,
.frmMaintainCustomsAgent .textinput-postalcode,
.frmMaintainEndUser .textinput-postalcode 
.billpayto .textinput-postalcode{
	width: 90px;
}

.nowrap {
	white-space: nowrap;
}

.basketdeliverydata,
.frmMaintainForwardingAgent,
.frmShowForwardingAgent,
.frmMaintainFrBillTo,
.frmShowFrBillto,
.frmMaintainCustomsAgent,
.frmShowCustomsAgent,
.frmMaintainEndUser,
.frmShowEndUser,
.billpayto {
   /* width: 790px; */
}

/* ##### BILLTO / PAYMENT ##### */
body.payment .document-header {
 	margin-top: 20px;
}

/* ##### ORDER SUMMARY ##### */
body.ordersimulate {
    height: auto;
    overflow: visible;
}

body.ordersimulate div#addheader td.identifier,
body.ordersimulate table.item-detail td.identifier {
	width: 175px;
}

body.ordersimulate div#addheader div.group {
	overflow: visible;
}

.header-additional {
    margin-bottom: 5px;
    margin-top: 5px;
}

.z-terms-conditions,
.z-footer-msg {
     margin-top: 20px;
}

div.z-terms-conditions {
	text-align: right;
}

div.z-terms-conditions input {
	float: right;
	margin: 1px 0 0 5px;
}

.valign-top {
	vertical-align: top;
}

.width-50 {
	width: 50%;
}


h1.area img {
    margin: 0 3px 0 2px;
}

.z-review-header-message,
.z-review-item-message {
	margin-bottom: 10px;
    margin-top: 10px;
}

.header-misc .data .identifier,
.header-payment .data .identifier {
    font-weight: normal;
}

h1.group {
    color: #333333;
    font-size: 12px;
    margin: 5px 0 0 0;
    padding: 0;
}

.search-result  {
	font-size: 12px;
	font-family: arial;
	width: 100%;
}

.search-result  table.itemlist {
	border: 0px solid white;
}
.search-result .itemlist th,
.search-result .itemlist td {
	text-align: left;
	font-size: 12px;
	font-family: arial;
}

.search-result .itemlist td.first{
	width: 100px;
}

table.conflict-data,
table.conflict-data-details {
	font-size: 12px;
	font-family: arial;
	width: 100%;
}

table.ipcCharacteristicBar h1{
	color: #A81C24;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
}

table.ipcCharacteristicBar,
table.ipcConflictSolverOuter,
table.ipcConflictSolverInner,
table.conflictGroup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #000000;
    width: 100%;
}

table.ipcCharacteristicBar h1,
table.ipcConflictSolverOuter h1{
	border-bottom: 1px solid #B3B3B3;
	font-size: 16px;
    font-weight: bold;
}

table.ipcCharacteristicBar .firsttd{
	width: 100%;
}

table.conflictGroup .csticName{
	width: 400px;
}

table.conflictGroup .csticSolution{
	width: 200px;
}

table.conflictGroup a {	
	color: #A81C24;
	font-weight: bold;
    text-decoration: none;
}

table.conflictGroup a.toggle {
    text-transform: uppercase;
    background: url("../images/plus.png") no-repeat scroll left center transparent;
    padding-left: 15px;
}

table.conflictGroup a.active{
 	background: url("../images/minus.png") no-repeat scroll left center transparent;
}

table.conflictGroup a:hover {	
	text-decoration: underline;
}

table.conflictGroup th.csticName,
table.conflictGroup th.csticSolution{
	text-align: left;
}

a[name="explainToTop"] {
	display: none;
}


/* ##### HELP VALUES POPUP ##### */

body.helpvalues {
	min-width: 300px;
}

#help-values-search-content h1 { 
	width: auto;
}

#help-values-search-content {
	height: auto;
	width: auto;
	margin: 0;
	overflow: visible;
}

#help-values-search-content #search {
	width: auto;
}

body.helpvalues div.input-values { 
	color: #333333;
	font-family: inherit;
	font-size: inherit;
	margin-left: 0;
	text-align: left;
	width: auto;
}

body.helpvalues .search-buttons { 
	border-top: none;
	font-family: inherit;
	font-size: inherit;
	margin: 0px;
	padding-top: 9px;
	text-align: left;
	width: auto;
}

/*##### DEBUG MODE #####*/

#header-appl #header-extradiv6 #z-debug-area {
    left: 190px;
    position: absolute;
    top: 5px;
	padding: 5px;
	border: 1px solid red;
	background: white;
	z-index: 101;
}

#header-appl a.z-debug-link {
	text-transform: uppercase;
	color: red;
	font-size: 14px;
	font-weight: bold;
}

/*##### BI Report #####*/
body.reports-home #page {
	overflow: hidden;
}

body.reports #nodoc-welcome {
	margin-top: 0;
}

#report-list{
	float:left;
	margin-left: -30px;
}
#report-list ul li{
	width: 150px;
	padding: 10px;
	display: block;
	background: #e6e6e6 url("../../../hon_global/mimes/jQuery/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; 
	font-weight: normal; 
	color: #333;
	border: 1px solid #d3d3d3;
	margin-bottom: 3px;
	margin-left: -10px;
	list-style-type: none;
}

#report-list ul li a.name{
	color: black;
	display: block;
}

#report-list ul li a.name:active{
	background: transparent !important;
}


#report-list ul li a:hover, 
#report-list ul li:hover{
	background: #dadada url("../../../hon_global/mimes/jQuery/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; 
 	font-weight: normal; 
 	color: #212121; 
	text-decoration: none;
}

#report-list ul li.active,
#report-list ul li:active,
#report-list ul li.active a.name{
	background: #ffffff url("../../../hon_global/mimes/jQuery/smoothness/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; 
	font-weight: normal;
	color: #212121;
}

#report-selection{
	padding-left: 10px;
	margin-left: 250px;
}

#report-selection .repsel-param{
	width:40%;
	display:block;
	padding: 10px 10px 10px 0;
	overflow: hidden;
	float:left;
	min-width:400px;
}

#report-selection .repsel-param label{
	display:inline-block;
	width:150px;
	/*overflow-x: hidden;*/
}

#report-selection .report-submit{
	/*padding-top:150px;*/
	clear: both;
    padding: 10px 0;
	width:100%;
	min-width:400px;
}


#reportOut.tablesorter thead tr th{
	padding-left: 20px;
	border-bottom: 1px solid #B3B3B3;
	border-top: 1px solid #B3B3B3;
	padding-right:0px;
	background-repeat:no-repeat;
	background-position:left center;
	cursor:pointer;
	text-align:left;
}

#reportOut.tablesorter tbody tr td{
	padding-left: 20px;
	border-bottom: 1px solid #B3B3B3;
	border-top: 1px solid #B3B3B3;
	padding-right:0px;
	white-space: nowrap;
}

.result-buttongroup{
	padding:10px 0;
}

.datePeriodCalendar .ui-datepicker-calendar {
	display: none;
}

#result-navigation {
	float:right;
	padding: 10px 0;
}

#result-navigation table tbody tr td{
	float:right;
	padding:1px 0;
}

#result-navigation table tbody tr td a{
	
	display:inline;
	font-weight:bold;
	padding-right:4px;
	padding-left:4px;
	text-decoration: none !important;
}

#report-paging-curr{	
	display:inline;
	font-weight:bold;
	padding-right:4px;
	padding-left:4px;
	color:#A81C24;
	border:1px solid #C1C5D0; 
	background-color:white;
}


#zz_document table.item-detail2 td {
	padding: 2px 3px;
	padding-right: 137px;
    white-space: nowrap;
}

body.orderstatus #zz_document table.item-detail2 td.identifier {
	padding: 2px 5px 2px 3px !important;
}

body.orderstatus #zz_document table.item-detail2 td.value {
	padding: 2px 3px 2px 5px !important;
}

.item-detail .identifier2 {
	padding: 0px 0px 0px 0px;	
}

#hidepage {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: url("../images/session_timeout_background.png");
	zoom: 1;
	display: block;
}

.white-overlay {
	background: url("../images/session_timeout_background.png");
	position:absolute;
	top:-9999px;
	left:-9999px;
	width:1px;
	height:1px;
	display: block;
}

#sessiontimeout {
	z-index: 1000;
	display: block;
	background-color: #e5e5e5;
	position: fixed;
	width: 500px;
	top: 150px;
	left: 50%;
	margin-left: -271px;
	padding: 5px 20px;
	border: 1px solid #CFCFCF;
}

#sessiontimeout p.text span.heading {
	font-size: 1.2em;
	font-weight: bold;
	color: #a81c24;
	display: block;
}

#sessiontimeout a.FancyButtonRed {
	text-decoration: none;
	border-color: #a81c24;
	display: inline;
}
 .printonly {
	display: none;
}

/*##### Show Saved Cart Popup #####*/

#showautosavedcart {
	z-index: 1000;
	display: block;
	background-color: #e5e5e5;
	position: fixed;
	width: 500px;
	top: 150px;
	left: 50%;
	margin-left: -271px;
	padding: 5px 20px;
	border: 1px solid #CFCFCF;
}

#showautosavedcart p.text span.heading {
	font-size: 1.2em;
	font-weight: bold;
	color: #a81c24;
	display: block;
}

#showautosavedcart p.button {
	margin-top: 10px;
}

#showautosavedcart a.FancyButtonRed {
	text-decoration: none;
	border-color: #a81c24;
	display: inline;
	margin-right: 5px;
}
 .printonly {
	display: none;
}


/*##### Contact Customer Care Popup #####*/

body.contactcustomercare {
	min-width: 445px;
	width: 445px;
	margin: 20px auto;
}

body.contactcustomercare div#sendmailform label {
	font-weight: bold;
	display: block;
	padding-top: 5px;
}

body.contactcustomercare div#sendmailform ul,
body.contactcustomercare div#sendmailform input,
body.contactcustomercare div#sendmailform textarea {
	display: block;
	width: 445px;
	margin: 2px 0 8px;
}

body.contactcustomercare div#sendmailform ul {
	margin: 12px 0 0;
}
#background-overlay {
	display:none;
	position:absolute;
	z-index:555;
	top: 0;
	left: 0;
	right: 0;
	background: white;
}


/* ### CUSTOMER SEARCH ### */
body.customer-search #header-appl {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

body.customer-search #page { 
	height: auto;
	margin: 110px 0 0;
}

/* ##### ULTIMATE CONSIGNEE ##### */
body.enduser-selection table#enduserlist tr th,
body.selectsoldto table#soldtolist tr th {
	white-space: nowrap;
	padding-left: 20px;
	background-position: 0px 50%;
}

.enduser-selection .filter-result {
	margin-top: 40px;
}

.z-additional-data .select-extralarge {
	width: 460px;
}

/* Commented and kept for future reference.
.zhon-combobox {
	position: relative;
	display: inline-block;
}

.zhon-combobox-toggle {
	position: absolute;
	vertical-align: middle;
	top: 0px;
	bottom: 0px;
	margin-left: -1px;
	padding: 0;
	height: 17px;
	width: 13px;
}

.zhon-combobox-input {
	margin: 0;
	padding: 0;
}
*/
/* ##### DOCUMENTS ##### */
body.selectsoldto table#documentlist tr th {
	white-space: nowrap;
	padding-left: 20px;
	background-position: 0px 50%;
	width: 25%;
}

/* ##### WEBTEXTS ##### */
/* Info Message */
.infotext {
	/*background: url(../images/info_icon.png) no-repeat 3px 3px; 
	padding: 5px 5px 5px 24px; 
	margin: 0px 0px 3px 0px; */
	color: green;
}
.infotext span {
	text-align:left; 
}

.infotext p {
	margin:0; padding:0
}

/* Warning Message */
.warntext{
	/*background: url(../images/exclamationmark.png) no-repeat 3px 3px;
	padding: 5px 5px 5px 24px; 
	margin: 0px 0px 3px 0px; */
	color: #e97900;
}

.warntext span {
	text-align:left;
}

.warntext p {
	margin:0; 
	padding:0
}

/* Error Message */
.errortext {
	/*background: url(../images/error.gif) no-repeat 3px 3px; 
	padding: 5px 5px 5px 24px; 
	margin: 0px 0px 3px 0px; */
	color: #C40026;
}
.errortext span {
	text-align:left; 
}

.errortext p {
	margin:0; padding:0
}

td.webtext {
	text-align: left;
	vertical-align: left;
	white-space: wrap; 
	width: 1000px; 
	margin:0; 
	padding:0;
}

.serial {
	display: block;
	padding: 5px 5px 5px 0px;
	text-align: left;
}

/* ##### QUICK INFO ##### */
.quickInfo {
	font-weight: bold;
	display: block;
	padding: 5px 5px;
	text-indent: 15px;
	text-align: left;
	background: url("../images/plus_circle_small.png") left center no-repeat !important
}

.divQuickInfo {
	overflow: auto; 
	max-height: 450px;
	width: 550px;
	border-right: 1px solid #B6B6B6;
	border-left: 1px solid #B6B6B6;
	border-bottom: 1px solid #B6B6B6;
}

.quickInfoImage {
	width: 250px;
	vertical-align:top;
}

.quickInfoText {
	width: 300px;
	background-color: #B6B6B6;
	vertical-align:text-top;
	color: #ffffff;
}
.quickInfoScales a.toggle{
	width: 300px;
	font-weight: bold;
	color: #a81d24;
	text-transform: uppercase;
	display: block;
	clear: left;
	margin: 10px 0 3px 0;
	text-indent: 15px;
	background: url("../images/minus.png") left center no-repeat;
}

.quickInfoScales a.active{
	width: 300px;
	background: url("../images/plus.png") left center no-repeat;
}

/* ##### INVOICE MAIL ##### */
.invoiceWindow
{
   display: none;
   position: fixed;
   width: 450px;
   height: 220px;
   top: 50%;
   left: 50%;
   margin-left: -250px;
   margin-top: -200px;
   background-color: #FFFFFF;
   border: 5px solid #B5B5B5;
   padding: 5px 10px;
   z-index: 1000;
}

.invoiceWindow td {
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
	border-left: medium none;
	padding: 3px 10px;
}

.invoiceWindow tbody {
	border: 1px solid #CFCFCF;
	background-color: #e5e5e5;
}

.invoiceWindow table {
	height: 85%;
}

.invoiceWindow span {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #0071AA;
}

a.buttonRed
{
	font-family: Arial;
	font-size: 12px;
	background: url("../images/menubg_active.jpg") center center repeat-x !important;
	color: #fff !important;
	cursor: pointer;
	padding: 2px 10px;
	border: 1px solid #A81C24 !important;
	font-weight: bold;
	line-height: 17px;
}

a.buttonGray{
	font-family: Arial;
	font-size: 12px;
	background:  url("../images/mnu_grad_normal.jpg") center center repeat-x;
	border: 1px solid #CFCFCF;
	color: #333333;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	line-height: 17px;
	padding: 2px 10px;
}

.z-toolTipInvoiceConsolidate {
	position: absolute;
	z-index: 2000;
	background:  url("../images/transparence_75.png");
	color: #FFF;
	display: block;
	font-weight: bold;
	margin-top: -500px;
	padding: 15px;
	text-align: left;
	width: 300px;
	margin-left: 250px;
	white-space: normal !important;
	line-height: 15px !important;
	font-size: 12px;
}

.z-toolTipInvoiceTitle {
	position: absolute;
	z-index: 2000;
	background:  url("../images/transparence_75.png");
	color: #FFF;
	display: block;
	font-weight: bold;
	margin-top: -450px;
	padding: 12px;
	text-align: left;
	width: 280px;
	margin-left: 350px;
	white-space: normal !important;
	line-height: 15px !important;
	font-size: 12px;
}

img.toolTipInvoiceOpener {
	border: none;
	vertical-align: middle;
	margin-top: -6px;
	width: 15px;
	height: 15px;
}

.z-toolTipInvoiceBtn {
	position: absolute;
	z-index: 99;
	background:  url("../images/transparence_75.png");
	color: #FFF;
	display: block;
	font-weight: bold;
	/*margin-top: -10px;*/
	padding: 15px;
	text-align: left;
	width: 280px;
	margin-left: -23px;
	white-space: normal !important;
	line-height: 15px !important;
	font-size: 12px;
	right: 0px;
}

/* ##### ITEM ATTACHMENT ##### */
.itemAttachment {
	font-weight: bold;
	display: block;
	/*padding: 5px 5px;*/
	text-indent: 15px;
	text-align: left;
	padding-top:12px;
	padding-left: 5px;
	/*padding:6px;*/
	/*margin-top:5px;*/
	height: 22px;
	background: url("../images/plus_circle_small.png") left center no-repeat !important;
}

.itemAttachmentWithoutImage {
	font-weight: bold;
	display: block;
	/*padding: 5px 5px;*/
	text-indent: 15px;
	text-align: left;
	padding-left: 5px;
	/*padding:6px;*/
	/*margin-top:5px;*/
	background: url("../images/plus_circle_small.png") left center no-repeat !important;
}

.attachmentPopup
{
   overflow: auto; 
	max-height: 450px;
	width: 700px;
	top: 50%;
   	left: 50%;
	border-right: 1px solid #B6B6B6;
	border-left: 1px solid #B6B6B6;
	border-bottom: 1px solid #B6B6B6;
	border-top: 1px solid #B6B6B6;
    background-color: #FFFFFF !important;
}

h1.itemAttachmentArea {
	color: #A81C24;
	background-color: transparent;
	border: none;
}


#fancybox-content div {background-color:#FFFFFF}
#fancybox-content {border-color: #FFFFFF !important;  border: 5px solid #B5B5B5;}
#fancybox-overlay { opacity: 0 !important;  display: block; background-color: rgb(255, 255,255) !important; }  

.textarea-input {overflow:hidden; resize: none; text-align:left!important;white-space: normal; font-family:Verdana, Geneva, sans-serif;}
.highlight {border: 1px solid #f00; color: #000;}

/*##### Show Control no reminder Popup #####*/
#controlnoreminder {
	z-index: 1000;
	display: block;
	background-color: #FFFFFF;
	position: fixed;
	width: 602px;
	height: 200px;
	top: 150px;
	left: 50%;
	margin-left: -271px;
	padding: 5px 20px;
	border: 2px solid #CFCFCF;
	overflow: auto;

}

#controlnoreminder h1 {
    color: #A81C24;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 0px solid #B3B3B3;
    border-left: none;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-top: 0px;
}

#controlnoreminder h3 {
    font-family: Arial;
    font-size: 12px;
    width: auto;
    color: black;
    font-weight: normal;
}

#controlnoreminder p.text span.heading {
	font-size: 1.2em;
	display: block;
}

#controlnoreminder p.button {
	margin-top: 10px;
}

.controlnotab {
	border: none;
}

.controlnotab tr,
.controlnotab  td {
	background-color:#FFFFFF ;
	padding-right: 50px;
    padding-left: 5px;
    padding-top: 5px;
}	

.controlnotab th {
	padding-right: 50px;
    padding-left: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
	color: #A81C24;
}

.controlnotab td em {
	font-weight: normal;
}

.controlnotab th,
.controlnotab td,
{
	white-space: nowrap;
}

a.closeButton {
	
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: url('../fancybox/images/fancy_close.png');
	cursor: pointer;
	z-index: 1103;
	display: inline;
}
/* 9000012765-changes for sold to party alignment NM(H258340) */
.filter-result th {
    padding: 3px 3px 3px 20px !important;	
}

.info {
    padding: 3px 2px 3px 25px !important;
    margin: 0px 0px 0px 0px !important
}


/* Begins 9000011942- H258340(NM) for Zoom image  */
#zoomimg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#zoomimg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 60%; /* Full width */
  height: 60%; /* Full height */
  overflow: none; /* Enable scroll if needed */
 
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 700px;
  height: 100%;
}


@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
 
  position: absolute;
     top: auto;
     left: 900px;
    /* margin-left: -28px; */
    font-size: 30px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
	
/* Ends 9000011942- H258340(NM) for Zoom image  */