/* Partner portal has 5 menu items (plus the home TRIMIT logo), so this caters for that difference */
ul#mainmenu li a {
	width: 159px;
}

h1, h2, h3, h4, h5, h6 {
	color: #454545;
	margin: 0 0 0 15px;
}


/******************************************************          2. Library          *********************************************************************/
label.indentlabel {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding: 2px 5px 1px 0;
	color: #787878;
	margin-bottom: 5px;
	vertical-align: bottom;
}

input.cpobutton {
}

label.width200px {
	width: 200px;
}

/* fieldset legend (probably not needed)*/
fieldset.cpofieldset {
	border: 1px solid #ccc;
	padding: 15px;
}

fieldset.cpofieldset legend {
	padding: 3px;
	color: #333;
	font-weight: bold;
	text-transform: capitalize;
}

input.cpoinput, select.cposelect, select.deliveryAddress, textarea.textMultiline, .RadPicker input, input.inputQuantity {
	padding: 2px 2px 1px 0;
	margin: 1px 0 0 0;
	border: 1px solid #ababab !important;
	margin-bottom: 5px;
	display: inline-block;
}


/*span#categoryPara, */span[id^="categoryPara"] {
	display: block;
	padding: 5px 0 2px 10px;
	color: #454545;
	font-family: Georgia;
	margin-bottom: 10px;
	font-size: 20px;
}

span.formText, span.cpovalue {
	padding: 2px 0px 1px 0;
	display: inline-block;
}

select.cposelect {
	width: 155px;
}

span.cporadio > input {
	margin: 2px 0 0 0;
	position: relative;
	top: 1px;
}

input.cpoinput:focus, input.deliveryAddress:focus, input.cpobutton:focus, select.cposelect:focus, select.deliveryAddress:focus, textarea.textMultiline:focus, .RadPicker input:focus {
	/* These should come after all buttons to use the cascade - I believe prominence is an issue here */
	border: 1px solid #888 !important;
	background-color: #fff;
}

td.rcbInputCellLeft, td.rcbArrowCellRight {
}

input.riTextBox {
	font-family: Arial !important;
}

input.cpoinput {
	/* input fields type="text" */
	background-color: #fff;
}

input.cpobutton {
	/* General Cpo button styling - input fields type="button" */
	/*padding: 3px;*/
	background-color: transparent;
}

select.cposelect {
	background-color: #fff;
	color: #000;
}

input.cpobutton:active {
	/* Doesn't work in IE8 */
}

.bold {
	font-weight: bold;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearLeft {
	clear: left;
}

.clearBoth {
	clear: both;
}

.center {
	text-align: center;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.inline {
	display: inline;
}

.displayNone {
	display: none;
}

.visibilityHidden {
	visibility: hidden;
}

.uppercase {
	text-transform: uppercase;
}

.currencyCode {
	color: #787878;
}

table.tableCustomerActions {
	border-collapse: collapse;
}

table.tableCustomerActions td {
	padding: 5px 5px;
}

table.tableCustomerActions tr:nth-child(2n + 1) td {
	background-color: #f8f8f8;
}

/* NOT CURRENTLY USED - BUTTONS AS TEXT RENDERS ANCHOR TAGS!!!
input.cpobutton.edit {
	/* background image for edit buttons 
	background: transparent url("") no-repeat scroll -10px 0;
}

input.cpobutton.orders {
	/* background image for orders buttons 
	padding-left: 20px;
	background: transparent url("/Client/Media/Skins/Default/Icons/basket.png") no-repeat scroll -10px 0;
}
*/

/* The following are button controls in the PLE set as text, with an image background for the icons. They also have a hover state */
a.addtoorder {
	/* background image for addtoorder buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/basket.png") no-repeat right -1px;
	padding: 2px 20px 2px 10px;
	text-decoration: underline;
}

a.addtoorder:hover {
	/* background hover image for addtoorder buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/basket_hover.png") no-repeat right -1px;
}

a.calculate {
	/* background image for calculate buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/calculator.png") no-repeat right -1px;
	padding: 2px 18px 2px 4px;
	text-decoration: underline;
}

a.calculate:hover {
	/* background hover image for calculate buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/calculator_hover.png") no-repeat right -1px;
}

a.clearform {
	/* background image for clearform buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/cancel.png") no-repeat left 0px;
	padding: 2px 10px 4px 24px;
	text-decoration: underline;
	display: inline-block;
	margin: 0 0 0 10px;
}

a.clearform:hover {
	/* background hover image for clearform buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/cancel_hover.png") no-repeat left 0px;
}

a.clearorder {
	/* background image for clearorder buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/cancel.png") no-repeat right 0;
	padding: 2px 23px 2px 0;
	margin: 0 0 0 20px;
	text-decoration: underline;
	display: inline-block;
	float: left;
}

a.clearorder:hover {
	/* background hover image for clearorder buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/cancel_hover.png") no-repeat right 0;
}

a.continueshopping {
	/* background image for continueshopping buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/continue.png") no-repeat right -1px;
	padding: 2px 20px 2px 10px;
	text-decoration: underline;
}

a.continueshopping:hover {
	/* background hover image for continueshopping buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/continue_hover.png") no-repeat right -1px;
}

a.copy, a.btnCopy {
	/* background image for copy buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/copy.png") no-repeat 0 -1px;
	padding: 0px;
	margin: 0 auto;
	display: block;
	height: 20px;
	width: 20px;
}

a.copy:hover, a.btnCopy:hover {
	/* background hover image for copy buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/copy_hover.png") no-repeat 0 -1px;
}

a.createUser {
	background: transparent url("/Client/Media/Skins/Default/Icons/plus.png") no-repeat 0 -2px;
	padding: 0 0 3px 23px;
	text-decoration: underline;
	margin: 0 0 0 150px;
	display: block;
	position: relative;
}

a.createUser:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/plus_hover.png") no-repeat 0 -2px;
}

a.delete {
	/* background image for delete buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/delete.png") no-repeat 0 -1px;
	padding: 0px;
	margin: 0 auto;
	display: block;
	height: 20px;
	width: 20px;
}

a.delete:hover {
	/* background hover image for delete buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/delete_hover.png") no-repeat 0 -1px;
}

a.details {
	/* background image for details buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/info.png") no-repeat 0 -1px;
	padding: 0px;
	margin: 0 auto;
	display: block;
	height: 20px;
	width: 20px;
}

a.details:hover {
	/* background hover image for details buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/info_hover.png") no-repeat 0 -1px;
}


a.download {
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowDownShort.png") no-repeat 0 -2px;
	padding: 0 0 2px 20px;
	text-decoration: underline;
	margin: 10px 0 0 -2px;
	display: inline-block;
}

a.download:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowDownShort_hover.png") no-repeat 0 -2px;
}


a.edit {
	/* background image for edit buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/edit.png") no-repeat 0 -1px;
	padding: 0px;
	margin: 0 auto;
	display: block;
	height: 20px;
	width: 20px;
}

a.edit:hover {
	/* background hover image for edit buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/edit_hover.png") no-repeat 0 -1px;
}

a.expand {
	/* background image for expand buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/plus.png") no-repeat 0 -1px;
	padding: 0px;
	margin: 0 auto;
	display: block;
	height: 20px;
	width: 20px;
}

a.expand:hover {
	/* background hover image for expand buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/plus_hover.png") no-repeat 0 -1px;
}

a.getstatement {
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowRightLong.png") no-repeat right -2px;
	padding-right: 23px;
	display: inline-block;
	height: 20px;
	text-decoration: underline;
}

a.getstatement:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowRightLong_hover.png") no-repeat right -2px;
}


a.licenseDetails {
	/* background image for details buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/info.png") no-repeat 0 -1px;
	padding: 2px 0 3px 23px;
	text-decoration: underline;
	margin-left: 10px;
}

a.licenseDetails:hover {
	/* background hover image for details buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/info_hover.png") no-repeat 0 -1px;
}


a.loginOk {
	/* background image for login and logoff */
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowRightShort.png") no-repeat 0 -2px;
	padding: 0 0 2px 20px;
	text-decoration: underline;
	margin: 10px 0 0 -2px;
	display: inline-block;
}

a.loginOk:hover {
	/* background hover image for login and logoff */
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowRightShort_hover.png") no-repeat 0 -2px;
}

a.logoff {
	/* background image for login and logoff */
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowRightShortInvert.png") no-repeat 0 0;
	text-decoration: underline;
	padding: 2px 0 2px 20px;
	display: inline-block;
	color: #fff;
}

a.logoff:hover {
	/* background hover image for login and logoff */
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowRightShortInvert_hover.png") no-repeat 0 0;
	color: #d1d1d1;
}

a.newOrder {
	background: transparent url("/Client/Media/Skins/Default/Icons/plus.png") no-repeat 0 0;
	padding: 2px 0 3px 23px;
	text-decoration: underline;
	margin-left: 5px;
}

a.newOrder:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/plus_hover.png") no-repeat 0 0;
}

a.openAsPdf {
	background: transparent url("/Client/Media/Skins/Default/Icons/print.png") no-repeat 0 -1px;
	padding-left: 23px;
	text-decoration: underline;
	float: right;
	margin: 0 3px 0 0;
}

a.openAsPdf:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/print_hover.png") no-repeat 0 -1px;
}

a.order {
	/* background image for order buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/basket.png") no-repeat 0 -1px;
	padding: 0px;
	margin: 0 auto;
	display: block;
	height: 20px;
	width: 20px;
}

a.order:hover {
	/* background hover image for order buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/basket_hover.png") no-repeat 0 -1px;
}

a.orders {
	background: transparent url("/Client/Media/Skins/Default/Icons/basket.png") no-repeat 0 -2px;
	padding: 0 0 3px 23px;
	text-decoration: underline;
	margin-left: 5px;
}

a.orders:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/basket_hover.png") no-repeat 0 -2px;
}

a.plus {
	background: transparent url("/Client/Media/Skins/Default/Icons/plus.png") no-repeat 0 -1px;
	padding: 0px;
	margin: 0 auto;
	display: block;
	height: 20px;
	width: 20px;
}

a.plus:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/plus_hover.png") no-repeat 0 -1px;
}

a.print {
	background: transparent url("/Client/Media/Skins/Default/Icons/print.png") no-repeat 0 -1px;
	padding: 0px;
	margin: 0 auto;
	display: block;
	height: 20px;
	width: 20px;
}

a.print:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/print_hover.png") no-repeat 0 -1px;
}

a.return {
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowLeftLong.png") no-repeat 0 -2px;
	padding-left: 23px;
	text-decoration: underline;
}

a.return:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowLeftLong_hover.png") no-repeat 0 -2px;
}

a.save {
	background: transparent url("/Client/Media/Skins/Default/Icons/folder.png") no-repeat 0 -2px;
	padding-left: 25px;
	text-decoration: underline;
}

a.save:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/folder_hover.png") no-repeat 0 -2px;
}

a.search {
	background: transparent url("/Client/Media/Skins/Default/Icons/camera.png") no-repeat 0 -2px;
	padding: 0px;
	display: block;
	height: 20px;
	width: 20px;
	margin-left: 5px;
}

a.search:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/camera_hover.png") no-repeat 0 -2px;
}


a.seeOrder {
	background: transparent url("/Client/Media/Skins/Default/Icons/basket.png") no-repeat 0 1px;
	padding: 0 0 3px 25px;
	text-decoration: underline;
	display: inline-block;
}

a.seeOrder:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/basket_hover.png") no-repeat 0 1px;
}

a.show {
	background: transparent url("/Client/Media/Skins/Default/Icons/camera.png") no-repeat 0 -1px;
	padding: 0px;
	margin: 0 auto;
	display: block;
	height: 20px;
	width: 20px;
}

a.show:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/camera_hover.png") no-repeat 0 -1px;
}

a.submit {
	background: transparent url("/Client/Media/Skins/Default/Icons/tick.png") no-repeat 0 -1px;
	padding: 0px;
	margin: 0 auto;
	display: block;
	height: 20px;
	width: 20px;
}

a.submit:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/tick_hover.png") no-repeat 0 -1px;
}

a.update {
	/* background image for update buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/refresh.png") no-repeat right -1px;
	padding: 2px 25px 2px 0;
	margin: 0;
	text-decoration: underline;
	display: inline-block;
	float: left;
}

a.update:hover {
	/* background hover image for update buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/refresh_hover.png") no-repeat right -1px;
}

table.cpoRepeaterTable {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}


table.cpoRepeaterTable td {
	padding: 7px 5px;
	white-space: nowrap;
}

table.cpoRepeaterTable tbody tr.tableHeaderRow, table.cpoRepeaterTable thead tr.tableHeaderRow {
	background-color: #efefef;
}

table.cpoRepeaterTable tbody tr.tableHeaderRow td input {
	text-align: left;
}

table.cpoRepeaterTable tbody tr.tableFooterRow, table.cpoRepeaterTable tfoot tr.tableFooterRow {
	background-color: #efefef;
	color: #333;
	font-weight: bold;
}

table.cpoRepeaterTable tbody tr.row0 {
	/* Odd rows in tables */
	background-color: #fff;
}

table.cpoRepeaterTable tbody tr.row1 {
	/* Even rows in tables - to be defined */
	background-color: #f8f8f8;
}

div#editOrderDiv table.cpoRepeaterTable tbody tr.row0 td, div#editOrderDiv table.cpoRepeaterTable tbody tr.row1 td {
	padding: 0;
}

table.cpoRepeaterTable td.action {
	padding: 0 5px;
	text-align: center;
}

table.cpoRepeaterTable.orderEditInner td, table.cpoRepeaterTable td.orderEditMatrixCell {
	padding: 0;
}



/* Background images for sorting heading fields */
.sortedColumnAsc {
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowUpShort.png") no-repeat right center;
	padding-right: 20px;
}

.sortedColumnDesc {
	background: transparent url("/Client/Media/Skins/Default/Icons/arrowDownShort.png") no-repeat right center;
	padding-right: 20px;
}

.pictureCell {
	height: 50px;
	width: 50px;
}

.redBorder {
	/* Used for testing purposes */
	border: 1px solid red;
}

p.productNotFound {
	border: 1px solid #848284;
	padding: 6px 10px 6px 35px;
	background: #ffffe7 url("/Client/Media/Images/error.png") no-repeat 10px 6px;
	color: #000 !important;
	display: block;
	margin: 0 0 10px 0;
	clear: both;
}

div#valSumLogin {
	/* Validation summary */
	background-position: 4px 3px;
	margin-right: 10px;
	font-size: 11px;
}

div#valSum ul li, div#valSumLogin ul li {
	/* Validation summary items */
	margin: 0 0 0 20px;
	list-style-type: decimal;
}

span#ValidateLengthinputProductNo {
	float: left;
}


/******************************************************          3. Layout          *********************************************************************/
div#portalsContainer {
	/* Container for entire site */
	margin: 0 auto;
	background-color: #fff; /* HACK: STOPS STRANGE BEHAVIOUR OF LEFT MENU DIV ON BROWSER RESIZE FOR LIQUID LAYOUT */
}

/* Header start */
div#header {
	/* 	border-bottom: 1px solid #787878; */
	position: relative; /* 	background: transparent url("/Client/Media/Skins/Default/Default.Banner.png") repeat-x 0 0; */
}

div#login a.logoff:link, div#login a.logoff:visited, div#login a.logoff:active {
	text-decoration: none;
}

div#portalsContent {
	padding: 10px 0 0 0;
} 

div#currentlyShoppingAs {
	position: absolute;
	top: 63px;
	left: 35px;
	color: #00497b;
	font-weight: bold;
	z-index: 1000;
}

div#content {
	background: transparent url("/Custom/Media/trimit2010/tabMenuWrapperBg.png") repeat-x 0 0;
	padding: 20px 0 0 0;
	position: relative;
	min-height: 200px;
	z-index: 100;
}

/******************************************************          4. Individual          *********************************************************************/
/* 1.0 Home page start */
/* News heading on home page*/
h2.newsHeading {
	margin: 0 0 10px 0;
	display: none !important;
}

/* New document list on home page below - this uses unordered lists instead of tables */
div#portalsContent ul.cpoDocList {
	display: none !important;
}

div#portalsContent ul.cpoDocList li {
	color: #787878;
	list-style-type: none;
	padding-left: 0;
	margin-left: 10px;
	height: 23px;
	line-height: 23px;
	display: block;
}

div#portalsContent ul.cpoDocList a {
	float: none;
}

div#portalsContent ul.cpoDocList span.cpoListDate {
}

/* Can't really place hover on the date, since it doesn't link anywhere. We re-evaluate once the 3.8 has been released
table.dlist#salesAgentNews .docListDate:hover {
	background: transparent url("/Client/Media/Skins/Default/Icons/star_hover.png") no-repeat 0 center;
	color: #00497b;
}
*/

/* News item content */
div#portalsContent div#extContent {
	padding: 0;
}

div#portalsContent div#extContent p {
	margin: 0 0 5px 10px;
}

/* Customers table on home page */
table#customersTable, div#orderContentDiv table.cpoRepeaterTable {
	margin-top: 25px;
	width: 100%;
	table-layout: fixed;
}

div#saDiv input.cpoinput, div#orderListDiv input.cpoinput, div#orderContentDiv input.cpoinput {
	width: auto;
}

div#saDiv table#customersTable td, div#orderContentDiv table.cpoRepeaterTable row0 td, , div#orderContentDiv table.cpoRepeaterTable row1 td {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

table#ordersTable td {
	padding: 7px 2px;
	white-space: nowrap;
}



div#saDiv table#customersTable tr.tableHeaderRow2 td {
	text-overflow: clip;
}

div#saDiv table#customersTable td.numCol {
	width: 10%;
}

div#saDiv table#customersTable tr.tableHeaderRow2 td.numCol input {
	width: 50px;
}

div#saDiv table#customersTable td.nameCol {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 24%;
}

div#saDiv table#customersTable tr.tableHeaderRow2 td.nameCol input {
	width: 130px;
}

div#saDiv table#customersTable td.phoneCol {
	width: 12%;
}

div#saDiv table#customersTable tr.tableHeaderRow2 td.phoneCol input {
	width: 70px;
}

div#saDiv table#customersTable td.postcodeCol {
	width: 12%;
}

div#saDiv table#customersTable tr.tableHeaderRow2 td.postcodeCol input {
	width: 60px;
}

div#saDiv table#customersTable td.cityCol {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 12%;
}

div#saDiv table#customersTable tr.tableHeaderRow2 td.cityCol input {
	width: 60px;
}

div#saDiv table#customersTable td.actionCol {
	width: 10%;
}

table#customersTable tr.tableHeaderRow a, table#ordersTable tr.tableHeaderRow a, table#myOrdersTable tr.tableHeaderRow a {
	color: #000;
}

table#customersTable tr.tableHeaderRow a:hover, table#ordersTable tr.tableHeaderRow a:hover, table#myOrdersTable tr.tableHeaderRow a:hover {
	color: #00497b;
}

table#customersTable td.blockedCustomer {
	color: #787878;
}

/* Create new customer button home page */
div.leftMenuDiv input#buttonCreateNewCust, div#left input.cpobutton {
	background-color: #000;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 5px 10px;
	text-decoration: underline;
	width: 150px;
}

/* My Details menu on home page & history sub menu on history pages */
div#toolbox > div {
	border-top: 0px solid #efefef;
	border-right: 0px solid #efefef;
	border-bottom: 0px solid #efefef;
	border-left: 0px solid #efefef;
}




div.leftMenuDiv {
	padding: 0;
	margin-bottom: 10px;
}

div.leftMenuDiv div.subMenuDiv {
	margin-bottom: 10px;
	border-top: 0px solid #efefef;
	border-right: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
	border-left: 3px solid #efefef;

}

div.leftMenuDiv div.subMenuDiv > h2 {
	background-color: #efefef;
	padding: 10px 5px;
	margin: 0;
}

div.leftMenuDiv div.subMenuDiv > ul {
	margin: 10px 0 10px 0;
}

div.leftMenuDiv div.subMenuDiv > a {
	margin-bottom: 10px;
	display: block;
}

div.leftMenuDiv div.subMenuDiv > ul li.menuItem {
	margin: 3px 0 3px 25px;
	list-style-type: none;
}


/* B2B home page */
div#portalsContent div#b2bHomeHTMLContent {
	margin-top: -10px;
}

div#portalsContent div#b2bHomeHTMLContent div#extContent {
	padding: 0;
}

div#portalsContent h2.h2LoginPages {
	margin: 0;
}

div.leftMenuDiv input#inputProductNo {
	margin-left: 25px;
}

div.leftMenuDiv input#inputProductNo:focus {
}

div.leftMenuDiv p.productNotFoundHome {
	margin: 0 15px 0 15px;
	border: 1px solid #848284;
	padding: 3px 10px 3px 35px;
	background: #ffffe7 url("/Client/Media/Images/error.png") no-repeat 10px 3px;
	color: #000 !important;
}

/* 1.0 Home page end */

/* Login pages start */
div#loginDiv {
	background-color: #f8f8f8;
	color: #787878;
	font-size: 11px;
	margin: 10px;
	padding: 10px;
}

div#loginDiv h2, div#loginDiv span#pIntro {
	display: block;
	width: 180px;
}

div#loginDiv h2.loginHeading {
	margin: 3px 10px 10px 0;
	padding: 0;
	padding-bottom: 3px;
	color: #000;
}

div#loginDiv label.indentlabel {
	font-size: 13px;
	text-align: left;
	margin: 10px 0 0 0;
}


div#loginDiv input.cpoinput {
	width: 180px;
	clear: both;
}

/*
div#loginDiv div#valSumLogin {
	margin: 10px 10px 0 0;
}

div#loginDiv div#valSumLogin li {
	margin: 2px 0 0 20px;
}

*/

div#loginDiv input#btnLoginOk, div#loginDiv input#btnLoginSubmit {
	background-color: #d5d5d5;
	border: 1px solid #ccc;
	color: #000;
	margin: 10px 0 0 0;
	width: 40px;
	text-decoration: none;
	padding: 3px;
}

div#loginDiv input#loginOk:focus, div#loginDiv input#btnLoginSubmit:focus {
	border: 1px solid #aaa;
}

div#loginDiv a {
	text-decoration: underline;
}

div#loginDiv table#selectAutoLogin {
	border-top: 1px solid #787878;
	color: #000;
	margin: 10px 0 0 0;
	padding-top: 10px;
	width: 180px;
}

div#loginDiv div#selectAutoLogin ul.cporadio li.radioListItem input, 
div#loginDiv div#selectAutoLogin ul.cporadio li.radioListItem label {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px 0 0;
}

div#loginDiv a#aForgotPassword, div#loginDiv div#valSumLogin {
	position: relative;
}

div#baseInfo {
	background-color: #f8f8f8;
	padding: 10px;
}

div#baseInfo h2, div#baseInfo span.createUserHeader {
	margin-left: 0;
	margin-right: 0;
	position: relative;
}

div#baseInfo span.createUserHeader {
	margin-left: 10px;
}

div#baseInfo span#pCreateUserMessage {
	margin-left: 12px;
}

div#loginContent {
	width: 690px;
}

div#portalsContent ul.applicationProcessed {
	margin: 10px 0 0 15px;
	list-style-type: none;
}

div#portalsContent div#loginInfo {
	padding: 0 12px 0 12px;
	padding: 0;
}

/* Login pages end */

/* 1.0.1 Customer Details page */
div#customerDiv {
}

div#customerDiv h2.customerDetailsHeading {
	margin: 0 0 10px 15px;
	clear: left;
}

div#customerDiv h2.billingHeading, div#customerDiv h2.deliveryHeading {
	margin: 0 0 10px 0;
}


/*
div#customerDiv label.indentlabel, div#customerDiv label.cpoinput, div#baseInfo label.indentlabel, div#baseInfo input.cpoinput, div#baseInfo select.cposelect {
	margin-bottom: 5px;
}

div#customerDiv label.indentlabel {
	/*text-align: left;
	padding-left: 10px;
	padding-top: 0;
	color: #787878;
}

*/

div#customerDiv div.customerDetailsMain {
	width: 33%;
	float: left;
	white-space: nowrap;
}

div#customerDiv div.customerDetailsMain:first-child {
	width: 34%;
}


div#customerDiv div.customerDetailsMain span, div#customerDiv div.customerDetailsMain a {
	margin-left: 10px;
}

div#customerDetailsContainer {
	width: 100%;
	overflow: auto;
	clear: both;
	padding: 0 0 20px 0;
}

div.alternativeDeliveryAddresses {
	clear: both;
	width: 100%;
	display: block;
}

div.alternativeDeliveryAddresses div#alternativeDeliveryContainer {
	margin-left: 10px;
}

div.alternativeDeliveryAddresses div.customerDetailsMain div:first-child {
	font-weight: bold;
}

div#customerDiv div.alternativeDeliveryAddresses div.customerDetailsMain {
	width: 215px;
	min-height: 200px;
}

div.topButtonsDiv {
	border-bottom: 0px solid;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

div.topButtonsDiv h2 {
	margin-bottom: 20px;
}

div.topButtonsDiv a.save, div.topButtonsDiv a.return, div.topButtonsDiv a.orders, div.bottomButtonsDiv a.save, div.bottomButtonsDiv a.return, div.bottomButtonsDiv a.orders {
	margin: 0 10px;
}

div.bottomButtonsDiv {
	border-top: 2px solid #efefef;
	margin: 20px 0 0 0;
	padding: 10px 0;
}

div.topButtonsDiv a.save, div.topButtonsDiv a.return, div.topButtonsDiv a.orders {
	margin: 0 10px;
}

/* My Account (Sales Agent) start */

div#divSalesAgentProfile {
	margin-top: 0;
	border: 0px solid #efefef;
	
}

/* My Account (Sales Agent) end */


/* 2.0.1 Product Categories start */
/* Product category repeater */
div#categoriesDiv {
	padding-bottom: 10px;
}

div#categoriesDiv h2 {
	margin-bottom: 10px;
}

div#categoriesDiv div.RadTreeView {
	margin: 0 20px 0 20px;
	overflow: auto;
}

div#categoriesDiv div.RadTreeView a.rtIn {
	text-transform: capitalize;
	font-family: Arial;
	border: 0;
	margin-left: 1px;
	letter-spacing: 1px;
}

div#categoriesDiv div.RadTreeView div.rtHover a.rtIn {
	background: transparent url("/Client/Media/skins/Default/Default.MainMenuBg_hover.gif") repeat-x 0 0;
	color: #00497b;
	border: 1px solid #b3b3b3;
}

div#categoriesDiv div.RadTreeView div.rtSelected a.rtIn {
	background: transparent url("/Client/Media/skins/Default/Default.MainMenuBg.gif") repeat-x 0 0;
	color: #00497b;
	border: 1px solid #b3b3b3;
}


/* Categories page category repeater */
fieldset#blockCategories, div#blockCategories {
	border-top: 1px solid #787878 !important;
	border-left: 1px solid #787878 !important;
	float: left;
	overflow: visible !important;
	border: 0 !important;
}

span#categoryPara {
	text-transform: capitalize;
}

div.categoryDiv {
	/* Repeated category divs */
	background-color: #fff;
	width: 138px;
	height: 158px;
	border-right: 1px solid #787878;
	border-bottom: 1px solid #787878;
	border: 0;
	text-align: center;
}

div.categoryDiv div.imageDiv {
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

div.categoryDiv span {
	position: relative;
	top: 7px;
	width: 138px;
	display: block;
	text-align: center;
}

div.categoryDiv span.categoryDescription {
	font-size: 16px;
	font-family: Georgia;
	text-transform: capitalize;
}

div.categoryDiv span.categoryDescription2 {
	font-size: 12px;
	text-transform: capitalize;
	color: #787878;
}

/* Active Orders box - start (this box is included from other pages) */
div#activeOrderDivPanel {
	margin: 5px 0;
}

div#activeOrderDiv {
	/* 	background-color: #f8f8f8; */
	margin: 10px 0;
}

div#activeOrderHeader {
	/* Active order box header container - contains title and order number (if exists) */
	color: #000;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0 2px 10px;
	margin: 0 10px;
	background-color: #efefef;
	padding: 10px 5px;
	margin: 0;
}

span#txtActiveOrderHeading {
	/* Active order heading */
	font-size: 18px;
	font-family: Georgia;
	font-weight: normal;
}

label.lblActiveOrderNo {
	/* Active order number label */
	font-size: 12px;
}

span#txtActiveOrderNo {
	/* Active order number */
	font-size: 12px;
}

div#activeOrderInner {
	/* Active order inner area */
	padding: 15px 0;
	text-align: center;
	border-top: 0px solid #efefef;
	border-right: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
	border-left: 3px solid #efefef;

}

div#activeOrderInner fieldset.activeOrderRepeater, div#activeOrderInner div.activeOrderRepeater {
	padding-left: 10px;
	text-align: left;
}

div#activeOrderInner fieldset.activeOrderRepeater > div {
	float: none;
}


span#activeOrderRecently {
	/* Active order recently added text */
	color: #787878;
	display: block;
}

div#activeOrderInner span.formText {
	/* Active order inner area values */
	font-size: 12px;
}

div#activeOrderInner span.formText {
	/* Active order inner area values */
	font-size: 12px;
}

div#activeOrderTotals {
	/* Active order totals */
	border-bottom: 0px solid #ccc;
	border-top: 2px solid #efefef;
	padding: 10px 0 10px 0;
}

div#activeOrderTotals label, div#activeOrderInner label {
	/* Active order totals labels and values */
	width: 100px;
	display: inline-block;
	text-align: left;
	color: #787878;
	white-space: nowrap;
}

div#activeOrderTotals label {
	font-weight: bold;	
	color: #787878;
}

div#activeOrderTotals span#txtTotalQuantity, div#activeOrderTotals span#txtTotalPrice, div#activeOrderInner span {
	/* Active order totals labels and values */
	width: 80px;
	display: inline-block;
	text-align: right;
}

div#activeOrderTotals span#txtTotalQuantity, div#activeOrderTotals span#txtTotalPrice {
	/* Active order totals labels and values */
	font-weight: bold;	
}

div#activeOrderInner span#txtEmptyBasket {
	/* Active order inner area values */
	width: 100px;
	text-align: left;
}

a#viewOrder {
	/* Active order view order link */
	color: #000;
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia;
	margin: 0 auto;
}

a:hover#viewOrder {
	color: #00497b;
}

.orderClosed {
	color: red;
	font-weight: bold;
	line-height: 30px;
}

.closedOrderWarning {
	border: 2px dashed #ccc;
	padding: 10px 15px;
	color: #666;
	margin: 3px 0 10px 0;
	float: left;
}

.closedOrderWarning #btnCreateNewOrder {
	visibility: hidden;
}

/* Active Orders box - end */
/* 2.0.1 Product Categories end */

/* Product details box - start */
div#productDetailsDiv {
}

div#itemDiv .clearBoth {
	clear: left;
}

div#productDetailsDiv div.productImgDiv, div#itemDiv div.productImgDiv {
	/* Product information image container */
	border: 0px solid #efefef;
	float: left;
	margin: 0 20px 20px 0;
	padding: 10px 10px 0 10px;
	text-align: center;
}

div#productDetailsDiv div.productImgDiv img {
}

div#productDetailsDiv div.productImgDiv span, div#itemDiv div.productImgDiv span {
	/* Product information image label */
	clear: both;
	display: block;
	font-size: 12px;
	text-align: left;
	margin: 10px 0 -10px 0;
}

div#productDetailsDiv #productInfo, div#itemDiv #productInfo {
	/* Product information details area */
	display: block;
	float: left;
	margin: 20px;
}

div#productDetailsDiv #productInfo span, div#productDetailsDiv #productInfo label, div#itemDiv #productInfo span, div#itemDiv #productInfo label {
	/* Product information details labels & values */
	letter-spacing: 1px;
	font-size: 14px;
}

div#productDetailsDiv #productInfo label, div#itemDiv #productInfo label {
	/* Product information details labels */
	color: #787878;
	padding-right: 5px;
	text-align: right;
	width: 180px;
	display: inline-block;
}

div#productDetailsDiv #productInfo span, div#itemDiv #productInfo span {
	/* Product information details values */
	font-weight: bold;
}

div#itemDiv #productInfo span[id^="txtCurrency"] {
	margin-left: 3px;
}

div.configDiv {
	/* Configuration area for products */
	display: block;
	clear: both;
	margin: 5px 0;
}

div.configDiv input.cpoinput {
	width: 155px !important;
}

div.configDiv div.RadPicker {
	width: 160px !important;
}

div.RadPicker input {
	margin-bottom: 0;
}

div.RadPicker table.rcTable {
	width: 158px !important;
}

div.RadPicker td a.rcCalPopup{
	left: 3px;
	top: 1px;
}

div#simpleDiv, div#divTotalPriceConfig {
	width: 100%;
}

div#divTotalPriceConfig a, div#divTotalPriceConfig span, div#divTotalPriceConfig input, div#simpleDiv a, div#simpleDiv span, div#simpleDiv input {
	margin: 0;
	display: block;
	float: left;
}

div#divTotalPriceConfig span, div#divTotalPriceConfig input, div#simpleDiv span, div#simpleDiv input {
	margin-left: 7px;
}

table#configItemTable {
	/* Configurable item variants table */
	margin: 0 0 10px 0;
	width: auto;
}

table#configItemTable .tableHeaderRow td {
	/* Configurable item variants table header */
}

table#configItemTable .configTd {
	/* Configurable item variants table cells */
	height: 20px;
	padding: 3px;
	font-family: Arial !important;
}

table#configItemTable .configTd {
	/* Configurable item variants table cells */
	height: 20px;
	padding: 3px;
	font-family: Arial !important;
}

div#divAlreadyAdded {
	margin-left: 10px;
}

.RadComboBox_Default .rcbInputCell .rcbInput {
	font-family: Arial !important;
}

div.totalPrice span#inputQuantity_wrapper, div.totalPrice span#inputSimpleQuantity_wrapper {
	/* Margin to left of Rad input quantity field */
	margin-left: 5px;
}

.btnAssortment {
	margin: 0 10px 0 10px;
}

.inputQuantity {
	width: 35px;
	text-align: right;
}

/* Matrix styles for the Sales Agent Portal have been added to the Matrix 'trimit' skin */

/* Product details box - end */


/* 2.0.3 Product Edit start */
div#configDiv a#btnBackToOrderConfig, div#configDiv a#btnSaveChangesConfig {
	/* Provides some horizontal space between the buttons */
	margin-left: 5px;
}

/* 2.0.3 Product Edit end */

/* Order pages start */
div.leftMenuDiv div#divOrdersSubMenu a {
	margin: 3px 0 0 25px;
}

div.subMenuDiv a.leftMenuLink {
	display: block;
	margin: 10px 0 10px 25px !important;
}

div#orderInfo {
	background-color: #efefef;
	margin-bottom: 10px;
}

div#orderInfo label, div#orderInfo span {
	display: inline-block;
	margin-bottom: 0;
}

/* Order pages menu start */
div#orderNavigation {
	border-bottom: 0px solid #efefef;
	height: 44px;
	position: relative;
	display: block;
	margin-bottom: 20px;
}

div#orderNavigation ul#phasetabs {
	float: left;
	margin: 20px 0 20px 20px;
}

div#orderNavigation li.menuItem {
	display: inline-block;
	margin-right: 1px;
	float: left;
}

div#orderNavigation li.menuItem a, div#orderNavigation li.menuItem span {
	display: block;
	padding: 10px 20px 10px 5px;
	background-color: #efefef;
	color: #000;
	width: 83px;
	text-align: left;
	font-size: 12px;
}

div#orderNavigation li.menuItem a {
	background: #efefef url("/Client/Media/Skins/Default/Icons/arrowRightLong.png") no-repeat 86px center;
}


div#orderNavigation li.menuItem a:hover {
	background: #e5e5e5 url("/Client/Media/Skins/Default/Icons/arrowRightLong_hover.png") no-repeat 86px center;
	color: #00497b;
}

div#orderNavigation li.horzMenuActive a {
	background: #d4d4d4 url("/Client/Media/Skins/Default/Icons/arrowRightLong_hover.png") no-repeat 86px center;
	color: #00497b;
}

div#orderNavigation li.horzMenuActive span {
	background-color: #d4d4d4;
	color: #00497b;
}


div#orderNavigation a.back, div#orderNavigation a.next, div#orderNavigation a.submit, div#orderNavigation a.saveAndExit, div#orderNavigation a.openAsPdf {
	text-decoration: underline;
	color: #000;
	padding: 3px 0;
	height: auto;
	top: 6px;
}

div#orderNavigation a:hover {
	color: #00497b;
}

div#orderNavigation a.back {
	position: absolute;
	right: 181px;
	top: -15px;
	background: Transparent url("/Client/Media/Skins/Default/Icons/arrowLeftLong.png") no-repeat 0 1px;
	padding-left: 22px;
}

div#orderNavigation a.back:hover {
	background: Transparent url("/Client/Media/Skins/Default/Icons/arrowLeftLong_hover.png") no-repeat 0 1px;
}

div#orderNavigation a.next {
	position: absolute;
	top: -15px;
	right: 112px;
	background: Transparent url("/Client/Media/Skins/Default/Icons/arrowRightLong.png") no-repeat right 1px;
	padding-right: 24px;
}

div#orderNavigation a.next:hover {
	background: Transparent url("/Client/Media/Skins/Default/Icons/arrowRightLong_hover.png") no-repeat right 1px;
}

div#orderNavigation a.submit {
	position: absolute;
	right: 112px;
	top: -15px;
	background: Transparent url("/Client/Media/Skins/Default/Icons/tick.png") no-repeat right 1px;
	padding-right: 40px;
}

div#orderNavigation a.submit:hover {
	background: Transparent url("/Client/Media/Skins/Default/Icons/tick_hover.png") no-repeat right 1px;
}

div#orderNavigation a.saveAndExit {
	position: absolute;
	right: 1px;
	top: -15px;
	background: Transparent url("/Client/Media/Skins/Default/Icons/folder.png") no-repeat right 0;
	padding-right: 25px;
}

div#orderNavigation a.saveAndExit:hover {
	background: Transparent url("/Client/Media/Skins/Default/Icons/folder_hover.png") no-repeat right 0;
}

div#orderNavigation a.openAsPdf {
	position: absolute;
	top: -25px;
	right: -1px;
	background: Transparent url("/Client/Media/Skins/Default/Icons/print.png") no-repeat right 0;
	padding-right: 25px;
}

div#orderNavigation a.download {
	position: absolute;
	top: -10px;
	right: -1px;
}

div#orderNavigation a.openAsPdf:hover {
	background: Transparent url("/Client/Media/Skins/Default/Icons/print_hover.png") no-repeat right 0;
}

/* Order pages menu end */

div#orderQuickEntry {
	display: block;
	clear: left;
	margin: 20px 0;
	padding: 5px 10px;
}

div#orderQuickEntry input.cpoinput {
	height: 15px;
}

div#orderQuickEntry p.productNotFound {
	color: #f00;
}

div#orderNavBottom {
	position: relative;
	margin: 30px 0;
	text-align: right;
	border-top: 0px solid #efefef;
	padding: 6px 0;
	clear: left;
}

div#orderNavBottom a.back, div#orderNavBottom a.next, div#orderNavBottom a.submit, div#orderNavBottom a.saveAndExit, div#orderNavBottom a.openAsPdf {
	position: absolute;
	text-decoration: underline;
	color: #000;
	padding: 3px 0;
	height: auto;
}

div#orderNavBottom a:hover {
	color: #00497b;
}

div#orderNavBottom a.back {
	right: 181px;
	background: Transparent url("/Client/Media/Skins/Default/Icons/arrowLeftLong.png") no-repeat 0 1px;
	padding-left: 22px;
}

div#orderNavBottom a.back:hover {
	background: Transparent url("/Client/Media/Skins/Default/Icons/arrowLeftLong_hover.png") no-repeat 0 1px;
}

div#orderNavBottom a.next {
	right: 112px;
	background: Transparent url("/Client/Media/Skins/Default/Icons/arrowRightLong.png") no-repeat right 1px;
	padding-right: 24px;
}

div#orderNavBottom a.next:hover {
	background: Transparent url("/Client/Media/Skins/Default/Icons/arrowRightLong_hover.png") no-repeat right 1px;
}

div#orderNavBottom a.submit {
	position: absolute;
	right: 112px;
	background: Transparent url("/Client/Media/Skins/Default/Icons/tick.png") no-repeat right 1px;
	padding-right: 40px;
}

div#orderNavBottom a.submit:hover {
	background: Transparent url("/Client/Media/Skins/Default/Icons/tick_hover.png") no-repeat right 1px;
}

div#orderNavBottom a.saveAndExit {
	right: 1px;
	background: Transparent url("/Client/Media/Skins/Default/Icons/folder.png") no-repeat right 0;
	padding-right: 25px;
}

div#orderNavBottom a.saveAndExit:hover {
	background: Transparent url("/Client/Media/Skins/Default/Icons/folder_hover.png") no-repeat right 0;
}

div#orderNavBottom a.openAsPdf {
	right: -1px;
	background: Transparent url("/Client/Media/Skins/Default/Icons/print.png") no-repeat right 0;
	padding-right: 25px;
}

div#orderNavBottom a.openAsPdf:hover {
	background: Transparent url("/Client/Media/Skins/Default/Icons/print_hover.png") no-repeat right 0;
}

/* 2.1 Edit Order page */

div#orderContentDiv table.orderEditConfig, div#orderContentDiv table.orderEditMatrix, div#orderContentDiv table#orderEditDetails {
	margin-bottom: 0;
	table-layout: fixed;
	padding-left: 0;
	padding-right: 0;
}



div#orderContentDiv table.cpoRepeaterTable tbody tr.tableHeaderRow, div#orderContentDiv table.cpoRepeaterTable thead tr.tableHeaderRow,
div#submitOrderDetails table.cpoRepeaterTable tbody tr.tableHeaderRow, div#submitOrderDetails table.cpoRepeaterTable thead tr.tableHeaderRow {
	font-weight: bold;
	color: #444;
}


div#orderContentDiv table.cpoRepeaterTable td.expandCol {
	width: 5%;
}

div#orderContentDiv table.cpoRepeaterTable td.pictureCol {
	width: 10%;
	text-align: center;
}

div#orderContentDiv table.cpoRepeaterTable td.productNoCol {
	width: 10%;
	text-align: left;
}

div#orderContentDiv table.cpoRepeaterTable td.nameCol {
	width: 24%;
	text-align: left;
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}

div#orderContentDiv table.cpoRepeaterTable td.quantityCol {
	width: 5%;
	text-align: center;
}

div#orderContentDiv table.cpoRepeaterTable td.quantityCol input {
	width: 20px;
}



div#orderContentDiv table.cpoRepeaterTable td.unitPriceCol {
	width: 10%;
	text-align: right;
}

div#orderContentDiv table.cpoRepeaterTable td.lineAmountCol {
	width: 10%;
	text-align: right;
}

div#orderContentDiv table.cpoRepeaterTable td.lineDiscountCol {
	width: 10%;
	text-align: right;
}

div#orderContentDiv table.cpoRepeaterTable td.lineDiscountCol span[id^="ValidateRange"] {
	/*
	position: relative;
	right: 100px;
*/
}

div#orderContentDiv table.cpoRepeaterTable td.editCol {
	width: 8%;
	text-align: center;
}

div#orderContentDiv table.cpoRepeaterTable td.deleteCol {
	width: 8%;
	text-align: center;
}

/*  Tried to use this technique instead of display: none; so that screen readers can access the contents, but IE7 fails...
.bToggle {
	position: absolute;
	left: -9999px;
}

.showHide {
	position: inherit;
}
*/


.bToggle {
	/* Use this technique instead of display: none; so that screen readers can access the contents */
	display: none;
}

/* for non-IE browsers - IE style in salesAgentIE.css (this is due to an incorrect rendering in IE of jQuery */

.showHide {
	display: table-row;
}
#defaultLoadingPanel {
	background-color: #fff;
}

span.configTypeHeadline {
	color: #787878;
	font-weight: bold;
}

span.configTypeName {
}

div#orderContentDiv table.innerTableConfig td {
	padding: 2px 5px 2px 5px;
	display: inline-block;
	width: 5%;
}

div#submitOrderDetails table.innerTableConfig td {
	padding: 2px 5px 2px 5px;
	display: inline-block;
	width: 5%;
}

div#editOrderDiv table.innerTableConfig td {
	text-align: left !important;
}

/* 2.1a Order details page */
div#detailsContainer {
	padding: 10px 0;
}

/*
div#detailsContainer label {
	width: 160px;
	text-align: right;
	color: #787878;
	margin: 0 10px 5px 0;
	display: block;
	float: left;
}

div#detailsContainer span {
}
*/
div#detailsContainer textarea.textMultiline {
	width: 350px;
}

/*
div#detailsContainer span {
	text-align: left;
}


div#divOrderDetails > label {
	display: inline-block;
	width: 200px;
	margin: 3px 0;
}

label.lblSelOrderType {
	display: inline-block;
	margin: 3px 0;
}

*/

/* 2.2 Customer page */
div#alternativeDelivery div.RadComboBox {
	width: 154px !important;
	margin: 0 0 5px 0;
}

div#customerDiv input.cpoinput[id^="delivery"] {
	border: 1px solid grey;
	color: #000;
}

div#customerDiv .deliveryAddress {
}


div#customerDiv div#divDeliveryAddress {
	padding: 0 0 10px 0;
}

/* COLOUR NOT WORKING !!!!!!!!!!!!!!!! 
input[disabled="disabled"] {color:green !important; background-color:lime;}
*/

/* LOD */
div.RadComboBoxDropDown {
	border: 1px solid #ababab;
	text-transform: capitalize;
}

div.RadComboBoxDropDown li {
	background-color: #fff;
}

div.RadComboBoxDropDown li:nth-child(odd) {
	background-color: #efefef;
}

div.RadComboBoxDropDown li:hover {
	background-color: #d4d4d4;
	color: #00497b;
}


.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.RadComboBox_Default, .RadComboBox_Default .rcbInput, .RadComboBoxDropDown_Default {
	color: #000 !important;
}
	
span.altDeliveryCode {
}

/* 2.3 Submit Order page */
div#orderDetails {
	/*background-color: #f8f8f8;*/
	padding: 0;
	white-space: nowrap;
}

div#orderDetails div.address {
	/* Each address block - customer, billing & delivery */
	float: left;
	display: inline-block;
	min-height: 230px;
	margin-left: 20px;
	width: 180px;
}

div#orderDetails div.address1 {
	clear: left;
	/* Customer & delivery */
}

div#orderDetails div.address h2 {
	margin: 0 0 0 0;
}

div#orderDetails div.address3 {
	/* Billing */
}

div#orderDetails div#deliveryAddressDiv {
	/* Billing Address block - set to make total width of 100% */
	width: 33%;
}

div#orderDetails div.address span.addressLine, div#orderDetails div.address a.addressLine, div#orderDetails div.address .cpovalue {
	display: block;
	margin: 2px 0 2px 10px;
	height: 14px;
}

div#orderDetails div#customerOrderInfoLeft, div#orderDetails div#customerOrderInfoRight {
	float: left;
	width: 49.999%;
	padding: 10px 0;
	border: 0;
	margin: 0;
	border-top: 2px solid #efefef;
}

/*
div#orderDetails label.indentlabel, div#customerDiv label.indentLabel {
	width: 150px;
	text-align: left;
	margin-left: 21px;
	font-size: 11px; NOTE: Check size here!!! 
	color: #787878;
}


div#orderDetails span.formText, div#orderDetails span.cpovalue {
	width: 200px;
	text-align: left;
	margin-left: 21px;
	font-size: 11px; NOTE: Check size here!!! 
}
*/
/* Submit order page and confirmation page order details table */
div#submitOrderDetails table.cpoRepeaterTable td {
	text-align: center;
}


div#submitOrderDetails table#outerTable td.alignLeft {
	text-align: left;
}


div#submitOrderDetails table.innerTableConfig td {
	text-align: left !important;
}

div#submitOrderDetails table.orderEditConfig, div#submitOrderDetails table.orderEditMatrix {
	margin-bottom: 0;
	table-layout: fixed;
	padding-left: 0;
	padding-right: 0;
}

div#submitOrderDetails table.cpoRepeaterTable td {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}

div#submitOrderDetails table.cpoRepeaterTable td.expandCol {
	width: 5%;
}

div#submitOrderDetails table.cpoRepeaterTable td.pictureCol {
	width: 10%;
	text-align: center;
}

div#submitOrderDetails table.cpoRepeaterTable td.productNoCol {
	width: 15%;
	text-align: left;
}

div#submitOrderDetails table.cpoRepeaterTable td.nameCol {
	width: 25%;
	text-align: left;
}

div#submitOrderDetails table.cpoRepeaterTable td.quantityCol {
	width: 10%;
	text-align: center;
}

div#submitOrderDetails table.cpoRepeaterTable td.unitPriceCol {
	width: 10%;
	text-align: right;
}

div#submitOrderDetails table.cpoRepeaterTable td.lineDiscountCol {
	width: 10%;
	text-align: right;
}

div#submitOrderDetails table.cpoRepeaterTable td.lineAmountCol {
	width: 15%;
	text-align: right;
	padding-right: 20px;
}

/* 2.4 Order Confirmation page */

.orderInfoPlaceholder {
	display: none;
	height: 26px;
	width: 100%;
}

div#divOrderConfirmationMessage {
	display: block;
	background-color: #f8f8f8;
	padding: 10px 0;
}

div#divOrderConfirmationMessage span {
	margin: 10px 0 20px 20px;
}

div#divOrderConfirmationMessage label {
	margin: 0 0 0 20px;
}

div#divConfirmationSubMenu a {
	display: block;
	margin: 0 10px 2px 25px;
}


/* Order pages end */

/* 3.0 History page */
div#customerHistoryDiv h2 {
}

div#customerHistoryDiv label, div#portalsContent img[id^="chart"], div#customerHistoryDiv span.currency {
	margin-left: 10px;
}

div#customerHistoryDiv span.currency {
	color: #787878;
}


/* 3.3 Account Statement page */
div#divAccountSelection {
	background-color: #efefef;
	padding: 15px 10px;
}

table#accountStatementsTable {
	border-top: 15px solid #efefef;
	border-bottom: 10px solid #efefef;
}

table#accountStatementsTable td.colOdd {
	background-color: #f8f8f8;
}

table#accountStatementsTable td.colEven {
	background-color: #fff;
}

table#accountStatementsTable tr.orderEditHeader td {
	border-bottom: 3px solid #efefef;
}

table#accountStatementsTable tr.tableFooterRow {
	display: none;
}

div.RadPicker {
	margin: 0;
}

div#divOrderDetails > div.RadPicker, div#actionButtonsDiv div.RadPicker {
	margin-left: 0;
}

input#inputOverdueEntries {
}
/* Testing */

div#editOrderDiv, div#customerDiv, di#OrderNavigation, div#orderNavBottom {
	width: 100%;
}


div.themeSelects {
	position: relative;
}

div.themeSelects span, div.themeSelects select {
	margin-left: 25px;
}
p.selectOrderType 
{
    margin: 10px;
    display: block;
}

/* Validation summary margin override */
.cpoValSum {
	margin: 0 0 10px 0 !important;
}

#valSumPanel {
	float: left;
}	

div#actionButtonsDiv, div#customerNotSelected {
	background-color: #efefef;
	border: 0px solid #efefef;
	display: block;
	padding: 15px;
	position: relative;
}

div#customerNotSelected {
	border: 3px solid #d1d1d1;
	padding: 3px 10px 3px 35px;
	background-color: #f8f8f8;
}

div#actionButtonsDiv label {
	width: 140px;
	display: inline-block;
	margin: 0 10px 5px 0;
	text-align: right;
}

div#actionButtonsDiv input {
	width: 50px;
	display: inline-block;
}

div#actionButtonsDiv input[type="checkbox"] {
	width: auto;
}

div#actionButtonsDiv span#txtCalculatedPrice {
	width: 63px;
	margin: 0 0 3px 10px;
	display: inline-block;
	font-weight: bold;
	text-align: right;
}

div#actionButtonsDiv a.calculate {
	/* background image for calculate buttons - button text controls in the PLE */
	background: transparent url("/Client/Media/Skins/Default/Icons/calculator.png") no-repeat right -1px;
	padding: 2px 21px 2px 0;
	text-decoration: underline;
	color: #000;
	display: inline-block;
	text-align: right;
}

div#actionButtonsDiv a.calculate:hover {
	/* background hover image for calculate buttons */
	background: transparent url("/Client/Media/Skins/Default/Icons/calculator_hover.png") no-repeat right -1px;
	color: #00497b;
}

div#actionButtonsDiv a.addtoorder {
	position: relative;
	top: -36px;
	left: 100px;
	margin: 0;
	color: #000;
}

div#actionButtonsDiv a.addtoorder:hover {
	color: #00497b;
}

div#actionButtonsDiv input.cpoinput {
	margin: 0 0 3px 0;
}

div#actionButtonsDiv div.RadComboBox {
	margin: 0px 0 2px 0;
}

div#actionButtonsDiv div.RadPicker {
	margin: 0 0 3px 0;
	padding: 0 !important;
}

div#actionButtonsDiv div.RadComboBox {
	width: 250px !important;
}

div#actionButtonsDiv div.RadComboBox input#selShippingDateCodeDrop_Input {
	width: 230px !important;
	text-transform: capitalize;
	color: #000;
}



/* Matrix overrides - start */
#matrix .matrixLeftW, #matrix .matrixCellX {
	background-color: #efefef !important;
}

#matrix .matrixCellX {
	border-bottom-color: #efefef !important;
	border-right-color: #efefef !important;
	border-left-color: #efefef !important;
}

#matrix .matrixCellY {
	border-bottom-color: #efefef !important;
}

#matrix .matrixTabY {
	border-top-color: #efefef !important;
	border-left-color: #efefef !important;
	border-top-color: #efefef !important;
}

div.matrixTabV div.matrixCell {
	border-bottom-color: #efefef !important;
	border-right-color: #efefef !important;
}

div.matrixLeftW {
	border-right-color: #efefef !important;
}

div.matrixTabY div.matrixCellY {
	border-bottom-color: #fff !important;
	border-top-color: #fff !important;
}


#matrix .matrixActive input {
	background-color: #e6e6e6 !important;
}

div.maxtrixInfoBox {
	border: 0px solid #efefef !important;
	color: #000;
	background-color: #efefef !important;
}
/* Matrix overrides - start */


div#toolbox div#login {
	border-top: 0px solid #efefef;
	border-right: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
	border-left: 3px solid #efefef;
	margin-bottom: 10px;
}