/* common style */
*{margin: 0; padding: 0;}
.container{margin: auto; width: 960px;} 

body{background-color: #FFF; font-family: Verdana,Arial,Helvetica,"Lucida Grande",Lucida,sans-serif; font-size: 13px; line-height: 24px; color:#444;}
body a{color: #0a8400; text-decoration: none;}
body a:hover{color: #dd8500;}
body a:focus{outline: none; -moz-outline: none;}

.font_title{font-family: Arial,Helvetica,"Lucida Grande",Verdana,Lucida,sans-serif;}
.font_quote{font-family: "Times New Roman",Times;}
.input_text{font-family: Verdana,Arial,Helvetica,"Lucida Grande",Lucida,sans-serif; font-size: 13px; line-height: 20px; color:#222;}

h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 14px; font-weight: normal;}
h6{font-size: 13px;}

.white	{color: #FFFFFF;}
.green	{color: #0A8400;}
.green1	{color: #83BF73;}
.green2	{color: #91d37f;}
.green3	{color: #EEFFEE;}
.brown	{color: #DD8500;}
.brown2	{color: #AD6200;}
.orange	{color: #FF9900;}
.gray	{color: #808080;}
.gray1	{color: #B5B5B5;}
.gray2	{color: #DDDDDD;}
.grey	{color: #C8C8C8;}
.red	{color: #FF5858;}

.clear{clear: both; margin: 0px; padding: 0px; border: 0px; text-align: left; font-size: 0px; line-height: 0px; overflow: hidden;}
.debug{border: red 1px solid;}
.greyborder{border: #C8C8C8 1px solid;}
.align_right{text-align: right;}
.float_left{float: left;}
.float_right{float: right;}
.sep{height: 1px; margin: 1px 0px; border-bottom: #c8c8c8 1px dashed; overflow: hidden;}
.cur_hand{cursor: pointer;}
.hide{display: none;}

.lb5 {height:  5px; overflow: hidden;}
.lb10{height: 10px; overflow: hidden;}
.lb15{height: 15px; overflow: hidden;}
.lb20{height: 20px; overflow: hidden;}
.lb25{height: 25px; overflow: hidden;}
.lb30{height: 30px; overflow: hidden;}

.ml5 {margin-left:  5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}


.round_frame{background-color: #FFF; border: #C8C8C8 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.widget{width: 260px; margin-bottom: 20px; border: #C8C8C8 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.widget_ia,.widget_ib{min-height: 60px; border: #FFF 2px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 8px;}
.widget_ia{background: #FFF url(/images/widget.png) no-repeat;}
.widget_ib{background: #FFF url(/images/widget.png) no-repeat -265px bottom;}

.widget .Sep{height: 1px; margin: 2px 0px; border-bottom: #0a8400 1px solid; overflow: hidden;}
.widget .Sep2{height: 1px; margin: 1px 0px; border-bottom: #c8c8c8 1px solid; overflow: hidden;}



.buttons{height: 24px;}
.button a{display: block; width: 102px; height: 24px; background: url(/images/main.jpg);}
.buynow a{background-position: 0px -750px;}
.buynow a:hover{background-position: -110px -750px;}
.download a{background-position: 0 -780px;}
.download a:hover{background-position: -110px -780px;}
.readmore a{background-position: 0 -810px;}
.readmore a:hover{background-position: -110px -810px;}



/* Header */
#header{height: 108px;}
#logo{float: left; margin-left: 56px;_margin-left: 28px;  width: 300px; height: 95px; background-image: url(/images/main.jpg);}
#header_right{float: right; height: 108px;}

#main_page{min-height: 300px;}

#site_menu
{
	float: right; text-align: right; font-size: 14px;
	width: 260px; height: 23px; line-height: 23px;
	background: #ebfce6; border: #b5b5b5 1px solid;	border-top-width: 0;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#site_menu a{padding: 0 7px; margin: 0 3px;}
#site_menu .Sep{border-left: #B5B5B5 1px solid;}


#home_icon a{width: 26px; height: 20px; padding: 0 5px; display: block; background: url(/images/main.jpg) -310px 0;}
#home_icon a:hover{background-position: -350px 0;}
#dropdown_icon{display: block; float: left; width: 18px; height: 17px; background: url(/images/main.jpg) -304px -20px;}

#menu{float: right; position: relative; top: 14px; list-style: none; font-weight: bold; z-index: 10;}
#menu li{float: left; height: 24px; line-height: 24px; font-size: 16px;}
#menu li a {display: block; text-align: center;}
.menuItem{color: #0a8400; padding: 0 8px; border: 1px solid #FFF;}
.hover_menu_item{color: #dd8500; border: 1px solid #CCC;}

#product_submenu
{
	position: absolute; 
	left: 36px; top: 25px;
	border: 1px solid #CCC;
	padding: 4px; font-weight: normal;
	display: none;  list-style: none;
	background-color: #FFF; color: #000;
	z-index: 100;
}

#product_submenu li{float: none; }
#product_submenu li a{width: 250px; font-size: 14px; height: 19px; line-height: 19px; display: block; color: #000; text-align: left; padding: 2px 6px;}
#product_submenu li a:hover{background-color: #add699; color: #FFF;}


/* Footer */
#footer{height: 167px; margin:30px 0 50px; min-width: 960px; background: url(/images/main.jpg) 0 -100px;}
#footer_left{float: left; width: 650px;}
#footer_left .Sep{float: left; margin: 18px 24px; width: 1px; height: 90px; border-left: #aecaa5 1px solid;}

.footer_tags{float: left; margin: 14px 0 24px; width: 180px; line-height: 24px;}
.footer_tags a{color: #808080;}
.footer_tags a:hover{color: #444;}

#copyright a{color: #FFF; text-decoration: underline;}
#copyright a:hover{color: #444;}

#footer_right{float: right; width: 250px;}
#cse-search-box{float: right; margin-top: 16px; background: #FFF;}
#search_text{font-size: 15px; height: 24px; width: 180px; border: none; padding: 0 4px; border: #b5b5b5 1px solid; float: left;}
#search_btn{float: left; border: #b5b5b5 1px solid; border-left: none; padding: 3px; background: #FFF;}

#logo2{float: right; margin-top: 36px; width: 199px; height: 80px; background: url(/images/main.jpg) 0 -850px;}

#page_title{border-bottom: #c8c8c8 1px dashed; margin-bottom: 20px;}

.comm_but{width: 82px; height: 22px; background: url(/images/main.gif); line-height: 22px; text-align: center; cursor: pointer;}

.popdlg{width: 500px; z-index: 90; position: absolute; left: 400px; top: 100px;	background: #83BF73; display: none;}
.popdlg_i{background: #EEFFEE; margin: 5px; padding: 10px;}
.popdlg .close_but{float: right; width: 20px; height: 20px; background: url(/images/close.gif); cursor: pointer;}
.popdlg .ok_but{margin: 5px auto;}