body {
	margin: 0;
	padding: 0;
	color: #3d3d3a;
	font-family: Verdana, 'Segoe UI', Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4em; 
}

a, a:link, a:visited { 
	color: #5b5b08; 
	font-weight: normal; 
	text-decoration: none; 
}

a:hover { 
	text-decoration: underline; 
}

a.more { 
	display:inline-block; 
	font-size: 10px; 
	color: #fff; 
	font-weight: 700; 
	width: 60px; 
	height: 23px; 
	line-height: 21px; 
	text-align: center; 
	padding-right: 25px; 
	background: url(../images/button.png) left center no-repeat; 
}

p { 
	margin: 0 0 10px 0; 
	padding: 0; 
}

img { 
	border: none; 
}

em { 
	color: #000; 
}

blockquote { 
	font-style: italic; 
	margin: 0 0 0 10px;
}

cite { 
	font-weight: bold; 
	color: #0088AA; 
}

cite a, cite a:link, cite a:visited  { 
	font-size: 12px; 
	text-decoration: none; 
	font-style: normal; 
}

cite span { 
	font-weight: 400; 
	color: #0088AA; 
}

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; }
h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 30px; margin: 0 0 25px; padding: 5px 0 }
h3 { font-size: 24px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }

.divider { 
	margin-bottom: 40px; 
	padding-bottom: 20px; 
	background: url(../images/divider.png) repeat-x bottom; 
}

.float_l { 
	float: left; 
}

.float_r { 
	float: right; 
}

.img_float_l { 
	margin: 3px 15px 5px 0; 
}

.img_float_r { 
	margin: 3px 0 5px 15px; 
} 

.list { 
	margin: 10px 0 10px 0; 
	padding: 0; 
	list-style: none; 
}

.list li { 
	color:#5f5f59; 
	margin: 0 0 10px 0; 
	padding: 0 5px 0 15px; 
	background: url(../images/list.png) no-repeat scroll 0 5px;  
}

.list li a { 
	color: #5f5f59; 
	font-weight: normal; 
}

.list li a:hover { 
	color: #5f5f59; 
}

#header_wrapper {
	width: 100%;
	height: 63px;
	background: url(../images/header_bg.jpg) repeat-x top 
}

#header {
	width: 960px;
	margin: 0 auto;
	padding: 10px;
}

#middle_wrapper {
	width: 100%;
	height: 538px;
	background: #1f1f1e url(../images/middle.jpg) no-repeat
}

#middle {
	width: 960px;
	margin: 0 auto;
	padding: 60px 10px;
}

#main {
	width: 960px;
	margin: 0 auto;
	padding: 60px 10px;
}

#content { 
	width: 630px; 
}

#sidebar { 
	width: 300px; 
}

#footer_wrapper {
	width: 100%;
	background: #50504d;
	border-top: 5px solid #e8e8e7
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 30px 10px;
}

#site_title { 
	float: left; 
}

#site_title a { 
	display: block; 
	color: #fff; 
	font-size: 28px; 
	font-weight: 700; 
	line-height: 40px; 
}

#site_title a span { 
	color: #d6d6ce; 
}

#site_title a:hover { 
	text-decoration: none; 
}

#menu { 
	float: right; 
}

#main img { 
	border: 5px solid #e4e4e0; 
}

.fp_box5 { 
	float: left; 
	width: 160px; 
	margin-right: 15px; 
	padding: 9px; 
	text-align: center; 
	background: #c8c8bd; 
	border: 1px solid #e8e8e3; 
}

.fp_box5:hover { 
	background: #696960; 
}

.fp_box5 h2 a { 
	color: #000; 
	font-size: 14px; 
	font-weight: 700; 
}

.fp_box5 img { 
	margin-bottom: 10px; 
}

.fp_box5 h2 { 
	margin-bottom: 5px; 
}

.fp_box5 p { 
	text-align: left; 
}

.fp_box5:hover.fp_box5 h2 a { 
	color: #fff; 
	font-size: 14px; 
	font-weight: 700; 
}

.fp_box5:hover p { 
	color: #d6d6ce;
}

#footer a { 
	color: #fff; 
}

#footer h5 { 
	color: #fff; 
	font-size: 12px; 
	font-weight: 700; 
	margin-bottom: 15px; 
}

#footer { 
	color: #bebeb2; 
	font-size: 11px;
}

.footer_list { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.footer_list li { 
	margin: 0 0 5px; 
	padding: 0 0 5px; 
}

.footer_list li a { 
	color: #fff; 
}

.footer_list li a.social { 
	display: block; 
	padding: 8px 0 8px 30px; 
	background-position: 0 5px; 
	background-repeat: no-repeat; 
}

.footer_list li a.facebook { 
	background-image: url(../images/facebook.png); 
}

.footer_list li a.twitter { 
	background-image: url(../images/twitter.png); 
}

.footer_list li a.feed { 
	background-image: url(../images/feed.png); 
}

#footer .newsletter_txt { 
	width: 217px; 
	margin-bottom: 5px; 
	padding: 3px;	
}

#footer .subscribe_button { 
	float: right; 
	display: block; 
	font-size: 10px; 
	color: #fff; 
	font-weight: 700; 
	width: 85px; 
	height: 23px;  
	padding-bottom: 5px; 
	padding-right: 25px; 
	background: url(../images/button.png) left center no-repeat; 
	border: none; 
	cursor: pointer; 
}

.testimonial { 
	margin-bottom: 30px; 
	padding: 10px; 
	background: #c8c8bd; 
	border: 1px solid #e8e8e3; 
}

.gallery_box { 
	float: left; 
	width: 217.5px; 
	margin: 0 30px 30px 0; 
	text-align: center; 
}

.gallery_box img { 
	margin-bottom: 10px; 
}

.gallery_box a { 
	font-size: 12px; 
	font-weight: 700; 
	margin-bottom:0; 
}

.gallery_box p { 
	font-size: 11px; 
}

.post {
	clear: both;
	margin-bottom: 60px;
}

.post img { 
	float: left; 
	margin-right: 15px; 
}

.post h2 { 
	margin-bottom: 0; 
	font-size: 18px; 
	margin-bottom: 10px; 
}

.post .meta { 
	clear: both; 
	font-size: 10px; 
	margin-top: 20px; 
	padding: 5px 10px;  
	background: #c8c8bd; 
	border: 1px solid #e8e8e3; 
	border-left: none; 
	border-right: none;
}

.post .meta span { 
	float: left; 
	display: block; 
	margin-right: 20px; 
}

.post .meta span.more_but { 
	float: right; 
}

.post .meta span.more_but a { 
	color: #7f0d0d; 
} 

.post .meta a, .post .meta strong { 
	color: #7b7b7b; 
	font-weight: 700; 
}

#comment_section {
	clear: both;
	margin-bottom: 60px;
	width: 538px;

}

.first_level {
	margin: 0; padding: 0;
}

.comments {
	list-style: none; 
}

.comments li { 
	margin-bottom: 10px; 
	list-style:none;  
}

.comments li .commentbox1 { 
	background: #e3e3dd; 
	border: 1px solid #c9c9c0;  
}

.comments li .commentbox2 { 
	background: #f2f2f0; 
	border: 1px solid #c9c9c0;  
}

.comments li .comment_box { 
	clear: both; 
	width:100%; 
	padding: 10px 30px 20px 30px; 
	margin-bottom: 40px;  
}

.comment_box .gravatar { 
	float: left; 
	width: 75px; 
	margin-right: 30px; 
}

#main .comment_box .gravatar img {  
	width: 58px; 
	height: 58px; 
	border: 5px solid #fff; 
}

.comment_box .comment_text {  }

.comment_box .comment_text p { 
	margin: 0; 
}

.comment_text .comment_author { 
	font-size: 12px; 
	font-weight: 700; 
	color: #7f0d0d; 
	margin-bottom: 10px; 
}

.comment_text .date { 
	font-size: 11px; 
	font-weight: normal; 
	font-style: italic; 
	color: #7b7b7b; 
	padding-left: 10px; 
}

.comment_text .time { 
	font-size: 11px; 
	font-weight: normal; 
	color: #7b7b7b; 
	padding-left: 10px; 
}
 
.comment_text .reply a { 
	display: block; 
	clear: both; 
	float: right; 
	color: #fff; 
	font-weight: 700; 
} 

#comment_form {
	clear: both;
}

#comment_form form {
}

#comment_form textarea {
	color: #222;
	height:150px;
	width: 360px;
	padding: 5px; 
	background: #fff; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#comment_form .form_row {
	width: 100%;
	margin-bottom: 15px;
}

#comment_form form input {
	color: #222;
	width: 250px;
	padding: 5px; 
	background: #fff; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#comment_form form .submit_btn { 
	width: 80px;
	height: 30px;
	color: #000;
	background: #fff; 
	border: 1px solid #c8c8bd;
}	

.rp_pp { 
	margin-bottom: 5px; 
	padding-bottom: 5px; 
	border-bottom: 1px dotted #c5c5b9; 
}

.rp_pp a { 
	color: #666; 
}

.rp_pp p { 
	font-size: 10px; 
	font-style: italic; 
}

#sidebar h5 { 
	margin-bottom: 15px; 
}

#contact_form { 
	padding: 0; 
	width: 410px; 
	margin-bottom: 40px; 
}

#contact_form form { 
	margin: 0px; 
	padding: 0px; 
}

#contact_form form .input_field { 
	width: 270px; 
	padding: 5px; 
	background: #e7e7e0; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form label { 
	display: block; 
	width: 100px; 
	margin-right: 12px; 
	font-size: 13px; 
}

#contact_form form textarea { 
	width: 398px; 
	height: 200px; 
	padding: 5px; 
	color: #333; 
	background: #e7e7e0; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form .submit_btn { 
	padding: 5px 14px; 
	color: #333; 
	background: #e7e7e0; 
	border: 1px solid #c8c8bd;
	font-size:14px; 
	margin: 10px 0px;
}	

.col { float: left; margin-right: 30px }
.col_12 { width: 450px }
.col_13 { width: 300px }
.col_23 { width: 630px }
.col_14 { width: 217px } 
.col_24 { width: 465px }
.col_15 { width: 180px; margin-right: 15px }

.no_margin_right { margin-right: 0 }

.pagging { 
	margin: 0 0 20px; 
	padding: 0; 
}

.pagging ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.pagging ul li { 
	margin: 0; 
	padding: 0; 
	display: inline; 
}

.pagging ul li a { 
	float: left; 
	display: block; 
	text-decoration: none; 
	margin-right: 5px; 
	padding: 5px 10px; 
	background: #c8c8bd; 
	border: 1px solid #e8e8e3; 
}

.pagging ul li a:hover { 
	background: #5b5b08; 
	color: #fff;  
}



/* banner */
.bannerArea {
	min-width: 1000px;
	width: auto !important;
	width: 1000px;
	margin-bottom: 10px;
	overflow: hidden;
}
.bannerArea .slides {
	height: 380px;
	overflow: hidden;
	margin-top: 0;
}
.bannerArea .slides a {
	display: block;
	width: 100%;
	text-align: center;
}
.bannerArea .flex-control-paging {
	text-align: center;
	margin: 10px auto 20px;
	list-style: none;
}
.bannerArea .container {
	position: relative;
}

.bannerArea ul {
	padding-left:0;
}
.bannerArea .flex-control-paging li {
	margin-right: 3px;
	display: inline-block;
*display:inline;
}
.bannerArea .flex-control-paging li a {
	display: inline-block;
	width: 30px;
	height: 8px;
	cursor: pointer;
	background: #81c000;
}
.bannerArea .flex-control-paging li a.flex-active {
	background: #dcdcdc;
}
.bannerArea .flex-prev, .bannerArea .flex-next {
	background: url(/images/banner-nav.png) no-repeat;
	width: 24px;
	height: 35px;
	position: absolute;
	top: 40%;
	z-index: 1;
	text-indent: -9999px;
}
.bannerArea .flex-prev:focus, .bannerArea .flex-next:focus {
	outline: none;
}
.bannerArea .flex-prev {
	left: -40px;
}
.bannerArea .flex-next {
	background-position: -27px 0;
	right: -40px;
}

/*pro-top*/
.pro-top{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#f5f5f5',gradientType=0); background: -moz-linear-gradient(top, #ffffff, #f5f5f5 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); padding-top:1px; text-align:center; overflow:hidden; padding-bottom:20px;}
.pro-top .pro-nav-bar{ background:url(/images/pro-nav-bg.png) no-repeat 50% 0; padding-top:10px;}
.pro-top .pro-nav{ display:inline-block;*display:inline;}
.pro-top h1{ font-size: 30px;line-height: 30px;font-weight: bold;color: #444;margin:25px 0 10px; } 
.pro-top .pro-nav li{display:inline-block; *display:inline;}
.pro-top .pro-nav li.curr a{ background:#78ad1f; color:#fff;  }
.pro-top .pro-nav li a{display:inline-block;padding:3px 10px;text-align:center; border-radius:5px;}

@media (min-width: 768px) and (max-width: 979px) {
	.pro-top .pro-nav li a{padding:10px 10px;}
	.pro-top .view{ margin-left:10px;}
}
@media (max-width: 767px) {
	.pro-top .pro-nav li a{ padding:10px 8px;}
	.pro-top h1{ font-size:25px; line-height:25px; margin:20px 0;}
	.pro-con .text h2{ font-size:15px !important; line-height:1.5em;}
	.pro-top .btnArea{ text-align:center; margin-bottom:15px;}
	.pro-top .btnArea .orangeBtn,.pro-top .btnArea .greenBtn{ float:none;}
}
  


.pro-top .btnArea .ipadBtn-s { width:165px;}
.pro-banner {padding-top:30px; padding-bottom: 30px;}
.pro-banner-sub {background-position: 0 100%; padding-bottom:0;}
.pro-banner h1, .pro-banner .ptitle{ text-align:center; font-size:35px; line-height:35px; color:#194356; padding:28px 0;}
.pro-banner dd{ background:url(/images/icon_right.png) 0 3px no-repeat; padding-left:18px; margin:4px 0; }


/*btn*/
.blueBtn-b { display:inline-block; width:240px; background:#7bbb26; border-radius:5px; color:#fff !important;height:60px; margin-right:10px; margin-bottom:10px; text-align:left; text-decoration:none !important}
.orangeBtn-b{ display:inline-block; width:230px; background:#7bbb26; border-radius:5px; color:#fff !important;height:60px; margin-right:10px; margin-bottom:10px; text-align:left; text-decoration:none !important}
.blueBtn-b .pic,.orangeBtn-b .pic{ float:left; padding-top:16px; width:56px;height:44px; line-height:44px; border-right:1px solid #75b027; text-align:center; margin-right:18px;}
.blueBtn-b .name,.orangeBtn-b .name{ font-size:28px; line-height:30px; padding:5px 0 0; display:block; margin-bottom:0}
.orangeBtn-b{ background:#f6772c;}
.orangeBtn-b .pic{ border-right:1px solid #e06f0b;}
.blueBtn-b:hover{ text-decoration:none; background:#81c22b;}
.orangeBtn-b:hover{ text-decoration:none; background:#fb7d32;}
.mt10 {margin-top:10px;}

.buy{background-position:0 -25px;}

.pro-banner h2{ font-size: 22px;line-height: 26px;margin-bottom: 10px; font-weight: blod; }
.pro-banner li{ line-height:1.6em;}
.pro-banner label{ display:block;}
.pro-banner .text{ float:right; width:533px;}
.pro-banner .text dl{ font-size:14px;}
.pro-banner hr{ border-bottom:1px solid #ececec; }
.pro-banner .img{ float:left;  position:relative;}
.pro-banner .img .lion{ z-index:2; left:0; top:240px; position:absolute; display:block;}
.clear {clear:both;}
.wrap{ width:1000px; margin:0 auto; overflow:hidden;}


.features {padding:30px 0; font-size:14px;}
.features .imgfl {float:left;}
.features .imgfr {float:right;}
.features .imgfl img,.pro-info .imgfr img {max-width:100%;}
.features .infofl {padding-right:400px;}
.features .infofr {padding-left:400px;}

.featureb {background:#FAFAFA;border-top:1px solid #ececec;border-bottom:1px solid #ececec;}
.featurec {border-bottom:1px solid #ececec;}


/*sreenshots*/
.styleCon {
	padding-top: 0;
	padding-bottom: 25px;
	border-bottom:1px solid #ececec;
}
.styleCon .roll {
	overflow: hidden;
	position: relative;
}
.styleCon .roll .item {
	overflow: hidden;
	width: 650px;
	border: 1px solid #dcdcdc;
	background: #f7f7f7;
	height: 485px;
	margin: 0 auto 20px;
}
.styleCon .roll .item h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 15px 5px;
}
.styleCon .roll .item p {
	margin: 0 15px;
}
.styleCon .roll .nav {
	overflow: hidden;
	margin: 30px auto 0;
	font-size: 12px;
}
.styleCon .roll .nav ul {
	list-style-type : none;
}
.styleCon .roll .nav li {
	float: left;
	width: 165px;
	text-align: center;
	margin: 0 8px;
	cursor: pointer;
}
.styleCon .roll .nav li img {
	padding: 5px;
	border: 1px solid #dbdbdb;
}
.styleCon .roll .nav li.curr img {
	border: 1px solid #0072bc;
}
.styleCon .roll .prev, .styleCon .roll .next {
	position: absolute;
	z-index: 2;
	bottom: 50px;
	display: block;
	width: 24px;
	height: 39px;
	background: url(/images/screenshot-roll_02.png) no-repeat;
}
.styleCon .roll .prev {
	left: 0;
}
.styleCon .roll .next {
	right: 0;
	background: url(/images/screenshot-roll_02.png) no-repeat;
}
.styleCon .roll .disabled {
	background-position: 0 -39px;
}
h2.title {text-align:center; font-size: 24px; line-height:30px; margin: 20px auto;}

/*comment*/
.comment{ width:350px; height:280px; background:#f9f9f9; border:1px solid #ededed; padding:20px 35px 20px 0; margin-left: 0; position:relative; margin-bottom:20px; margin-left: 5px; margin-top: 20px;}
.comment .flex-prev,.comment .flex-next{display:block;position:absolute;background:url(/images/comment-roll.png) 0 0; no-repeat;width:22px;height:22px;text-indent:-9999px; overflow:hidden; z-index:10;right:8px}
.comment .flex-prev{top:20px;}
.comment .flex-next{background-position:0 -18px;bottom:20px;}
.comment ul {list-style-type: none;}
.comment li.item{ background:#f9f9f9}
.comment p{ height:6.4em; overflow:hidden; margin-bottom:0}


/*rating*/
.rating{   display:inline-block;*display:inline; zoom:1; *margin-bottom:3px;} 
.rating li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:12px;width:11px; background:url(images/star-2.png) no-repeat 0 -3px; zoom:1}
.rating strong{color:#f60;padding-left:10px}
.rating li.on{background-position:0 -31px}
.rating li.half{background-position:0 -58px}

.bigRating li{background:url(/images/star-1.png) no-repeat 0 3px; width:12px; height:19px; }
.bigRating li a{width:13px; height:19px;}
.bigRating li.on{background-position:0 -25px}
.bigRating li.half{background-position:0 -52px}


.features h2 {font-size:20px; line-height: 22px; margin-bottom:10px; padding-bottom:0;}

/*tech specs table*/
.table1 {background: #fff; margin:0 auto; width:1000px; border-collapse:collapse;}
.table1 img{ max-width:100%;}
.table1 td,.table1 th{padding: 10px 13px;border: 1px solid #e5e5e5; }
.table1 th{ font-weight:bold; font-size:14px; }
.table1 tr:nth-child(even) { background:#f2f2f2;}
.table1 h3{ font-size:19px; color:#15abef; margin-top:10px;}
.table1 h3 a{color:#15abef;}
.table1 .bluebtn, .table1 .orangebtn{ width:115px;letter-spacing: -1px;}

.techspecs {padding-bottom: 25px; border-bottom:1px solid #ececec; }
.techspecs p {margin: 20px auto; width:1000px; }

.requirements {margin: 20px auto; width:1000px; }
.requirements p {text-align:center; width:1000px; }

.techspecs .box { padding:0 0 20px; font-size:14px;}
.techspecs .container {
width: 1000px;
overflow: hidden;
margin: 0 auto;}
.techspecs h3
{font-size:20px; margin:20px 0 20px;}

/*Brandbox*/
.cont_box
 {
width: 1000px;
overflow: hidden;
margin: 0 auto;}

.brand_box {
	padding:10px 0;
	margin-right:35px;
	position:relative;
}
.brand_box .btn {
	position:absolute;
	top:20px;
	right:-30px;
	display:block;
	background:url(/images/xxl_btn.png) no-repeat 0 0;
	width:30px;
	height:37px;
	cursor:pointer
}
.brand_box .btn.curr {
	background-position:0 -44px
}
.brand_box .brand_box_cont {
	border-bottom:dashed 1px #dadada
}
.brand_box .brand_logo {
	float:left;
	border:solid 1px #e7e7e7;
	background:#fff;
	text-align:center;
	width:170px;
	height:100px
}
.brand_box .list {
	float:left;
	width:720px;
	padding:0 0 10px 10px;
	margin:0;
	
}
.brand_box ul
{font-size: 12px;
list-style-type: none;}

.brand_box .list li {
	float:left;
	width:168px;
	height:44px;
	background:#f4f4f4;
	border:solid 1px #e7e7e7;
	margin:0 10px 10px 0;
	text-align:center;
	list-style: none;
	padding:0;
	}
.brand_box .more_list {
	overflow:hidden;
	border-top:dashed 1px #dadada;
	padding:15px 0 5px 0;
	margin-top:0;
}
.brand_box .more_list li {
	float:left;
	width:168px;
	height:45px;
	background:#f4f4f4;
	border:solid 1px #e7e7e7;
	margin:0 10px 10px 0;
	text-align:center;
	padding:0;
}
