@import url("css/variations/stylesheetwidget.css");
@import url("css/menu.css");
/*---------------------------------------default--------------------------------------*/


body,li,ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; line-height: 20px; background-color:#FFFFFF; padding: 0; color:#000000;}

div, h2, h3, h4, p, form, label, input, textarea, img, span, table, td{margin:0; padding:0;}

table { border-collapse:collapse;}

td { vertical-align:top;font: normal 12px Arial, Helvetica, sans-serif text-decoration:none; line-height: 20px; }
ul{	margin:0; padding:0; list-style-type:none ; margin-left:15 ; }

ul li{ margin-top:0 ; margin-bottom:0 ; }

a:link img{border:0}
a:hover img{border:0} 
a:visited img{border:0} 

a:link {color: #01062e; text-decoration: none;font-size:12px; font-weight:normal;}
a:hover{color: #799332; text-decoration: underline;font-size:12px; font-weight:bold;}
a:visited{color: #000000;text-decoration: none;font-size:12px; font-weight:bold;}

h1 { font-family:Arial, Helvetica, sans-serif; color:#799332; font-size:22px; border-bottom:1px solid #799332;  font-weight:bold; margin-bottom: 10px; margin-top: 10px; line-height:26px; padding-bottom:3px;}
h2 { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:16px; font-weight:bold; margin-bottom: 5px; margin-top: px; line-height:16px;}
h3 { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; font-weight:bold; margin-bottom: 5px; margin-top: 5px; line-height:12px;}
p { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 20px; text-align:justify;}

.TitleHead {font-size:14px;}

}
/*---------------------------------------banner--------------------------------------*/

#banner { width:980px; height:254px; margin:0 auto; padding:0;}

.banner_qoute { width:268px; height:254px; background:#000000;  padding:0; margin:0;}

/*---------------------------------------banner--------------------------------------*/

.logo{ width:140px; height:254px; margin:0 auto; padding:0; background-image:url(images/logo.jpg);}

/*---------------------------------------menu--------------------------------------*/
#menu { width:980px; height:43px; margin:0 auto; background-image:url(images/page/menu_bg.jpg); background-color:#bcbcbc; }


/*---------------------------------------banner gap--------------------------------------*/
#banner_gap { width:980px; height:4px; margin:0; padding:0; background:url(images/page/gap_bg2.gif) repeat-x;}

/*---------------------------------------home content--------------------------------------*/


.home_content { width:395px; vertical-align:text-top; margin: 0 30px 0 0px; }
.home_content p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 20px; text-align:justify;}
.home_content h1 { color:#799332; font-size:22px; border-bottom:1px solid #799332;  font-weight:bold; margin-bottom: 10px; margin-top: 10px;  line-height:26px;}
.feature{ width:270px; padding: 10px 0 10px 0px; background-color:#FFFFFF; border:#CCCCCC solid 1px; border-top:0px; border-bottom:0px; }

.feature_header{ width:270px; height:27px;}

.bottom_solutions { width:270px; height:13px;}



/*---------------------------------------content--------------------------------------*/
#content { width:980px; margin:0 auto; padding:0; }
#main_content { width:739px; margin:0 auto; padding:0; background-color:#FFFFFF;}
.left_content { width:700px; margin:0; padding-left:25px; padding-right:25px; padding-bottom:30px; padding-top: 10px;background:url(images/page/bgcontent.gif) left top no-repeat #FFFFFF;}



.why_use { width:700px; margin:0; padding-left:40px; padding-right:5px; padding-bottom:30px; padding-top: 30px;background:#FFFFFF;}


/*---------------------------------------side panel--------------------------------------*/


#side_content { width:231px; margin-right:0px; padding:0; background-image:url(images/page/side_panel_bg.gif); background-color:#bcbcbc;}
.side_con_bottombg { width:231px; height:33px; margin:0; padding:0; background-image:url(images/page/bottom_bg.gif); background-repeat:no-repeat;}

.side_nav{ width:206px; padding-top:10px; padding-bottom:0px;}
.side_navheader{ width:206px; height:27px; background-image:url(images/page/bg_blacklabel.gif);padding:0px; font:Arial, Helvetica, sans-serif 10px; font-weight:bold; text-align:center; vertical-align:middle; color:#FFFFFF;}
.side_navi_cont a,a:hover{color:#799332;  font-size:10px; font-weight:bold;}

.side_navi_cont p{color:#000000;  font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; padding:5px 17px 7px 17px; text-align:justify;line-height: 14px;}
.side_navi_cont img{padding:8px 0px 7px 0px;}
.side_navi_cont li{list-style-type:none; background:url(images/page/bullet.gif) no-repeat left; font-size:11px; font-weight:bold ; color:#799332;  line-height:5px;  padding:7px 17px 7px 17px; }

.news{ width:206px;margin-top:10px; margin-bottom:0px; padding:0px; background-color:#FFFFFF; }
.news_header{ width:206px; height:27px; background-image:url(images/page/bg_greenlabel.gif); padding-left:10px; font:Arial, Helvetica, sans-serif 12px; font-weight:bold; text-align:left; vertical-align:middle; color:#FFFFFF;}
.news h4{color:#799332;  font-size:11px; font-weight:bold;margin-left:17px;margin-right:10px; line-height:normal; margin-top:0px; }
.news h5{color:#999999;  font-size:10px; font-weight:normal;margin-left:17px;margin-right:10px;line-height:normal; margin-top:0px; margin-bottom:0px;}

.promo{ width:206px; margin-top:10px; margin-bottom:0px;  padding:0px; background-color:#FFFFFF;}
.promo_header{ width:206px; height:27px; background-image:url(images/page/bg_greenlabel.gif); padding-left:10px; font:Arial, Helvetica, sans-serif 12px; font-weight:bold; text-align:left; vertical-align:middle; color:#FFFFFF;}

.quicklink{ width:206px; margin-top:10px; margin-bottom:0px; padding:0px; background-color:#FFFFFF;}
.quick_header{ width:206px; height:27px; background-image:url(images/page/bg_greenlabel.gif); padding-left:10px; font:Arial, Helvetica, sans-serif 12px; font-weight:bold; text-align:left; vertical-align:middle; color:#FFFFFF;}
.quicklink a{color:#000000;  font-size:10px; font-weight:bold;}
.quicklink a:hover{color:#799332;  font-size:10px; font-weight:bold;}
.quicklink a:visited{color:#000000;  font-size:10px; font-weight:bold;}

.customer{ width:206px; margin-top:10px; margin-bottom:0px; padding:0px; background-color:#FFFFFF; }
.cust_header{ width:206px; height:27px; background-image:url(images/page/bg_greenlabel.gif); padding-left:10px; font:Arial, Helvetica, sans-serif 12px; font-weight:bold; text-align:left; vertical-align:middle; color:#FFFFFF;}
/*---------------------------------------side navigation--------------------------------------*/
.leftGrid { width:206px; border:1px #d4b1ac solid;}

#leftNav {width:206px; margin:0;}
#leftNav ul{ width:206px; float:left; list-style-type:none;  margin:0; padding:0; background:#f2f2f2;}
#leftNav ul li{width:206px; height:28px; list-style-type:none;  line-height:0; font-size:0; padding:0; border-bottom:#ccc solid 1px;}
#leftNav ul li a{display:block;	font:normal 11px/14px Arial, Helvetica, sans-serif; color:#000; background-color:inherit; text-decoration:none; padding:8px 17px 7px 17px;}
#leftNav ul li a:hover{ background:#cedcb1; color:#000000;}

#leftNav ul.nav li a:hover{ background:#cedcb1; color:#000000;}
#leftNav ul.nav li a.hover{display:block; background:#cedcb1; color:#000000; text-decoration:none;}

/*---------------------------------------footer--------------------------------------*/

#footer {width:980px; height:90px; margin:auto; color:#FFFFFF; font-size:11px; background:url(images/page/footer_bg.gif);}

#footer td{ text-align:center;  padding-top:15px;}
.foot_pad { padding-left:70px;}
#footer2 img{padding: 0px; border:0px;}
#footer a{ color:#ccff00; font-weight:normal; font-size:11px;}

#footer p{ text-align:center;  color:#FFFFFF; font-weight:normal; font-size:11px; }

#footersp { height:30px; margin:auto; width:50px;}

#topsp { height:15px; margin:auto; width:50px;}