/* CSS Document */

/*	Global	
---------------------------------------------------------------------------------------------------------------------------*/

a:link, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; color: #4f2f9c; } 
a:hover, a:active {
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #4f2f9c; } 
a
{
  outline: none;
}
h1 {font-size : 19px; font-weight: normal; color: #00DEFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } 

h2 {
	color: #f29d00;
	font-size: 19px;
	margin: 10px 10px 0px 0px;	
	width: 200px;
	display: inline;
}

h3 {
	color: #f29d00;
	font-size: 13px;
	margin: 0px 0px 0px 10px;	
}


h4 {
	color: #f29d00;
	font-size: 18px;
	margin: 20px 0px 20px 0px;
	display: inline;	
}

h5 {
	color: #f29d00;
	font-size: 12px;
	margin: 10px 10px 10px 10px;	
}

h6 {font-size : 11px; font-weight: normal; } 

html , body { font-size: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  } 



/*	Top Level Container (Logo Etc)
---------------------------------------------------------------------------------------------------------------------------*/

#top_container {
	width: 774px;
	height: 104px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	background: url(/img/layout/header_bg.jpg) top left repeat;
}


#logo_container {
	width: 264px;
	height: 85px;
	float: left;
	padding: 19px 0px 0px 0px;
}

#orange_bar {
	width: 774px;
	height: 8px;
	padding: 0px 0px 0px 0px;
	background-color: #f29d00;
	margin-left: auto;
	margin-right: auto;
}





/*	Home Flash Container
---------------------------------------------------------------------------------------------------------------------------*/


#home_flash_container {
	width: 774px;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	padding: 7px 0px 8px 0px;
}



/*	Main Content Area
---------------------------------------------------------------------------------------------------------------------------*/

#container_main_content {
	width: 774px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}




/*	Specialist Product Sectors Area
---------------------------------------------------------------------------------------------------------------------------*/



#specialist_container {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 525px;
	height: 100%;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	line-height: 130%;
}

	

#products ul {
        list-style-type: none;
        width: 525px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
} 

#products li {
        clear: both;
        display: block;
        border: none;
        margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}

#products li a { 
        color: #f29d00;
        display: block;
        font: bold 120% Verdana, Helvetica, sans-serif;
        padding: 5px 0px 10px 0px;
        text-decoration: none;
		margin: 0px 0px 0px 0px;
}

 * html #products li a {  /* make hover effect work in IE */
	width: 525px;
}

#products li a:hover {
    background: none;
}

.prod_thumb{
	display:block; 
	float:left; 
	text-align:center; 
	width:120px; 
	height:60px;
}
.prod_thumb img{
	border:0;
}

#products a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
		width: 525px;
		padding: 5px 0px 5px 0px;
}

#products a span {
        color: #666666;
        font: normal 80% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}


#products img {
		float: left;
		padding:1px;
		margin: 0px 5px 0px 0px;
		border: 0;
}




/*	Featured Product Area
---------------------------------------------------------------------------------------------------------------------------*/



#featured_product_container {
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
	width: 505px;
	height: 100%;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	line-height: 130%;
	background: url(/img/home/featured_product_bg.jpg) top right no-repeat;
	background-color: #eaf1f4;
    border: 1px dotted #1856a2;
    border-width: 1px 0;
}
#featured_product_container h2{
	font-size: 19px;
}
/*	Newsfeed & Search Container
---------------------------------------------------------------------------------------------------------------------------*/


#news_search_container {
	width: 241px;
	height: 400px;	
	padding: 0px 0px 0px 0px;
	float: right;

}


/*	Newsfeed Section
---------------------------------------------------------------------------------------------------------------------------*/


#newsfeed{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	width: 241px;
	height: 320px;
	background-color: #dcddde;
	float: right;
	margin-bottom:5px;
}

#newsfeed_top{
	background: url(/img/news/latest_news_hd.jpg) no-repeat; 
	width: 241px;
	height: 24px;
}

#newsfeed li{
	font-size:80%;
}

#newsfeed h2{
	padding:5px;
}
#newsfeed a{
	color:#4f2f9c;
	font-weight:bold;
}
#newsfeed img{
	float:left;
	padding:2px;
	border:1px solid #f29d00;
}
.newsfeed_title{
	display:block; 
	font-weight:bold;
}
#newsfeed p{
	padding:0px;
	margin:10px 5px;
	min-height:100px;
	_height:100px;
	border-top:1px dotted white;
}* html #newsfeed p { height:80px; } /* required by ie6 - doesnt know min-height, but height works in a similar way, however height would break the other browsers */
#newsfeed p a{
	float:right;
}
#newsfeed_bottom{
	width: 241px;
	height: 3px;
	float:right;
}
#container_main_centre_bg{
	_margin-top:-10px;//fixes a random 10px gap produced by ie
}


/*	Waterline Area
---------------------------------------------------------------------------------------------------------------------------*/

#newsletter_container {
	width: 241px;
	height: 102px;	
	padding: 3px 0px 1px 0px;
	float: right;
}

/*	Search Area
---------------------------------------------------------------------------------------------------------------------------*/

#search_container {
	width: 241px;
	height: 78px;	
	padding: 0px 0px 0px 0px;
	float: right;
	background: url(/img/home/search_bg.jpg) top left no-repeat;
}


#search_container.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color: #492D94;

}


#search_box {
	width: 165px;
	height: 23px;	
	padding: 3px 0px 3px 4px;
	float: right;

}

#input.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color: #492D94;
}




/*	Home Footer
---------------------------------------------------------------------------------------------------------------------------*/





#footer_container {
	width: 774px;
	height: 31px;	
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #41059a;
	clear: both;
}


#footer_text_container {
	width: 772px;
	height: 21px;
	float: right;
	padding: 10px 5px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	color: #FFFFFF;
	text-align: right;

}

#footer_text_container a:link, footer_text_container a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; color: #FFFFFF; } 

#footer_text_container a:hover, footer_text_container a:active {
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #FFFFFF; } 



/*---------------------------------------------------------------------------------------------------------------------------*/