@charset "utf-8";

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

  - Main Layout -

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



/* ----------container to center the layout-------------- */
#container {
	width: 900px;
	margin-bottom: 10px;
	margin: 0 auto;
	background-color: #fff;
}

/* ------------- HEADER ------------------ */ 

#header {
	background: url(../img/bg-grad.jpg) #000 top left; padding-bottom:96px;

}

/* ----------banner for logo-------------- */
#header #banner {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#banner img {padding:10px 0px;} 

/* ----------nav overlay-------------- */
#header .country-select{
	color: #da8578;
	height: 10px;
	letter-spacing: 1px;
	margin-left: 640px;
	padding:0;
	position: absolute;
	text-align: right;
	width: 250px;
	z-index: 2;
}

.country-select select{
	width:10em;
}

.country-select p{
	color:#E31937;
	font-weight:bold;
	font-size:12px;
	margin-left:3.1em;
}

.country-select span{
	font-weight:bold;
	font-size:12px;
}

.country-select .button {
	position:relative;
	top: 5px;
}

.lang-select {
	position:relative;
	top: 1px;
	right: -50px;
	z-index: 3;
}

.flash-header {
	position: absolute;
	top: -10px;
	width: 900px;
	z-index: 1;	
}

#banner img {
	padding:10px 0px;
} 

#banner .logo-container {
	background:url('../img/logo.jpg') no-repeat;
	height:76px;
	left: auto;
	margin-left:14px;
	max-height:100px;
	overflow:hidden;
	position: absolute;
	top: 20px;
	width:210px;
	z-index:3;
	background-image: url(../img/logo.jpg);
}

#banner .logo-container h1 {visibility:hidden}

/* ----------nav overlay-------------- */
#nav{
	background: url('../img/nav-bg.jpg') #333 no-repeat;
	border-bottom: 1px solid #999;	
	filter:alpha(opacity=80);
	opacity:0.8;
	padding:12px 0px;
	position:relative;
	text-align: left;
	top:96px;
	z-index:3;
	font-family:Syntax LT Bold,Helvetica,Arial,sans-serif;
}

#nav ul{
	display:inline;
	margin-left:16px;
}

#nav li{
	display:inline;
	margin-right: 1.2em;
}

#nav li a{
	color:#fff;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
}

#nav li a:hover{
	color:#ccc;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
}

.navSelected {
	color:#ccc;
	text-decoration:none;
	font-weight:bold;
}

/*----login buttons----*/
.log{
text-align:right;
}
.log-in 	{
background:url(../img/log-in-bg.jpg) #333333 top left repeat-x; padding:11px 10px;}

#btnEnglish{
position:absolute;top:8px;/top:20px;margin-left:130px;width:88px; height:26px;
display:none;
}
#btnEnglish a{width:88px;height:0px;display:block; padding-top:26px; overflow:hidden; background:url(../img/btn_english.gif) no-repeat 0 0;}
#btnEnglish a:hover{background-position:-88px 0;}

/* ------------ END HEADER --------------- */ 

/* -----------title banner--------------- */
 #title-banner {	
	background-color: #5C8727;
	height: 40px;
	margin: 0px;
	text-align: left;
	padding: 0 5px;
	position:relative;
}

 #title-banner h2 {
	margin-left: 8px;
	padding-top:10px;
	font-family:Syntax LT Bold,Helvetica,Arial,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 130%;
}


/* ------------breadcrumb---------------- */
#breadcrumb {
	color:#999999;
	background-color: #395418;
	margin-bottom: 2px;
	padding: 0px;
	text-align: left;
}

#breadcrumb p {
	font-size:90%;
	padding:4px 14px;
}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {
	color:#999;
	text-decoration:none;
}

#breadcrumb a:hover, #breadcrumb p .selected {
	color:#fff;
	text-decoration:underline;
}

/* --------------LEFT COLUMN------------- */
#leftColumn {
	float: left;
	margin: 0px 0px 0px;
	width: 240px;
	font-family:Syntax LT Bold,Helvetica,Arial,sans-serif;
}

.search {
	background:url(../img/search-lhs-bars.jpg) #FBAA1B top left no-repeat;
	margin:0px 0;
	padding-bottom: 10px;
	padding-left:10px;
}
.search h3 {
	color:#FFF;
	margin: 0px 0 10px;
	padding: 5px 0 5px;
}
.search fieldset {
	margin-left:-8px;
}
.search select {
	margin: 5px;
	width: 210px;
	float: left;
}
.search input[type="text"] {
	margin: 5px;
	width: 200px;
}
.search input[type="radio"] {
	margin: 5px;
}
.search input[type="submit"] {
	cursor:pointer;
	margin: 5px;
}
.search label {
	display:none;
	margin: 0  0 0 5px;
}
.search div {
	margin-left: 4px;	
}
.search div .radio-fix label {
	display:inline;
	margin:7px 5px 0px 2px;
}
.search div .radio-fix input {
	display:inline;
	margin:5px 4px 0px 4px;
}
.search .radio-fix label, .search .radio-fix input {
	float:left;	
}
.leftBnr{
	margin-top:10px;
	text-align:center;
}
.leftNavi	   { width: 240px; height:37px; margin:7px 0; background:url(../img/lhs-bars.jpg) #333333 top left no-repeat;}
.leftNaviBig	   { width: 240px; height:51px; margin:7px 0; background:url(../img/lhs-bars_big.jpg) #333333 top left no-repeat;}
.leftNavi h3, .leftNaviBig h3 {
	font-size:125%; line-height:120%; padding: 6px 0 0 10px; margin: 0;
	font-family:Syntax LT Bold,Helvetica,Arial,sans-serif;
}
.leftNavi a, .leftNaviBig a ,.leftNaviSearch a    { color:#FFF; text-decoration:none; }
.leftNavi a:hover, .leftNaviBig a:hover ,.leftNaviSearch a:hover{ text-decoration: underline;}
.leftNaviSearch	   { width: 240px; height:37px; margin:7px 0; background:url(../img/lhs-bars_search.jpg) #333333 top left no-repeat;}
.leftNaviSearch h3{ font-size:125%; line-height:120%; padding: 6px 0 0 28px; margin: 0;}

.leftNaviWhite	{ width: 240px; height:30px; margin:10px 0px 0px; background:url(../img/lhs-bars_white.gif) #333333 top left no-repeat; clear:both;}
.leftNaviWhite h3 {color:#000; font-size:125%; line-height:120%; padding: 6px 0 0 10px; margin: 0;}

.NaviGreen	   { width: 240px; height:37px; margin:7px 0; background:url(../img/lhs-bars_green.jpg)  top left no-repeat;}
.NaviGreen a{ color:#FFF; font-size:140%; line-height:120%; padding: 6px 0 0 10px; margin: 0;}

/* ---------------CONTENT------------------ */
#content {
	float:right;
	width: 640px;
	margin-bottom:10px;
}
#content p{
	margin:0px 0 10px;
	padding: 5px 5px 5px 0px;
}
#mainSpecialist{
	float:left;
	width:260px;
	margin:10px 10px 0px 0px;
}
#mainSpecialist h3{
	font-size:120%;
	padding:4px 0px 4px 0px;
	background:url(../img/h4_bg.gif) top left no-repeat;
}
#mainSpeciaShortlist li {
	line-height:0;
}
#mainSpeciaShortlist li a{
	line-height:normal;
	display:block;
	margin-top:4px;
	width:110px;
	float:left;
	padding:2px 0px 2px 20px;
	background: url(../img/arrow_green.gif) left center no-repeat;
}
#mainSpeciaLonglist li {
	line-height:0;
}
#mainSpeciaLonglist li a{
	clear:both;
	line-height:normal;
	display:block;
	margin-top:4px;
	font-size:100%;
	float:left;
	padding:2px 0px 2px 20px;
	background: url(../img/arrow_green.gif) left center no-repeat;
	width:240px;
}
#mainSpecialistSearch{
	clear:both;
	text-align:center;
}
#mainInformation{
	float:right;
	width:364px;
	margin:10px 0px;
}
#mainInformation h4{
	padding:4px 0px 4px 0px;
	background:url(../img/h4_bg.gif) top left no-repeat;
}
#mainInformation li{
	margin:0px 0px 3px 3px;
	_margin:0px 0px 3px 2px;
	float:left;
}
#mainAttention{
	clear:both;
}
#mainAttention dt{
	margin-top:8px;
	font-weight:bold;
	color:#5C8727;
	font-size:100%;
}
#mainAttention dd {
	display:block;
	margin-top:2px;
	font-size:100%;
	padding:2px 0px 2px 20px;
	background: url(../img/arrow_green.gif) left center no-repeat;
}
#toCompany{
	margin-top:20px;
	overflow:hidden;
	display: inline-block;
}
#toCompanyList{
	float:left;
	width:200px;
	margin:0px 10px 0px 0px;
}
#toCompanyList2{
	float:left;
	width:370px;
	margin:0px 10px 0px 0px;
}
#toCompanyList h3{
	font-size:120%;
}
#toCompanyList li {
	line-height:0;
}
#toCompanyList li a{
	line-height:normal;
	display:block;
	margin-top:4px;
	font-size:100%;
	width:184px;
	float:left;
	padding:2px 0px 2px 20px;
	background: url(../img/arrow_green.gif) left center no-repeat;
}
#toCompanyList li a:hovers{
	color:#FFF;
	background:#474747 url(../img/arrow_green_on.gif) left center no-repeat;
}
#toCompanyList2 td a:hovers{
	color:#FFF;
	background:#474747 url(../img/arrow_green_on.gif) left center no-repeat;
}
#mainBrand{
	float:left;
	width:412px;
	border:#d1d3d4 solid 1px;
	padding:8px 6px 14px 10px;
	_padding:8px 2px 0px;
	margin-bottom:18px;
}
#mainBrand2{
	float:left;
	width:240px;
	border:0px none #FFFFFF;
	padding:8px 6px 14px 10px;
	_padding:8px 2px 0px;
	margin-bottom:18px;
}
#mainInquiry{
clear:both;
	background-color:#e0e2de;
	padding:4px 8px;
}

#pressRelease{
	clear:both;
	margin-top:20px;
}
#pressTitle{
	padding:5px;
	width:630px;
	background-color:#f0f0f0;
	overflow:hidden;
	display: inline-block;
	margin-bottom:6px;
}
#pressTitle h4{
	float:left;
}
#pressTitle span{
	margin:0px 0px 0px 20px;
	padding:2px 20px 2px;
	background: url(../img/arrow_green.gif) left center no-repeat;
}

.pressDate{
	width:100px;
	vertical-align:text-top;
}



/* -----------------------footer--------------------------- */
#footer {
	clear:both;
	background-color:#333;
	height: 26px;
	text-align: right;
}

#footer ul{
	display:inline;
	list-style:none;
}

#footer li{
	display:inline;
	list-style:none;
	padding:14px 10px 0px 0px;
}

#footer li a{
	color:#ccc;
	font-size:10px;
	text-decoration:none;
}

#footer li a:hover{
	color:#fff;
	font-size:10px;
	text-decoration:none;
}