@import url("/baseNew.css");

/*contracts 1011 ROC Mid Ned
update: 20200124
Orange: #ff6000
Light grey: #706862
Dark grey: #4d4742
*/

/******************Body*********************************************/
    
body, div, td, b, a, a:link, a:visited, th, span, input, textarea, button {
   font-family: "Helvetica Neue",Arial, Verdana, Helvetica, sans-serif; }

body {
	margin: 0; 
	text-align: center; 
	padding:0px 0px 0px 30px;
	background: #fff !important;
}

body.embedded {
	padding : 0px; 	
	background: none #fff; 
}

.container {
  	width: 960px; 
	min-height : 480px; 
	height: auto !important; 
	margin-left : auto;	
	margin-right : auto;
 	background: none;
  	text-align: left; 
	border: 0px none #e0e0e0; 
  	padding : 0px;
}

.container#displayErrorMessageContainer, .container#basketNameContainer {background: #fff}

#basketNameTable {
	width: 400px;}

#displayErrorMessageBody .container{
	background: #fff;}

/************************************************************ LINKS **************************************************************/
a:link { 
	text-decoration : none; 
	color: black; }
a:visited { 
	text-decoration : none;	
	color: black; }
a:hover { 
	color: #ff6000; 
	text-decoration : underline; 
	cursor: pointer; }
a:active { 
	outline: none; 
	color: #ff6000; }

input[type=text], input[type=checkbox], input[type=radio], select, textarea {
	background-color: white; 
	border: 1px solid #a0a0a0; 
	border-radius: 3px;	
	padding : 1px; } 

/********************************************************* MAIN PAGE DIV STRUCTURE**********************************************************/

.header {
  	height:80px; 
	background: #ffffff;  
	overflow: hidden; 
  	width: 960px; 
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.headerLogo {
	display: none;
  	width: 400px; 
	margin:6px 10px; 
	float : left; 
	text-align: left;}

.headerMiddle {
  	width: 160px; 
	float : left; }

.headerSecondaryLogo {
 	width :400px; 
	margin: 0 0 0 0; 
	float: right; 
	text-align: right;}
    
.headerSecondaryLogo img {
	display : none;}
    
    
.logo2 {
  	display: none;
}

div.content {
	width : 960px; 
	margin-top: 10px;
	height : auto; 
	min-height: 360px;
}

div.leftColumn, div.rightColumn {
	width: 165px;	
	padding: 0.5em; 
	margin: 0; 
	background: none; 
	border: none; 
	height : auto;}

div.leftColumn {
	float: left; }

div.rightColumn {
	float : right;
	display : none; }

.leftColumn .componentItem, .rightColumn .componentItem {
  	background: transparent; 
	border-radius:0.25em; 
	float: none; 
	width: 155px;
  	margin: 0.5em 0em 0.5em 0em;  
	padding:0px 5px;  
	display: block;}
    
.leftColumn hr {
  	height: 0px;    
	background: transparent; 
	font-size: 0;  
	border: 0;  
	margin : 0.5em 0;}

 .ie .rightColumn .componentItem {
	border: none;
}

.leftColumn .componentItem h4, .rightColumn .componentItem h4{
 	height: auto; 
	padding: 5px 5px; 
	background: none; 
	text-align : left ;
  	font-size : 0.9em ; 
	margin: 0 0 0px -0.5em; 
	text-transform: uppercase; 
 	background: transparent; 
  	color: #ff6000; 
	border: 0px solid #ff6000;
	border-radius: 0.5em; 
	display: block; 
	width: 130px; 
	font-size: 13px;}
	
.leftColumn input, .leftColumn select {
	max-width : 150px; 
	font-size: 0.8em;}
div.leftColumn div.actions {
	margin : 1em 0 0 0;	} 
div.leftColumn div.actions h4 {
	margin : 0em; 
	font-size : 0.8em; }
div.leftColumn div.actions a {
	display : block; 
	padding : 0.25em 0.25em 0.25em 1em; 
	font-size : 0.8em;}
div.leftColumn div.actions input {
	display : block; 
	margin : 0.25em 0.25em 0.25em 1em; 
	font-size : 0.8em;}


.ie .leftColumn .componentItem h4, .ie .rightColumn .componentItem h4{
	width: 150px;}

.leftColumnSection1{
	border: none; 
	margin: 10px 0px 0px -10px; 
	padding: 0px; 
}
.leftColumnSection2{
	border: none; 
	margin: 10px 0px 0px -10px; 
	padding: 0px;
	text-align: left;
}
.leftColumnSection3{
	display: none;
	border: none; 
	margin: 10px 0px 0px -10px; 
	padding: 0px;
}

#loginPageContainer .leftColumnSection3{
	display: block;
	border: none; 
	margin: 10px 0px 0px 0px; 
	padding: 0px;
}

div.rightColumnSection1, div.rightColumnSection2, div.rightColumnSection3{
	border: none; 
	margin: 10px 0px 0px 0px; 
	padding: 0px;
}

/* Error code layer */
.errorLayer {
  	background: #000; 
	color: white; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
  	width: 140px; 
	margin: 1em 5%; 
	border: 0px none; 
	padding-left:5%; 
	padding-right:5%; 
	padding-top:3%; 
	padding-bottom:3%
}
.mainColumn {
  	float : left; 
	width : 760px; 
	border: none; 
	margin: 1em 0px 0px 0px; 
	border: none; 
	background: none; 
	background-color: white; 
	padding: 0.25em;
}
.mainColumnSection1 {
	width: auto; 
	overflow: visible; 
	margin-bottom:0px; 
	display: block; 
	padding: 0px;
}
.mainColumnSection2 {
	width: auto; 
	overflow: visible; 
	margin-bottom:0px; 
	display: block; 
	padding: 0px;
}
.mainColumnSection3 {
	width: auto; 
	overflow: visible; 
	margin-bottom:0px; 
	display: block; 
	padding: 0px;
}
.mainColumnSection3Left  { 
	display: block;  
	width: 49%;  
	float: left;
}
.mainColumnSection3Right  { 
	display: block;  
	width: 49%;  
	float: left;
}

.footer { 
	display: none;
	background: #dcdcdc;  
	color: #606060; 
	font-size: 10px;
	width: auto; 
	height : 16px; 
	padding: 0.5em 0px 0px 0px; 
	margin : 0px 0px 0px 0px; 
	clear: both;
}
	
.submitButton, .leftColumn .submitButton, .button, .button_important {	
	height:  auto;}
.homePageUsername{ 
	display:none;}

/***** Single sidebar, wide left format ****/
div.container#catalogContainer, div.container#customContractContainer, 
div.container#productAdminContainer { 
	background: none; }

	
div#catalogContainer .leftColumn, div#customContractContainer .leftColumn { 
	height : 100%; 
	width : 165px; }
div#catalogContainer .mainColumn, div#customContractContainer .mainColumn { 
	width : 670px; }
div#catalogContainer .leftColumn .leftColumnSection3, div#customContractContainer .leftColumn .leftColumnSection3 {	
	height : 100%; }

/* SWITCH ON THE RIGHT BAR FOR CERTAIN SCREENS FOR BUYERS ONLY */
#homeContainer.userType-user, #orderHistoryContainer.userType-user, #myDetailsContainer.userType-user {
	background-image : none; }

#homeContainer.userType-user .rightColumn, #orderHistoryContainer.userType-user .rightColumn, 
#myDetailsContainer.userType-user .rightColumn {
	display : block; } 

#homeContainer.userType-user .mainColumn, #orderHistoryContainer.userType-user .mainColumn, 
#myDetailsContainer.userType-user .mainColumn {
	width : 600px; }

/* SWITCH OFF LEFT BAR ON HOME FOR ADMINS */
#homeContainer.userType-backend {
	background-image : none; }

#homeContainer.userType-backend div.leftColumn{
	display : none; }

#homeContainer.userType-backend div.mainColumn {
	width : 960px; 
	background: white;
	}


div.container.userType-backend {
	width : 1160px;}
div.container.userType-backend div.header, div.container div.content, div.container div.menu, div.container div.menu table {
	width : 100%;}
div.container.userType-backend div.mainColumn { 
	width : 960px; }
div#catalogContainer.container.userType-backend div.mainColumn { 
	width : 865px; }
div#companyContainer.container.userType-backend {
	width : 1160px;}
div.container#homeContainer.userType-backend div.mainColumn { 
	width : 100%;}
div.container#productAdminContainer.userType-backend div.mainColumn { 
	width : 860px;}
	
/************************************************************** MAIN MENU *******************************************************************/
.menu {
  	text-transform: uppercase ; 
	border: none; 
	width: 960px; 
	height: 34px; 
	background-image: none;
}
div#myDetailsContainer .menu {
	background : #0088cc url('../../../../../../images/base_new/sprite.png') no-repeat 0 0;
}    

.menu table, .menu table tr.menu table tr, .menu table tr td {
  	height: 34px ; 
	background: none ; 
	width: auto ; 
	padding: 2px 7px; 
	text-transform: uppercase ;
}
.menu table {
  	width: 960px ; 
	height: 34px ; 
	margin: 0px; 
	width: 960px ; 
	color: #2e3192 !important; 
	background : #fff;
	border-radius: 0em; 
}

/** For Buyers we can show the curvy bit at the end of the menu **/
/*div.container.userType-user .menu table, div.container.userType-manager .menu table {
    background-color: transparent;}
*/  
.menu table tr td {
 	border-left : none ; 
	width : 85px; 
	vertical-align: top; 
}
.menu table tr td:child {
    border-left : none }
.menu table tr td a, .menu table tr td a:link, .menu table tr td a:visited, .menu table tr td a {
  	text-align: center; 
	text-transform: uppercase ; 
	color: #2e3192; 
	background: none ; 
	display : block;
  	font-size: 12px ; 
	margin: 0px; 
	text-shadow: 0px 0px 0px #59595B; 
	padding: 0px 0px;
	font-weight : bold; 
	cursor : pointer;
  	height : 34px;
}

/** No excess padding on Top Menu for Admin/Backend, to avoid the top menu being too wide **/
div.container.userType-backend .menu table tr td a, div.container.userType-backend .menu table tr td a:link, 
div.container.userType-backend .menu table tr td a:visited, div.container.userType-backend .menu table tr td a {
	padding: 0em 0px 0.9em 0px; 
	margin : 0px 0px 0px 0px; 
	height : 1em; 
}
.menu table tr td a.menuItemHome, .menu table tr td a.menuItemHome:link, .menu table tr td a.menuItemHome:visited {
	background: #fff url(https://www.paragon-ebiz.com/custom/contract1011/logo_ROCMN100.png) no-repeat 50% 50%;
	border-radius: 0.5em;
	height: 60px;
	display: block;	
	text-indent: -9999px; 
	line-height:1px; 
	white-space: nowrap; 
	overflow: hidden; 
	width:100px; 
	padding: 0px 0px 0px 1px; 
	margin-left: -9px;
	margin-top: -30px;
}
	
/** Hide Line Breaks in the menuItemHome to get around French Language elements with BR in them **/
.menu table tr td a.menuItemHome br {
	display : none;}
	
.menu table tr td a.menuItemHome:hover {
	background: #fff url('logo_ROCMN100.png') no-repeat 50% 50%;
}
.menu table tr td a:hover {
 	color: #2e3192; 
	background: #fff;
	border-radius: 0.2em;
	text-shadow: none; 
	text-decoration: none;
}


/*************************************** New Admin Dropdowns ***************************************/
.menu table.adminMenu tr td {
	position : relative; 
	border : 1px solid transparent; 
	padding: 0px 0px; 
	background-image: url(/images/seperator.gif) no-repeat; /** Dirty IE 8 trick **/ 
}
	
.menu table.adminMenu tr td a {
	margin : 0px 0px; 
	background-image: url(/images/seperator.gif) no-repeat;/** Dirty IE 8 trick **/
}

div.container.userType-backend .menu table.adminMenu tr td a, div.container.userType-backend .menu table.adminMenu tr td a:link, 
div.container.userType-backend .menu table.adminMenu tr td a:visited, div.container.userType-backend .menu table.adminMenu tr td a {
	padding: 0.9em 0px 0.9em 0px; 
}
	
.menu table.adminMenu td:hover {
	border-left: 1px solid #D6D6D9;
	border-right: 1px solid #D6D6D9;
	border-top: 1px solid #D6D6D9;
	border-bottom: none;
	background: #FDFDFD url(/images/seperator.gif) no-repeat;
}

.menu table.adminMenu td:hover a, .menu table.adminMenu td:hover a:hover, .menu table.adminMenu td a:hover {
	color: #868689 ; 
	text-shadow: none; 
	background-color: #FDFDFD; 
}

.menu table.adminMenu tr td ul.adminMenu {
	display: none; 
	position: absolute; 
	background-color: white; 
	z-index: 100000; 
	text-align: left; 
	border: 1px solid #D6D6D9; 
	border-top : none; 
	list-style: none; 
	margin : 0px 0px 1em -1px; 
	padding : 0px;
	width : 225px; 
	min-width : 200px; 
	background: #FDFDFD;
	top : 100%; 
	-webkit-box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.75);
	}
	
div.container.userType-user .menu table.adminMenu tr td ul.adminMenu {
	width : 100%;}
	
td.menu table.adminMenu tr td ul.adminMenu {
	font-size : 0.9em; 
	left : 0px;
}

.menu table.adminMenu tr td ul.adminMenu li.adminMenuEntry a.sublink, .menu table.adminMenu tr td ul.adminMenu li.adminMenuEntry a.sublink:link, 
.menu table.adminMenu tr td ul.adminMenu li.adminMenuEntry a.sublink:visited  {
	color: black; 
	text-shadow: none; 
	display: block; 
	text-transform: none; 
	text-align : left; 
	padding : 1.5em; 
	height: auto; 
	white-space: nowrap;
}

.menu table.adminMenu tr td ul.adminMenu li.adminMenuEntry a.sublink:hover {
	display: block; 
	height: auto; 
	background-color: #F0F0F0; 
	text-decoration: underline; 
	display : block;
}

.menu table.adminMenu tr td ul.adminMenu li { }

.menu table.adminMenu tr td ul.adminMenu li:hover {}

.menu table.adminMenu tr td ul.adminMenu li:before {
	content: ''; 
	display:block; 
	width: 75%; 
	height: 0px; 
	border-top: 1px solid #D6D6D9; 
	margin : 0px 12.5% 0px 12.5%;
}

.menu table.adminMenu tr td ul.adminMenu li:first-child:before {
	content: ''; 
	display:block; 
	width: 75%; 
	height: 0px; 
	border-top: 1px solid #FDFDFD; 
	margin : 0px 12.5% 0px 12.5%;
}
/****************************************************************************************************/


/**************************************************** PRINT, SUPPORT & ARCHIVE SIDEBAR LINKS ************************************************/
.supportContainer {
	text-align : center;}

.supportInfo {
	display:none;}

.supportLink, .archiveLink {
	margin : 0px auto 0.5em auto;
	text-align : center; 
	width: 100px; 
	display : block;
	color: black; 
	font-size: 0.8em;
}

.printLink{
	display : none;
}

.sideBarTitle {
	padding-top: 10px; 
	font-weight : bold; 
	font-size : 0.9em; 
	color: black;
	text-align : center; 
	width : 100%;
}

.sideBarBackLink{
	padding-top: 10px; 
	font-weight : bold; 
	font-size : 0.9em;
	color: #211E72; 
	text-align : center; 
	width : 100%;
}

.sideBarBackLink a:hover{
	cursor:pointer;}

.printViewButtons .button{
	width: auto;}

.leftColumnSection1 span, .leftColumnSection2 span, .leftColumnSection3 span {
  	font-size : 0.8em;}


/************************************************************** TABLES*******************************************************************/
.datatable {
	width: 100%; 	
	margin-left : auto; 	
	margin-right : auto; 
	clear:both; 
	border-collapse:collapse;
	border: 1px solid #dcdcdc;
}

.datatable td {
	font-size: 0.8em; 
	color : #404040; 
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding : 0.5em 3px;  
}
.datatable td a:visited {
  	color: black
}
.datatable td a:link {
  	color: black
}
.datatable td .button, .datatable td .submitButton{
	font-size: 0.9em;
}

/** CSS3 settings for row odd / even **/
.datatable .rowOdd td {
  	background: #eee;
}

.datatable .rowEven td  {
   	background: #fafafa; 
}

table.datatable tr td.blank {
	background-color : transparent; 
	text-align: center;
}

.datatable th a:hover {
  	color: white; 
}
   
.datatable th {
	background: #706862 !important;
	border: 1px solid #706862 !important; 
	color : #fff;
}

.datatable th a, .datatable th a:link, .datatable th a:visited {
  	color: white;   
	padding: 5px
}

.datatable thead a:link {
	color: white;
}

.datatable thead a:visited {
	color: white;
}

.datatable th a:hover {
  	color: white;
}

.datatable.listform td:FIRST-CHILD {
	text-align: right; 
	font-weight: bold; 
	margin-right : 0.25em;	
} 


/** Totals are in red **/
.datatable .totalCol, #orderTotalsPrice, #orderTotalPriceCarriage, #orderTotalPriceTotal, #orderTotalsExMessage {
	color: #ff6000;}

table.datatable input.submitButton, table.datatable button.submitButton {
	width : auto; 
	height: auto; 
} 

/************************************************************OLD PROCESS BAR *************************************************************/ 
.processbar {
    display: none
}

/** Form Elements **/
form {
  	margin : 0px;	
}

.dropDownInput, .textareaInput, .textInput{
 	font-size: 11px;  
	background-color: white;  
	border: 1px solid #808080; 
	padding : 1px;
}

.leftColumn .dropDownInput, .leftColumn .textAreaInput, .leftColumn .textInput {
 	font-size: 10px; }

.checkboxInput {}
 
.radioInput {}




/**************************************************** PAGE NAVIGATION, TITLES ************************************************/
.pageHeading{
	padding-top: 0.5em;	
	margin-bottom : 1em;
}

.pageHeadingTitle {
	display: block; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	color: #000000;
	font-size : 1em; 
	text-transform: uppercase;	
	text-align: center; 
	padding : 0.25em; 
	margin : 0 100 0 100;
}
	 
.pageNavLink {
	color: #404040;
}

.pageTitle {
	font-weight : bold; 
	font-size : 1.2em; 
	text-transform: uppercase; 
	color: #000000; 
	text-align : center;
	padding : 0.25em; 
}

.pageNumberDetails {
	background-color: white; 
	margin-top:20px; 
	text-align: center; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size: 0.7em;
}

.pageNumbers{
	background-color: white;
	font-size: 0.7em;
}	

.footnotes {
  	color: #fff; 
	font-size: 0.9em; 
	text-transform: uppercase; 
	font-weight: bold; 
	padding: 0; 
	display: block; 
	text-align: center;
}

.homePageUserName {
  	color: #656565; 
	text-transform: uppercase; 
	margin-bottom: 10px; 
	float: right;
}

.pageHeadingNextLink {
	width : 100px; 
	float: right;
	text-align: right; 
	font-size: 0.8em; 
	margin : -1.75em 0 0 0
}

.pageHeadingBackLink {
	width : 100px; 
	float: left;
	text-align: left; 
	font-size: 0.8em;
	margin : 0.5em 0 0 0
}

.pageNavLink {
	font-size: 0.8em; 
	color: black; 
	text-decoration:none;
  	padding-left : 2px; 
	padding-right : 2px;
}

.pageNumberDetails {
	background-color: white; 
	margin-top:20px; 
	text-align: center; 
	font-weight:bold;
	font-size: 0.8em; 
}

.pageNumbers{
	background-color: white; 
	width:100%; 
	font-size: 0.8em;
}	

.pageNumbersBackLink {
	padding-top: 10px; 
	width : 10%; 
	float: left; 
	color: black;
}

.pageNumbersWrapper {
	padding-top: 10px; 
	font-weight : bold; 
	font-size : 1.0em;
	color: #ff6000; 
	text-align : center; 
	width : 80%; 
	float: left;
}

.pageNumbersNextLink {
	padding-top: 10px; 
	width : 10%; 
	float: right; 
	text-align: right;
}

/** Used for Search Pop-up containers **/
.popup {
  	border : 1px black solid; 
 	background-color : white; 
  	width : 350px;  
 	position : absolute; 
  	display : none; 	
  	color : black;
}

.popup a:link, .popup a:visited  {
  	font-size: 0.8em; 
	color : black;
  	margin-bottom : 2px;
  	text-decoration : none;
}

.popup a:hover {
  	color : navy;
  	text-decoration : underline;
}

.popup h4 {
  	font-size: 80%; 
	color : black;
  	text-align : center;
}

.hidelayer {
  	display : none !important;	
}

.showlayer {
  	display : block !important;	
}


/************************************************************** LOGIN PAGE - INDEX.JSP *******************************************************************/
body.index {
  	text-align : center;
}

#loginPageContainer {
  	text-align : left; 
	width : 800px; 
	height: 634px;
	margin-left : auto;
  	margin-right : auto; 
	border : 0px solid black; 
	background-color : white;
	
}

#loginPageContainer .header {
  	margin-top: 0.5em;
  	background-color: #fff; 
	height : 100px;	
	width: 800px;
	}
	
#loginPageContainer .headerLogo {
	display: block;
}


#loginPageContainer .menu {
  	height : 1em; 
	clear : both;  
	background-color: transparent ; 	
}
#loginPageContainer .leftColumn{
	margin-top: -10px !important;
}
#loginPageContainer .leftColumnSection1 div label{
  	display : block; 
	color: #fff;
	font-size : 0.9em; 
	font-weight : bold; 
}

#loginPageContainer .leftColumnSection1 div input{
  	font-size : 0.9em; 
	border-radius: 0.5em;
}

#loginPageContainer .mainColumn {
  	width : 515px; 
	float : left; 
	padding-left : 3.5em; 
	border : 0px none;   
  	background-color:transparent;
}
#loginPageContainer div.content {
	width : 800px; 
}   
#loginPageContainer .mainColumn .pageTitle {
	font-size : 1.4em; 
	color: #ff6000;
	padding : 0em 0em 1.5em 0em;
}

#loginPageContainer .mainColumnSection1 {
text-align : center;
	font-size : 1em; 
	color: #404040;
 }

#loginPageContainer .mainColumn .mainColumnSection3 {}

#loginPageContainer .leftColumnSection2 {
	text-align : center;
}

#loginPageContainer input.textInput {
	width : 120px;
}

#loginPageContainer {
	background-color:transparent; 
	border : 0px none white;
}

#loginPageContainer .content {
	height : 330px; 
	background-color: white;
}

#loginPageContainer .leftColumn, #loginPageContainer .rightColumn {
	width : 140px; 
	font-size: 0.9em;
}

#loginPageContainer .leftColumnSection1 {
	margin : 5em 0em 0em 0.5em;}

#loginPageContainer .leftColumn {
	width : 140px; 
	float : left; 
	text-align : center; 
	color : #fff; 
	background-color : #007AC9; 
	margin : 0px 0px 0px 0px; 
	height : 150%;
	border-radius: 0.5em;
	box-shadow: 11px 15px 15px #888 !important;
}

#loginPageContainer .leftColumnSection1 div{
	margin-top : 2.5em; 
	text-align : left;
}

#loginPageContainer .leftColumnSection3 {
	height: 306px; 
	width: 150px; 
}

#loginPageContainer .menu, #loginPageContainer hr, #loginPageContainer .vertline {
	display:none; 
}

#loginPageContainer .sblink{
	font-size: 0.9em; 
}

#loginPageContainer .message{
  	font-size: 0.7em; 
	color: #fff; 
	font-weight: bold;
}

#loginpagecontainer .button{
  	color: #2E3192 !important; 
  	background:#fff !important;
	border: solid 1px #fff !important;
	height: 25px; 
	width: 115px; 
	border-radius: 0.5em; 
	display: block ; 
  	line-height: 19px ; 
	text-align: center ; 
	padding-left: 5px ; 
	font-size: 11px;
}
#loginpagecontainer .button:hover{
	color: #fff !important; 
  	background:#2E3192 !important;
	border: solid 1px #2E3192 !important;
	height: 25px; 
	width: 115px; 
	border-radius: 0.5em; 
	display: block ; 
  	line-height: 19px ; 
	text-align: center ; 
	padding-left: 5px ; 
	font-size: 11px;
}
#loginPageContainer .leftColumn a {
	color: #fff; 
	font-size: 0.75em; 
}/***the following elements are for the new index style****/

#loginPageContainerDefault{	
  	background-color : white;  
	max-width: 1600px;  
	width: 100%;
  	position: absolute;  
	top: 0px;  
	bottom: 0px; 
	margin: 0px 0px 0px -30px;
}

#loginPageContainerDefault .header {
  	background:url(images/headerpadding.png) repeat-x;
  	height : 62px;  
	max-width: 1600px;  
	width : auto; 
}

#loginPageContainerDefault .logo {
  	background:url(images/header.png) no-repeat left top;
  	height : 62px; 
}

#loginPageContainerDefault .middle {
	max-width: 1600px;
}

#loginPageContainerDefault .middleLeft {
 	width: 50%;
  	float: left;
  	display: inline; 
  	height: 550px;
}

#loginPageContainerDefault .middleLeftContent {
  	width: 100%;
  	background:url(images/indexpageimage.png) no-repeat center center;
  	height: 550px;
}

#loginPageContainerDefault .middleRight {
  	width: 49%;
  	float: right;
  	display: inline;
  	height: 550px;
}

#loginPageContainerDefault .middleRightContent {
  	height: 550px;
  	margin-top:25px;
  	width: 70%;
  	margin-left: auto;
  	margin-right: auto;

}

#loginPageContainerDefault .middleRightLogo {
  	background:url(images/PEPNewLogo_small.png) no-repeat left center;
  	height : 122px;
  	margin-left: 100px;
}

#loginPageContainerDefault #loginform label {
	width: 100px;
	text-align: left;
	display: block;
	font-weight: bold;
	font-size: 1.0em;
}

#loginPageContainerDefault #loginform {
  	margin-top: 50px;
  	margin-left: 100px;
}

#loginPageContainerDefault #loginform .textInput {
  	width: 150px;
  	float:left;
  	height:25px;
  	font-size:12pt;
}

#loginPageContainerDefault #loginform #username, #loginPageContainerDefault #loginform #password {
 	width: 300px;
	clear:both;
	height: 60px;
}

#loginPageContainerDefault #loginform #password {
  	height:90px;
}

#loginPageContainerDefault #loginform #forgotPasswordRow, #loginPageContainerDefault #loginform #submitRow {
  	width: 300px; 
	clear:both; 
	height:45px;
}

#loginPageContainerDefault #loginform #messageRow{
	text-align : left; 
	clear: both; 
	color: red; 
	display: block; 
	font-size: 9pt; 
	margin: 2em 0 0.5em;
}

#loginPageContainerDefault #loginform #submitRow button {
   	font-size: 0.8em; 
	padding: 5px 20px 5px 20px; 
	background-color: #1c0e63;
  	color: white; 
	float:left; 
	font-weight: bold; 
	margin-bottom: 10px;
}

#loginPageContainerDefault #loginform #forgotPasswordRow a {
  	float:left; 
	font-size: 0.8em;
  	font-style: italic; 
	text-decoration: underline;
}

#loginPageContainerDefault .footer {
  	font-size: 55%; 
	color: #808080; 
	max-width: 1600px;}

#loginPageContainerDefault #passwordInstructions {
  	font-size: 1.0em; 
	margin-left: 100px; 
	margin-top: 50px; 
	text-align:left;
  	font-weight: bold;}

#loginPageContainerDefault #PasswordForm label {
  	width: 100px; 
	text-align: left; 
	display: block; 
	font-weight: bold; 
	font-size: 1.0em;
}

#loginPageContainerDefault #PasswordForm {
  	margin-top: 30px;  
	margin-left: 100px;
}


#loginPageContainerDefault #PasswordForm .textInput {
  	width: 150px; 
	float:left; 
	height:25px; 
	font-size:12pt;
}

#loginPageContainerDefault #PasswordForm #username,#loginPageContainerDefault #PasswordForm #submitRow {
  	width: 300px;   
	clear:both;   
	height:60px;
}

#loginPageContainerDefault #PasswordForm #submitRow button {
  	font-size: 0.8em;   
	padding: 5px 20px 5px 20px;   
	background-color: #1c0e63;
  	color: white;   
	float:left;   
	font-weight: bold;   
	margin-bottom: 10px;
}

#loginPageContainerDefault div#adminIndexMessage, #loginPageContainer div#adminIndexMessage {
	text-align: left; 
	font-size: 1.1em; 
	font-style: italic;
	font-weight: bold;
}

#loginPageContainerDefault div#adminIndexMessage p, #loginPageContainer div#adminIndexMessage p {
	background-image: url('/images/base_new/cogs3_small.png'); 
	background-repeat: no-repeat; 
	background-position: top left;
	text-indent: 60px; 
	height : 40px; 
	padding-top : 10px; 	
}
	
#loginPageContainer div#adminIndexMessage p {
	text-indent: 0px; 
	padding-top : 45px;
}

/************************************************************** HOME PAGE - SCREEN02 *******************************************************************/
#adminFunctionsTable{
	width : 600px; 
	font-size: 0.9em; 
	margin-top : 2em; 
	margin-left: auto; 
	margin-right: auto;
 }
 
#adminFunctionsTable th {
  	text-align : left; 
	padding-left : 0.25em;
}

#adminFunctionsTable td{
  	padding : 0.25em;
}

.homePageUsername {
	padding-top: 1em; 
	padding-left: 1em; 
	text-align: left; 
	font-size: 1em;
 }

.homePageMessage {
 	text-align: center;
	padding-left: 11em;  }
 
 .homePageMessage table {
 	margin-left: auto; 
	margin-right: auto;
 }
 
 #homeContainer {
 	text-align: center;

 }
 
 #homeContainer .datatable {
  	margin-left : auto; 
	margin-right : auto; 
	padding-top : 1px; 
	padding-left : 2px; 
	padding-right : 2px;   
 }
 
 #homeContainer #customisableOrdersTable .internalrefCol, #homeContainer #customisableOrdersTable .ponoCol, 
 #homeContainer #customisableOrdersTable .dateCol {
 	text-align: center;
 }
 #homeContainer #customisableOrdersTable .totalCol {
 	text-align: right;
 }
 #homeContainer #customisableOrdersTable .scr02actionCol {
  	text-align: center;
 }
 
 #artworkPendingToolbar {
 	float: left; 
	padding-left: 5%;
 }
 
 #homeContainer .pageTitle {
 	padding-top: 50px;
 }

.homePageMessage {
  	width : 600px;  
	margin-left : -25px;  
	margin-right : auto;	
}

.homePageMessage p, .homePageMessage b, .homePageMessage i, .homePageMessage a:link, 
  .homePageMessage a, .homePageMessage td, .homePageMessage li{
  	font-size : 11px;
}

.homePageMessage h1 {font-size : 1.3em;}
.homePageMessage h2 {font-size : 1.2em;}
.homePageMessage h3 {font-size : 1.1em;}
.homePageMessage h4 {font-size : 1.0em;}
.homePageMessage h5 {font-size : 0.9em;}
.homePageMessage h6 {font-size : 0.8em;}

 #homeContainer div.leftColumn, div.rightColumn {
	display: none;	}
 #homeContainer .mainColumn{
	 width: auto !important;}

/************************************************************** CATALOGUE PAGE - SCREEN03 *******************************************************************/

#catalogContainer .leftColumn .leftColumnSection3 {	
display: block;
height : 100%; }
#catalogContainer #catalogTable { width: 100%; }

#catalogContainer .leftColumn .componentItem { width : 180px; }
#catalogContainer .leftColumn .componentItem h4 { width : 145px; }

#catalogContainer #catalogTable td.codeCol, #catalogContainer #catalogTable td.descriptionCol, 
#catalogContainer #catalogTable .codeHead, #catalogContainer #catalogTable .descriptionHead {
	text-align: left; }
 
#catalogContainer #catalogTable td.packCol, #catalogContainer #catalogTable td.qtyCol, #catalogContainer #catalogTable td.weightCol, 
#catalogContainer #catalogTable td.priceCol, #catalogContainer #catalogTable td.stocklevelCol {
 	text-align: right; }
 
#catalogContainer #catalogTable .favouriteCol {
 	text-align: center; }
 
#catalogContainer #basketManagementButton {
	padding-top: 1em; 
	margin-bottom : 1em; 
	text-align: center; 
}  

#catalogContainer #basketManagementButton .button {
    width: 70%;}

#catalogContainer #showCatalogueLink {
	font-size: 0.9em; 
	text-align: center; 
	margin-top : 1em; 
	padding-top : 0.5em;
}
 
#catalogContainer #catalogueViewTypeMenu {
	font-size: 0.9em;
	color : #404040;
}

#catalogContainer #catalogueViewTypeMenu_sub{
  	padding-bottom : 0.5em;
}

#catalogContainer #catalogueViewTypeMenuRadio{
	padding-left: 2em; 
	font-size: 0.8em; 
	color : #404040;
}

#catalogContainer #catalogueViewTypeMenuButton{
	display : block; 
	margin-left : 2em;
}

#catalogContainer .treemenu{
	padding-left: 2em; 
	font-size: 0.9em;
}

#catalogContainer .treemenu_sub{
	padding-left: 2.5em; 
	font-size: 0.9em;
}

#catalogContainer .treemenu_sub a, #catalogContainer .treemenu_sub a:link, #catalogContainer .treemenu_sub a:hover, 
 #catalogContainer .treemenu_sub a:visited {
	display : block;
}

#catalogContainer #catalogueSearch {
	font-size: 0.9em; 
	color : #404040;
}

#catalogContainer #catalogueSearch_sub{
  	padding-bottom : 0.5em; 
}

#catalogContainer #catalogueSearchInput{
	padding-left: 2em; 
}

#catalogContainer #catalogueSearchInput input{
	width: 65%; }


#catalogContainer #catalogueSearchButton{
	display : block; 
	margin-left : 2em; 
}

#catalogContainer #categoryMenu{
	font-size: 0.9em; 
	color : #404040; 
	display: none; /*hidden - moving to new category menu*/
}

#catalogContainer #categoryMenu_sub{
  	padding-bottom : 0.5em;	
}

#catalogContainer #categoryMenuDropDown select{
	margin-left : 2em;	
	width: 65%;
}

#catalogContainer #categoryMenuDropDown .dropDownInput{
	margin-left : 2em; 
	width: 65%;
}

#catalogContainer #categoryMenuButton{
	margin-left : 2em;
}

#catalogContainer .pricebreakstable, #productDetailsCatContainer .pricebreakstable {
  	display : none; 
	position : absolute; 
	background-color : white; 
	border : 1px solid black;
  	z-index: 1000;  
	margin-right: 10px;
}

#catalogContainer .pricebreakstable table, #productDetailsCatContainer .pricebreakstable table {
  	padding : 1px; 
	margin : 1px;
}

#catalogContainer .pricebreakstable th, #productDetailsCatContainer .pricebreakstable th {
  	font-size : 0.7em; 
	font-weight : bold; 
	padding : 1px; 
	margin : 0px;
}

#catalogContainer .pricebreakstable td, #productDetailsCatContainer .pricebreakstable td {
  	font-size : 0.7em; 
	padding : 1px; 
	margin : 0px;
}


#catalogContainer #orderButton{
	float: right; 
}

#catalogContainer #filterString {
	padding-left: 5%; 
	float: left; 
	width:55%; 
	padding-bottom: 2px; 
}


#catalogContainer #topButtons {
	width: auto; 
	float: right; 
	padding-bottom: 3px;
	text-align: right;
}

#catalogContainer #topButtons .submitButton {}

#catalogContainer .pageNumbersWrapper {	
	background-color: white; 
}

#catalogContainer .pageNumberDetails { 
	padding-top: 20px; 
	background-color: white; 
}

.pricebreakstable th { 
  	font-size: 0.9em; 
	color: white; 
	background-color: #211e72; 
	text-align: center; 
	height:20px; 
	border : 1px solid #B3B3B3;
}

#fileuploaddetails { 
	margin-top: 10px; 
	height: 80px; 
	background-color: #E0E0FF; 
}

#fileuploaddetails #fileuploadlabel {
	float: left; 
	font-size : 0.8em; 
	font-weight: bold; 
	padding-left: 2px;
}

#fileuploaddetails #fileuploadlinks { }

#fileuploaddetails #csvLink a{
	margin-left: 5px; 
	background:url(images/csvLogo.gif) no-repeat; 
	padding: 5px 10px 5px 10px; 
	text-decoration: none;
	float: left; 
	display: block;
}

#fileuploaddetails #excelLink a{
	margin-left: 5px; 
	background:url(images/excelLogo.gif) no-repeat;	
	padding: 5px 10px 5px 10px; 
	text-decoration: none; 
	float: left; 
	display: block;
}

#fileuploaddetails #excelLink a:hover{
  	text-decoration: none;
}

#fileuploaddetails #excelXLink a{
	margin-left: 5px; 
	background:url(images/excelXLogo.gif) no-repeat; 
	padding: 5px 12px 5px 10px; 
	text-decoration: none;
	float: left; 
	display: block;
}

#fileuploaddetails #excelXLink a:hover{
  	text-decoration: none;
}

#fileuploaddetails #pdfLink a{
	background:url(images/pdfLogo.gif) no-repeat; 
	margin-left: 5px; 
	padding: 5px 10px 2px 10px; 
	text-decoration: none;
	float: left; display: block;
}


#fileuploaddetails #pdfLink a:hover{
  	text-decoration: none;
}

#fileuploaddetails #fileuploadinput {
	clear: both;
}

#fileuploaddetails #fileuploadview {
	clear: both;
}

#fileuploaddetails #loading {
	background:url(images/loading.gif) no-repeat; 
	margin-left: 5px; 
	margin-top: 5px; 
	float: left; 
	width: 5%;
}
#fileUploadReturnMessage {
	font-size: 0.8em; 
	margin-top: 2px;
}
#fileUploadReturnMessage #validRowsMessage {
	width: 40%; 
	float: left;
}
#fileUploadReturnMessage #invalidRowsMessage {
	width: 59%; 
	float: left; 
	color: red;
}
#fileUploadReturnMessage #invalidRowsMessage a{
	text-decoration: underline;
}
#previewNavigation {
	width: 100%; 
	padding-bottom: 20px; 
	display:none;
}
#previewNavigation #backLink {
	width: 49%; 
	float: left; 
	border: 1px solid white; 
	font-size : 0.7em;
}

#previewNavigation #backLink a{

}

#previewNavigation #previewInfo {
	width: 100%;
	text-align: center;
	font-size : 0.7em;
}

#previewNavigation #forwardLink {
	width: 49%;
	float: right;
	text-align: right;
	border: 1px solid white;
	font-size : 0.7em;
}

#catalogContainer .pane-tab-navigation {display:none;}
#catalogContainer .pageHeadingNew {display:none;}
#catalogContainer .pageNumbersNew {display:none;}

.processbarnew .section1, .processbarnew .section2, .processbarnew .section3 {
  	width: 120px; 
	float: left;
	text-align: center; 
	margin: 1em 0.5em 0em 1em;
  	font-style: italic; 
	font-weight: bold; 
	font-size : 0.8em; 
	clear : none;
  	text-indent : -10000px; 
	overflow: none;
}

.processbarnew .current {
  	color: #005091; 
	clear : none;
}

#basketContainer .processbarnew {
  	display: block; 
	background: url("custom/contract969/processbarnew1.png") no-repeat 0 0px;
	width: 430px; 
 	height: 65px;
}

#checkoutContainer .processbarnew {
  	clear: none; 
	display: block; 
	background: url("custom/contract969/processbarnew2.png") no-repeat 0 0px; 
  	width: 430px; 
	height: 65px;
}

#orderConfirmContainer .processbarnew {
  	clear: none; 
	display: block; 
	background: url("custom/contract969/processbarnew3.png") no-repeat 0 0px; 
  	width: 430px; 
	height: 65px;
}


/** Small Price Break buttons for Catalogue Pane view **/
a.pricebreakslinksmall {
	display: block; 
	float: right; 
	margin-top: -6px;
}
a.pricebreakslinksmall input {
  	padding: 1px 4px 5px 4px;
	width : 24px;
  	border: grey 1px solid; 
	color : grey;
}
a.pricebreakslinksmall:hover, a.pricebreakslinksmall input:hover{
	cursor : pointer;
}

/************************ PRICE BREAK POP-UP *************************************************************/
.pricebreakstable table{
	width: 450px; 
	border: 1px solid  #153582; 
}

.pricebreakstable td {
	padding: 5px; 
	font-size: 0.8em;
}
.pricebreakstable th {
	font-size: 0.7em; 
	color: white; 
	background:#ff6000; 
	text-align: center;
	height:20px;
  	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
  	border : 1px solid #FFE0CC; }
    
#pricebreakslink input, #postagepricebreakslink input{
	background: #C0C0C0 url('/images/base_new/ico_tarriff.png') no-repeat 5px 50%;
	padding-left:25px; 
	padding-right:5px; 
	padding-top:5px; 
	padding-bottom:5px
}

.pricebreakstable th#quantityHead {
	text-align: center;
}

/************************ COMPONENT OVERRIDE FOR CATALOGUE PAGE *****************************************/
/** Small Price Break buttons for Catalogue Pane view **/
a.pricebreakslinksmall input {
  background: #C0C0C0 url('/images/base_new/ico_tarriff.png') no-repeat 5px 50%; 
  text-indent : 400px
}

/** BUDGET TABLE **/
div#showBudgetTable { display:none;}
table#budgetTable {
	border : 1px solid #B3B3B3; 
	border-spacing: 0px; 
	border-collapse: collapse;
}
table#budgetTable tr, table#budgetTable tr td {
	padding : 1px; 
	margin : 0px
}


/*************************************************************** BUDGET COMPONENT **************/
.budgetComponent h4 {display: none; }
.budgetComponent .budgetPanel {
	width:100%; }

.budgetComponent .budgetHeader {
	height: auto; 
	padding: 5px 10px; 
	background: none; 
	text-align : left ;
  	font-size : 11px; 
	font-weight : bold; 
	margin: 0 0 10px -0.5em; 
	text-transform: uppercase; 
  	background: url(/images/base_new/sprite.png) no-repeat 0 0;
  	color: #fff; 
	border: none; 
	display: block; 
}


.budgetComponent .budgetLabels {
	width:80px; 
	text-align: right; 
	display: block; 
	float: left; 
	padding-top: 5px;
	font-weight: bold; 
	font-size: 0.8em; 
	line-height:120%
}
	
.budgetComponent .budgetValues { 
	width:100px; 
	text-align: left; 
	display: block; 
	float: right; 
	padding-top: 5px; 
	font-size: 0.8em; 
	line-height:120%;
}

.budgetComponent .chooseBudgetLink {
	font-size: 0.8em;
}

.budgetComponent .budgetFooter {
	clear : both; }

#catalogContainer .leftColumn .budgetComponent .budgetValues {
	width:140px; 
} 

/*************************************************************** SEARCH TREE COMPONENT **************/
.catalogueSearchComponentForm {
	width: 165px; 
	display: block; 
	position: relative; 
	background: #f9f9f9; 
	border: 1px solid #ddd;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px;
}

#catalogueSearchComponentSearchField {
	width: 140px; 
	margin-right: 10%; 
	padding: 2px 0 2px 0px; 
	border: none; 
	background: none; 
}

#catalogueSearchComponentSearchField:focus {
	outline: none }

#catalogueSearchComponentSearchButton {
	width: 16px; 
	height: 16px; 
	float: right; 
	position: absolute; 
	top: 2.5px;
	right: 4.5px; 
	padding: 2px;
	background: url("custom/contract705/searchbutton.png") no-repeat 0px 0px;
	text-indent: -9999px; 
	overflow: hidden; 
	border: medium none; 
}

/*#catalogueSearchComponentSearchResults {
	width:140px!important; top: 100%; left: 5px; z-index: 998;  }
	*/
#catalogueSearchComponent68 { z-index: 1000; }
.catalogueSearchComponentForm {z-index: 999; }
#catalogueSearchComponentSearchResults a {z-index: 997; }

.catalogueSearchComponentForm {
  	position : relative;	}
  
.catalogueSearchComponent #catalogueSearchComponentSearchResults {
	position : absolute; 
	text-align: left; 
	background-color : white; 
	width : 150px; 
	top : 1.5em; 
	left : 0.5em; 
	border: #b3b3b3 solid 1px;
	z-index : 100; 
	display:hidden; 
	overflow: hidden;
}

.catalogueSearchComponent #catalogueSearchComponentSearchResults a, 
.catalogueSearchComponent #catalogueSearchComponentSearchResults a:link {
  	font-size : 0.8em; 
  	display : block; 
  	padding: 0.25em;}

.catalogueSearchComponent #catalogueSearchComponentSearchResults a:hover { 
	font-weight : normal; 
	text-decoration : underline;}


/********************************************************* CATEGORY MENU COMPONENT **************/

/* General */
.categoryMenuComponent ul { 
	list-style: none; 
	width : 150px;
}
.categoryMenuComponent, .categoryMenuComponent * { 
	padding: 0; 
	margin: 0; 
}

.categoryMenuComponent {
  	margin : 1em auto 1em auto; 
  	width: 150px; 
  	background-color : transparent; 
  	border: #b3b3b3 solid 0px;
}

.leftColumn .componentItem.categoryMenuComponent {
	background-color : transparent;}

.categoryMenuComponent h4{
	font-size : 0.9em;	
	border-bottom: #b3b3b3 solid 0px;}

/* Head links */

.categoryMenuComponent li { 
	border-bottom: #e0e0e0 solid 1px; 
	padding : 0.25em 0px; }
	
.categoryMenuComponent li.toplink { 
	background-color: #e9e9e9; 
	position : relative; 
	z-index : 11; 
	background:  url("/images/next_arrow.png") no-repeat center right; }

.categoryMenuComponent li.toplink a { 
	display: block; 
	padding: 0.25em; 
	font-size : 0.8em; 
	text-align : left; 		
	z-index : 1;}
.categoryMenuComponent li.toplink a:hover { 
	text-decoration : underline; }
 
 /* Child lists and links */
.categoryMenuComponent li.toplink ul { 
	display: none; 
	border: 1px #b3b3b3 solid; 
	position : absolute; 
	text-align: left; 
	background-color : white; 
	width : 150px; 
	left : 150px; 
	top : -1px; }
.categoryMenuComponent li.toplink:hover ul { 
	display: block;  }
.categoryMenuComponent li.toplink ul li a { 
	padding: 0.25em; 
	font-size : 0.8em; }
.categoryMenuComponent li.toplink ul li a:hover { 
	text-decoration : underline;  
	font-weight : normal;}

/* Pretty styling */
.categoryMenuComponent ul li a:link { 
	text-decoration: none; 
	font-weight : normal; 
	padding: 0.25em; 
	font-size : 0.8em; }
.categoryMenuComponent ul li a:hover { 
	text-decoration: none; 
	font-weight : normal; }
.categoryMenuComponent li.toplink { 
	background-color: white; }


/******************************************************** CATEGORY TREE COMPONENT **************/

/* General */
.categoryTreeComponent ul { list-style: none; }
.categoryTreeComponent, .categoryTreeComponent * { 
	padding: 0; 
	margin: 0; }

.categoryTreeComponent {
 	margin : 1em auto 1em auto; 
 	width: 100%; 
 	background-color : white; 
 	border: #b3b3b3 solid 1px;  
}

.categoryTreeComponent h4{
	font-size : 0.9em; 
	border-bottom: #b3b3b3 solid 1px; 
	margin : 0 0 0 -10px; 
	width: 235px ;  
}

/* Head links */
.categoryTreeComponent li.rootLevel, .categoryTreeComponent li.baseLevel  { 
	z-index : 11;
}

.categoryTreeComponent li.nodeDepth2 {  margin-left : 0em; }
.categoryTreeComponent li.nodeDepth3 {  margin-left : 2em; }
.categoryTreeComponent li.nodeDepth4 {  margin-left : 2em; }
.categoryTreeComponent li.nodeDepth5 {  margin-left : 2em; }
.categoryTreeComponent li.nodeDepth6 {  margin-left : 2em; }
.categoryTreeComponent li.nodeDepth7 {  margin-left : 2em; }
.categoryTreeComponent li.nodeDepth8 {  margin-left : 2em; }
.categoryTreeComponent li.nodeDepth9 {  margin-left : 2em; }
.categoryTreeComponent li.nodeDepth10{  margin-left : 2em; }

.categoryTreeComponent li { clear : both; }
  
.categoryTreeComponent li a.toplink, .categoryTreeComponent li a.toplink:visited, .categoryTreeComponent li a.toplink:link { 
	display : block; 
  	float:left; 
  	width : 2em; 
  	padding: 0em; 
  	font-size : 0.8em; 
  	text-align : left; 
  	z-index : 1; }
  
.categoryTreeComponent li a.toplink:hover { 
	text-decoration : underline; }
.categoryTreeComponent li .linkContainer { 
	display : inline; 
	word-wrap: break-word;  }

 /* Child lists and links */
.categoryTreeComponent li.rootLevel ul li a, .categoryTreeComponent li.rootLevel ul li a:visited, 
  .categoryTreeComponent li.rootLevel ul li a:link { padding: 0em; }

.categoryTreeComponent li.rootLevel ul li a:hover { 
	text-decoration : underline;  
	font-weight : normal;}

.categoryTreeComponent li.rootLevel>ul { display : block; }
/** IE Workaround as IE hates Child Selectors **/
.categoryTreeComponent li.rootLevel ul { display : block; }
.categoryTreeComponent li.rootLevel ul li ul { display: none;  }

/** Hide the Root level by default **/
.categoryTreeComponent li.rootLevel a, .categoryTreeComponent li.rootLevel a:link, 
	.categoryTreeComponent li.rootLevel a:visited { display : none; }
	
.categoryTreeComponent li.rootLevel ul li a, .categoryTreeComponent li.rootLevel ul li a:visited, 
  .categoryTreeComponent li.rootLevel ul li a:link { display : block; }

/* Pretty styling */
.categoryTreeComponent ul li a:link, .categoryTreeComponent ul li a:visited, .categoryTreeComponent ul li a  { 
	text-decoration: none; 
	font-weight : normal; 
	padding: 0px; 
	font-size : 0.8em;}
.categoryTreeComponent ul li a:hover { 
	text-decoration: none; 
	font-weight : normal; }
.categoryTreeComponent li { 
	background-color: white; }

/** Show openNode children and hide closedNode children **/
.categoryTreeComponent li.openNode { 
	font-style : italic; }
.categoryTreeComponent li.openNode ul { 
	display : block; 
	font-style : normal; }

.categoryTreeComponent li.closedNode { 
	font-style : normal; }
.categoryTreeComponent li.closedNode ul { 
	display : none; } 	
/** Show openNode children and hide closedNode children **/
.categoryTreeComponent li.openNode { 
	font-style : italic; }
.categoryTreeComponent li.openNode ul { 
	display : block; 
	font-style : normal; }

.categoryTreeComponent li.closedNode { 
	font-style : normal; }
.categoryTreeComponent li.closedNode ul { 
	display : none; }

#catalogcontainer .leftcolumn .componentitem.categoryTreeComponent { }
#catalogcontainer .categoryTreeComponent ul{
	width: 245px ; 
	padding:  0 ; 
	margin: 0 ; 
	font-size: 0.9em ; }

.categoryTreeComponent ul li { 
	background: none ; 
	padding: 3px 0 ;}
.categoryTreeComponent a.toplink {
	padding: 0 5px 0 0 ; 
	font-weight: bold ;}

.categoryTreeComponent ul li ul {
	border-bottom: 1px solid #ddd; 
	width: 98% ; 
	margin-left: 2% ; 
	font-size: 1em ;}
.categorytreecomponent ul li ul li { 
	border-top: 1px solid #ddd; }
.categoryTreeComponent ul li ul li ul {
	border-bottom: none }
.categoryTreeComponent li.openNode > div.linkContainer > a{
	font-weight: bold ;}

.categoryTreeComponent .toplink  {
	display:none !important;
    text-indent: -9999px; 
    height: 16px ; 
    width: 20px ;
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px;
    display: block ; 
    overflow: hidden; 
    padding: 0 ; 
    margin: 0 ;
}

.categoryTreeComponent li.openNode .toplink{			
	background: url(/images/base_new/folderopen.gif) no-repeat 0 0 ;}
.categoryTreeComponent li.closedNode .toplink {     	
	background: url(/images/base_new/folderclosed.gif) no-repeat 0 0 ;}
.categoryTreeComponent li.openNode .toplink:hover{  	
	background: url(/images/base_new/folderopenbig.gif) no-repeat 0 0 ;}
.categoryTreeComponent li.closedNode .toplink:hover {   
	background: url(/images/base_new/folderclosedbig.gif) no-repeat 0 0 ;}
.categoryTreeComponent a:hover { 
	color: #ff6000 ;}

/*************************************************************** BreadCrumb Component **************/

.breadcrumbComponent {
	margin:-2em 0 0 10px; 
	width: 685px; 
	height: 30px ; 
}
.breadcrumbComponent h4 {
	display: none;  }
.breadcrumbComponent ul {
	float : left; 
	display: inline ; 
	padding:  7px 7px 7px 0;  
}
.breadcrumbComponent li {
	display: inline ;  
	white-space:nowrap ;  
}
.breadcrumbComponent li a:link{
	display: inline ; 
	font-size : 11px; 
	padding: 0px 7px 0px 10px ; 
	margin:0 ; 
	background:url(/images/raquo.png) no-repeat left 50%; }
.breadcrumbComponent a { 
	display: block; 
	font-size: 0.7em; 
	padding: 0 0 0 16px; 
	margin: 0; 
	text-transform: lowercase;	
}
.breadcrumbComponent li.nodeDepth1 a:link {  
	color:red;
	font-size : 14px;
	text-transform:uppercase;
}
.breadcrumbComponent li.nodeDepth1 a:visited {  
	color:red;
	font-size : 14px;
	text-transform:uppercase;
}
.breadcrumbComponent {margin-bottom: 0;}

/**************************************************************** BASKET COMPONENT *****************/
/* Basket Component*/

.basketComponent {
	width: 350px; 
	height: 58px; 
	background: none; 
	padding: 0;
	display: block; 
	border: medium none; 
	margin: -2em 0em 0em 2.8em;	
}

.basketTop {
	float: left; 
	width: 140px; 
	overflow: hidden; 
	height: 50px; 
	margin: 0 0 0 17px;
	background: none; 
	padding-left: 40px; 
	margin-bottom: 10px; 
	border-bottom: medium none; 
	padding-bottom: 5px; 
}

.ie .basketTop {	
	width: 140px;	
}
.ie #catalogContainer .basketTop {	
	width: 180px; 	
}
.ie  #homeContainer .basketTop{	
	width: 180px;	
}

.basketTop h4 {
	background: none; 
	color: #979797; 
	padding:10px 5px 0; 
	margin: 0 0 3px 8px; 
	border-bottom: none; 
	text-align: left;}

.basketTop p {
	color: #979797;
	margin: 0; 
	padding: 0; 
	font-size: 0.6em; 
	font-weight: bold; 
	text-transform: uppercase; 
	display: block; 
	float: left; 
	width:60px; 
	text-align: center; 
	margin-left: 10px; 
	line-height: 1.7; 
}
.basketQuickView {
	display: block; 
	text-align: center; 
	border-bottom: none; 
	width: 200px; 
	display: none;
    position: absolute;    
    right: 0px; 
    top : 25px;   
    font-size: 8px; 
    background-color: white; 
    border : 1px solid #dddddd;}

.basketQuickView table tr td {
	font-size: 11px; }

.basketTools {
	width: 125px; 
	display: block; 
	float: left; 
	padding: 0; 
	margin: 8px 0 0; 
}
.basketTools button{
	color : #fff; 
	font-weight: bold; 
	background: #ff6000;
	border-radius: 5em;
	font-size : 0.7em; 
	border: none; 
	padding: 4px; 
	height: auto; 
	float: none; 
	display: block; 
	width: 150px; 
	height: 40px; 
	margin:0 0 5px 0px  ; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-align: center; 
	overflow: hidden;
	-webkit-border-bottom-right-radius: 5em; 
	-moz-border-radius-bottomright: 5em; 
	border-bottom-right-radius: 5em;
	cursor: pointer;
}
.basketTools button:hover{
	color : #fff; 
	font-weight: bold; 
	background: #cc4d00;
	border: solid 1px #ff6000;
}
.ie .basketTools button {
	margin:0 0 5px -15px;
}

.basketTools button#checkoutbutton {
	display: none;}
.basketTools button#savebasketbutton {
	display: none;}

#basketManagementButton .button {
	display: none;

}


/*********************** One off Basket Component ************************************/
div.oneOffBasketComponent button.button {
	display : block; 
	width : 150px; }

div.oneOffBasketComponent button.buttonDisabled {
	display : none; }


/*********************** Company/Contract Selector Screen *********************************/
/** Header Layout **/
div.header div.companyContractSelectorComponent {
	width : 410px; 
	background: #F8F8F8; 
	padding : 0.5em; 
	border-radius : 1em; 
	border : 1px solid #E0E0E0; 
	float: right;
	margin : 1em 0em 0em 0em;
}
div.header div.companyContractSelectorComponent h4, div.header div.companyContractSelectorComponent h5 {
	display : none; 
}
div.header div.companyContractSelectorComponentForm div {
	padding : 0.25em 0; 
	float : left;
}
div.header div.companyContractSelectorComponentForm label {
	float : left; 
	display : block; 
	width : 80px; 
	text-align: right; 
	font-size : 0.7em; 
	font-style: italic; 
	margin : 0 0 0 0;
}
div.header div.companyContractSelectorComponentForm div.contractSelectorRow label {
	display : none;
}
div.header div.companyContractSelectorComponentForm select {
	width : 140px; 
	margin : 0 0 0 0.5em; 
	font-size : 0.7em; 
	background-color: white;
}
div.header div.companyContractSelectorComponentForm div.contractSelectorRow select {
	width : 120px; 
}
div.header div.companyContractSelectorComponentForm div.companySelectorRow:after {
	text : ' / '; 
	float: left; 
	display: block;
}
div.header div.companyContractSelectorComponentForm button {
	margin : 2px 0px; 
	width : 24px; 
	border-radius : 0.5em; 
	padding : 2px 0px;  
}

/** Main Layout **/
div#companySelectorAdminContainer div.mainColumnSection1 div.companyContractSelectorComponent h4, 
div#companySelectorAdminContainer div.mainColumnSection1 div.companyContractSelectorComponent h5 {
	display : none; }
div#companySelectorAdminContainer div.mainColumnSection1 {
	margin : 0 150px 0 150px; 
	width : 480px; 
}
div#companySelectorAdminContainer div.mainColumnSection1 div.pageTitle {
	width : 480px; 
}
div#companySelectorAdminContainer div.mainColumnSection1 div.info {
	padding : 1.5em 0 1.5em 0; 
	font-size: 0.9em; 
	font-style: italic;
}
div#companySelectorAdminContainer div.mainColumnSection1 div.companyContractSelectorComponentForm div {
	clear: both;
	padding : 0.25em;
}
div#companySelectorAdminContainer div.mainColumnSection1 div.companyContractSelectorComponentForm label {
	float : left; 
	display : block; 
	width : 120px; 
	text-align: right; 
	font-size : 0.8em; 
	font-weight: bold; 
}
div#companySelectorAdminContainer div.mainColumnSection1 div.companyContractSelectorComponentForm select {
	width : 240px; 
	margin : 0 0 0 0.5em;
	font-size : 0.8em; 
}
div#companySelectorAdminContainer div.mainColumnSection1 div.companyContractSelectorComponentForm button {
	margin : 1em 0 0 130px; }

/** Left / Right Column **/
div.leftColumn div.companyContractSelectorComponent.componentItem {
	background: transparent; 
	padding : 0px; 
	margin : 0 0 2em 0;
}
div.leftColumn div.companyContractSelectorComponent h4, div.leftColumn div.companyContractSelectorComponent h5 {
	display : none; }
div.leftColumn div.companyContractSelectorComponentForm div {
	padding : 0.25em 0; 
	display: block; }
div.leftColumn div.companyContractSelectorComponentForm label {
	float : left; 
	display : block; 
	width : 80px;  
	font-size : 0.8em; 
	margin : 0 0 0 0;
}
div.leftColumn div.companyContractSelectorComponentForm select {
	width : 120px; 
	margin : 0 0 0 0.5em; 
	font-size : 0.8em;
}
div.leftColumn div.companyContractSelectorComponentForm button {
	margin : 2px 2.5em; 
	width : 30px; 
	border-radius : 1em; 
	padding : 2px 0px; 
	float : right; 
	font-size: 0.8em }

div.rightColumn div.companyContractSelectorComponent.componentItem {
	background: transparent; 
	margin : 0 0 2em 0;
}
div.rightColumn div.companyContractSelectorComponent h4, div.rightColumn div.companyContractSelectorComponent h5 {
	display : none; 
}
div.rightColumn div.companyContractSelectorComponentForm div {
	padding : 0.25em 0; 
	display: block; 
}
div.rightColumn div.companyContractSelectorComponentForm label {
	float : left; 
	display : block; 
	width : 80px;  
	font-size : 0.8em; 
	margin : 0 0 0 0;
}
div.rightColumn div.companyContractSelectorComponentForm select {
	width : 120px; 
	margin : 0 0 0 0.5em; 
	font-size : 0.8em;
}
div.rightColumn div.companyContractSelectorComponentForm button {
	margin : 2px 2.5em; 
	width : 30px; 
	border-radius : 1em; 
	padding : 2px 0px; 
	float : right; 
	font-size: 0.8em 
}

/**************************** PRODUCT LIST ADMIN ******************************************/
div#productListContainer div.leftColumn input, div#productListContainer div.leftColumn select {
	font-size: 0.8em; }
div#productListContainer div.leftColumn select {
	width : 150px;
}  
	
div#productListContainer div.leftColumn div.actions {
	margin : 1em 0 0 0;	
} 
div#productListContainer div.leftColumn div.actions h4 {
	margin : 0em; 
	font-size : 0.8em; 
}
div#productListContainer div.leftColumn div.actions a {
	display : block;
	padding : 0.25em 0.25em 0.25em 1em; 
	font-size : 0.8em;
}


/********************** Catalogue Admin screen ********************************************/
div#catalogueAdminContainer, div#catalogueAdminContainer div.header, div#catalogueAdminContainer div.menu, 
div#catalogueAdminContainer, div#catalogueAdminContainer div.header, div#catalogueAdminContainer div.menu table,
div#catalogueAdminContainer div.content  {
	width : 1200px;}
div#catalogueAdminContainer div.mainColumn {
	width : 980px; 
	background-color: white; 
	padding : 0.25em 0 0 0.1em}
div#catalogueAdminContainer div.mainColumnSection1 {
	overflow: visible;} 
div.addToCatalogueSearch {
	margin : 0.25em 0;}
div#catalogueAdminContainer select.productSelector {
	width : 180px;}

/********************** Carriage Admin screen ********************************************/
div#carriageAdminContainer, div#carriageAdminContainer div.header, div#carriageAdminContainer div.menu, 
div#carriageAdminContainer, div#carriageAdminContainer div.header, div#carriageAdminContainer div.menu table,
div#carriageAdminContainer div.content  {
	width : 1160px;}
div#carriageAdminContainer div.mainColumn {
	width : 950px; 
	background-color: white;}
div#carriageAdminContainer div.mainColumnSection1 {
	overflow: visible;} 


/********************* Company Details Screen ********************************************/
/** Tab pane **/
div#companyDetailsContainer div.tabs.ui-widget-content {
	 margin : 1em 0 0 0;}
div#companyDetailsContainer .ui-tabs-panel, #pdfAdminContainer div#detailspane .ui-tabs-panel  {
	padding : 0px;}
div#companyDetailsContainer div.tabs.ui-widget-content ul.ui-tabs-nav {
	font-size : 0.8em; 
	background-color: transparent; 
	background-image: none; 
	border: none 0px;  }
div#companyDetailsContainer div.tabs table.datatable {
	margin : 0.5em 0 1em 0;}
div#companyDetailsContainer div.tabs table.datatable hr {
	display: none;}	


/********************* Edit Carriage screen Screen ********************************************/
/** Tab pane **/

div#editCarriageContainer input, 
div#editCarriageContainer select {
	background-color: white; 
	border: 1px solid #a0a0a0; 
	border-radius: 3px;
	padding : 1px; } 

div#editCarriageContainer div.tabs.ui-widget-content {
	margin : 1em 0 0 0;}
div#editCarriageContainer .ui-tabs-panel {
	padding : 0px;}
div#editCarriageContainer div.tabs.ui-widget-content ul.ui-tabs-nav {
	font-size : 0.8em; 
	background-color: transparent; 
	background-image: none; 
	border: none 0px;  }

div.ui-multiselect-menu .ui-widget-header {
	background-color: #a0a0a0; 
	font-size: 0.8em; 
	background-image: none; 
	border: none;}	

div#editCarriageContainer button.ui-multiselect.ui-state-default {
	background-image: none; 
	background: white; 
	color : black; 
	font-weight: normal; 
	font-size: 1em;}

div#editCarriageContainer div.tabs table.datatable {
	margin : 0.5em 0 1em 0;}
	
div#editCarriageContainer div.tabs table.datatable tr td img {
	padding : 0px 1em; }

div#editCarriageContainer #errorFeedback {
	color : red; 
	font-weight: bold; 
	min-height : 40px;}
	
div#editCarriageContainer .warning {
	background-image: url("images/preflight_warning.png"); 
	background-repeat: no-repeat; 
	background-position: top right;  }

div#editCarriageContainer .danger {
	background-image: url("images/preflight_error.png"); 
	background-repeat: no-repeat; 
	background-position: top right;  }



/*********************** External Datasources Screen *************************************/
div#externalDataSourcesContainer .ui-tabs-panel {
	padding : 0px;}
div#externalDataSourcesContainer div.tabs.ui-widget-content ul.ui-tabs-nav {
	font-size : 0.8em; 
	background-color: transparent; 
	background-image: none; 
	border: none 0px;  }

div#externalDataSourcesContainer div.dataRow {
	margin : 0.5em auto; 
	width : 450px }
div#externalDataSourcesContainer div.dataRow label {
	float : left; 
	display: block; 
	width : 120px; 
	text-align: right; 
	margin : 0 1em 0 0; 
	font-size: 0.8em; 
	font-weight: bold;}
div#externalDataSourcesContainer div.dataRow div.dataField input {
	width : 300px; 
	font-size: 0.8em;}
div#externalDataSourcesContainer div.dataRow div.dataField span.text {
	font-size: 0.8em;}
div#externalDataSourcesContainer div.dataRow div.dataField input.checkbox {
	width : auto; 
	font-size: 0.8em;}
div#externalDataSourcesContainer div.dataRow div.dataField textarea {
	width : 300px; 
	height : 6em; 
	font-size: 0.8em;}


/*********************** Task Manager Screen *************************************************/
div#taskManagerContainer div.tabs.ui-widget-content {
	margin : 1em 0 0 0;}
div#taskManagerContainer .ui-tabs-panel, #pdfAdminContainer div#detailspane .ui-tabs-panel  {
	padding : 0px;}
div#taskManagerContainer div.tabs.ui-widget-content ul.ui-tabs-nav {
	font-size : 0.8em; 
	background-color: transparent; 
	background-image: none; 
	border: none 0px;  }

div#taskManagerContainer div.tabs div.taskTools {
	text-align: right; 
	height : 1.5em;}

div#taskManagerContainer div.tabs div.taskTools button {
	font-size: 12px}

	
/*********************** OTHER COMPONENTS *************************************************/
.htmlComponent h4 {		display: none; }
.htmlComponent {		line-height: 1.5; }
.sliderComponent h4{	display: none; }

.videoComponent h4 {	display: none; }
.videoComponent h5 { 	display: none;}

.languageSwitcherComponent {float: right !important;}

/********************************************************************** MYDETAILS PAGE *******************************************************************/
 
#myDetailsContainer .mainColumnSection1{
  	text-align : center;
  	padding-left: 17px; 
}

.mydetailsForm label{
	width: 200px; 
	text-align: right; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	padding-top: 5px; 
	font-weight: bold; 
	font-size: 0.9em;}

.mydetailsForm .textInput {
	background-color: white; 
	font-size: 0.8em;}

.mydetailsForm .dropDownInput {
	background-color: white; 
	font-size: 0.8em;}

.mydetailsForm #myDetailsFormPart1, .mydetailsForm #myDetailsFormPart2{
	text-align : left; 
	margin : 20px auto 0 auto; 
	padding: 10px; 
	width : 600px; 
	background-color:#fff; 
	border: 1px solid #B3B3B3; 
	clear: both;}

.mydetailsForm #myDetailsFormPart3 {
	display: none;
}

.mydetailsForm #myDetailsFormPart1 div.rowOdd, .mydetailsForm #myDetailsFormPart2 div.rowOdd, 
.mydetailsForm #myDetailsFormPart3 div.rowOdd {}

.mydetailsForm #myDetailsFormPart1 div.rowEven, .mydetailsForm #myDetailsFormPart2 div.rowEven, 
.mydetailsForm #myDetailsFormPart3 div.rowEven{}

.mydetailsForm #myDetailsFormPart1 div, .mydetailsForm #myDetailsFormPart2 div, .mydetailsForm #myDetailsFormPart3 div {
    clear: both;}

#mydetailscontainer .returnMessage {
	text-align:center; 
	color: red; 
	padding-bottom: 3px;}

#mydetailscontainer #customDataButton {
	text-align: center;
	padding-top: 20px; 
	padding-bottom: 10px;}

#mydetailscontainer #customDataButton a {
	padding:2% 5% 2% 3%; 
	color: white;}

#mydetailscontainer #customDataButton {
	display:none;}

/************************************************* CHANGE PASSWORD PAGE **************************************************/
div#changePasswordContainer div.passwordForm {
	width: 600px; 
	margin: 0 auto 0 auto; }

div#changePasswordContainer div.progressBarContainer {
	height : 1em; 
	width : 270px; 
	position : relative; 
	margin : 0 0 0 185px; }
	
div.progressBarIndicator {
	position : absolute; 
	top : 3px; 
	left : 0; 
	width : 270px; 
	text-align: center; 
	font-size: 0.8em; 
	font-style: italic;}

div#changePasswordContainer div.progress {
	width : 100%; 
	border : #C0C0C0 solid 1px; 
	border-radius : 0.25em; 
	height : 1em; } 

div#changePasswordContainer div#complexity-bar {
	width : 0%; 
	height : 100%; 
	border-radius : 0.25em;  }
 
div#changePasswordContainer .progress-bar-success {
	background-color: #00FF00;}

div#changePasswordContainer .progress-bar-danger {
	background-color: #ff6000;}

div#changePasswordContainer div.passwordForm label {
	display: block; 
	float: left; 
	width : 180px; 
	text-align : right; 
	font-size: 0.8em; 
	margin : 5px 0.5em 0 0;}

div#changePasswordContainer div.passwordForm div.row {
	padding : 0.25em 0em; 
	clear: both; }

div#changePasswordContainer div.passwordForm input {
	font-size : 0.8em; 
	width : 270px; }

div#changePasswordContainer div.passwordForm button {
	margin : 1em 0 0 0;}

div#changePasswordContainer div.rules {
	margin : 0.5em 0 1em 0;}

div#changePasswordContainer div.rules ul {
	list-style: none; 
	font-size: 0.8em; 
	margin: 0 0 0 167; 
	padding: 0 0 0 0;}	

div#changePasswordContainer div.rules ul li {
	height : 20px; 
	overflow: visible; 
	padding : 2 0 0 20px;}

div#changePasswordContainer .success {
	background-image: url("images/preflight_ok_small.png"); 
	background-repeat: no-repeat; 
	background-position: 0% 0%; }

div#changePasswordContainer .danger {
	background-image: url("images/preflight_error_small.png"); 
	background-repeat: no-repeat; 
	background-position: 0% 0%; }

div#changePasswordContainer div.rules div.feedback { 
	font-size: 0.8em; 
	margin: 0.5em 0 0.5em 167;	
	padding: 2 0 0 20; 
	color: red; 
	height: 20px; }

div#changePasswordContainer div.rules ul li.error {
	color : red; }

/** Custom Contract page **/
div#customContractContainer a#PasswordPatternAdvancedLink {
	font-size : 0.7em; 
	font-style: italic;}
	
div#customContractContainer div.PasswordPatternAdvanced {
	display : none;}



/**********************************************************************************/

.homeContainer .mainColumnSection1 {
  	height: 280px;
  	text-align : center;	
}


.homePageMessage .sblink {
  	font-size : 0.8em;
}

.sblink {
  	font-size : 0.7em;
}

/************************************************************Buttons/INPUTS **************************************************************/
/*----------------------------

Buttons 

----------------------------*/

.button, .submitButton {
  background-color : #ff6000 !important; 
  background-image : none; 
  color : #fff !important; 
  font-weight : bold; 
  border : 1px solid #ff6000 !important;
  font-size: 0.7em;
  border-radius : 1.5em; 
  padding : 2px 16px; 
  width : 145px;  
}
.button.selected {
 	border : 0px solid #ff6000;}

.button.small {
 	width : 85px;}


div.leftColumn .button, div.leftColumn  .submitButton, div.rightColumn .button, div.rightColumn  .submitButton {
	width : auto;
	margin : 0px 8px 8px 0px; 
	padding : 2px 4px;
}

div.leftColumn .button.gobutton {
	width : 32px; }

.button:hover, .submitButton:hover {
  	border : 1px solid #ff6000 !important; 
	background: #cc4d00 !important;
 	cursor: pointer; 
  	color :#fff; 
}

.formfooter {
	width: 400px; 
	height: 25px; 
	position: relative; 
	margin: 1.5em 0; 
	text-align: left }

.backtocataloguebutton {
  	background:url('custom/contract969/icon_cancel.png') no-repeat 5% 50% #ff6000; 
  	color: #fff; 
  	padding: 0 0 0 20px; 
  	font-size: 0.8em; 
  	margin: 0 0 0 10px; 
  	width: 100px;  
  	height : 26px;
  	display: inline; 
  	border: 1px solid #ff6000; }
.ie .backtocataloguebutton {
  	padding: 0 0 0 15px; } 
.backtocataloguebutton:hover{
	  background:url('custom/contract969/icon_cancel.png') no-repeat 5% 50% #cc4d00 !important; 
	  border: 1px solid #ff6000;}
.nextstepbutton {
  	background:url('custom/contract969/icon_next.png') no-repeat 95% 50% #ff6000; 
  	color: #fff; 
  	padding: 0 20px 0 0; 
  	font-size: 0.8em; 
  	margin: 0 0 0 10px; 
  	width: 100px;  
  	height : 26px; 
  	display: inline; }
.ie .nextstepbutton {
  	padding: 0 15px 0 0px; 
  	margin: 0; } 
.nextstepbutton:hover {
	  background:url('custom/contract969/icon_next.png') no-repeat 95% 50% #cc4d00 !important;
	  border: 1px solid #ff6000;}

.previousstepbutton {
	background:url('custom/contract969/icon_prev.png') no-repeat 5% 50% #ff6000; 
	color: #ff6000;
	padding: 0 0 0 20px; 
	font-size: 0.8em; 
	margin: 0 0 0 10px;
	border: 1px solid #ff6000; 
	width: 100px; 
	height: 26px;
	display: inline-block;}
.ie .previousstepbutton {
	padding: 0 0 0 5px; 
	margin: 0 } 
.previousstepbutton:hover{
	background:url('custom/contract969/icon_prev.png') no-repeat 5% 50% #cc4d00 !important;
	border: 1px solid #ff6000;	
}

.zoomButton {
	background:url('custom/contract969/icon_plus.png') no-repeat 5% 50% #ff6000; 
	color: #fff; 
	padding: 0 0 0 20px; 
	font-size: 0.8em; 
	margin: 0 0 0 10px;
	border: 1px solid #ff6000; 
	width: 100px; 
	height: 26px; 
	display: inline-block; }
.ie .zoomButton {
	padding: 0 0 0 10px; 
	margin: 0 } 
.zoomButton:hover{
	background:url('custom/contract969/icon_plus.png') no-repeat 5% 50% #cc4d00 !important;
	border: 1px solid #ff6000;
}

.previewButton {
	background:url("custom/contract969/icon_searchbutton.png") no-repeat 5% 50%; 
	color: #ff6000;
	padding: 0 0 0 00px; 
	font-size: 0.8em; 
	margin: 0 0 0 10px;
	border: 1px solid #ff6000; 
	display: inline; 
	width: 100px;  
	height:26px;}
.ie .previewButton {
	padding: 0 0 0 10px; 
	margin: -1em 0 0 0; }
.previewButton:hover{
	background:url("custom/contract969/icon_searchbutton.png") no-repeat 5% 50% #ff6000;
	border: 1px solid #ff6000; 
}

.pdfButton {
	background:url(custom/contract969/icon_DL.png) no-repeat 5% 50% #ff6000; 
	color: #fff; 
	padding: 0 0 0 20px;
	font-size: 0.8em; 
	margin: 0 0 0 10px;
	border: 1px solid #ff6000; 
	width: 150px; 
	height : 26px; }
.ie .pdfButton{
	padding: 0 0 0 5px; 
	margin: 0 }
.pdfButton:hover {
	background:url(custom/contract969/icon_DL.png) no-repeat 5% 50% #cc4d00; 
	color: #fff; }

#fileuploaddetails {
	background: #eee;
	border: 1px solid #ddd;
	margin-top: 10px;
	height: 80px;
	padding: 10px;
}

#fileuploadinput .submitButton{
	background:#ff6000;
	color: #fff;  
	font-size: 0.8em; 
	border: medium none; 
	width: auto;
	font-weight: bold;
	display: inline-block; 
	margin: 0 0 0 10px; 
	padding: 0 10px 0 10px; }

.ie #fileuploadinput .submitButton{
	padding: 0 0 0 0px; 
	margin: 0;}

.addtobasketbutton2 {
	background:#ff6000;
	color: #fff; 
	padding: 0 0 0 0px; 
	font-size: 0.8em;
	margin: 0 0 0 10px;
	border: 1px solid #ff6000;
	border-radius: 2em;
	width: 150px; 
	height: 26px;
	font-weight: bold; 
	cursor : pointer;
	text-decoration:none;	
	}

.ie .addtobasketbutton2{
	padding: 0 0 0 5px; 
	margin: -1em 0 0 0;}
.addtobasketbutton2:hover { 
    color:#fff;
	background:#cc4d00; 
  	border:1px solid #ff6000;
  	}
.favouriteHead {
	padding-left: 25px; 
	background: url('/images/base_new/favico.png') no-repeat left 50%;
 	width: 80px; 
	text-align: right;
 }

.downloadmediaCol a {
	background:#EEEEEE url('/images/base_new/ico_dl_dark.png') no-repeat left 50%; 
	color: #005091; 
	font-size: 0.9em; 
	border: medium none; 
	width: auto; 
	margin-left:10px;
 	margin-right:0; 
 	margin-top:0;
 	margin-bottom:0; 
 	padding-left:20px; 
 	padding-right:0; 
 	padding-top:0;
 	padding-bottom:0;}


	#amendQuantityButton, #amendQuantityButtonBottom {
	display: inline;
	padding: 10px;
	width: auto;
	}

	#amendQuantityButton input.button, #amendQuantityButtonBottom input.button {
	width:	132px;
	background:url('custom/contract969/icon_edit.png') no-repeat 10px 50%;
	color: #ff6000;
	font-size: 0.7em;
	/*text-transform: uppercase;*/
	margin-right: 5px; 
	padding-left:20px; 
	padding-right:5px; 
	padding-top:5px; 
	padding-bottom:5px
	}

	#amendQuantityButton input.button:hover, #amendQuantityButtonBottom input.button:hover {
	background:url('custom/contract969/icon_edit.png') no-repeat 10px 50% #cc4d00 !important;
	border : 1px solid #ff6000; 
	outline: none; 
	}
	#amendQuantityButton input.button:active, #amendQuantityButtonBottom input.button:active {
	position: relative; 
	top:1px;
	}


/***********************************************Button Ends*********************************************************/


/************************************************************** PRODUCT DETAILS Pop-up : Screen04.jsp  ****************************************************************/
div#productDetailsContainer {
	background-image: none;	
	margin: 0px 0px 0px -30px;	
	width: 445px; }

div#productDetailsContainer hr, div#productDetailsContainer br {
	display: none;}

div#productDetailsContainer div#productDetails {
	border : 1px solid #F0F0F0; 
	margin : 1em 0px;}

div#productDetailsContainer div#productDetails div#productDetailsDescriptionHeader {
	background-color: #868689;	
	color: white;
	font-size: 0.8em;	
	padding: 0.25em; }

div#productDetailsContainer div#productDetails div#productDetailsDescriptionText {
	font-size: 0.8em;	
	padding: 0.5em;}

div#productDetailsContainer div#productDetails div#productDetailsThumbnail {
	text-align: center; 
	margin: 0.5em;}

div#productDetailsContainer div#productDetails div#productDetailsThumbnail img {
	width : 100px; }

/************************************************************** PRODUCT DETAILS CATALOGUE- productdetails.jsp ****************************************************************/
 
#productDetailsCatContainer  {
 	background-image: none; 
 	height : 10000px;}

#productDetailsCatContainer #masterPane {
  	text-align : center; 
  	width : 95%; 
  	margin-left : auto; 
  	margin-right : auto; 
  	position : relative;}
 
#productDetailsCatContainer div#detailspane {
  	width : 400px; 
  	float : left;/*margin-top : 1em;*/ }
 
#productDetailsCatContainer table.detailsform, #mediaPostCarto table.detailsform {
  	width : 100%;  
  	border-collapse : collapse; 
  	margin : 2em 0 1em 0; 
  	border : #a0a0a0 1px solid; 
  	border-top : #a0a0a0 0px none; }

#productDetailsCatContainer table.detailsform tr td.qtyCol {
  	text-align : right;}

#productDetailsCatContainer table.webform {
  	width : 100%;  
  	border-collapse : collapse;}

#productDetailsCatContainer div#customdetails {
  	margin-bottom : 2em; 
  	border : #a0a0a0 1px solid;
  	border-top : 0px none; }

#productDetailsCatContainer .instructions {
  	margin-top : 0em;	 
  	font-size : 0.8em; }

#productDetailsCatContainer #imagepaneholder .instructions {
   font-size : 0.8em; }

#productDetailsCatContainer table.detailsform th,#mediaPostCarto table.detailsform th, #productDetailsCatContainer table.webform th {
 	background-color: #706862; 
 	background-image: none; 
 	height : 20px; 
 	text-align : center; 
 	color : white; 
 	font-size : 0.9em; 
 	border: solid 1px #706862;}


#productDetailsCatContainer table.detailsform tr.row1,#mediaPostCarto table.detailsform tr.row1, #productDetailsCatContainer table.webform tr.row1  {
  background-color : #FFFFFF; 
  line-height: 1.2em; }

#productDetailsCatContainer table.detailsform tr.row2,#mediaPostCarto table.detailsform tr.row2, #productDetailsCatContainer table.webform tr.row2{
  background-color : #FFFFFF; }

#productDetailsCatContainer table.detailsform tr.row1 td, #productDetailsCatContainer table.detailsform tr.row2 td, #mediaPostCarto table.detailsform tr.row1 td, #mediaPostCarto table.detailsform tr.row2 td,
  #productDetailsCatContainer table.webform tr.row1 td, #productDetailsCatContainer table.webform tr.row2 td {
  vertical-align:top;   
  font-size : 0.8em;   
  padding : 2px;   
  text-align : left;   
  word-wrap:break-word; }


#productDetailsCatContainer table.detailsform tr.row1 td.label, #productDetailsCatContainer table.detailsform tr.row2 td.label,
  #productDetailsCatContainer table.webform tr.row1 td.label, #productDetailsCatContainer table.webform tr.row2 td.label {
  font-size : 0.8em;   
  width : 150px;   
  vertical-align:top;   
  font-weight : bold; }

/****  Details for Adrexo Form ****/
div#adrexoCarto table.detailsform {
	border-collapse: collapse; 
	width : 650px; 
}

div#adrexoCarto table.detailsform th {
 background-color: #868689; 
 background-image: none; 
 height : 20px; 
 text-align : left; 
 color : white; 
 font-size : 0.9em; 
 padding : 0.25em; }


div#adrexoCarto table.detailsform tr.row1 {
  background-color : #F0F0F0; 
  line-height: 1.2em; }

div#adrexoCarto table.detailsform tr.row2 {
  background-color : #FFFFFF; }

div#adrexoCarto table.detailsform tr.row1 td, div#adrexoCarto table.detailsform tr.row2 td {
  vertical-align:top;   
  font-size : 0.8em;   
  padding : 2px;   
  text-align : left;   
  word-wrap:break-word; 
  padding : 0.25em;}


div#adrexoCarto table.detailsform tr.row1 td.label, div#adrexoCarto table.detailsform tr.row2 td.label {
  font-size : 0.8em;   
  width : 150px;   
  vertical-align:top;   
  font-weight : bold; }

div#adrexoCarto div.imageContainer {
	margin : 1em auto 1em auto; 
	width : 400px; 
	height : 300px; }

div#adrexoCarto img#adrexoImage {
  	max-height: 100%; 
  	max-width: 100%;}
/****/


#productDetailsCatContainer label {
  font-weight : bold;
  color: #4d4742; 	
}

#productDetailsCatContainer .step {
	display : none;
}

#productDetailsCatContainer tr.row1 td input, #productDetailsCatContainer tr.row1 td textarea, #productDetailsCatContainer  tr.row1 td select, 
 #productDetailsCatContainer tr.row2 td input, #productDetailsCatContainer tr.row2 td textarea, #productDetailsCatContainer  tr.row2 td select{
  font-size : 1em;   
  border : grey 1px solid; }

#productDetailsCatContainer tr.row1 td input:focus, #productDetailsCatContainer tr.row1 td textarea:focus, #productDetailsCatContainer  tr.row1 td select:focus, 
 #productDetailsCatContainer tr.row2 td input:focus, #productDetailsCatContainer tr.row2 td textarea:focus, #productDetailsCatContainer  tr.row2 td select:focus{
  border : #347CAB 1px solid; }

#productDetailsCatContainer .feedback .valid {
  background-image : none;   
  background-repeat:no-repeat; }

#productDetailsCatContainer .feedback .invalid {
  background-image : url(images/custom_pending.png);   
  background-repeat:no-repeat; }

#productDetailsCatContainer #imagepaneholder {
  width : 460px; 
  margin : 2em 0 0 2em;   
  text-align : center; 
  float : right; }

#productDetailsCatContainer #imagepaneholder.fixed {
	position : fixed; 
	left : 51%; 
	float : none; }

/* Image Pane stuff */
#productDetailsCatContainer .imagepane {
  width : 460px;   
  height : 500px;   
  border : 1px #E0E0FF solid; 
  padding : 2px;   
  text-align : center;   
  margin-left : auto;   
  margin-right : auto;   
  position : relative; 
 box-shadow:  0px 5px 12px #d0d0d0; }

#productDetailsCatContainer .imagepane .loadingimage {
  position : absolute;   
  top : 50%;   
  height : 50%;   
  width : 70%;   
  left : 0%;   
  height : 1.5em;   
  font-size : 0.9em;   
  padding-top : 3px;   
  margin-left: 15%;   
  margin-right: 15%;   
  text-align : centre;   
  z-index : 9999;   
  color : white;   
  background-color : #404040;   
  opacity:0.8;   
  filter:alpha(opacity=80); }

#productDetailsCatContainer .imagepane .previewlink {
  position : absolute;   
  top : 90%;   
  height : 10%;   
  width : 99%;   
  left : 0%;   
  height : 3em;   
  font-size : 0.9em;   
  padding-top : 3px;   
  margin-left: 0.5%;   
  margin-right: 0.5%;   
  text-align : centre;   
  z-index : 9999;   
  color : white;   
  background-color : #C0C0C0;   
  opacity:0.8;   
  filter:alpha(opacity=80); }

#productDetailsCatContainer .imagepane .button {
  
  margin-top: 1em;   
  margin-bottom: 1em;   
  color: #ff6000 ; 
  font-size: 0.9em; 
}

#productDetailsCatContainer .imagepane img.staticImagePreview {
  width : 460px;   
  height : 500px; }

#productDetailsCatContainer .imagepane #small-image {
  border : 0px none;   
  vertical-align : middle; }


#productDetailsCatContainer .formfooter {
  clear : both;	  
}

#productDetailsCatContainer .pricebreakstable table {
  
}

#productDetailsCatContainer .priceBreaksExpandRow,#productDetailsCatContainer .priceBreaksExpandRow a {
	background-color: #C00900;     
	background-image : none;     
	font-size: 1.0em;     
	color: white;     
	margin-left: 5px; }

#productDetailsCatContainer #pricebreaksdisplay th {
    background-color: #211E72; }


#mediapostcarto #mediapostloadingimage {
  position : absolute;   
  top : 50%;   
  height : 50%;   
  width : 70%;   
  left : 0%;   
  height : 1.5em;   
  font-size : 0.9em;   
  padding-top : 3px;   
  margin-left: 15%;   
  margin-right: 15%;   
  text-align : centre;   
  z-index : 9999;   
  color : white;   
  background-color : #404040;   
  opacity:0.8;   
  filter:alpha(opacity=80);   
  background: #404040 url(images/mediapostloading.gif) no-repeat left 10px center;   
  background-color : #404040; }

/** productdetails screen audio preview styling **/
#productDetailsCatContainer .imagepane .audiopreview {
  position : absolute;   
  top : 88%;   
  height : 50%;   
  width : 70%;   
  left : -12%;   
  height : 1.5em;   
  font-size : 0.9em;   
  padding-top : 3px;   
  margin-left: 15%;   
  margin-right: 15%;   
  text-align : centre;   
  z-index : 9999;   
  color : white;   
  opacity:0.8;   
  filter:alpha(opacity=80); }

.previouskititembutton {
	text-indent: -9999px; 	
	height: 35px; 
	width: 35px; 
	-webkit-border-radius: 0px; 	
	-moz-border-radius: 0px; 	
	border-radius: 0px; 	
	display: block; 	
	overflow: hidden; 	
	padding: 0; 	
	margin: 0; 	
	float: left; }

.previouskititembutton .mis {
	visibility: hidden; }

.nextkititembutton {
	text-indent: -9999px; 	
	height: 35px; 
	width: 35px; 
	-webkit-border-radius: 0px; 	
	-moz-border-radius: 0px; 	
	border-radius: 0px; 	
	display: block; 	
	overflow: hidden; 	
	padding: 0; 	
	margin: 0; 	
	float: right; 
}

.nextkititembutton .mis {
	visibility: hidden; }

#kitpreviousnextbuttons {
	width: 100%; }

#previousbutton {
	width: 10%; 	
	float:left; 	
	height: 35px;  
}

#positioninkitmessageouter {
	width: 80%; 	
	float: left; 	
	text-align: center; 	
	background-color: red; 	
	color: white; 	
	font-weight:bold; 	
	margin-bottom: 5px; }

#positioninkitmessage {
	width: 50%; 	
	float:left; 
}

#backtokitparentbutton{
	width: 50%; 	
	float:right; }

#backtokitparentbutton .button{
	background-color: #606060; 	
	font-size: 0.8em; 	
	vertical-align: middle; }

.finishkitbutton{
	font-size: 12px; 	
	font-weight: bold; }

#kittable{
	clear: both; }

#kitsnavigator {
}

#kititemcustomisabledetails {
	font-style:italic; }

#nextbutton {
	width: 10%; 	
	float:right; 	
	height: 35px; 
}

#productDetailsCatContainer .content {
		width: 960px; 
		background: none; 
		overflow: hidden; 
		border: none; 
		margin: 0!important; 
		padding:  0; }
	
#productDetailsCatContainer h2 {
margin: 5px 0 0; 
padding: 0}

#productDetailsCatContainer .leftColumn{
        display : none; }

#productDetailsCatContainer .mainColumn{
        width:940px; }

#productdetailscatcontainer div#detailspane {
	    clear: both;  
	    width: 460px; 		
	    margin-top: 0em; }

#productDetailsCatContainer .imagepane {
	border: none; }

#productdetailscatcontainer #webform {
        width: 950px; }


#productdetailscatcontainer div#customdetails input {
        width: 250px; }

#productDetailsCatContainer h2{
    font-weight: normal;     
    font-size: 16px;     
    color: #005091;     
    margin-bottom: 10px;     
    text-align: left;     
    display: block; }

#productDetailsCatContainer .feedback .invalid {
  background-image : url('/images/base_new/error_icon.png');   
  background-repeat:no-repeat;   
  width : 15px;   
  height : 15px
}

#productdetailscatcontainer div#customdetails textarea, #productdetailscatcontainer div#customdetails input {
  width : 300px; }


#productdetailscatcontainer #masterPane {
	width: 100%; 
	position : relative;}

#productdetailscatcontainer #customDetails .labelCol {
	width: 120px; }

#productdetailscatcontainer .mainColumnSection1 {
	width: 940px; }

#productDetailsCatContainer .rightColumn {
  display : none; }

#productDetailsCatContainer .mainColumn {
  width : 960px;   
  background-color : white; }

#productDetailsCatContainer .maincolumnsection1, #productDetailsCatContainer .maincolumnsection2,#productDetailsCatContainer .maincolumnsection3 {
  width : 100%;   
  background-color : white;   
  overflow : visible; }

#productDetailsCatContainer .imagePane {
  width : 460px;   
  height : 500px; 
}

#productDetailsCatContainer #imagepaneholder {
  width : 465px;   
  margin-left : 0.5em; }

#downloadablemediamessage {
display: block; 
-webkit-margin-before: 1em;
-webkit-margin-after: 1em; 
-webkit-margin-start: 0px; 
-webkit-margin-end: 0px; 
font-weight: bold; 
margin-top: 3em; 
margin-left: 5em; }

.downloadablemediaitem {
margin-top: 1em; }


.downloadmediaCol{
        text-align:center; }

.downloadmediaCol a {
        margin-right: 3em;         
        padding-right: 3em; }


#catalogueSearchComponentSearchResults a {
z-index: 500; }

.personaliseprocessbar {
 display:block; 
 width: 450px; 
 height: 70px; 
 clear: both; 
 margin : 1em 0 1em 1.5em; }

.personaliseprocessbar .section1 {
	width: 70px; 
	float: left; 
	text-align: center; 
	background: url("/custom/contract969/personalisestep1faded.png") no-repeat 20px 0px;
	padding-left:0px; 
	padding-right:10px; 
	padding-top:50px; 
	padding-bottom:0px}

.personaliseprocessbar .section1current{
 	background: url("/custom/contract969/personalisestep1.png") no-repeat 20px 0px; 
 	color: #ff6000; 
 	clear : none
}

.personaliseprocessbar .section2 {
 	width: 80px; 
 	float: left; 
 	text-align: center; 
 	background: url("/custom/contract969/personalisestep2faded.png") no-repeat 20px 0px;
	padding-left:0px; 
	padding-right:0px; 
	padding-top:50px; 
	padding-bottom:0px}

.personaliseprocessbar .section2current{
	background: url("/custom/contract969/personalisestep2.png") no-repeat 20px 0px; 
	color: #ff6000; 
	clear : none
}

.personaliseprocessbar .section3 {
	width: 70px; 
	float: left; 
	text-align: center; 
	background: url('custom/contract969/personalisestep3faded.png') no-repeat 20px 0px;
	padding-left:0px; 
	padding-right:0px; 
	padding-top:50px; 
	padding-bottom:0px;}

.personaliseprocessbar .section3current{
 background: url('custom/contract969/personalisestep3.png') no-repeat 20px 0px; 
 color: #ff6000; 
 clear : none; }

.personaliseprocessbar .section1, .personaliseprocessbar .section2, .personaliseprocessbar .section3, .personaliseprocessbar .divider{
 font-style: italic; 
 font-size: 12px; 
 font-weight: bold; 
 clear : none;}

.personaliseprocessbar .current {
 color: #ff6000; 
 clear : none; }

.personaliseprocessbar .divider {
 width: 60px; 
 float: left; 
 text-align: center; /* margin:50px 6px 0px 0px;*/
 background: url("/custom/contract765/ditec_arrow.png") no-repeat 5px 0px; 
 height: 60px
}

#step1 .step h2, #step1Label{
 display: none; }

#step2 .step h2, #step2Label{
 display: none; }

#step3 .step h2, #step3Label{
 display: none; }


#step2 .previewButton {
 float: right; }

#step3 .addtobasketbutton2 {
 float: right; }

#imagepaneholder .previewButton {
 display: none; }

.addToBasketNote {
 font-size: 0.7em; 
 font-style: italic; 
 width: 130px; 
 display: none; 
 color: #ff6000; 
 float: right; 
 clear: both; 
 padding:5px 20px 0 0; 
}

div#productDetailsCatContainer div#externalFrameContainer {
	position : relative; 
	width : 928px; 
	height : 580px; }

div#productDetailsCatContainer div#externalFrameResizer {
	position : static; 
	width : 928px; 
	height : 580px; 
	border : 1px solid #f0f0f0;}

div#productDetailsCatContainer div#loadingContainer {
	position : absolute; 
	top : 0; 
	left : 0; 
	width : 928px; 
	height : 580px; 
	background-image: url('/images/loading-wait.gif'); 
	background-position: center; 
	background-repeat: no-repeat; }

div#productDetailsCatContainer iframe#externalFrame {
	width : 100%; 
	height : 100%; 
	border : 0px none; 
	overflow: hidden; 
	margin : 0 auto 0 auto;  }

div#productDetailsCatContainer.external div.content {
	overflow : visible;}

.ui-resizable-helper { 
border: 2px dotted #D0D0D0; }

/**************************** Chili Publisher Page *********************************/
body.chili {
	padding : 0px;}
	
div#productDetailsCatContainer.chili {
	width : 100%; 
	max-width: 1600px; 
	margin : 0px auto; }

div#productDetailsCatContainer.chili div.content, div#productDetailsCatContainer.chili div.mainColumn {
	width : 100%; 
	max-width: 1600px; 
	margin : 0px auto; 
	padding : 0px; 
	overflow : visible;}
div#productDetailsCatContainer.chili div.mainColumnSection2 {
	display : none;}

div#productDetailsCatContainer.chiliAdmin {
	width : 100%; 
	margin : 0px auto; }

div#productDetailsCatContainer.chiliAdmin div.content, div#productDetailsCatContainer.chiliAdmin div.mainColumn {
	width : 100%; 
	margin : 0px; 
	padding : 0px; 
	overflow : visible;}

div#productDetailsCatContainer.chili div.header {
	display : none;}

div#productDetailsCatContainer.chili div#externalFrameContainer {
	position : relative; 
	width : 100%; 
	height : 695px; }

div#productDetailsCatContainer.chiliAdmin div#externalFrameContainer {
	position : relative; 
	width : 100%; 
	height : 100%; }

div#productDetailsCatContainer.chili div#externalFrameContainer.right {
	position:relative; 
	margin-right : 290px; 
	width : auto; 
	padding : 30px;  }

div#productDetailsCatContainer.chili div#externalFrameResizer, 
div#productDetailsCatContainer.chiliAdmin div#externalFrameResizer {
	position : static; 
	width : 100%; 
	height : 695px; 
	border : 1px solid #f0f0f0;}

div#productDetailsCatContainer.chili div#loadingContainer, 
div#productDetailsCatContainer.chiliAdmin  div#loadingContainer {
	position : absolute; 
	top : 0; 
	left : 0; 
	width : 100%; 
	height : 560px; 
	background-image: url('/images/loading-wait.gif'); 
	background-position: center; 
	background-repeat: no-repeat; }

div#productDetailsCatContainer iframe#externalFrame {
	width : 100%; 
	height : 100%; 
	border : 0px none; 
	overflow: hidden; 
	margin : 0 auto 0 auto;  }

.ui-resizable-helper { 
border: 2px dotted #D0D0D0; }

div#productDetailsCatContainer.chili h1{
	display : none; 	}

div#productDetailsCatContainer.chili div.viewTools {
	text-align : right; 
	margin : 0.5em 0;}
div#productDetailsCatContainer.chili div.viewTools select {
	font-size : 0.6em; }



/*** Nav bar on Right ***/
div#chiliNavigationToolbar.right {
	float : right; 
	width : 260px; 
	margin-left : -280px; 
	margin-top : -755px; 
	background: #FFFFFF;	
	border: 1px solid FFFFFF;	
	padding: 1em 0 0 0; 
	min-height: 560px; 
	padding : 0px 30px 0px 0px; }

div#chiliNavigationToolbar.right button.button {
	width: 60px; 
	height: 3em; 
	margin : 0.25em; }

div#chiliNavigationToolbar.right div.zoomTools {
	display: block; 
	text-align: center;}

div#chiliNavigationToolbar.right div.zoomTools div#zoomSlider {
	font-size : 10px; 
	margin : 0.5em 2em 2em 2em;}
div#chiliNavigationToolbar.right div.zoomTools div#zoomAmount {
	font-size : 0.8em; 
	font-style: italic; 
	margin : 1.5em 0 0 0;}

div#chiliNavigationToolbar.right div.navigationTools {
	display: block;	
	margin : 3em 0 0 0; 
	text-align: center;}

div#chiliNavigationToolbar.right div.navigationTools button {
	margin : 0 0.5em 1.5em 0.5em;
	}
	
div#chiliNavigationToolbar.right div.orderTools {
	text-align: center; 
	clear : both;}

div#chiliNavigationToolbar.right div.orderTools button {
	display: block;	
	width: 100px; 
	margin : 0 auto 1em auto;}

div#chiliNavigationToolbar.right h2 {
	font-weight: bold; 
	font-size : 0.8em; 
	background-color : #F0F0F0; 
	text-align: center; 
	margin : 0 0 0.5em 0; 
	padding : 0.1em; 
	color : black; }

div#chiliNavigationToolbar.right div.zoomTools, 
div#chiliNavigationToolbar.right div.navigationTools, div#chiliNavigationToolbar.right div.orderTools {
 	background: white; 	
 	margin: 0 0 1em 0; 	
 	padding: 0.25em; 	
 	border: 1px #E0E0FF solid; 
 	min-height : 150px;}


/*** Nav Bar at bottom ***/
div#chiliNavigationToolbar.bottom {
	height: 300px;	
	background: #FFFFFF; 
	padding: 1em 0 0 0; 
	margin : -20px 0 0 0;}

div#chiliNavigationToolbar.bottom button.button {
	width: 60px;
	height: 3em; 
	margin : 0.25em;}

div#chiliNavigationToolbar.bottom div.zoomTools {
	width: 25%;	
	float: left;	
	display: block;	
	height: 100%; 
	text-align: center;}

div#chiliNavigationToolbar.bottom div.zoomTools div#zoomAmount {
	font-size : 0.8em; 
	font-style: italic; 
	text-align: center;}

div#chiliNavigationToolbar.bottom div.zoomTools div#zoomSlider {
	font-size : 10px; 
	margin : 1em 2em 1em 2em;}

div#chiliNavigationToolbar.bottom div.navigationTools {
	width: 50%;	
	float: left;	
	display: block;	
	height: 100%;}

div#chiliNavigationToolbar.bottom div.navigationTools button {
	margin: 40 0.5em 0 0.5em;}

div#chiliNavigationToolbar.bottom div.pageSlider {
	margin: 0 20;}

div#chiliNavigationToolbar.bottom div.paging {
	clear : both; 
	margin : -11.5em auto 0 auto; 
	text-align: center;}

div#chiliNavigationToolbar.bottom div.paging button{
		margin : 40 5.5em 1.5em 5.5em;
}

div#chiliNavigationToolbar.bottom div.orderTools {
	width: 23%;	
	text-align: right;	
	float: left;}

div#chiliNavigationToolbar.bottom div.orderTools button {
	display: block;	
	margin: 0 0 0.5em 80px;	
	width: 100px;}
	
div#chiliNavigationToolbar div.optionContainer div.optionRow {
	font-size : 0.8em; 
	padding : 0.25em; 
	clear : both;}

div#chiliNavigationToolbar.bottom h2 {
	display : none; }

div#chiliNavigationToolbar.bottom div.zoomTools, 
div#chiliNavigationToolbar.bottom div.navigationTools, div#chiliNavigationToolbar.bottom div.orderTools {
 	background: white; 
 	margin: 0 0 1em 0; 	
 	padding: 0.25em; 	
 	border: 0px #E0E0FF none; }

/** Labels etc on Nav Bar **/
div#productDetailsCatContainer.chili div.orderTools {
	text-align : left;}
	
div#productDetailsCatContainer.chili div#chiliNavigationToolbar.bottom  div.orderTools {
	text-align : right;}

div#chiliNavigationToolbar div.pageSlider {
	margin: 0 10; 
	height : 125px; }

div#chiliNavigationToolbar div.pageSlider ul {
	margin : 0px}

div#chiliNavigationToolbar div.pageSlider ul img {
	border : 1px solid #D0D0D0;}

div#chiliNavigationToolbar div.paging {
	z-index : 10;}
	
div#productDetailsCatContainer.chili div.orderTools label{
	width: 100px;
	display: block;
	float: left;
	clear: left; 
	font-size : 0.8em; 
	font-weight: bold; 
	padding : 4px 0 0 0;}

div#productDetailsCatContainer.chili div.orderTools input {
	font-size : 0.8em; }
	
div#productDetailsCatContainer.chili div.orderTools input#costCentre {
	width : 150px;	}
		
div#productDetailsCatContainer.chili div.orderTools input#unitQuantity {
	width : 60px;	}

div#productDetailsCatContainer.chili div.orderTools div.priceField div.basePrice {
	display : block; 
	width : 16px; 
	float : right; 
	top : 0; 
	left : 0; }

div#productDetailsCatContainer.chili div.orderTools div.priceField {
	font-size : 0.8em; 
	padding : 4px; 
	position: relative; }
	
div#productDetailsCatContainer.chili  div.hasinfo{
	background: url("/custom/contract969/icon_info.png") no-repeat #FFFFFF;	
	min-height: 16px;}

div#productDetailsCatContainer.chili div.navigationTools div.preview {
	text-align: center; 
	margin : 1em auto 1em auto;}
		
div#productDetailsCatContainer.chili button.chiliPDFPreview {
	clear : both; 
	margin : 1.5em auto 0 auto;	
	color: #fff;
	font-size: 0.8em; 
	border: 1px solid #153582;	
	font-weight: bold; 
	background: #999999; 
	width: auto; 
	height: 3em; }

div#productDetailsCatContainer.chili div#chiliNavigationToolbar.bottom button.chiliPDFPreview {
	margin : 0.25em auto 0 auto;	}

div#productDetailsCatContainer.chili div.orderTools button.chiliOrderTool {
	clear : both; 
	margin : 1.5em auto 0 auto;	
	color: #fff;
	font-size: 0.9em;  
	border: 1px solid #153582;	
	font-weight: bold; 
	background: #DB0010; 
	width: 195px; 
	padding : 0.25em 50px}

div#productDetailsCatContainer.chili div#chiliNavigationToolbar.bottom div.orderTools button.chiliOrderTool {
	margin : 1em 0 0 auto;	}

div#productDetailsCatContainer.chili div.orderTools .orderDetail {
	clear: both; 
	margin : 0.25em 0;}

div#productDetailsCatContainer.chili div.orderTools div.packSizeField {
	font-size : 0.8em; 
	padding : 4px; 
}

 /************************************************************** BASKET PAGE - SCREEN05 *******************************************************************/
 
 #basketContainer #basketMessage {
    width: 70%; 
    text-align: left; 
    float: left; 
    padding-left: 5%; 
	font-size : 0.9em; 
}

#basketContainer #amendQuantityButton {
	float:right; 
	text-align: right; 
	width: 20%; 
	padding-right: 1%; 
	padding-top: 3%;
}

#basketContainer #amendQuantityButtonBottom {
	float:right; 
	text-align: right; 
	width: 20%; 
	padding-right: 1%; 
	clear: both;
}

#basketContainer #orderLineCount{
	text-align: center; 
	font-size : 0.9em; 
	font-weight: bold; 
	clear:both;
}

#basketContainer #basketTotalWeight{
	font-size : 1.1em; 
	text-align: right; 
	font-weight : bold; 
	color: black;
}

#basketContainer #priceMatrix{
	font-size : 0.9em; 
	text-align: right;
}


#basketContainer #basketTotal{
	
	font-size : 0.8em; 
	text-align: right; 
	padding-right: 3px;
}

#basketContainer #basketTotalPrice, #basketDiscountAmount, #basketTotalLessDiscount{
	font-weight : bold;
}

#basketContainer #basketTotalsExVatMessage{
	padding-right: 5%;
}
#basketContainer #orderDetails {
	float: right; 
	font-size : 0.9em; 
	padding-right: 1%; 
	font-weight: bold;
}

#basketContainer #basketMessage {
	padding-top: 3%;
}

#basketContainer .leftColumnSection1 {
	/*padding-left: 20%;*/
	padding-top: 5px;
}

#basketContainer .leftColumnSection2 {
	/*padding-left: 20%;*/
	display: none;
		padding-top: 10px;
		font-size : 0.9em; 
}

#basketContainer .leftColumnSection2 .button {
	width: 70%;
}

#basketContainer .leftColumnSection1 {
	text-align: left;
	font-size : 0.9em; 
}

#basketContainer .leftColumnSection2 {
	text-align: left;
}

#basketContainer .leftColumnSection2 h4 {
	display: none;
}

#basketContainer .mainColumnSection3 {
	padding-bottom : 350px;
}

 #basketContainer #basketTable td.packCol {
 	text-align: right;
 }
 
 #basketContainer #basketTable .qtyCol {
   text-align: center;
 }

 #basketContainer #basketTable td.weightCol {
   text-align: right;
 }

 #basketContainer #basketTable .qtyCol input {
 	width: 80%;
 }
 
  #basketContainer #basketTable td.extendedQtyCol {
 	text-align: right;
 }
 
 #basketContainer #basketTable td.priceCol  {
 	text-align: right;
 }
 
  #basketContainer #basketTable td.totalCol  {
 	text-align: right;
 }
 
 #basketContainer #priceMatrixContainer, #checkoutContainer #priceMatrixContainer{
   position : absolute; 
   display : none; 
   width : 300px;
   border : 1px solid #d0d0d0; 
   margin : 0px; 
   background-color : white; 
   text-align : left; 
   margin : 1px; 
 }
 
 #basketContainer #priceMatrixContainer #carriageMatrixTitle, #checkoutContainer #priceMatrixContainer #carriageMatrixTitle{
  font-weight : bold; 
  font-size : 1.1em; 
  color: #211E72; 
  text-align : center; 	 
 } 

 #basketContainer #priceMatrixContainer #carriageMatrixSubtitle, #checkoutContainer #priceMatrixContainer #carriageMatrixSubtitle {
  font-weight : bold; 
  font-size : 0.9em; 
  color: #211E72; 
  text-align : center;
 } 
 
 #basketContainer #priceMatrixContainer #carriageMatrixFlatRate, #checkoutContainer #priceMatrixContainer #carriageMatrixFlatRate {
  font-style : italic; 
  font-size : 0.9em; 
  color: #211E72; 
  text-align : right; 
  margin-right : 5%; 	 
 } 
 
#priceMatrixContainer .carriageMatrixWeightNote {
  font-style : italic;   
  font-size : 0.7em;   
  color: #211E72;  
  text-align : right;
  padding-top : 0.5em;  
} 

#priceMatrixContainer .activeRow {
	border: 1px solid black; 
	font-weight : bold;  
}

#basketContainer #basketTable .actionHead,#basketTable .actionCol {
	width: 20px;
}

/** Basket Screen invalid rows styling **/
#basketContainer .invalidBasketLine * { 
color : red;  
font-style : italic ; }

#basketContainer #totalsWrapper{}

#basketContainer #basketTotals{	
	width:50%; 
	float: right; 
	font-size: 0.7em;
}

#basketContainer #basketWeights{	
	width:50%; 
	float: left; 
	text-align : right;	
}

#basketContainer #basketTotalAmounts{	
	width:50%; 
	float: right; 
	text-align : right;
}

div#basketContainer div.leftColumn input.button {
	margin : 0.3em 0 0.3em 0; 
	width : 150px; }
	
div#basketContainer div.leftColumn input#newBasketButton {
	margin : 1em 0 1em 0; 
	width : 150px; }

div#checkoutContainer div.leftColumn input.button {
	margin : 0.3em 0 0.3em 0; 
	width : 150px; }

/*
#checkoutButton, #completeOrderButton, #placeMultipleButton, #multipleAddressesButton {
	background: url('/images/base_new/next_step.png') no-repeat top center; text-align: center; width: 150px;
	height: auto	!important; color:#005091; margin: 15px 0; font-size: 0.7em; padding-left:0; padding-right:0; padding-top:40px; 
	padding-bottom:0;  border : 0px none; 
 }

#adjouterButton {
	background: url('/images/base_new/ico_ajouterart.png') no-repeat top center; text-align: center; width: 150px	!important; height: auto	!important;
	color:#005091; margin: 15px 0; font-size: 0.7em; padding-left:0; padding-right:0; padding-top:40px; padding-bottom:0; 
	border : 0px none; }

#saveBasketButton {
	background: url('/images/base_new/ico_mappanier.png') no-repeat top center;
	text-align: center	!important;  width: 150px	!important;
	height: auto	!important;  color:#005091;  margin: 15px 0;  font-size: 0.7em;  
	border : 0px none;   padding-left:0;  padding-right:0;  padding-top:40px;  padding-bottom:0;  }

#checkoutButton:hover, #adjouterButton:hover, #saveBasketButton:hover, #completeOrderButton:hover {
border: none;
}
/*

/*************************************************************** ONE OFF BASKET COMPONENT**************/
div#oneOffBasketNameContainer label {
	font-size : 0.8em; 
	display : block; 
	float : left; 
	width : 120px; }

div#oneOffBasketNameContainer input#basketname {
	font-size : 0.8em; 
}
div#oneOffBasketNameContainer div#basketNameButton {
	clear : both; 
	margin : 0.5em 0; }

div#oneOffBasketNameContainer div#oneOffBasketInvalidName {
	color : red; 
	font-size: 0.8em; 
	text-align: center;
}

div#oneOffBasketNameContainer  div#oneOffBasketList {
	margin : 1em 0em 0em 0em;
}

button.buttonDisabled {
	opacity : 0.5; 
	zoom : 1; 
	filter: alpha(opacity=50); 
}


=======
/*************************************************************** ONE OFF BASKET COMPONENT**************/
div#oneOffBasketNameContainer label {
	font-size : 0.8em; 
	display : block; 
	float : left; 
	width : 120px; }

div#oneOffBasketNameContainer input#basketname {
	font-size : 0.8em; 
}
div#oneOffBasketNameContainer div#basketNameButton {
	clear : both; 
	margin : 0.5em 0; }

div#oneOffBasketNameContainer div#oneOffBasketInvalidName {
	color : red; 
	font-size: 0.8em; 
	text-align: center;
}

div#oneOffBasketNameContainer  div#oneOffBasketList {
	margin : 1em 0em 0em 0em;
}

button.buttonDisabled {
	opacity : 0.5; 
	zoom : 1; 
	filter: alpha(opacity=50); 
}


/************************************************************** CHECKOUT PAGE - SCREEN06 *******************************************************************/

.hidelayer {
	display : none;
}

#checkoutContainer .leftColumnSection1 {
  text-align : center;	
} 
#checkoutContainer .leftColumnSection1 #saveBasketButton {
display: none;	
}


#checkoutContainer label {
	width: 30%; 
	text-align: right; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	font-weight: bold; 
	font-size : 0.8em; 
	clear: both; 
}


#checkoutContainer #DeliveryAddress_adhoc {
	margin-left : 128px; 
	margin-bottom : 5px; 
	line-height: 1.2em;
}

#checkoutContainer #DeliveryAddress_adhoc label {
	width: 100px; 
	display: block; 
	float: left; 
	clear : both;
}

#checkoutContainer #DeliveryAddress_adhoc .formathint {
  font-size : 0.7em;
  font-style : italic;
}

#checkoutContainer #DeliveryAddress_adhoc .formatmessage {
  font-size : 0.7em;
  font-style : bold;
  color : red;
}

#checkoutContainer .hidelayer {
	display : none;
}


#checkoutContainer span#costCentreMessage, #checkoutContainer span#poRefMessage {
	margin-left : 2em; 
	color : red;	
	font-size: 0.8em;
} 

#smartsearchInstructions{
	width: 30%; 
	text-align: right; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	margin-top : 5px; 
	font-weight: bold; 
	font-size : 0.8em; 
	clear: both; 
}

#checkoutContainer .mainColumnSection1 div{
	clear: both; 
	margin-top : 5px;
}

#checkoutContainer .mainColumnSection1 div#DeliveryAddressRow {
	margin-top : 0.5em;
}

#checkoutContainer .AddressSearchBlock{
	clear : none !important; 
	height : 1em;}

#checkoutContainer #totalsWrapper{	

}

#checkoutContainer #totalsWrapper div{	
	margin-top : 0px;
}

#checkoutContainer #orderTotals{	
	width:50%; 
	float: right; 
	font-size: 0.7em;}

#checkoutContainer #orderTotalsAmounts{
	clear: none; 
	width:50%; 
	float: right; 
	font-size: 1.2em;
}

#checkoutContainer #basketWeights{	
	width:50%; 
	float: left; 
	text-align : right;	
}

#checkoutContainer #basketTotalWeight{
	
	font-size : 1.1em; 
	text-align: right; 
	font-weight : bold; 
	color: black;
}

#checkoutContainer #orderTotalsLabels{
	float:left; 
	width: 59%; 
	clear: none;
}

#checkoutContainer #orderTotalsValues{
	float:right; 
	width: 40%; 
	clear: none;
}

#checkoutContainer #orderTotalsPrice{
	font-weight : bold; 
	text-align : right;
}

#checkoutContainer #orderTotalsPriceValue, #checkoutContainer #orderTotalPriceCarriageValue,  #checkoutContainer #orderTotalPriceVatValue, 
#checkoutContainer #orderTotalPriceTotalValue, #checkoutContainer #orderDiscountValue,  #checkoutContainer #orderTotalLessDiscountValue  {
  text-align : right;
  padding-left : 10px;
  margin-left : 10px;
}   

#checkoutContainer #orderTotalsExMessage{
	text-align : right;
}

#checkoutContainer #orderTotalPriceCarriage{
	font-weight : bold; 
	text-align : right;
}

#checkoutContainer #orderTotalPriceTotal{
	font-weight : bold; 
	text-align : right;
}

#checkoutContainer #orderTotalPriceVat{
	font-weight : bold; 
	text-align : right;
}

#checkoutContainer #orderTotalsExVatMessage{
}

#checkoutContainer #basketTotalWeight {
  text-align : right;	
	font-weight : bold;

}

#checkoutContainer #orderLineCount{
	text-align: center; 
	font-size : 0.9em; 
	font-weight: bold; 
	padding-bottom: 3%;
}

#checkoutContainer .leftColumn {
	/*height: 125%;*/
}

#checkoutContainer .rightColumn {
	/*height: 125%;*/
}

#checkoutContainer #DeliveryAddress_details, #checkoutContainer #InvoiceAddress_details {
    font-size: 0.7em; 
    padding-left : 240px;
    display : block; 
    background-color : white;
}
#InvoiceAddressRow {
	display: none !important;} 
#checkoutContainer #InvoiceAddress_details {
	display: none !important;
    font-size: 0.7em; 
    padding-left : 240px;
    display : block; 
    background-color : white;
}

#checkoutContainer #deliveryAddressFixed, #checkoutContainer #invoiceAddressFixed{
    font-size: 0.8em;
}
#checkoutContainer .carriageDetails{
    font-size: 0.8em;
}

/* Settings for Basket */
#checkoutTable  .codeCol, #checkoutTable .codeHead, #baskettable  .codeCol, #baskettable  .codeHead {
	text-align: center;
}

#checkoutTable  .productCol, #checkoutTable  .productHead, #baskettable  .productCol, #baskettable  .productHead {
	text-align: center;
}

#checkoutTable  .packCol, #checkoutTable  .packHead, #baskettable  .packCol, #baskettable  .packHead {
	text-align: right;
}

#checkoutTable  .weightCol, #checkoutTable  .weightHead, #baskettable  .weightCol, #baskettable  .weightHead  {
	text-align: right;
}

#checkoutTable  .priceCol, #checkoutTable  .priceHead, #baskettable  .priceCol, #baskettable  .priceHead  {
	text-align: right;
}

#checkoutTable  .qtyCol, #checkoutTable  .qtyHead, #baskettable  .qtyCol, #baskettable  .qtyHead {
	text-align: right;
}

#checkoutTable  .totalCol, #checkoutTable  .totalHead, #baskettable  .totalCol, #baskettable  .totalHead {
	text-align: right;
}

#checkoutTable  .quotaCol, #checkoutTable  .quotaHead, #baskettable  .quotaCol, #baskettable  .quotaHead {
	text-align: right;
}

#checkoutTable  .quotaActionCol, #checkoutTable  .quotaActionHead, #baskettable  .quotaActionCol, #baskettable  .quotaActionHead {
	text-align: center;
}

#termsAndConditionsLink a{
	text-decoration:underline;
}

/************************************************************** ORDER CONFIRM *******************************************************************/
#orderConfirmContainer {}

#orderConfirmContainer mainColumnSection1 div {
	padding-top : 2px; 
	padding-bottom : 2px;}


#orderConfirmTable div {
  font-size : 0.8em;}

#orderConfirmTable label {
	width: 20%; 
	display: block; 
	float: left; 
	margin-right: 3%;
	margin-left: 10%; 
	font-weight: bold; 
	text-align:right; 
	clear: both;}


#orderConfirmContainer #orderConfirmText {
	margin-left : 15%; margin-right : 15%; font-size : 0.8em;}

#orderConfirmContainer #orderConfirmText h3 {
	font-size : 1em;}

#orderConfirmContainer #invoiceFooterText {
	font-size: 0.6em; margin-top: 40px;
    text-align : center;}
#orderConfirmContainer #orderConfirmTable {
	margin-left : 2em;}

#orderConfirmContainer .printOrderLink {
	margin : 1em 0em 0em 2em;}

/************************************************************** BASKET MANAGEMENT PAGE *******************************************************************/

#basketsTable {
	padding-left: 20%; 
	padding-right: 20%;
}
#basketsTable .nameCol{
	text-align: center;
}

#basketsTable .basketsizeCol{
	text-align: center;
}

#basketsTable .totalbasketpriceCol{
	text-align: center;
}

#basketsTable .actionsCol{
	text-align: center;
}


#contractBasketsTable .nameCol {
	text-align: center;
}

#contractBasketsTable .basketSizeCol {
	text-align: center;
}

#contractBasketsTable .totalBasketPriceCol {
	text-align: center;
}

#contractBasketsTable .actionsCol {
	text-align: center;
}


#contractBasketsTable {
	padding-left: 20%; 
	padding-right: 20%;
}

#contractBasketsTable .actionsCol {
	text-align: center;	
}



/***********************************************************************************************************/

/*----------------------------

Pagination 

----------------------------*/

.pagenum {
	 background: url('/images/base_new/menubg.png') repeat-x bottom;	
	 color: #fff;
	padding: 5px; 
	font-size: 0.7em; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	font-weight: bold; 
	border-radius: 5px
}

.pagenum a {
	color: #fff;}

.pagenumcurrent {
	font-size: 0.7em; 
	background: #ff6000; 
	color: #fff; 
	padding: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; }

.currentpagenum {
	font-size: 0.7em; 
	background: #ff6000; 
	color: #fff; 
	padding: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}

/*----------------------------
My Profile/Details
----------------------------*/

.mydetailsform #mydetailsformpart1, .mydetailsform #mydetailsformpart2, .mydetailsform #myDetailsFormPart3 {
	text-align: left;	
	margin-left: auto;	
	margin-right: auto;	
	padding: 10px;	
	margin-top: 20px;
	width: 560px;	
	border: 1px solid #B3B3B3;	
	padding: 10px;	
	clear: both; 
	background-color: #f0f0f0;
}


.mydetailsform .submitButton {
	margin : 0px auto  ;
}

.mydetailsform .buttonHolder {
	text-align: center;
}


/***************************************************************************************/
/*----------------------------

Pane Tab 

----------------------------*/
.pane-tab-basket {display: none;}
.pane-tab-navigation {
    clear: both; 
    width: 695px; 
    overflow: hidden; 
    margin: 0; 
    display: block; 
    height: auto;
    padding: 0;
}

.pane-tab-navigation ul {
	display: inline; 
	float: left; 
	padding: 0; 
	margin: 0 0 0 10px;}

.pane-tab-navigation ul li {
	display: inline; 
	float: left;}

.pane-tab-navigation ul li a, .pane-tab-navigation ul li a:link, .pane-tab-navigation ul li a:visited{
	color: #fff; 
	text-indent: -9999px; 
	overflow: hidden; 
	display: block; 
	float: none; 
	text-align: left; }

.pane-tab-navigation a.listviewlink, .pane-tab-navigation a.listviewlink:link, .pane-tab-navigation a.listviewlink:visited {
	display:none;
	background: url('custom/contract969/icon_list.png') no-repeat; 
	height: 23px; 
	margin-left: 10px; 
	width: 23px; }

.pane-tab-navigation a.listviewlink:active {
	display: none;
	background: url('custom/contract969/icon_list.png') no-repeat; }

.pane-tab-navigation a.paneviewlink,
.pane-tab-navigation a.paneviewlink:link,
.pane-tab-navigation a.paneviewlink:visited {
	display: none;
	background: url('custom/contract704/sgdhzw_icon_grid.png') no-repeat; 
	height: 23px; 
	width: 23px;}

.pane-tab-navigation a.paneviewlink:active {
	display: none;
	background: url('custom/contract704/sgdhzw_icon_grid.png') no-repeat; }

.pageHeadingNew {
	overflow: hidden; 
	margin-bottom: 10px; 
	display: block;}
	
.pane-tab-item, .pane-tab-item:link, .pane-tab-item:visited {
	display : block; 
	float : left; 
	width: 200px; 
	padding: 0px; 
	margin: 10px; /*height: 330px;*/
	height: auto; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: #f1f0ec; 
	box-shadow: 2px 2px 5px #808080; 
	ms-filter: none; /* For IE 5.5 - 7 */
    filter: none; 
    border: 0px solid #ff6000;
border-radius:0.5em;}

.pane-tab-item:hover {
    border: 0px solid #ff6000;}

.pane-tab {
	width: 100%; 
	overflow: hidden; 
	clear : both;}
	
.ie .pane-tab-item .tab-thumbnail {
    float: none; 
    display: block; 
    margin: 6px; 
    width: 190px; 
    background: #fff; 
    border: 1px solid #ddd; 
    padding: 0px; 
    height: 190px; }

 .tab-thumbnail a{
	display: block; 
	text-align: center; }

.pane-tab-item .tab-thumbnail {
	width: 188px; 
	height: 192px; 
	float: none; 
	display: block; 
	margin: 6px; 
	background: #f0f0f0; 
	border: 0px none #ddd;
	padding: 0px; }

.pane-tab-item .tab-thumbnail img {
	padding:0; 
	margin: 0; }

html>body .pane-tab-item .tab-thumbnail img  {
	width: auto !important; 
	height : auto !important; 
	max-width : 100%; 
	max-height : 100%; }

.pane-tab-item .tab-title {
    color: #404040; 
    margin:0 10px 5px; 
    height: 25px; 
    max-height: 25px; 
    font-size:0.75em; 
    padding: 0 0 5px 0; 
    border-bottom: 1px solid #ddd; }

.pane-tab-item .tab-packsize, .pane-tab-item .tab-code, .pane-tab-item .tab-price, .pane-tab-item .tab-weight {
	font-size: 0.7em; 
	color: #404040;
	margin:0 10px 5px; 
	padding:  0 0 5px 0; /*border-bottom: 1px solid #ddd; */
}

.pane-tab-item .tab-code {
font-size: 0.6em; }

.pane-tab-item .tab-packsize label, .pane-tab-item .tab-price label, .pane-tab-item .tab-weight label {
	font-weight: bold; 
	width: 120px; }
	
.pane-tab-item .tab-description { 
	background: none; 
	font-size: 0.7em; 
	margin:0 5px; 
	line-height: 1.7; 
	color: #666; 
	height: 30px; 
	display: none; }

.tab-button {
	position: relative; 
	width: 200px; 
	display: block; 
	height: 40px; 
	margin: 10px 0 0;}

/*.tab-button .button { 
	border: medium none; background: url('/images/base_new/addtobasket.png') no-repeat top left; color: #fff; width:112px; height: 26px; 
	font-size: 0.6em; font-weight: bold; text-align: centre; display: block; 
    margin: 0px; position: absolute; top: 8px; bottom:15px; right: 5px; padding : 3px 5px 5px 0px; cursor : pointer; }
*/

.tab-button .button { 
	width:112px; 
	height : 22px; 
	text-align: center; 
	display: block; 
    margin: 0px; 
    position: absolute; 
    top: 8px; 
    right: 5px; 
    cursor : pointer; }


.tab-button .orderhistorybutton {
    margin: 8px 0px 0px 40px;}

.ie .tab-button .button{}

.tab-button .button:active {  

}

.tab-descriptionicon {
	display: block; 
	position: absolute; 
	left: 5px;
	bottom:0; 
	height: 30px; 
	width: 29px; 
	padding: 0; 
	margin: 0;}

.tab-button .descriptionlink {
	background: url("/custom/contract969/icon_info.png") no-repeat 0 0; 
	text-indent: -9999px; 
	height: 18px; 
	width: 18px; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
	display: block; 
	overflow: hidden; 
	padding: 0; }
 

.tab-button .descriptionlink .mis {
	visibility: hidden; }


/* No need for Old style Catalogue Search or Menu bar*/
#catalogueViewTypeMenu, #catalogueSearch, #categoryMenu {
    display : none
}

.category-tab-item, .category-tab-item:link, .category-tab-item:visited {
    display : block; 
    float : left; 
    width: 180px; 
    padding: 0px; 
    border: none; 
    margin: 10px; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    ms-filter: none; /* For IE 5.5 - 7 */
    filter: none; 
    outline: 1px solid #ccc
}

.category-tab-item .tab-thumbnail {
    float: left; 
    display: none; 
    margin: 0; 
    width: 100%; 
    border: none; 
    padding: 0; }
.category-tab-item .tab-thumbnail {
	width: 150px;
	height: 150px;}
.category-tab-item:hover {
    outline: 1px solid #ff6000; }

.category-tab-item .tab-title, .category-tab-item .tab-description {
    float: none; 
    width: 160px; 
    text-align: left; 
    margin: 10px; 
    padding: 0; }

.category-tab-item .tab-title {
    color: #ff6000; 
    margin-bottom: 5px; 
    height: auto; 
    padding: 0 0 5px 0; 
    border-bottom: 1px solid #ddd; }

.category-tab-item .tab-description {
	display: block; }

.category-tab-item ul{
	width: 160px; 
	display: block; }
.category-tab-item .tab-description li{
	background: none; 
	font-size: 0.8em; 
	padding: 0 0 5px 0; 
	line-height: 1.7; 
	color: #555; 
	margin: 0 0 5px 0; 
	border-bottom: 1px solid #ddd; 
	height: auto; 
}

.homePageUsername{ 
	display:none;}


.tab-description {
	min-height: 60px;}


#displayErrorMessageBody{
	width: 50%; 
	background: white; }


#displayErrorMessageTitle {
	text-align: left; }

#topButtons .submitButton, #orderButton .submitButton {}

#topButtons {
	width: 695px; 
	margin-bottom: 5px;}

#placeOrderButton, div#catalogContainer input.placeOrderButton {
	clear : both; 
	margin : 1.5em 0 1em 17px;
	color: #ff6000;
	font-size: 0.7em;  
	border: 0px solid #153582;	
	font-weight: bold; 
	background: #fff; 
	padding : 0.5em; 
	border: none 0px;	}
	
div#catalogContainer #placeOrderButton {
	float: right; 
	margin: -0.25em 0 0 1em;}

#orderButton .submitButton {
	border: medium none; 
	background: url('/images/base_new/TNT_BiggestButton_max.gif') no-repeat top left; 
	color: #fff; 
	width:150px; 
	font-size: 0.65em; 
	font-weight: bold; 
	text-align: center; 
	float: right; 
	display: block; /* height: auto; */
    margin-left:10px; 
    margin-right:0; 
    margin-top:0; 
    margin-bottom:0; /*	padding-left:10px; padding-right:5px; padding-top:3px; padding-bottom:5px;*/
}


#setFavouritesButton {}

#catalogTable .button {
	width : auto;}

#catalogTable td {
   font-weight: normal; }




/****************************************************************************************/
/*----------------------------

Featured Products 

----------------------------*/

.featuredproductimage a img{
    margin:  0 auto;
    width: 150px;
    display: block;
    border: none
}

#featuredproduct27397 {
	padding-top: 5px; 
	border-top: 1px solid #ddd;
}
.featuredproduct{
margin-bottom: 5px; 
padding-bottom: 5px; 
border-bottom: 1px solid #ddd;}

.featuredproductlink {
font-size: 0.7em; 
margin-top: 5px; }

.featuredproductlink a {
color: #ff8100; 
font-weight: bold;}
/* Special Offers */

.specialOfferComponent  {
text-align: right; 
margin: 0; 
width: 200px; 
max-width: 200px; 
float: left; 
}
.specialOfferComponent h4 {
text-align: left;
}
.specialOfferComponent a {
display: block; 
margin: 0 auto; 
outline:none; 
border: none; }

.specialOfferComponent a img 
{width:200px;  
outline:none; 
border: none;  }

/*----------------------------

Supportlink 

----------------------------*/
.supportContainer {display: none; }

/*****************************************************************************************************/
/*----------------------------
Extra 
----------------------------*/

.logo2 {
    display: none;
}

.pane-tab-navigation .categorylink {
    display: none;
}

.tab-code{
        font-size: 0.7em;
        text-align: left;
}


.instructions {
background: url("/custom/contract969/icon_info.png") no-repeat 10px 50% #f1f0ec; 
margin: 10px 0; 
color: #FF6000;
font-style: italic; 
font-weight: bold; 
padding-left:60px; 
padding-right:10px; 
padding-top:10px; 
padding-bottom:10px}



.errormessage {
	background:#000000;
	border-radius: 12px; 
	margin: 10px 0; 
	color: #fff; 
	font-style: italic; 
	font-weight: bold; 
	padding-left:10px; 
	padding-right:10px; 
	padding-top:10px; 
	padding-bottom:10px}


.processbarnew {
	margin:0 0 15px 125px}

/** So that when we move the checkoutButton it is relative to div.content, rather than top-left of document */
#basketContainer div.content {
	position : relative;} 

/** Shrink Main section 
#basketContainer .maincolumn, #basketContainer .maincolumnsection1, #basketContainer .maincolumnsection2,#basketContainer .maincolumnsection3 {
  width : 560px;  background-color : white;  overflow : visible; }

/** Switch on Right Bar 
#basketContainer .rightColumn {
	float : right; display : block; background-color : #f0f0f0; width : 140px;}

/** Move Checkout button on to Right bar 
#basketContainer #checkoutButton {
	position : absolute; top : 40px; left : 810px;}
**/


/* Delete, Modify & View Buttons on Basket screen*/
a.basketItemDelete {
	width: 15px; 
	height: 15px; 
	overflow: hidden; 
	display: block; 
	text-indent: -9999px; 
	background:url("/custom/contract969/ico_cancel.png") no-repeat; 
	margin: 5px; 
}

.viewActionCol a{
	width: 15px; 
	height: 15px; 
	overflow: hidden; 
	display: block;
	text-indent: -9999px; 
	background:url(/images/base_new/ico_search.png) no-repeat; 
	margin: 5px; 
 }
 
.editActionCol a{
	width: 16px; 
	height: 15px; 
	overflow: hidden; 
	display: block; 
	text-indent: -9999px; 
	background:url("/custom/contract969/icon_edit.png") no-repeat; 
	margin: 5px; 
}


#checkoutContainer .maincolumn, #checkoutContainer .maincolumnsection1, #basketContainer .maincolumnsection2,#basketContainer .maincolumnsection3 {
	width : 760px; 
	background-color : white; 
	overflow : visible;
}


#step4 {
    margin-top:20px;
}

#step4 input, .button_important, .addtobasketbutton{
    margin-top:0px;
}

#basketContainer .leftColumnSection1{
        padding-bottom:0px;
        padding-top:0px;

}


#basketContainer .leftColumn hr{
    display:none;
}

#basketContainer .leftColumnSection2{
    padding-bottom:0px;
    padding-top:0px;
}

/** Jdowney FancyBox Zoom options **/
.fancyZoomButtonIn  {
	display:none;
	width: 32px;
	height: 32px;
	float: right;
	margin-right : 16px;
	background: url("custom/contract704/sgdhzw_icon_searchbutton.png") no-repeat 8px 8px #fff;
	text-indent: -9999px;
	overflow: hidden;
	border: 1px solid #808080;
	border-radius: 2em;
	padding: 2px!important; 
}
.fancyZoomButtonIn:hover  {
	background: url("custom/contract704/sgdhzw_icon_searchbutton.png") no-repeat 8px 8px #fff;
	border: 1px solid #ff6000;
	border-radius: 2em;}

.fancyZoomButtonOut  {
	width: 32px;
	height: 32px;
	float: right;
	margin-right : 16px;
	background: url("custom/contract704/sgdhzw_icon_searchbutton.png") no-repeat 8px 8px #fff;
	text-indent: -9999px;
	overflow: hidden;
	border: 1px solid #ff6000;
	border-radius: 2em;
	padding: 2px!important;
    
}
.fancyZoomButtonOut:hover  {
	background: url("custom/contract704/sgdhzw_icon_searchbutton.png") no-repeat 8px 8px #fff;
border: 1px solid #ff6000;
border-radius: 2em;}

#fancyboximage-title  {
  background-color : white;
}

.ui-datepicker-trigger {
  color : white;  
  background-image :url('/images/base_new/calendar2.png');
  background-repeat:no-repeat;  
  text-indent: -9999px;  
  width : 16px;
  height : 16px;  
  border : 0px none;  
  margin-left: 10px;  
  background-color : transparent
}

#basketTotalPrice {
	font-size: 1.4em; 	
	color: #ff6000;
}

#homeContainer .leftColumn img {
	border: none;}


/************************************************************** ORDER HISTORY PAGE - SCREEN22 *******************************************************************/

#orderHistoryContainer #statusUpdate {
	float: right; 
	width : 100% }
	
#orderHistoryContainer #statusUpdateInputs {
	float: right; 
	clear: both; 
	padding-bottom: 10px;
}
#orderHistoryContainer #selectLinks {
	float: right;	
	font-size: 0.8em;
}
#orderHistoryContainer #orderHistoryTable .internalrefCol {
 	text-align: center;
}
#orderHistoryContainer #orderHistoryTable .orderdateCol {
 	text-align: center;
}
#orderHistoryContainer #orderHistoryTable .ponoCol {
 	text-align: left;}
 
#orderHistoryContainer #orderHistoryTable .totalCol {
 	text-align: right;}
 
#orderHistoryContainer #orderHistoryTable .buyerCol {
 	text-align: center;}

#orderHistorySide {
	padding : 10px; }

#orderHistorySideStatus {
	font-size: 0.8em; 
	color : #404040; 
	margin-bottom : 0.5em;}

#orderHistorySideStatusSection1, #orderHistorySideStatusSection2 {
	clear: both;}

#orderHistorySideStatusLabel  {
	font-weight: bold;
	float: left;}

#orderHistorySideStatusButton {
	float: right;}

#orderHistorySideSearch {
  	color : #404040; 
  	margin-bottom : 0.5em;	
  	font-size: 0.8em;}

#orderHistorySideSearchLabel  {
	font-weight: bold;	
	float: left;}

#orderHistorySideSearchButton {	
	float: right;}

#orderHistoryContainer .leftColumn .textInput {
	width: 75%;}

#orderHistorySideSearchId {
  color : #404040; 
  margin-bottom : 0.5em; 
  font-size: 0.8em;}

#orderHistorySideSearchIdLabel  {
	font-weight: bold;
	float: left;}

#orderHistorySideSearchIdButton {
	float: right;}


#orderHistoryContainer .pageHeading{
	display: none;}

#orderHistoryContainer .pageNumbers {
	display: none;}


#orderHistoryContainer .videoComponentVideo{
    width: 200px; 
    margin-top: 50px;}

 /************************************************************** ORDER DETAILS  - SCREEN08 *******************************************************************/
 
#orderDetailsContainer #orderDetailsPart1 div, #orderDetailsContainer #orderDetailsPart2 div, #orderDetailsContainer #orderDetailsPart3 div, #orderDetailsContainer #orderDetailsPart4 div {
	clear:both;
}

#orderDetailsContainer #orderDetailsPart1, #orderDetailsContainer #orderDetailsPart3 {
	float: left; 
	width:49%; 
	font-size: 0.8em; 
	clear:both;
}

#orderDetailsContainer #orderDetailsPart2, #orderDetailsContainer #orderDetailsPart4 {
	float: right; 
	width: 49%; 
	font-size: 0.8em;
}
 
#orderDetailsContainer #orderDetailsPart1 label, #orderDetailsContainer #orderDetailsPart2 label, #orderDetailsContainer #orderDetailsPart3 label, #orderDetailsContainer #orderDetailsPart4 label {
	width: 35%; 
	text-align: right; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	padding-bottom: 7px; 
	font-weight: bold; 
	clear: both;
}

#orderDetailsContainer #orderInvoiceAddress {
	margin-top: 1em;
}
#orderDetailsContainer #orderDeliveryAddress {
	margin-top: 1em;
}

#orderDetailsContainer #instructions  {
	font-size: 0.8em; 
	margin-left: 4em; 
	float : left; 
	width : 40%; 
	margin-bottom : 1em;
}

#orderDetailsContainer #instructions div span{
	height : 4em; 
	border: 1px solid #B3B3B3; 
	display : block; 
	margin-left : 1em; 
	text-align: left;
}

#orderDetailsContainer #instructions label {
	text-align: left; 
	display: block; 
	margin-right: 10px; 
	padding-bottom: 7px; 
	font-weight: bold; 
	font-size: 0.8em; 
	text-align: left; 
}

#orderDetailsContainer #orderNotes {
	font-size: 0.8em; 
	width : 40%; 
	float : right; 
}

#overridePaymentForm #orderNotes {
	font-size: 0.8em; 
	float : right; 
}

#orderDetailsContainer #orderNotes label {
	text-align: left; 
	display: block; 
	margin-right: 10px; 
	padding-bottom: 7px; 
	font-weight: bold; 
	font-size: 0.8em;
}
#orderDetailsContainer #orderNotes div {
	height : 4em; 
	border: 1px solid #B3B3B3; 
	display : block;
}

#overridePaymentForm #orderNotes label {
	text-align: left; 
	display: block; 
	margin-right: 10px; 
	padding-bottom: 7px; 
	font-weight: bold;
}
#overridePaymentForm #orderNotes #orderNotesText {
	height : 4em; 
	border: 1px solid #B3B3B3; 
	display : block;
}

#orderDetailsContainer .mainColumn{
	margin-left: 0em;
width: auto;
}
#orderDetailsContainer .leftColumnSection1 {
	display: none;
	text-align: center;
}
#orderDetailsTable {
  margin-top : 1em;	
}

#orderDetailsTable td.packCol, #orderDetailsTable td.qtyCol, #orderDetailsTable td.priceCol,  #orderDetailsTable td.totalCol  {
	text-align : right;	
}

#orderDetailsContainer #orderTotals {
	width: 100%; 
	padding-left: 5%; 
	padding-right: 5%; 
	font-size: 0.8em; 
	float: right; 
	padding-top : 1em;
}

#orderDetailsContainer #orderTotals label {
	width: 88%; 
	text-align: right; 
	float: left; /*margin-right: 10px;*/
	padding-top: 5px; 
	font-weight: bold; 
	clear: both; 
	padding-top: 1px;
}

#orderDetailsContainer #orderTotal {
  text-align : right; 
  padding-right: 0.5em;
}
#orderDetailsContainer #carriageTotal {
  text-align : right; 
  padding-right: 0.5em;
  
}
#orderDetailsContainer #weightTotal {
  text-align : right; 
  padding-right: 0.5em;
  
}
#orderDetailsContainer #exVatTotal {
  text-align : right; 
  padding-right: 0.5em;
  
}

#orderDetailsContainer #finalTotal {
  text-align : right; 
  padding-right: 0.5em;
  
}

#orderDetailsContainer #vatTotal {
  text-align : right; 
  padding-right: 0.5em;
  
}

#orderDetailsContainer #discountTotal {
  text-align : right; 
  padding-right: 0.5em;
  
}

#orderDetailsContainer .leftColumnSection1 .button{
	margin : 0.25em 0;}

#orderDetailsContainer .leftColumn .sideBarBackLink a:hover{
	cursor:pointer;
}

#orderDetailsContainer #createShipmentButton {
	float: right;
}

#orderDetailsContainer #dividingDiv {
	clear: both;
}

#orderDetailsContainer #paidByCreditCardMessage {
	margin-top: 20px; 
	text-align: center; 
	border-style:solid; 
	border-width:1px; 
	font-size: 12px; 
	clear: both;
}

.adhocAddressError {
	color : red;
}

#orderDetailsContainer #invoiceFooterText {
	font-size: 0.6em; 
	margin-top: 40px; 
	text-align : center;
}

/************************************************************** BASKET NAME *******************************************************************/
body.basketName {
	padding : 0.5em; }

#basketNameContainer {
 	margin: 0 5px 5px 5px; 	
 	border : 1px solid #F0F0F0; 	
 	width: auto !important; 
 	min-height: 100% } 	

#basketNameContainer div {
	clear : both; }

#basketNameContainer div input {
	font-size: 0.8em;	}

#basketNameContainer label {
 	width: 120px;	
 	text-align: right;	
 	display: block;
	float: left;	
	padding: 0 10px 0 0;
	font-weight: bold;	
	font-size: 0.8em; }
	 
#basketNameContainer #basketNameButton {
  	margin : 0.5em 0 1em 130px; } 
  
#basketNameContainer #basketNameTable {
   	padding-top: 5%;} 

/*************************************************************/
.basketTools #savebasketbutton {
	display:none;
}



.errorLayer {
	background: #f1f0ec;	
	padding: 10px 6px;
	font-size: 0.8em;	
	margin: 10px 0;	
	color: #ff6000;	
	font-style: italic;	
	font-weight: bold; }



#myDetailsContainer .leftColumnSection1 .button{
	color: white;
}

a.nextLink, a.nextLink:visited, a.nextLink:hover {
/*background:url('/images/base_new/sprite.png') no-repeat -253px -146px; */
	width: 60px;  
	display: block;  
	height: 12px; 
	font-size: 11px; 
	font-weight: bold;
	color: #fff; 
	padding-left:5px; 
	padding-right:5px; 
	padding-top:3px; 
	padding-bottom:3px;
}

a.previousLink, a.previousLink:visited, a.previousLink:hover{
 /*background:url('/images/base_new/sprite.png') no-repeat -323px -146px; */
 width: 60px;  
 display: block;  
 height: 12px; 
 font-size: 11px; 
 font-weight: bold;
 color: #fff; 
 padding-left:5px; 
 padding-right:5px; 
 padding-top:3px; 
 padding-bottom:3px;
}


.ie .nextLink {
	height: 18px;
}

.ie .previousLink {
	height: 18px;
}


#basketContainer #basketTable th {
	font-size: 0.7em;
}

/* Disabled to allow for column by column defaults
#basketContainer #basketTable .codeHead, .productHead, .datareferenceHead, .packHead, .urgentHead, .priceHead, .qtyHead, .extendedqtyHead, .totalHead, .actionHead {
	text-align: center;
}*/

#customDataContainer .customdataform th {
  background-color : #868689;
  background-image : url('none');
}

#customDataContainer .customdataform tr.row1 {
  background-color : #EEE;
  background-image : url('none');
}


#DeliveryAddressRow label {

	background: url('/images/base_new/icon_bus.png') no-repeat 68px 50%;; 
	padding-left:0; 
	padding-right:0; 
	padding-top:5px; 
	padding-bottom:5px
 }
 
div#DeliveryAddressRow  div#DeliveryAddress_adhoc label {
	background: none; 
	padding : 0px;
}
 
#InvoiceAddressRow label {

background: url('/images/base_new/icon_financing.png') no-repeat 70px 50%;; 
padding-left:0; 
padding-right:0; 
padding-top:5px; 
padding-bottom:5px
}

#basketcontainer #basketmessage, #orderConfirmText {
	display: inline; 
	width: auto; 
	color: #ff6000; 
	font-style: italic; 
	text-align: left; 
	float: left;  
	background: #F0F0F0 url("/custom/contract969/icon_info.png") no-repeat 10px 50%; 
	font-size: 0.9em; 
	margin-left:0;
	margin-right:0; 
	margin-top:0; 
	margin-bottom:10px; 
	padding-left:35px; 
	padding-right:10px; 
	padding-top:10px; 
	padding-bottom:10px
}

.breadcrumbComponent {
margin-bottom: 0;}


#orderconfirmtable div {
padding-bottom: 8px; 
display: block;}

#orderconfirmtable label {
color: #ff6000;
width: 200px;
margin: 0 20px 0 0;
text-align: left;
}

.printOrderLink a{
width: 50px;
height: 45px; 
margin-left: 0px;
display: block;
text-indent: -9999px;
overflow: hidden;
background:  #fff url('/images/base_new/ico_print.png') no-repeat top left;
}

#orderLineCount {
color: #606060;
font-size: 0.7em
}

#InvoiceAddressRow {margin-bottom: 15px}

#basketContainer .codeCol{}

table.carriageSummaryTable td.fromWeightCol, table.carriageSummaryTable td.carriageChargeCol {
	text-align: right;}

#basketContainer #basketTable th{
    border: 1px white solid; 
    padding-left: 2px; 
    padding-right: 2px;}

#basketContainer #editLink{
    display: none;}

.fancyzoombuttonin{
    background: url('/images/base_new/zoom.png') no-repeat 8px 8px;
    color: white; 
    width:55px; 
    height:55px; 
    border: medium none; 
    margin-right:16px}

#customDataContainer .customdataform {
        width: 600px;}

#orderHistorySideSearchSection2 span {
        display: none;}

#orderHistorySideSearchSection2 .checkboxInput {
        display: none;}


#basketContainer #basketTable .viewActionHead, #basketTable .viewActionCol, #basketTable .editActionHead, #basketTable .editActionCol, #basketTable .deleteActionHead, #basketTable .deleteActionCol{
}

/* Settings for Basket */
#checkoutTable  .codeCol, #checkoutTable .codeHead, #baskettable  .codeCol, #baskettable  .codeHead {
	text-align: center; 
	padding : 2px; 
	border-right : 1px solid white;
}

#checkoutTable  .productCol, #checkoutTable  .productHead, #baskettable  .productCol, #baskettable  .productHead {
	text-align: center; 
	padding : 2px; 
	border-right : 1px solid white;
}
#checkoutTable  .urgentCol, #checkoutTable  .urgentHead, #baskettable  .urgentCol, #baskettable  .urgentHead {
	text-align: center; 
	padding : 2px; 
	border-right : 1px solid white;
}

#checkoutTable  .packCol, #checkoutTable  .packHead, #baskettable  .packCol, #baskettable  .packHead {
	text-align: right; 
	padding : 2px; 
	border-right : 1px solid white;
}

#checkoutTable  .weightCol, #checkoutTable  .weightHead, #baskettable  .weightCol, #baskettable  .weightHead  {
	text-align: right; 
	padding : 2px; 
	border-right : 1px solid white;
}

#checkoutTable  .priceCol, #checkoutTable  .priceHead, #baskettable  .priceCol, #baskettable  .priceHead  {
	text-align: right; 
	padding : 2px; 
	border-right : 1px solid white;
}

#checkoutTable  .qtyCol, #checkoutTable  .qtyHead, #baskettable  .qtyCol, #baskettable  .qtyHead {
	text-align: right; 
	padding : 2px; 
	border-right : 1px solid white;
}

#checkoutTable  .totalCol, #checkoutTable  .totalHead, #baskettable  .totalCol, #baskettable  .totalHead {
	text-align: right; 
	padding : 2px; 
	border-right : 1px solid white;
}

#checkoutTable  .quotaCol, #checkoutTable  .quotaHead, #baskettable  .quotaCol, #baskettable  .quotaHead {
	text-align: right; 
	padding : 2px; 
	border-right : 1px solid white;
}

#checkoutTable  .quotaActionCol, #checkoutTable  .quotaActionHead, #baskettable  .quotaActionCol, #baskettable  .quotaActionHead {
	text-align: center; 
	padding : 2px; 
	border-right : 1px solid white;
}

/** Basket Screen invalid rows styling **/
#basketContainer .invalidBasketLine * { 
	color : 005091;  
	font-style : italic ; 
}
#basketContainer .invalidBasketLine .validationCol a, #basketContainer .invalidBasketLine .validationCol a:link, #basketContainer .invalidBasketLine .validationCol a:visited  { 
	background: url("/custom/contract969/icon_info.png") no-repeat 0px 0px; 
	text-indent: -1999px;  
	overflow: hidden; 
	display : block; 
	width : 18px; 
	height : 18px
}

.basketValidationMessage .basketValidationTools { 
	text-align : center; 
	margin-left : auto; 
	margin-right: auto;
	width: 100px;
}
.basketValidationMessage span{
	width: 35px; 
	height: 25px; 
	margin : 5px;  }

.basketValidationMessage span.viewActionCol a{
width: 25px; 
height: 15px; 
overflow: hidden; 
display: block; 
float : left; 
text-indent: -9999px; 
background:url('/images/base_new/ico_search.png') no-repeat; 
margin: 5px 
}
.basketValidationMessage span.editActionCol a{
width: 25px; 
height: 15px; 
overflow: hidden; 
display: block; 
float : left; 
text-indent: -9999px; 
background:url('/images/base_new/ico_maint.png') no-repeat; 
margin: 5px 
}

#reportInputButton {
        padding-top: 0px;
}

#reportInputButton .submitButton {
        background:#fff url('custom/contract969/icon_next.png') no-repeat 95% 50%;
        color: #ff6000;
	    border: 1px solid #ff6000;
        font-size: 0.8em;
        width: auto;
        display: inline;
        margin-left:10px; 
        margin-right:0;
        margin-top:0; 
        margin-bottom:0; 
        padding-left:5px; 
        padding-right:20px; 
        padding-top:5px; 
        padding-bottom:5px

}
#reportInputButton .submitButton:hover {
        border: 1px solid #012D59;
        background:#012D59 url('custom/contract969/icon_next.png') no-repeat 95% 50%;
        color: #fff}


.ie #reportInputButton .submitButton {
        padding: 0 0px 0 0;
        margin: 0;
}

#reportMessage {
	padding:0 0 0 0!important;
}
/* Remove the line from Order conf page left hand div */
hr {
  border-bottom : 0px none;
 
}

.breadcrumbComponent li.nodeDepth1 a:link {
color: #005091;
}

.breadcrumbComponent li.nodeDepth1 a:visited {
color: #005091;
}

#videoComponent144 h5
{
	display : none;
}




/* Added for Product Description fancy box*/
.description {
width:	450px;
text-align:	center;
}
.descriptionText {
font-size: 90%;
}

/* Language flag*/

.languages ul li a, .languages ul li a:link, .languages ul li a:visited{
text-indent: -9999px;
display: block; 
}

.languages a.languagelink, .languages a.languagelink:visited {
height: 20px; 
width: 20px
}

#productDetailsCatContainer .pageTitle {
display: none;
}

/********************* Product Admin Default settings *************************/

#productAdminContainer{}
#productAdminContainer .leftColumn { 
width : 245px; 
height : 0px;
}
#productAdminContainer .mainColumn { 
width : auto; 
margin-left : 270px;
}
#productAdminContainer .mainColumnSection1 { 
width : 100%;
}
#productAdminContainer #productInfoRows {}
#productAdminContainer .productInfoRow { 
font-size : 1.0em; 
padding-left : 0.5em;
clear:both; 
}
#productAdminContainer .productInfoRow label { 
width : 150px;	
float : left;	
display : block;  
font-weight : bold;
}
#productAdminContainer #accordion {  
font-size : 0.8em; 
min-width : 750px;
padding-top : 0.8em; 
}
#productAdminContainer #accordion label{	
width : 150px;	
float : left;	
display : block; 
font-size : 0.8em; 
clear : left; 
}
#productAdminContainer #accordion label.sublabel {     
width : 50px; 
float : left; 
display : block; 
font-style : italic; 
text-align : right; 
padding-right : 0.25em; 
font-size : 0.7em;
}
#productAdminContainer div#productCustomiseAsset { 
padding : 0 0 0 1.5em; 
}
#productAdminContainer div#productCustomiseAsset button {
font-size : 0.8em; 
width : 110px;
}
#productAdminContainer div#productCustomiseAsset select {
width : 240px;
}
#productAdminContainer #accordion h3 {
padding-left : 1.25em;
}
#productAdminContainer #accordion h3 span{ 
left : 0em;
}

#productAdminContainer #accordion input[type='text'] {	
width : 100px; 
font-size : 0.8em; 
}
#productAdminContainer #accordion #productDetailsSection input {	
width : 250px; 
font-size : 0.8em; 
}
#productAdminContainer #accordion #productDetailsSection input.button {	
width : 100px; 
}
#productAdminContainer #accordion #productDetailsSection input[type='checkbox']{	
width : 20px; 
}
#productAdminContainer #accordion textarea { 
font-size : 0.8em; 
}
#productAdminContainer #accordion select {	
width : 140px; 
font-size : 0.8em; 
}
#productAdminContainer #accordion span {
font-size : 0.8em; 
}
#productAdminContainer input#Product_Name, #productAdminContainer input#Product_Code  {   
width : 450px; 
}
#productAdminContainer #Product_Description {  
width : 450px;  
height : 5em; 
}
#productAdminContainer #catalogueEntry table {   
width : 650px; 
}
#productAdminContainer #accordion input#Catalogue_IsTopProduct_Yes, #productAdminContainer #accordion input#Catalogue_IsTopProduct_No{  
	width : 20px; }
#productAdminContainer #accordion input#Catalogue_Min, #productAdminContainer #accordion input#Catalogue_Max {  
	width : 4em;}    
#productAdminContainer #accordion input#Catalogue_DateValidFrom, #productAdminContainer #accordion input#Catalogue_DateValidTo {   
	width : 80px; 
	float : left; 
	display : block;}
#productAdminContainer #accordion input#uploadImageName, #productAdminContainer #accordion #DownloadableMediaFileUpload_UploadedFileData{ 
	width : 250px;}
#productAdminContainer span.sublabel { 
	font-size : 0.8em; 
	width : 100%; 
	text-align : right;
}

#productAdminContainer #catalogueEntry table {
width : 650px;
}


#productAdminContainer #productCustomiseExternal table{
	width : 100%;}
#productAdminContainer #productCustomiseExternal table th {  
	font-size : 0.9em; }
#productAdminContainer #productCustomiseExternal table td { 
	font-size : 0.8em; }

#productAdminContainer #productOptionsPricing table#optionsPricingTable { 
	margin : 0.5em auto; }

#productAdminContainer #productCustomiseAsset table{
	width : 100%;}
#productAdminContainer #productCustomiseAsset table th {  
	font-size : 0.9em; }
#productAdminContainer #productCustomiseAsset table td {  
	font-size : 0.8em; }
#productAdminContainer #accordion #productCustomiseAsset table td select {	
	width : auto; 
	font-size : 0.8em; }

#productAdminContainer #accordion table#productKits tr td div label {
	width : 90px !important;}

/** From Cormac 2014-12-05 **/
#productAdminContainer #ProductionInformation_Text {  
width : 450px;  
height : 5em; }
#productAdminContainer #productionInformationFileUpload {  
background-color:lightgrey}
#productAdminContainer #productionInformationUploadedFile {  
background-color:lightgrey}

#productAdminContainer #priceBreaks {  
width : 100%;}
#productAdminContainer #extraInfo {  
width : 100%;
margin-bottom: 2em;}
#productAdminContainer #categories {  
width : 100%; 
margin-bottom: 3em; }
#productAdminContainer #uploadThumbnailSection label, #productAdminContainer #createThumbnailSection label{
	float : none;	
	display : inline;
}
#productAdminContainer div.feedback { 
	display : inline; 
	color : red;
	font-size : 1.3em; 
	vertical-align:top;
	padding-left : 0.1em;}
#productAdminContainer #operationFeedback { 
	color : red; 
	font-size : 0.9em;
	margin : 0.5em 0em 0.5em 0em; }

#productAdminContainer div#PDFRenderSection, #productAdminContainer div#createThumbnailSelectorSection, #productAdminContainer div#createThumbnailSection {
	clear : both;
	padding : 0.25em;	
}

#productAdminContainer .buttonLink { 
	padding : 4px 0px 4px 0px; 
	height : 12px; 
	text-align : center; 
	display : block; 
	width : 145px;
	font-size : 0.65em; 
	color : #153582;}
#productAdminContainer .buttonLink:hover { 
	text-decoration: none; 
	color : #0091ce; }
#productAdminContainer div#updateAllSection {  
	background-color : #EEEEEE;  
	margin : 5px 0px 5px 2px; 
	padding : 5px; 
	width : 190px; 
	border-radius : 6px; 
	border : 1px solid #CDD5DA; }
#productAdminContainer div#updateAllSection h4, #productAdminContainer div#updateAllSection label  { 
	margin : 0px; 
	font-size:0.9em;}
#productAdminContainer div#updateAllSection select{  
	font-size : 0.7em; 
	width : 175px;}
#productAdminContainer #contractInUseBySection    {  
	font-size : 0.7em; 
	width : 190px; 
	background-color : #EEEEEE;   
	display : none; 
	border-bottom-left-radius : 6px;
	border-bottom-right-radius : 6px; }
#productAdminContainer #contractInUseBySectionLabel { 
	font-size : 0.8em; }
#productAdminContainer div#contractSelectorTool { 
	margin-top : 1em;}
#productAdminContainer #priceBreaks td,#productAdminContainer #kitsAndPostageSection td{ 
	font-size : 0.7em; }
#productAdminContainer #extraInfoSection td,#categories td   { 
	font-size : 0.7em;
	text-align:center }
#productAdminContainer #priceBreaks th, #productAdminContainer #kitsAndPostageSection th,  #productAdminContainer #extraInfoSection th,#productAdminContainer #categories th  { 
	font-size : 0.8em; }
#productAdminContainer #priceBreaks td { 
	text-align: center;}
#productAdminContainer #extraInfoSection td,#categories td   { 
	font-size : 0.7em;
	text-align:center }
#productAdminContainer #categories td, #priceBreaks .datarow td, #extraInfo td, 
#productKits .datarow td, #productKits .datarow th, #customExProducts .datarow td {
	background-color : #F2F2F2;}
div#productAdminContainer table#productKits td { 
	vertical-align: top;}
div#productAdminContainer table#productKits { 
	width : 100%;}

#productAdminContainer #kitsAndPostageSection #ProductKit_SearchSuggestions {
	  display : none; 
	  position : relative; 
	  background-color : white; 
	  font-size: 0.7em; 
	  border : 1px silver solid;
}  
#productAdminContainer #kitsAndPostageSection a.ProductKit_SuggestLink, #productAdminContainer #kitsAndPostageSection a.ProductKit_SuggestLink:link, #productAdminContainer #kitsAndPostageSection a.ProductKit_SuggestLink:visited { 
	display : block; 
	text-decoration : none; 
} 
#productAdminContainer #kitsAndPostageSection a.ProductKit_SuggestLink:hover {
	background-color : silver; 
	text-decoration : underline; 
	display : block;
}
#productAdminContainer .inputRadio { 
	width : 20px; 
	text-align : left;}
#productAdminContainer #productKits label { 
	text-align : right; 
	padding-top : 4px;}

#productAdminContainer .progressIndicator { 
	background : url(images/loading.gif) no-repeat; 
	width : 16px; 
	height : 16px; 
	display : none;}

/** Image Wizard settings **/
#productAdminContainer #uploadStartWizard{ 
	padding : 4px 0px 4px 0px; 
	height : 14px; 
	width : 150px; 
	text-align : center; 
	display : block;}
#imageUploadWizard { 
	position : relative; 
	width : 600px; 
	text-align : left;}
#imageUploadWizard imageUploadWizard1, #productAdminContainer #imageUploadWizard imageUploadWizard2, 
#imageUploadWizard imageUploadWizard3, #productAdminContainer #imageUploadWizard imageUploadWizard4, 
#imageUploadWizard imageUploadWizard5, #productAdminContainer #imageUploadWizard imageUploadWizard5 
{position : absolute; 
top : 0px; 
left : 0px;
text-align : left;}

#imageUploadWizard #imageUploadStatus {
height : 18px; 
font-size : 0.8em; 
color : red;}
#imageUploadWizard .imageUploadStatusPending {
background : url('/images/loading.gif') no-repeat;  }
#imageUploadWizard div form div label {
float : left; 
display : block; 
width : 250px; 
font-size : 0.8em; 
text-align : right; 
padding-right : 0.5em;}
#imageUploadWizard .fullImage label {
float : left; 
display : block; 
width : 250px; 
font-size : 0.8em; 
text-align : right; 
padding-right : 0.5em;}
#imageUploadWizard .fullImage span {
font-size : 0.8em;}
#imageUploadWizard div form div input  { 
font-size : 0.8em;}
#imageUploadWizard div form div select  { 
	font-size : 0.8em;}
#imageUploadWizard div form div {
	clear : both;}
#imageUploadWizard .imageUploadProgressBar { 
	height : 1em; }
#imageUploadWizard  .imageUploadButtonDisabled {  
	opacity:0.5; 
	filter:alpha(opacity=50); }
#imageUploadWizard #smallImageDetails div span{
	font-size : 0.8em;}
#imageUploadWizard #largeImageDetails div span{
	font-size : 0.8em;}
#imageUploadWizard div.center, #imageUploadWizard h4 { 
	text-align : center;}

/** Clone pop-up settings **/
#cloneProductTables { 
	margin : 0px 50px 0px 50px;}
#cloneProductTables div { 
	float : left; 
	width : 45%; 
	text-align : left;}
#cloneProductPopup div label { 
	display : block; 
	float: left; 
	width : 125px; 
	font-size : 0.8em; 
	text-align : right;}
#cloneProductPopup #cloneProductTables div input { 
	font-size : 0.8em;}
#cloneProductPopup .clear { 
	clear : both; 
	width : 500px; }
#cloneProductPopup { 
	width : 500px; 
	height : 450px;}

/********************* Tooltip default settings *************************/
#customdetails .calloutMessagePopupTable {
	width: 200px;}
#customdetails .calloutMessagePopupTable .calloutMessageTableCell {
	width: 20px;}
#customdetails .calloutMessagePopupTable .calloutMessageTableErrorMessageCell {
	width: 190px;}
#customdetails .calloutMessagePopupTable div, .calloutMessagePopupTable td {
	border:solid 1px #949494;
	background-color:lemonChiffon;
	color:black;
	font-size:0.7em; }
#customdetails .calloutMessagePopupTable {
	border:none;
	background-color:transparent;
	padding:0px;
	margin:0px;
	z-index:9999;}
#customdetails .calloutMessagePopupTableRow {
	vertical-align:top;
	height:100%;
	background-color:transparent;
	padding:0px;
	margin:0px;}
#customdetails .calloutMessageTableCell {
	width:20px;
	height:100%;
	text-align:right;
	vertical-align:top;
	border:none;
	background-color:transparent;
	padding:0px;
	margin:0px; 
	z-index: 10000;}
#customdetails .calloutMessageTable {
	height:100%;
	border:none;
	background-color:transparent;
	padding:0px;
	margin:0px;}
#customdetails .calloutMessageTableRow {
	background-color:transparent;
	padding:0px;
	margin:0px;}
#customdetails .calloutMessageTableArrowCell {
	padding:8px 0px 0px 0px;
	margin:0px;
	text-align:right;
	vertical-align:top;
	font-size:1px;
	border:none;
	background-color:transparent;  
	z-index: 10000;}
#customdetails .calloutMessageTableArrowCell .calloutMessageTableInnerDiv {
	font-size:1px;
	position:relative;
	left:3px;
	border-bottom:none;
	border-right:none;
	border-left:none;
	width:15px;
	background-color:transparent;
	padding:0px;
	margin:0px;
	text-align: right;
	z-index: 10001;}
#innerContainer #customdetails .calloutMessageTableArrowCell .calloutMessageTableInnerDiv {
	left:4px;}
#customdetails .calloutMessageTableArrowCell .calloutMessageTableInnerDiv div {
	height:1px;
	overflow:hidden;
	border-top:none;
	border-bottom:none;
	border-right:none;
	padding:0px;
	margin:0px 0px 0px auto;}
#customdetails .calloutMessageTableErrorMessageCell {
	font-family:Verdana;
	font-size:10px;
	padding:5px 0px 5px 5px; 
	border-right:none;
	width:100%;}
#customdetails .calloutMessageTableIconCell {
	padding:0px;
	margin:0px;
	border-right:none;
	width:0px}
#customdetails .calloutMessageTableCloseButtonCell {
	width:30px;
	vertical-align:top;
	padding:0px;
	margin:0px;
	text-align:right;
	border-left:none;}
#customdetails .calloutMessageTableCloseButtonCell .calloutMessageTableInnerDiv {
	border:none;
	text-align:center;
	padding:2px;
	cursor:pointer;}
#customdetails .calloutMessageTableCloseButtonCell .calloutMessageTableInnerDiv img {
	width:20px;
	height:20px;}
#customdetails .tooltipTable td {
	padding-right:0px;
	font-size:12px;
	overflow:visible;;}
#customdetails .tooltipTable .calloutMessagePopupTable td {
	font-size:10px}

/******************* Image Editor CSS *********************************/
#imageEditorPaneContainer { 
	position : relative; }
#imageEditorPaneSelector { 
	height : 30px;  }
#imageEditorPaneContainer #imageUploadProgressBar { 
	height : 1em;  
	width : 600px; 
	margin-left : 200px;}
#imageEditorPaneContainer #imageUploadProgressBarInfo { 
	height : 1em; 
	width : 200px; 
	font-size : 0.8em; 
	float : left;}
#imageEditorPaneContainer #imageEditorApp { 
	display : none; }
#imageEditorPaneSelector #imageUploadForm input {
	font-size : 0.8em; }
#imageEditorPaneSelector #imageUploadForm input#uploadImageButton, 
#imageEditorPaneSelector .sourceLibrary  button#librarySearchComplete,
#imageEditorPaneSelector .sourceLibrary  button#librarySearchByTagButton{
	 background-color : #F0F0F0; 
	 border : 1px solid grey; 
	 color : black;}
#imageEditorApp { 
	 width : 100%; 
	 height : 680px; 
	 position : relative; 
	 left : 0px; 
	 right : 0px; }
#imageEditorApp .tools { 
	position : absolute; 
	top : 31px; 
	left : 0px; 
	width : 140px; 
	text-align : center }
#imageEditorApp .tools h3 { 
	font-size : 0.7em; 
	padding : 0.1em; }
#imageEditorApp .tools div.accordionSection { 
	padding : 0.5em 0.5em 1em 0.5em; 
	margin : 0.25em 0em; }
#imageEditorApp .tools div.advancedTools { 
	padding : 0.0em 0.0em 0em 0em; }
#imageEditorApp .tools button { 
	width : 80px; 
	margin : 2px 0px 2px 0px; 
	font-size : 1em; 
	background-color : #F0F0F0; 
	border : 1px solid grey; 
	border-radius : 0.5em; 
	color : black; }
#imageEditorApp .tools button:hover { 
	border : 1px solid red; }
#imageEditorApp .tools button.left, #imageEditorApp .tools img.left  { 
	float : left; 
	width : 20px; 
	height: 17px;
	margin : 2px; }
#imageEditorApp .tools button.right { 
	float : right; 
	width : 20px; 
	height: 17px;
	margin : 2px; }
#imageEditorApp .tools div.accordionSection div.row button { 
	font-size : 0.9em;} 
#imageEditorApp .tools div.row button { 
	font-size : 1em; }
#imageEditorApp .tools div.row select { 
	font-size : 1em; }
#imageEditorApp .tools div.row { 
	clear : both; 
	font-size : 0.7em; 
	padding : 0.25em 0em 0.25em 0em; }
#imageEditorApp .tools .info {
	clear : both; 
	font-size : 0.7em;} 
#imageEditorApp .tools button.buttonActive { 
	background-color : #D00000;}
#imageEditorApp .tools button.buttonPressed { 
	background-color : #D0D0D0;}
#imageEditorApp #imageInfo { 
	font-size : 0.9em;  }
#imageEditorApp #imageInfo label { 
	float : left; 
	width : 55px; 
	text-align : right; 
	padding-right : 0.5em; }
#imageEditorApp #imageInfo div {
 	clear : both; 
 	padding : 0.1em 0;}
#imageEditorApp #warningsInfo { 
	color : red;}
 
#imageEditorApp .simpleTools {}
#imageEditorApp .simpleTools #simpleToolsCrop, #imageEditorApp .simpleTools #simpleToolsScale {
	text-align : left; 
	padding-left : 14px;}
 
#imageEditorApp .tools .completeEditing{ 
	font-size : 0.8em; 
	margin-top : 2em;}
 
#imageEditorApp .viewPort { 
	position : absolute; 
	width : 800px; 
	height : 100%; 
	top : 31px; 
	left : 150px; 
	border : 1px #eeeeee solid; }   
#imageEditorApp .viewPortImage { 
	width : 800px; 
	height : 100%; 
	text-align : left; }
#imageEditorApp .viewPortOverlay { 
	position : absolute;  
	top : 50%;  
	height : 50%;  
	width : 70%;  
	left : 0%;  
	height : 1.5em;
	font-size : 0.9em;
	padding-top : 3px;
	margin-left: 15%;
	margin-right: 15%;
	text-align : centre;
	z-index : 10;
	color : white;
	background-color : #404040; 
	opacity:0.8; 
	filter:alpha(opacity=80); 
	display : none; }
#imageEditorApp .selectors { 
	margin-top : 0.5em; 
	margin-bottom : 1em;}	  
 
#imageEditorPaneSelector { 
	font-size : 1em; }
#imageEditorPaneSelector ul { 
	font-size : 0.8em; }
 
#imageEditorPaneSelector .sourceUpload { 
	display : block;}
#imageEditorPaneSelector .sourceUpload label { 
	padding : 4px 4px 0px 0px; 
	display : block; 
	float : left; 
	width : 350px; 
	text-align : right; 
	font-size : 0.9em; 
	font-weight : bold;}
#imageEditorPaneSelector .sourceUpload div {
	text-align : left;}
#imageEditorPaneSelector .sourceLibrary, #imageEditorPaneSelector .sourceUrl { 
	display : none;}
#imageEditorPaneSelector .sourceLibrary .tagSelected {
	color : red; 
	font-weight : bold}

.librarySearchResults .pika-stage img { 
	height : 100%;}
.librarySearchResults .pika-stage { 
	height : 250px; 
	padding-bottom : 20px; 
	margin : 0em auto 1em auto;}

#imageEditorPaneSelector .sourceLibrary .librarySearchResults{
	text-align : left; 
	width : 100%;
	padding : 0px 1em; }
#imageEditorPaneSelector .sourceLibrary .libraryTagCloud {
	font-size : 0.7em; 
	display : inline; }
#imageEditorPaneSelector .sourceLibrary .librarySearchTools { 
	clear : both; 
	margin-left : 150px; 
	margin-right : 150px; 
	text-align : left;}
#imageEditorPaneSelector .sourceLibrary div.librarySearchTools input { 
	margin : 0px 3px 0px 0px;}
 
#imageEditorPaneSelector .sourceLibrary .librarySearchTagField input#librarySearchByTagName,
#imageEditorPaneSelector .sourceLibrary .librarySearchTagField button { 
	font-size : 0.8em;}
 
#imageEditorPaneSelector .sourceLibrary .librarySearchTools label {
	width : 120px; 
	font-size : 0.8em; }
#imageEditorPaneSelector .sourceLibrary .librarySearchTools div.librarySearchTag { 
	width: 400px; 
	float : left;}

#imageEditorPaneSelector .sourceLibrary .librarySearchTools div.librarySearchTag>label, 
#imageEditorPaneSelector .sourceLibrary .librarySearchTools div.librarySearchTagField>label,
#imageEditorPaneSelector .sourceLibrary .librarySearchTools div.librarySearchByContractUser>label {
	font-weight: bold;}

#imageEditorPaneSelector .sourceLibrary div.librarySearchByContractUser { 
	clear : both; 
	margin : 0.25em 0px; }
#imageEditorPaneSelector .sourceLibrary div.librarySearchByContractUser>label {
	display: block; 
	float : left;}

#imageEditorPaneSelector .sourceLibrary .librarySearchBy { 
	display : block; 
	width : 100%;}
#imageEditorPaneSelector .sourceLibrary .librarySearchBy div.librarySearchByUser { 
	float : left; 
	width: 100px; } 
#imageEditorPaneSelector .sourceLibrary .librarySearchBy div.librarySearchByContract { 
	float : left; 
	width: 180px; }
#imageEditorPaneSelector .sourceLibrary .librarySearchBy div.librarySearchByProduct {  
	float : left; 
	width: 200px; } 

#imageEditorPaneSelector .sourceLibrary .jcarousel-prev-disabled a.prevPage, 
#imageEditorPaneSelector .sourceLibrary .jcarousel-next-disabled a.nextPage { 
	opacity : 0.4; }
#imageEditorPaneSelector .sourceLibrary	a.nextPage {
	background: url(/images/next.png) no-repeat right 45%; 
	height: 42px; 
	width: 43px; 
	top: 10px; 
	right: 10px;
	cursor:pointer; 
	float: right;}
#imageEditorPaneSelector .sourceLibrary	a.prevPage {
	background: url(/images/prev.png) no-repeat left 45%; 
	height: 42px; 
	width: 43px; 
	top: 10px; 
	left: 10px;
	cursor:pointer;
	float:left;}

#imageEditorPaneSelector .sourceLibrary  button#librarySearchComplete, #imageEditorApp  button#completeButton {
	color: #fff;	
	font-size: 0.9em;	
	border: 1px solid #153582;	
	font-weight: bold;	
	display: inline-block;	
	background: #DB0010;	
	border-radius: 1em;	
	padding: 0.25em 50px;	
	height: 3em; 
	width: : auto;}
 
#imageEditorPaneSelector .sourceUrl { 
	font-size : 0.8em; }
#imageEditorPaneSelector .sourceUrl #urlField{ 
	width : 300px;
	margin-right : 0.5em;}
#imageEditorPaneSelector .sourceUrl #urlSubmit { 
	width : 120px; 
	margin : 2px 0px 2px 0px; 
	font-size : 1em; 
	background-color : #F0F0F0; 
	border : 1px solid grey; 
	color : black; }
#imageEditorPaneSelector .sourceUrl .urlImagePreview {
	position : relative; 
	height : 400px; 
	border : #F0F0F0 solid 1px; 
	padding : 2px;}
#imageEditorPaneSelector .sourceUrl label { 
	font-weight : bold; 
	margin-right : 0.5em;}
#imageEditorPaneSelector .sourceUrl .urlImageOverlay { 
	position : absolute;  
	top : 50%;  
	height : 50%;  
	width : 70%;  
	left : 0%;  
	height : 1.5em;
	font-size : 0.9em;
	padding-top : 3px;
	margin-left: 15%;
	margin-right: 15%;
	text-align : centre;
	z-index : 10;
	color : white;
	background-color : #404040; 
	opacity:0.8; 
	filter:alpha(opacity=80); 
	display : none; }

div#imageSaveOptions { 
	font-size : 0.8em; 
	text-align : left; 
	margin-left : 2.5em;}
div#imageSaveOptions div.saveAsContractImage{ 
	margin-bottom : 1em; }
div#imageSaveOptions #saveAsContractImage, div#imageSaveOptions #saveToImageLibrary  { 
	margin-left : 0px;}
div#imageSaveOptions #imageLibraryTags{ 
	width : 270px; 
	height : 60px; }

div#imageLibraryAdminContainer div.typeSelector {
	margin : 1em 0em 1em 0em;
}

div#imageLibraryAdminContainer div.typeSelector div,
div#imageLibraryAdminContainer div.userSearchSelector div,
div#imageLibraryAdminContainer div.userInformation div {
	clear : both; 
	font-size:0.8em;
}

div#imageLibraryAdminContainer div.typeSelector div label, 
div#imageLibraryAdminContainer div.userSearchSelector div label,
div#imageLibraryAdminContainer div.userInformation div label {
	float : left; 
	width: 120px; 
}
div#imageLibraryAdminContainer div.typeSelector input {
	font-size : 0.8em;
}

div#imageLibraryAdminContainer div.userInformation div {
	font-size : 0.8em;	
}

/********************************************************************** Custom Contract ADMIN PAGE *******************************************************************/


div.customRow{
	font-size: 1em; 
	clear : both;   	
	line-height: 1.2em;}

div.customRow div.innerRow{
	margin-left : 250px; 
	line-height: 1.2em;}

div.customRow div.innerRow label {
	float: none; 
	width: 240px; 
	display: inline;}

div.customRow label {
	width: 200px;	
	text-align: right;	
	display: block;	
	float: left;	
	margin-right: 10px;	
	font-weight: bold;
	padding-top: 3px; 
	font-size: 0.8em;}

div.customRow textarea {
	width: 350px;}

div.customRow a#costcentreslink {
	display : block; 
	margin-left : 250px;}

div.customRow div.floatSection {
	width: 185px;	
	display: block;	
	float: left;  
	padding-top: 3px; 
	font-size: 0.8em; 
	margin : 0em 0.25em 0em 0.25em;}

div.customRow input, div.customRow select, div.customRow textarea {
	 font-size: 0.8em;}
	 
div.customRow select {
	width : 350px;}

div.customRow input.button {
	font-size : 0.7em; }

button#customContractSubmit {
	width : 100%;}

div#customContractContainer div#updateStatusPane, div#customContractContainer div#updatePORefPane {
	 font-size: 0.8em; 
	 font-weight: bold; 
	 color : red; }

div#customContractContainer div.actionBar {  
	background-color : #EEEEEE;  
	margin : 5px 0px 5px 5px; 
	padding : 5px; 
	width : 175px; 
	border-radius : 6px; 
	border : 1px solid #CDD5DA; }
div#customContractContainer div.actionBar div.navigation ul {
	list-style-type: none; 
	margin: 1em 0em 1em 0em; 
	padding: 0em 0em 0em 0em;}

div#customContractContainer div.actionBar div.navigation ul li {
	padding : 0em 0em 0em 1em; 
	font-size: 0.8em;}

div#customContractContainer div.actionBar div.navigation ul li:FIRST-CHILD {
	font-weight : bold; 
	font-size: 0.8em; 
	padding: 0em 0em 0em 0em;}

div#customContractContainer #customfileuploaddetails{
	margin: 0px;
	padding: 0px;}

div#customContractContainer #customfileuploaddetails #csvLink a{
	margin-left: 5px;
	background:url(images/csvLogo.gif) no-repeat;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	float: left;
	display: block;}

div#customContractContainer #customfileuploaddetails #excelLink a{
	margin-left: 5px;
	background:url(images/excelLogo.gif) no-repeat;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	float: left;
	display: block;}

div#customContractContainer #customfileuploaddetails #excelLink a:hover, div#customContractContainer #customfileuploaddetails #exceXlLink a:hover{
  	text-decoration: none;}

div#customContractContainer #customfileuploaddetails  #excelXLink a{
	margin-left: 5px;
	background:url(images/excelXLogo.gif) no-repeat;
	padding: 5px 12px 5px 10px;
	text-decoration: none;
	float: left;
	display: block;
}

div#customContractContainer div#customfileuploaddetails form#orderlinecostcentreupload {
	margin: 10px;
	padding: 10px;
	padding-bottom: 25px; 
	height: auto; 
	background: none; 
	margin-left: 250px;
	border: 1px solid #E0E0E0 ;
	width: 450px;
}

div#customContractContainer #fileuploaddetails #fileuploadinput {
	clear: none;
}

div#customContractContainer #fileuploaddetails #fileuploadview {
	clear: none;
}

div#customContractContainer #fileuploaddetails #fileUploadReturnMessage {
	clear: both;
}

div#customContractContainer #fileuploaddetails #loading {
	float: none;
}

div#customContractContainer #addressMappingType {
	font-size: 0.8em;
	display: inline;
}

/************************************************************** USERS PAGE - SCREEN28 *******************************************************************/
#userSideSearch {
	font-size: 0.8em; 
	color : #404040; 	
	border-bottom: 1px solid #B3B3B3; 
	margin: 0 0.75em 0.5em 0; 
	padding: 0.25em;}

#userSideSearch .textInput{
	width: 65%; 
	display : block;
}

#userSideSearchSection1 {}

#userSideSearchSection1Label {
	display : block;	
	margin-right : 50px;
}

#userSideSearchSection1Button {
	float:right;	
	margin-top : -1em;
}

#userSideShow {
	font-size: 0.8em; 
	color : #404040; 
	border-bottom: 1px solid #B3B3B3; 
	margin: 0 0.75em 0.5em 0; 
	padding: 0.25em;}

#userSideShowSection1 {}

#userSideShowSection1Label {
	display : block;	
	margin-right : 50px;
}

#userSideShowSection1Button {
	float:right; 
	margin-top : -1em;
}

#userSideShowSection2 {}
#userSideShowSection2Label {}
#userSideShowSection2Input {}

#userContainer .pageNumberLink{}
#userContainer #stockLevelSideSearchSection2 input {}
#userContainer #userSideShowSection2Label {}

#userContainer #userTable {
  width : 100%;	
}

#userTable .blankHead, #userContainer #userTable .actionCol {
  width : 50px;	
  white-space:nowrap;}

#userContainer div.leftColumn div.sideBarTitle {
	text-align : left; 
	font-size: 0.8em;}

#userContainer div.leftColumn div#userSideActions {
	text-align: left; 
	padding : 0 0 0 0.5em; 
	font-size: 0.8em; 
	border-bottom: 1px solid #B3B3B3;  
	margin: 0 0.75em 0.5em 0;}

#userContainer div.leftColumn div#userSideActions p {
	margin : 0.25em 0;}

/************************************************************** USER DETAILS SCREEN - SCREEN29 *******************************************************************/
 

#userDetailsContainer label{
	width: 175px; 
	text-align: right; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	font-weight: bold; 
	padding-top: 3px; 
	font-size: 0.9em; 
}

#userDetailsContainer .leftColumn form {
  margin : 0px;	
}


#userDetailsContainer {
  text-align : center; 	
}

#userDetails {
  text-align : left; 
  margin-left : auto; 
  margin-right : auto;}
  
#userDetailsContainer div.leftColumn hr{
	display : none; }

#userDetailsContainer #nameRow, #userDetailsContainer #emailRow,
 #userDetailsContainer #companyRow, #userDetailsContainer #contractRow, #userDetailsContainer #userTypeRow,
 #userDetailsContainer #permissionRow, #userDetailsContainer #managerRow,
 #userDetailsContainer #languageRow, #userDetailsContainer #departmentRow,
 #userDetailsContainer #siteRow, #userDetailsContainer #regionRow, #userDetailsContainer #addressfilter1Row,
 #userDetailsContainer #addressfilter2Row, #userDetailsContainer #productfilter1Row, 
 #userDetailsContainer #productfilter2Row    {
 clear : both;
 padding : 3px;
}

#userDetailsContainer #nameRow #name,  #userDetailsContainer #emailRow #email, input#productfilter2, input#productfilter1 {
  width : 300px;
}


#userDetailsContainer #passwordRow, #userDetailsContainer #usernameRow, #userDetailsContainer #costcentreRow {
  clear : left; 
  float : left; 
  width : 375px; 
  padding : 3px;
}

#userDetailsContainer #changecostcentreRow  {
	float : left; 
	width : 375px; 
	padding : 3px;
}

#userDetailsContainer #orderspendlimit {
  width : 3em;	
}

#userDetailsContainer #passwordlifeRow, #userDetailsContainer #expiresonRow, #userDetailsContainer #contractpasswordlifeRow,  
#userDetailsContainer #orderspendlimitRow, #userDetailsContainer #orderspendlimitactionRow {
	float : left; 
	width : 240px; 
	padding : 3px;
}

#userDetailsContainer #contractpasswordlifeRow span, #userDetailsContainer #expiresonRow span {
	font-size: 0.9em;
}
#userDetailsContainer #passwordlifeRow, #userDetailsContainer #orderspendlimitRow {
	clear : left;
}

#userDetailsContainer #contractpasswordlifeRow label,  #userDetailsContainer #orderspendlimitactionRow label{
  	width: 125px;
}

#userDetailsContainer #expiresonRow label,
 #userDetailsContainer #orderspendlimitactiveRow, #userDetailsContainer #orderspendlimitactiveRow label {
  display : inline; 
  float : none;
}

#userDetailsContainer #activeRow {
  clear : left; 
  float : left; 
  width : 250px; 
  padding : 3px;
}

#userDetailsContainer #activeRow label{
	width: 175px; 
	text-align: right; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	font-weight: bold;
	padding-top: 3px;
	font-size: 0.9em;}

#userDetailsContainer #needsauthorizationRow, #userDetailsContainer #selfauthorizeRow, 
 #userDetailsContainer #emailconfirmRow  {
  display : inline; 
  padding-left : 50px; 
  padding : 3px;}

#userDetailsContainer #needsauthorizationRow label, 
 #userDetailsContainer #selfauthorizeRow label, #userDetailsContainer #emailconfirmRow label {
  display : inline; 
  float : none;} 

#userDetailsContainer #userAddressDetailsTable {
  clear : both; 
  margin-top : 1em;}
#userDetailsContainer .leftcolumn a {
	font-weight: bold; 
	padding-top: 3px; 
	display : block; 
	font-size: 0.8em;}

#userDetailsContainer .leftColumn {
	height: 140%; 
	text-align: center;}

#userDetailsContainer .rightColumn {
	height: 140%;}

#userDetailsContainer #showInactiveBudgets {
	padding-left: 5%; 
	padding-top: 2%;}

#userDetailsContainer .leftColumnSection1 .button {
	width: 120px; 
	font-size : 0.8em; 
	margin : 0.5em 0 0.5em 0;}
#userDetailsContainer .leftColumnSection2 .button {
	width: 120px;
	font-size : 0.8em; 
	margin : 0.5em 0 0.5em 0;}
#userDetailsContainer .leftColumnSection3 .button {
	width: 120px;
	font-size : 0.8em; 
	margin : 0.5em 0 0.5em 0;}

#userDetailsContainer #updateButtonWrapper {
	float: right;}

.viewLink, .showPriceMatrixLink {
  font-size : 0.7em;  
  font-weight : normal;  
  font-style : italic;}


/************************************************************** ADD NEW USER SCREEN 1 - SCREEN29A  *******************************************************************/
 

#addNewUser1Container label{
	width: 30%; 
	text-align: right; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	font-weight: bold; 
	font-size: 0.9em;}

#addNewUser1Container .leftColumnSection1{
	text-align: center;}

#addNewUser1Container .leftColumn .button{
	width: 55%;}
	
div#addNewUser1Container div.addNewUser1FormContainer div {
	margin : 0.25em 0 0.25em 0;}	

/************************************************************** ADD NEW USER SCREEN 2 - SCREEN29B  *******************************************************************/
#addNewUser2Container label{
	width: 30%; 
	text-align: right; 
	display: block; 
	float: left;
	margin-right: 10px; 
	font-weight: bold; 
	font-size: 0.9em;
}

#addNewUser2Container .leftColumnSection1{
	text-align: center;
}

#addNewUser2Container .leftColumn .button{
	width: 55%;
}



/************************************************************** ADD NEW USER SCREEN 3 - SCREEN29C  *******************************************************************/
 #addNewUser3Container label{
	width: 30%; 
	text-align: right; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	padding-top: 5px; 
	font-weight: bold;
}

#addNewUser3Container #deliveryAddressRow, #addNewUser3Container #invoiceAddressRow, #addNewUser3Container #changeDeliveryRow, #addNewUser3Container #changeInvoiceRow {
  clear : both;	
}

#addNewUser3Container #DeliveryAddress_popup, #addNewUser3Container #InvoiceAddress_popup {
  margin-left : 25%;	
} 


/********************************************************************** USERREGISTRATION PAGE *******************************************************************/
.userRegistrationForm label, div#userRegistrationContainer div.mainColumn div.loginSection label {
	width: 200px; 
	text-align: right; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	padding-top: 5px; 
	font-weight: bold; 
	font-size: 0.9em;
}

.userRegistrationForm .textInput {
	background-color: white; 
	font-size: 0.8em; 
	width : 170px; 
}

.userRegistrationForm .dropDownInput {
	background-color: white; 
	font-size: 0.8em;
}

.userRegistrationForm #registrationFormUserDetails, 
.userRegistrationForm #registrationFormDeliveryAddress,
.userRegistrationForm #registrationFormInvoiceAddress,
div#userRegistrationContainer div.loginSection form {
	text-align : left; 
	margin-left : auto; 
	margin-right : auto; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	margin-top: 20px; 
	background-color:#fefefe; 
	border: 1px solid #B3B3B3; 
	padding: 10px; 
	clear: both; 
	min-height: 175px;}

.userRegistrationForm #registrationFormUserDetails {
	min-height: 175px; 
}

.userRegistrationForm .userRegistrationField {
    clear: both; 
    overflow:hidden;
}

.userRegistrationForm .userRegInput {
    float:left;
}

.userRegistrationForm .userRegFeedback {
    float:left;
}

#userRegistrationContainer .returnMessage {
	text-align:center; 
	color: red; 
	padding-bottom: 3px;
}

#userRegistrationContainer .userRegFeedback.invalid {
  background-image : url(images/invalid.jpg); 
  background-repeat:no-repeat; 
  width:20px; 
  height:20px;
}

#userRegistrationContainer .userRegistrationForm .pageTitle {
	display:block; 
	font-size: 1.0em;
}

#userRegistrationContainer #userRegistrationFieldProductFilter1,#userRegistrationContainer #userRegistrationFieldProductFilter2, #userRegistrationContainer #userRegistrationFieldAddressFilter1,#userRegistrationContainer #userRegistrationFieldAddressFilter2  {
	display:none;
}

/*************** User Registration with login Page *****************/
div#userRegistrationContainer div.mainColumn div.userRegistrationSection {
	float : left; 
	width : 48%; 
	border : 0px none #F00000; 
	padding : 5px;}

div#userRegistrationContainer div.mainColumn div.loginSection {
	float : left; 
	width : 48%; 
	border : 0px none #F00000; 
	padding : 5px;}

div#userRegistrationContainer div.mainColumn div.userRegistrationSection .userRegistrationForm label,
div#userRegistrationContainer div.mainColumn div.loginSection label {
	width : 140px; }
div#userRegistrationContainer div.instructions {
	min-height : 2.3em;}
	
div#userRegistrationContainer div.mainColumn div.loginSection div#username,
div#userRegistrationContainer div.mainColumn div.loginSection div#password {
	clear : both;}

div#userRegistrationContainer div.mainColumn div.loginSection div.pageTitle {
	font-size: 1.0em; 
}

div#userRegistrationContainer div.mainColumn div.loginSection div#username input,
div#userRegistrationContainer div.mainColumn div.loginSection div#password input {
	width : 170px; 
	background-color: white; 
	font-size: 0.8em;}

div#userRegistrationContainer div.mainColumn div.loginSection div#submitRow {
	margin : 2em 0em 1.5em 150px}

div#userRegistrationContainer div.mainColumn div.loginSection div#forgotPasswordRow {
	margin : 0.0em 0em 0em 150px}
div#userRegistrationContainer div.mainColumn div.loginSection div#forgotPasswordRow a {
	font-size : 0.7em; 
	color : #005091;
}


/********************************************************************** USERREGISTRATION ADMIN PAGE *******************************************************************/
 
#userRegistrationAdminContainer #tabs {}

div#userRegistrationAdminContainer div#tabs.ui-widget-content {
	 margin : 1em 0 0 0;}
div#userRegistrationAdminContainer .ui-tabs-panel {
	padding : 0px;}
div#userRegistrationAdminContainer div#tabs.ui-widget-content ul.ui-tabs-nav {
	font-size : 0.8em; 
	background-color: transparent; 
	background-image: none; 
	border: none 0px;  }


#userRegistrationAdminContainer #userRegistrationDefaults {
	overflow:hidden;
	font-size:0.9em;}
#userRegistrationAdminContainer #userRegistrationDefaultsForm #defaultsSection1 {
	width:55%;
	float:left;
	overflow:auto; 
	border-right:1px solid #aaaaaa; }
#userRegistrationAdminContainer #userRegistrationDefaultsForm #defaultsSection2 {
	width:44%;
	float:right;
	overflow:auto;}

#userRegistrationAdminContainer label{
	width: 135px;	
	text-align: right;	
	display: block;	
	float: left;
	margin-right: 10px;	
	font-weight: bold;	
	padding-top: 3px;	
	font-size: 0.8em;
	
}

#userRegistrationAdminContainer .textInput,#userRegistrationAdminContainer .dropDownInput{
	width: 200px;	}

#userRegistrationAdminContainer select, #userRegistrationAdminContainer input {
	font-size : 0.8em; }

#userRegistrationAdminContainer .textInputShort{
	width: 40px;	}
	
div#defaultsSection1 div, 
div#defaultsSection2 div {
	padding : 0.25em; 
	clear : both; }

#userRegistrationAdminContainer #userRegistrationDefaultsButton {
	padding-top: 20px; 	
	clear:both; 	
	text-align:center;}


/************************************************************** REPORT1 PAGE *******************************************************************/

#reportFormFields{
	float:left; 
	padding-top: 5% padding-left: 5%; 
	clear: both;
}

#reportFormFields select{
	font-size: 12px; 
	background-color: #CCCCCC;	
	border: 1px solid #666666;
}

#reportMessage{
	float:left; 
	padding-top: 5% padding-left: 5% padding-right: 5% clear: both;
}

#reportInput {
	font-size: 0.9em; 
	color : #404040; 	
	clear:both;
}

#reportInputLabel {
	float:left; 
	padding-top: 2%; 
	padding-left: 5%;
}

#reportInputDropDown {
	float:left; 
	padding-top: 2%; 
	padding-left: 1%;
}

#reportInputButton {
	float:left; 
	padding-top: 23px; 
	padding-left: 2px;
}

/************************************************************** REPORT2 PAGE *******************************************************************/

#reportFormFields label{
	width: 200px; 
	text-align: right; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	font-weight: bold; 
	clear: both; 
	font-size: 0.9em;
}

#reportFormFields .dropDownInput {
	background-color: white; 
	margin : 0 0.25em 0 0; }

#report2Container .leftColumn .button{
	width: 120px;
}

#reportFormFields p{	
	width: 100%;}

#reportMessage {
	font-size: 0.9em; 	
	color : #404040;	
	width: 100%;
}

#reportActions {
	text-align: center;
}

/************************************************************** REPORT3 PAGE *******************************************************************/

#report3Container {
    width: 73%; 
    margin-left: 12%; 
    border: solid black 0px; 
    padding-bottom: 30px; 
    background-image: none; 
    background-color: white;
}

#report3Container #report3Top {
	width: 960px;
    padding-top: 20px; 
    clear:both; 
    padding-bottom: 30px;
}

#report3Container #report3Top .button {
    font-size: 13px; 
    padding-right:10px; 
    min-width:300px; 
    text-align: center; }

#report3Container #report3BackButton {
	float:left; 
	width : 33%; 
	text-align: left;
}

#report3Container #report3BackButton .button{
    color: #ff6000;
    padding-left: 20px; 
    padding-right: 40px;
}
#report3Container #report3BackButton .button:hover {
	background: #ff6000;
color:#fff;
}
#report3Container #report3NewLink {
	float:left;	
	width : 33%; 
	background-color: white; 
	text-align: center; 
	font-size: 1em;
}

#report3Container #report3PrintButton {
	float:right; 
	width: 100px;
}

#report3Container #report3PrintButton .button, div#report3ChartButton a.button {
    color: #ff6000;
    padding-left: 15px;    
    padding-right: 15px;}
#report3Container #report3PrintButton .button:hover {
	background: #ff6000;
	color: #fff;
}

td.report3TableHead {
	color: white; 
	background-color : #706862; 
	border : 1px solid #706862;  
	text-align: center; 
	font-size: 0.9em;
}

#report3ChartSelect { 
	text-align : center; }

#report3Table {
	width : 95%; 
	border : 1px #B3B3B3 solid; 
	margin-left : auto; 
	margin-right : auto; 
	border-collapse: collapse; }

#report3Table tr td {
	vertical-align : top;	}

#report3Table td {
	border-bottom : 1px #B3B3B3 solid; 
	font-size: 0.8em; }

#report3Container #report3PageTitle {
	text-align: center;	}

/*** Report 3 Charting ***/
div#chartDisplayContainer {}

div#chartDisplayContainer div.chartFormRow {
	width : 640px; 
	clear : both; 
	text-align: left;
}
div#chartDisplayContainer div.chartFormRow label{
	width : 150px; 
	display: block; 
	float: left; 
	text-align: right; 
	padding-right: 1em;
}
div#chartDisplayContainer img#chartPlaceholder {
	width : 640px; 
	height : 480px; 
	border : 1px solid #C0C0C0;
}

/********************************************************************** CHART ADMIN *******************************************************************/
div#chartAdminContainer {
	text-align : left; 
	width : 650px;}

div#chartAdminContainer h1, div#chartAdminContainer h2, div#chartAdminContainer h2, div#chartAdminContainer h3,
div#chartAdminContainer h1, div#chartAdminContainer h4, div#chartAdminContainer h5, div#chartAdminContainer h6 {
	margin : 1.5em 0em 0.25em 0em; 
	background-color : #f0f0f0; 
	z-index : 12000;
}
 
form#chartSelectForm label, form#formatSelectForm label { 
	font-size : 0.65em; 
	display : block; 
	width : 120px; 
	float : left; 
	padding : 0.5em; }

form#reportChartForm label, form#reportFormatForm  label, form#saveDetailsForm label { 
	font-size : 0.65em; 
	display : block; 
	width : 120px; 
	float : left; 
	padding : 0.3em; 
	margin-top : -0.5em; }
	
form#chartSelectForm input, form#reportChartForm input,
form#formatSelectForm input, form#reportFormatForm input,
form#saveDetailsForm input { 
	font-size : 0.65em; 
	width : 130px;
}

form#reportFormatForm input.colorPicker{
	width : 80px;
}

form#chartSelectForm button, form#reportChartForm button, 
form#chartSelectForm select, form#reportChartForm select,
form#formatSelectForm button, form#reportFormatForm  button,
form#formatSelectForm select, form#reportFormatForm  select,
form#saveDetailsForm select, form#saveDetailsForm button{
	font-size : 0.65em; 
	width : 120px; 
	margin : 1px;
}

div#chartAdminContainer .editbutton { 
	background-color : #F0F0F0; 
	border : 1px solid grey; 
	color : black;
}

div#chartAdminContainer div.chartDetails, div#chartAdminContainer div.formatDetails {
	display : none; 
}
div#chartAdminContainer form#reportChartForm div.float,
div#chartAdminContainer  form#reportFormatForm div.float,
div#chartAdminContainer  form#saveDetailsForm div.float{
	width : 49%; 
	float : left; 
	line-height : 1.5em;
}

form#reportFormatForm  div.seriesContainer {
	width: 100% !important;	/* Urrgh */
} 

div#chartAdminContainer div.clear { 
	clear : both;
}

div#chartAdminContainer div.clearFull { 
	clear : both; 	
	width: 100% !important;	/* Urrgh */ 
}

/**************************************************  REPORT PREVIEW ***************************************************/
div#reportPreviewContainer {}

/*Report Selection Form */
div#reportPreviewContainer  form#reportSelectionForm {
	margin-left : auto; 
	margin-right : auto; 
	max-width : 800px;}
div#reportPreviewContainer  form#chartDefinitionFormStandard {
	margin-left : auto; 
	margin-right : auto; 
	max-width : 800px;}
div#reportPreviewContainer  form#chartSelectionFormCustom {
	margin-left : auto; 
	margin-right : auto; 
	max-width : 800px;}

div#reportPreviewContainer #reportChartPreviewSection {
	margin-top: 20px;}
div#reportPreviewContainer #chartPreviewPlaceholder {
	margin-left : auto; margin-right : auto;}



div#reportPreviewContainer form#reportSelectionForm div {
	clear : both;
}
div#reportPreviewContainer form#chartDefinitionFormStandard div {
	clear : both;
}
div#reportPreviewContainer form#chartSelectionFormCustom div {
	clear : both;
}

div#reportPreviewContainer #reportChartSection {
	background-color: lightgrey;
	margin-bottom: 10px;
	padding: 10px;
	width: 70%;
	margin-left: auto;
    margin-right: auto;
}

div#reportPreviewContainer #buttondiv {
	display:inline;
}

form#reportSelectionForm label {	
	font-size : 0.65em; 
	display : block; 
	width : 120px; 
	float : left; 
	padding : 0em 0.5em 0.5em 0.5em; }
form#reportSelectionForm select, form#reportSelectionForm input {	
	font-size : 0.65em; 
	display : block; 
	width : 180px; 
	margin : 1px; }
form#reportSelectionForm button {	
	font-size : 0.65em; 
	display : block; 
	width : 120px; 
	margin : 1px; }
	
form#chartDefinitionFormNone #buttondiv {	
	font-size : 0.65em;  
	width : 120px; 
	margin : 1px 1px 120px 1px; }

form#chartDefinitionFormStandard label {	
	font-size : 0.65em; 
	display : block; 
	width : 120px; 
	float : left; 
	padding : 0em 0.5em 0.5em 0.5em; }
form#chartDefinitionFormStandard select, form#chartDefinitionFormStandard input {	
	font-size : 0.65em; 
	display : block; 
	width : 180px; 
	margin : 1px; }
form#chartDefinitionFormStandard #buttondiv {	
	margin : 1px 1px 120px 1px; }
form#chartDefinitionFormStandard #buttondiv {	
	font-size : 0.65em;  
	width : 120px; 
	margin : 1px 1px 120px 1px; }
	
form#chartSelectionFormCustom label {	
	font-size : 0.65em; 
	display : block; 
	width : 120px; 
	float : left;
	padding : 0em 0.5em 0.5em 0.5em; }
form#chartSelectionFormCustom select, form#chartSelectionFormCustom input {	
	font-size : 0.65em; display : block; width : 180px; margin : 1px; }
form#chartSelectionFormCustom #buttondiv {	
	font-size : 0.65em;  width : 120px; }
	
#reportChartType label {	
	display : block; 
	width : 120px; 
	float : left; 
	padding : 0em 0.5em 0.5em 0.5em; }


div#reportPreviewContainer #chartFeedback {
	display:inline;
	color:red;
	margin : 1px 1px 1px 132px;

}

div#reportPreviewContainer #feedbackMessage {
	font-size : 0.65em;
	font-weight: bold;
	margin: 1px 1px 1px 1px;
}
	
div#reportPreviewContainer  #reportChartType {
	margin-left : auto; 
	margin-right : auto; 
	max-width : 800px;
	font-size : 0.65em;}

span#userId_choice { 
	font-size: 0.65em; }
div.userId_searchResultsContainer { 
	position: relative;  }
div#userId_searchResults { 
	position: relative; 
	top: 0px; 
	left : 130px; 
	font-size: 0.65em; 
	clear: none; 
	background-color: white; }

/*Report Parameters Form*/
div#reportPreviewContainer form#reportParametersForm {
	margin-left : auto; 
	margin-right : auto; 
	max-width : 800px;}
div#reportPreviewContainer form#reportParametersForm div {
	clear : both;
}
div#reportPreviewContainer form#reportParametersForm label {	
	font-size : 0.65em; 
	display : block; 
	width : 120px; 
	float : left; 
	padding : 0em 0.5em 0.5em 0.5em; }
div#reportPreviewContainer form#reportParametersForm select {	
	font-size : 0.65em; 
	margin : 1px; }

div#reportPreviewContainer form#reportParametersForm input.button {	
	font-size : 0.65em; 
	display : block; 
	width : 120px; 
	margin : 1px; }

div#reportPreviewContainer div#report3ChartSelect {
	font-size : 0.8em;
}
div#reportResultsSection table#report3Table tr td {
	font-size : 0.8em; 
	padding : 1px;
}

div#reportPreviewContainer div.reportWait {
	background-image: url(/images/loading-wait.gif);
	background-position: center; 
	background-repeat: no-repeat; 
	height : 200px;
}

div#reportPreviewContainer div.navigationPane {
	padding : 0.5em 0.5em 0.5em 1em; 
	font-size : 0.8em;
}
div#reportPreviewContainer div.navigationPane h6 {
	font-size : 1em; 
	margin : 0.25em 0.25em 0.25em 0em;
}
div#reportPreviewContainer div.navigationPane a{
	display : block; 
	margin : 2px 2px 2px 0.5em;
}

form#reportSelectionForm a.dataItem {
	display : block;
}

/********************************************************************** ORDERCHARGE ADMIN PAGE *******************************************************************/
 
#orderChargesAdminContainer form {
	width: 800px; 
	margin-left: auto; 
	margin-right: auto;}

#orderChargesAdminContainer #orderChargeForm {
 	margin-top:10px; 
 	margin-bottom:10px;}
 
#orderChargesAdminContainer #orderChargesByOrderForm {
 	font-size: 0.8em;}

#orderChargesAdminContainer #orderChargesByOrderForm .pageTitle{
 	margin-bottom: 7px;}
 

#orderChargesAdminContainer #orderChargesByOrderForm label {
	width: 200px; 
	float: left;
	display: block;}


#orderChargesAdminContainer #orderChargesByOrderLineForm {
 	font-size: 0.8em;}

#orderChargesAdminContainer #orderChargesByOrderLineForm .pageTitle{
 	margin-bottom: 7px;}
 

#orderChargesAdminContainer #orderChargesByOrderLineForm label {
	width: 200px; 
	float: left; 
	display: block;}

#orderChargesAdminContainer input[type="submit"] {}

#orderChargesAdminContainer li.ui-state-default.ui-state-hidden[role=tab]:not(.ui-tabs-active) {
    display: none;}

/********************************************************************** ADDRESSMAPPING PAGE *******************************************************************/
 

div#addressMappingAdminContainer #fileuploaddetails{
    margin: 10px; 
    padding: 10px; 
    padding-bottom: 25px; 
    height: auto; 
    background: none; 
    clear:both; 
    margin-left: 50px; 
    border: 1px solid; 
    width: 450px;}

div#addressMappingAdminContainer #fileuploaddetails #fileuploadinput {
	clear: none;}

div#addressMappingAdminContainer #fileuploaddetails #fileuploadview {
	clear: none;}

div#addressMappingAdminContainer #fileuploaddetails #fileUploadReturnMessage {
	clear: both;}

div#addressMappingAdminContainer #fileuploaddetails #loading {
	float: none;}


/********************************************************************** QUOTASETUP ADMIN PAGE *******************************************************************/
 
#quotaSetupContainer #quotaSetupForm {
	width: 600px; 
	margin-left: auto; 
	margin-right: auto;}
 
#quotaSetupContainer label {
	width: 200px; 
	float: left; 
	display: block; 
	font-size: 0.8em;}

#quotaSetupContainer input[type="submit"] {}
#quotaSearch{ 
	padding: 0; 
	margin: 0; }

#quotaSearch,#quotaContractChooser{
	margin-top : 1em; 
	margin-bottom : 1em; 
	margin-left : auto; 
	margin-right : auto; 
	width: 150px; 
	text-align : center;}

#quotaSearchField, #contractChooserInput {
	font-size : 0.8em; 
	width : 150px;}

#searchTitle, #chooserTitle {
 	width: 50%; 
 	float: left;}

#searchButton, #chooserButton {
 	width: 49%;
 	float: right;	}

#searchTitle span, #chooserTitle span{
 	float: left; 
 	font-weight:bold;}

#searchButton button, #chooserButton button {
 	float: right;}
#quotaSearch button, #quotaContractChooser button {
  	border : 1px solid #606060;	
  	color : white; 
  	height : 22px; 
  	cursor : pointer; 
  	margin: 1px; 
  	font-size : 0.8em;}  

/** Absolute Parent positioning trick **/
.quotaSearchForm,#searchButton {
	position : relative;	
	width: 50%;}

#quotaSearch #quotaSearchResults {
	position : absolute; 
	text-align: left; 
	background-color : white; 
	width : 120px; 
	top : 2em; 
	left : 1em; 	
	border: #b3b3b3 solid 1px; 	
	z-index : 100;}

#quotaSearch #quotaSearchResults a, #quotaSearch #quotaSearchResults a:link {
	font-size : 0.8em; 
	display : block; 
	padding: 0.25em;}

#quotaSearch #quotaSearchResults a:hover { 
	font-weight : normal; 
	text-decoration : underline;}

/* Index links on Paged screens (User Lists etc). This is the colour of the Pages area ([1] [2] [3]...) on List pages
   Light blue which becomes red and underlined when hovered over*/
#quotaSetupAdminContainer .indexLink {
	font-size: 0.8em; 
	background-color : #211E72; 
	color: white; 
	text-decoration:none; 
	padding-left : 2px; 
	padding-right : 2px; 
}

#quotaSetupAdminContainer .indexLink:link{
	text-decoration:none; 
	background-color : #211E72; 
	color: white; 
	padding-left : 2px; 
	padding-right : 2px;}

#quotaSetupAdminContainer .indexLink:visited{
	background-color : #211E72; 
	color: white; 
	text-decoration:none; 
	padding-left : 2px; 
	padding-right : 2px;}

#quotaSetupAdminContainer .indexLink:hover{
	text-decoration: underline; 
	color: #FD0000; 
	padding-left : 2px; 
	padding-right : 2px;}

#quotaSetupAdminContainer .pageinfo {
	font-size: 0.8em; 
	color : #404040; 
	font-weight : bold; 
	text-align : center;}

#quotaSetupAdminContainer .thead {
	background-color: #211E72; 
	font-weight: bold; 
	text-align: center; 
	line-height : 1.2em;}


/**********************************************************************  COMPONENT ADMIN PAGE *******************************************************************/
div#componentAdminContainer div#componentChooser {
	margin : 1em 0 0 0;}
	
div#componentAdminContainer form.companySelectorForm table span, div#componentAdminContainer form.companySelectorForm table select, 
div#componentAdminContainer form.companySelectorForm table label, div#componentAdminContainer form.companySelectorForm table a   {
	font-size: 0.8em; } 

div#componentAdminContainer div.rowOdd label, div#componentAdminContainer div.rowEven label  {
	float : left; 
	display: block; 
	width : 160px; 
	font-size: 0.8em; 
	clear : left; }

div#componentAdminContainer div.extraFields {
	margin : 1em 0 0em 165px; }

div#componentAdminContainer div.extraFields div.rowOdd, div#componentAdminContainer div.extraFields div.rowEven {
	clear : both; } 

div#componentAdminContainer div.componentOption  {
	margin : 0 0 0 160px; }	

div#componentAdminContainer div.rowOdd div.componentOption label, div#componentAdminContainer div.rowEven div.componentOption label {
	float : none; 
	display: inline; 
	padding : 0 0 0 0.5em; 	}

div#componentAdminContainer div.buttonHolder {
	margin : 1em 0 1em 160px; }

div#componentAdminContainer div.buttonHolder input {
	margin : 0 1em 0 0;}

/**************************************************  SLIDER / Featured Product / Special Offer ADMIN PAGE *******************************************************************/
div#sliderAdminContainer div.rowOdd label, div#sliderAdminContainer div.rowEven label,
div#featuredProductsAdminContainer div.rowOdd label, div#featuredProductsAdminContainer div.rowEven label,
div#specialOfferContainer div.rowOdd label, div#specialOfferContainer div.rowEven label,
div#categoryMenuAdminContainer div.rowOdd label, div#categoryMenuAdminContainer div.rowEven label,
div#oneOffBasketAdminContainer div.rowOdd label, div#oneOffBasketAdminContainer div.rowEven label {
	float : left; 
	display: block; 
	width : 180px; 
	font-size: 0.8em; 
	clear : left; }

div#sliderAdminContainer div.rowOdd, div#sliderAdminContainer div.rowEven,
div#featuredProductsAdminContainer div.rowOdd, div#featuredProductsAdminContainer div.rowEven,
div#specialOfferContainer div.rowOdd, div#specialOfferContainer div.rowEven, 
div#categoryMenuAdminContainer div.rowOdd, div#categoryMenuAdminContainer div.rowEven,
div#oneOffBasketAdminContainer div.rowOdd, div#oneOffBasketAdminContainer div.rowEven {
	padding : 0.25em; 
	position: relative; 
	clear : both; 
	width : auto; 
	margin : 0px 100px; }
	
div#sliderAdminContainer div#searchsuggestions,
div#featuredProductsAdminContainer div#searchsuggestions,
div#specialOfferContainer div#searchsuggestions {
	position: absolute; 
	font-size: 0.8em; 
	top : 100%; 
	left : 180px; 
	background-color: white; 
	border: 1px solid #d0d0d0; 
	padding: 0.5em;}

div#sliderAdminContainer div#searchsuggestions div,
div#featuredProductsAdminContainer div#searchsuggestions div,
div#specialOfferContainer div#searchsuggestions div{
	padding : 0.25em; 
	cursor: pointer;}

div#featuredProductsAdminContainer div.buttonHolder,
div#specialOfferContainer div.buttonHolder {
	clear  :both; 
	padding : 0.5em 0.25em;}
	
div#sliderAdminContainer div.sliderImage {
	width : 250px; 
	float : left; 
	border : 1px #d0d0d0 solid; 
	background-color: #f0f0f0;
	padding : 0.25em; 
	margin : 0.25em; }
	
div#sliderAdminContainer div.sliderImage label {
	width : 70px; 
	font-size : 0.7em;
	float : left; 
	display: block;}
div#sliderAdminContainer div.sliderImage div.slideDetails span {
	font-size : 0.7em; 
	display: block;
	margin-left: 70px; }

div#sliderAdminContainer div.sliderImage div.sliderButtons {
	clear : both; 
	margin : 0.25em auto; 
	text-align: center;}
	
div#sliderAdminContainer div.sliderImage div.sliderButtons input.button {
	padding : 4px 0px; 
	width : 65px; 
	font-size : 10px; 
	background-color: white;}

div#sliderAdminContainer div.sliderDetails br {
	display: none;}
div#sliderAdminContainer div.pageTitle {
	padding : 1em 0.25em 0.25em 0.25em ;}
	
div#featuredProductsAdminContainer div.featuredProduct {
	width : 250px; 
	float : left; 
	border : 1px #d0d0d0 solid; 
	background-color: #f0f0f0;
	padding : 0.25em; 
	margin : 0.25em; }	

div#featuredProductsAdminContainer div.featuredProduct div.featuredProductThumbnail {
	width : 60px; 
	height : 60px;}
div#featuredProductsAdminContainer div.featuredProduct div.featuredProductThumbnail img {
	max-height: 100%; 
	max-width: 100%; 
	margin : 0px auto;	}
	
div#featuredProductsAdminContainer div.featuredProduct div.featuredProductLinkText,
div#featuredProductsAdminContainer div.featuredProduct div.featuredProductImageDetailsLink {
	font-size: 0.7em; 
	padding : 0.25em;}
div#featuredProductsAdminContainer div.featuredProduct div.featuredProductDetails label {
	width : 70px; 
	font-size : 0.7em; 
	float : left; 
	display: block;}

div#featuredProductsAdminContainer div.featuredProduct div.featuredProductDetails span {
	font-size : 0.7em; 
	display: block; 
	margin-left: 70px; }
div#featuredProductsAdminContainer div.featuredProduct div.featuredProductDetails br{
	display: none; }
div#featuredProductsAdminContainer div.pageTitle {
	padding : 1em 0.25em 0.25em 0.25em ; 
	clear: both;}
div#featuredProductsAdminContainer div.featuredProduct input.button {
	padding : 4px 0px; 
	width : 65px; 
	font-size : 10px; 
	background-color: white;}

/**************************** TOP Menu Component ******************************************/
div.topMenuComponent {
	width : 100%; 
	height : 60px; 
	position: fixed; 
	top : 0px; 
	left : 0px; 
	padding : 0px 0px 0px 15px; 
	z-index : 10000;}

div.topMenuComponent div.sectionContainer {
	width : 980px; 
	margin : 0px auto; 
	background-color : #FFFFFF; 
	z-index : 100000 !important; 
	height : 75px; 
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); 
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);	}
	
div.topMenuComponent div.sectionContainer div.logoSection {
	float : left; 
	width : 300px; 
	height : 60px; }

/** Category Menu **/
div.topMenuComponent div.sectionContainer div.categorySection {
	margin-right : 100px; 
	clear: both; 
	overflow: visible;  }
div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer {
	margin : -13px 5px; 
	border : 0px none;}
div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer {
	float : left; 
	width : 250px; }
	
div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.allCatContainer a {
	display: block; 
	width : 250px; 
	background-color : #e6e6e6; 
	color : #211e72; 
	height: 25px;  
	padding: 7px 0px 0px 0px; 
	text-align: center;}
	
div.topMenuComponent div.sectionContainer div.categorySection div.categoryContainer div.categoryMenuComponent {
	margin : 0px 0px 0px 200px; 
	width : auto; 
	border : 0px none;}

div.topMenucategoryMenuComponent ul {
	list-style: none;}
div.topMenucategoryMenuComponent {
	margin : 0px; 
	width : auto; 
	border : 0px none;}

div.topMenucategoryMenuComponent ul li, div.topMenucategoryMenuComponent ul li a {
	white-space: nowrap; }
	
	
div.topMenucategoryMenuComponent ul li {
	min-width : 180px; 
	position: relative; }

div.topMenucategoryMenuComponent>ul {
	display : flex !important; 
	flex-flow: row nowrap; 
	justify-content: flex-start; 
	width: auto;}

div.topMenucategoryMenuComponent>ul>li {
	padding : 5px 0px; }

/** 2rd Layer **/
div.topMenucategoryMenuComponent ul li.menuItemDepth1 ul {
	border : 1px #f0f0f0 solid; 
	margin : 5px 0px; 
	padding : 0px 0px 0px 10px; 
	background-color: #fefefe; 
	display : none;  
	font-size: 0.9em; 
	width: 160px; 
	position: absolute;}

/** Basket **/	
div.topMenuComponent div.sectionContainer div.basketSection {
	float : right; 
	width : 80px; 
	text-align: right; 
	padding : 5px 0px 0px 35px; 
	font-style: italic; 
	background-image: url("/images/base_new/cart.png"); 
	background-repeat: no-repeat; 
	background-position: 60px;
	position: relative; 
	z-index: 1000; 
	margin: -25px 0px 0px 0px; 
	background-color: white;}

div.topMenuComponent div.sectionContainer div.basketSection.basketFull {
	background-image: url("/images/base_new/cart_full.png");}
	
div.topMenuComponent div.sectionContainer div.signBasketSearchSection div.basketSection.basketEmpty span.basketSummary {
	color : #b3b3b3;}
div.topMenuComponent div.sectionContainer div.signBasketSearchSection div.basketSection.basketFull {
	cursor : pointer;}
div.topMenuComponent div.sectionContainer div.signBasketSearchSection div.basketSection div.basketQuickView {
	position: absolute;  
	z-index: 1000;  
	background-color: white; 
	top: 30px; 
	left: -50;
	min-height: 100px;  
	font-size: 12px;
	border: 1px solid #b3b3b3;}
div.topMenuComponent div.sectionContainer div.signBasketSearchSection div.basketSection div.basketQuickView table{
	width : 100%;}
div.topMenuComponent div.sectionContainer div.signBasketSearchSection div.basketSection div.basketQuickView table tr td {
	font-size : 12px; 
	text-align: right;}
div.topMenuComponent div.sectionContainer div.signBasketSearchSection div.basketSection div.basketQuickView table tr td:FIRST-CHILD {
	text-align: left;
	 width : 100px; }

/** Sign In **/
div.topMenuComponent div.sectionContainer div.signBasketSearchSection div.signInContainer {
	float : left; 
	width : 215px; 
	text-align: right; 
	padding : 15px 0px 0px 5px;}
div.topMenuComponent div.sectionContainer div.signBasketSearchSection div.signInContainer button {
	width : 100px; 
	height : 32px; 
	background-color: #fff;
	color : black; 
	margin : 11px 5px 0px 0px; 
	border: #b3b3b3 solid 1px; 
	border-radius : 0px; }
div.topMenuComponent div.sectionContainer div.signBasketSearchSection div.signInContainer button:hover {
	background-color : #999; 
	color : #fff;}
div.topMenuComponent div.sectionContainer div.signBasketSearchSection div.signInContainer button.signInButton:hover {
	background-color: #DB0010;} 

div.topMenuComponent div.sectionContainer div.signBasketSearchSection div.searchSection {
	padding : 1em 0em 0em 50px; 
	margin : 0px 0px 0px 220px; 
	clear : both; 
	position: relative; 	
	top : -45px;   }

div.topMenuComponent .catalogueSearchComponentSearchResults {
	position : absolute; 
	text-align: left; 
	background-color : white; 
	width : 150px; 
	top : 1.5em; 
	left : 0.5em; 
	border: #b3b3b3 solid 1px;
	z-index : 100; 
	display:hidden; 
	overflow: hidden;}
div.topMenuComponent .catalogueSearchComponentSearchResults a {
	font-size : 12px; 
	margin : 4px; 
	display: block; }
div.topMenuComponent h4, div.topMenuComponent h5  {
	display: none;}


/********************************************************************** REPORT COMPONENT ADMIN PAGE *******************************************************************/
#reportComponentAdminContainer #reportComponentForm {
	width: 600px; 
	margin-left: auto; 
	margin-right: auto;}
 
#reportComponentAdminContainer label {
	width: 200px; 
	float: left; 
	display: block; 
	font-size: 0.8em;}

#reportComponentAdminContainer input[type="submit"] {

}

/********************* View Files Admin settings *************************/
table.viewFilesContainer {   
width : 600px; 
clear : both; }
tr.viewFilesItem td { 
border-bottom : 1px dotted #e0e0e0;} 
tr.viewFilesItem:hover { 
background-color : #e0e0e0;} 

/************************************************************** PDF UPLOAD - - pdfupload.jsp ****************************************************************/
#pdfUploadContainer   {
 	background-image: none; 
 	background: #fff; 
 	min-height : 1100px;}

#pdfUploadContainer div#detailspane {
  width : 300px;   
  float : right; 
  margin-top : 1em; 
  display: none;
}

#pdfUploadContainer div.leftColumn {
 	display : none;}

#pdfUploadContainer div.mainColumn {
	margin : 10px 0 5em 0;}

#pdfUploadContainer #imagepaneholder {
	width : 550px; 
	height : 550px;  
	float : left;   
	margin : 1em 0 0 2em;   
	text-align : center; }

#pdfUploadContainer .imagepane {
	width : 500px;  
	height : 500px; 
	border : 1px #E0E0FF solid;   
	text-align : center; 
	margin-left : auto; 
	margin-right : auto;   
	position : relative; 
	background: #F8F8F8; }

#pdfUploadContainer .imagepane div#imageCanvasRoot {
	height : 500px;
	margin: 0px auto;}

div#pdfUploadContainer div.mainColumnSection1 {
	width: 940px; }
div#pdfUploadContainer div.mainColumn div.mainColumnSection1 {
	width: 940px; 
	overflow: visible; }

/* Cloud Zoom */
#pdfUploadContainer .cloud-zoom-big { 
	z-index: 99999 !important;}

div#pdfUploadContainer div#imagePreviewPane, div#pdfAdminContainer div#imagePreviewPane {
	height : 420px; }

#pdfUploadContainer .imagepane .loadingimage {
	position: absolute;	
	top: 20%;	
	width: 80%;	
	left: 0%;	
	height: 4.5em;	
	font-size: 0.9em;	
	padding: 10px;
	margin-left: 10%;	
	margin-right: 10%;	
	text-align: centre;		
	z-index: 9999;	
	background-color: #404040;
	opacity: 0.8; 
	filter: alpha(opacity=80); 
	border-radius: 0.5em;}
  
 #pdfUploadContainer .imagepane .loadingimage .progressText {
 	font-style: italic; 
 	color: white;}

#pdfUploadContainer .imagepane .previewlink {
	position : absolute;   
	top : 90%;   
	height : 10%;   
	width : 99%;   
	left : 0%;   
	height : 3em;   
	font-size : 0.9em;   
	padding-top : 3px;   
	margin-left: 0.5%;  
	margin-right: 0.5%;   
	text-align : centre;   
	z-index : 9999;   
	color : white;   
	background-color : #C0C0C0;   
	opacity:0.8;   
	filter:alpha(opacity=80); }

#pdfUploadContainer .imagepane .button {
	margin-top: 1em;   
	margin-bottom: 1em;   
	color: #347CAB ; 
	font-size: 0.9em; }

#pdfUploadContainer .imagepane img.staticImagePreview {
	width : 560px;   
	height : 600px; }

#pdfUploadContainer .imagepane #small-image {
	border : 0px none;   
	vertical-align : middle; }

div#pdfUploadContainer #fileUploadInput {
 	background: white; 	
 	margin-left: 30px; 	
 	padding: 15px; 	
 	border: 1px #E0E0FF solid; }
 	
div#pdfUploadContainer #fileUploadInput div.fileInputInfoRow{
 	margin : 0.5em 0 0.5em 0; 
 	font-size: 0.8em; }

div#pdfUploadContainer input.fileSelector {
	width : 550px;}
	
div#pdfUploadContainer #fileUploadInput input.submitButton {
	color: #606060;
	font-size: 0.8em; 
	border: 1px solid #808080;
	font-weight: bold;
	display: inline-block;
	background: #DCDCDC;
	border-radius: 1em;	
	padding: 0.25em 50px; 
	height : 3em; 
	width : inherit; 
	float : right;}
 
div#pdfUploadContainer .buttonHighlight {
	background : #DB0010;} 
 
div#pdfUploadContainer div.sideOptionPane {
 	background: white; 	
 	margin: 0px 0px 1em 0px; 	
 	padding: 0.25em; 	
 	border: 1px #E0E0FF solid; 
 	min-height : 142px;}
 	
div#pdfUploadContainer div.sideOptionPane#documentDetails, div#pdfUploadContainer div.sideOptionPane#assetorderdetails {
	min-height: 0px;}
	
div#pdfUploadContainer div.sideOptionPane#documentProblems div.optionContainer {
	max-height: 250px;	
	overflow-x: hidden;	
	overflow-y: auto;}		

div.fileDetail {
	padding : 0.25em 0;} 	
 	
#pdfUploadContainer #uploadedFileImageDetails {
 	background: white; 	
 	margin-left: 30px; 	
 	padding: 30px; 	
 	border: 1px #E0E0FF solid; }
 
#pdfUploadContainer #uploadedFileDetails label {
	font-weight: bold; }

#pdfUploadContainer #uploadedFileFontDetails label {
	font-weight: bold; }

#pdfUploadContainer #uploadedFileImageDetails label {
	font-weight: bold; }

#pdfUploadContainer .fileDetail {
	font-size: 0.7em; 
	clear : both;}
	
#pdfUploadContainer div#documentProblems .fileDetail {
	padding : 0.25em 0 0.25em 60; 
	font-style: italic; }
	
#pdfUploadContainer .packSizeField {
	font-size: 0.8em;
	padding: 4px 0 0 0;}
	
#pdfUploadContainer div#documentProblems div.fileDetail.preflightOk {
	background: url("/images/preflight_ok.png") no-repeat; 
	background-position: 10px 50%; 
	min-height: 32px;}
#pdfUploadContainer div#documentProblems div.fileDetail.preflightWarning {
	background: url("/images/preflight_warning.png") no-repeat; 
	background-position: 10px 50%; 
	min-height: 32px;}
#pdfUploadContainer div#documentProblems div.fileDetail.preflightError {
	background: url("/images/preflight_error.png") no-repeat; 
	background-position: 10px 50%; 
	min-height: 32px;}

#pdfUploadContainer div#documentProblems div.

#pdfUploadContainer div#documentProblems {
	max-height : 300px; 
	overflow : auto; 
	width : 100%;}
	
#pdfUploadContainer .fileDetail label{
	float : left; 
	display : block; 
	width : 100px; 
	font-weight: bold; }

#pdfUploadContainer .fileDetail div {
	margin : 0 0 0 100px; }
	
div.debug {
	display : none;}

div#pdfUploadContainer div#zoomDialogue {
	font-size : 0.8em; 
	margin : 1em; }

#pdfUploadContainer .fileDetailHeader, #pdfUploadContainer h2, div#pageOptionWizardOptions h2, div#pageOptionWizardPages h2 {
	font-weight: bold; 
	font-size : 0.8em; 
	background-color : #F0F0F0; 
	text-align: center; 
	margin : 0; 
	padding : 0.1em}

#pdfUploadContainer h3.documentProblems {
	font-weight: bold; 
	font-size : 0.7em; 
	color : red; 
	text-align: left; 
	margin : 0; 
	padding : 0.1em; 
	margin : 0.5em 0 0 0; 
	clear : both;}

/*div#pdfUploadContainer #previewPageNavigationPage {
	font-size: 0.7em; 	font-weight: bold; }
	*/
div#pdfUploadContainer div#renderCanvasControls {
	font-size: 0.7em; 	
	font-weight: bold; }

/** Tab pane **/
#pdfUploadContainer div.tabs.ui-widget-content, #pdfAdminContainer div.tabs.ui-widget-content  {
	border : none 0px; 
}
#pdfUploadContainer div#detailspane .ui-tabs-panel, #pdfAdminContainer div#detailspane .ui-tabs-panel  {
	padding : 0px;
}
#pdfUploadContainer div#detailspane ul.ui-widget-header, #pdfAdminContainer div#detailspane ul.ui-widget-header {
	font-size : 10px; 
	background-color : transparent; 
	background-image: none; 
	border : 0px none;  
}
div#pdfUploadContainer #fileUploadInput input.floatingButton{
display: block;
position:relative;
}


#pdfAdminContainer div#detailspane.ui-widget {
	font-size : 1em;
}

div#pagePreviewHolder {
	float : right; 
	display : block; 
	width : 50px; 
	height : 50px; 
	vertical-align: center;
	align : center; 
}
img#pagePreviewImg {
	max-width : 100%; 
	max-height : 100%; 
	border : 1px solid #C0C0C0;}
div#pageNumberInfo {
	font-size: 0.8em; 
	margin: 0 50px 0 100px; 
	padding: 4px 0 0 0.5em
}

#fileuploadinput .addButton{
	background:#DCDCDC; 	
	color: #606060;
	border: 1px solid #808080;
	border-radius: 0.5em;
	font-size: 0.8em;  
	width: auto;
	font-weight: bold;
	display: inline-block; 
	margin: 0 0 0 10px; 
	padding: 0 10px 0 12px; }

button.optionSubmit{
	color: #606060;
	font-size: 0.9em; 
	border: 1px solid #808080;
	font-weight: bold;
	display: inline-block;
	margin: 1em 2em 2em 50px;	
	background: #DCDCDC;
	border-radius: 1em;	
	padding: 0.25em 30px; 
	height : 3em;}
	
#fileuploadinput .floatingButton{
	display : block; 
	margin : 0.5em 0 0 0em; 
	display : none;}
	
button#assetPageOptionWizardButton {
	font-size: 0.7em;}


/***************************** STYLES FOR CANVAS RENDERER ************************/
div#renderCanvasControls {
	clear : both; 
	margin : 1.5em 0 0 0;}

div#renderCanvasControls input {
	clear : both; 
	margin : 1.5em 0 0 0; 
	background-color: transparent; 
	border: 0px none; }


div#renderCanvasFloatControls {
	z-index: 10;}

/** Position is important so z-index can be used **/
div#renderCanvasFloatControls input.previousPage {
	width : 43px; 
	height : 43px; 
	border : 0px none; 
	text-indent: -9999px; 
	lineheight:0px; 
	font-size: 0; 
	background : transparent url("/images/prev.png") no-repeat; 
	opacity: 0.8;	
	filter: alpha(opacity=80); 
	z-index: 10000;	
	position : absolute; 
	top : 50%; 
	left : 0px; }

div#renderCanvasFloatControls input.nextPage {
	float : right; 
	width : 43px; 
	height : 43px; 
	border : 0px none; 
	text-indent: -9999px; 
	lineheight:0px; 
	font-size: 0; 
	background : transparent url("/images/next.png") no-repeat; 
	opacity: 0.8;	
	filter: alpha(opacity=80); 
	position : absolute; 
	top : 50%; 
	right: 0px; 
	z-index: 10000;	}
	
div#renderCanvasFloatControls input[disabled] {
	opacity: 0.4;	
	filter: alpha(opacity=40); /* For IE8 and earlier */}

/** Position is important so z-index can be used **/
div#renderCanvasDocumentControls {
	z-index: 10;  
	position: relative;  
	clear: both; 
	height : 30px;}
div#renderCanvasDocumentControls input {
	display: block;
	background-color : #DCDCDC; 
	background-image : none; 
	color : #606060; 
  	border : 1px solid #808080; 
  	border-radius : 5px; 
  	font-size: 0.8em; 
  	font-weight : bold; 
  	padding : 0.25em;	
  	width : 135px;	
  	z-index: 10000;	}
	
div#renderCanvasDocumentControls input.previousDocument {
	position : absolute; 
	top : 105%; 
	left : 20px; }

div#renderCanvasDocumentControls input.nextDocument {
	position : absolute; 
	top : 105%; 
	right : 20px; }

div#renderCanvasFloatControls input.nextPage {
	float : right; 
	width : 43px; 
	height : 43px; 
	border : 0px none; 
	text-indent: -10000px; 
	lineheight:1px;
	background : transparent url("/images/next.png") no-repeat; 
	opacity: 0.8;	
	filter: alpha(opacity=80); 
	position : absolute; 
	top : 50%; 
	right: 0; 
	z-index: 10000;	}
	
div#renderCanvasFloatControls input[disabled] {
	opacity: 0.4;	
	filter: alpha(opacity=40); /* For IE8 and earlier */}

div#renderCanvasControls input {
}

div#renderCanvas {
	background-color : #FCFCFC; 
	margin : 0 auto;}

div.renderCanvasPage {
	border : 1px solid #F0F0F0; /*background-color: #FFF*/}

div#renderCanvas div.mousetrap{
	z-index : 999999 !important;	}


/***************************** STYLES FOR OPTIONS RENDERER ************************/
div.optionContainer div.optionRow {
	font-size : 0.8em; 
	padding : 0.25em; 
	clear : both;}
	
div.optionContainer div.optionRow label.optionLabel {
	width: 100px;
	display: block;
	float: left;
	clear: left; 
	font-size : 0.8em; 
	font-weight: bold; 
	padding : 4px 0 0 0;}

div.optionContainer label#asseturgentlabel {
	font-size : 0.8em; 
	font-weight: bold;}

/** This trick ensures that long Options always line up (labels are always in the margin)**/
div.optionContainer div.optionRow div.optionContent {
	margin : 0 40px 0 100px;}
/*
div.optionPricing {
	width : 20px; display: block;float: right; font-size: 0.8em; font-style: italic; padding : 0.25em 0 0 0;
	background:#fff url('/images/base_new/ico_tarriff.png') no-repeat left 50%; text-indent: -10000px;
}

div.optionPricing:hover {
	cursor:help;}
*/

div.optionPricing {
	display: none;
	font-size: 0.8em; 
	font-style: italic; 
	padding : 0.25em 0 0 20;
}
#pdfUploadContainer div.priceBreakdown div.baseLine div, #pdfUploadContainer div.priceBreakdown div.flatLine div{
	display: none;
}
#pdfUploadContainer div.priceBreakdown div.baseHeader{
	display: none;
}

div.optionPriceTooltip {
	font-size : 0.8em;}

div.optionPriceTooltip div.priceLine {
	clear : both;}
div.optionPriceTooltip div.priceLine label {
	display : block; 
	width : 100px; 
	float : left; 
	text-align: left;}
div.optionPriceTooltip div.priceLine div {
	margin : 0 0 0 100px; 
	text-align: right;}	
	
div.optionPriceTooltip .pricebreakstable table{
	border: none;
	width: 200px;
}
	
	
div.optionPriceTooltip div.pricebreakstable th,div.optionPriceTooltip div.pricebreakstable td{
	background-color: #FFFFFF;
	font-size : 0.8em;
	color: black;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
}

div.optionContainer  div.hasinfo{
	background: url("/custom/contract969/icon_info.png") no-repeat 50px #FFFFFF;
	min-height: 18px;
}

div.optionContainer div.optionRow label.optionValueLabel {
	font-size : 0.8em;  }
	
select.optionFormElement, input.optionFormElement {
	font-size : 0.8em;}

input.optionNumCopies{
	font-size : 0.8em; 
	width : 2em;}

div.optionContainer div.optionNumCopiesRow {
	padding : 1.25em 0.25em 0.25em 0.25em;
	float:left;}


div#pdfUploadContainer .pageSelected {
	background: #F0F0F0; 
	border : 1px solid #C00;
}

div#pdfUploadContainer button#assetPageOptionWizardButton {
	margin :1em 0 0 100px;}

/***************************** STYLES FOR PAGE OPTION WIZARD ************************/
div#pdfUploadContainer div.hidden {
	display : none; } 

div#pageOptionWizardRoot div#pageOptionWizardPages {
	width : 620px; 
	height : 400px; 
	float : left; 
	border : 1px solid #f0f0f0; }

div#pageOptionWizardRoot div#pageOptionWizardPages div.pageContainer {	
	overflow: auto; 
	height : 380px; }

div#pageOptionWizardOptions h2, div#pageOptionWizardPages h2 {
	margin : 0 0 0.5 0; }

div#pageOptionWizardRoot div#pageOptionWizardPages div.pageContainer ul {
	list-style-type:  none; 
	padding : 0.5em; }

div#pageOptionWizardRoot div#pageOptionWizardPages div.pageContainer ul li {
	float : left; 
	display : block; 
	width : 100px; 
	height : 100px; 
	border: 1px solid #F0F0F0;
	margin : 0.4em;  }

div#pageOptionWizardRoot div#pageOptionWizardPages div.pageContainer ul li.ui-selecting { 
	background: #FEFEFE; 
	border : 1px solid FFC0C0; }
div#pageOptionWizardRoot div#pageOptionWizardPages div.pageContainer ul li.ui-unselecting {
	background: #FEFEFE; 
	border : 1px solid FFC0C0; }

div#pageOptionWizardRoot div#pageOptionWizardPages div.pageContainer ul li.ui-selected { 
	background: #F0F0F0; 
	border : 1px solid #C00; }

div#pageOptionWizardRoot div#pageOptionWizardPages div.pageContainer ul li img {
	max-width: 100%; 
	max-height: 100%; 
	border: none 0px; }

div#pageOptionWizardOptions {
	float : right; 
	width : 245px; 
	height: 400px;
	border : 1px solid #f0f0f0; }
	
div#pageOptionWizardOptions div.optionRow {
	text-align : left;}

div#pageOptionWizardForm {
	clear : both; 
	margin : 1em; 
	padding : 2em 0 0 0; 
	text-align: left;  }

div#pageOptionWizardForm label {
	width : 350px; 
	float : left; 
	text-align: right; 
	margin-right: 1em; 
	font-size: 0.8em; 
	font-weight: bold; 
	margin : 0.25em;}

div#pageOptionWizardForm textarea {
	width : 350px; 
	height : 1.75em; 
	font-size: 0.8em;  }

div#pageOptionWizardForm button {
	margin : 1em 0 0 350px;  }

/**** Option Effects go here    ****/
/**** Make an Element greyscale ****/
div#renderCanvas.applyGreyscale div.renderCanvasPage img, div#renderCanvas.applyGreyscale div.renderCanvasClone img {
	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: grayscale(100%); 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: gray; /* IE6+ */
}

div.renderCanvasPage.applyGreyscale img, div.renderCanvasClone.applyGreyscale img  {
	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: grayscale(100%); 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: gray; /* IE6+ */}

div.renderCanvasPage.applyColor img, div.renderCanvasClone.applyColor img {
	filter: none !important; 
	filter: none !important; 
	-webkit-filter: none !important; 
	-moz-filter: none !important; 
	-ms-filter: none !important; 
	-o-filter: none !important; }

div#renderCanvas.applyRotate img, div#renderCanvas.applyRotate img {	
  -webkit-transform: rotate(90deg);  
  -moz-transform: rotate(90deg);  
  -ms-transform: rotate(90deg); 
  -o-transform: rotate(90deg); 
  transform: rotate(90deg); 
  width : 70.8%; 
  height : 70.8%;}

div#renderCanvas.wiro {
	background-image: url("/images/base_new/wiro.jpg"); 
	background-position: center top; 
	background-repeat: repeat-y;}

div#renderCanvas.soft {
	background-image: url("/images/base_new/soft.jpg"); 
	background-position: center top; 
	background-repeat: repeat-y;}

/**** Animation FX ****/
/** Right page flip **/
div.renderCanvasClone .cparent1 	{ 
	/* overall animation container */
	width: 100%; /*overflow: hidden;*/ 
	height: 100%; /*overflow: hidden;*/  
	-webkit-transition-property: all; 
	-webkit-transition-duration: .5s; 
	-webkit-perspective: 1000px; 
	-webkit-transform-style: preserve-3d; 
	-moz-transition-property:all; 
	-moz-transition-duration: .5s;
	-moz-perspective: 1000px; 
	-moz-transform-style: preserve-3d; 
	-o-transition-property:all;	
	-o-transition-duration: .5s;
	-o-perspective: 1000px;	
	-o-transform-style: preserve-3d;
	transition-property: all;	
	transition-duration: .5s;	
	perspective: 1000px;	
	transform-style: preserve-3d;
}
div.renderCanvasClone  .cparent2	{ }
div.renderCanvasClone  .cparent3	{ 
	/* animated, "folded" block */
	-webkit-transition-property: all; 
	-webkit-transition-duration: 0.5s;
	-webkit-transform: rotateY(0deg);
	-webkit-transform-origin: left; 
	-moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	-moz-transform: rotateY(0deg);
	-moz-transform-origin: left; 
	-o-transition-property: all; 
	-o-transition-duration: 0.5s; 
	-o-transform: rotateY(0deg);	
	-o-transform-origin: left;
	transition-property: all; 
	transition-duration: 0.5s; 
	transform: rotateY(0deg); 
	transform-origin: left; 
}

/* Hover states to trigger animations */
.renderCanvasClone.flip .cparent1	{ 
	width: 0%;	height: 120%; 
	 
}

.cparent3 img {
	max-width : 100%; max-height : 100%;
}
.renderCanvasClone.flip .cparent3	{
	-webkit-transform: rotateY(-90deg); 
	-moz-transform: rotateY(-90deg); 
	-o-transform: rotateY(-90deg); 
	transform: rotateY(-90deg); 
	/*width: 0%;*/ 
}

/*********************** ADMIN PAGES FOR Asset Upload ********************************/
div#pdfAdminContainer {
	background: url(/images/base_new/mainbg-left.png) repeat-y 0 0 #ffffff; }

body.embedded div#pdfAdminContainer {
	background: none; 
	width : 1000px;}

div#pdfAdminContainer div.adminHidden {
	display : none;}

div#pdfAdminContainer div.feedback {
	color : red; 
	font-size: 0.8em; 
	min-height: 2em; } 

div#pdfAdminContainer div#templateUpdateButtonSection {  
	background-color : #EEEEEE; 
	width : 140px; 
	text-align: center; 
	padding : 1em 5px 1em 5px; 
	border-radius : 6px; 
	border : 1px solid #CDD5DA; }
	
div#pdfAdminContainer div#templateUpdateButtonSection div#companySelectorSection label{
	font-size: 0.8em;}
div#pdfAdminContainer div#templateUpdateButtonSection div#companySelectorSection select {
	max-width: 130px;}

div#pdfAdminContainer div#templateUpdateButtonSection div#templateUpdateInfo{
	color : red; 
	font-style: italic;}

div#pdfAdminContainer div.tableContainer h3, div#pdfAdminContainer div.editSection h3, 
div#optionEditSection h3, div#criteriaEditSection h3, div#pdfAdminContainer div#imagePreviewPane h3, div#cloneTemplatePopup h3{
	font-weight: bold; 
	font-size : 1em; 
	background-color : #F0F0F0; 
	text-align: center; 
	margin : 1.5em 0 0.5em 0; 
	padding : 0.1em}

div#pdfAdminContainer div.tableContainer h3:FIRST-CHILD, div#pdfAdminContainer div.editSection h3:FIRST-CHILD, 
div#optionEditSection h3:FIRST-CHILD, div#criteriaEditSection h3:FIRST-CHILD, div#pdfAdminContainer div#imagePreviewPane h3, div#cloneTemplatePopup h3 {
	margin : 0 0 0.5em 0; }

div#pdfAdminContainer div.editSection h3, div#optionEditSection form#optionEditForm h3, 
div#criteriaEditSection form#criteriaEditForm h3 {
	margin : 1.5em 0 0.5em 0;}
	
div#pdfAdminContainer div#detailspane {
	width : 420px; 
	float : right;  
	margin : 1em 0 0 0;    
}

div#pdfAdminContainer #imagepaneholder {
	width : 500px;   
	float : left;   
	margin : 1em 0 0 1em;   
	text-align : center; }

/* Image Pane stuff */
div#pdfAdminContainer .imagepane {
	width : 500px;  /*height : 500px;*/ 
	border : 1px #E0E0FF solid;   
	text-align : center; 
	margin-left : auto; 
	margin-right : auto;   
	position : relative; 
	background: #F8F8F8; }

div#pdfAdminContainer .imagepane div#imageCanvasRoot{
	margin-left : auto; 
	margin-right : auto; 
	text-align: center;}

div#pdfAdminContainer form#webform {
	width : 450px; 
	margin : 3.5em auto 0 auto; 
	clear: both; }
	
div#pdfAdminContainer div#fileuploadinput input.floatingButton {
	float : right; 
	display: inline; }

div#pdfAdminContainer div#detailsPane table.dimensions {
	width : 100%; 
	border : none 0px; }
	
div#pdfAdminContainer div#detailsPane table.dimensions tr td:FIRST-CHILD {
	font-size : 0.8em; 
	width : 150px;}

div#pdfAdminContainer div#detailsPane table.dimensions tr td:FIRST-CHILD {
	width : 150px;}

div#pdfAdminContainer div#detailsPane table.dimensions tr th {
	text-align: left;}

div#pdfAdminContainer div#detailsPane table.dimensions tr td input.artworkDimensionField {
	width : 80px; 	
	font-size : 0.8em; }

#canvasForm .floatingButton{
	display : block; 
	float : right; 
	margin : 0.5em 0 0 1em;}
#canvasForm .floatingLeftButton{
	display : block; 
	float : left; 
	margin : 1.0em 0 0 0.5em;}

div#pdfAdminContainer div.canvasEditor {
	
}

div#pdfAdminContainer div.canvasEditor #fileuploadinput .floatingButton{
	display : block; 
	margin : 0.5em 0 0 0em; 
	display : none;}



#canvasForm div.buttonContainer {
	clear : both;
}

div#pdfAdminContainer div.sideOptionPane {
 	background: white; 	
 	margin: 0 0 1em 0; 	
 	padding: 0.25em; 	
 	border: 1px #E0E0FF solid; 
 	min-height : 150px;}
 	
div#pdfAdminContainer div.sideOptionPane h3 {
	margin : 0 0 0.5em 0;
}
div#pdfAdminContainer table.dimensions {
	font-size : 0.8em; 
	margin : 0 0 0.5em 0;}

div#pdfAdminContainer .editSection label{
	float : left; 
	text-align : right; 
	display : block; 
	width : 175px; 
	font-size: 0.8em; 
	padding : 5px; 
	margin : 0 1em 0 0; }

div#pdfAdminContainer .editSection div.dataEntry {
	margin : 0 0 0 175px; 
	padding : 2px;}

div#pdfAdminContainer button.dataEntry {
	width : 100px; 
	margin : 2 10 2 0;  }
	 
div#pdfAdminContainer select.dataEntry, div#pdfAdminContainer input.dataEntry,
div#pdfAdminContainer textarea.dataEntry {
	font-size : 0.8em; 
	width : 250px; 
	margin : 2 10 2 0; }

div#pdfAdminContainer .editSection div.dataRow {
	clear : both; }

div#optionEditSection form#optionEditForm div.dataRow, 
div#criteriaEditSection form#criteriaEditForm div.dataRow  {
	margin : 0.25em 200 0.25em 200; 
	text-align: left; 
	clear : both;}

div#optionEditSection form#optionEditForm div.dataRow label,
div#criteriaEditSection form#criteriaEditForm div.dataRow label {
	float : left; 
	display : block; 
	padding : 1px 1em 0 0; 
	text-align:right; 
	width : 175px; 
	font-size: 0.8em;}

div#optionEditSection form#optionEditForm div.dataRow input,
div#criteriaEditSection form#criteriaEditForm div.dataRow input,
div#criteriaEditSection form#criteriaEditForm div.dataRow select,
div#criteriaEditSection form#criteriaEditForm div.dataRow textarea {
	font-size : 0.8em; 
	margin : 2 0;}

div#criteriaEditSection form#criteriaEditForm div.dataRow textarea {
	width : 270px; 
	height : 4em;}
div#criteriaEditSection form#criteriaEditForm div.submitRow {
	margin : 1em 200 0 200;
}


div#optionEditSection div.table span.th {
	font-size : 0.8em; 
	text-align : left; }

div#optionEditSection div.table span.td input.dataEntry {
	font-size : 0.8em;
}

div#optionEditSection .floatingButton{
	display : block; 
	float : right; 
	margin : 0.5em 0 0 1em;}

div#optionEditSection div.submitRow {
	clear : both;
}

div#optionEditSection div.table span.td input.priceEntry,
div#criteriaEditSection form#criteriaEditForm div.dataRow input.priceEntry{
	width : 4em;}
	
div.table {	display : table;}
div.thead {display: table-header-group;}
form.tr, div.tr {display: table-row;}
span.th {font-weight: bold; display: table-cell;}
span.td {display : table-cell}

span#criteriaHintSection {
	font-size : 0.8em; 
	font-style: italic; 
	display : block; 
	float : right; 
	margin : -1em 0 0 0;
}

.disabledTemplateButton {
	color : grey;	
	border: 1px solid grey; 
	cursor : not-allowed; 
	text-decoration: line-through;
}

.errorFormElement {
	border : 1px solid red;}

div#assetUploadListContainer .leftColumn table {
	margin : 1em 0;}
	
div#assetUploadListContainer table div.productContainer {
	height : 2.2em; 
	overflow: hidden; 
	padding : 0 16 0 0;	}

div#assetUploadListContainer table div.productContainer.expanded {
	height : inherit; }

div#assetUploadListContainer table div.productExpander {
	background-image: url("/custom/contract969/icon_info.png"); 
	background-repeat: no-repeat; 
	width : 16px; 
	height : 16px; 
	float: right; 
	margin : 0 0 0 0;}

div#assetUploadListContainer table td.productExpander {
	cursor: pointer;}

div#assetUploadListContainer table td { 
	vertical-align: top;}

div#cloneTemplatePopup label{
	float : left; 
	text-align : right;
	display : block; 
	width : 175px; 
	font-size: 0.8em; 
	padding : 5px; 
	margin : 0 1em 0 0; 
}

div#cloneTemplatePopup #cloneTemplateForm{
	width : 400px;
}

div#cloneTemplatePopup label{
	float : left; 
	text-align : right; 
	display : block; 
	width : 175px; 
	font-size: 0.8em; 
	padding : 5px; 
	margin : 0 1em 0 0; 
}

div#cloneTemplatePopup #clonetoname,div#cloneTemplatePopup #clonetodescription{
	font-size: 0.8em;
	margin: 2 0;
}

div#cloneTemplatePopup #cloneoptions,div#cloneTemplatePopup #clonecriteria{
	float:left;
}

div#cloneTemplatePopup div{
	clear:both;
}

/*************************** JQUERY-UI Entries ****************************/
.ui-dialog-titlebar{
	background : #0088cc; 
	border : 1px solid #0088cc;	}
.ui-progressbar-value {
	background : /*url(/images/base_new/sprite.png) no-repeat 0 0*/ #FF0018;}
.ui-dialog {
	font-size : 0.8em; 
	z-index: 9999;}
	
	

/*********************** Import Management ********************************/

#importAdminContainer #importTypeSelector{
	clear:both;
	display: block;
	margin-left: auto;
    margin-right:auto;
    width: 60%;
    margin-top: 40px;
}

#importAdminContainer .importType {
	display: block;
	width: 32%;
	float: left;
	text-align: center;
}	

#importAdminContainer .importType .importTypeIcon{

}	

#importAdminContainer .importType .importTypeIcon img{
	width: 40px;
	height: 40px;
    background:url(images/excelLogo.gif) no-repeat;	
    margin-left: auto;
    margin-right:auto;
}	

#importAdminContainer .importType .importTypeLabel{

}	

#importAdminContainer #importLogsMain{
	clear:both;
	margin-top: 170px;
}

#importAdminContainer #tabs-1,#importAdminContainer #tabs-2, #importTypeAdminContainer #tabs-1, #importTypeAdminContainer #tabs-2{
    height: 300px;
    overflow: auto;
}

#importAdminContainer #userSelect span, #importTypeAdminContainer #userSelect span {
	font-size: 1em;
}

#importAdminContainer div.leftColumn #userSelect span {
	margin : 0.5em 0; 
	display: block;}
#importAdminContainer div.leftColumn #userSelect div {
	clear : both; 
	height : 1em; 
	margin : 0.25em 0;}

#importAdminContainer div.leftColumn #userSelect select {
	margin: 0.5em 0 0.5em 1.75em; 
	max-width: 135px;}

#importAdminContainer div.leftColumn #userSelect input.button {
	margin : 0.5em 0;}

#importAdminContainer #userSelect input[type="radio"] ,#importTypeAdminContainer #userSelect input[type="radio"]{
	float: left;
	width: 10%;
	clear: left;
}
	
#importAdminContainer #userSelect label, #importTypeAdminContainer #userSelect label {
	width: 100px;
	float: left;
	font-size: 0.8em;
}

#importAdminContainer #userSelect #importUserSelect, #importTypeAdminContainer #userSelect #importUserSelect {
	display:block;
}
	
#importTypeAdminContainer #fileuploadlinks #excelLink a{
	margin-left: 5px;
	background:url(images/excelLogo.gif) no-repeat;	
	padding: 5px 10px 5px 10px;
  	text-decoration: none;
	float: left;
	display: block;
}

#importTypeAdminContainer #fileuploadlinks #excelLink a:hover{
  	text-decoration: none;
}

#importTypeAdminContainer #fileuploadlinks #excelxLink a{
	margin-left: 5px;
	background:url(images/excelXLogo.gif) no-repeat;	
	padding: 5px 12px 5px 10px;
  	text-decoration: none;
	float: left;
	display: block;
}

#importTypeAdminContainer #fileuploadlinks #excelxLink a:hover{
  	text-decoration: none;
}

#importTypeAdminContainer .mainlabel{
	clear: both;
	display: block;
	padding-top: 20px;
	font-size: 14px;
	font-weight: bold;
}

#importTypeAdminContainer #passcodeField label, #importTypeAdminContainer #supplierIdField label,#importTypeAdminContainer #contractIdIdField label{
	font-size: 0.8em;
	font-weight: bold;
}

#importTypeAdminContainer #importLogsType{
	clear:both;
	margin-top: 50px;
}

#importTypeAdminContainer #importUploadFeedback{
	
}

#importTypeAdminContainer #validationErrorsOuter{
	background-color: #F0F0F0;
	border: 1px solid;
    border-radius: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    height: 200px;
	font-size: 0.8em;
}

#importTypeAdminContainer #validationErrors{
    margin-right: 15px;
    overflow: auto;
    height: 200px;
}

#importTypeAdminContainer #validationErrors .rowErrorHeading {
	margin-top: 10px;
	font-weight: bold;
    font-size: 1.2em;
}

#importTypeAdminContainer #validationErrors .rowError {

}

#importTypeAdminContainer #invalidRowsButtonDiv {
	display: inline;
}


#importTypeAdminContainer #validRowsMessage,#importTypeAdminContainer #invalidRowsMessage span,#importTypeAdminContainer #confirmMessage {
	font-size: 0.8em;
}

#importTypeAdminContainer #infomessage {
	background: url("/custom/contract969/icon_info.png") no-repeat 10px 50% #F0F0F0;
	padding: 10px 10px 10px 60px;
	margin: 10px 0;
	color: #ff6000;
	font-style: italic;
	font-weight: bold;
}

#importTypeAdminContainer #errormessage {
	background: url("/custom/contract969/icon_info.png") no-repeat 10px 50% #F0F0F0;
	padding: 10px 10px 10px 60px;
	margin: 10px 0;
	color: #ff6000;
	font-style: italic;
	font-weight: bold;
}

div.container.userType-backend {
	width : 1160px;}
div.container.userType-backend div.header, div.container div.content, div.container div.menu, div.container div.menu table {
	width : 100%;}
div.container.userType-backend div.mainColumn { 
	width : 960px; }
div.container#homeContainer.userType-backend div.mainColumn { 
	width : 100%;}
div.container#productAdminContainer.userType-backend div.mainColumn { 
	width : 860px;}

div#basketContainer div.leftColumn input.button{
	width:	160px;
	color: #ff6000;
	font-size: 0.9em;
	height: 35px;
	/*text-transform: uppercase;*/
	margin-right: 0px; 
	padding-left:5px; 
	padding-right:0px; 
	padding-top:5px; 
	padding-bottom:5px	
}