/*-----------------------------------------body-----------------------------------------*/

.top_nav_div {
	background:url(../images/top_nav_bg.jpg) no-repeat top center;
	height:54px;
}
.main_wrap {
	width:1001px;
	margin:0 auto;
}
.top_nav_left {
	float:left;	
}
.home_div {
	float:left;
	width:31px;
	height:31px;
	margin-top:11px;
	padding-left:7px;
}
.home_div a.active {
	width:31px;
	height:31px;
	background:url(../images/home_h.png) no-repeat top;
	display:block;
}
.nav_div {
	width:100px;
	float:left;
	padding:12px 2px 0px 4px;
}
a.codemaker_nav {
	width:100px;
	height:29px;
	background:url(../images/codemaker_nav.jpg) no-repeat top;
	display:block;
}
a:hover.codemaker_nav, a.codemaker_nav.active  {
	background-position:0px -29px;
}
a.qrcode_nav {
	width:100px;
	height:29px;
	background:url(../images/qrcode_nav.jpg) no-repeat top;
	display:block;
}
a:hover.qrcode_nav, a.qrcode_nav.active {
	background-position:0px -29px;
}
a.qrforum_nav {
	width:100px;
	height:29px;
	background:url(../images/qrforum_nav.jpg) no-repeat top;
	display:block;
}
a:hover.qrforum_nav, a.qrforum_nav.active {
	background-position:0px -29px;
}
a.qrnews_nav {
	width:100px;
	height:29px;
	background:url(../images/qrnews_nav.jpg) no-repeat top;
	display:block;
}
a:hover.qrnews_nav, a.qrnews_nav.active {
	background-position:0px -29px;
}
a.aboutcmqr_nav {
	width:100px;
	height:29px;
	background:url(../images/aboutcmqr_nav.jpg) no-repeat top;
	display:block;
}
a:hover.aboutcmqr_nav, a.aboutcmqr_nav.active {
	background-position:0px -29px;
}
a.contactcmqr_nav {
	width:100px;
	height:29px;
	background:url(../images/contactcmqr_nav.jpg) no-repeat top;
	display:block;
}
a:hover.contactcmqr_nav, a.contactcmqr_nav.active {
	background-position:0px -29px;
}
.top_login_right {
	float:right;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#7b7b7b;
	padding-top:18px;
}
a.man_login {
	height:16px;
	padding:0px 8px 0px 22px;
	background:url(../images/login_man.jpg) no-repeat left top;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#888888;
	text-decoration:none;
	display:inline-block;
}
a:hover.man_login, a.man_login.active {
	background-position:0px -16px;
	color:#fff;
	text-decoration:none;
}
a.account_plus {
	height:16px;
	padding:0px 0px 0px 15px;
	background:url(../images/account_plus.jpg) no-repeat left top;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#888888;
	text-decoration:none;
	display:inline-block;
}
a:hover.account_plus, a.account_plus.active {
	background-position:0px -16px;
	color:#fff;
	text-decoration:none;
}
.top_2 {
	height:107px;
	padding-top:22px;
}
.search_field {
	background:url(../images/search_field.jpg) no-repeat 0 0;
	height:25px;
	padding:6px 0 0;
	width:259px;
}
.search_field input.text {
	background:none;
	border:medium none;
	color:#6e6e6e;
	margin:0 0 0 4px;
	padding:2px 0 0 5px;
	width:215px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}
.search_field button {
	background:transparent url(../images/search_btn.jpg) no-repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	height:15px;
	margin-left:6px;
	padding:0;
	right:4px;
	text-indent:-9999px;
	width:13px;
	vertical-align:text-top;
}
.search_field button:hover {
	background-position:0px -15px;
}
.home_header_div {
	background:url(../images/home_header_bg.jpg) no-repeat top center;
	height:633px;
}
.header_des_div {
	width:395px;
	float:left;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:50px 0px 0px 11px;
}
.header_des_div h1 {
	font:bold 24px/30px Arial, Helvetica, sans-serif;
	color:#e3e3e3;
	text-decoration:none;
	margin-bottom:12px;
}
.video_button_div {
	width:218px;
	float:left;
	padding-left:46px;
}
.header_bottom_slide {
	padding:40px 0px 0px 0px;
	height:133px;
	margin:0 auto;
	width:707px;
}
.body_content_wrap {
	background:url(../images/body_content_bg.jpg) no-repeat bottom center;
	padding-bottom:40px;
}
.solution_heading_div {
	width:1001px;
	margin:0 auto;
	background:url(../images/our_solution_bg.jpg) no-repeat top;
	height:32px;
}
.solution_dliding_div {
	height:405px;
	padding:13px 27px 0px;
}
.content_area_top {
	height:8px;
	background:url(../images/content_area_top.png) no-repeat top;
}
.content_area_body {
	background-color:#f9f9f9;
	padding:1px 8px 0px 1px;
}
.content_area_bottom {
	height:8px;
	background:url(../images/content_area_bottom.png) no-repeat top;
}
.panel_div {
	width:237px;
	float:left;
}
.col_div {
	padding-bottom:3px;
}
.col_headimg {
	width:237px;
	height:35px;
	background:url(../images/col_heading_bg.jpg) no-repeat top;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#232121;
	text-align:center;
	padding-top:20px;
}
.col_body {
	padding:7px;
}
ul.blog_list {
	padding:0px;
	margin:0px;
	list-style:none;
}
ul.blog_list li {
	padding:4px 0px 5px 13px;
	margin:0px;
	background:url(../images/arrow_1.jpg) no-repeat 0px 10px;
}
ul.blog_list li p {
	margin-bottom:7px;
}
.blog_heading {
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#232121;
	text-decoration:none;
}
a.read_more {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#0b628e;
	text-decoration:none;
	float:right;
}
a:hover.read_more {
	text-decoration:underline;
}
.home_middle_panel {
	background:url(../images/home_content_middle.jpg) no-repeat top;
	width:494px;
	min-height:436px;
	height:100%;
	float:left;
	padding:5px 12px;
}
.home_middle_heading {
	border-bottom:dotted 1px #a8a8a8;
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#353535;
	padding:5px;
	margin-bottom:6px;
}
.login_input_div {
	padding:5px 0px;
}
.login_input_bg {
	width:208px;
	height:18px;
	background:url(../images/login_input.jpg) no-repeat top;
	border:0;
	padding:8px 6px 6px 8px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color:#888888;
}
a.password_txt {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#232121;
	text-decoration:none;
}
a:hover.password_txt {
	text-decoration:underline;
}
a.sign_txt {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#0b628e;
	text-decoration:underline;
}
a:hover.sign_txt {
	text-decoration:none;
}
.video_shadow {
	width:229px;
	height:146px;
	background:url(../images/video_shadow.jpg) no-repeat top;
	padding:8px 0px 0px 8px;
}
.body_bottom {
	height:89px;
	background-color:#000;
}
.body_bottom_left {
	float:left;
	padding:20px 0px 0px 14px;
}
.body_bottom_right {
	float:right;
	padding-right:30px;
}
.footer_div {
	background-color:#232121;
	border-top:solid 1px #323232;
	line-height:25px;
	padding:16px 0px;
}
.footer_left {
	width:258px;
	padding:0px 55px 0px 7px;
	float:left;
}
.footer_mid {
	width:374px;
	float:left;
}
.footer_right {
	width:245px;
	float:right;
}
.footer_right_heading {
	background:url(../images/footer_heading_bg.jpg) repeat-x top;
	font:normal 24px/33px Arial, Helvetica, sans-serif;
	color:#888888;
	height:33px;
}
ul.footer_link {
	padding:7px 0px 0px 10px;
	margin:0px;
	list-style:none;
}
ul.footer_link li {
	padding:0px 0px 0px 13px;
	padding:3px 0px 3px 13px\9;
	margin:0px;
	background:url(../images/arrow_2.jpg) no-repeat 0px 7px;
}
ul.footer_link li a {
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#888888;
	text-decoration:none;
}
ul.footer_link li a:hover {
	color:#c2c0c0;
	text-decoration:none;
}

/*================================================codemaker==========================================*/

.inner_header_div {
	height:433px;
	background:url(../images/inner_header_bg.jpg) no-repeat top center;
}
.heading_div {
	background:url(../images/heading_bg.jpg) no-repeat top left;
	height:31px;
	padding:9px 0px 0px 7px;
	font:normal 22px/28px Arial, Helvetica, sans-serif;
	color:#353535;
}
.inner_top_content {
	padding:0px 12px 16px 12px;
}
.tab_nav_div {
	border-bottom:solid 3px #004569;
}
ul.tab1_menu {
	padding:7px 0px 0px 0px;
	margin:0px;
	list-style:none;
}
ul.tab1_menu li {
	padding:0px 10px;
	margin:0px;
	float:left;
}
ul.tab1_menu li a {
	font:normal 16px/25px Arial, Helvetica, sans-serif;
	color:#858585;
	text-decoration:none;
	height:20px;
	display:block;
}
ul.tab1_menu li a:hover, ul.tab1_menu li a.select {
	color:#004569;
	text-decoration:none;
	background:url(../images/tab1_h.jpg) no-repeat bottom center;
}
.tab1_body_div {
	padding-top:26px;
}
.tab1_left {
	width:688px;
	float:left;
}
.tab1_right {
	width:255px;
	float:right;
}
.tab2_nav_div {
	height:32px;
}
ul.tab2 {
	height:32px;
	padding: 0px;
	margin: 0px 0;
	list-style: none;
	float: left;
	clear: left;
	width:693px;
}
ul.tab2 li {
	height:32px;
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 5px;
}
ul.tab2 li a {
	height:32px;
	text-decoration: none;
	float:left;
	color: #f9f9f9;
	cursor: pointer;
	font: bold 12px/30px Arial, Helvetica, sans-serif;
}
ul.tab2 li a span {
	height:32px;
	margin: 0 10px 0 -5px;
	padding: 0px 15px 0px 24px;	
	float:left;
}
ul.tab2 li a {
	background: url(../images/tab_nav_bg.jpg) no-repeat right 0px;
 	color:#f9f9f9;
}
ul.tab2 li a span {
	background: url(../images/tab_nav_bg.jpg) no-repeat left 0px;
}
ul.tab2 li a.select span {
	background: url(../images/tab_nav_bg.jpg) no-repeat left -32px;
}
ul.tab2 li a.select {
	background: url(../images/tab_nav_bg.jpg) no-repeat right -32px;
 	color: #f9f9f9;
}
ul.tab2 li a:hover {
	background: url(../images/tab_nav_bg.jpg) no-repeat right -32px;
 	color: #f9f9f9;
}
ul.tab2 li a:hover span {
	background: url(../images/tab_nav_bg.jpg) no-repeat left -32px;
}
.tab2_body {
	min-height:444px;
	height:auto;
	background-color:#004569;
}
.tab2_bottom {
	height:11px;
	background:url(../images/tab2_bottom.jpg) no-repeat top;
}
.panel_wrap_bg {
	background:url(../images/panel_wrap_bg.jpg) no-repeat top;
	padding-top:25px;
}
.inner_middle_panel {
	background:url(../images/inner_content_middle.jpg) no-repeat top;
	width:494px;
	min-height:570px;
	height:100%;
	float:left;
	padding:5px 12px;
}

/*===================================create account===================================*/

.account_popup_div {
	background:url(../images/account_popup_bg.png) no-repeat top;
	width:373px;
	height:433px;
	margin:0 auto;
	padding:20px 25px 0px 27px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#ebebeb;
}
.account_heading_txt {
	font:normal 36px/46px Arial, Helvetica, sans-serif;
	color:#ebebeb;
}
.account_input {
	padding:6px 0px; height:43px; overflow:hidden;
}
.account_input_left {
	width:110px;
	float:left;
	padding:4px 10px 0px 0px;
	text-align:right;
}
.account_input_right {
	width:245px;
	float:left;
}
.account_input_bg {
	border:solid 1px #0d2c52;
	background-color:#1e4f8a;
	padding:8px 5px;
}
.account_star {
	font:normal 14px/19px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
.sign_button {
	background:url(../images/sign_button_bg.png) no-repeat top;
	width:103px;
	height:42px;
	border:0;
	font:bold 14px/40px Tahoma, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
}

.require_field_error,.info{ line-height: 14px;font-size: 10px;}
.error{color:#F00;}

/*===================================contact===================================*/

.call_txt {
	font-size:13px;
	text-decoration:none;
}
.number_txt {
	text-decoration:none;
	color:#2a5c98;
	font-weight:bold;
}
.contact_input {
	padding:7px 0px 8px 0px;
}
.contact_input_bg {
	width:298px;
	height:19px;
	background:url(../images/contact_input_bg.jpg) no-repeat top;
	border:0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#888;
	padding:8px;
}
.textarea_bg {
	width:454px;
	height:115px;
	background:url(../images/textarea_bg.jpg) no-repeat top;
	border:0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#888;
	padding:8px;
}

/*===================================custom code===================================*/

.content_wrap_left {
	width:754px;
	float:left;
}
.code_display_box {
	width:222px;
	height:222px;
	background:url(../images/code_display_box.png) no-repeat top;
	padding:11px 14px 20px 10px;
	float:left;
}
.comments_div {
	padding:10px 13px;
	width:962px;
}
.comments_heading {
	padding-left:5px;
	margin-bottom:7px;
	border-bottom:solid 3px #004569;
	font:normal 15px/22px Arial, Helvetica, sans-serif;
	color:#004569;
}
.comments_box_div {
	padding:9px 0px;
}
.comments_box_left {
	width:82px;
	float:left;
	padding:0px 18px 0px 5px;
	text-align:right;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#004569;
}
.comments_box_right {
	width:855px;
	float:left;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#515659;
	border:solid 1px #d4d4d4;
}
.comments_txt_box1 {
	background-color:#e9f7ff;
	padding:10px 8px;
}
.comments_date_txt {
	font:normal 10px/14px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
.comments_txt_box2 {
	background-color:#f4f4f4;
	padding:10px 8px;
}
.comments_pagination_div {
	padding:10px;
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#000;
}
ul.pagination {
	padding:0px;
	margin:0px;
	list-style:none;
	text-align:center;
}
ul.pagination li {
	padding:0px 6px;
	margin:0px;
	display:inline;
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#000;
}
ul.pagination li a {
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
ul.pagination li a:hover {
	color:#004569;
	text-decoration:none;
}
ul.pagination li.select {
	color:#004569;
	text-decoration:none;
}
.reply_left_div {
	width:375px;
	float:left;
}
.reply_right_div {
	width:535px;
	float:right;
}
.reply_input_left {
	width:53px;
	float:left;
	text-align:right;
	padding:5px 8px 0px 0px;
}
.reply_input_right {
	width:314px;
	float:left;
}
.submit_input_bg {
	background:url(../images/input_button_bg.jpg) no-repeat top;
	width:89px;
	height:30px;
	border:0;
	text-align:center;
	font:normal 12px/28px Arial, Helvetica, sans-serif;
	color:#FFF;
}
/*===================================about===================================*/

.about_feature_left {
	width:250px;
	float:left;
}
.about_feature_right {
	width:711px;
	float:left;
}
.bold_txt {
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

/*===================================login===================================*/

.login_popup_div {
	background:url(../images/login_popup_bg.png) no-repeat top;
	width:300px;
	height:265px;
	margin:0 auto;
	padding:20px 28px 0px 28px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#ebebeb;
	line-height:16px;
}
a.forgot_txt {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#ebebeb;
	text-decoration:underline;
}
a:hover.forgot_txt {
	text-decoration:none;
}