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

    Initialise

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

* 
{
    padding: 0;
    margin: 0;
}

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

    General rules

************************************/
html
{
	height: 100%;
	margin-bottom: 1px;
}

body 
{
    border:			0;
    font-size:		90%;
    font-family:	arial, helvetica, sans-serif;
    color:			#333333;
    background-color: #ffffff;
	height: 100%;
	margin-bottom: 1px;
}

img
{
	border: 0;
}

textarea
{
	font-family: Arial;
	font-size: 100%;
}

td
{
	vertical-align: top;
}

a:link, a:visited, a:hover, a:active
{
	color: #00592d;
	text-decoration: none;
}

	a:hover, a:active
	{
		text-decoration: underline;
	}
	
p.clear 
{
    clear: both;
    font-size: 1px;
    margin: 0;
    padding: 0;
}

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

    Main div

************************************/
#main
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

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

    Header

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

#header 
{
}

#header #logo 
{
    float: left;
    margin-top: 15px;
}

#header #logo p
{
    text-align:		center;
    margin-top:		10px;
    font-size:		0.75em;
    font-weight:	bold;
}

#header #topNav 
{
    position:			relative;
    height:				95px;
    margin-left:		250px;
    background-color:	#00592d;
    border-bottom:		10px solid #f6dc01;    
    font-size:			0.85em;
}

#header #topNav ul 
{
    position: absolute;
    bottom: 0;
    margin-left: 15px;
    list-style-type: none;
}

#header #topNav ul li
{
    vertical-align: bottom;
    float: left;
    /*background: url(images/bg_TopMenu_Li.gif) no-repeat bottom right;*/
    height: 63px;
    /*margin-bottom: 10px;*/
    font-size: 1.0em;
    font-family: "Lucida Console", "Andale Mono", monospace;
    
}


#header #topNav ul li span.NavHome a
{    
    background-image: url(images/TopMenu/Home.gif);    
    width: 46px;
}

#header #topNav ul li span.NavCompanyProfile a
{    
    background-image: url(images/TopMenu/CompanyProfile.gif);    
    width: 132px;
}

#header #topNav ul li span.NavRoadsafety a
{    
    background-image: url(images/TopMenu/RoadSafety.gif);    
    width: 104px;
}

#header #topNav ul li span.NavTrafficandParking a
{    
    background-image: url(images/TopMenu/TrafficAndParking.gif);    
    width: 157px;
}

#header #topNav ul li span.NavNews a
{    
    background-image: url(images/TopMenu/News.gif);    
    width: 49px;
}

#header #topNav ul li span.NavDownloads a
{    
    background-image: url(images/TopMenu/Downloads.gif);
    width: 91px;
}

#header #topNav ul li span.NavContactus a
{    
    background-image: url(images/TopMenu/ContactUs.gif);
    width: 88px;
}

#header #topNav ul li span span 
{
   display: none;
}

#header #topNav ul li a 
{
    display: block;
    height: 63px;
    background-position: bottom;
}

#header #topNav ul li span a.pink, #header #topNav ul li span a:hover
{
    background-position: top;
}

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

    Left

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

#left 
{
    clear: left;
    float: left;
    width: 240px;    
    padding-right: 10px;
    padding-top: 10px;
}



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

    Content

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

#content 
{
    margin-left: 250px;
    padding: 10px 0px;
    font-size: 0.8em;
    width: 655px;
}

#content.padded 
{
    padding: 30px 20px 0 25px;
}

#content table 
{
    margin-top: 15px;
}

#content h1
{
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 2.15em;
    font-family: "Lucida Console", "Andale Mono", monospace;    
}

#content ul
{
	margin: 0; padding: 0; border: 0;
	margin-left: 15px;
	list-style-image: url(images/bullet.gif);
	margin-bottom: 6px;
}

#content p, #content h2
{
    margin-bottom: 15px;
}

#content #leftColumn
{
    width: 290px;
    padding: 5px 15px 0 15px;
    margin-top: 15px;
    float: left;
}

#content #rightColumn
{
	width: 290px;
    float: right;
    padding: 5px 5px 0 0px;
    margin-top: 15px;
}

a.eNewsLetter
{
    display:			block;
    background: 		#1d44a0 url(images/BlueArrow.gif) no-repeat 5px 5px;
    margin:				0 auto;    
    padding-left:		40px;
    padding-right:		10px;
    padding-top:		12px;
    height:				27px;
    color:				#ffffff;
    text-decoration:	none;        
    font-weight:		bold;
}

a.eNewsLetter:hover
{
    background: 		#596F9F url(images/BlueArrow.gif) no-repeat 5px 5px;
}
	



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

    Footer

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

#footer 
{
    clear: both;
    background: #000000;
    color: #ffffff;
    font-size: 0.8em;    
    
}

#footer p 
{
    text-align: center;
    letter-spacing: 1px;
    padding-top: 2px;
    padding-bottom: 3px;
}

#footer .bullet 
{
    color: #f6dc01;
    font-size: 2em;
    vertical-align: middle;
    margin: 0 10px 0 9px;
}


.reqField
{
	color: #00592d;
	font-weight: bold;
}	

/*-- main content container --*//*
#contentContainer
{
	clear: both;
	width: 100%;
	overflow: hidden;
}
	/*-- main content container / left column --*//*
	#contentContainer #ccLeft
	{
		float: left;
		width: 253px;
		background-color: white;
		padding: 4px 4px;
		background-image: url("images/leftNavBackground.gif");
		background-repeat: repeat-y;
		padding-bottom: 500px;
		margin-bottom: -500px;
	}
	

	
	/*-- main content container / middle column --*//*
	#contentContainer #ccMiddle
	{
		float: left;
		width: 710px;
		padding: 0px 0px;
		background-color: white;
	}

	#ccPageContent
	{
		margin-left: 22px;
	}
	
	#ccPageContentNarrow
	{
		width: 500px;
		float: left;
	}

#footer
{
	clear:				both;
	background-color:	white;
	margin-top: 15px;
	font-size: 75%;
}


/* ------ class based styles ------ *//*

.red
{
	color: Red;
}
.bold
{
	font-weight: bold;
}

.siteButton
{
	border: solid 1px #999999;
	background: #666666;
	color: White;
	padding: 2px;
	margin: 2px;
	text-decoration: none;
}

.grey
{
	color: #666666;
}
.pink
{
	color: #ff3399;
}

.paddingTop
{
	padding-top: 5px;
}

	/* CSS hacks to get around the minimum height idea in a cross browser (albeit icky) way *//*
	.minHeight			{	float: right;	width: 1px;	height: 265px;  }
	* html .minHeight	{	float: right;	width: 1px;	height: 230px;	}

/* ------ TOP MENU STUFF ------ *//*
@import "css/mainMenu.css";

/* ------ ADMIN STUFF ------ *//*
@import "css/admin.css";

/* ------ FIELDSETS ------ *//*
@import "css/fieldsets.css";

/* ------ Component Art ----- *//*
@import "css/componentart.css";

/* ------ Grid View ----- *//*
@import "css/gridView.css";



/* ------ BASKET STYLES ----- *//*
@import "css/basket.css";

/* ------ SEARCH BOX/RESULTS ----- *//*
@import "css/search.css";

/* ------ SEARCH BOX/RESULTS ----- *//*
@import "css/customer.css";


/* ------ Lightbox ------ *//*
@import "css/lightbox.css";
*/
/* ------ Shop ------ */
@import "css/shop.css";

/* ------ Case Studies ------ */
@import "css/CaseStudy.css";

/* ------ Offers ------ */
@import "css/Offers.css";

/* ------ USER STYLES ----- */
@import "css/UserStyles.css";