@charset "UTF-8";
@import url("reset.css"); 

body {
	font-family: Tahoma, Verdana, Helvetica, "Segoe UI";
	font-size: 13px; 
	font-weight: normal;
	background-color: #002967;
	color: #343434;
	line-height: 1.4em;
}
h1 { font-size: 1.65em; }
a { color: #414141;text-decoration: none; line-height: 2em; }

#bg-wrapper { 
	width: 1280px;
	margin: 0px auto;
}

#wrapper, #wrapper-footer {
	width: 100%; /*width: 1280px;#002967*/
	float: left;
	background: #FFF url('../images/bg-header2.jpg') no-repeat top center;
}
#wrapper-footer { background: #002967 url('../images/bg-footer.png') no-repeat top center; }
#wrap { width: 965px;margin: 0px auto; }
/* Open Header */
#box-header {
	width: 100%;
	height: 132px;
	float: left;
	margin-top: 15px;
}
.box-logo a { 
	width: 85px;
	height: 93px;	
	float: left;
	background: url('../images/main-logo.png') no-repeat; 
}

.xhand:hover {cursor:hand;}

.box-top {
	width: 865px;
	float: left;
	margin: 10px 0px 0px 15px;
}
.top-header { width: 100%;float: left;height: 58px; }
h1.h-title { 
	font-family: Arial;
	font-weight: bold;
	padding: 5px 0px;
	color: #045fc1; 
}
.header-title { width: 400px;float: left; }

.header-search { width: 400px;float: right; }

.form-search { float: right; }
.label-search { position: relative;z-index: 101; }
.txt-search { 
	width: 243px;
	padding: 9px 10px;
	position: relative;
	z-index: 100;
	right: -25px;
	border: 1px solid #cacaca; 
}
.bt-search { 
	position: relative;
	z-index: 102;
	left: -15px;
	width: 25px;height: 21px;
	cursor: pointer;
	border: none;
	background: url(../images/ico-search.jpg) no-repeat;
}

.top-menu { 
	width: 100%;
	float: left;
	margin-top: 0px;	
	background: url(../images/primary-menu.png) no-repeat top left;
}
.pri-menu { float: left; }
.pri-menu li { float: left;margin-right: 1px; }
.pri-menu li a, .pri-menu li a:hover { 
	display: block;
	padding: 9px 0px 9px 0px;
	margin: 0px 0px 0px;
	color: #996600;
	font: bold 17px "Corbel";
	text-align: center;
}
.pri-menu li a:hover, .pri-menu li.home-act a, .pri-menu li.profile-act a, .pri-menu li.business-act a, 
.pri-menu li.news-act a, .pri-menu li.investor-act a, .pri-menu li.careers-act a, .pri-menu li.sitemap-act a, 
.pri-menu li.contact-act a { color: #330000; }

.pri-menu li.home a, .pri-menu li.home a:hover, .pri-menu li.home-act a { width: 72px; }
.pri-menu li.home a:hover, .pri-menu li.home-act a { background: url(../images/primary-menu-act.jpg) no-repeat 0px 0px; }

.pri-menu li.profile a, .pri-menu li.profile a:hover, .pri-menu li.profile-act a { width: 113px; }
.pri-menu li.profile a:hover, .pri-menu li.profile-act a { background: url(../images/primary-menu-act.jpg) no-repeat -73px 0px; }

.pri-menu li.business a, .pri-menu li.business a:hover, .pri-menu li.business-act a { width: 139px; }
.pri-menu li.business a:hover, .pri-menu li.business-act a { background: url(../images/primary-menu-act.jpg) no-repeat -187px 0px; }

.pri-menu li.news a, .pri-menu li.news a:hover, .pri-menu li.news-act a{ width: 125px; }
.pri-menu li.news a:hover, .pri-menu li.news-act a { background: url(../images/primary-menu-act.jpg) no-repeat -327px 0px; }

.pri-menu li.investor a, .pri-menu li.investor a:hover, .pri-menu li.investor-act a { width: 150px; }
.pri-menu li.investor a:hover, .pri-menu li.investor-act a { background: url(../images/primary-menu-act.jpg) no-repeat -453px 0px; }

.pri-menu li.careers a, .pri-menu li.careers a:hover, .pri-menu li.careers-act a { width: 79px; }
.pri-menu li.careers a:hover, .pri-menu li.careers-act a { background: url(../images/primary-menu-act.jpg) no-repeat -604px 0px; }

.pri-menu li.sitemap a, .pri-menu li.sitemap a:hover, .pri-menu li.sitemap-act a { width: 84px; }
.pri-menu li.sitemap a:hover, .pri-menu li.sitemap-act a { background: url(../images/primary-menu-act.jpg) no-repeat -684px 0px; }

.pri-menu li.contact a, .pri-menu li.contact a:hover, .pri-menu li.contact-act a { width: 88px; }
.pri-menu li.contact a:hover, .pri-menu li.contact-act a { background: url(../images/primary-menu-act.jpg) no-repeat -769px 0px; }
/* Close Header */

/* Open Container */
#box-container {	
	width: 100%;
	float: left;
	min-height: 400px;
	/*background-color: #f6f6f6;*/
	padding-top: 10px;
	background: #f6f6f6 url(../images/main-top-965.png) no-repeat 0px 0px;
}

#left-bar {
	width: 245px;
	float: left;
	margin: 15px 0px 0px 10px;
}
#right-bar {
	width: 685px;
	float: left;
	margin: 15px 0px 0px 15px;
}

#left-bar ul li.l-b-box, #right-bar ul li.r-b-box { 
	
	width: 100%;float: left;
}

#left-bar ul li.l-b-box h2, #right-bar ul li.r-b-box h2 { 
	padding: 7.5px 20px;
	color: #FFFFFF;
	border: 1px solid #0B65B3;
}

#left-bar ul li.l-b-box h2.lox-bussiness-title,
#left-bar ul li.l-b-box h2.lox-title-box, #right-bar ul li.r-b-box h2.lox-title-box { 
	position: relative;
	z-index: 9;
}
#left-bar ul li.l-b-box .box-bussiness, 
#left-bar li ul.l-b-menu-list, #right-bar li ul.r-b-menu-list {
	position: relative;
	top: -16px;
	z-index: 8;
}
#left-bar ul li.l-b-box h2.lox-bussiness-title { 
	padding: 6px 40px 8px;
	font: bold 18px "Segoe UI";
	background: url(../images/bg-title-loxley-business2.png) repeat-x;
}
#left-bar ul li.l-b-box .box-bussiness { 
	padding-top: 25px;
	padding-bottom: 0px;top: -26px;
	background-color: #DADADA;
}
#left-bar ul li.l-b-box h2.lox-title-box, #right-bar ul li.r-b-box h2.lox-title-box { 
	font: bold 14px Tahoma;
	border-bottom: 0px;
	background: #0561B0 url(../images/bg-title-loxley-box-left2.png) repeat-x; 
}
#left-bar ul.l-b-menu-list, #right-bar ul.r-b-menu-list { 
	padding-bottom: 15px;
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
}

#left-bar li ul.l-b-menu-list, #right-bar li ul.r-b-menu-list { 
	float: left;
	width: 243px;
	padding-top: 14px;
}
#right-bar li ul.r-b-menu-list { width: 683px; }
#right-bar li ul.one-page { top: 0px; }

.one-page .page-box { margin: 20px 30px 0px;float:left;width:623px; }
.one-page .page-box .mission { margin-left: 20px; }

.one-page .page-box .title-page { 
	font: bold 16px 'Arial';
	background: url(../images/line-title-page.png) no-repeat 0px 100%;
	padding-bottom: 15px;
	text-transform: UPPERCASE;
	color: #003366;
}
.one-page .page-box img.b3 { border: 3px solid #DEDEDE; }
.one-page .page-box .page-detail { float: left;width: 100%;margin-top: 20px; }
/* Executive Board in Loxley-Profile */
.one-page .page-box .page-detail .board-rows {
	width: 100%;
	float: left;
	margin: 15px 0px;
}
.one-page .page-box .page-detail .board-rows .board-name {
	width: 320px;
	float: left;
	font: bold 15px "Arial";
}
.one-page .page-box .page-detail .board-rows .board-name a { 
	color: #666;
	background: url(../images/ico-list-loxley-box-left.png) no-repeat 2px 3px; 
	padding-left: 20px;
}

.one-page .page-box .page-detail .board-rows .board-name a:link { color:#477ea7; }
.one-page .page-box .page-detail .board-rows .board-name a:visited { color: #0977B3; } 
.one-page .page-box .page-detail .board-rows .board-name a:active { color: #0977B3; }
.one-page .page-box .page-detail .board-rows .board-name a:hover { color: #0977B3; }
/*.one-page .page-box .page-detail .board-rows .board-name a:hover, 
.one-page .page-box .page-detail .board-rows .board-name a.act { color: #003366; }
*/
.one-page .page-box .page-detail .board-rows .board-position { float: left; }

/* End Executive Board in Loxley-Profile */

.one-page .page-box .img1-box,
.one-page .page-box .img2-box { float: left;margin: 20px 0px;text-align: center; }
.one-page .page-box .img1-box { width: 100%; }
.one-page .page-box .img2-box { width: 50%; }
.txt-bold-upcase { font-weight: bold; color: #477ea7;  }
.txt-blue { color: #477ea7; }
.title-img { font: normal 11px "Tahoma"; }

/* Box News-Event-Detail */
.one-page .page-box .news-detail-p-detail { margin: 10px 0px;float: left;width: 100%; }
.one-page .page-box .news-detail-img { text-align: center;float: left;width: 100%; }

.one-page .page-box .box-subject { 
	float: left;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 20px;
	line-height: 1.7em;
	border-bottom: 1px dashed #eee; 
}
.one-page .page-box .last { border: 0px;padding-bottom: 0px; }
.one-page .page-box .subject {
	padding-left: 20px;
	background: url("../images/ico-list-loxley-box-left.png") no-repeat scroll 0px 5px;
}
.one-page .page-box .box-subject .subject-content { float: left;padding-left: 20px;width: 300px;margin-bottom: 20px; }
.one-page .page-box .box-subject .branch { width: 600px; }

.one-page .page-box .box-subject .map-border { float: right;width: 220px;height: 160px;overflow: hidden;border: 2px solid #eee; }
.one-page .page-box .box-subject .view-map { font: normal 12px "Arial";text-decoration: underline; }

/* --- */
#left-bar li ul.l-b-menu-list li, #right-bar li ul.r-b-menu-list li { float: left;width: 100%; }

/*
#left-bar li ul.box-bussiness li { background: url(../images/dot-loxley-business.png) no-repeat 20px 14px; }
#left-bar li ul.box-bussiness li a, #left-bar li ul.box-bussiness li a:hover,
#left-bar li ul.box-bussiness li.act a, #left-bar li ul.box-bussiness li.act a:hover { 
	display: block;
	padding: 6px 20px 7px 40px;
	font: bold 16px "Segoe UI";
	border: 1px solid #C5C5C5;
}
*/
#left-bar li ul.box-bussiness li a { 
	display: block;
	color: #666666;
	padding: 6px 20px 7px 40px;
	font: bold 16px "Segoe UI";
	border: 1px solid #99CCF7;
}
#left-bar li ul.box-bussiness li a:hover,
#left-bar li ul.box-bussiness li.act a, #left-bar li ul.box-bussiness li.act a:hover { 
	display: block;
	color: #CC6600;
	padding: 6px 20px 7px 40px;
	
	border: 1px solid #f2c01e;
}
/*
#left-bar li ul.box-bussiness li, #left-bar li ul.box-bussiness li:hover, 
#left-bar li ul.box-bussiness li.act, #left-bar li ul.box-bussiness li.act:hover {
	background: url(../images/bg-menu-box-loxley-business.png) repeat-x;
}
*/
#left-bar li ul.box-bussiness li {
	background: url(../images/bg-menu-box-loxley-business.png) repeat-x;
}
#left-bar li ul.box-bussiness li:hover, #left-bar li ul.box-bussiness li.act
{ background: url(../images/bg-menu-box-loxley-business_new.png) repeat-x; 
}

#left-bar li ul.box-bussiness li.act:hover 
{ background: url(../images/bg-menu-box-loxley-business_new.png) repeat-x; 
/*border: 1px solid #f2c01e;*/
color: #CC6600;
display: block;}

#left-bar li ul.box-bussiness li a { 
	background: url(../images/dot-loxley-business.png) no-repeat 20px 14px; 
}
#left-bar li ul.box-bussiness li.act a, #left-bar li ul.box-bussiness li a:hover { 
	color: #003366;
	background: url(../images/dot-loxley-business-act.png) no-repeat 20px 14px; 
}

/*
#left-bar li ul.box-bussiness li a:hover, #left-bar li ul.box-bussiness li.act a,
#left-bar li ul.box-bussiness li.act a:hover { 
	border: 1px solid #C5C5C5;
	font-weight: bold;
	color: #003366;
	background: url(../images/dot-loxley-business-act.png) no-repeat 20px 14px;	
}

#left-bar li ul.box-bussiness li:hover,
#left-bar li ul.box-bussiness li.act { background: url(../images/bg-menu-box-loxley-business.png) repeat-x; }

#left-bar li ul.box-bussiness li.act a { background: url(../images/dot-loxley-business-act.png) no-repeat 20px 14px; }
*/

/* Investor */
#left-bar ul.l-b-menu-list li.invester-list a { 
	min-height: 20px;
	display: block;
	padding: 10px 10px 10px 34px;
	background: #E8EFF5 url(../images/ico-list-loxley-box-left.png) no-repeat 15px 20px; 
}

#left-bar ul.l-b-menu-list li.even a { 
	background: #FFFFFF url(../images/ico-list-loxley-box-left.png) no-repeat 15px 20px;
}

#left-bar ul.l-b-menu-list .box-new-product, #right-bar ul.r-b-menu-list .box-new-product { 
	float:left;	
	width: 213px;
	padding: 15px; 
}

#left-bar ul.l-b-menu-list .even, #right-bar ul.r-b-menu-list .even { background-color: #E8EFF5; }

#left-bar ul.l-b-menu-list .box-new-product .new-p-img, 
#right-bar ul.r-b-menu-list .box-new-product .new-p-img,
#right-bar ul.r-b-menu-list .box-new-product .new-p-img-detail { 	
	float: left;
	margin-right: 10px;
	overflow: hidden; 
	border: 1px solid #BBBBBB;
}

#left-bar ul.l-b-menu-list .box-new-product .new-p-img2, 
#right-bar ul.r-b-menu-list .box-new-product .new-p-img2,
#right-bar ul.r-b-menu-list .box-new-product .new-p-img2-detail { 	
	float: left;
	margin-right: 10px;
	overflow: hidden; 
	border: 1px solid #BBBBBB;
}
#left-bar ul.l-b-menu-list .box-new-product .new-p-img,
#right-bar ul.r-b-menu-list .box-new-product .new-p-img { width: 75px;height: 56px; }
#left-bar ul.l-b-menu-list .box-new-product .new-p-img2,
#right-bar ul.r-b-menu-list .box-new-product .new-p-img2 { width: 70px;height: 60px; }

#left-bar ul.l-b-menu-list .box-new-product .new-p-box-txt { width: 130px;float: left; }
#left-bar ul.l-b-menu-list .box-new-product .new-p-title a { color: #025fad;font: bold .9em Tahoma; }
#left-bar ul.l-b-menu-list .box-new-product .new-p-detail { font: normal .9em Tahoma;margin-top: 12px; }

/* #right-bar ul.r-b-menu-list .box-new-product .new-p-img { width: 75px;height: 60px; } */
#right-bar ul.r-b-menu-list .box-new-product .new-p-img-detail { width: 150px;height: 113px; }
#right-bar ul.r-b-menu-list .box-new-product .new-p-box-txt { width: 500px;float: left; }
#right-bar ul.r-b-menu-list .box-new-product .new-p-title a { color: #025fad;font: bold 1em Tahoma; }
#right-bar ul.r-b-menu-list .box-new-product .new-p-detail { margin-top: 6px; }

#right-bar ul.r-b-menu-list .box-new-product {
	width: 653px;
	padding: 20px 0px;
	margin: 0px 15px;
	border-bottom: 1px dotted #BBBBBB;
}
#right-bar ul.r-b-menu-list .detail { margin: 0px;width: 623px; }

#left-bar ul.l-b-menu-list .box-last,
#right-bar ul.r-b-menu-list .box-last { border-bottom: 0px; }

.readmore, .back { 
	color: #FFFFFF;
	font: normal 10px Tahoma;
	padding: 3px 20px 5px;
	background-color: #025fad;
	text-align: center;
}
.readmore { float: left;margin-top: 10px; }

.box-bt-back { float: left;width: 623px;margin-top: 20px;text-align: center; }

.r-b-box-welcome { margin: 25px 0px 0px 10px; width: 680px; float:left; }
.r-b-box-welcome .welcome-img-left { float:left; width: 160px;  margin-right: 15px;}
.r-b-box-welcome .welcome-content { float:left;width: 100%; }
.r-b-box-welcome .welcome-content .title-welcome { font: bold 16px Arial; color: #696969; }
.r-b-box-welcome .welcome-content .detail-welcome { 
	margin-top: 15px;
	font: normal 0.98em/1.7em Tahoma;
	line-height:16px;
	color: #4F4F4F; 
}
.welcome-img-right { float:right; width: 200px; padding-top:-35px; overflow: hidden; }
.title-welcome { font: bold 16px Arial; color: #336699; margin-top:10px;}
.title-welcome2 { font: bold 13px Arial; color: #336699; margin-top:10px;}

/* Close Container */

#box-footer {
	width: 945px;
	margin: 0px auto 0px;
	padding: 0px 10px;
}
.footer-menu { 
	width: 100%;
	float: left;
	margin-top: 30px;
}
.footer-menu h2 { 
	font: normal 18px "Segoe UI";
	color: #FFFFFF; 
	
	padding-bottom: 10px;
	background: url(../images/dot-footer-title.jpg) repeat-x 100% 100%;
}
.footer-menu ul { width: 100%;float: left;margin-top: 10px; }

.footer-menu li.f-box-menu { width: 280px;float: left;margin-right: 30px; }
.footer-menu li.f-box-menu li { width: 130px;float: left;margin: 5px 1px; }
.footer-menu li.f-box-menu li a,
.footer-menu li.f-box-profile li a {
	display:block;
	float: left;
	font: normal 1em Tahoma;
	color: #C1D8F0;
}
.footer-menu li.f-box-menu li a { 
	padding: 5px 5px 5px 13px;
	background: url(../images/ico-footer-link.png) no-repeat 0px 6px; 
}

.footer-menu li.f-box-profile { width: 350px;float: left;margin-right: 30px; }
.footer-menu li.f-box-profile li { width: 175px;float: left;margin: 5px 0px; }
.footer-menu li.f-box-profile li a { width: 140px;padding: 5px 5px 15px 0px;border-bottom: 1px dashed #C1D8F0; }

.footer-menu li.f-box-menu li a:hover,
.footer-menu li.f-box-profile li a:hover { color: #FFF; }
.footer-menu li.f-box-profile li a:hover { border-bottom: 1px dashed #FFF;}

.footer-menu li.f-box-contact { width: 245px;float: left;margin-right: 0px; }
.footer-menu li.f-box-contact .contact-footer { margin: 20px 0px 0px; }
.footer-menu li.f-box-contact .contact-footer p, 
.footer-menu li.f-box-contact .contact-footer a { 
	font: normal 1em/1.6em Tahoma;
	color: #eee;
}

.copyright { 
	width: 100%;float: left;
	margin-top: 25px;
	margin-bottom: 50px;
	text-align: right;
	font: normal .9em Tahoma;
	color: #FFFFFF;
}

/* Radius */
/* 10px All */
.txt-search { border-radius: 10px 10px; }
/* 15px All */
#box-container, #left-bar, #right-bar, .l-b-box,
#left-bar li ul.box-bussiness li, #left-bar li ul.box-bussiness li a,
#left-bar li ul.box-bussiness li a:hover,
#left-bar li ul.box-bussiness li.act a,
#left-bar li ul.box-bussiness li.act,
#left-bar li ul.box-bussiness li:hover,
#right-bar ul.r-b-menu-list ,
#left-bar ul li.l-b-box h2.lox-bussiness-title,
#left-bar ul.l-b-menu-list,
.readmore, .back { 
	border-radius: 15px;
}
/* 15px Top, Bottom */
#left-bar ul li.l-b-box h2,
#right-bar ul li.r-b-box h2 { 
	border-radius: 15px 15px 0px 0px;
}

/* shadow */
#left-bar ul li.l-b-box h2, #right-bar ul li.r-b-box h2 { text-shadow: 1px 1px #666; }
.footer-menu li.f-box-menu li a,
.footer-menu li.f-box-profile li a,
.footer-menu li.f-box-contact .contact-footer p, 
.footer-menu li.f-box-contact .contact-footer a { text-shadow: 1px 1px #002967; }

/* Hide Text */
.box-logo, .h-title, .bt-search { text-indent: -9999px; }

.clearboth{
	clear:both;
}

hr{
	width:100%;
}