@import url("/base.css");
/* PEP 4.2+ Stylesheet for Advanced Browsers (IE4-6, NN6)
/* The General Background */

body {

     BACKGROUND-COLOR: white !important; 
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
     COLOR: black !important;  
     MARGIN-LEFT: 5px !important; 
     MARGIN-RIGHT: 5px !important;
     BACKGROUND: white !important; 
}

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

.container {
  border : 0px none black !important;
  background-color : transparent !important;
}

.content {
  border-top : none 0px black !important;
  background-color : transparent !important;
}

.header {
    height: 120px;
	background-color: rgb(255, 255, 255) !important;
}

.headerLogo {
    width: 100% !important;
	height: 100% !important;
    background: url('custom/contract293/LogoLeft.jpg') no-repeat 0% 0%;
    background-size: contain;
}

.headerLogo img{
    display: none;
    
}

.headerMiddle {
    width: 360px !important;
    display: none;
}

.headerSecondaryLogo {
    width :300px !important;
    margin:0 !important;
	display: none;
}

.leftColumn hr {
	display: none !important;
}

.mainColumn {
  width : 80% !important;	
  border-left : 1px #B3B3B3 solid !important;
}

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

.menu {
	margin: 0px; padding: 0px; 
	width: 100%; 	
	border-bottom : 0.0em black white;
    border-top : 0.1em black white;
	
}

.menu table {
    margin: 0px;
    padding: 0px;
    width: 100%;
	height:45px;
    background-color: rgb( 255, 102, 0);
    border-spacing: 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 a, .menu table tr td a:link, .menu table tr td a:visited {
	text-align:center;
	padding-left : 0.5em;
	padding-right : 0.5em;
	color: white !important;
	font-weight: bold;
	font-size: 0.8em;
}

.menu table a {
    display:block;
    height:auto;
    padding:10px;
}

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


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


.datatable td {
	font-size: 0.7em !important;
  	color : #404040 !important;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif !important;  

}

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

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

.datatable th {
	font-size: 0.7em !important;
	color: white !important;
	background:url(/custom/contract293/TNTTableHead.jpg) repeat right bottom !important;
	background-color : #ff6600 !important;
	text-align: center !important;
	height:20px !important;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
	border : 1px solid #B3B3B3 !important;
}

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

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

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

  .submitButton {
	 font-size: 0.65em !important;
	 background-color:transparent !important;
	 color: white !important;
	 width : 112px !important;  
	 height : 25px !important;
	 font-weight: bold !important;
	 background-image: url(/custom/contract293/TNT_BigButton.gif) !important;
     cursor : pointer !important;
	 border : 0 solid #666666 !important;
	 margin: 1px !important;
  }
 
  .leftColumn .submitButton {
     font-size: 0.65em !important;
	 background-color:transparent !important;
	 color: white !important;
	 width : 40px !important; 
	 height : 25px !important;
	 font-weight: bold !important;
	 background-image: url(/custom/contract293/TNT_SmallButton.gif) !important;
	 background-repeat: no-repeat !important;
	 border : 0 solid #666666 !important; 
	 cursor : pointer !important;
  }
 
  .button {
     font-size: 0.65em !important;
     background-color:transparent !important;
	 color: white !important;
	 width : 112px !important; 
	 height : 25px !important;
	 font-weight: bold !important;
	 background-image: url(/custom/contract293/TNT_BigButton.gif) !important;
     cursor : pointer !important;
	 border : 0 solid #666666 !important;
  }

.button:hover {
    color:white !important;
    border : 1px solid #fd0000 !important;
    cursor:pointer !important; 
}

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


.bigbutton {

}
 
 
/************************************************************ LINKS **************************************************************/
 
a:link{
	text-decoration : none !important;
	color: black !important;
}

a:visited {
	text-decoration : none !important;
	color: black !important;
}

a:hover{
	COLOR: #ff6600 !important;
	text-decoration : underline !important;
	cursor: pointer !important;
}
 
 

/**************************************************** PAGE NAVIGATION, TITLES ************************************************/
.pageHeadingTitle {
  	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
	color: black !important;
	font-size : 0.8em !important;
	text-transform: uppercase !important;
}

.pageNavLink {
	color: black !important;
}

.pageTitle {
	font-weight : bold !important;
	font-size : 0.8em !important;
	text-transform: uppercase !important;
	color: black !important;
  	text-align : center !important; 
}

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

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


.pricebreakstable th {
	font-size: 0.7em !important;
	color: white !important;
	background:url(/custom/contract293/TNTTableHead.jpg) repeat right bottom !important;
	text-align: center !important;
	height:20px !important;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
	border : 1px solid #B3B3B3 !important;
}

.homeContainer .mainColumnSection1 {
  text-align : center !important;	
}

#DeliveryAddressRow label, #InvoiceAddressRow label {
  height : 25px !important;
  padding-top : 5px !important; 	
}	

#DeliveryAddressRow .button, #InvoiceAddressRow .button {
  margin-top : 0px !important;
}

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


.componentItem.htmlComponent h4{
display: none !important;
padding: 0 !important;
margin: 0 0 10px 0 !important;
}

/************************************************************** LOGIN PAGE - INDEX.JSP *******************************************************************/
 

#loginPageContainer .button{

		 font-size: 0.65em !important;
		 background-color:transparent !important;
		 color: white !important;
		 width : 112px !important; 
		 height : 25px !important;
		 font-weight: bold !important;
		 background-image: url(/custom/contract293/TNT_BigButton.gif) !important;
	     cursor : pointer !important;
		 border : 0 solid #666666 !important;
		 margin: 1px !important;
}

#loginPageContainer input.textInput {
		 width : 112px !important;   	
}

#loginPageContainer {
	background-color:transparent !important;
	border : 0px none white !important;
	width: 100% !important;
} 



#loginPageContainer #BodyTable {
/*	padding-top: 70px !important;*/
	background-color:transparent !important;
} 



#loginPageContainer #maintable {
    background-color:transparent !important;
}

#loginPageContainer .leftColumnSection1 {
  margin-left : 12px !important;	
}

#loginPageContainer .mainColumnSection3 {
  padding-bottom : 2em !important;	
}

#loginPageContainer .menu {
	height: 3em;
    background-color: rgb( 255, 102, 0);
}

#loginPageContainer hr {
	display:none !important;
}

#loginPageContainer .vertline {
	display:none !important;
}

#loginPageContainer .sblink{
	font-size: 0.6em !important;
}

#loginPageContainer .message{
        font-size: 0.7em;
	color: red !important;
}

#loginPageContainer  .content {
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	position: relative;
}

#loginPageContainer .mainColumn {
  width : 50% !important;
}

#loginPageContainer .leftColumn {
  width : 150px !important;	
}