/* CSS Document */

body{
    background: url(../images/bg_bg.jpg) repeat-x #cccccc; 
	padding: 0;
	margin: 0;
}

#frame{
    background: url(../images/bg_center.gif) repeat-y; 
    font-family: verdana,Arial, Helvetica, sans-serif;
	width: 775px;
	margin: 0 auto;
	padding: 0;
	font-size: 85%;
}

a{ color: #0068fd; text-decoration: none; }
a:hover{color: #ffad00;text-decoration: none;}

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

.clear{ clear: both; }
.hide{ display: none; visibility: hidden;}
.noborder{border: 0;}

#bg-top{
	background: url(../images/bg_top_c.gif) repeat-x;
	width: 775px;
}

#bg-top-l,#box-menu,#bg-top-r,#bg-top{height: 83px;}
	
#bg-top-l{
	background: url(../images/bg_top_l.gif) no-repeat;
	width: 10px;
	float: left;
}

#box-menu{float: left;}

#bg-top-r{
	background: url(../images/bg_top_r.gif) no-repeat;
	width: 10px;
	float:right;
	overflow: hidden;
}

#bg-bottom{
	background: url(../images/bg_bottom.gif) no-repeat;
	height: 13px;
	width: 775px;
	overflow: hidden;
}

#logo{
	height: 67px;/*83*/
	width: 148px;/*157*/
	padding: 16px 0 0 9px;
	float: left;
}

#pic-microsoft{
	background: url(../images/pic_microsoft.jpg) no-repeat center top;
	width: 751px;
	height: 170px;
}

#pic-microsoft-small{
	width: 751px;
	height: 82px;
}

#list{
	background: url(../images/bg_bg.gif) repeat-y;
	width: 753px;/*775*/
	padding: 10px 10px 15px 12px;
	font-size: 80%;
}

#box-left{
	width: 205px;
	float: left;
	overflow: hidden;
}

#logo-company{padding:50px 0 0 20px;}
	
.logo-link{
	overflow: hidden;
	padding: 15px 0 15px;
}

.logo-link a{
	display: block;
	width: 150px;
	overflow: hidden;
	float: left;
}

.logo-link .link-web{
	padding-top: 15px;
	color: #000;
	text-decoration: none;
	font-size: 110%;
	width: 160px;
}
	
.logo-link .link-web:hover{
	padding-top: 15px;
	color: #ffad00;
}

#logo-company-home{
	width: 317px;
	text-align: center;
	overflow: hidden;
	padding: 20px 0 15px 0;
}
.margin-piclink{margin-left: 50px;}
#logo-company-home a img{border: 0;}

#logo-company #microsoft,#avnet,#ibm,#sage{margin:0;border: 0;}

.box-news{ 
	width: 198px;
    background: url(../images/bg_news_c.gif) repeat-y; 
}
.box-news ul{
    margin-left: 5px;
    padding-left: 20px;
}

.box-events{
	background: url(../images/bg_news_c.gif) repeat-y;
	width: 198px;
}
.box-events a{ color: #0068fd; text-decoration: none; }
.box-events a:hover{ color: #ffad00; }

.pd-event{margin-top: 15px;}

.box-news a{color: #0068fd;}
.box-news a:hover{color: #ffad00;text-decoration: none;}

.box-left-link{
	width: 205px;/*185*/
	float: left;
	overflow: hidden;
	padding-top: 8px;
}

.box-news-t{
	background: url(../images/bg_news_t.gif) no-repeat;
	width: 198px;
	height: 5px;
	overflow: hidden;
}

.box-solutions-t{
	background: url(../images/bg_solution_t.gif) no-repeat bottom left;
	width: 185px;
	height: 33px;
	overflow: hidden;
}
.box-solutions-b{
	background: url(../images/bg_solution_b.gif) no-repeat top left;
	width: 185px;
	height: 5px;
	overflow: hidden;
}

#new-small{
	background: url(../images/p_news_small.gif) no-repeat 12px 10px;
	width: 185px;
}

#featured-small{

	background: url(../images/p_featured_small.gif) no-repeat 12px 10px ;
	width: 185px;
}

#left-link-small{
	width: 160px;
	padding: 0px 10px 20px 15px;
}

#events-small,#learnmore-small,#new-small,#featured-small{
	padding: 27px 10px 10px 10px;
	overflow: hidden; 
}
	
#events-small{
	background: url(../images/pic_event.gif) no-repeat 12px 10px;
    width: 178px;
	/*width: 185px; */
}

#learnmore-small{
	background: url(../images/p_learnmore_small.gif) no-repeat 12px 10px;
	width: 178px;
}
	
.box-news-b{
	background: url(../images/bg_news_b.gif) no-repeat;
	width: 198px;
	height: 5px;
	overflow: hidden;
}

#box-theright{
	background: url(../images/h_theringh.gif) no-repeat 13px 0;
	width: 547px;/*480*/
	float: left;
	overflow: hidden;
}

#text-theright{
	float: left;
	width: 319px;/*340*/
	padding: 60px 15px 0 13px;
}

#box-pic-right{
	float: left;
	width: 198px;
	padding-bottom: 10px; /* 30px */
}
 	
#learnmore{
	width: 198px;
	float: left;
	font-size: 100%;
}
#learnmore p{margin: 3px 0px 0px 0px;}
#learnmore a{color: #000;text-decoration: none;}
#learnmore a:hover{color: #ffad00;}

#event,#event2{
	width: 200px;
	float: left;
	font-size: 100%;
}

#event2{
	/*float: left;
	font-size: 100%;  */
}

#event a,#event2 a{	
	color: #0068fd;
	text-decoration: none;
}

#event a:hover,#event2 a:hover{
	color: #ffad00;
	text-decoration: none;
}

#list-menu{
	width: 499px;/*549*/
	float: left;
	padding: 10px 25px 50px 25px;
}
#list-menua{
	width: 499px;/*549*/
	float: left;
	padding: 10px 25px 10px 25px;
}
#list-login{
	padding: 10px 25px 50px 25px;
}

#list-company{
	width: 339px;
	float: left;
	padding-right: 10px;
}

#list-allpage{
	width: 527px;/*365&335*/

	padding: 10px 8px 0 5px;
	float: left;
}

#list-allpage ul{
	padding: 0;
	margin: 0 0 20px 0;
}

#list-allpage ul li{
	padding: 0;
	margin: 2px 0 2px 15px;
}

#list-allpage p,#list-menu .span{margin: 8px 0 8px;}
#list-allpage span,#list-company span{color: #ffad00;}

#list-allpage1{
	width: 527px;/*365&335*/
	height: 380px;
	padding: 10px 8px 0 5px;
	float: left;
}

#list-allpage1 ul{
	padding: 0;
	margin: 0 0 10px 0;
}

#list-allpage1 ul li{
	padding: 0;
	margin: 2px 0 2px 15px;
}

#list-allpage1 p,#list-menu .span{margin: 8px 0 8px;}
#list-allpage1 span,#list-company span{color: #ffad00;}



#list-menu p {margin: 3px 0 15px;}
#list-menu span{color: #feae01;}

/*------------font-----------*/
h3 {
	font-size: 160%;
	color: #020082;
	margin: 0;
	padding:0;
}

h4 {margin: 20px 0 0 0;font-size: 120%;}

h5{
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 100%;
	text-align: center;
}

h6{
	font-size: 80%;
	font-weight: normal;
	margin-top: 30px;
}

#box-right{
    float: left;
    width: 198px;
    overflow: hidden;
}

/*
.m-remote a,.m-service a{height: 33px; float:left; }

.m-remote a{
	background: url(././images/m_remote.gif) no-repeat;
	width: 142px;
}
*/

.m-service a{
	background: url(../images/m_service.gif) no-repeat;
	width: 106px;
	margin-left: 2px;
}

#on-supplier {background: url(../images/m_supplier_on.gif) no-repeat;}
#on-remote {background: url(../images/m_remote_on.gif) no-repeat;}
#on-service {background: url(../images/m_service_on.gif) no-repeat;}
/*----------------*/
#menu-bottom{
	width: 100%;
	text-align: center;
	font-size: 90%;
	color: #b6ac89;
	padding: 10px 0 20px;
}

#menu-bottom a,#menu-bottom a:hover{
	text-decoration: none;
	line-height: 18px;	
}

#menu-bottom a{color: #b6ac89;}
#menu-bottom a:hover{color: #ffad00;}
/*------------------------------------*/

#customer-login{
	width: 100%;
	margin: 0;
}
#customer-login .m-remote, #customer-login .m-service, #customer-login .m-email{
	width: 197px;
	height: 28px;
	display: block;
    margin: 0 auto;
}


#customer-login.cent{ text-align: center; }

.m-remote{background: url(../images/m_login_remote.gif) no-repeat;}
.m-service{background: url(../images/m_login_service.gif) no-repeat;}
.m-email{background: url(../images/m_login_email.gif) no-repeat;}

#customer-login p,#customer-login p span{
	display: block;
	margin:0;
}

#customer-login p{
	height: 26px;
	width: 350px;
}

#customer-login p span{
	height: 20px;
	width: 180px;
	float: left;
	font-size: 110%;
	color: #000;
	text-align: right;
}

.submit{
	font-weight: bold;
	height: 23px;
	margin: 0;
	font-size: 90%;
	float: right;
	padding: 1px 1px 1px 1px;
}
.password,.username{
	height: 15px; 
	width: 150px;
	float: right;
}
/*------------------------------------*/
.menutitle{
	cursor:pointer;
	margin-bottom: 5px;
	color: #000;
	width: 155px;
	padding: 0 0 0 12px;
	text-decoration: none;
	line-height: 20px;
	font-size: 100%;
}

#masterdiv span{
	font-weight:bold;
	font-size: 100%;
	line-height: 20px;
}

.link-menu a{
	color: #000;
	text-decoration: none;
}

.link-menu a:hover,.menutitle:hover{color: #ffad00;}

.submenu,.submenu li{margin: 0;}

.submenu{
	text-decoration: none;
	padding: 0;
	list-style: none;
}
.submenu li{

	background: url(../images/mark.gif) no-repeat 18px 6px;
	padding: 2px 0 2px 28px;
}
.submenu a{
	font-size: 90%;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
.submenu a:hover{color: #ffad00}

#on-orange{color: #ffad00;}
/*#on-blue{color: #0068fd;}*/
#table-Personnel,#table-service{background: #000;}

#table-Personnel tr td{
	background: #fcfdff;
	padding: 3px 3px 3px 4px;
	margin:0;
}
#table-service{margin-top: 5px;}
#table-service tr {background: #fcfdff;}

#table-service ul{
	list-style: none;
	margin: 0; 
	padding:0;
	padding: 10px 3px 10px 6px;
	text-align: left;
}

#table-service ul li{
	padding: 0;
	font-size: 85%;
	margin: 6px 0 6px ;
}

#table-service tr td{width: 106px;}

.coming-soon{height: 250px;}

.pic-staff{
	width: 150px;
	float: right;
	margin: 0 0 5px 5px;
}

#link-profile{font-size: 120%;}
#link-profile a{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
#link-profile a:hover{color: #ffad00;}

.top-page a{color: #858585;}
.top-page a:hover{color: #000;}

.style1 {color: #000000}
.font_black{ color:#000000;}

.style1 {
	font-weight: bold;
}
.text_head_size{
font-size: 120%
}

.text_orange {
color:#FFAD00;}
.submenuin{
 margin:0; 
 padding:5px 0  5px 5px; 

}
.sub_list1{
margin: 0 0 0 20px;

padding: 0 0 0 20px;}

.text_orange {
color:#FFAD00;}
.text_back {
color:#000000;}

#s2 ,#s3  { visibility:hidden; display:none; height:0px ; }

.ulclassa {
padding: 0 0 0 22px !important;
margin: 0 0 0 0 ;
}

.ulcontent {
padding: 0 0 0 20px;
margin: 0 0 0 0px;
}

.paddingleft{
padding: 0 0 0 20px;
}
/*java*/
#c1{ color:orange;}