/*Travis Perkins specific */	
	/* general styles */
	*{
		padding: 0px;
		margin: 0px; 
		FONT-family: Helvetica,arial,tahoma,"sans serif";
	}
	
	body{
		background: url(/images/background.gif) repeat-y ;
	}
	
	legend{
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.9em;	
		color:#000000;
	}

	p{
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.8em;	
	}
		
	hr {
		color: #004731;
		width: 60%;
	}
	
	.tickbullet {
		list-style-image: url(tick.gif);
		list-style-position: outside;
		height: auto; 
		xline-height : 0;
	}	
	
	select {
		font-family:: Helvetica, Arial, sans-serif;
		font-size::1em;
	}
	
	.border { border:solid 3px #FFB300;} 		
	
	.text {
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.9em;	
	}
	
	.textHomePage {
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:1.3em;	
	}
	
	.normal-bold{
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.9em;	
		font-weight:bold;
	}
	
	.small-bold{
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.8em;	
		font-weight:bold;
	}

	.main-padding{
		PADDING-RIGHT: 10px;
		PADDING-LEFT: 10px;
	}
	
	.orderbar{
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY:  Helvetica, Arial, sans-serif;
		BACKGROUND-COLOR: #D9EFE5;
	}
	.titlebar{
		background-image: url(/images/GD-Title-Back3.jpg);
	}
	
	.clearer{
		clear:both; font-size:1px;
	}	
	
	
	/*LAYOUT STYLE*/
	.floatleftmenu {
		background-color:#ffffff;
		font-family:Helvetica,Arial,Sans-Serif;
		font-weight: bold;
		width: 230px;
		min-height:500px;
		height:auto !important;
		height:500px;
		padding:0px;
		float:left
	}
	
	.floatTPLogo {
		background-image:url("/images/tpheader.gif");
		width: 217px;
		height: 100px;
		float: left;
		cursor: hand !important;
		cursor: pointer !important;
		
	}
	
	.floatTopTitleHome {
		background-image:url("/images/homepage.jpg");
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width: 760px;
		height: 100px;
		float:left
	}
	.floatTopTitleInteresting {
		background-image:url("/images/interestingstuff.jpg");
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width: 760px;
		height: 100px;
		float:left
	}
	.floatTopTitleCulture {
		background-image:url("/images/ourculture.jpg");
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width: 760px;
		height: 100px;
		float:left
	}
	.floatTopTitleRewards {
		background-image:url("/images/rewards&benefits3.jpg");
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width: 760px;
		height: 100px;
		float:left
	}
	.floatTopTitleTraining {
		background-image:url("/images/trainingdevelopment.jpg");
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width: 760px;
		height: 100px;
		float:left
	}
	
	.floatTopTitleAbout {
		background-image:url("/images/aboutus.jpg");
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width: 760px;
		height: 100px;
		float:left
	}
	
	.floatmain {
		background-color:#ffffff;
		font-family:Helvetica,Arial,Sans-Serif;
		font-weight: bold;
		width: 745px;
		min-height:500px;
		height:auto !important;
		height:500px;
		float:left
		/*border:1px solid #666;
		overflow:auto;*/		
	}
	
	.floatTermsAndConditions {
		background-color:#ffffff;
		font-family:Helvetica,Arial,Sans-Serif;
		font-weight: bold;
		width: 760px;
		height:50px;
		position:absolute;
		top: 700px;
		left: 230px;
		z-index:2;
		/*border:1px solid #666;
		overflow:auto;*/		
	}
	
	
	DIV#container {
		MIN-HEIGHT: 100%; POSITION: relative;padding:0px;margin:0px;width: 996px;
	}
	
	* HTML DIV#container { /* hack for non-ie6*/
		HEIGHT: 100%
	}
	
	DIV#footer {
	 	BORDER-TOP: #004731 1px solid; 
		WIDTH: 996px; MARGIN:0px 0px 0px -39px; 
		POSITION: relative; 
		color:#000000;
		float:left;
		text-align:right
	}
	DIV#footer P {
	 	PADDING-RIGHT: 1em; 
		PADDING-LEFT: 1em; 
		PADDING-BOTTOM: 1em; 
		MARGIN: 0px; 
		PADDING-TOP: 1em; 
		color:#000000; 
		font-size:.8em
	}
	* HTML #footer { /* hack for non-ie6*/
		MARGIN-TOP: -57px
	}



	/*LEFT MENU STYLES*/
	.treeview {
		margin:0px; padding:0px
	}

	.treeview ul{ /*CSS for Simple Tree Menu*/
		margin: 0;
		padding: 0;
	}
	
	.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
		/*background: white no-repeat left center;*/
		background: white url(/images/list.gif) no-repeat;
		list-style-type: none;
		padding-left: 22px;
		font-family:Helvetica,arial,tahoma,"sans serif";
		font-size:1em;
		margin-bottom: 0px;
		padding-bottom:0px;
		padding-top:0px;
	}
	
	.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
		list-style-type: none;
		color:#ffffff;
		background: white url(/images/menuClosed.gif) no-repeat;
		width:217px;
		padding-top:10px;
		padding-bottom:5px;
		padding-left:30px;
		cursor: hand !important;
		cursor: pointer !important;
		height:auto !important;
		clear:both			
	}
		
	.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
		font-size:0.75em;
		padding-top:15px;
		color:#000000;
		padding-bottom:10px;
		display: none; /*Hide them by default. Don't delete. */
	}
	
	.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
		padding-top:0px;
		padding-bottom:0px;
		cursor: hand !important;
		cursor: pointer !important;
		clear:both
	}
	
	.treeview li A{ /*Style for LI anchor (excludes an LI that contains sub lists)*/	
		text-decoration:none;
		color:#000000
	}
	.treeview li A:hover{ /*Style for LI anchor (excludes an LI that contains sub lists)*/
		text-decoration:none;
		color:#000000
	}
	.treeview li A:visited{
		text-decoration:none;
		color:#000000;
	}

	.menuOpened
	{
		background-image:url("/images/menuOpened.gif");	
		width:217px; 
		height:39px; 
		cursor:hand;
		border:1px solid #666;
		color:#FFFFFF;		
	}
	
	.menuClosed
	{
		background-image:url("/images/menuClosed.gif");	
		width:217px; 
		height:39px; 
		cursor:hand;
		border:1px solid #666;
		color:#FFFFFF;	
	}
	
	.menuBottom
	{
		background-image:url(/images/menuBottom.gif); 
		background-repeat: no-repeat; 
		height:12px; 
		width:217px; 
	}

	/* title styles*/

	.contentTitle{
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 10px;
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 10px;
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		FONT-WEIGHT: bold;
		background-image:url(/images/titleLining.jpg);
		background-repeat:no-repeat;
	}
	
	.topTitle{
		color:#004731; 
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		font-size:18px; 
		font-weight:bold; 
		padding-left:10px;
		padding-top:66px;
	}
	
	/* menu styles*/
	
	.menu-header{
		BORDER-TOP: #BBD9CB 2px solid;
		BORDER-LEFT: #BBD9CB 2px solid;
		BORDER-RIGHT: #BBD9CB 2px solid;
		PADDING-TOP: 0px;
		PADDING-LEFT: 5px;
		PADDING-RIGHT: 5px;
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY:  Helvetica, Arial, sans-serif;
		BACKGROUND-COLOR: #BBD9CB;
		FONT-WEIGHT: bold;
	}
	.menu-content{
		BORDER-TOP: #97C9B2 2px solid;
		BORDER-BOTTOM: #97C9B2 2px solid;
		BORDER-LEFT: #97C9B2 2px solid;
		BORDER-RIGHT: #97C9B2 2px solid;
		PADDING-TOP: 5px;
		PADDING-BOTTOM: 5px;
		PADDING-RIGHT: 5px;
		PADDING-LEFT: 5px;
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY:  Helvetica, Arial, sans-serif;
		BACKGROUND-COLOR: #FFFFFF;
	}
	.menu-header-HD{
		BORDER-TOP: #A4A5E5 2px solid;
		BORDER-LEFT: #A4A5E5 2px solid;
		BORDER-RIGHT: #A4A5E5 2px solid;
		PADDING-TOP: 0px;
		PADDING-LEFT: 5px;
		PADDING-RIGHT: 5px;
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica,Arial,  sans-serif;
		BACKGROUND-COLOR: #A4A5E5;
		FONT-WEIGHT: bold;
	}
	.menu-content-HD{
		BORDER-TOP: #8A8BD0 2px solid;
		BORDER-BOTTOM: #8A8BD0 2px solid;
		BORDER-LEFT: #8A8BD0 2px solid;
		BORDER-RIGHT: #8A8BD0 2px solid;
		PADDING-TOP: 5px;
		PADDING-BOTTOM: 5px;
		PADDING-RIGHT: 5px;
		PADDING-LEFT: 5px;
		FONT-SIZE: 1em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica,Arial,  sans-serif;
		BACKGROUND-COLOR: #FFFFFF;
	}
	
	/* Anchor Styles*/
	
	a:link{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	
	}
	a:visited{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	
	}
	a:active{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	
	}
	a:hover{
		color: #000000;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	
	}
	a.Menu:link{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
	}
	a.Menu:visited{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
	}
	a.Menu:active{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
	}
	a.Menu:hover{
		color: #97C9B2;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
	}
	a.Terms:link{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
	}
	a.Terms:visited{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
	}
	a.Terms:active{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
	}
	a.Terms:hover{
		color: #97C9B2;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
	}
	a.ProdExtra:link{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
	}
	a.ProdExtra:visited{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
	}
	a.ProdExtra:active{
		color: #000000;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
	}
	a.ProdExtra:hover{
		color: #000000;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
	}
	
	/* button styles */

	.button1 {
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		font-size:1em;
		color: Black;
		font-weight: bold;
		background-color: #BBD9CB;
	}
	.button2 {
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		font-size:1em;
		color: Black;
		font-weight: bold;
		background-color: #BBD9CB;
	}
	.button-hidden {
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		font-size: 1em;
		color: #FFFFFF;
		background-color: #FFFFFF;
		BORDER-BOTTOM: #FFFFFF 1px solid;
		BORDER-LEFT: #FFFFFF 1px solid;
		BORDER-RIGHT: #FFFFFF 1px solid;
		BORDER-TOP: #FFFFFF 1px solid;
	}
	.HDbutton1 {
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		font-size:1em;
		color: Black;
		font-weight: bold;
		background-color: #A4A5E5
	}

	/* image styles*/

	image.outline {
		BORDER: #000000 2px solid;
	}
	image.outline2 {
		BORDER: #000000 1px solid;
	}

	.factimage1 {
		background-image: url(VehicleShot.jpg); 
		width: 300px;
		height:201px;
		background-repeat: no-repeat;
		float: left;
	    margin: 0 18px 0 0; /* use this for top and left position */
	    padding: 0 26px 0 0; /* R shoves text away */
	
	}
	
	.factimage2 {
		background-image: url(TPBranchInternalCustomer.jpg); 
		width: 200px;
		height:266px;
		background-repeat: no-repeat;
		float: right;
		position : relative;
	    margin: 0 0 0 0; /* use this for top and left position */
	    padding: 0 26px 0 0; /* R shoves text away */
	}
	
	.factimage3 {
		background-image: url(KLCounter2.jpg); 
		width: 300px;
		height:202px;
		background-repeat: no-repeat;
		float: left;
		position : relative;
	    margin: 0 18px 0 0; /* use this for top and left position */
	    padding: 0 26px 0 0; /* R shoves text away */
	}
	
	.factimage4 {
		background-image: url(CCFWarehouse3.jpg); 
		width: 300px;
		height:225px;
		background-repeat: no-repeat;
		float: right;
		position : relative;
	    margin: 0 0 0 0; /* use this for top and left position */
	    padding: 0 26px 0 0; /* R shoves text away */
	}
	
	.ceoimage {
		background-image: url(/images/JohnCarter.jpg); 
		width: 300px;
		height:229px;
		background-repeat: no-repeat;
		float: right;
	    margin: 0 0 0 10px; /* use this for top and left position */
	    padding: 0 0 0 0; /* R shoves text away */
	}
	
	/* table styles */

	td{
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:0.8em;	
	}

	.product-list-table-header{
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 3px;
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 3px;
		FONT-SIZE: 0.8em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica, Arial, sans-serif;
		FONT-WEIGHT: bold;
		BACKGROUND-COLOR: #97C9B2;
	}
	.product-list-table-data-left{
	
		BORDER-LEFT: #97C9B2 2px solid;
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 1px;
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 2px;
		FONT-SIZE: 0.8em;
		COLOR: #000000;
		FONT-FAMILY:  Helvetica, Arial, sans-serif;
	}
	.product-list-table-data-mid{
	
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 1px;
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 2px;
		FONT-SIZE: 0.8em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica, Arial, sans-serif;
	}
	.product-list-table-data-right{
	
		BORDER-RIGHT: #97C9B2 2px solid;
		PADDING-TOP: 1px;
		PADDING-BOTTOM: 1px;
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 2px;
		FONT-SIZE: 0.8em;
		COLOR: #000000;
		FONT-FAMILY: Helvetica, Arial,  sans-serif;
	}
	.product-list-table-data-bottom{
		BORDER-TOP: #97C9B2 2px solid;
		FONT-SIZE: 0.8em;
		COLOR: #000000;
		FONT-FAMILY:Helvetica,  Arial,  sans-serif;
	}
	.RotateRow1{
		BACKGROUND-COLOR: #FFFFFF
	}
	.RotateRow2{
		BACKGROUND-COLOR: #D6EAE0
	}

/* NOW WE CAN SPECIFY STYLES HERE */
/* JOB-BOARD SPECIFIC */
#kaonixCell {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	background-color:#ffffff;
	font-family:Helvetica,Arial,Sans-Serif;
	min-height:500px;
	font-size: 1em;
	height:auto !important;
	height:500px;
	float:left;
  font-weight: normal;
	/*border:1px solid #666;
	overflow:auto;*/
}
#kaonixCell ul {
	padding: 0px 0px 0px 20px;
}
#kaonixCell ul li { padding: 0px 0px 10px 0px; font-size: 0.9em; }
#kaonixCell ul li ul li { padding-bottom: 10px; font-size: 0.9em; }
#kaonixCell ul .liNoPadding { padding-bottom: 5px; font-size: 0.9em; }
#kaonixCell .liIndent { padding: 0px 0 5px 0; font-size: 1em; }

#kaonixCell td ul li { padding: 0px 0px 10px 0px; font-size: 0.9em;  }
#kaonixCell H1 {
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 25px;
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 10px;
	font-size: 1em;
	COLOR: #000000;
	FONT-FAMILY: Helvetica, Arial, sans-serif;
	FONT-WEIGHT: bold;
	background-image:url(/images/titleLining.jpg);
	background-repeat:no-repeat;
}

#kaonixCell H2 {
	margin-top: 10px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 20px;
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 10px;
	COLOR: #000000;
	font-size: 1em;
	FONT-FAMILY: Helvetica, Arial, sans-serif;
	FONT-WEIGHT: bold;
	background-image:url(/images/titleLining.jpg);
	background-repeat:no-repeat;
}

#latestjobs { padding: 0px; border-collapse: collapse; width: 100%; }
#latestjobs td { padding: 5px 5px 0px 10px; vertical-align: top; color:#000000; }

.oddRow {
	BACKGROUND-COLOR: #FFFFFF;
}

.evenRow {
	BACKGROUND-COLOR: #D6EAE0;
}
.datatable { padding: 0px; border-collapse: collapse; width: 100%; }
.dataheader { 
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 3px;
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 3px;
	FONT-SIZE: 0.8em;
	text-align: left;
	COLOR: #000000;
	FONT-FAMILY: Helvetica, Arial, sans-serif;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #97C9B2;
}
.datacell { padding-top: 3px; padding-right: 3px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; vertical-align: top; }
.datacellmiddle { padding-top: 3px; padding-right: 3px; vertical-align: top; }

/*td p {
	font-size: 0.9em;
}*/
p {
	padding : 5px 0px 5px 0px;
}

p.nospace, p.content, p.contentright  {
	font-size: 0.9em;
}

p.nospace, p.content {
	text-align: justify;
}

p.contentright {
	text-align: right;
}

p.nospace {
	padding : 0px;
}

.fieldcell p {
	font-size: 0.9em;
}
.csbutton {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1em;
	color: Black;
	font-weight: bold;
	background-color: #bbd9cb;
}

.categorylist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	width: auto;
}

.formtable { width: 95%; }
.labelcell { vertical-align: top; font-weight: bold; font-size: 0.8em; }
#kaonixCell label { font-size: 0.9em;}
.fieldcell { vertical-align: top; }
.fielddividercell { vertical-align: top; border-bottom: 1px solid #cccccc; }
.dividercell { line-height: 10px; border: 0px; border-top: 1px solid #cccccc; }

.questiontable { padding: 0px; border-collapse: collapse; width: 100%; }
.questionlabel { padding-top: 10px; padding-bottom: 10px;}
.subquestionlabel { padding-top: 10px; padding-bottom: 10px;}

.required { font-weight: bold; color: Red; }
.small { font-weight: normal; font-size: 0.7em;}
.smalltext { font-weight: normal; font-size: 0.9em;}
.redbold { font-weight: bold; color: Red; }
.errormessage { background-color: #ffcccc; }

.headeralignleft { font-style : normal; font-weight : bold; color : #000000; text-align : left; }
.mycvtop { font-weight : bold; font-style : normal; vertical-align: text-bottom; text-align : right; background-color : #FFFFCC; }
.mycvheaderlarge { font-weight : bold; font-style : normal; vertical-align: bottom; text-align : left; }
.mycvheaderbld { font-weight : bold; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvheadermed { font-weight : normal; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvheadersmlrt { font-weight : bold; font-style : normal; vertical-align: text-top; text-align : right; }
.mycvhdrsmlltnorm { font-weight : normal; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvhdrsmlrtnorm { font-weight : normal; font-style : normal; vertical-align: text-top; text-align : right; }
.mycvheadersmllt { font-weight : bold; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvtextjust { font-style : normal; font-weight : normal; text-align: justify; vertical-align: text-top; }
.mycvtext { font-style : normal; font-weight : normal; text-align: right; vertical-align: text-top; }
.mycvpage { background-color : #999999; margin-left : 0; margin-right : 0; margin-top : 0; margin-bottom : 0; margin : 0; padding-left : 0; padding-right : 0; padding-top : 0; padding-bottom : 0; padding : 0; }
.whitetext {font-style : normal; color : #ffffff; text-align : justify; }