/* Valetime Group Feature Styles

Description: style settings for feature sections e.g. moving headline and 3 column on index page

Author: Paul Jones ----------------------------------------------------*/

/* HEADLINE ~ moving photo / section content ======================================================= #feature is the container for the effect .container .col_full #headline is the container for each headline item .headline .container .feature .feature-content .span .p .span for the title text, .p for description ----------------------------------------------------*/

#headline {
	height:200px;
	margin: 15px 0px 15px 0px;
	position: relative; }

.headline {
	display:none;
	left:0px;
	position: absolute;
	top: 0px; }

	.headline .container { margin-top: 10px; }

.feature {
	border: solid 1px #4a4a4a;
	height:180px;
	overflow:hidden;
	padding: 10px;
	position: relative; }

	.feature p {
		float:right;
		font-weight:normal;
		height:160px;
		margin: 0;
		text-align:right;
		width:680px; }

.int_trd { background: url('images/feature/international_trade.png') no-repeat; }

.bus_mgt { background: url('images/feature/business_management.png') no-repeat; }

.consultancy { background: url('images/feature/consultancy.png') no-repeat; }

.feature-content {
	background-image: url('/images/css/transparent.png');
	bottom: 10px;
	height: 50px;
	position:absolute;
	width:935px; }

	.feature-content span {
		color:#fff;
		float:right;
		font-weight: normal;
		line-height: 50px;
		margin: 0;
		padding: 0 30px; }

/* THREE COLUMN ~ section info on main page content ----------------------------------------------------*/
/* ///// ~~~~~ 3 Column STYLES for home page ~~~~~ ///// */
#three_column {
	float:left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }

	#three_column .col_third {
		background-color:#FFF;
		height:auto; }

	#three_column span.contain {
		display:block;
		height: 275px;
		overflow:hidden;
		width:auto; }

	#three_column a:link, #three_column a:visited { text-decoration: none; }

	#three_column a:hover { text-decoration: underline; }

	#three_column .col_third h3 {
		height: 25px;
		margin-bottom: 15px;
		padding-bottom: 10px;
		padding-top: 15px;
		text-align:right;
		width:450px; } /* changed from 260px for Uk site */

		#three_column .col_third h3 a { color:#000; }

	#three_column ul {
		clear:both;
		padding: 5px 0; }

		#three_column ul li {
			background: url(images/css/dotted-black-h2.png) repeat-x left bottom;
			clear: left;
			line-height: 1.2;
			padding: 8px 0 4px 0;
			text-align: right; }

		#three_column ul.links li {
			clear: right;
			text-align: left; }

	#three_column a.title {
		display: block;
		float: left; }

	#three_column em {
		display:block;
		font-size: 1.0em; }

	#three_column hr {
		background-color:#ccc;
		clear:both;
		height: 1px;
		margin: 8px 0px 8px 0px; }

	#three_column .trade em { color:#002350; }

	#three_column .trade { }

		#three_column .trade h3 {
			background: url(images/css/nav-line-trade.gif) repeat-x bottom left;
			color:#002350; }

		#three_column .trade hr { background-color:#002350; }

	#three_column .busmgt { }

		#three_column .busmgt h3 {
			background: url(images/css/nav-line-busmgt.gif) repeat-x bottom left;
			color:#002350; }

		#three_column .busmgt hr { background-color:#cc0000; }

	#three_column .consult { }

		#three_column .consult h3 {
			background: url(images/css/nav-line-consult.gif) repeat-x bottom left;
			color:#002350; }

		#three_column .consult hr { background-color:#4b7317; }

/* CHEMICAL LIST ---------------------------------------------------- #product_list span #list_title dl dt dd ----------------------------------------------------*/
#product_list, #product_list hr, #product_list .product_list_section { clear:both; }

/* section styling */
#product_list h2 { border-bottom: solid 1px #000; }

.product_list_section {
	float:left;
	margin-bottom: 30px;
	margin-top: 20px;
	width:100%; }

	.product_list_section p { margin: 10px 0px 10px 0px; }

/* list styling */
#product_list a {
	display: block;
	margin: 5px 0px 5px 0px; }

#product_list dl {
	clear:both;
	margin: 10px 0px 20px 0px;
	width:100%; }

#product_list dt {
	display: block;
	float:left;
	margin: 10px 0px 10px 0px;
	width:100%; }

#product_list h3 {
	border-bottom: dotted 1px #CCCCCC;
	display: block;
	width:100%; }

#product_list dd {
	float:left;
	width: 33%; }

/* Breadcrumbs ---------------------------------------------------- #breadcrumbs span.breadcrumbs ----------------------------------------------------*/
#breadcrumbs {
	color: #4a4a4a;
	font-size: 10px;
	padding: 5px; }