/* global styles */

#truck #header h1 {
	background: #FFF url(../img/local/truck/esso-extras-logo-truck.png) no-repeat top left;
}

/* main nav */	

#truck #navigation {
	background: #565656 url(../img/local/truck/truck-main-nav-bg-off.png) repeat-x top left;

}
#truck #trnav {
	background: transparent url(../img/local/truck/nav-tr.gif) no-repeat center center;
}

#truck #brnav {
	background: transparent url(../img/local/truck/nav-br.gif) no-repeat center center;
}


/* central content area (excluding catalogue stuff) */

#truck #mainContentArea.enrol1 {
	background: transparent url(../img/local/enrolment-step-1-centre-green.jpg) no-repeat left top;
	padding: 15px 0 0 10px;
	width: 673px;
	height: 277px;
}

#truck .homePagePromo h2 a{
	color:#ffffff;
}

#contentarea li li a.trucklist:HOVER {
	color: #00B22A;
	background-image: url(../img/sitefurniture/green-arrow.gif);
}

/* left content area */

#truck #leftContentArea li a.currentsidenav,
#truck #leftContentArea li a.currentsidenav:VISITED {
	background: #693 url(../img/sitefurniture/navarrowgreen.gif) no-repeat right center;
}
#truck #leftContentArea h3 {
	font-size: 1.4em;
	margin-bottom: 0.5em;
	padding-top: 0;
	color: #666666;
}
#truck #leftContentArea h3.currentsection{
   color: #000000;
}
#truck #leftContentArea hr {
	margin: 12px 0 10px 0;
}


/* =======================================================
   ===================== typography ====================*/

#truck #loginbox p {
	color:#669933;
}
		
#truck a, #truck a:VISITED {
	color: #693;
}	
#truck h1.orangeheader, #truck #rightContentArea h1.orangeheader {
	background: #80A251 url(../img/local/truck/truck-nav-tile-off.png) repeat-x top left;
}
#truck h1.orangeheader a{
	color:#FFFFFF;
	text-decoration:none;
}

#truck #contactHelpLinks a, #truck #contactHelpLinks a:VISITED {
	text-decoration: none;
	color: #666;
}

#truck #contactHelpLinks a:hover {
	color: #693;
	text-decoration: underline;
}
#truck #mainnav a, #truck #mainnav a:visited{ color:#FFFFFF;}

#truck #mainnav a:HOVER, #truck #mainnav a.current, #truck #mainnav a.current:VISITED, #truck #mainnav a.current:HOVER {
	background: #111111 url(../img/local/truck/truck-main-nav-bg-on.png) repeat-x top left;
}
#truck #mainnav a.homeButton, #truck #mainnav a.homeButton:VISITED {
	background: #565656 url(../img/local/truck/truck-home-off.gif) no-repeat top left;
	border-left: none;
}
#truck #mainnav a.currentHome, #truck #mainnav a.currentHome:VISITED, #truck #mainnav a.currentHome:HOVER, #truck #mainnav a.homeButton:HOVER {
	background: #111111 url(../img/local/truck/truck-home-on.gif) no-repeat top left;
}


/* main content area */

#truck .homePagePromo h2 {
	background: #80A251 url(../img/local/truck/truck-nav-tile-off.png) repeat-x top left;
}

#truck .opened, #truck li.opened, #truck li.opened h4 {
	color:#00B22A;
	text-decoration:none;	
}

/* Catalogue Minus-Button (Added by HTEC) */
#truck .minus-button {
	background:transparent url(../img/catalogue/local/minus-button.gif) no-repeat scroll left top;
}

/* footer styles */

#truck #footer a,#truck #footer a:VISITED {
	text-decoration: none;
	color: #333;
	display: inline;
	font-size: 0.75em;
}