body{
margin:0px;
/*background:url(../images/i_main_bg.jpg) repeat-x #cccccc top;*/
background:#cccccc;
font-family:Arial, "Arial Narrow", Helvetica, sans-serif; 
}
.center-div{
margin:0px auto;
/*width:993px;*/
width:1003px;
/*background:url(../images/i_center_bg.gif) repeat-y right;*/
background:#FFFFFF;
/*padding-left:10px;*/
display:table;
clear:both;
}
.left{
float:left;

}
.right{
float:right;
}
img{
border:0px;
}
#banner-friendly{
float:left;
height:83px;
}
.printer-friendly{
margin:0px auto;
width:779px;
background:#FFFFFF;
display:table;
}
.printer-content{
padding:5px 10px 5px 10px;
margin:0px;
}

/*-------------------------- Home Paeg --------------------------*/

/*------------- Top Bar -------------*/
#logo{
width:207px;
height:83px;
margin-left:10px;
float:left;
}
#bg-toplink{
background:url(../images/i_bg_toplink.jpg) no-repeat;
width:786px;
height:83px;
float:right;
text-align:right;
}
/*--- Link ---*/
#link-wrapper{
width:auto;
height:28px;
float:right;
background:#8a877f;
}
#link-wrapper div{
width:auto;
float:left;
font-size:11px;
font-weight:bold;
margin:3px 0px 0px 0px!important;
margin/**/:0px 0px 0px 0px;
}
#link-wrapper p{
margin:0px;
color:#ffffff;
padding:5px 10px 0px 0px;
float:left;
}
#link-wrapper img{
float:left;
padding-right:5px;
}
#link-wrapper a{
color:#ffffff;
text-decoration:none;
}
/*--- Link ---*/
.tag{
color:#8b8880;
float:right;
font-size:13px;
font-weight:bold;
margin-right:10px;
margin-top:15px;
clear:right;
}
.tag a{
color:#557490;
text-decoration:none;
}
.ben-bg{
width:278px;
background:url(../images/i_ben_bg.gif) repeat-y;
}
.ben-bg p{
width:260px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:10px;
margin:0px;
line-height:17px;
}
.over-bg{
width:278px;
background:url(../images/i_over_bg.gif) repeat-y right;
}
.over-bg p{
width:260px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:10px;
margin:0px;
line-height:17px;
}
/*------------- Menu -------------*/
#navigation-space{
margin-left:183px;
}
/*------------- Menu -------------*/

/*------------- Banner -------------*/
#banner-text{
background:url(../images/i_bg_banner_text.gif) repeat-x right bottom;
height:54px;
width:662px;
font-size:14px;
color:#284057;
text-align:right;
float:right;
}
#banner-text p{
margin:5px 10px 0px 0px;
}
/*------------- Banner -------------*/

/*------------- Content area -------------*/
/*--- Left Area ---*/
.brd-bottom{
border-bottom:5px #5b5850 solid;
}
#left-area{
width:183px;
float:left;
font-size:11px;
color:#000000;
border-top:5px #5b5850 solid;
/*clear:both;*/
background:#cccccc;
margin:10px 10px 0px 10px!important;
margin/**/:10px 0px 0px 5px;
}
#left-area a{
color:#000000;
text-decoration:none;
}
#left-area a:hover{
color:#000000;
text-decoration:underline;
}
#left-area span{
font-style:italic;
text-decoration:none;
float:right;
}
#left-area h1{
font-size:12px;
color:#000000;
padding:10px 10px 10px 10px;
margin:0px;
background:#bfbbb0;
border-bottom:#FFFFFF 1px solid;
}
#left-area p{
margin:0px;
padding:8px;
background:#bfbbb0;
border-bottom:#FFFFFF 1px solid;
}
/*--- sub link ---*/
#left-area ul{
margin:0px;
padding:0px;
background:#c6d2de;
}
#left-area li{
margin-left:25px;
list-style-type:square;
line-height:16px;
text-align:left;
padding:5px 5px 0px 5px;
}
#left-area .selected{
color:#000000;
margin-left:25px;
list-style-type:square;
line-height:16px;
text-align:left;
padding:5px 5px 0px 5px;
background:#e4e9ef;
}
/*--- Left Area ---*/

/*--- Left Area innerpage ---*/
#left-area-inner{
width:183px;
float:left;
font-size:11px;
color:#000000;
border-bottom:5px #5b5850 solid;
/*clear:both;*/
background:#cccccc;
margin:0px 10px 0px 10px!important;
margin/**/:0px 0px 0px 5px;
}
#left-area-inner a{
color:#000000;
text-decoration:none;
}
#left-area-inner a:hover{
color:#000000;
text-decoration:underline;
}
#left-area-inner span{
font-style:italic;
text-decoration:none;
float:right;
}
#left-area-inner h1{
font-size:12px;
color:#000000;
padding:10px 10px 10px 10px;
margin:0px;
background:#bfbbb0;
border-bottom:#FFFFFF 1px solid;
}
#left-area-inner p{
margin:0px;
padding:8px;
background:#bfbbb0;
border-bottom:#FFFFFF 1px solid;
}
/*--- sub link ---*/
#left-area-inner ul{
margin:0px;
padding:0px;
background:#bfbbb0;
}
#left-area-inner li{
margin-left:25px;
list-style-type:square;
line-height:16px;
text-align:left;
padding:5px 5px 0px 5px;
}
#left-area-inner .selected{
color:#000000;
margin-left:25px;
list-style-type:square;
line-height:16px;
text-align:left;
padding:5px 5px 0px 5px;
background:#e4e9ef;
}


/*--- Middle Area ---*/
#middle-area{
width:800px;
float:right;
padding:10px 0px 10px 0px;
/*background:url(../images/i_center_bg.gif) repeat-y right;*/
}
#middle-left-content{
width:560px;
float:left;
padding:0px 0px 0px 7px!important;
padding/**/:0px 0px 0px 7px;
}
#middle-right-content{
width:200px;
float:right;
margin:0px 10px 0px 10px!important;
margin/**/:0px 5px 0px 10px;
}
#middle-right-content a{
color:#000000;
text-decoration:none;
}
.main-link{
padding:0px;
padding:7px 0px 0px 0px!important;
margin:0px;
color:#cc3309;
font-size:13px;
font-weight:bold;
}
.main-link img{
float:left;
padding-right:5px;
}
.main-link p{
padding:5px 0px 0px 0px;
}
.main-link p a{
color:#cc3309;
text-decoration:none;
}
/*--- Middle Area ---*/

/*--- right Area ---*/
.content-right-yellow{
background:url(../images/i_yellowbg_right_box.gif) repeat-x;
height:100px auto;
color:#855b31;
font-size:13px;
text-align:center;
padding:10px;
/*margin-top:20px;*/
}
.content-right-blue{
background:url(../images/homepage/i_light_yellow_bg.jpg) repeat-x;
height:113px;
color:#000000;
font-size:13px;
text-align:left;
padding:10px;
}
.content-right-blue ul{
color:#444444;
font-size:12px;
margin-left:12px;
padding-left:5px;
}
.content-right-blue li{
list-style-type:disc;
}
/*--- right Area ---*/
/*------------- Content area -------------*/

/*------------- Footer -------------*/
.bottom{
font-size:11px;
color:#FFFFFF;
padding:9px;
height:12px;
background-color:#8a877f;
clear:both;
}
.bottom a{
color:#FFFFFF;
text-decoration:none;
}
.bottom a:hover{
text-decoration:underline;
}
/*------------- Footer -------------*/

/*-------------------------- Innet Page --------------------------*/
/*--- Middle-left ---*/
#middle-right-content2{
width:170px;
float:left;
margin:0px 0px 0px 10px;
font-size:11px;
}
#middle-left-content2{
width:590px;
float:left;
padding:0px 5px 5px 10px;
color:#000000;
font-size:12px;
}
#middle-left-content2 p{
line-height:17px;
}
#middle-left-content2 ul{
margin:0px;
padding:0px 0px 0px 0px;
}
#middle-left-content2 li{
margin-left:20px;
list-style-type:square;
line-height:16px;
padding-bottom:10px;
}
#middle-left-content2 h1{
background-color:#EBEBEB;
border:1px #CCCCCC solid;
font-size:13px;
color:#000000;
margin:0px;
padding:5px;
}
#middle-left-content2 h2{
font-size:12px;
font-weight:bold;
color:#5b5850;
/*color:#000000;*/
}
#middle-left-content2 h3{
background-color:#dad4ca;
font-size:12px;
color:#333333;
margin:0px;
padding:5px;
margin-bottom:5px;
clear:both;
}
#middle-left-content2 h4{
font-size:12px;
color:#3e546b;
margin:0px;
}
#middle-left-content2 span{
color:#cc6600;
font-size:12px;
}

#middle-left-content2 a{
color:#777777;
text-decoration:none;
}
#middle-left-content2 a:hover{
color:#000000;
text-decoration:underline;
}
/*--- Middle-left ---*/
/*--- Middle-right ---*/
#middle-right{
width:170px;
float:left;
margin:10px 0px 0px 15px;
color:#000000;
font-size:12px;
}
#middle-right-grey{
background:url(../images/homepage/i_light_blue_bg.jpg) repeat-x top;
width:170px;
height:100px;
float:left;
margin:10px 0px 0px 15px;
color:#000000;
font-size:12px;
}
#middle-right-grey ul{
margin:10px 5px 0px 5px;
padding:0px;
}
#middle-right-grey li{
margin-left:20px;
list-style-type:square;
line-height:16px;
padding-bottom:10px;
}
#middle-right-grey a{
color:#666666;
text-decoration:none;
}
#middle-right-grey a:hover{
color:#000000;
text-decoration:underline;
}
#middle-right-grey p{
margin:10px 10px 0px 10px;
}

/*--- orange ---*/
#middle-right-orange{
background:url(../images/i_light_yellow_bg.jpg) repeat-x;
height:100px;
width:170px;
float:left;
margin:10px 0px 0px 15px;
/*margin:10px 0px 0px 15px;*/
color:#000000;
font-size:12px;
}
#middle-right-orange a{
color:#666666;
text-decoration:none;
}
#middle-right-orange a:hover{
color:#000000;
text-decoration:underline;
}
#middle-right-orange p{
padding:10px;
margin:0px;
}
/*--- yellow ---*/
#middle-right-yellow{
background:url(../images/i_yellowbg_right_box.gif) repeat-x;
height:95px;
width:170px;
float:left;
margin:10px 0px 0px 15px;
/*margin:20px 0px 0px 15px;*/
color:#000000;
font-size:12px;
}
#middle-right-yellow a{
color:#666666;
text-decoration:underline;
}
#middle-right-yellow a:hover{
color:#000000;
text-decoration:none;
}
#middle-right-yellow p{
padding:10px;
margin:0px;
}
#middle-right-yellow h2{
color:#d55226;
font-size:12px;
padding-left:10px;
margin:0px;
}
#middle-right-yellow span{
color:#d55226;
font-size:12px;
}
#middle-right-yellow span a{
color:#d55226;
text-decoration:none;
}
/*--- right ---*/
/*--- left product ---*/
#Product-Info-image{
width:183px;
height:70px;
background:url(../images/innerpages/i_product_bg.gif) repeat-x bottom;
text-align:left;
margin:10px 0px 0px 10px!important;
margin/**/:10px 0px 0px 5px;
padding:0px;
float:left;



}
#Product-Info-image h1{
font-family:"Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
margin:0px;
color:#FFFFFF;
font-size:18px;
text-align:left;
font-weight:bold;
padding:10px 10px 10px 10px;
}
#product-info-tittle{
background:url(../images/innerpages/i_tittle_bg.png) no-repeat;
width:77px;
float:left;
margin-top:12px;
padding:2px;
}
#product-info-tittle span{
color:#284057;
font-size:11px;
font-weight:bold;
padding:3px 3px 3px 3px;
}
/*--- left product ---*/

/*--- breadcrumb ---*/
.pt05{
padding-top:5px;
}
#breadcrumb{
background:url(../images/innerpages/i_breadcrumb.gif) repeat-x;
width:790px;
float:right;
font-size:11px;
margin:10px 10px 0px 0px!important;
margin/**/:10px 5px 0px 0px;
}
#breadcrumb-link{

margin:4px 6px 0px 10px;
float:left;
}
/*#breadcrumb-link img{
float:left;
padding-right:5px;
}*/
#breadcrumb-link p{
font-size:11px;
float:left;
margin:0px;
width:700px;
padding:0px 5px 5px 5px;
}
#breadcrumb-link a{
color:#000000;
text-decoration:none;
}
#breadcrumb-link a:hover{
color:#ce6500;
text-decoration:underline;
}
/*--- breadcrumb ---*/

/*--- Printer ---*/
#print{
color:#284057;
font-size:12px;
background:url(../images/i_print_bg.gif) no-repeat;
width:170px;
height:27px;
margin:13px 10px 0px 0px;
}
#print a{
text-decoration:none;
color:#284057;
}
#print a:hover{
text-decoration:underline;
}
#print div{
padding:5px 0px 0px 5px;
float:left;
}
/*--- Printer ---*/

/*--- content ---*/
.tittle{
margin:0px;
height:48px!important;
height/**/:42px;
width:100%;
padding:0px;
}
.tittle img{
float:left;
padding-right:5px;
}
.tittle p{
margin:0px;
margin-top:20px;
float:left;
color:#cc3309;
font-size:13px;
font-weight:bold;
}
.ul{
margin:0px;
padding:5px 15px 5px 20px;
margin-bottom:10px;
color:#000000;
font-size:12px;
}
.ul li{
margin:0px;
list-style-type:square;
line-height:20px;
}
.tittle-inner{
padding:0px;
padding:5px 0px 0px 0px!important;
margin:0px;
color:#cc6600;
font-size:12px;
font-weight:bold;
}
.tittle-inner p{
color:#cc6600;
margin-top:0px;
}
.tittle-inner p a{
color:#cc6600;
text-decoration:none;
}

#box01-download{
background:url(../images/innerpages/i_download_bg.jpg) repeat-x;
height:40px;
color:#284057;
font-size:12px;
padding:5px 5px 5px 10px;
margin-top:10px;
text-align:left;
}
#box01-download a{
color:#284057;
text-decoration:none;
}
#box01-download a:hover{
text-decoration:underline;
}
.content{
color:#000000;
font-size:12px;
}
.content a{
color:#777;
text-decoration:underline;
}
.content p{
line-height:18px;
}
.user-password{
font-size:13px;
font-weight:bold;
color:#284057;
}
.password-header{
background:#d6cfc6;
color:#666666;
font-size:12px;
font-weight:bold;
text-align:left;
}

.header{
background:#d0cdc4;
color:#000000;
font-size:12px;
font-weight:bold;
text-align:left;
padding-left:10px;
}
.brd-table{
border:1px solid #d0cdc4;
}
.brd-orange{
border-left:1px solid #cc6600;
}
.content-link{
color:#000000;
font-size:12px;
}
.content-link a{
color:#777;
text-decoration:underline;
}
.link{
color:#000000;
font-size:12px;
}
.link a{
color:#000000;
text-decoration:none;
}
.link a:hover{
color:#000000;
text-decoration:underline;
}
/*--- content ---*/

/*-------------------------- Other Inner Page --------------------------*/
#middle-left-content3{
width:775px;
float:left;
padding:0px 5px 5px 10px;
color:#000000;
font-size:12px;
}
#middle-left-content3 p{
line-height:17px;
}
#middle-left-content3 a{
color:#777777;
text-decoration:none;










}
#middle-left-content3 a:hover{
color:#000000;
text-decoration:underline;
}
#middle-left-content3 h1{
font-size:20px;
font-weight:normal;
color:#000000;
margin:0px;
}
#middle-left-content3 h2{
font-size:20px;
font-weight:normal;
text-align:center;
color:Black;
}
#middle-left-content3 h3{
font-size:16px;
font-weight:bold;
color:#FF0000;
margin:0px;
padding:0px;
}
#middle-left-content3 h4{
font-size:12px;
color:#3e546b;
margin:0px;
}
#middle-left-content3 ul{
margin:0px;
padding:0px;
}
#middle-left-content3 li{
margin-left:20px;
line-height:16px;
padding-bottom:10px;
}

.table{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.table td{
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}
/*--- Form ---*/
.input-login{
border:1px solid #999999;
color:#666666;
font-size:12px;
padding:3px;
width:150px;
}
.select{
width:auto;
border:1px solid #666666;
color:#000000;
}
.button{
border:0px;
background:url(../images/i_button_bg.gif) repeat-x;
padding:4px;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}
.button-mo{
border:0px;
background:url(../images/i_button_bg.gif) repeat-x;
padding:4px;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}
.textarea{
border:1px solid #999999;
color:#666666;
font-size:12px;
padding:3px;
}
.user{
width:500px;
font-size:11px;
font-weight:bold;
color:#888888;
margin:3px 0px 5px 5px;
float:left;
padding-top:5px;
}
/*------ User Option - Top Link ------*/

#user-link{
width:auto;
height:28px;
font-size:11px;
font-weight:bold;
color:#ffffff;
float:right;
text-align:left;
background:#8a877f;
}
#user-link div{
float:left;
padding:6px 10px 0px 10px;
}
#user-link a{
color:#ffffff;
text-decoration:none;
}
#user-link a:hover{
color:#ffffff;
text-decoration:underline;
}



/*.user-link-box{
width:auto;
height:28px;
padding:3px 10px 0px 0px;
float:left;
vertical-align:middle;
}
.user-link-box img{
float:left;
}
.user-link-box span{
float:left;
text-align:left;
padding:5px 0px 0px 5px;
}
.user-link-box span a{
color:#8a8a8c;
text-decoration:none;
}
.user-link-box span a:hover{
text-decoration:underline;
}
*/
/*------ User Option - Top Link ------*/


/*------ User Option02 ------*/
#user-wrapper-new{
width:190px;
padding:5px;
background:url(../images/i_user_main_bg.gif) repeat-x #dee5eb bottom;
border:1px solid #e1e5e8;
}
.user-content-new{
background:#e9edf1;
border:1px #b9c6d3 solid;
margin-top:3px;
color:#757170;
font-size:11px;
font-weight:bold;
width:180px;
}
.use-box-new{
float:left;
}
.use-box-new span{
padding:0px;
}
.use-box-new img{
border:0px;
height:41px;
padding:3px 3px 3px 3px;
}
.use-box-new a{
color:#457097;
padding:0px;
text-decoration:none;
display:block;
}
.use-box-new a:hover{
color:#000000;
background:#cccccc;
text-decoration:none;
}
.box-arrow{
padding-right:5px;
float:right;
}
.box-arrow-left{
padding-left:5px;
padding-right:5px;
float:left;
}
/*------ User Option02 ------*/

/*------ Contact Us ------*/

.table-contact{
border-top:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
background:#f7f7f7;
}
.table-contact td{
border-bottom:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
}
.table-contact span{
color:#d54a23;
}
.header-contact{
font-size:11px;
color:#000000;
text-align:left;
padding:6px;
background:url(../images/i_contact_header_bg.gif) repeat-x;
}
.input{
border:1px solid #999999;
color:#666666;
font-size:12px;
padding:3px;
width:80%;
}
.select-contact{
width:80%;
border:1px solid #999999;
color:#666666;
font-size:12px;
padding:3px;
}
.textarea-contact{
border:1px solid #999999;
color:#666666;
font-size:12px;
padding:3px;
width:95%;
}
/*------ Contact Us ------*/
/*-------------------------- Other Inner Page --------------------------*/
#popup{
width:775px;
float:left;
padding:0px 10px 5px 10px;
color:#000000;
font-size:12px;
}
#popup p{
line-height:17px;
padding:0px 10px 5px 0px;
}
#popup a{
color:#000000;
text-decoration:underline;
text-decoration:none;
}
#popup a:hover{
color:#000000;
text-decoration:none;
}
#popup h1{
font-size:20px;
font-weight:normal;
color:#000000;
margin:0px;
}
#popup h2{
font-size:20px;
font-weight:normal;
text-align:center;
color:#FF0000;
}
#popup h3{
font-size:16px;
font-weight:bold;
color:#FF0000;
margin:0px;
padding:0px;
}
#popup h4{
font-size:12px;
color:#3e546b;
margin:0px;
}
#popup ul{
margin:0px;
padding:0px;
}
#popup li{
margin-left:25px;
margin-right:25px;
line-height:16px;
padding-bottom:10px;
}

.center-div-popup{
margin:0px auto;
width:785px;
background:url(../images/i_center_bg.gif) repeat-y;
}

/*--- breadcrumb ---*/
#breadcrumb-popup{
background:url(../images/innerpages/i_breadcrumb.gif) repeat-x;
width:785px;
height:70px;
}
#breadcrumb-link-popup{
/*padding:6px;*/
float:left;
}
#breadcrumb-link-popup img{
float:left;
/*padding-right:5px;*/
}
#breadcrumb-link-popup p{
font-size:11px;
float:left;
margin:0px;
width:775px;
padding-top:5px;
}
#breadcrumb-link-popup a{
color:#5b7893;
text-decoration:none;
}
#breadcrumb-link-popup a:hover{
text-decoration:underline;
}
.top{
text-align:right;
color:#3e546b;
font-size:11px;
font-weight:bold;
padding:10px 15px 10px 0px;
background:#E5E5E5;
margin-right:10px;
}
.top a{
color:#FF0000;
font-weight:bold;
text-decoration:none;
}
.top a:hover{
text-decoration:underline;
}
/*--- breadcrumb ---*/