@charset "utf-8";
/* CSS Document */

/*---------------------------Genrael Clases---------------------------------------*/



body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#848A9D;
	background:url(../images/footer.jpg) repeat-x bottom;
}



* {
	margin:0px;
	padding:0px;
}

.fl{
	float:left;
}

.fr{
	float:right;
}
.clr{
	clear:both;
}

ul,li{
	list-style:none;
}

a {
	text-decoration:none;
	color:#999999;
}

a:hover{
	text-decoration: underline;
}

/*---------------------------Layout Content Clases---------------------------------*/

#Layout{                /*------------------------For Page Main Width------------------------------------*/
	width:900px;
	margin:auto;

}


#Top{
	height:138px;
	position: relative;
	background:url(../images/top-bg.jpg) no-repeat;
}

#Logo{
position:absolute;
left:10px;
top:5px;

}

.TopIcon{
position:absolute;
right:0px;
top:5px;
height:45px;
overflow:hidden;
width:209px;
background:url(../images/topcontentBG.jpg) no-repeat left top;
}
.TopIcon img{
border:none;
}
.TopIcon ul{
padding-left:12px;
}
.TopIcon li{
margin-right:10px;
float:left;
}
#TopContent{
position:absolute;
right:0px;
top:50px;
height:22px;
width:209px;
color:#FF6600;
text-align:left;
overflow:hidden;
}
#TopContent a{
color:#FF6600;
font-weight:bold;
margin:0 5px;
}

#Nav{
	position:absolute;
	bottom:0px;
	left:0px;
	overflow:hidden;
	height:22px;
	background:url(../images/nav-bg.jpg) top;
	width:100%;
	
}
#Nav ul{
	height:22px;
		width:100%;
}
#Nav ul li{
	float:left;
	height:22px;


}
#Nav ul li a{
	color:#000000;
	height:41px;
	line-height:22px;
	float:left;
	display:block;
	padding:0 20px;
	color:#FFFFFF;
	font-family:Tahoma;
	font-weight:bold;
	font-size:11px;


}
#Nav ul li.right{
background:none;
padding-right:0px;
}


#Nav ul li a:hover,
#Nav ul li.selected a{
text-decoration: underline;
}
#Nav ul li.left a:hover,
#Nav ul li.leftselected a{
}
#Nav ul li.right a:hover,
#Nav ul li.rightselected a{
}
#Content{
padding-top:10px;
padding-bottom:10px;
width:820px;
margin:auto;
}

#Content .LeftSide{
	float:left;
	width:155px;
	overflow:hidden;
}
#Content .LeftSide .MainNav li{
background: url(../images/leftnav-bg.gif) left top;
font-weight:bold;
height:37px;
line-height:30px;
font-family:Tahoma;
}
#Content .LeftSide .MainNav li a{
color:#677079;
}
#Content .LeftSide .MainNav li .num{
position:absolute;
background:#FF8A05;
color:#FFFFFF;
right:4px;
top:8px;
width:16px;
text-align:center;
padding:0 1px;
float:right;
line-height:15px;

}


#Content .LeftSide .Add{
margin-top:30px;
}

#Content .RightSide{
	float:right;
	width:646px;
}
.weleomOuter{
margin-bottom:20px;
}
.RightSide .welcomebox{
width:438px;
height:220px;
overflow:hidden;
float:left;

}
.RightSide .welcomebox .welcomebody{
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.welcomebox .welcomebody h2{
font-family:Tahoma;
font-size:28px;
color:#848A9D;
margin-bottom:8px;
font-weight:normal;
}
.welcomebox .welcomebody p{
line-height:15px;
color:#848A9D;
margin-bottom:10px;

}
.welcomelist ,
.welcomelist a{
color:#FFFFFF;
}
.welcomelist li{
margin-bottom:12px;
}
.RightSide .searchboxouter{
	width:200px;
	float:right;
	height:220px;
	overflow:hidden;
	border:#C0C0C0 solid 1px;
	padding-top:7px;
}
.searchboxouter .searchboxbg{
	background:url(../images/search-bg.gif) repeat-y left;
	width:187px;
	margin:auto;
}
.searchboxouter .searchbox{
	background:url(../images/searc-bg-bottoom.gif) no-repeat left bottom;
	
}
.searchboxouter .searchbox h3{
background:url(../images/search-top.gif) no-repeat top;
height:42px;
color:#FFFFFF;
padding-left:34px;
line-height:30px;
font-size:16px;
}
.searchboxouter .searchbody{
padding:0 15px 10px;}

.searchboxouter .searchbody li{
margin-bottom:5px;
}
.searchboxouter .searchbody li select{
width:158px;
height:20px;
font-size:12px;
}
.searchboxouter .searchbody label{
display:block;
font-size:11px;
padding-bottom:4px;
font-weight:bold;

}
.searchboxouter .searchbody li.action{
text-align:right;
}

.productBox{
width:646px;
margin-bottom:10px;
}

.productBox .pro-body{
height:214px;
border:#F1F1F2 solid 8px;
background:#FFFFFF;
position:relative;
}
.pro-body .Thum{
width:126px;
float:left;
border-right:#F1F1F2 solid 8px;
}
.pro-body .Thumbody{
text-align:center;
padding:10px 0;
border:#DBDFE3 solid 1px;
background:#fff;

}
.pro-body .Pro-Detail{
float: right;
width:464px;
padding:10px;
}
.pro-body .Pro-Detail h3{
font-size:22px;
margin-bottom:10px;
}
.pro-body .Pro-Detail li{
background:url(../images/pro-bulite.gif) no-repeat left top;
background-position:0 3px;
float:left;
width:205px;
margin-bottom:4px;
padding-left:15px;
}
.pro-body .Pro-Detail li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#A0A0A0;
}
.pro-body .moreinfo{
	position: absolute;
	bottom:10px;
	right:10px;
}
.pro-body .moreinfo a{
background:url(../images/mroe-info.gif);
width:84px;
height:25px;
line-height:18px;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
display:block;
text-align:center;
padding-left:17px;
color:#FE6400;
}
.probox2{
background:url(../images/pro-box2-bg.gif) top;
width:318px;
float:left;

}
.probox2 .probox2bg{
}
.probox2 .proboxbody{
padding:10px;
padding-top:15px;
position:relative;
border:1px solid #BBC2C8;

}

.probox2 .proBox2Thum{
float:left;
width:70px;
text-align:center;
}
.probox2 .proBox2Thum .network{
margin-bottom:15px;
}

.probox2 .probox2detail{
float:right;
width:216px;
}
.probox2 .probox2detail li{
background: url(../images/blue-bulite.jpg) no-repeat 0 4px;
padding-left:10px;
}
.probox2 .probox2detail li a{
font-family:Tahoma;
font-size:10px;
color:#474D52;

}
.probox2 .probox2detail h3{
font-size:18px;
font-family:Tahoma;
color:#848A9D;
margin-bottom:15px;
}

.probox2 .moreinfo{
	position: absolute;
	bottom:10px;
	right:10px;
}
.probox2 .moreinfo a{
background:url(../images/mroe-info.gif);
width:84px;
height:25px;
line-height:18px;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
display:block;
text-align:center;
padding-left:17px;
color:#FE6400;
}
.fr{
float:right;
}
.smallouter{
margin-bottom:10px;
}
.smallouter li{
width:151px;
float:left;
height:185px;
position:relative;
margin-right:11px;
overflow:hidden;
border:#BBC2C8 solid 1px;


}
.smallouter li.last{
margin:0px;
float:right;
}
.smallouter li .smallbox{
background:url(../images/small-box.gif) repeat-x bottom;
height:175px;
padding:0 10px;
padding-top:10px;
}
.smallbox h4{
height:40px;
font-size:12px;
color:#424847;
margin-bottom:10px;
}
.smallbox h4 img{
float:left;
}
.smallbox h4 span{
display:block;
width:90px;
float:right;
color:#FFFFFF;
background:url(../images/orange-bg.gif);
padding-left:10px;

}
.smallbox p img{
float:left;
margin-right:15px;
}
.smallbox p{
font-size:10px;
font-family:Tahoma;
color:#474D52;
}
.proBox2Outer{
margin-bottom:10px;
}
.smallbox .moreinfo{
	position: absolute;
	bottom:6px;
	right:23px;
}
.smallbox .moreinfo a{
background:url(../images/more2.jpg) no-repeat;
width:84px;
height:25px;
line-height:18px;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
display:block;
text-align:center;
padding-left:17px;
color:#FE6400;
}
.text{
font-family:Tahoma;
font-size:10px;
color:#746F4F;
float:left;
width:375px;
}
.text h4{
font-size:16px;
color:#746F4F;
margin-bottom:5px;
font-family: Arial, Helvetica, sans-serif;
}
.usefullink{
float:right;
width:260px;
background: url(../images/bule-box-bg.gif) repeat-y;
}
.usefullink .usefulboxy{
background:url(../images/bule-box-btm.gif) no-repeat bottom left;
padding:10px;
padding-top:0px;
padding-bottom:15px;
}
.usefullink h4{
background:url(../images/bule-box-top.gif) no-repeat left top;
height:22px;
line-height:22px;
padding-left:10px;
font-size:16px;
color:#2F2B18;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
}
.usefullink li{
float:left;
width:110px;
}
.usefullink li a{
color:#848A9D;
font-size:11px;
text-decoration:underline;
}
.usefullink li a:hover{
text-decoration:none;
}
#Footer{
color:#FFFFFF;
height:231px;
overflow:hidden;
position:relative;
}
#Footer .f-box{
float:left;
width:150px;
height:150px;
margin-top:15px;
padding-left:10px;
background:url(../images/f-sep.gif) no-repeat right top;
}
#Footer .f-box ul{
margin-bottom:0px;
}
 #Footer .f-box h4{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#FF8A05;
 margin-bottom:0px
 }
#Footer .f-box a{
 color:#4A4E52;
 font-size:9px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 } 
#Footer .f-box li{
 margin-bottom:0px;
 height:13px;
 overflow: hidden;
 }
 .rights{
 position:relative;
 bottom:5px;
 font-family:Tahoma;
 font-size:9px;
 color:#939597;
 }
 .power{
 position:absolute;
 right:0px;
 bottom:5px;
  font-family:Tahoma;
 font-size:9px;
 color:#A1A6A8;
 }