/**** PEP 8.5 Base Stylesheet ***/


/* The Sans-serif fonts we use. The last entry in the list here should always 
   be sans-serif or serif so Operating Systems like Linux or MacOS can display 
   properly */
body, div, td, b, a, a:link, a:visited, th, span, input, textarea, button {
   font-family : Arial, Helvetica, sans-serif;
} 

body {
    /*overflow: auto;*/
	margin: 5px;
	margin-top: 0;
	height:100%;  
  
 	background-color: white;
    color : #404040;
    background: #e7e7e7 url(images/bg_rpt2.gif) repeat-x;
    margin: 5px;
    text-align : center;
}

body.nobackground{
	margin: 0px;
	margin-top: 0;
	height:100%; 
 	background-color: none;
    background: none;
    margin: 5px;
    text-align : left;
}

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

#maintable {
  	border : 1px solid black;
  	width : 600px;
  	background-color : white;	
}

.container {
  	border : 1px solid black;
  	max-width : 1600px;
  	min-height : 480px; 
  	background-color : white;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
}

.header {
  max-width : 1600px;
  height: 60px;
  background-color : white;
}

.headerLogo {
	/*background-image : url(images/ParagonLogo1.png);
	background-repeat: no-repeat;*/
	width : 50%;
	float: left;
	height: 60px;
	text-align : left;
}

.headerMiddle {
	width : 0%;
	float: left;
}

.headerSecondaryLogo {
	width : 49%;
	float: right;
    height: 60px;
    text-align:right;
}

.headerSecondaryLogo img {
	display : none;
}

.content {
  	max-width : 1600px;
  	background-color : white; 
  	clear : both;
  	border-top:1px solid black;
}

.leftColumn {
  	float: left;
 	width: 15%;
    /*background: #e7e7e7 url(images/bg_rpt.gif) repeat-x;*/
  	/*border-right:1px solid black;*/
  	height:100%;
  	background-color : white;
  	/*overflow : hidden;*/	
}

.leftColumnSection1 {
 	padding-bottom : 2em;
	clear:left;
}
.leftColumnSection2 {
 	padding-bottom : 2em;
	clear:left;
}
.leftColumnSection3 {
	padding-top : 0.5em;
	padding-bottom : 2em;  
  	border-top: 1px solid #B3B3B3;
	clear:left;
	text-align : center;
}

.leftColumn input, .leftColumn select {
	max-width : 150px; font-size: 0.9em;}

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;}

.mainColumn {
 	float : left;
 	width: 83%;
 	
 	padding-left : 5px;
 	
	border-left:1px solid black;
	/*min-height:500px;*/
	background-color : white;
}

.mainColumnSection1 {
	
}

.mainColumnSection2 {
	
}

.mainColumnSection3 {
  padding-bottom : 200px;	
}

.rightColumn {
  float: right;
  width: 0%;
  /*background: #e7e7e7 url(images/bg_rpt2.gif) repeat-x;*/
  /*border-left:1px solid black;*/
  height: 100%;
  background-color : white;
}

.rightColumnSection1 {
	
}

.rightColumnSection2 {
	
}

.rightColumnSection3 {
	
}

.footer {
    clear: both;
  	max-width : 1600px;
  	width:100%;
  	text-align : center; 
  	background-color : white; 
  	padding-bottom: 1em;
}


/************************************************************** MAIN MENU *******************************************************************/

.menu {
	margin: 0px; padding: 0px; 
	width: 100%; 
	
	color: white;
		
	text-align:left;
	background-color: white;
	border-bottom : 0.5em white solid;
	
}

.menu table { 
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
			
	background-color: #c00900;
	color: white;
	text-align:left;
	border-spacing:0px 0px;
}

.menu table tr{ 
	margin: 0px; padding: 0px; 
}


.menu table tr td  { 
	margin: 0px; padding: 0px; 
	white-space : pre-line;
	text-align: center; 
	border-left : 1px solid white;	
}

.menu table tr td:first-child  { 
	border-left : 1px none white;
}

.menu table tr td a, .menu table tr td a:link, .menu table tr td a:visited {
	color:white;
	text-align:center;
	padding-left : 0.5em;
	padding-right : 0.5em;
	color: white;
	font-weight: bold;
  	cursor: pointer;
	font-size: 0.8em;
}

.menu table tr td a:hover {
	text-decoration : underline;
}

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

.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 : 0 0 1em -1px; padding : 0;
	width : 100%; 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);
	}
	
td.menu table.adminMenu tr td ul.adminMenu {
	font-size : 0.9em; left : 0;
}

.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 : 0 12.5% 0 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 : 0 12.5% 0 12.5%;}
/****************************************************************************************************/
	

/************************************************************** TABLES*******************************************************************/

.datatable {
	width: 95%;
	margin-left : auto;
	margin-right : auto;
	clear:both;
    border-collapse:collapse;
}

.datatable td {
	font-size: 0.8em;
  	color : #404040;
  	padding : 2px;
  	vertical-align : top;
}

.datatable td .button{
	font-size: 0.8em;
}

.datatable td .submitButton{
	font-size: 0.8em;
}

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

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

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

.datatable .oddRow {

}

.datatable .evenRow {
}

.datatable .rowOdd td{
	vertical-align : top;
}

.datatable .rowEven td{
	/*background-color: a8b3ce;*/
	background-color: #f4f8fd;
	vertical-align : top;
}

.datatable.listform {} 

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

.container div.rowEven {
	background-color: #f4f8fd; 	vertical-align : top;
}

.container div.rowOdd {
	background-color: #ffffff; 	vertical-align : top;
}



.datatable .secondaryProductRowOdd td {
	font-style:italic;
	padding-left : 2em;
}

.datatable .secondaryProductRowEven td {
	background-color: f4f8fd;
	font-style:italic;
	padding-left : 2em;
}

/*
.datatable td .textInput {
 	font-size: 10px; 
 	background-color: white; 
 	border: 1px solid #808080;
 	padding : 1px;
}
 
.datatable td .dropDownInput {
 	font-size: 10px; 
 	background-color: white; 
 	border: 1px solid #808080;
 	padding : 1px;
}

.datatable td .textareaInput{
 	font-size: 10px; 
 	background-color: white; 
 	border: 1px solid #808080;
 	padding : 1px;
}
*/

.emptyCol {
    text-align: center;
}



/************************************************************ INPUTS **************************************************************/

  .submitButton {
	/*font-size: 0.65em;*/
	font-size: 0.65em;
  	border : 1px solid #606060  ;
  	color : white;
	background-image : url(images/button_background.png);
	height : 22px;
	cursor : pointer;
	margin: 1px;
  }
 
  .leftColumn .submitButton {
	font-size: 0.65em;
  	border : 1px solid #606060  ;
  	color : white;
	background-image : url(images/button_background.png);
	height : 22px;
	cursor : pointer;
	margin-right: 5px;
	
}

  .leftColumn .submitButton:hover{
	color:white;
	background-color : #808080;
	border : 1px solid #fd0000;
	cursor:pointer;
 }
 
.button {
	font-size: 0.65em;
  	border : 1px solid #606060  ;
  	color : white;
	background-image : url(images/button_background.png);
	height : 22px;
	cursor : pointer;
	margin: 1px;
	margin-top : 0.5em;
	margin-bottom : 0.5em;
	
 }
 
.button.selected {
 	border : 1px solid red;}
 
 .button_important {
	font-size: 0.65em;
  	border : 1px solid #606060  ;
  	color : white;
	background-image : url(images/button_background.png);
	height : 22px;
	cursor : pointer;
 }
 
 .button:hover{
	color:white;
	background-color : #808080;
	border : 1px solid #fd0000;
	cursor:pointer;
 }

.leftColumn .button {

/*	font-size: 0.55em;
  	border : 1px solid #606060  ;
  	color : white;
	background-image : url(images/button_background.png);
	height : 22px;
	cursor : pointer;
	/*min-width: 100px;
	width: 100px;*/
	width: 80%;
}


.submitButton:hover {
    border : 1px solid #fd0000;
    cursor:pointer; 
}

.bigbutton {

}

/** Remove the browser-specific margin from forms so they don't affect page structure themselves **/
form {
  margin : 0px;	
}

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

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

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

 .checkboxInput {

 }
 
 .radioInput {
 }
 
 
/************************************************************ LINKS **************************************************************/
 
a:link{
	text-decoration : none;
	color: #211E72;
}

a:visited {
	text-decoration : none;
}

a:hover{
	text-decoration : underline;
	cursor: pointer;
  	/*color: #FD0000;*/
}
 
.viewLink, .showPriceMatrixLink {
  font-size : 0.7em;
  font-weight : normal;
  font-style : italic;
}

/************************************************************** BREADCRUMB *******************************************************************/
 
 .breadcrumb {
  display : inline;
  font-size: 0.8em;
  float: left;
  padding: 6px;
  font-weight : bold;
}

.breadcrumb .crumb {
  display : inline;
  background-color : #f0f0f0;
  border : 1px black dotted;
  padding: 2px;
  margin-right : 1em;
  font-weight : normal;

}

.breadcrumb .crumb a, .breadcrumb .crumb a:link, .breadcrumb .crumb a:visited {
  margin-left : 1em;
}





/**************************************************** PROCESS BAR ************************************************/

.processbar {
	padding-left: 5%;
	/*background-color: white;*/
	font-size: 0.8em;
	text-align: center;
}

#processbar1 {
	width: 7%;
	float: left;
}
#processbar2 {
	width: 7%;
	float: left;
}
#processbar3 {
	width: 7%;
	float: left;
}
#processbar4 {
	width: 7%;
	float: left;
}
#processbar5 {
	width: 7%;
	float: left;
}

.processbarspacer {
	width: 14%;
	float: left;
	height: 10%;
	background-image : url(images/processbar_black.png);
	/* border : 1px solid red;*/
}

.progress_inactive {
  color : #8e90ac;
  font-size : 9px;
  text-align : center;
  vertical-align : top;
}

.progress_active {
  color : #1f235b;
  font-size : 9px;
  text-align : center;
  vertical-align : top;
}

.progress_selected {
  color : #1f235b;
  font-size : 9px;
  text-align : center;
  border-bottom : dotted 2px grey;  
  font-weight : bold;
  vertical-align : top;
}

.processbarnew {
        display: none;
}

 
/**************************************************** PRINT, SUPPORT & ARCHIVE SIDEBAR LINKS ************************************************/

.supportContainer {
	text-align : center;
}

.supportInfo {
	display:none;
}

.supportLink, .archiveLink {
	margin : 0px;
	margin-bottom : 0.5em;
	
	text-align : center;
	/*background:url(images/tabright2.png) no-repeat right top;
	padding:2% 5% 2% 3%;
	color: white;
	border : 1px solid #5A5A5A;*/
	width: 100px;
	display : block;
	margin-left : auto;
	margin-right : auto;
	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;
}

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

.pageHeadingBackLink {
	padding-top: 10px;
	/*padding-bottom: 10px;*/
	width : 10%;
	float: left;
	font-size: 0.8em;
}

.pageHeadingTitle {
	font-weight : bold;
	font-size : 1.2em;
	color: #211E72;
  	text-align : center; 
  	margin-left : 12%;
  	margin-right : 12%;
}

.pageHeadingNextLink {
	padding-top: 10px;
	/*padding-bottom: 10px;*/
  	width : 10%;
	float: right;
	text-align: right;
	font-size: 0.8em;
	margin-top : -1em;
}

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

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

.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: #211E72;
  	text-align : center; 
  	width : 80%;
	float: left;
}

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

/**************************************************** NOT CATEGORISED YET ************************************************/



/* Copyright symbol */
.footnotes{
	/*font-family : Arial, sans-serif;*/
	font-size: 55%;
	color: #808080;
}

.mainTitle {

}

 .errorLayer {
	font-size: 0.8em;
	font-weight: Bold;
	color: Red;
	padding-top: 4%;
 }
 
 .errorLayer table {
 	font-size: 1.2em;
 }
 
  .errorLayer table th {
 	font-size: 0.6em;
 }
 

 
 .buttonHolder {
    text-align : center;
 }

.horizontalRule {
	display: block;
}

/* This is the lovely Purple and lime bits you see when a Text Fragment has no 
   translation in the languages. This ugly on purpose */
.mis{
	color: Maroon;
	background-color: Lime;
	font-weight:bold;
}

.message{
	font-size: 1em;
	color : red;
}

hr {
  border : 0px none;
  border-bottom: 1px solid #B3B3B3;
  clear : both; 
  padding-top : 0.5em;
  padding-bottom : 0.5em;
  
}	

/** 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;	
}

.instructions {background:#F0F0F0 url('/images/base_new/icon_info.png') no-repeat 10px 50%; margin: 10px 0; color: #005091; font-style: italic; font-weight: bold; padding-left:60px; padding-right:10px; padding-top:10px; padding-bottom:10px}


.errormessage {background:#000 url('/images/base_new/alert_black.png') no-repeat 10px 50%; margin: 10px 0; color: #fff; font-style: italic; font-weight: bold; padding-left:60px; padding-right:10px; padding-top:10px; padding-bottom:10px}


.alert {background:#F0F0F0 url('/images/base_new/alert.png') no-repeat 10px 50%; margin: 10px 0; color: #000; font-style: italic; font-weight: bold; padding-left:60px; padding-right:10px; padding-top:10px; padding-bottom:10px}


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

body.indexNew {
  text-align : center;
  margin: 0px !important;
  background-color : white;	
}

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

#loginPageContainer .header {
  background-color : white;
  height : 122px;	
}

#loginPageContainer .menu {
  height : 1em;
  clear : both;
  background-color : #c00900; 	
}

#loginPageContainer .leftColumn {
  width : 195px;
  float : left;
  text-align : center;
}

#loginPageContainer .leftColumnSection1 {
  padding-top : 6em;
  margin-left : 2em;
}

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


#loginPageContainer .leftColumnSection1 div label{
  display : block;
  font-size : 0.9em;
  font-weight : bold;
}

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

#loginPageContainer .leftColumnSection1 .button {
  width : 80px;	
}

#loginPageContainer .mainColumn {
  width : 595px;
  float : left;
  padding-left : 5px;
  border : 0px none;   
  border-left : 1px black solid;
}

#loginPageContainer .mainColumn .mainColumnSection3 {
  padding-bottom : 400px;
}

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

#loginPageContainer .leftColumnSection2 a, #loginPageContainer .leftColumnSection2 a:link  {
	font-size : 0.9em;
}

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

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

#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 #forgotPasswordRow, #loginPageContainerDefault #loginform #submitRow {
   width: 300px;
   clear:both;
   height:45px;
}


#loginPageContainerDefault #loginform #messageRow{
   float:left;
   color:red;
   font-size:9pt;
   clear:both;
}

#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;
}
*/
 /************************************************************** INDEX PAGE - INDEX *******************************************************************/
body.index {
  text-align : center;
}

body.indexNew {
  text-align : center;
  background-color : white;	
}

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

#loginPageContainer .header {
  background-color : white;
  height : 122px;	
}

#loginPageContainer .menu {
  height : 1em;
  clear : both;
  background-color : #c00900; 	
}

#loginPageContainer .leftColumn {
  width : 195px;
  float : left;
  text-align : center;
}

#loginPageContainer .leftColumnSection1 {
  padding-top : 6em;
  margin-left : 2em;
}

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


#loginPageContainer .leftColumnSection1 div label{
  display : block;
  font-size : 0.9em;
  font-weight : bold;
}

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

#loginPageContainer .leftColumnSection1 .button {
  width : 80px;	
}

#loginPageContainer .mainColumn {
  width : 595px;
  float : left;
  padding-left : 5px;
  border : 0px none;   
  border-left : 1px black solid;
  /*min-height : 0px !important;*/
}

#loginPageContainer .mainColumn .mainColumnSection3 {
  padding-bottom : 400px;
}

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

#loginPageContainer .leftColumnSection2 a, #loginPageContainer .leftColumnSection2 a:link  {
	font-size : 0.9em;
}

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

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

#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;
	line-height: 1.1em;
	padding : 2px;
}

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

#loginPageContainerDefault #loginform div {
	position: relative;
}
#loginPageContainerDefault #loginform .textInput {
   width: 150px;
   font-size:12pt;
   line-height: 12pt;
   position : absolute;
   left : 0px;
   padding : 0px;
}

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

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

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


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

#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;}

#loginPageContainer .leftColumn .message a {
    font-size: 1em;
    text-decoration: underline;}


 /************************************************************** 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;
 }
 
 .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 {
 	text-align: center;
 }
 #homeContainer #customisableOrdersTable .ponoCol {
 	text-align: center;
 }
 #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 : auto;
  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 : 1em;	
}
.homePageMessage h5 {
  font-size : 0.9em;	
}

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



/************************************************************** CATALOGUE PAGE - SCREEN03 *******************************************************************/
#catalogContainer .leftColumn {
	height : auto;
}

#catalogContainer .leftColumn .leftColumnSection3 {
	height : 100%;
}

#catalogContainer .rightColumn {
	/*height: 850px;*/
}
 
 #catalogContainer #catalogTable {
	width: 100%;
 }
 
 #catalogContainer #catalogTable td.codeCol {
 	text-align: left;
 }
 
  #catalogContainer #catalogTable td.descriptionCol {
 	text-align: left;
 }
 
  #catalogContainer #catalogTable td.packCol {
 	text-align: right;
 }
 
 #catalogContainer #catalogTable td.qtyCol {
 	text-align: right;
 }
 
 #catalogContainer #catalogTable td.weightCol {
 	text-align: right;
 }
 
#catalogContainer #catalogTable td.priceCol  {
 	text-align: right;
 }
 
  #catalogContainer #catalogTable td.stocklevelCol {
 	text-align: right;
 }
 
 #catalogContainer #catalogTable .favouriteCol {
 	text-align: center;
 }
 
 #catalogContainer #catalogTable .codeHead {
 	text-align: left;
 }
 
 #catalogContainer #catalogTable .descriptionHead {
 	text-align: left;
 }
 
 #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;
}

div#productDetailsCatContainer.chili div.orderTools input.invalid{
	background : url('/images/invalid.png') center right no-repeat;
    border : 1px solid #DB0010; }

#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: 40%;
	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;}

#catalogContainer .categoryTreeComponent {font-size:0.9em;}

/** 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;
}


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

.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{
	text-align : left;
	margin-left : auto;
	margin-right : auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	width : 600px;
	background-color:#fff;		
	border: 1px solid #B3B3B3;
	
	padding: 10px;
	clear: both;
}

.mydetailsForm #myDetailsFormPart1 div.rowOdd, .mydetailsForm #myDetailsFormPart2 div.rowOdd, .mydetailsForm #myDetailsFormPart3 div.rowOdd {
	background-color: transparent;
}

.mydetailsForm #myDetailsFormPart1 div.rowEven, .mydetailsForm #myDetailsFormPart2 div.rowEven, .mydetailsForm #myDetailsFormPart3 div.rowEven{
	background-color: transparent;
}


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

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

.mydetailsForm #myDetailsFormPart3{
	text-align : left;
	margin-left : auto;
	margin-right : auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	width : 600px;
	background-color:#fff;		
	border: 1px solid #B3B3B3;
	
	padding: 10px;
	clear: both;
}

#mydetailscontainer .mainColumn {

}

#mydetailscontainer .rightColumn {

}

#mydetailscontainer .leftColumn {

}


#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: 600; 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: #FF0000;}

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;}

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

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

#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%;*/
		padding-top: 10px;
}

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

#basketContainer .leftColumnSection1 {
	text-align: center;
}

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

#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 !important;  font-style : italic  !important; }

#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;
}

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

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

#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 : -100px;
	margin-bottom : 5px;
}

#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 span#costCentreMessage, #checkoutContainer span#poRefMessage {
	margin-left : 2em;
	color : red;	
} 


#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 .AddressSearchBlock{
	margin-left : 30%;
	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 .orderDiscountLabel{
	font-weight : bold; text-align : right;
}

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

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

#checkoutContainer #orderTotalLessDiscount{
	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 : 31%;
    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 !important;
}


#checkoutContainer .promoCodeDataForm{
    background-color: lightgrey;
    padding: 10px 10px 10px 10px;
    width: 25%;
    float: left;
    margin-left: 30%;
    margin-bottom: 10px;
}

#checkoutContainer .promoCodeDataForm #promoCodeFeedback{
	color: red;
	font-size: 0.6em;
}

#checkoutContainer .promoCodeDataForm label{
    width:100%;
    text-align: left;
}

#checkoutContainer #checkoutfields{
	margin-top:20px;
	margin-bottom:20px;
}

#checkoutContainer #checkoutfields div{
	clear: none;
}

#checkoutContainer .checkoutFieldValueLabel {
	width: auto;
	text-align: none;
	display: block;
	float: left;
	margin-right: 10px;
	font-weight: normal;
	font-size: 0.8em;
	clear: none;
}


#checkoutContainer .checkoutFieldContent{
	padding-left: 31%;
	margin-left:2px;
}

#checkoutContainer .checkoutFieldRow{
	margin-top:15px;
	margin-bottom:15px;
}


/************************************************************** 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;	
}

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


#orderHistoryContainer #statusUpdate {
	float: right;
	width : 100%
}
#orderHistoryContainer #statusUpdateInputs {
	float: right;
	clear: both;
	padding-bottom: 10px;
}
#orderHistoryContainer #orderStatusDropDown {}
#orderHistoryContainer #orderStatusButton {}
#orderHistoryContainer #selectLinks {
	float: right;
	/*padding-right: 5%;*/
	font-size: 0.8em;
}

#orderHistoryContainer #selectLinks a {
	
}


#orderHistoryContainer #orderHistoryTable {
	width: 100%;
}

#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;
 }


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


#orderHistorySideStatusSection1 {
	clear: both;
}

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

#orderHistorySideStatusButton {
	float: right;	
}

#orderHistorySideStatusSection2 {
    clear: both;
}


#orderHistorySideStatusSection2 input{
}

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


#orderHistorySideSearchSection1 {

}

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

#orderHistorySideSearchButton {
	float: right;
}

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

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

#orderHistorySideSearchIdSection1 {

}

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

#orderHistorySideSearchIdButton {
	float: right;
}

#orderHistorySideSearchIdSection2 input{
	
}

#orderHistorySideSearchIdSection2 .textInput{
}

 #orderHistoryContainer .leftColumn .submitButton {
 }
 
#orderHistoryContainer .pageHeadingNew {display:none;}
#orderHistoryContainer .pageNumbers {display:none;}



/************************************************************** STOCK LEVEL PAGE *******************************************************************/

#stockLevelContainer .mainColumn {
	/* height: 120%;*/
}



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

#stockLevelSideShowSection1 {
}

#stockLevelSideShowSection1Label {
	float:left;
}

#stockLevelSideShowSection1Button {
	float:right;
}

#stockLevelSideShowSection2 {
}

#stockLevelSideShowSection2 select {
	width: 65%;
	font-size: 0.75em;
}

#stockLevelSideShowSection3 select {
	width: 65%;
	font-size: 0.75em;
	margin-top: 5px;
}

#stockLevelSideShowSection3 {
}


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

#stockLevelSideSearchSection1 {
	
}

#stockLevelSideSearchSection1Label {
	float:left;
}

#stockLevelSideSearchSection1Button {
	float:right;
}

#stockLevelSideSearchSection2 input {
}

#stockLevelSideSearchSection2 .textInput {
	width: 65%;	
}

#stockLevelBottomSearch{
	padding-top: 30px;
	padding-left: 5%;
	font-size: 0.9em;
  	color : #404040;
  	
  	float:left;
  
}


#stockLevelBottomSearchLabel {
	float:left;
}

#stockLevelBottomSearchButton {
	float:left;
}

#stockLevelBottomSearchButton .textInput {
	margin-bottom: 3px;
	margin-right: 3px;
}


#stockLevelTable .codeCol {
	text-align: left;
}


#stockLevelTable .descriptionCol {
	text-align: left;
}

#stockLevelTable .packCol {
	text-align: center;
}

#stockLevelTable .stocklevelCol{
	text-align: center;
}

#stockLevelTable .minlevelCol {
	text-align: center;
}

#stockLevelTable .neglevelsCol {
	text-align: center;
}

#stockLevelTable .actionCol {
	text-align: center;
}

#stockLevelMode2Table .codeCol {
	text-align: left;
}

#stockLevelMode2Table .stockLevelCol {
	text-align: center;
}

#stockLevelMode2Table .minlevelCol {
	text-align: center;
}

#stockLevelMode2Table .neglevelsCol {
	text-align: center;
}

#stockLevelMode2Table .actionCol {
	text-align: center;
}


 




/************************************************************** USERS PAGE - SCREEN28 *******************************************************************/
#userSideSearch {
	font-size: 0.9em;
  	color : #404040;
  	
  	border-bottom: 1px solid #B3B3B3;
  	margin-bottom : 0.5em;
  	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.9em;
  	color : #404040;
  	border-bottom: 1px solid #B3B3B3;
  	margin-bottom : 0.5em;
  	padding: 0.25em;
}

#userSideShowSection1 {

}

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

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

#userSideShowSection2 {

}

#userSideShowSection2Label {

}

#userSideShowSection2Input {

}

#userSideActions {
	font-size: 0.9em;
  	color : #404040;
  	text-align: center;
  	border-bottom: 1px solid #B3B3B3;
  	margin-bottom : 0.5em;
}

#userContainer .pageNumberLink{

}

#userContainer #stockLevelSideSearchSection2 input {

}

#userContainer #userSideShowSection2Label {
}

#userContainer #userTable {
  width : 100%;	
}

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


/************************************************************** CATALOGUESCREEN PAGE *******************************************************************/

#catalogScreenContainer {
	width: 80%;
	margin-left: 10%;
	border: solid black 1px;
	padding-bottom: 30px;
}

#catalogScreenContainer .pageHeading {

}

#catalogScreenContainer .pageHeadingBackButton {
	float:left;
	width : 15%;
}

#catalogScreenContainer .pageHeadingTitle {
	float:left;	
	width : 70%;
}

#catalogScreenContainer .pageHeadingPrintButton {
	float:right;
	width : 15%;
}


/************************************************************** 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 {
	display: inline-block; width : 200px; vertical-align: top; font-size : 12px; font-weight: bold; 
}

#reportInputDropDown {
	max-width : 600px; margin : 0px auto; 
}

#reportInputDropDown select, #reportInputDropDown select option {
	padding : 2px; font-size : 12px; 
}

#reportInputButton {
	margin : 0px 0px 0px 200px; 
}

#reportInputButton button {
	margin : 8px; 
}



/************************************************************** 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;
}

#report2Container .leftColumn .button{
	width: 55%;
}

#reportFormFields p{	width: 100%;}

#reportMessage {
	font-size: 0.9em;
  	color : #404040;
  	
  	width: 100%;
}

#reportActions {
	text-align: center;
}
/************************************************************** REPORT3 PAGE *******************************************************************/

#report3Container {
    width: 75%;
    margin-left: 12%;
    border: solid black 1px;
    padding-bottom: 30px;
}


#report3Container #report3Top {
    padding-top: 20px;
    clear:both;
    padding-bottom: 20px;
}

#report3Container #report3Top .button {
    font-size: 13;
    padding-right:10px;
    min-width:300px;
    text-align: center;
	color: white;
	
}

#report3Container #report3BackButton {
	float:left;
	width : 33%;
}

#report3Container #report3BackButton .button{
    padding-left: 20px;
    padding-right: 40px;
}

#report3Container #report3NewLink {
	float:left;	
	width : 33%;
	background-color: white;
	text-align: center;
	font-size: 0.8em;
}

#report3Container #report3PrintButton {
	float:right;
	width : 33%;
}

#report3Container #report3PrintButton .button, div#report3ChartButton a.button{
    padding-left: 30px;    padding-right: 35px;    margin-left: 35%;
}


td.report3TableHead {
	color: white;
	border : 1px solid #B3B3B3;
    background-color: #a20001;
	text-align: center;
}

#report3ChartSelect { text-align : center; }

#report3Table {
  width : 95%;
  border : 1px #B3B3B3 solid;  
  margin-left : auto;
  margin-right : auto;
}

#report3Table tr td {
  vertical-align : top;	
}

#report3Table td {
  border-bottom : 1px #B3B3B3 solid;  	
}



#report3Container #report3PageTitle {
	/*padding-left: 100px;*/
	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;
}


/************************************************************** ADDRESS LIST - SCREEN10c *******************************************************************/

#addressListContainer .mainColumn {
	/*height: 120%;*/
}

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

#addressListSideCatalogueSection1 {

}

#addressListSideCatalogueLabel {
	float:left;
}

#addressListSideCatalogueButton {
	float:right;
}

#addressListSideCatalogueSection2 {
	margin-left: 15%;
	padding-top: 5%;
}

#addressListSideCatalogueSection2 select{
	width: 65%;
}



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

#addressListSideSearchSection1 {

}

#addressListSideSearchLabel {
	float:left;
}

#addressListSideSearchButton {
	float:right;
}

#addressListSideSearchSection2 {
	margin-left: 15%;
	padding-top: 5%;
}

#addressListSideSearchSection2 .textInput {
	width: 65%;
}

#addressListContainer .leftColumn #addNewButton {
	text-align: center;
}


#addressListContainer .mainColumnSection1 #addNewButton {
	margin-top:5px;
	margin-bottom:5px;
	float: right;
	clear: both;
}


/************************************************************** CUSTOMISE ORDER *******************************************************************/

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

#customiseOrderContainer #orderNumberWrapper {
	padding-top: 7%;
	padding-left: 6%;
}
#customiseOrderContainer #orderNumberLabel {
	float: left;
	font-weight: bold;
	
}
#customiseOrderContainer #orderNumberValue {
	padding-left: 5%;
	float: left;
}
#customiseOrderContainer #pepOrderRefWrapper {
	padding-left: 6%;
}
#customiseOrderContainer #pepOrderRefLabel {
	float: left;
	font-weight: bold;
}
#customiseOrderContainer #pepOrderRefValue {
	float: left;
	padding-left: 5%;
}
#customiseOrderContainer #customiseInstructions {
	padding-left: 6%;
	padding-top: 2%;
}

#customiseOrderContainer #showRowsLinkWrapper {
	padding-left: 6%;
	padding-top: 2%;
}

#customiseOrderContainer .leftColumn {
	height: 150%;
}

#customiseOrderContainer .rightColumn {
	height: 150%;
}


/************************************************************** BASKET EXPIRY *******************************************************************/

 #expiryBasketMessage {
  padding-left: 10%;
 }
 #expiryBasketButtons form{
  float: left;
  margin-left: 10%;
 }
 
 #basketExpiryContainer {
 	font: 0.8em;
 }
 
 
 /************************************************************** PRODUCT DETAILS - SCREEN04 *******************************************************************/
  
 #productDetailsContainer{
   	max-width : 490px;
   	border : 1px solid black;
 }
 
 #productDetailsTable {
    float: left;
 }
  
 #productDetailsButtons {
 	/*padding-top: 35%;*/
 	padding-left: 40%;
 }
 
 #productDetails {
 	/*overflow: hidden;*/
 	clear:both;
 }
 
 #productDetailsDescription {
 	width: 60%;
 	float: left; 
 }
 #productDetailsDescriptionHeader {
 	float: left;
 	font-weight: bold;
 	font-size: 1.0em;
 }
 #productDetailsDescriptionText {
  	float: left;
  	font-size:0.8em;
 }
 #productDetailsThumbnail {
  	width: 39%;
 	overflow: auto;
 }
 
 #productDetailsTable {
 	width: 100%;
    padding-left: 5px;
	padding-right: 5px;
 }
 
 #productDetailsPriceBreaksTable .quantityCol {
	text-align: center;
}

#productDetailsPriceBreaksTable .priceCol{
	text-align: center;
}

#productDetailsCatContainer #pricebreaksdisplay .pricebreakstable {
  display : block;
  position : relative;
  margin-right: auto;
  margin-left: auto;
  border: none;
  text-align:center;
}

#productDetailsCatContainer #progressbar {
  margin-top: 20px;
}
 
#productDetailsCatContainer .progress-label {
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}
 
#productDetailsCatContainer .ui-dialog-titlebar-close {
  display: none;
}


 /************************************************************** PRODUCT DETAILS - SCREEN04a *******************************************************************/
  

#productDetails2Container #productDetailsDescriptionText{
	margin-left: 10px;
}

#productDetails2Container textarea {
	overflow: auto;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 90%;
	padding-bottom:10px;
}
 
 #productDetails2Container #productDetailsDescriptionHeader {
 	margin-left: 20px;
 }
 
 /************************************************************** PRODUCT DETAILS CATALOGUE- productdetails.jsp ****************************************************************/
 
 #productDetailsCatContainer #masterPane {
   text-align : center;
   width : 95%;
   margin-left : auto;
   margin-right : auto;
}
 
#productDetailsCatContainer div#detailspane {
  width : 300px;
  float : left; 
  margin-top : 1em;
   
}
 
#productDetailsCatContainer table.detailsform, #kittable table.detailsForm,#mediapostReturnInfo table.detailsForm {
  width : 100%;
  
  border-collapse : collapse;
  
  margin-top : 1em;
  margin-bottom : 1em;
  
  border-left : #a0a0a0 1px solid;
  border-right : #a0a0a0 1px solid;
  border-bottom : #a0a0a0 1px solid;
}

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

#mediaPostCarto table.detailsform {
  width : 100%;
  
  border-collapse : collapse;
  
  margin-top : 1em;
  margin-bottom : 1em;
  
  border-left : #a0a0a0 1px solid;
  border-right : #a0a0a0 1px solid;
  border-bottom : #a0a0a0 1px solid;
}

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

#productDetailsCatContainer div#customdetails {
  margin-bottom : 2em;
  
  border-left : #a0a0a0 1px solid;
  border-right : #a0a0a0 1px solid;
  border-bottom : #a0a0a0 1px solid;
	
}

/*** B2C Changes for Pageflex Groupings ***/
div#productDetailsCatContainer div#customdetails { 
    position: relative; 
    padding-bottom: 2em !important; 
} 
div#productDetailsCatContainer div#customdetails .ui-tabs-nav {
    position: absolute;
    left: 25px;
    right: 0.25em;
    bottom: 0em;
    padding: 0em 0.2em 0.2em;
    background-color: #ffffff;
    background-image: none;
    border: 0px solid #ffffff;
    
} 
div#productDetailsCatContainer div#customdetails .ui-tabs-nav li { 
    border-top: none; 
    border-bottom: 1px solid #ccc; 
    -moz-border-radius: 0px 0px 4px 4px; 
    -webkit-border-radius: 0px 0px 4px 4px; 
    border-radius: 0px 0px 4px 4px; 
} 
div#productDetailsCatContainer div#customdetails .ui-tabs-nav li.ui-tabs-selected, 
div#productDetailsCatContainer div#customdetails .ui-tabs-nav li.ui-state-active { 
    top: -1px; 
}


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

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

#productDetailsCatContainer table.detailsform th,#mediapostcarto table.detailsForm th, #productDetailsCatContainer table.webform th,#kittable table.detailsForm th,#mediapostReturnInfo table.detailsForm th {
  background-color : #211E72;
  background-image : url(images/button_background.png);
  height : 20px;
  text-align : center;
  color : white;
  font-size : 0.9em;
}

#mediapostcarto table.detailsForm  {
  width: 780px;
}




/****  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 table.detailsform tr.row1,#mediapostcarto table.detailsForm tr.row1, #productDetailsCatContainer table.webform tr.row1, #kittable table.detailsForm tr.row1, #mediapostReturnInfo tr.row1  {
  background-color : #E0E0FF;
}

#productDetailsCatContainer table.detailsform tr.row2,#mediapostcarto table.detailsForm tr.row2, #productDetailsCatContainer table.webform tr.row2, #kittable table.detailsForm tr.row2, #mediapostReturnInfo 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, #kittable table.detailsForm tr.row1 td, #kittable table.detailsForm tr.row2 td, #mediapostReturnInfo table.detailsForm tr.row1 td, #mediapostReturnInfo table.detailsForm 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;
}

#productDetailsCatContainer label {
  font-weight : bold;
	
}


#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 : 0.8em;
  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{
  font-size : 0.8em;
  border : red 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;
  float : left;
  margin-left : 2em;
  text-align : center;
}

/* 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;
}

#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: #CE1D2A ; 
  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);
}

#previousbutton .previouskititembutton {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	display: block !important;
	overflow: hidden;
	padding: 0 !important;
	margin: 0 !important;
	float: left !important;
}

.previouskititembutton .mis {
	visibility: hidden;
}

#nextbutton .nextkititembutton {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	display: block !important;
	overflow: hidden;
	padding: 0 !important;
	margin: 0 !important;
	float: right !important;
}

.nextkititembutton .mis {
	visibility: hidden;
}

#kitpreviousnextbuttons {
	width: 100% !important;
}

#previousbutton {
	width: 10% !important;
	float:left !important;
	height: 35px !important;  
	display: none !important;
}

#kittable {
   clear: both;
}


#positioninkitmessageouter {
	width: 100% !important;
	float: left !important;
	text-align: center !important;
	background-color: #211E72;
	color: white !important;
	font-weight:bold !important;
	margin-bottom: 5px !important;
}

#positioninkitmessage {
	
}

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

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

#backtokitparentbutton{

}

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

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

#kittable{
	clear: both;
}

#kitsnavigator {
}

#kititemcustomisabledetails {
	font-style:italic !important;
}

#nextbutton {
	width: 10% !important;
	float:right !important;
	height: 35px !important; 
	display: none !important;
}

#addtobasket-loading {
	background:url(images/loading.gif) no-repeat; 
	margin-left: auto; margin-right: auto; 
	margin-top: 20px; 
	width: 16px;
	height: 16px;
}


 /************************************************************** PASSWORD EXPIRY *******************************************************************/
  
 #passwordExpiryMessage {
  	padding-top: 10%;
  	text-align: center;
  	font-weight: bold;
 	font-size: 1.0em;
 }
 
 #passwordExpiryDate {
  	text-align: center;
 	font-size: 1em;
 }
 
 #passwordExpiryButtons {
   	text-align: center;
 }
 
  /************************************************************** SHIPMENT DETAILS  *******************************************************************/
 
 

 #shipmentDetailsContainer label{
        width: 30%;
        text-align: right;
        display: block;
        float: left;
        margin-right: 10px;
        padding-top: 0px;
        padding-bottom: 7px;
        font-weight: bold;
}

#shipmentDetailsContainer p{
        font-size: 0.9em;
}


 #shipmentDetailsContainer .sideBarBackLink {
 
 }

  /**************************************************************EDIT SHIPMENT DETAILS  *******************************************************************/
 
#editShipmentDetailsContainer label {
	width: 30%;
	text-align: right;
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 5px;
	font-weight: bold;
}

#editShipmentDetailsContainer .leftColumnSection1 {
	text-align: center;
}

/********************** Catalogue Admin screen ********************************************/
div#catalogueAdminContainer div.mainColumnSection1 {
	overflow: visible;} 
div.addToCatalogueSearch {
	margin : 0.25em 0;}
div#catalogueAdminContainer select.productSelector {
	width : 180px;}

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

div#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 #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, #userDetailsContainer #expiresonRow    {
 clear : both;
 padding : 3px;
}

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


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

#userDetailsContainer #passwordRow, #userDetailsContainer #changecostcentreRow  {
	float : left;
	width : 45%;
 padding : 3px;
}

#userDetailsContainer #passwordlifeRow,  #userDetailsContainer #orderspendlimitRow{
	clear : left;
	float : left;
	width : 30%;
 	padding : 3px;	
}

#userDetailsContainer #orderspendlimit {
  width : 3em;	
}


#userDetailsContainer #contractpasswordlifeRow,  #userDetailsContainer #orderspendlimitactionRow {
	float : left;
	width : 30%;
 	padding : 3px;	
}

#userDetailsContainer #contractpasswordlifeRow label,  #userDetailsContainer #orderspendlimitactionRow label{
  	width: 125px;
}


#userDetailsContainer #expiresonRow, #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 #emailconfirmRowm, #userDetailsContainer #marketingOptInRow   {
  display : inline;  
  padding-left : 50px;
  padding : 3px;
}

#userDetailsContainer #needsauthorizationRow label, #userDetailsContainer #selfauthorizeRow label, 
#userDetailsContainer #emailconfirmRow label, #userDetailsContainer #marketingOptInRow 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: 100px;
}
#userDetailsContainer .leftColumnSection2 .button {
	width: 100px;
}
#userDetailsContainer .leftColumnSection3 .button {
	width: 100px;
}

#userDetailsContainer #updateButtonWrapper {
	float: right;
}
 
 
 
  /************************************************************** 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%;
}

  /************************************************************** 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%;	
} 
  /************************************************************** CHOOSE BUDGET *******************************************************************/
 
#activeBudgetUpdateButton {
	float: right;
	padding-right: 8%;
}

#chooseBudgetContainer .leftColumn{
	text-align: center;
}

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

div#orderDetailsContainer div#deliveryAddressSection, div#orderDetailsContainer div#invoiceAddressSection  {
    margin-left: 175px; padding-bottom : 14px;
}


#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;
}
#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 .leftColumnSection1 {
        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 {
	font-size: 0.65em;
	width: 55%;
}

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

#orderDetailsContainer #createShipmentButton {
	float: right;
}

#orderDetailsContainer #dividingDiv {
	clear: both;
}

#orderDetailsContainer #creditCardPaymentInfo {
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	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;
}

#orderDetailsContainer #invoiceaddress, #orderDetailsContainer #deliveryaddress {
	max-width: 180px;
}

#orderDetailsContainer #customDataInfo th{
	text-align : left;
}

#orderDetailsContainer #customDataInfo td{
	text-align : left;
}

#orderDetailsContainer div#artworkPreviewContainer {
	display : none;
} 

div#artworkPreviewContainer {
	max-width : 890px;  
} 

div#artworkPreviewContainer ul, div#artworkPreviewContainer ul li, div#artworkPreviewContainer ul img {
	max-width : 850px; max-height : 750px; 
} 

div#artworkPreviewContainer ul img {
	margin : 0px auto; 
}

#orderDetailsContainer #customDataInfo th{
	text-align : left;
}

#orderDetailsContainer #customDataInfo td{
	text-align : left;
}




 /************************************************************** BASKET NAME *******************************************************************/

 #basketNameContainer {
 	margin: 5px;
 	border : 1px solid black;
 	width: auto !important;
 	
 } 	

 #basketNameContainer label {
 	width: 35%;
	text-align: right;
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 0.8em;
 } 
  #basketNameContainer #basketNameButton {
  	text-align: center;
  } 
  
   #basketNameContainer #basketNameTable {
   		padding-top: 5%;
   } 
   
 /************************************************************** SHOW LIMITED CARRIAGE *******************************************************************/

#limitedShipmentsContainer #limitedCarriageTable {
	float: left;
}

#limitedShipmentsContainer .button {
	margin-top:10px;
	margin-left: 40%;
}

 /************************************************************** SHOW ADDRESS *******************************************************************/

#showAddressContainer {
	margin-top:10px;
	border : none;
  	background-color : white; 
}

#showAddressContainer p {line-height:20px;clear:both;}

#showAddressContainer label{
        width: 30%;
        display: block;
        float: left;
        margin-right: 3%;
        margin-left: 10px;
        font-weight: bold;
        text-align:right;
	    font-size : 12px;
}

#showAddressContainer span{
	height:20px;
	text-align:left;
	font-size : 12px;
}

#showAddressContainer .button {
	margin-top:2px;
	margin-left: 40%;
	font-size : 12px;
}



 /************************************************************** 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;
}



/*************************************************************** CATEGORIES AND CATALOGUE PANE VIEW ************************************************/



/* New Views for Buyer Catalogue screen */
/* Category Pane View */

.category-tab {
}

.category-tab-item, .category-tab-item:link, .category-tab-item:visited {
  display : block;
  float : left;
  width : 310px;
  height : 150px;
  padding : 5px;
  margin : 10px;
  
  overflow : hidden;
  
  border : 2px solid white;
  background-color : #f0f0f0;
  text-decoration : none;
  color : black;

     /* CSS 3 / Opera*/
   box-shadow: 5px 5px 6px silver;
   /* Firefox */
   -moz-box-shadow: 5px 5px 6px silver;
   /*Chrome*/
   -webkit-box-shadow: 5px 5px 6px silver;
   /*IE 8 */
   ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='silver')";
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='silver');

}

.category-tab-item:hover {
  outline : 1px solid red;
  overflow : hidden;
  font-weight : normal;
}

.category-tab-item .tab-thumbnail {
  float : left;
  margin : 5px;
  width : 100px;
  height : 100px;
  border : 1px white solid;
}

.category-tab-item .tab-thumbnail img{
  width : 100px;

}

.category-tab-item .tab-title {
  font-weight : bold;
  font-size : 0.9em;
  padding : 5px;
  margin-left : 5px;
	color: #211E72;
}

.category-tab-item .tab-description  ul { 
  margin: 0; padding: 0; 
  list-style-position : outside;
  list-style-type : circle;
  width : 180px;
  overflow : hidden;
}

.category-tab-item .tab-description  ul li { 
  margin: 0; padding: 0;
  display: list-item;
  font-size: 0.7em;
}

/* Catalogue Pane View */

.pane-tab {
}

.pane-tab-item, .pane-tab-item:link, .pane-tab-item:visited {
	 display : block;     float : left;
    width: 210px; padding: 0px ;    border: none ;
    margin: 10px; height: 378px ;
    -webkit-box-shadow: none ;
    -moz-box-shadow: none ;
    background: #f0f0f0; box-shadow: none; ms-filter: none ;
    /* For IE 5.5 - 7 */
    filter: none ;
    outline: 1px solid #dcdcdc 
}
.pane-tab-item:hover {
    outline: 1px solid #dc002e;
}


.pane-tab-item .tab-thumbnail {
  margin : 5px;
  width : 100%;
  height : 120px;
  text-align : center;
  overflow : hidden;
}

.pane-tab-item .tab-thumbnail img{
  border : 1px white solid;
  padding : 0px;
}

.pane-tab-item .tab-title {
  font-weight : bold;
  font-size : 0.9em;
  padding : 0.25em;
	color: #211E72;
  height : 3em;
}

.pane-tab-item .tab-packsize {
  font-size : 0.8em;
	padding  :2px;
  margin-left : 1em;
}

.pane-tab-item .tab-packsize label, .pane-tab-item .tab-price label, .pane-tab-item .tab-weight label {
  width : 150px;
  display : block;
  float : left;
  font-weight : normal;
}

.pane-tab-item .tab-weight {
  font-size : 0.8em;
	padding  :2px;
  margin-left : 1em;
}

.pane-tab-item .tab-price {
  font-size : 0.8em;
	padding  :2px;
  margin-left : 1em;
}

.pane-tab-item .tab-description  { 
  clear : both;
  background-color : white;
  font-size : 0.6em;
  margin : 1em;
  padding : 0.5em;
  height : 4.5em;
  overflow : hidden;
  display : none; /** Now Hidden as there is a fancy link **/
  
}

.pane-tab-item .tab-descriptionicon a.descriptionlink {
  font-size : 0.8em;	
}

.pane-tab-item .tab-code  {
  font-size : 0.6em;
	padding  :2px;
  margin-left : 1em;
  font-style : italic;
		
}

.pane-tab-item .tab-button {
  margin : 5px;
  text-align : center;
}

.pane-tab-navigation {
  text-align : right;
}

.pane-tab-navigation a, .pane-tab-navigation a:link, .pane-tab-navigation a:visited {
  font-size : 0.8em;
  display : block;
  float : left;
}

.pane-tab-navigation  .pane-tab-basket {
  font-size : 0.8em;
  font-style : italic;  
}

.pane-tab-navigation  .pane-tab-basket .button {
  font-size : 0.8em;
  font-style : normal;  
}


/*************************************************************** DISPLAY MESSAGE PAGE ************************************************/



#displayErrorMessageContainer #errorMessages{
	font-size: 0.7em;
}

#displayErrorMessageContainer .rowError {

}

#displayErrorMessageContainer .rowErrorHeading {
	font-weight: bold;
    font-size: 1.2em;
}

#displayErrorMessageContainer #displayErrorMessageTitle{
	font-weight: bold;
    font-size: 1.4em;
    text-align: center;
}




/*************************************************************** DISPLAY MESSAGE PAGE ************************************************/



#displayErrorMessageContainer #errorMessages{
	font-size: 0.7em;
}

#displayErrorMessageContainer .rowError {

}

#displayErrorMessageContainer .rowErrorHeading {
	font-weight: bold;
    font-size: 1.2em;
}

#displayErrorMessageContainer #displayErrorMessageTitle{
	font-weight: bold;
    font-size: 1.4em;
    text-align: center;
}




/*************************************************************** SLIDER ADMIN PAGE ************************************************/

 #searchsuggestions {
font-size: 0.7em;
border: 1px grey solid;
height: 200px;
overflow:auto;
cursor:pointer;
}

.suggest_link {
	
}

.suggest_link_over {
	background-color: blue;
}

.slideDetails {
	border: solid 1px black; font-size: 0.8em; width:400px; float : left; padding : 0.25em;
}
.slideDetails label {
  display : block; width : 120px; float : left;
}

#sliderImages{
	width: 60%;
	margin: auto;
}

.sliderImage {
	display:inline; float: right; width: 100%; margin-bottom: 0.5em;
}

.sliderImageThumbnail{
    display:inline;
    float: left;    
}

.sliderImageTitle{
	display:inline;
	float: left;
}

.sliderImageDetailsLink{
	display:inline;
	float: left;
}

.sliderButtons{
	display:inline;
	float:right;
}


.slideDetails label{
	font-weight: bold;
}

.showDetailsLink{
	font-size: 0.6em;
}
 
#sliderImageForm{
	padding-top: 30px;
	width:800px;
	margin: auto;
} 

#sliderImageForm label{
  display: block; float : left; width : 450px; text-align : right; padding : 0em 1em 0em 0em; font-size : 0.9em;
}
#sliderImageForm div {
  clear :both;
}

#sliderImageForm input{
} 



#sliderImageForm select{
}
 

/*************************************************************** COMPONENT MANAGEMENT PAGE ************************************************/

#componentTable{
	width: 60%;
	margin: auto;
	margin-bottom: 3%;
}

#componentTable .nameCol{
	font-weight: bold;
}

#componentTable .actionCol{
	text-align: center;
	width:100;
}

#componentTable .typeCol{
	text-align: center;
	width:100;
}

#componentChooser{
	width: 60%;
	margin: auto;
}

#componentChooser .rowOdd{
	margin-bottom: 2%;
}

#componentChooser .rowEven{
	margin-bottom: 2%;
}

#componentChooser label{
	display: block;
}

#componentChooser #componentOption{
	display: block;
	margin-left: 5%;
}



/*************************************************************** PAGE COMPONENT SETUP PAGE ************************************************/

#pageSelector {
	width: 95%;
	margin-left : auto;
	margin-right : auto;
}


#pageComponentTable .locationCol{
	text-align: center;
}

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

#pageComponentTable .typeCol{
	text-align: center;
}

#pageComponentTable .userTypeBuyerCol{
	text-align: center;
}

#pageComponentTable .userTypeManagerCol{
	text-align: center;
}

#pageComponentTable .userTypeSupplierCol{
	text-align: center;
}

#pageComponentTable .userTypeSupplierManagerCol{
	text-align: center;
}

#pageComponentTable .userTypeAdminCol{
	text-align: center;
}

#pageComponentTable .userFilterCol{
	text-align: center;
}

#pageComponentTable .beforeCurrentCol{
	text-align: center;
}

#pageComponentTable .actionCol{
	text-align: center;
}



#addComponentTable .locationCol{
	text-align: center;
}

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

#addComponentTable .userTypeBuyerCol{
	text-align: center;
}

#addComponentTable .userTypeManagerCol{
	text-align: center;
}

#addComponentTable .userTypeSupplierCol{
	text-align: center;
}

#addComponentTable .userTypeSupplierManagerCol{
	text-align: center;
}

#addComponentTable .userTypeAdminCol{
	text-align: center;
}

#addComponentTable .userFilterCol{
	text-align: center;
}

#addComponentTable .beforeCurrentCol{
	text-align: center;
}

#addComponentTable .actionCol{
	text-align: center;
}

/*************************************************************** 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; 
}
div#oneOffBasketNameContainer  div#oneOffBasketList {
	margin : 1em 0em 0em 0em;
}

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

/*************************************************************** ONE OFF BASKET ADMIN**************/
div#oneOffBasketAdminContainer div#oneOffBasket {
	float : left; width : 600px; margin-left : 33%;
}
div#oneOffBasketAdminContainer div#oneOffBasket label {
  font-size : 0.8em; display : block; float : left; width : 250px; 
}
div#oneOffBasketAdminContainer div#oneOffBasket input {
	font-size : 0.8em;
}




/*************************************************************** FEATURED PRODUCT PAGE COMPONENT**************/

.featuredproducts{}
.featuredproduct{
	display:block;
}
.featuredproductimage{
	display:block;
}
.featuredproductlink{
	display:block;
}



/*************************************************************** BASKET COMPONENT**************/

.basketComponent, .basketComponent * { padding: 0; margin: 0; }

.basketComponent {
  float : right;
  width : 200px;
  border : 1px solid #B3B3B3;
  background-color : white;
  margin-top : 0.5em;
}

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

.basketComponent button {
	font-size: 0.65em;
  	border : 1px solid #606060  ;
  	color : white;
	background-image : url(images/button_background.png);
	height : 22px;
	cursor : pointer;
	margin: 1px;
    font-size : 0.7em;  
}

.basketComponent button.important {
	font-size: 0.65em;
  	border : 1px solid #606060  ;
  	color : white;
	background-image : url(images/button_background_red.png);
	height : 22px;
	cursor : pointer;
	margin: 1px;
    font-size : 0.7em;  
}

.basketComponent p {
  margin : 0.1em;
  padding-left : 1em;
  font-size : 0.8em;  
}

.basketComponent a, .basketComponent a:link, .basketComponent a:visited {
}  

.basketComponent .basketQuickViewTable {
  display : none;
  position : relative;
  background-color : white;
  border-top : 1px solid #b3b3b3  ; 
  border-bottom : 1px solid #b3b3b3  ;
  width : 100%;
  margin-top : 0.25em;
  margin-bottom : 0.25em;
}

.basketComponent .basketQuickViewTable tr td {
  font-size : 0.7em;
  vertical-align: top;	
}

.basketComponent .basketQuickViewTable .secondaryProduct {
  padding-left : 1em;
  font-style : italic;	
}

.basketComponent .basketQuickViewTable .incompleteProduct a, .basketComponent .basketQuickViewTable .incompleteProduct a:link {
  color : red;
}

/*************************************************************** Catalogue Search Component ***********************************/
.catalogueSearchComponent, .catalogueSearchComponent * { padding: 0; margin: 0; }

.catalogueSearchComponent {
  background-color : white;
  margin-top : 1em;
  margin-bottom : 1em;
  margin-left : auto;
  margin-right : auto;
  
  width: 150px; 
  border: #b3b3b3 solid 1px;
  
  text-align : center;  
  
  
}

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

#catalogueSearchComponentSearchField {
  font-size : 0.8em;
  width : 75px;	
}


.catalogueSearchComponent button {
  	border : 1px solid #606060  ;
  	color : white;
	background-image : url(images/button_background.png);
	height : 22px;
	cursor : pointer;
	margin: 1px;
    font-size : 0.8em;
}  
/** Absolute Parent positioning trick **/
.catalogueSearchComponentForm {
  position : relative;	
}

.catalogueSearchComponent #catalogueSearchComponentSearchResults {
	position : absolute; 
	text-align: left; 
	background-color : white; 
	width : 120px;
	top : 2em;
	left : 1em;
  	border: #b3b3b3 solid 1px;  
  	z-index : 100;
	
}

.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;
}

/*************************************************************** 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 li.nodeDepth1 a:link {  color:red !important;font-size : 14px !important;text-transform:uppercase !important;}
.breadcrumbComponent li.nodeDepth1 a:visited {  color:red !important;font-size : 14px !important;text-transform:uppercase !important;}

/*************************************************************** Language Switcher Component **************/
.languageSwitcherComponent h4 {display: none; }
.languageSwitcherComponent ul {display: inline ;  float: left; padding: 0;margin: 0 0 0 10px !important;  }
.languageSwitcherComponent li {display: inline ;  float: left; margin: 2px;  }
.languageSwitcherComponent #languageEnglish {background : url(images/en.png) no-repeat; }
.languageSwitcherComponent #languageFrench {background : url(images/fr.png) no-repeat;  }
.languageSwitcherComponent #languageGerman {background : url(images/de.png) no-repeat;  }
.languageSwitcherComponent #languageDutch {background : url(images/nl.png) no-repeat;  }
.languageSwitcherComponent #languagePortuguese {background : url(images/pt.png) no-repeat; }
.languageSwitcherComponent #languageSpanish {background : url(images/es.png) no-repeat; }
.languageSwitcherComponent #languageNorwegian {background : url(images/no.png) no-repeat; }
.languageSwitcherComponent #languageSwedish {background : url(images/se.png) no-repeat; }
.languageSwitcherComponent a:link,.languageSwitcherComponent a:visited { color:transparent !important;height:20px;width:20px;display:block; }



/*************************************************************** Budget Component **************/
.budgetComponent h4 {display: none; }



.budgetComponent .budgetPanel {
		width:190px;
		height: 227px;
		background-image:url('images/background.png');
		margin-left: auto;
		margin-right: auto;
}

.budgetComponent .budgetHeader {
	color: white;
	font-size: 1.1em;
	padding-top: 3px;
	
}


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

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


	

/*************************************************************** CategoryMenu Component **************/

	/* General */
	.categoryMenuComponent ul { list-style: none; }
	.categoryMenuComponent, .categoryMenuComponent * { padding: 0; margin: 0; }
	
	.categoryMenuComponent {
	  margin-top : 1em;
	  margin-bottom : 1em;
	  margin-left : auto;
	  margin-right : auto;
	  
	  width: 150px;
	  background-color : white;
	   
	  border: #b3b3b3 solid 1px;  
	}
	
	.categoryMenuComponent h4{
		font-size : 0.9em;
		border-bottom: #b3b3b3 solid 1px;  
	}
	
	/* Head links */
	.categoryMenuComponent li.toplink { 
		border-bottom: #b3b3b3 solid 1px;  
		background-color: #e9e9e9; 
		position : relative; 
		z-index : 11;
		
	}

	.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 : 100%; left : 100%; 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; }


/*************************************************************** CategoryTree Component **************/

	/* General */
	.categoryTreeComponent ul { list-style: none; }
	.categoryTreeComponent, .categoryTreeComponent * { padding: 0; margin: 0; }
	
	.categoryTreeComponent {
	  margin-top : 1em;
	  margin-bottom : 1em;
	  margin-left : auto;
	  margin-right : auto;
	  
	  width: 100%;
	  background-color : white;
	   
	  border: #b3b3b3 solid 1px;  
	}
	
	.categoryTreeComponent h4{
		font-size : 0.9em;
		border-bottom: #b3b3b3 solid 1px;  
	}
	
	/* Head links */
	.categoryTreeComponent li.rootLevel, .categoryTreeComponent li.baseLevel  { 
		z-index : 11;
	}
	
	.categoryTreeComponent li.nodeDepth2 {  margin-left : 1.0em; }
	.categoryTreeComponent li.nodeDepth3 {  margin-left : 1.0em; }
	.categoryTreeComponent li.nodeDepth4 {  margin-left : 1.0em; }
	.categoryTreeComponent li.nodeDepth5 {  margin-left : 1.0em; }
	.categoryTreeComponent li.nodeDepth6 {  margin-left : 1.0em; }
	.categoryTreeComponent li.nodeDepth7 {  margin-left : 1.0em; }
	.categoryTreeComponent li.nodeDepth8 {  margin-left : 1.0em; }
	.categoryTreeComponent li.nodeDepth9 {  margin-left : 1.0em; }
	.categoryTreeComponent li.nodeDepth10{  margin-left : 1.0em; }

	.categoryTreeComponent li { clear : both; }
	.categoryTreeComponent li linkContainer a, .categoryTreeComponent li linkContainer a:link, .categoryTreeComponent li linkContainer a:visited { font-size : 0.8em !important; }
	  
	.categoryTreeComponent li a.toplink, .categoryTreeComponent li a.toplink:visited, .categoryTreeComponent li a.toplink:link
	  { display : block; float:left; width : 10px; 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; }
    .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 !important; font-style : normal; }

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


/*********************** Company/Contract Selector Screen *********************************/
/** Header Layout **/
div.header div.companyContractSelectorComponent {
	width : 410px; background: #F8F8F8; padding : 0.5em; border-radius : 1em; border : 1px solid #F0F0F0; float: right;}
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;}
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;} 

/*************************************************************** VIDEO ADMIN PAGE ************************************************/

#videoDetails{
	width: 60%;
	margin: auto;
}

.videoThumbnail{
    display:inline;
    float: left;    
}

.video{
    display:inline;
    float: left;    
}



.videoButtons{
	display:inline;
	float:right;
}


.videoDetails label{
	font-weight: bold;
}

 
#videoForm{
	padding-top: 30px;
	width:60%;
	margin: auto;
}

#videoForm .rowOdd,#videoForm .rowEven{
	margin-bottom: 20px;
} 

#videoForm label{
display: block;
}

#videoForm input{
}

.embedDetails{
	border: solid 1px black;
	font-size: 0.8em;
	margin-left: 10%;
	margin-right: 5%;
	clear: both;
	width: 30%;
	margin: auto;
}

.embedDetailsLink{
	display:inline;
	float: left;
	font-size: 0.6em;

}


/*************************************************************** SPECIAL OFFER PAGE ************************************************/





.specialOfferDetails{
	width: 60%;
	margin: auto;
}

.specialOfferThumbnail{
    display:inline;
    float: left;    
}


.specialOfferButtons{
	display:inline;
	float:right;
}

#specialOfferForm{
	padding-top: 30px;
	width:60%;
	margin: auto;
} 

#specialOfferForm label{
display: block;
}

#specialOfferForm input{
} 



#specialOfferForm select{
}

#specialOfferForm .rowOdd,#specialOfferForm .rowEven{
	margin-bottom: 20px;
}




/*************************************************************** FEATURED PRODUCTS PAGE ************************************************/





#featuredProducts{
	width: 60%;
	margin: auto;
}

.featuredProduct{
	display:inline;
	float: right;
	width: 100%;
	margin-bottom: 0.5em;
}

.featuredProductThumbnail{
    display:inline;
    float: left;    
}

.featuredProductLinkText{
    display:inline;
    float: left;    
}

.featuredProductImageDetailsLink{
    display:inline;
    float: left;    
}


.featuredProductDetails{
    border: solid 1px black;
	font-size: 0.8em;
	margin-left: 10%;
	margin-right: 5%;
	clear: both;
	width:50%;   
}



.featuredProductButtons{
	display:inline;
	float:right;
}

#featuredProductsForm{
	padding-top: 30px;
	width:60%;
	margin: auto;
} 

#featuredProductsForm label{
display: block;
}

#featuredProductsForm input{
} 



#featuredProductsForm select{
}

#featuredProductsForm .rowOdd,#featuredProductsForm .rowEven{
	margin-bottom: 20px;
}




/*************************************************************** QUICK LINKS ADMIN PAGE ************************************************/

#quickLinks{
	width: 60%;
	margin: auto;
}

.quickLink{
	display:inline;
	float: right;
	width: 100%;
	margin-bottom: 0.5em;
}

.quickLinkIcon{
    display:inline;
    float: left;    
}

.quickLinkText{
    display:inline;
    float: left;    
}

.quickLinkDetailsLink{
    display:inline;
    float: left;    
}


.quickLinkDetails{
    border: solid 1px black;
	font-size: 0.8em;
	margin-left: 10%;
	margin-right: 5%;
	clear: both;
	width:50%;   
}



.quickLinkButtons{
	display:inline;
	float:right;
}

#quickLinksForm{
	padding-top: 30px;
	width:60%;
	margin: auto;
} 

#quickLinksForm label{
	padding-right: 10px;
}




/*************************************************************** QUICK LINKS PAGE COMPONENT ************************************************/



/*.quickLinksComponent .quicklink{
	display:inline;
	float: right;
	width: 100%;
	margin-bottom: 0.5em;
}

.quickLinksComponent .quicklink .quickLinkIcon{
    display:inline;
    float: left;    
}

.quickLinksComponent .quicklink .quickLinkText{
    display:inline;
    float: left;    
}*/

/*************************************************************** Category Menu Component ADMIN PAGE -  ************************************************/
#categoryMenuAdminContainer label {
	display : block;	float : left;	width : 250px;	padding-right : 10px; font-size : 0.9em;
}

#categoryMenuAdminContainer .rowOdd, #categoryMenuAdminContainer .rowEven {
	clear : both;
}

div#categoryMenuAdminContainer form#categoryPreviewForm div#userSearchResults {
	margin-left : 260px; width : 500px; border : 1px solid #d0d0d0; font-size : 0.8em;
}
div#categoryMenuAdminContainer form#categoryPreviewForm  div#categoryMenuSample{
	margin-left : 260px; width : 500px;
}
div#categoryMenuAdminContainer form#categoryPreviewForm div#userSearchResults a, 
div#categoryMenuAdminContainer form#categoryPreviewForm div#userSearchResults a:link, 
div#categoryMenuAdminContainer form#categoryPreviewForm div#userSearchResults a:visited {
	padding : 0em 0.5em 0em 0.5em; text-decoration: none;
}
div#categoryMenuAdminContainer form#categoryPreviewForm div#userSearchResults a:hover {
	text-decoration: underline;
}



/*************************************************************** CONTRACT QUICK LINKS ADMIN PAGE - contractquicklinksadmin.jsp ************************************************/

#contractQuickLinksAdminContainer #quickLinks{
	display: block;
	width: 70%;
	margin: auto;
}

#contractQuickLinksAdminContainer #quickLinkTable .actionHead,#quickLinkTable .actionCol{
	text-align: center;
	width: 50%;
}

#contractQuickLinksAdminContainer #quickLinkTable .nameHead{
	text-align: center;
	width: 15%;
} 

/*************************************************************** CONTRACT QUICK LINKS PRODUCT ADMIN PAGE - contractquicklinksproductadmin.jsp ************************************************/


#contractQuickLinkProductAdminContainer select {
	width:100%;
	height:30em;
}

#contractQuickLinkProductAdminContainer #quickLinkProductSelection {
	width: 80%;
	margin: auto;
}

#contractQuickLinkProductAdminContainer #productsNotInQuickLink{
	float: left;
	width: 40%;
}

#contractQuickLinkProductAdminContainer #productsInQuickLink{
	float: right;
	width: 40%;
}

#contractQuickLinkProductAdminContainer #productSelectButtons{
	float: left;
	width: 19%;
	height:30em;
}

#contractQuickLinkProductAdminContainer #productSelectButtonsContainer{

	width:10%;
	margin-top: 12em;;
	margin-bottom: 12em;
	margin-right: auto;
	margin-left:auto;
	height: 6em;
}

#contractQuickLinkProductAdminContainer #productSelectButtons input{
	margin-top: 50%;
	margin-bottom: 50%;
	font-size:1.0em;
	font-weight: bold;

}

#contractQuickLinkProductAdminContainer #productSelectButtons .button{

}

#contractQuickLinkProductAdminContainer .buttonHolder{
	clear: both;
	display: block;
}

/*************************************************************** HTML ADMIN PAGE ************************************************/

#htmlDetails{
	width: 60%;
	margin: auto;
}

.htmlThumbnail{
    display:inline;
    float: left;    
}

.html{
    display:inline;
    float: left;    
}



.htmlButtons{
	display:inline;
	float:right;
}


.htmlDetails label{
	font-weight: bold;
}

 
#htmlForm{
	padding-top: 30px;
	width:60%;
	margin: auto;
}

#htmlForm .rowOdd,#htmlForm .rowEven{
	margin-bottom: 20px;
} 

#htmlForm label{
display: block;
}


.htmlDetails{
	border: solid 1px black;
	font-size: 0.8em;
	margin-left: 10%;
	margin-right: 5%;
	clear: both;
	width: 30%;
	margin: auto;
}

.htmlDetailsLink{
	display:inline;
	float: left;
	font-size: 0.6em;

}



/************************* Additional Options for jQuery widgets and things ***************************/
.ui-datepicker-trigger {
	font-size: 0.65em;
  	border : 1px solid #606060  ;
  	color : white;
	background-image : url(images/button_background.png);
	height : 16px;
	cursor : pointer;
	margin: 1px;
	margin-top : 0.5em;
	margin-bottom : 0.5em;  	
	vertical-align: baseline;
}



#customDataContainer #cancelbutton {
	display: none;
}

/**************************************************  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  {
	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 {
	padding : 0.25em; position: relative; clear : both;}
	
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.sliderConfigurableComponent img{
	margin-right: auto;
	margin-left: auto;
}

div.sliderConfigurableComponent .slideholder{
	margin: 0 10;
}

div.sliderConfigurableComponent ul {
	margin : 0px}
	
div.sliderConfigurableComponent h4 {
	display: none;}
	
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;}


/**************************** HTML Container **********************************************/
div#htmlAdminContainer div#htmlEditFields textarea {
	width : 100%;
	height : 400px; 
}

div#htmlAdminContainer  div.rowOdd, div#htmlAdminContainer  div.rowEven {
	margin : 0px 10px; 
}

/********************* Product Admin Default settings *************************/
#productAdminContainer{}
#productAdminContainer .leftColumn { width : 210px; height : 0px;}
#productAdminContainer .mainColumn { width : auto; margin-left : 215px;}
#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 #accordion h3 { padding-left : 1.25em !important;}
#productAdminContainer #accordion h3 span{ left : 0em !important;}

#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 #accordion table#productKits tr td div label {
	width : 90px !important;}

#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 #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 : white;}
#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 !important; 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 !important; }
#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 !important;}

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

#productAdminContainer  div#productionInformationInput label {
    clear: both;  display: block; float: none;font-weight: bold;}

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

/******************* Image Editor CSS *********************************/
 #imageEditorPaneContainer { position : relative; width : 980px; min-height : 300px; }
 #imageEditorPaneContainer div.sourceUpload, #imageEditorPaneContainer div.sourceUpload, #imageEditorPaneContainer div.sourceUpload {
 	padding : 1em 0em;}
 #imageEditorPaneContainer div.pika-stage, #imageEditorPaneContainer div.pika-textnav {
 	width : auto;  }
 	
 #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 0em 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-top : 6px;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 : 200px;}
.librarySearchResults .pika-stage { 	height : 200px; padding-bottom : 20px;}
.librarySearchResults .pika-thumbs li { width: 50px;    height: 50px;}
.librarySearchResults .pika-thumbs {    height: 60px;}

#imageEditorPaneSelector .sourceLibrary .librarySearchResults{text-align : left; width : 965px;}
#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 .librarySearchTagField input#librarySearchByTagName,
#imageEditorPaneSelector .sourceLibrary .librarySearchTagField button { font-size : 0.8em;}
 
#imageEditorPaneSelector .sourceLibrary .librarySearchTools label {width : 100px; font-size : 0.8em; }
#imageEditorPaneSelector .sourceLibrary .librarySearchBy { display : block; width : 450px;}
#imageEditorPaneSelector .sourceLibrary .librarySearchBy div { float : left; width: 40%; } 
#imageEditorPaneSelector .sourceLibrary .librarySearchBy div.librarySearchByProduct { clear : both; } 

#imageEditorPaneSelector .sourceLibrary	a.nextPage {background: url(/includes/pikachoose/styles/next.png) no-repeat right 45%; height: 44px; width: 50px; top: 10px; right: 10px;cursor:pointer; float: right;}
#imageEditorPaneSelector .sourceLibrary	a.prevPage {background: url(/includes/pikachoose/styles/prev.png) no-repeat left 45%; height: 44px; width: 50px; top: 10px; left: 10px;cursor:pointer;float:left;}

#imageEditorPaneSelector .sourceLibrary  button#librarySearchComplete {
	font-size : 0.8em;
}
 
#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;	
}


.ui-dialog .ui-button {font-size : 0.7em}
.ui-dialog .ui-dialog-titlebar{font-size : 0.8em;}
.ui-tooltip{z-index : 20000; font-size : 0.8em;}
/******************* VAT rate admin *********************************/

#vatRateAdminContainer #vatRateForm {
	width: 95%;
	margin-left : auto;
	margin-right : auto;
	clear:both;
}

#vatRateAdminContainer #vatRateForm label{
	display: block;
}

 /********************************************************************** USERREGISTRATION PAGE *******************************************************************/
 

.userRegistrationForm 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;
}

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

.userRegistrationForm #registrationFormUserDetails{
	text-align : left; margin-left : auto; margin-right : auto; padding-top: 10px; 
	padding-bottom: 10px; margin-top: 20px; background-color:#fff; border: 1px solid #B3B3B3; padding: 10px; clear: both;
}

.userRegistrationForm  div.reCaptcha {
    margin: 20px 0px 10px 210px;
}

.userRegistrationForm .userRegistrationField {
    clear: both; overflow:hidden;
}

#userRegistrationSelectExistingDeliveryAddress .userRegistrationField, #userRegistrationSelectExistingInvoiceAddress .userRegistrationField {
	overflow: visible;
} 


.userRegistrationForm .userRegInput {
    float:left;
}

.userRegistrationForm .userRegFeedback {
    float:left;
}

.userRegistrationForm #registrationFormDeliveryAddress{
	text-align : left; margin-left : auto; margin-right : auto; padding-top: 10px; padding-bottom: 10px; 
	margin-top: 20px; background-color:#fff; border: 1px solid #B3B3B3; padding: 10px; clear: both;
}

.userRegistrationForm #registrationFormInvoiceAddress{
	text-align : left; margin-left : auto; margin-right : auto; padding-top: 10px; padding-bottom: 10px; 
	margin-top: 20px; background-color:#fff; border: 1px solid #B3B3B3; padding: 10px; clear: both;
}



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

#userRegistrationContainer .userRegFeedback.invalid {
  background-image : url(/images/invalid.png); background-repeat:no-repeat; width:20px; height:20px;
}

#userRegistrationContainer .userRegistrationForm .pageTitle {
	display:block !important; font-size: 1.0em !important;
}

#userRegistrationContainer #userRegistrationFieldProductFilter1,#userRegistrationContainer #userRegistrationFieldProductFilter2, #userRegistrationContainer #userRegistrationFieldAddressFilter1,#userRegistrationContainer #userRegistrationFieldAddressFilter2  {
	display:none;
}

/****** Confirmation Page ******/
div#userRegistrationRegistrationContainer { }

div#userRegistrationRegistrationContainer div#userRegistrationConfirmWrapper {
    margin: 14px 100px; border: 1px solid #f0f0f0; background: #fafafa; padding: 14px; font-size : 14px; }
div#userRegistrationRegistrationContainer div#userRegistrationConfirmText {
    background: url(/images/preflight_ok_med.png) no-repeat; padding: 4px 0px 0px 32px; font-size : 14px; }
div#userRegistrationRegistrationContainer div.requiresEmailConfirm {
    margin: 16px 0px 16px -32px; background: url(/images/preflight_warning_med.png) no-repeat;
    padding : 0px 32px; min-height : 32px;font-size : 14px; }
div#userRegistrationRegistrationContainer input#proceedToLoginButton {
    font-size: 14px;}


/********************************************************************** 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;
}

/********************************************************************** 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 { font-size:0.9em;}
#userRegistrationAdminContainer #userRegistrationDefaultsForm #defaultsSection1 {width:55%;float:left; border-right:1px solid #aaaaaa; }
#userRegistrationAdminContainer #userRegistrationDefaultsForm #defaultsSection2 {width:44%;float:right;}

#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 textarea.textInput {
	width : 320px; 
}

#userRegistrationAdminContainer button.emailRegexTestButton {
	    margin: 5px 0px 10px 150px;}

#userRegistrationAdminContainer button.emailRegexTestButton.succeed {
    background: url(/images/preflight_ok_small.png) no-repeat 10px;
}

#userRegistrationAdminContainer button.emailRegexTestButton.fail {
    background: url(/images/preflight_error_small.png) no-repeat 10px;
}

#userRegistrationAdminContainer select, #userRegistrationAdminContainer input, 
#userRegistrationAdminContainer button, #userRegistrationAdminContainer textarea {
	font-size : 12px; padding : 3px;}

#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;}

/*** CSS For pop-up Address Search components ***/
div.addressSearchContainer {
    position : relative; width: 250px; display: inline-block; }

div.addressSearchContainer input.search {
    padding : 3px; font-size : 12px; }

div.addressSearchContainer .results {
    position : absolute; background-color : white; padding : 4px; border : 1px solid #d0d0d0; width : 250px; min-height : 120px; z-index : 1; }

div.addressSearchContainer  a.suggestLink, div.addressSearchContainer  a.suggestLink:link, div.addressSearchContainer  a.suggestLink:visited {
    font-size : 12px; display : block; margin : 2px;}

div.addressSearchContainer  div.feedback {
    font-size : 12px; padding : 4px; }

div.addressSearchContainer  div.feedback.error {
    background-color : white; padding : 4px; border : 1px solid #d0d0d0; width : auto; min-height : 120px;
    margin : 0px auto; font-size : 12px; font-weight : bold; text-align : center; padding : 4px; }

div.addressSearchContainer select.search {
    max-width: 260px;}

.addressSearchContainer button.search.button {
    width: 60px; margin: 0px 0px 0px 5px;}


/********************************************************************** GET TEMPLATE XML PAGE *******************************************************************/
 

#templateXMLContainer {
    color: #282fc4;
    background-color: #f1f1f1;
    padding-top: 15px;
}

/********************************************************************** PROMOCODE ADMIN PAGE *******************************************************************/
 
#promoCodeContainer #promoCodeForm {
	width: 600px;
	margin: 0px auto;}
 
#promoCodeContainer label {
    width: 250px;
    text-align: right;
    display: block;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    padding-top: 3px;
    font-size: 14px;
}

#promoCodeContainer div.rowOdd, #promoCodeContainer div.rowEven {
	padding : 4px; }

#promoCodeContainer input[type="submit"] {}

div#promoCodeContainer div.buttonHolder {
	padding : 0px 0px 0px 196px; 
}
div#promoCodeContainer input.button {
	font-size : 12px; margin : 0px 4px; }
	
#promoCodeContainer .radioOptionLabel {
	font-size: 14px;
}

#promoCodeContainer #searchResults {
    width: 100%;
    margin-top: 10px;
}

#promoCodeContainer #productsSection {
	font-size: 14px;
	margin-top: 10px;
}
	
#promoCodeContainer #categoriesSection {
	font-size: 14px;
	margin-top: 10px;
}

#promoCodeContainer #includesubcategorieslabel {
	font-size: 12px;
}

#promoCodeContainer td.includesubcategories  span.isActive {
	background-image: url("/images/tick_new.png"); background-repeat: no-repeat;}
	
#promoCodeAdminContainer .information span {
	display:block;
	font-size : 10px; 
	margin-top: 5px;
}

#promoCodeProductsSection, #promoCodeCategoriesSection {
		margin-top: 10px;
}



/********************************************************************** MULTIPLE USERS PAGE *******************************************************************/
 
#multipleUsersContainer label{
	width: 120px;
	text-align: right;
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 0.9em;
	clear:both;
}

#multipleUsersContainer select {
	margin-bottom: 30px;
}


/********************************************************************** 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: 240px;	text-align: right;	display: block;	float: left;	margin-right: 10px;	font-weight: bold;
	padding-top: 3px; font-size: 0.8em;
}

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 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 : 12%; 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;
}


/********************* View Files Admin settings *************************/
table.viewFilesContainer {   width : 600px;  }
tr.viewFilesItem td { border-bottom : 1px dotted #e0e0e0;} 
tr.viewFilesItem:hover { background-color : #e0e0e0;} 

/********************************************************************** 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;
	background-image : url(images/button_background.png);
	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;}


/********************************************************************** 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"] {}

/********************* 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 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#editCarriageContainer .ui-widget-header {
	background-color: transparent; font-size: 0.8em;}	

div#editCarriageContainer 

button.ui-multiselect..ui-state-default {
	background-image: none; background: white; color : black; 
	font-weight: normal;}

div#editCarriageContainer div.tabs table.datatable {
	margin : 0.5em 0 1em 0;}

/****
  New Development CSS : 2014-10-08. Please do not change anything from here onwards, as it's in flux.
  J.Downey
 ****/

/************************************************************** 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#productDetailsPane {
	margin-left: 30px;	padding: 15px;     border: 1px #E0E0FF solid; margin-bottom : 1em;}

#pdfUploadContainer div#productDetailsPane div.productDetailsName {
	display: block;	font-size: 24px; font-weight: bold;
	}
	
#pdfUploadContainer div#productDetailsPane div.productDetailsDescription {
	font-size: 12px;
	margin: 15px 0px 0px 0px;	}
#pdfUploadContainer div#productDetailsPane div.productDetailsDescription br {
	display: inline;
	content: "";	}

#pdfUploadContainer div#productDetailsPane div.productDetailsDescription p {
	display : inline;
	content : "";	}

#pdfUploadContainer div#productDetailsPane div.productDetailsDescription font {
	color : black; font-size : 12px;}

#pdfUploadContainer div#productDetailsPane div.productDetailsDescription br:after {
	content: ". "; }

#pdfUploadContainer div.leftColumn {
 	display : none;}

#pdfUploadContainer div.mainColumn {
	margin : 0 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;}

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: #CE1D2A ; 
  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: #fff;font-size: 0.8em; border: 1px solid #153582;font-weight: bold;display: inline-block;
	background: #999999;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;  
}

#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:#fff url('/images/base_new/ico_next.png') no-repeat left 50%; 	color: #005091; font-size: 0.8em; 
	border: medium none; width: auto;font-weight: bold;display: inline-block; margin: 0 0 0 10px; 
	padding: 0 0 0 20px; }

button.optionSubmit{
	color: #fff;font-size: 0.9em; border: 1px solid #153582;font-weight: bold;display: inline-block;
	margin: 1em 2em 2em 50px;	background: #DB0010;border-radius: 1em;	padding: 0.25em 50; 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 {
	background-color : #999999; background-image : none; color : white; 
  	border : 1px solid #153582; border-radius : 5px; font-size: 0.8em; font-weight : bold; 
  	padding : 0.25em;	width : 125px;	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#renderCanvas img.staticImg{
    max-width: 100%;    max-height: 100%;
}


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: block;font-size: 0.8em; font-style: italic; padding : 0.25em 0 0 20;
}



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(images/info.png) no-repeat 50px #FFFFFF;
	min-height: 16px;
}

div.optionContainer div.optionRow label.optionValueLabel {
	font-size : 0.8em;  }
	
select.optionFormElement, input.optionFormElement, textarea.optionFormElement {
	font-size : 0.8em;
	padding: 4px;
	width: 140px;
	}

textarea.optionFormElement {
	height : 52px; 	}

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%;*/ 
}

div#addressDetailsContainer input[type=text], div#addressDetailsContainer textarea {
	width : 300px; padding : 3px; font-size : 12px; 
}


/********************** Changes for Bulk Upload look and feel ************************/
div#pdfUploadContainer.bulkUpload div#imagepaneholder {
	width : 420px; height : 420px;}
div#pdfUploadContainer.bulkUpload div.imagepane {
	width : 400px; height : 400px;}
div#pdfUploadContainer.bulkUpload div#detailspane {
	width : 450px; }
div#pdfUploadContainer.bulkUpload div.optionPricing {
	display : none;}
div#pdfUploadContainer.bulkUpload div#documentProblems {
	display: none; }
div#pdfUploadContainer.bulkUpload div.optionUseGlobalRow {
	display : none; }
div#pdfUploadContainer.bulkUpload button#assetPageOptionWizardButton {
	display: none; }

/** Support for "one click file upload" CSS **/
/* So that the Before block is positioned relative to its parent container */
div.fileInputRow {
    position : relative;
}
 
div#fileuploadinput.autoUploadRow input.fileSelector {
    height : 0px;
    width: 0px !important;
    position : absolute;
    top : -0px;
    left : 0px;
}

div#fileuploadinput.autoUploadRow input.fileSelector:focus {
	outline : none;	
}

div#fileuploadinput label#fileUploadLabel {
    display : none;
}
 
/* Named Label works better here, more cross-browser compatible */
div#fileuploadinput.autoUploadRow label#fileUploadLabel {
    background : #DB0010;
    border-radius : 10px;
    text-align : center;
    color : white;
    font-size : 13px;
    font-weight : bold;
    padding : 7px;
    position : absolute;
    top : 0px;
    left : 0px;
    z-index : 10;
    width : 150px;
    display : block;
}
 
/* Hide "Add Another" */
div#fileuploadinput.autoUploadRow input#fileAddAnother {
    display: none !important;
}
 
div#pdfUploadContainer div#fileuploadinput.autoUploadRow div.fileInputInfoRow {
	margin-top : 36px
} 



/*********************** 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; }

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 : 0.5em auto 0 auto; 
}

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;}


#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#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 : url(/images/base_new/sprite.png) no-repeat 0 0 #005091; border : 1px solid #153582;	}
.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 #userSelect div ,#importTypeAdminContainer #userSelect div{
	clear: both;
}

#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;
	width: 150px;
	clear: both;
}

	
#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, #importTypeAdminContainer .fileInputInfoRow {
	background: url(custom/contract328/icon_info.png) no-repeat 10px 50% #F0F0F0;
	padding: 10px 10px 10px 60px;
	margin: 10px 0;
	color: #B81013;
	font-style: italic;
	font-weight: bold;
}

#importTypeAdminContainer #errormessage {
	background: url(custom/contract328/icon_info.png) no-repeat 10px 50% #F0F0F0;
	padding: 10px 10px 10px 60px;
	margin: 10px 0;
	color: #B81013;
	font-style: italic;
	font-weight: bold;
}

div#importTypeAdminContainer  div#fileuploadinput {
    margin: 0px 0px 18px 0px;
    clear: both;
    padding: 8px 0px;
}	

div#assetUploadListContainer .leftColumn table {
	margin : 1em 0;
}

#importTypeAdminContainer div.mainColumn input, #importTypeAdminContainer div.mainColumn select, #importTypeAdminContainer div.mainColumn button {
    font-size: 12px;  
}
#importTypeAdminContainer div.mainColumn input, div.mainColumn #importTypeAdminContainer select {
	padding : 4px; min-width : 350px; border-radius: 3px; border-color: #d0d0d0;  
}
#importTypeAdminContainer div#importDownloadDiv label {
    font-size: 12px; width: 120px; display: inline-block; vertical-align: top; 
}
#importTypeAdminContainer div#downloadButtonDiv {
    margin: 24px 0px 24px 125px;
}
#importTypeAdminContainer div#reportParameters div {
    padding: 12px 0px;
}
#importTypeAdminContainer div#reportParameters label {
    width: 134px;
}

/**************************** 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;}

@keyframes animatedBackground {
	from { transform: rotate( 0deg ); }
	to { transform: rotate( 360deg ); }
}

div#productDetailsCatContainer.chili div#loadingContainer, 
div#productDetailsCatContainer.chiliAdmin  div#loadingContainer {
	position : absolute; top : 0; left : 0; width : 100%; height : 560px; 
	background-color : rgba( 255,255,255,0.8 ); background-image : none;}
	
div#productDetailsCatContainer.chili div#loadingContainer div.text {
    text-align: center; font-size: 32px; color: #404040;
}

div#productDetailsCatContainer.chili div#loadingContainer div.spinner {
	background-image: url('/images/loading_dark.png'); 	animation: animatedBackground 1.5s linear infinite;
	background-position: center; background-repeat: no-repeat;
	width: 260px;
    height: 260px;
    background-size: 50%;
    margin: 120px auto 0px auto;
}

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;}
div#chiliNavigationToolbar div#variableForm {
	display: none; }


/*** 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(images/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; 
}

/**
 *	B2C Product Details screen. Base settings 
 **/

/* Flex Layout */
div#productDetailsCatContainer.b2cContainer {
    min-height: 800px;
}

div#productDetailsCatContainer.b2cContainer div#masterPane {
	/*display : flex; flex-flow: row nowrap; justify-content: flex-start; */width: auto;}

div#productDetailsCatContainer.b2cContainer div#masterPane div.imagePaneHolder {
	width : 44% !important; margin : 0px 30px 0px 0px; float : left; }
div#productDetailsCatContainer.b2cContainer div#masterPane div.imagepane {
	width : auto !important; max-width : 45%;  min-width : 430px; min-height : 400px !important;	background-color: transparent; 
	padding : 10px; position: absolute;	}
div#productDetailsCatContainer.b2cContainer div#masterPane div.imagepane img#small-image {
	border : 8px solid #f0f0f0;}
div#productDetailsCatContainer.b2cContainer  div#previewPageNavigation {
	margin : 1em 0px; 
}
	
div#productDetailsCatContainer.b2cContainer div.content {
	overflow: visible;}

div#productDetailsCatContainer.b2cContainer div#masterPane div#detailspane {
	width : 48%; margin : 0px 0px 0px 51.5%; float: none; text-align: left;}	
div#productDetailsCatContainer.b2cContainer div#masterPane div#detailspane h2 { 
	margin : 0px 0px 10px 0px; font-size: 24px; font-weight: bold; color : black;}
div#productDetailsCatContainer.b2cContainer div#masterPane div#productDetailsSection div.detailsRow {
	text-align : left; margin : 8px 0px;  }
div#productDetailsCatContainer.b2cContainer div#masterPane div#productDetailsSection div.detailsRow.description {
	margin : 15px 0px; font-size: 12px; }
div#productDetailsCatContainer.b2cContainer div#masterPane div#productDetailsSection div.detailsRow label {
	width : 120px; float : left; display: block; font-weight: normal; font-size: 12px;}
div#productDetailsCatContainer.b2cContainer div#masterPane div#productDetailsSection div.detailsRow div {
	font-weight: bold; font-size: 12px;}

div#productDetailsCatContainer.b2cContainer div#errormessage, div#productDetailsCatContainer.chili div#errormessage, div#pdfUploadContainer div#errormessage {
    clear: both; margin: 10px 0px; padding: 20px 40px;
    background: #f0f0f0 url('/images/preflight_warning.png') left center no-repeat;
    font-weight: bold;
}

/* Price Breaks */
div#productDetailsCatContainer.b2cContainer div#productDetailsSection div.basePrice.hasInfo {
	background: url(/images/base_new/icon_info_16.png) no-repeat #FFFFFF top right;	min-height: 16px; min-width: 16px; 
	height: 16px; width: 22px; display: inline-block; text-indent : 24px;}

div#productDetailsCatContainer.b2cContainer div#masterPane div#detailspane div.quantitySection {
	margin : 15px 0px; font-size: 12px;}

div#productDetailsCatContainer.b2cContainer div#masterPane div#detailspane div.totalPriceSection {
	border-top : 1px solid #dadada; padding : 15px 0px;}
div#productDetailsCatContainer.b2cContainer div#masterPane div#detailspane div.totalPriceSection label {
	width : 120px; float : left; display: block; font-weight: bold; font-size: 16px;}
div#productDetailsCatContainer.b2cContainer div#masterPane div#detailspane div.totalPriceSection div#productdetails_extendedprice {
	font-size : 16px; color : #DB0010; font-weight: bold; }

div#productDetailsCatContainer.b2cContainer div#externalEngineSection {}
div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails {
	border : 1px solid #dadada; padding : 10px;}
div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform th {
	display: none;}
div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform tr.row1, 
div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform tr.row2 {
 	background-color: transparent; padding : 2px;  } 
div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform tr td.labelCol {
	width : 140px; }

div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform tr td.dataCol table.tooltipTable {
	width : 100%; background-color: white }

div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform tr td.dataCol {
	padding : 4px; }

div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform tr td.dataCol input,
div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform tr td.dataCol select,
div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform tr td.dataCol textarea {
	width : 100%; border : 1px solid #dadada; border-top : 0px none; padding : 2px; background-color: white; line-height: 120%;  }

div#productDetailsCatContainer.b2cContainer div#externalEngineSection div#customdetails table.webform tr td.dataCol textarea {
	height : 4.4em;}

div#productDetailsCatContainer.b2cContainer div#externalEngineSection div.formfooter {
	width : auto; text-align: center; }

div#productDetailsCatContainer.b2cContainer div.formfooter button {
	clear: both; margin: 0px 10px; color: #fff; font-size: 12px; border: 1px solid #eaeaea; font-weight: bold;
    width: 175px; height: 3em; padding: 0.25em 0px;}

div#productDetailsCatContainer.b2cContainer div.formfooter button.previewButton {
    background: #999999; }
div#productDetailsCatContainer.b2cContainer div.formfooter button.previewButton:hover {
	border-color : #999999; }

div#productDetailsCatContainer.b2cContainer div.formfooter button.addToBasketButton {
    background: #DB0010; }	
div#productDetailsCatContainer.b2cContainer div.formfooter button.addToBasketButton:hover {
    border-color: #DB0010; }	
    
.stickyImage {
	top : 115px; position: fixed;
}

/*** B2C Changes for Pageflex Groupings ***/
div#productDetailsCatContainer.b2cContainer div#customdetails { 
    position: relative; 
    padding-bottom: 2em !important; 
} 
div#productDetailsCatContainer.b2cContainer div#customdetails .ui-tabs-nav {
    position: absolute;
    left: 25px;
    right: 0.25em;
    bottom: 0em;
    padding: 0em 0.2em 0.2em;
    background-color: #ffffff;
    background-image: none;
    border: 0px solid #ffffff;
    
} 
div#productDetailsCatContainer.b2cContainer div#customdetails .ui-tabs-nav li { 
    border-top: none; 
    border-bottom: 1px solid #ccc; 
    -moz-border-radius: 0px 0px 4px 4px; 
    -webkit-border-radius: 0px 0px 4px 4px; 
    border-radius: 0px 0px 4px 4px; 
} 
div#productDetailsCatContainer.b2cContainer div#customdetails .ui-tabs-nav li.ui-tabs-selected, 
div#productDetailsCatContainer.b2cContainer div#customdetails .ui-tabs-nav li.ui-state-active { 
    top: -1px; 
}


/** Modules Styling (defaults) **/
div.moduleContainer {
	clear : both; }
div.moduleElement {
	clear : both; margin : 8px 0px; }

div.moduleContainer div.moduleElement label {
	float: left;
	display: block;
	width: 120px;
	padding: 5px 0.25em;
	}
	
div#productDetailsCatContainer.b2cContainer div.moduleContainer div.moduleElement label {
	font-weight : normal;}
 
div#pdfUploadContainer div.moduleContainer div.moduleElement label {
	font-size: 12px;
	font-weight: bold;
	}

	
div#module_Quantity input, div#module_CostCentre input  {
	font-size: 12px;
	width: 140px;
	padding : 4px;
	}

div#module_Quantity input.invalid, div#module_CostCentre input.invalid {
	background : url('/images/invalid.png') center right no-repeat;
    border : 1px solid #DB0010; }

div#module_Quantity .ui-selectmenu-button {
	border : 1px solid #a0a0a0; border-radius: 3px; 
}

div#module_Quantity .ui-selectmenu-button .ui-selectmenu-text {
	font-size : 12px; color : black; text-align : left; background-color: white; padding : 4px; 
}

ul#numberDocumentCopies-menu {
	display: table; border : 1px solid #f0f0f0; 
}

ul#numberDocumentCopies-menu li {
	display: table-row; 
}

ul#numberDocumentCopies-menu li span {
	display : table-cell; text-align: right; padding : 4px; border : 1px solid #f0f0f0; border-bottom: none; border-left : none;
}

ul#numberDocumentCopies-menu li span:LAST-CHILD {
	text-align: right;
}



div#pdfUploadContainer div.moduleContainer button.mediaPostOpenButton {
	font-size: 12px; padding: 2px; margin: 8px 0px 8px 100px;}

	
div#module_Options div.optionRow {
	padding : 0.4em 0em; clear : both;}
	
div#module_Options div.optionRow label.optionLabel {
	width: 120px;
	display: block;
	float: left;
	clear: left;
	font-weight: normal;
	padding: 4px 0px 0px 4px;
	}

/** This trick ensures that long Options always line up (labels are always in the margin)**/
div#module_Options div.optionRow div.optionContent {
	margin : 0 40px 0 120px;}

div#module_Options div.optionRow label.optionValueLabel {
	font-size : 1em;
	float : none;
	clear : none;
	font-weight: normal;
	font-style: italic;
	display: inline;
	}

div#module_Options div.optionRow input[type="radio"] {
	margin: 4px 4px 0px 0px;
}

div#module_Options select.optionFormElement, div#module_Options input.optionFormElement {
	font-size : 1em; 
}

iframe#mediaPostFrame {
	
}

div.orderTools div#module_Options div.optionRow label.optionLabel {
    font-weight: bold; width : 100px; }

div.orderTools div#module_Options div.optionRow div.optionContent {
	margin: 0 5px 0 100px;
	}

div.orderTools div#module_Options div.optionRow label.optionValueLabel,
div.orderTools div#module_Options div.optionRow select,
div.orderTools div#module_Options div.optionRow input {
	font-size : 12px;
	font-style : normal;
	width: 140px;
}

div.orderTools div#module_Options div.optionRow label.optionValueLabel {
	padding : 0px; margin : 0px;
}

div.orderTools div#module_Options div.optionRow div.optionPricing {
    font-size: 10px;
    padding: 0.25em 0px 0px 18px;
}

/***************************************************** Error Page ************************************/
div#errorPageContainer {
	background-image: none;
	padding: 1em;
	border: 1px solid #f0f0f0;
}

div#errorPageContainer h1 {
	font-size: 20px;
	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;
}

div#errorPageContainer div.details {
	padding: 14px 14px 14px 88px;
	font-size: 14px;
	color: #404040;
	background-repeat: no-repeat;
	background-position: 60px 12px;
	min-height: 20px;
}

div#errorPageContainer div.en {
	background-image: url('/images/en.png');}
div#errorPageContainer div.fr {
	background-image: url('/images/fr.png');}
div#errorPageContainer div.de {
	background-image: url('/images/de.png');}
div#errorPageContainer div.es {
	background-image: url('/images/es.png');}
div#errorPageContainer div.nl {
	background-image: url('/images/nl.png');}
	
/***************************************************** View Order Notes Page ************************************/

div#orderNotesContainer {
	max-height: 100px;
}

div#orderNotesForm {
	padding: 0 0 20px 0;
}

div#orderNotesForm textarea {
	width: 400px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
}

div#orderNotesList label {
	width: 300px;
	display: block;
	float: left;
	clear: left;
	font-size: 0.8em;
	font-weight: bold;
	padding: 3px 0 0 0;
	text-align: right;
}

div#orderNotesList span {
	width: 500px;
	text-align: left;
	float: left;
	padding: 0 0 0 20px;
}

div#orderNotesList div.orderNote{
	padding: 0 0 20px 0;
	overflow: auto
}

div#orderNotesList div.userOrderNote span{
	color: green;
}

div#orderNotesList div.managerOrderNote span{
	color: red;
}


/*********************************************** Awaiting Final Price Container Pages ************************************/
div#awaitingPriceContainer {}

div#awaitingPriceContainer div.tabs{
	clear : both; }

div#awaitingPriceContainer div#searchContainer label {
	float : left; display: block; width : 140px; font-size: 12px; }

div#awaitingPriceContainer div#searchContainer>div {
	float : left; width : 300px; }

div#awaitingPriceContainer div.innerContainer>div {
	border : 1px solid #f0f0f0; padding : 0.5em; margin : 0px auto; }

div#orderNotesContainer {
	max-height: 100px;
}

div#awaitingPriceContainer div.innerContainer h4 {margin: 1.5em 0em 0em 0em;color: #404040;}

div#awaitingPriceContainer div.innerContainer>form div.row {
	font-size : 12px;
	color : #404040;
	padding: 0.5em 0em;
}
div#awaitingPriceContainer div.innerContainer>form div.row label {
	width: 140px;	display: inline-block;	float: left; font-weight : bold; 
}

div#awaitingPriceContainer div.innerContainer>form div.row button {
	font-size : 12px; 	
}
div#awaitingPriceContainer div.innerContainer>form div.row input {
	font-size : 12px; padding : 0.5em; width : 140px; 
}

div#awaitingPriceContainer div.innerContainer>form div.row table.datatable {
	width: 640px;
	margin: 0px 0px 0px 140px;
}

/***************************************************** View Checkout Fields Admin Page ************************************/

	
div#checkoutFieldAdminContainer div.checkoutFieldRow {
	display:flex;
	flex-direction: row;
	padding: 8px;}
	
div#checkoutFieldAdminContainer div.checkoutFieldSection {
	width: 50%;}
	
	
div#checkoutFieldAdminContainer { }
div#checkoutFieldAdminContainer label {
	float : left; display : block; padding : 1px 1em 0 0; text-align:right; width : 120px; font-size: 0.8em;}
div#checkoutFieldAdminContainer input[type="text"] {
	width : 300px; font-size: 0.8em;}
	
div#checkoutFieldAdminContainer input[type="text"].short {
	width : 30px; font-size: 0.8em;}
	
div#checkoutFieldAdminContainer span.text {
	font-size: 0.8em;}
div#checkoutFieldAdminContainer  input.checkbox {
	width : auto; font-size: 0.8em;}
div#checkoutFieldAdminContainer  textarea {
	width : 300px; height : 6em; font-size: 0.8em;}
	
div#checkoutFieldAdminContainer .buttonHolder {
	margin-top: 15px;
}

div#checkoutFieldAdminContainer .buttonHolder .button{
	margin: auto;
	display: block;
}

div#checkoutFieldAdminContainer #insertCheckoutFieldOptionButton{
	margin-left: 15px;
}


/***************************************************** Contact us page ************************************/

div#contactUsContainer #contactUsFormSection{
	width: 100%;
	margin-top: 30px;
}

div#contactUsContainer #contactUsFormSection .formRow{
	clear:both;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#contactUsContainer #contactUsFormSection .rowSection{
	width: 49%;
}

div#contactUsContainer #contactUsFormSection .rowSection input{
	width: 100%;
}

div#contactUsContainer #contactUsFormSection .rowSectionLeft{
	float: left;
}

div#contactUsContainer #contactUsFormSection .rowSectionRight{
	float: right;
}

div#contactUsContainer #contactUsFormSection #subject{
	width: 100%;
}

div#contactUsContainer #contactUsFormSection textarea{
	width: 100%;
	height: 150px;
}

div#contactUsContainer #contactUsDetailsSection{
	width: 100%;
	margin-left: 10px;
	margin-top: 10px;
}

div#contactUsContainer #contactUsDetailsSection .contactUsDetail{
	margin-bottom: 25px;
}

div#contactUsContainer #contactUsFormSection label {
	display: block;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 20px;
	color: #4e4e4d;
	font-size: 0.8em;
}

div#contactUsContainer .contactUsDetail label {
	display: block;
	font-weight: 700;
	line-height: 20px;
	color: #4e4e4d;
	font-size: 0.8em;
}


/***************************************************** Manage contact us details ************************************/

div#manageContactUsPageContainer label {
	float : left; display : block; padding : 1px 1em 0 0; text-align:right; width : 200px; font-size: 0.8em;}

div#manageContactUsPageContainer #contactUsPageDetailsForm .formRow{
	clear:both;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*****************************************************Xinet image library module ************************************/

div#imageLibraryContainer .leftColumn {
	display: none;
}

div#imageLibraryContainer .rightColumn {
	display: none;
}

div#imageLibraryContainer .mainColumn {
	width: 100% !important;
}

div#imageLibraryContainer .mainColumnSection1 {
	width: 100% !important;
}

div.content {
	height: auto;
}

div#imageLibraryContainer .image-item, div#imageLibraryContainer .folder-item{
	display: block;
	float: left;
	width: 200px;
	padding: 0px;
	margin: 10px;
	/* height: 330px; */
	height: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background: #f0f0f0;
	box-shadow: none;
	ms-filter: none;
	filter: none;
	border: 1px solid #dcdcdc;
}

div#imageLibraryContainer .folder-item.hovering{
  border: 1px solid red;
  font-weight: bold;
  font-size:20px;
  color: red;
  width: 200px;
  height: 280px;
}

div#imageLibraryContainer .folderLinkSpan.hovering{
  font-weight: bold;
  font-size:20px;
  color: red;
}

div#imageLibraryContainer #homeLink.hovering{
  font-weight: bold;
  font-size: 20px;
}

div#imageLibraryContainer .image-item .image-thumbnail, div#imageLibraryContainer .folder-item .folder-thumbnail  {
	width: 188px;
	height: 192px;
	float: none;
	display: block;
	margin: 6px;
	background: #f0f0f0;
	border: 0px none #ddd;
	padding: 0px;
}

div#imageLibraryContainer .folder-item .folder-thumbnail {
	background: url(images/largefolder.png) no-repeat center;
}

div#imageLibraryContainer .image-item .image-thumbnail img {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
}

div#imageLibraryContainer .image-item .image-title, div#imageLibraryContainer .folder-item .folder-title {
	color: #005091;
	margin: 0 10px 5px;
	height: 25px;
	max-height: 25px;
	font-size: 0.7em;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ddd;
}

div#imageLibraryContainer .actionColumn {
	height: 30px;
}

div#imageLibraryContainer .actionColumn button {
	width: 30px;
	height: 30px !important;
	text-indent:9999px;
	white-space: nowrap;
}

div#imageLibraryContainer .actionColumn .imageDownloadButton {
	background: url(images/download.png) no-repeat center;
}

div#imageLibraryContainer .actionColumn .imageDeleteButton {
	background: url(images/delete.png) no-repeat center;
}

div#imageLibraryContainer .actionColumn .imageDragButton {
	background: url(images/move.png) no-repeat center;
}

div#imageLibraryContainer .actionColumn .folderDeleteButton {
	background: url(images/delete.png) no-repeat center;
}

div#imageLibraryContainer .actionColumn .imageViewButton {
	background: url(images/zoom.png) no-repeat center;
}

div#imageLibraryContainer button {
	margin-left: auto;
	margin-right: auto;
}

div#imageLibraryContainer #searchBox {
	width: 20%;
	float: left;
	margin-top: 25px;
	clear: left;
}

div#imageLibraryContainer #imageLibraryMenu {
	width: 15%;
	float: left;
	margin-top: 25px;
	clear: left;
	font-size: 14px;
	border: 1px solid lightgrey;
	border-radius: 10px;
	padding: 10px;
}

div#imageLibraryContainer #imageLibraryMenu #homeLink{
	font-weight: bold;
	background: url(images/home.png) no-repeat 0px center;
	padding-left:25px;
	
}

div#imageLibraryContainer #imageLibraryMenu .openNode{
	font-style: italic;
}

div#imageLibraryContainer #fileUpload {
	width: 20%;
	float: left;
	margin-top: 25px;
	clear: left;
}

div#imageLibraryContainer ul {
	list-style-type: none;
	-webkit-padding-start: 10px;
}

div#imageLibraryContainer li {
	 margin: 5px 0;
}

div#imageLibraryContainer #imageLibraryListings {
	width: 80%;
	display: inline-block;
}

div#imageLibraryContainer #searchBox #searchImageButton{
	width: 20px;
    height: 18px;
    float: right;
    background: url(images/searchbutton.png) no-repeat 2px 2px !important;
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
    border: none;
    position: absolute;
    top: 1px;
    right: 4px;
    padding: 2px;
}

div#imageLibraryContainer #searchBox #searchDiv{
    width: 150px;
    display: block;
    position: relative;
    background: #f9f9f9;
    border: 1px solid #ddd;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

div#imageLibraryContainer #searchBox #searchTerm{
    width: 90%;
    margin-right: 10%;
    margin-left: 10%;
    padding: 5px 0 3px;
    border: none;
    background: none;
}

div#imageLibraryContainer li.closedNode{
	background: url(images/folderclosed.gif) no-repeat 0 0 !important;
	text-indent: 20px;
}

div#imageLibraryContainer li.closedNode ul{
	display:none;
}

div#imageLibraryContainer li.openNode{
	background: url(images/folderopen.gif) no-repeat 0 0 !important;
	text-indent: 20px;
}

div#imageLibraryContainer #dialog-confirm-file, div#imageLibraryContainer #dialog-confirm-folder {
	display: none;
}

#uploadForm .thumbnail{
	margin: 10px;
}

#uploadForm .thumbnail img{
 	height: 50px;
}

#uploadForm .thumbnail span{
 	clear: both;
 	font-size: 0.7em;
 	display:block;
}

#uploadFormContainer {
	margin-top: 50px;
}

#uploadFormContainer h2 {
	display: block !important;
}

#uploadFormContainer #gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	clear: both;
	background-color: #f0f0f0;
}

#uploadFormContainer #fileSelectionDiv{

}

#uploadFormContainer #fileinput{
    padding-bottom: 10px;
}

#uploadFormContainer #destinationDiv {
	padding-top: 10px;
    min-height: 40px;
}

#uploadFormContainer #destinationDiv #subFolderButton{
	float: left;
	margin-left: 10px;
}

#uploadFormContainer #imageTagsDiv {
    min-height: 40px;
}

#uploadFormContainer label {
    width: 400px;
    text-align: right;
    display: block;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    padding-top: 3px;
    font-size: 12px;
}

#uploadFormContainer input[type="file"] , #uploadFormContainer select , #uploadFormContainer textarea {
    float: left;
}

#dialog-new-folder label {
    width: 100px;
    text-align: right;
    display: block;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    padding-top: 3px;
    clear: both;
}

#dialog-new-folder input, #dialog-new-folder select {
 	float: left;
}

#dialog-new-folder  #subFolderDestinationDiv {
	    padding-bottom: 30px;
}

/*********************************************** Language Editor changes ************************************/
span.langWrapper {
	position : relative; display: inline-block; font-size: 1em !important;
}

span.langWrapper:hover span.langEditIcon {
    width: 30px;
    height: 100%;
    min-height : 18px;
    background-image: url(/images/edit_icon_2.png);
    background-position: center right;
    display: block;
    position: absolute;
    right: -24px;
    top: 0px;
    cursor: pointer;
    padding-top: 0px;
    background-repeat: no-repeat;
    z-index: 99999;
}

body.embedded span.langWrapper span.langEditIcon, body.embedded span.langWrapper:hover span.langEditIcon {
	display: none; }

body.embedded div.entryRow span.langWrapper span.langEditIcon, body.embedded div.entryRow span.langWrapper:hover span.langEditIcon {
	width : 24px; height : 16px;
	background-image : url("/images/edit_icon.png");
	display: block; cursor : pointer; position: static; right: inherit; top : inherit; margin-top : -2em; 
}


div.languageEditorInlineContainer {
    position: relative;
    width: 960px;
    right: 0px;
}

div.languageEditorInlineContainer div.displayEditor {
	margin : 0px 0px 0px auto;
	background: #ffffff;
}

div.languageEditorInlineContainer div.displayEditor button {
	background-color: white;
	margin: 0.5em;
}

.languageHiddenContainer {
    position: absolute;
    width: 100%;
    z-index: 1;
    }
    
iframe.languageEditFrame {
    width: 100%;
    height : 480px;
    z-index: 1;
    background: #ffffff;
}

div#languageEditorContainer div.scroll {
	height : 260px; overflow:scroll; overflow:overlay;
	border : 1px solid #d0d0d0;
}

div#languageEditorContainer div.scroll div {
	padding : 0.5em; 
}

div#languageEditorContainer  a.ui-tabs-anchor {
	font-size : 12px;
}

div#languageEditorContainer div.scroll label {
	width : 200px; display: block; float : left; font-size : 12px; 
}

div#languageEditorContainer div.scroll textarea {
	font-size : 12px; width : 400px; height : 3em; 
}

div#languageEditorContainer div#existingElements button, div#languageEditorContainer div#missingElements button, 
div#languageEditorContainer div#editElement button {
	font-size : 12px; }
	
div#languageEditorContainer  div.otherLangsContainer {
	
}

div#languageEditorContainer h3 {
    margin: 0px 0px 0.5em 0px;
}

div#languageEditorContainer  div.tools {
    margin: 10px;}

div#languageEditorContainer  div.help {
    font-size: 12px;    font-style: italic;    padding: 10px 10px; clear : both;}

div#languageEditorContainer  div.imports {
    margin: 0px 80px;
}

div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow{
	padding : 0.25em; border : 1px solid white; clear: both;
    height: 0.7em;}

div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow:hover {
	 border : 1px solid #f0f0f0; cursor: pointer;}


div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow div.languageEntryValue {
	padding : 0px; font-size : 12px; }
	
div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow label {
	padding : 0px 0px 0px 24px; width : 275px; 
} 

div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow label.en {background : url(/images/en.png) no-repeat; }
div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow label.fr {background : url(/images/fr.png) no-repeat;  }
div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow label.de {background : url(/images/de.png) no-repeat;  }
div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow label.nl {background : url(/images/nl.png) no-repeat;  }
div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow label.pt {background : url(/images/pt.png) no-repeat; }
div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow label.es {background : url(/images/es.png) no-repeat; }
div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow label.no {background : url(/images/no.png) no-repeat; }
div#languageEditorContainer  div.otherLangsContainer div.languageEntryRow label.se {background : url(/images/se.png) no-repeat; }

div#languageEditorChooser div {
	width: 20px;height: 20px;float: left; border: 1px solid #fefefe; cursor : pointer; }

div#languageEditorChooser div.en {background : url(/images/en.png) no-repeat; }
div#languageEditorChooser div.fr {background : url(/images/fr.png) no-repeat;  }
div#languageEditorChooser div.de {background : url(/images/de.png) no-repeat;  }
div#languageEditorChooser div.nl {background : url(/images/nl.png) no-repeat;  }
div#languageEditorChooser div.pt {background : url(/images/pt.png) no-repeat; }
div#languageEditorChooser div.es {background : url(/images/es.png) no-repeat; }
div#languageEditorChooser div.no {background : url(/images/no.png) no-repeat; }
div#languageEditorChooser div.se {background : url(/images/se.png) no-repeat; }

div#languageEditorContainer  div.importExportBar div.exports, div#languageEditorContainer  div.importExportBar  div.imports {
	float : left; width : 49%; }

div#languageEditorContainer  div#importExportElements, div#languageEditorContainer  div#importExportElements * {
	font-size : 12px; 	
}

div#languageEditorContainer  div#importExportElements div.exports a.csvExport, 
div#languageEditorContainer  div#importExportElements div.exports a.xlsxExport {
	width : 32px; height : 32px;     display: block; float: left; }
div#languageEditorContainer  div#importExportElements div.exports a.xlsxExport {
	background: url("/images/icons_spritesheet.png") 0 0;}
div#languageEditorContainer  div#importExportElements div.exports a.csvExport {
	background: url("/images/icons_spritesheet.png") 0 -32px;}

div#languageEditorContainer  div#importExportElements iframe#importDestFrame {
	display: none;}

div#languageEditorContainer  div#importExportElements div.importExportFeedback {
	display: none;}

div#languageEditorContainer  div#importExportElements div.importExportFeedback {
    clear: both; margin: 10px 0px 0px 90px;
    background: url("/images/preflight_ok_med.png") no-repeat left center;
    text-indent: 36px;
}

div#languageEditorContainer  div#importExportElements div.importExportFeedback label {
    width: 100px;
    display: inline-block;
    text-indent: 0px; 
}

div#languageEditorContainer  div#importExportElements div.importExportFeedback div.status div, 
div#languageEditorContainer  div#importExportElements div.importExportFeedback div.updated div {
    display: inline;
}

div#languageEditorContainer  div#importExportElements div.importExportFeedback.error {
    background: url(/images/preflight_error_med.png) no-repeat left center;
}

span.languageEditStatusMessage {
    font-size: 16px;font-variant: small-caps; font-weight : bold; color : green;
    background: url('/images/preflight_ok_small.png') no-repeat left 4px;
    width: 120px; height: 24px;
    padding: 4px 2px 2px 24px; margin: 5px; line-height: 18px;
}

div#languageEditorContainer  div#additionalToolElements, div#additionalToolElements * {
    font-size: 12px;
}

div#languageEditorContainer  label {
    width:  120px;
    display: inline-block;
}

div#languageEditorContainer  div.languageSwitchBar select#languageContainerSwitcher {
    width: 120px;
    margin-right: 20px;
}





/*****************************************************User custom data mapping admin page ************************************/


.ui-autocomplete {
	z-index: 99999;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-menu-item{
	font-size: 0.7em;
}

#addMappingsDialog label{
	font-size: 0.8em;
}

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

#addMappingsDialog #mappingSelect{
	padding-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
}

#addMappingsDialog #userSelect{
	float: left;
}

#addMappingsDialog #addUserMappingButton{
	float: left;
}

#addMappingsDialog #feedback{
	float: left;
	color: red;
	font-size: 0.8em;
}

#addMappingsDialog .itemSelect{
	margin: 0px 10px 0px 10px;
	max-width: 200px;
}

#addMappingsDialog .itemSelect option{
	font-size: 0.8em;
}

#addMappingsDialog .itemSearch{
	margin: 0px 10px 0px 10px;
}

.customusersSelector .itemSelect{
	margin: 10px 10px 10px 10px;
	max-width: 200px;
}

.customusersSelector .itemSelect option{
	font-size: 0.8em;
}

.customusersSelector .itemSearch{
	margin: 10px 10px 10px 10px;
}

.customusersSelector label{
	font-size: 0.8em;
	font-weight: bold;
}

#addMappingsDialog #fileUploadReturnMessage #invalidRowsMessage{
	width: 100%;
}

#addMappingsDialog #fileuploaddetails{
	height: 90px;
}

/****  AddressSet CSS ****/
div.container div.googleAddressMapper {
	width : 1px; height : 1px; display: inline-block; }
div#deliveryaddressSetMap {
	width: 100%; height: 550px !important; padding : 0px; }
div#registrationFormDeliveryAddressDetails div#deliveryaddressSetMap, div#addressSetDetailsContainer div#deliveryaddressSetMap  {
	height: 0px !important;  }
.deliveryaddressSetCollection {
    font-size: 14px; margin-left: 40px; font-style: italic;}
.googleAddressMapper {
    width: 100%; height: 100%;} 
div#addressSetDetailsContainer table#dataTable {
    margin : 40px 0px 0px 0px; width : 100%; }
div#addressSetDetailsContainer table#dataTable td {
    font-size: 12px; padding: 4px;}
div#addressSetDetailsContainer table#dataTable th {
    font-size: 12px;text-align : left;padding: 4px; }
div#addressSetDetailsContainer div.row {
    margin : 4px; padding : 4px; }
div#addressSetDetailsContainer div.row.mapPlacement {
	margin : 0px 0px 600px 0px; }
div#addressSetDetailsContainer label {
    display : inline-block; width : 250px; font-size : 14px; }
div#addressSetDetailsContainer input[type='text'], div#addressSetDetailsContainer select, div#addressSetDetailsContainer textarea {
    padding : 4px; width : 280px; font-size : 14px}
form#detailsForm span {
	font-size : 14px;}	
tr.highlight {
	background : #e0e0e0;}	
div#addressSetDetailsContainer div.newAddressSelector {
    display: inline-block; margin-right: 25px; font-size: 12px; }
div#addressSetDetailsContainer div.newAddressSelector label {
    font-size: 12px; width : 95px; }
div#addressSetDetailsContainer div.newAddressSelector select {
    font-size: 12px; width : 300px; }
button.button.deleteEntry {
    background: url(/images/delete.png) no-repeat; border: 0px none; width: 24px; height: 24px;}
    
/**** Payment page *******************/

 div#paymentContainer #paymentIframe{
 	border-style: none; width: 100%;}
 	
div.paymentSection div.paymentOptionContainer {
    margin: 6px 0px;
}

div.paymentOptionContainer label {
    display : block;   
    padding : 10px;
    background : #f0f0f0;
    border : 1px solid #f0f0f0;
    border-radius : 20px 0px 0px 20px;
}

div.paymentOptionContainer.active label  {
    border : 1px solid #d0d0d0;
    background-color : #d0d0d0;
}

div.paymentOptionContainer div.actionContainer {
    margin : 0px 0px 0px 18px; 
    border : 1px solid #f0f0f0; 
    border-top : 0px none;
    padding : 20px;
    min-height : 300px;
    position : relative;
    border-radius : 0px 0px 20px 20px; 
}

div.paymentOptionContainer.active div.actionContainer  {
    border : 1px solid #d0d0d0;
    border-top : 0px none;
}

div.paymentOptionContainer div.actionContainer.loading {
	background : url('/images/loading-wait.gif') no-repeat center center;
	opacity : 0.75;
}

div.paymentOptionContainer div.actionContainer div.instructions {
	/*padding : 10px;*/
}

div.paymentOptionContainer div.actionContainer form.paymentForm button {
    position : absolute;
    bottom : 20px;
    right : 20px;
    background-color : #d0d0d0;
    color : white;
}


/**** Artwork Upload Component ****/
/*** Artwork Upload Component ***/
div.artworkUploadComponent *{
	color : #404040; 
}
div.artworkUploadComponent {
    min-height : 200px;
    border: 1px solid #e0e0e0;
    position : relative;
    text-align : left;
    padding : 12px;
    margin : 12px;
    color : #404040;
}
div.artworkUploadComponent div.details {
    margin-right : 280px;
}

div.artworkUploadComponent div.details div.text {
	margin : 12px 0px; font-style: italic;
}

div.artworkUploadComponent div.fileUploadRoot {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height : 100%;
    background: transparent;}

div.artworkUploadComponent div.fileUploadRoot div#loadingimage {
    position: absolute; width: 80%; top: 50%; left: 10%;
    padding: 20px; background: rgba(0, 0, 0, 0.5); border-radius: 5px;
    z-index : 11;
}

div.artworkUploadComponent div.fileUploadRoot form.dragAndDrop {
	width : 100%;	height : 100%;
	position: relative;
}
    
div.artworkUploadComponent:after {
    clear : both;
}
div.artworkUploadComponent div#fileuploadinput {
    border: 0px none; position : absolute; top : 60px;
    right : 0px;  width : 215px; 
}
div.artworkUploadComponent form.dragAndDrop div#fileuploadinput:before {
    position : relative;
}
div.artworkUploadComponent div.fileInputRow {
    left : 25px; top : 5px;
}
div.artworkUploadComponent #fileuploadinput div.fileInputInfoRow {
    display : none;
}
div.artworkUploadComponent div.optionFilterRoot *{
	font-size : 12px; 
}
div.artworkUploadComponent div.optionFilterRoot div.row {
	margin : 2px 5px; display : inline-block; width : 45%; 
}
div.artworkUploadComponent div.optionFilterRoot div.row:last-child {
	display : block; 
}

div.artworkUploadComponent div.optionFilterRoot label { 
	display : inline-block; width : 130px; 
}

div.artworkUploadComponent div.optionFilterRoot select {
	padding : 4px; width : 180px; 
}

div.artworkUploadComponent div.image {
	padding : 4px;
}

div.artworkUploadComponent div.image img {
	max-width : 100%;
	max-height : 100%;
}

/** Suggestions pop-up **/
div#artworkUploadComponentSuggestions {
    text-align : left;
}
div#artworkUploadComponentSuggestions *{
	color : #404040;
}

div#artworkUploadComponentSuggestions h4{
    margin : 4px auto; 
    text-align : center;
    border-bottom : 1px solid #e0e0e0;
    padding : 8px;
    font-size : 18px;
}

div#artworkUploadComponentSuggestions div.imgHolder {
	width : 160px; height : 160px; border : 1px solid #e0e0e0;
    padding : 4px; position : absolute;
}

div#artworkUploadComponentSuggestions img{
    max-width : 160px; max-height : 160px;  
}

div#artworkUploadComponentSuggestions  .fileDetail.suggestUrl {
    border-bottom : 1px solid #e0e0e0;
}

div#artworkUploadComponentSuggestions .suggestion {
	display : block; margin : 0px 4px; position : relative; height : 180px;
}

div#artworkUploadComponentSuggestions  .fileDetail.suggestUrl:hover {
	outline : 3px solid #E0E0FF;
}

div#artworkUploadComponentSuggestions  div.title {
    font-size : 14px;
    font-weight : bold;
    margin : 12px 0px 12px 190px;
    display : inline-block;
}

div#artworkUploadComponentSuggestions  div.suggestText {
    display : block;
    font-size : 12px;
    margin : 0px 0px 0px 190px;
}

div#artworkUploadComponentSuggestions  div.infoLink {
    width : 10px; height : 10px; 
    display : inline-block;
    padding : 4px 0px;    
} 

div#artworkUploadComponentSuggestions .suggestion:after{
    clear : both; content : ''; display : block;
}


div#artworkUploadComponentSuggestions div.suggestion div.buttonHolder {
	margin : 12px 0px; position : absolute; bottom : 0px; right : 10px; 
}

div#artworkUploadComponentSuggestions div.suggestion div.buttonHolder button {
	background-color: #e0e0e0; border : 1px solid #a0a0a0; width : 140px; margin : 0px 4px; font-size : 12px; 
}

/** Suggestions pop-up **/
div[aria-describedby='artworkUploadComponentSuggestions'].ui-dialog {
	width : 800px;	height : 600px;
}

/**** Criteria *******************/

#campaignContainer .criteriaLabel {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-weight: normal;
}

#campaignContainer .criteriaLabelDiv {
	display: flex;
    align-items: center;
    background-color: rgb(245,245,245);
}

#campaignContainer .criteriaRow{
    margin-bottom: 10px;
    display: flex;
    background-color: white;
    border: 1px solid lightgray;
}

#campaignContainer .criteriaSelector{
	padding: 10px 0;
}

#campaignContainer #fromAgeDiv {
	width: 10%;
	float:left;
}

#campaignContainer #toAgeDiv {
	width: 10%;
	float:right;
	text-align: right;
}

#campaignContainer .ageSelector {
	width: 79%;
	float:left;
	margin-top: 5px; 
}

#campaignContainer #step #stepNumber .square, #step #stepNumber .rect {
	background-color: #b5e7ff;
	display: inline-block;
	text-align: center;
}

#campaignContainer #step #stepNumber .square.active{
	background-color: #00ccff;
}

#campaignContainer #step #stepNumber .rect.active{
	background-color: #00ccff;
}

#campaignContainer #step #stepNumber .square{
	width: 43px;
    font-size: 20px;
    padding: 7px 0;
    border-radius: 50px;
}

#campaignContainer #step #stepNumber .rect{
	height: 10px;
	width: 36%;
	margin-right: -5px;
    margin-left: -5px;

}

#campaignContainer #step #stepText{
    margin: 15px 5%;
    font-weight: bold;
}

#campaignContainer #recipients{
	text-align: center;
    background-color: rgb(245,245,245);
    margin-bottom: 15px;
    padding: 15px 0;
    font-weight: bold;
    border: 1px solid lightgray;
    margin-right: 0px;
    margin-left:  0px;
}

#campaignContainer #buttonNext {
    text-align: center;
}

#campaignContainer .fieldLabel {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-weight: normal;
}

#campaignContainer .fieldLabelDiv {
	display: flex;
    align-items: center;
    background-color: rgb(245,245,245);
}

#campaignContainer .fieldRow {
    margin-bottom: 10px;
    display: flex;
    background-color: white;
    border: 1px solid lightgray;
}

#campaignContainer .customDataField {
	padding: 10px 0;
}

#campaignContainer .glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

#campaignContainer .title {
    margin: 15px 0px;
    text-align: center;
    font-size: 25px;
    color: grey;
    border: 1px solid #eaeaea;
    background-color: white;
}

#campaignContainer .locationSection {
	margin-top: 20px;
}

#campaignContainer .locationTableBody {
 	max-height: 200px;
 	overflow-y: scroll;
}

#campaignContainer .addLocationButton {
	float: right;
}

#campaignContainer button {
	margin-top: 5px;
}

#campaignContainer #previewSection {
	text-align: center;
	margin-bottom: 8px;
}

#campaignContainer #orderInfos{
	border:1px solid lightgrey;
	display: inline-block;
    width: 100%;
}

#campaignContainer #orderInfos .col-md-12{
	text-align: center;
	font-weight: bold;
	padding: 10px;
}

#campaignContainer #orderInfos .labels{
	padding-right: 0px; color: grey;
	text-align: right;
}

#campaignContainer .mainColumn hr{
	margin-top: 0px;
	display: block !important;
}


#campaignContainer .customDataFieldFeedback .valid {
	
}

#campaignContainer .error {
   border: 1px solid red;
}

#campaignContainer .feedbackSection {
   display: none;
}

#campaignContainer .errorFeedback {
   color: red;
   display: block;
}

#campaignContainer .infoSection {
   font-size: 12px;
   font-weight: bold;
}

#campaignContainer #campaignFileTemplateLinks{
	height: 70px;
}

#campaignContainer .templateFileType {
	display: block;
    text-align: center;
}

#campaignContainer .templateFileType .templateFileIcon {
    width: 25px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    display: block;
}

#campaignContainer .templateFileType #templateFileIconCsv {
	background:url(images/csvLogo.gif) no-repeat;
	padding: 5px 12px 5px 10px;
}

#campaignContainer .templateFileType #templateFileIconExcel {
	background:url(images/excelLogo.gif) no-repeat;
	padding: 5px 12px 5px 10px;	
}

#campaignContainer .templateFileType #templateFileIconExcelx {
	background:url(images/excelXLogo.gif) no-repeat;	
	padding: 5px 12px 5px 10px;
}

#campaignContainer .templateFileType .templateFileLabel {

}

#campaignContainer #campaignFileUploadSection{
	padding: 50px;
	border: 1px solid;
    border-radius: 10px;
    border-color: #F5F5F5;
    background-color: #F5F5F5;
    margin-bottom: 20px;
}


#campaignContainer #validationerrors{
    border-color: #F5F5F5;
    background-color: #F5F5F5;
    border-radius: 10px;
    height: 200px;
	font-size: 0.8em;
	display: inline-block;
	width:100%;
	margin-bottom: 20px;
}

#campaignContainer #validationerrorsinner{
	overflow-y: scroll;
    height: 180px;
    margin-top: 10px;
    margin-bottom: 10px;
}    	

#campaignContainer #campaignFileUpload{
	height:70px;
}

#campaignContainer #campaignFileUpload .dragAndDrop{

}

#campaignContainer #divider{
	height: 7px;
}

#campaignContainer #campaignFileDragAndDrop{

}

#campaignContainer #campaignFileDragAndDrop .dragAndDropIcon{
	background-image : url(images/draganddrop.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 70px;
	display: block;
}

#campaignContainer #campaignFileDragAndDrop .dragAndDropLabel{

}

#campaignContainer #campaignFileUploadResults{
	margin-bottom: 20px;
}

#campaignContainer #campaignFileUploadResults label{
	padding-right: 10px;
}

#campaignContainer .rowErrorHeading {
	display: inline;
}

#campaignContainer #shortLinkAddSection {
	margin-top: 20px;
}

#campaignContainer #addshortlinkfeedback {
	color: red;
}



/**** ReportSchedule CSS ****/
div#reportScheduleContainer div.row {
    margin : 4px; padding : 4px;
}
div#reportScheduleContainer label {
    display : inline-block; width : 250px; font-size : 14px; float : none; 
    margin : 0px; vertical-align: top; text-align: right; padding : 4px 4px 0px 0px;   
}

div#reportScheduleContainer input[type='text'],div#reportScheduleContainer input[type='number'],div#reportScheduleContainer input[type='email'], 
div#reportScheduleContainer select, div#reportScheduleContainer textarea {
    padding : 4px; width : 280px; font-size : 14px; border-radius : 3px; border-color: #d0d0d0;
}

div#reportScheduleContainer input.small {
	width : 72px; }

div#reportScheduleContainer div#reportFormFields select {
	width : auto; background-color: white; 
}

div#reportScheduleContainer div#reportFormFields>form>div {
	padding : 8px 0px; 
}

div#reportScheduleContainer form.formParameters {
    margin: 0px 8px;
}

div#reportScheduleContainer form.formParameters div.error label {
	color : red;
} 

div#reportScheduleContainer form.formParameters div.error button, 
div#reportScheduleContainer form.formParameters div.error input, 
div#reportScheduleContainer form.formParameters div.error select  {
	border-color : red;
} 

div#reportScheduleContainer form.formParameters .ui-selectmenu-button span.ui-selectmenu-text, 
div#reportScheduleContainer form.formParameters button.ui-multiselect span {
	font-size : 14px;
}

div#reportScheduleContainer form.formParameters button.ui-multiselect {
	padding : 4px 8px; 
}

div#reportScheduleContainer input[name='datePicker'] {
    vertical-align: top; 
}

div#reportScheduleContainer span.info {
	font-size : 12px; font-style: italic;
}

/************* Artwork Component Admin **************/
div#artworkUploadAdminContainer div.table *{
	font-size : 12px; color : #404040;
}

div#artworkUploadAdminContainer div.table span.td{
	padding : 6px 2px; 
}

div#artworkUploadAdminContainer div.pageTitle {
	margin : 12px 0px 0px 0px;
}

div#artworkUploadAdminContainer form#artworkUploadForm img {
    display : block; margin : 8px 0px 8px 180px;
    max-width : 100px; max-height : 100px;
    padding : 4px; border : 1px solid #e0e0e0;
}

div#artworkUploadAdminContainer button.delCatButton {
    display : none;
}
	
div#editSupplierExportsContainer input, div#editSupplierExportsContainer select {
	padding : 2px; width : 100px;  
}
div#editSupplierExportsContainer input[name=url] {
	width : 250px; 
}