@charset "utf-8";
/* CSS Document */
*{ font-family:Arial;}
html{ min-width:1000px; overflow-x:hidden;}
body{
	background:#002969 url('../images/3yi_layout_bg.jpg') repeat-x left top;
	
}
a{color:#646465; text-decoration:none;}
a:hover{color:#004194;}

#qucik{
	text-align:right;
	font-size:10px;
	padding-top:8px;
	height:26px;
}
#qucik a{color:#fff; margin:0 2px;}
#qucik a:hover{color:#f1f1f1; text-decoration:underline;}

#main{
	background:url('../images/3yi_default_body.jpg') no-repeat 0 19px;
	height:629px;
}
#nav{
	background:url('../images/3yi_menu_bg.gif') repeat-x;
	height:27px;
}
.search{
	margin-left:10px;
	padding-top:3px;
}
.search .textBox{
	border:0;
	background:url(../images/3yi_search_textbox.gif) no-repeat;
	width:130px;
	height:16px;
	color:#bdbdbd;
	font-size:11px;
	padding-left:20px;
	padding-top:3px;
}
.search .inputBtn{
	background:url(../images/3yi_search_go.gif) no-repeat;
	border:0;
	width:29px;
	height:19px;
	margin-left:5px;
	cursor:pointer;
}
#menu{ position:relative; }
#menu ul li{ float:left; position:relative;display:inline; }
#menu ul li a#Home{ background:url(../images/3yi_menu_home.gif) no-repeat center center; width:35px;}
#menu ul li a#About{ background:url(../images/3yi_menu_about.gif) no-repeat center center; width:52px;}
#menu ul li a#Products{ background:url(../images/Nigeria_menu_products.gif) no-repeat center center; width:51px;}
#menu ul li a#New{ background:url(../images/3yi_menu_news.gif) no-repeat center center; width:33px;}
#menu ul li a#Contact{ background:url(../images/3yi_menu_contact.gif) no-repeat center center; width:62px;}
#menu ul li a#Nigeria{ background:url(../images/3yi_menu_Nigeria.gif) no-repeat center center; width:94px;}

#menu ul li a#Headquarters{background: url(../images/Nigeria_menu_Headquarters.gif) no-repeat center center; width:91px;}
#menu ul li a#Nabout{background:url(../images/3yi_menu_about.gif) no-repeat center center; width:52px;}
#menu ul li a#NProducts{background: url(../images/Nigeria_menu_products.gif) no-repeat center center; width:51px;}
#menu ul li a#Services{background: url(../images/Nigeria_menu_services.gif) no-repeat center center; width:50px;}
#menu ul li a#NContact{background: url(../images/Nigeria_menu_Contact.gif) no-repeat center center; width:45px;}


#menu ul li a span{ display:none;}
#menu ul li a {float:left;display:block;height:27px;line-height:26px; padding:0 15px;}
* html #menu ul li a, #menu ul li a:visited {width:auto;w\idth:auto;}
#menu ul li ul {display:none;}
#menu ul li ul li{background:none;}
table {margin-top:-1px;border-collapse:collapse;font-size:11px;	}
#menu ul li:hover a {background-color:#fff; border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;padding:0 14px; height:27px;}

#menu ul li:hover a#Home{background:#fff url(../images/3yi_menu_home_on.gif) no-repeat center center; }
#menu ul li:hover a#About{background:#fff url(../images/3yi_menu_about_on.gif) no-repeat center center; }
#menu ul li:hover a#Products{background:#fff url(../images/Nigeria_menu_products_hover.gif) no-repeat center center; }
#menu ul li:hover a#New{background:#fff url(../images/3yi_menu_news_on.gif) no-repeat center center; }
#menu ul li:hover a#Contact{background:#fff url(../images/3yi_menu_contact_on.gif) no-repeat center center; }
#menu ul li:hover a#Nigeria{background:#fff url(../images/3yi_menu_Nigeria_on.gif) no-repeat center center; }

#menu ul li:hover a#Headquarters{background:#fff url(../images/Nigeria_menu_Headquarters_hover.gif) no-repeat center center; }
#menu ul li:hover a#Nabout{background:#fff url(../images/3yi_menu_about_on.gif) no-repeat center center; }
#menu ul li:hover a#NProducts{background:#fff url(../images/Nigeria_menu_products_hover.gif) no-repeat center center; }
#menu ul li:hover a#Services{background:#fff url(../images/Nigeria_menu_services_hover.gif) no-repeat center center; }
#menu ul li:hover a#NContact{background:#fff url(../images/Nigeria_menu_Contact_hover.gif) no-repeat center center; }



#menu ul li:hover ul {display:block;position:absolute;top:27px;left:0;width:auto;background:#fff url(../images/bgSubNav.gif) repeat-x left bottom;border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;padding:8px 6px;}

#menu ul li:hover ul li a {color:#7b7c7d;width:130px;w\idth:120px; border:none; background:url(../images/bgSubNavArrowOff.gif) no-repeat 7px 9px; text-align:left; display:block; height:auto; line-height:22px;}
#menu ul li:hover ul li a:hover {  text-decoration:underline; background:transparent url(../images/bgSubNavArrowOn.gif) no-repeat 7px 9px;color:#293d6b;width:130px;w\idth:120px; text-align:left; margin:0;}
#menu ul li:hover ul li.more a{ background:none; text-align:right; font-size:10px;color:#293d6b; margin-top:6px;}
#menu ul li:hover ul li.more a:hover{ background:none; text-align:right;margin-top:6px;}

#head{ height:110px;}
#logo{
	background:url(../images/3yi_logo.png) no-repeat;
	width:135px;
	height:80px;
	float:left;
	margin-top:14px;
}
#logo h1{
	display:none;
}
#head .welcome{
	background:url(../images/3yi_welcome.png) no-repeat left bottom;
	width:580px;
	height:104px;
	float:right;
	padding-top:10px;
}
#head .welcome h3{ display:none;}

#content{ margin-top:20px;}
#GlobalMedia{ float:right;}
#News{ margin-top:45px!important;margin-top:30px;}
#product{ margin-top:30px!important;margin-top:15px;}
#foot{ margin-top:12px!important;margin-top:18px; margin-bottom:5px;}
#foot .copy{color:#fff;	font-size:11px; float:left; padding-top:4px;}
#foot .copy a{color:#FFFFFF; text-decoration:underline; margin:0 2px;}
#foot .copy a:hover{ text-decoration:none;}
#foot .link{ float:right;}

.proItem{width:202px; float:left; margin-left:27px;}
.proItem .title{ margin-top:27px;}
.proItem .desc{color:#646465; padding-left:20px; margin-top:5px;}

.panel{float:left;}
.panel .title{background:url('../../images/3yi_item_pic_down.png') no-repeat 0 3px;}
.panel .content{padding-left:20px;}
.panel .more a{
	font-size:10px;
	color:#002969;
	display:block;
	background:url('../images/3yi_more_bg.png') no-repeat;
	width:80px;
	height:20px;
	padding-top:8px;
	padding-left:12px;
	float:right;
}
.panel .more a:hover{background:url('../images/3yi_more_bg_hover.png') no-repeat;color:#e60012;}


/*listCls*/
.listCls1 li{
	font-size:11px;
	margin:10px 0;
}
.listCls2 li{ float:left; font-size:11px; width:28%; margin:6px 11px 4px 0px!important;margin:7px 11px 5px 0px; overflow:hidden; height:13px;}
/*inbody*/
#inhead{
	background:#fff;
	margin-top:3px;
	border-bottom:1px solid #d3d3d3;
}
#inhead .logo{ margin:6px 5px; background:url(../images/3yi_in_logo.png) no-repeat; width:110px; height:68px; float:left;}
#inhead .logo h1{ display:none;}
#inhead .quick{font-size:10px;color:#a7a7a7; float:right; margin:4px 5px 0 0;}
#inhead .quick a{color:#959595; margin:0 2px;}
#inhead .quick a:hover{color:#004194; text-decoration:underline;}


#inbody{
	background:#fff;
}
#locNav{ font-size:10px; padding:6px 14px;border-bottom:1px solid #d3d3d3;color:#004194;}
#locNav a{color:#999999;  margin:0 3px;}
#locNav a:hover{color:#666666; text-decoration:underline;}

#leftMenu{ width:160px; margin-top:20px; margin-left:8px; }
#leftMenu h3{ font-weight:normal;color:#004194; background:url(../images/leftmenu_down.gif) no-repeat left center; padding-left:11px;}
#leftMenu ul { margin-left:7px; margin-top:5px;}

#leftMenu ul li a{display:block;font-size:12px; margin:3px 0; border-left:2px solid #fff; padding-left:5px; padding-top:3px; padding-bottom:2px; }
#leftMenu ul li a:hover{color:#004194; background-color:#f1f1f1; border-left:2px solid #004194;}
#leftMenu ul li a.cut{ background:url(../images/bgSubNavArrowOn.gif) no-repeat left 9px;padding-top:3px;color:#004194;}
#leftMenu ul li ul li a{ font-size:11px;}
#leftMenu ul li ul li a.cut{background:url(../images/bgSubNavArrowOn.gif) no-repeat left 7px;}
#rightContent{ width:783px; padding-bottom:30px;height:100%;border-left:1px solid #d3d3d3; height:100%; padding-left:20px;}
#rightContent #title{ height:110px; background-position:right 0; background-repeat:no-repeat; }
#rightContent #title span{ display:block;color:#cdcdcd;}
#rightContent #title h1{ font-size:40px; font-weight:normal;color:#004194; padding-top:25px;}
#rightContent #xContent{width:577px;color:#444444; line-height:20px;height:100%; margin-top:15px; padding:5px; font-size:12px;}
#rightContent #NContent{width:577px;color:#444444; line-height:20px;height:100%; margin-top:15px; }
#rightContent #rContent{ margin-left:10px; margin-top:30px; margin-right:8px; width:167px;}
.action a{ display:block; border:1px solid #dddddd;color:#004194; font-weight:bold; line-height:19px; float:left;font-size:11px;}
.action a:hover{ border:1px solid #004194;}
.action a#print{ background:url(../images/print_icon.gif) no-repeat left; width:35px; height:19px; padding-left:26px; }
.action a#Save{background:url(../images/save_icon.gif) no-repeat left; width:74px; height:19px; padding-left:26px; font-size:11px; float:right;}

.inPanel .title{ border-bottom:1px dashed #ccc; padding-bottom:5px;}
.inPanel .title h3{ font-weight:normal;}
.inPanel .cnt{ padding:15px; line-height:21px; width:90%;}
.inPanel .more{ text-align:right;}


.proSeries li{ float:left; margin:1px 1px;}
.proSeries li a{ display:block; width:135px; border:1px solid #cdcdcd; padding:1px 0 1px 5px;}
.proSeries li a:hover{ border:1px solid #0051ad;}


.newsList ul li{ border-bottom:1px dashed #cdcdcd;  line-height:normal; padding-bottom:4px; margin-bottom:6px; }
.newsList ul li .Bg{ background:#f1f1f1;}
.newsList ul li a{ font-weight:bold;}
.newsList ul li span{ display:block; font-size:11px;color:#999999; margin-top:1px;}
.newsList ul li font{ font-size:11px; line-height:normal; display:block; margin-top:1px;}
.pageItems { border:1px solid #e4e4e4; padding:1px 3px; margin-top:20px; font-size:11px; text-align:center;}
.pageItems a{color:#015ec5;}

#GlobalSearch{ height:450px;}
#GlobalSearch{ padding:20px 10px 20px 10px;}
#GlobalSearch .searchInfo{ display:none;}
#GlobalSearch .SearchBar{ width:695px; margin:0 auto;}
#GlobalSearch .searchCnt{width:695px; margin:0 auto; padding:10px;}
#GlobalSearch .searchCnt table{ margin-top:6px;}
#GlobalSearch .searchCnt table { font-size:12px; border-bottom:1px  dashed #cdcdcd; padding-bottom:2px;}
#GlobalSearch .SearchBar .searchIpt{ border:1px solid #ccc; padding:2px;}
#GlobalSearch .SearchBar .searchBtn{ width:60px; border:1px solid #ccc; height:21px; }

.NewsView{}
.NewsView h3{}
.NewsView .info{ background:#f1f1f1; padding:0 6px; font-size:11px; margin-top:4px;}
.NewsView .PreNext{ border:1px solid #cdcdcd; padding:3px 10px;background:#f1f1f1;}
.NewsView .PreNext a{ text-decoration:underline;}

.jNiceSelectWrapper {
	width: 142px;
	position:relative;
	height:22px;
}

.jNiceSelectWrapper div span {
	float: none;
	position: absolute;
	width: 120px;
	height: 22px;
	left:0;
	line-height: 22px;
	padding-left:13px;
	overflow: hidden;
	border-right: none;
	background:url(../images/link.gif) no-repeat;
	font-size:11px;
}

.jNiceSelectWrapper div a {
	display: block;
	position: absolute;
	right: 0px;
	width: 24px;
	height: 22px;
	background: url(../images/link_down.gif) no-repeat center center;
}
.jNiceSelectWrapper div a:hover{
	background: url(../images/link_on.gif) no-repeat center center;
}
.jNiceSelectWrapper ul {
	position: absolute;
	width: 140px;
	bottom: 22px;
	left: 0px;
	background-color: #FFF;
	border: solid 1px #ddd;
	display: none;
	overflow: auto;
	overflow-y: auto;
	z-index:100;
	height:100px;
}

.jNiceSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#0099CC;
	background-color: #FFF;
	font-size:10px;
}

.jNiceSelectWrapper ul a:hover { background:#E1F5FF; }
.jNiceSelectWrapper ul a.selected {background: #004194;color:#fff; font-weight:bold;}
.jNiceSelectWrapper ul a.selected:hover{ background:#004194}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jNiceHidden {display: none;}


.pics { height: 118px; width: 200px; padding:0; margin:0; overflow: hidden }
.pics img { top:0; left:0 }