body,ul,li,p,div,h1,h2,h3,img,a{ margin:0; padding:0; border:0}
body{ background:#f2f2f2;}
.f_clear{ clear:both}
h1{padding:15px 0 0 0; margin:0; font-size:16pt; color:#3498db;}
.s_h1{ padding-bottom:5px}
h2{color:#2489DB; padding:20px 0 6px 0; margin:0 0 5px 0; font-size:12pt}
.s_h2{ padding-bottom:0; margin-bottom:2px}
h3{ font-size:10pt; color:#555; margin:4px 0;}
p{color:#555; font-size:10pt; text-align:left; padding:2px; margin:0px;}
a{ color:#2485D8; font-size:10pt;}

.s_line{ margin-bottom:8px;}

.top_head{height:83px; background:#3498db repeat-x; border:1px solid #3498db;}
.top_logo{ width:900px; height:60px; margin:16px auto 0px auto; }
.top_logo img{ float:left; border:0; padding-top:15px}
.top_logo ul{ list-style-type:none; width:147px; height:60px; float:right; margin:0; padding:0;}
.top_logo ul li img{padding:0}
.top_logo img{ float:left; border:0;}

.p_img_01{position:absolute; top:50px; left:0}
.p_img_02{position:absolute; top:52px; left:520px}
.top_logo ul li{ float:left; width:36px; height:33px; margin:22px 12px 0 0;}

.menu{height:54px; margin-bottom:23px; font-size:13px; background:#d8e5ea repeat-x; padding:0; font-family:Arial,Helvetica,sans-serif;}
.menu ul{ width:900px; height:54px; padding:0; margin:0 auto; line-height:54px; _line-height:50px;}
.menu ul li{ float:left; list-style-type:none; font-weight:bold; height:54px;}
.menu ul li a{ text-decoration:none; color:#555; display:block; padding:0 21px; height:66px;}
.menu ul li a:hover{background:url(images/a_bg.png) no-repeat center center; }
.menu ul li span{background:url(images/a_bg.png) no-repeat center center; display:block;}

.main_container{width:900px; height:auto; margin:0 auto; padding:0px; font-family:Arial,Helvetica,sans-serif;}
.right_column{width:210px; height:auto; float:right; padding:0; margin:0; }
.right_title{height:32px; background:#d8e5ea; float:left; width:210px}    .right_title h3{color: #555; font-size:14pt; padding:5px 0 0 15px; height:22px;}
.right_con{height:auto; padding:13px 5px 15px 7px; background:#FFF;  float:left; width:198px}    
.testimonials_text {font-size:11pt; color:#555; line-height:1.5em;} .p_margin{ margin-top:20px;}
.top_margin{ margin-top:35px}
.right_srcn{margin:5px 0 15px 6px}
.right_download{margin:5px 0 5px 21px}
.twitter{padding:15px 0; width:198px;; float:left;}

.left_column{ width:660px; float:left; margin:0px; padding:0 10px; background:#FFF}

.pro_video{ float:left; width:340px; height:280px; margin:20px 0 0 0px; background-image:url(images/show_pcmpro.jpg); position:relative; }
.pro_video img{ width:134px; height:134px; position:absolute; left:103px; top:73px; border:0px;}
.t_overview{ float:right; width:520px;}

.overview{ width:450px; float:left; padding:15px 0 10px 0px;}
.overview p{ line-height:1.5em;}

.c_box{height:auto; padding:0 10px 8px 10px; background:#FFF}
.c_box a{ font-size:10pt; color:#2485D8; text-decoration:none}
.c_box a:hover{ text-decoration:underline;}
.f_ul{ list-style:none; margin-left:5px; }
.f_ul li{overflow:hidden; line-height:100%; padding:5px; background:url(images/dot.png) no-repeat 2px 8px; padding-left:15px; color:#555; font-size:10pt}
.content_box_small2{float:left; padding:0; margin:0 10px 10px 10px; text-align:center;}
.feature_box {width:430px; float:left;}
.feature_img {width:150px;float:left;}
.feature_text{width:260px; float:left; padding:5px;}

.scrn_ul{ list-style-type:none; margin:0; padding:0 0 0 15px;}
.scrn_ul li{ list-style-type:none; float:left; margin-right:50px;}

.reviews_box_s {width:400px; float:left; padding:10px; margin:5px;}
.reviews_box_s .reviewtext {text-align:left; font-size:10pt; color:#555; padding:5px 5px 0px 5px;}
.reviews_box_s .review_person_text {text-align:right; padding:0px 18px 0px 5px;font-size:12pt;}
.a_img{padding:10px; float:left}

.more{width:300px; height:auto; text-align:right; padding:8px 25px 10px 0; font-size:10pt; margin-right:10px;line-height:100%; float:right; text-decoration:none; background:url(images/link_bg.png) no-repeat center right}

.downtable{ float:left; margin-top:18px;}


.content_box_all_border{width:870px; height:auto; float:left; padding:0px; margin-bottom:10px; font-size:12px; border:1px solid #CCC; background:url(images/down-image3.jpg) repeat-x;}

.content_box_wide_border{width:650px; height:auto; float:left; margin-bottom:10px; font-size:10pt; border: 1px solid #CCC; padding-right:10px}
.content_box_wide_border ul{ line-height:160%; }
.content_box_wide_border a{ width:100%; color:#2485D8; text-decoration:none;}
.content_box_wide_border a:hover{ text-decoration:underline}

.d_version{width:350px; font-size:10pt; float:left;  margin:10px 0 8px 0;}
.d_version a{ color:#2485D8;}
.b_btm{ margin-bottom:40px}
.sec_gua{width:100px; float:right; padding:5px; margin-left:10px;}

.footer { height:58px; color:#FFFFFF; font-size:11px; background:url(images/footer_bg.png) repeat-x; margin-top:8px;}
.footer_con{ margin:0 auto; padding:20px 0 0 0; width:944px; color:#555;}
.footer_con p{ float:left;}
.footer_con ul{list-style-type:none; float:right;}
.footer_con ul li{color:#555; float:left; margin-right:10px; padding-right:10px; border-right:1px solid #555;}
.footer_con ul li a{ text-decoration:none; color:#555;}
.footer_con ul li a:hover{ text-decoration:underline;}
#l_li{ border:0}

p.proposal_text{
width:170px;
font-size:11px;
text-align:justify;
padding:15px 0 0 15px;
margin:0px;
}
img.img_left{
float:left;
padding:0px 8px 8px 0px;
border:0px;
}
img.img_right{
float:right;
padding:0px 8px 8px 8px;
border:0px;
}
img.img_thumb{
float:left;
padding:10px;
}
img.img_big_pic{
padding:4px;
border:1px #CCCCCC solid;
}

#header{
width:900px;
height:110px;
background:url(./images/topbanner.jpg) no-repeat;
margin:auto;
}
#header2{
width:900px;
height:70px;
margin:auto;
background-color:#015981;
}
#header3{
width:900px;
height:70px;
background:url(./images/headbanner3.jpg) no-repeat;
margin:auto;
}
.header_shadow{
width:900px;
height:4px;
background:url(./images/shadow_bot.gif) repeat-x;
margin:auto;
}

.banner_adds{
width:900px;
padding:2px;
height:200px;
float:left;
}

#main_content{
width:900px;
margin:auto;
clear:both;
background-color:#FFFFFF;

}

/*---------------- menu tab----------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */

/*------------------------middle_content-----------*/
.column1{
width:257px;
float:left;
margin:0px;
padding:10px 10px 10px 5px;
}
.column2{
width:340px;
float:left;
margin:0px;
padding:10px 5px 10px 5px;
}
.column3{
width:320px;
float:left;
margin:0px;
padding:10px 10px 10px 5px;
}
.column4{
width:650px;
float:left;
margin:0px;
padding:10px 0px 10px 5px;
}

.all_column{
width:880px;
float:left;
margin:0px;
padding:5px 5px 5px 5px;
}
.center_column{
width:680px;

margin:0px auto;
padding:5px 5px 5px 5px;
}




.left_box{
width:257px;
height:auto;
float:left;
padding-bottom:10px;
}
.top_left_box{
width:257px;
height:10px;
float:left;
background:url(images/top_box_bg.gif) no-repeat center;
}
.center_left_box{
width:257px;
height: auto;
float:left;
background:url(images/center_box_bg.gif) repeat-y;
}
.bottom_left_box{
width:257px;
height:10px;
float:left;
background:url(images/bottom_box_bg.gif) no-repeat center;
}

.right_box{
width:200px;
padding:5px 5px 5px 5px;
}

.main_text_box{
padding:5px;
}
.proposal{
width:287px;
height:85px;
background:url(images/proposal_box.gif) no-repeat center;
background-position:0px 0px;
margin-left:15px;
margin-top:15px;
}
.title{
font-size:10pt;
background-color:#95cceb;
text-align:left;
width:600px;
padding:5px 5px 5px 20px;
color:#2489DB;
font-weight:bold;
}
.title_picback{
font-size:10pt;
background:url(images/barBG1.jpg) no-repeat;
text-align:left;
width:600px;
padding:5px 5px 5px 20px;
color:#000;
font-weight:bold;
}
.title_noback{
font-size:10pt;
text-align:left;
width:600px;
padding:5px 5px 5px 20px;
color:#2489DB;
font-weight:bold;
}
.small_title{
text-align:left;
font-size:16px;
font-weight:bold;
color:#2489DB;
}
.orange_title{
text-align:left;
font-size:10pt;
font-weight:bold;
color:#ed7d21;
}
.title1 h2{line-height:100%;font-size:16px;font-weight:bold;margin:5px 0 10px 0;}
.title1_ul h2{line-height:100%;font-size:16px;font-weight:bold;margin:5px 0 10px 0;border-bottom:1px dashed #ccc;}
.big_title{
text-align:left;
font-size:24px;
font-weight:bold;
color:#2489DB;
}
.big_title2{
text-align:left;
font-size:16px;
font-weight:bold;
color:#cc0000;
}
.big_title3{
text-align:left;
font-size:16px;
font-weight:bold;
color:#2489DB;
}
.big_content{
text-align:left;
font-size:10pt;
color:#0;
line-height:20px;
}

.price1{
color:#a40000;
font-size:13px;
text-align:justify;
padding:2px;
margin:0px;
}
.price2{
color:#0;
font-size:13px;
text-align:justify;
padding:2px;
margin:0px;
text-decoration:line-through;	
}
.box_title{
text-align:center;
font-size:10pt;

}
.title2{
background-color:#eef1f3;
text-align:left;
width:300px;
padding:5px 5px 5px 15px;
color:#d8325d;
font-weight:bold;
margin-left:5px;
}

/*-------------------details list----------------*/
.details_list{
padding:10px;
}
.details_list ul{
text-decoration:none;
list-style:none;
margin:0px;
padding:0px;
}
.details_list ul li{
padding:5px 5px 5px 25px;
background:url(images/bullet.gif) no-repeat left;
color:#333333;
}
.details_list ul li span{
color:#0464a1;
}
.button{
width:139px;
height:30px;
background:url(images/blank_button.gif) no-repeat center;
text-align:center;
line-height:30px;
font-weight:bold;
font-size:13px;
}
.button a{
text-decoration:none;
color:#d8325d;
}

.content_box_wide{
width:660px;
height:auto;
float:left;
padding:0px;
margin-bottom:5px;}
.txt_info{ float:left; width:660px; margin-bottom:15px;}
.first_p{ line-height:2em;}
.sec_p{ margin-top:25px; line-height:2em;}
.right_txt{float:left; padding-top:15px; padding-left:30px; width:415px;}
.leftpic{ width:212px; height:213px; float:left;}
.content_box_wide ul{ line-height:160%; }
.content_box_wide a{ width:100%; color:#2485D8; text-decoration:none;}
.content_box_wide a:hover{ text-decoration:underline}
.content_box_wide a:visited{ color:#2485D8; }

.content_box_wide_border2{
width:655px;
height:auto;
float:left;
padding:5px;
margin-bottom:10px;
font-size:12px;
border:1px solid #CCC;
}
/*---------------content_box half----------------------*/
.content_box_half{
width:420px;
height:auto;
float:left;
padding:5px;
margin:5px 5px 5px 5px;
font-size:12px;
border:1px solid #CCC;
background:url(images/down-image3.jpg) repeat-x;
}
.content_box_half_noborder{
width:420px;
height:auto;
float:left;
padding:5px;
margin:5px 5px 5px 5px;
font-size:12px;
}

.content_box_allhalf_noborder{
width:420px;
height:auto;
float:left;
padding:2px;
margin:5px 5px 5px 0px;
font-size:12px;
}
.content_box_half_noborder2{
width:318px;
height:auto;
float:left;
padding:2px;
margin:5px 5px 5px 0px;
font-size:12px;
}
.content_box_half_noborder2 a{ color:#2485D8; text-decoration:none}
.content_box_half_noborder2 ul {line-height:120%; margin-top:2px; margin-left:5px; text-indent:10px;}
.content_box_half_noborder2 h3{ font-size:10pt; font-weight:bold; margin:0; padding:0; line-height:150%; color:#444444; text-decoration:none;}

/*---------------content box small----------------------*/
.content_box_small{
width:190px;
float:left;
padding:0px 0px 0 0px;
margin-bottom:10px;
border:0px solid #CCC;
text-align:left;
}
.content_box_small_border{
width:200px;
height:auto;
float:left;
padding:5px;
margin-bottom:10px;
border:1px solid #CCC;
background:url(images/down-image3.jpg) repeat-x;
}

/*--------------- box3----------------------*/
.box3{
width:310px;
float:left;
padding:0px;
font-size:12px;
margin:5px 10px 5px 10px;
}

/*---------------offer_box----------------------*/
.offer_box{
width:320px;
height:106px;
background-color:#f3f5f6;
padding:10px;
margin:10px 0px 10px 0px;
}
.offer_box_wide{
width:310px;
height:106px;
float:left;
background-color:#f3f5f6;
padding:10px;
margin:7px;
}
.offer_box_wide_style1{
width:670px;
height:106px;
float:left;
background-color:#f3f5f6;
padding:7px;
margin:5px;
}
.offer_info{
padding:0px;
}

p.offer{
text-align:justify;
font-size:10px;
}

.big_pic{
width:340px;
text-align:center;
padding:5px 0 5px 0;
}
.pictures_thumbs{
width:300px;
padding-left:40px;
}
/*------------------table style---------------*/
td{
text-align:center;
padding:5px;
}
th{
background-color: #333333;
padding:5px;
color:#FFFFFF;
}
tr.color1{
background-color:#F3F5F6;
}


/*-----------------form style--------------------*/
.form{
width:257px;
text-align:center;
color:#615357;
padding:5px 0 5px 0;
}
.form_row{
float:left;
width:257px;
text-align:center;
padding:3px 0 3px 0;
}
label.left{
float:left;
width:70px;
padding-top:3px;
text-align:right;
}
label.left_long{
float:left;
width:90px;
padding-top:3px;
text-align:right;
}
input.form_input{
border: 1px solid #C8D2D9;
background-color:#FFFFFF;
margin:0px;
width:150px;
float:left;
margin-left:10px;
}
.contact_information{
font-size:10px;
color:#385870;
text-align:left;
padding-left:20px;
}
.contact_information span{
color:#d8325d;
}


/*---------------------pagination-----------------------------*/

div.pagination {
	padding:5px;
	margin:5px;
	text-align:center;
	float:left;
	font-size:10px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #d8325d;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #ddd;
	color: #fff;
	background-color: #d8325d;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	font-weight: bold;
	background-color: #d8325d;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	color: #ccc;
}
/*-----------------------contact------------------------*/
.contact_tab{
width:670px;
height: auto;
float:left;
background-color:#f3f5f6;
padding:8px;
margin:5px 5px 5px 0px;
}
.form_contact{
width:357px;
float:left;
text-align:center;
color:#615357;
padding:5px 0 5px 0;
}
.location_contact{
width:250px;
float:left;
padding:15px;
}
.form_row_contact{
float:left;
width:357px;
text-align:center;
padding:3px 0 3px 0;
}
input.form_input_contact{
border: 1px solid #C8D2D9;
background-color:#FFFFFF;
margin:0px;
width:250px;
float:left;
margin-left:10px;
}
select.form_select{
border: 1px solid #C8D2D9;
background-color:#FFFFFF;
margin:0px;
width:250px;
float:left;
margin-left:10px;
height:20px;
}
textarea{
border: 1px solid #C8D2D9;
background-color:#FFFFFF;
margin:0px;
width:250px;
height:80px;
float:left;
margin-left:10px;
}

.nPB_line{
	width:630px;
	height:5px;
	margin-left:0px;
	background:url(./images/gap.jpg) no-repeat;
	float:left;
}
.seperator{ width:650px; height:1px; float:left; border-bottom:1px dashed #999; overflow:hidden; margin:10px 0 10px 0}

.box_table_buy{
	width:auto;
	margin:20px 0 0px 0px !important;
	text-align:left;
	float:left;
	border:0px solid #CCC;
	padding:2px;
	font-size:12px;
}

.box_table_feature{
	width:auto;
	margin:0px 0 0px 0px !important;
	text-align:left;
	float:left;
	border:0px solid #CCC;
	padding:2px;
	font-size:12px;
}
.box_table_versiondiff{
	width:600px;
	margin:5px 0 10px 10px !important;
	margin:5px 0 10px 5px;
	text-align:left;
	float:left;
	border:1px solid #CCC;
	padding:5px;
}
.box_table_affiliate{
	width:640px;
	margin:5px 0 10px 10px;
	margin:5px 0 10px 5px;
	text-align:left;
	float:left;
	border:1px solid #CCC;
	padding:5px;
	font-size:12px;
}


.box_image_thumb{
	width:auto;
	height:auto;
	margin:0px 22px 0px 22px;
	float:left;
	padding:0px;
	border:0px solid #CCC;
	visibility: visible;
	cursor: default;

}
.box_screenshot_thumb{
	width:auto;
	height:auto;
	margin:0px 22px 0px 22px;
	float:left;
	padding:0px;
	border:0px solid #CCC;
	visibility: visible;
	cursor: default;

}
.box_sample2_thumb{
	width:auto;
	height:auto;
	margin:0px 10px 0px 10px;
	float:left;
	padding:0px;
	border:0px solid #CCC;
	visibility: visible;
	cursor: default;

}


.box_templates_thumb{
	margin:5px 0px 5px 0px;
	width:120px;
	heigh:120px;
	float:left;
	padding:0px;
	text-align:center;
	border:0px solid #CCC;
}

.box_templates
{
	width:auto;
	height:auto;
	float:left;
}
.box_templates img{ border:0px;}

.box_templates a{
	margin:5px 5px 5px 5px;
	width:120px;
	height:120px;
	float:left;
	padding:0px;
	border:1px solid #CCC;
	text-align:center;
	vertical-align:middle;   

}

.box_templates_wide a{
	margin-right:21px;}

.box_templates a img{
	overflow:hidden;
}

.box_samples_thumb{
	margin:5px 5px 5px 5px;
	width:120px;
	height:120px;
	float:left;
	padding:0px;
	border:0px solid #CCC;
	vertical-align:middle;   
  	display:table-cell;   

}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}

.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
}
.space_li{
	margin:0 0 12px 0;
}

.dotline {
BORDER-BOTTOM-STYLE: dotted;
BORDER-LEFT-STYLE:dotted;
BORDER-RIGHT-STYLE: dotted; 
BORDER-TOP-STYLE: dotted;
}

.box_hottags{
	margin:5px 10px 5px 10px;
	width:auto;
	float:left;
}
.index_bottom_text,.index_bottom_text a{
	color:#000000;
	line-height:3em;
	font-size:12px; 
	font-style:italic;
	padding-left:10px;
	}
.index_bottom_text a:visited{ color:#000000; }
.index_bottom_text{
	background:#e6f0f5;
	}
	
.index_bottom_share{	background:#e6f0f5;	line-height:200%;	padding:5px 0 5px 10px;	width:630px;	float:left;}
.index_bottom_sharetext{float:left; margin-right:30px; font-weight:bold;  }

.share_box { width:150px;padding:5px; height:auto; text-align:center;font-size:13px; margin:8px 0 8px 0; float:right; }
.share_box a{ width:auto;}

.share_box_large { width:250px;padding:5px; height:auto; text-align:center;font-size:13px; margin:8px 0 8px 0; float:right; }
.share_box_large a{ width:auto;}

	
.blue_box{	background:#e6f0f5;	line-height:200%;	padding:5px 0 5px 10px;	width:640px;	float:left;}
.last_p{ margin-top:15px;}
.p_format{ margin-bottom:15px;}

/*Products*/
.main_products_nav{ width:670px; height:38px; float:left; margin-top:10px; font-size:12px;}
.main_products_nav a{ color:#666; height:38px; float:left; text-decoration:none; text-align:center; line-height:38px}
.main_products_nav a:hover{ font-weight:bold; text-align:center; }
.main_products_nav a:visited{ color:#666; }
.pnav1{ width:109px; background:url(./images/pnav1_bj.jpg) no-repeat}
.pnav1:hover,.pnav1 span{ background:url(./images/pnav1h_bj.jpg); display:block; font-weight:bold; text-align:center;}
.pnav2{ width:110px}
.pnav3{ width:128px}
.pnav4{ width:112px}
.pnav5{ width:120px}
.pnav2,.pnav3,.pnav4,.pnav5{ background:url(./images/pnavbj.jpg) repeat-x}
.pnav2:hover,.pnav2 span,.pnav3:hover,.pnav3 span,.pnav4:hover,.pnav4 span,.pnav5:hover,.pnav5 span{ background:url(./images/pnavh.jpg) repeat-x; text-align:center; display:block; font-weight:bold}
.pnav1,.pnav2,.pnav3,.pnav4,.pnav5{ border-right:1px solid #CCC}
.pnav6{ width:116px; background:url(./images/pnav6_bj.jpg) no-repeat}
.pnav6:hover,.pnav6 span{ background:url(./images/pnav6h_bj.jpg); display:block; font-weight:bold}

.nav_null{ width:116px; height:37px; border-bottom:1px solid #ccc; float:left}

.picture_box{ width:100%; float:left}
.pic_sct_a{ width:120px; height:120px; float:left; border:1px solid #FFF; text-decoration:none; margin:5px 0 10px 0}
.pic_sct_a:hover{ border:1px solid #DFDFDF; background:#F9F9F9; text-decoration:none}
.pic_sct_a img{ width:176px; height:132px; float:left; padding:15px 15px 0 15px}
.pic_sct_a p{ width:100%; float:left; text-align:center}
.picture_box span{ width:18px; height:190px; float:left; background:url(../img/pic_s_span.gif)}
.picture_samples{ width:100%; float:left; margin-top:10px}
.picture_samples h1{ font-size:16pt; color:#333; text-align:left; padding:10px 0 0 20px}
.picture_samples_bartit{ width:650px; height:22px; float:left; border:1px solid #FFF; background:url(../img/picture_samples_bj.jpg) repeat-x; padding-left:20px; text-align:left; line-height:22px; margin:15px 0 5px 0}
.picture_samples_img{ width:655px; float:left; padding: 4px;}
.picture_samples_img a{ width:120px; float:left; padding:10px 12px 5px 0; }
.picture_samples_img img{ text-align:center; margin:4px;}

.h1_box{ height:auto; width:865px;margin:0px;padding:5px 15px 5px 15px; }

.blue_box{	background:#e6f0f5;	line-height:170%;	padding:5px 0 5px 10px;	width:645px; float:left;	}

.addon_templates_box{ float:left; width:640px; }
.addon_templates_box h3{ font-size:10pt; font-weight:bold; margin:0; padding:0; line-height:150%; color:#2489DB; text-decoration:none;}

.seperator_l{ width:860px; height:1px; float:left; border-bottom:1px dashed #999; overflow:hidden; margin:10px 10px 10px 10px;}



/*--------------------For Mac Page------------------------------*/

/*Add Css Begin  */

.keyfeabox{ width:880px; height:auto; float:left; padding:10px; margin-bottom:0px; font-size:12px;}
.reviewnote{text-align:left; float:left; padding:10px 0 0 3px; width:260px; color:#5c5c5c}
.reviewperson{ float:right; width:260px; padding:5px 20px 0px 0px; font-size:12pt; text-align:right;}
.morelink{ width:420px; text-align:right; padding:6px;font-size:12px;line-height:100%;float:left;text-decoration:none;}
.down_buy{ margin:20px 0 0 0px; float:left}
.macfeature_text{width:860px; float:left; margin:0 0 25px 0}
.macfeature_text ul{float:left; margin-top:10px; padding:0; margin-left:20px; color:#5c5c5c; font-size:10pt}
.macfeature_text ul li{list-style-position:outside; list-style-image:url(images/dot.png) margin:0px; padding:0px; width:530px; padding-bottom:10px;}
.leftimg{ float:left; margin-right:35px; line-height:120%;}
.rightimg{ float:right}
.left_ul{ width:580px}
.left_h3_padding{width:580px; margin-top:20px}
.firstfeature{ margin-top:30px;}
.reviews_box_b {width:400px; float:left; padding:10px; margin:5px; height:115px; font-size:10pt; color:#5c5c5c;}
.rigreviews{ float:left; margin-top:20px;}
.macproduct{ width:417px; height:250px; margin:0px 2px 8px 0px; margin-top:10px; float:right; background-image:url(images/macpro.png); border:0px; position:relative;}
.macproduct img{ width:134px; height:134px; position:absolute; left:141px; top:50px; border:0px;}
/*

.macproduct a{ display:block; background-image:url(images/show-macvideolight.png); width:417px; height:250px;}
.macproduct a:hover{ display:block; background-image:url(images/show-macvideodark.png); width:417px; height:250px;}

*/

/*-------------------------Promotion  Page------------------------------------*/
#banner{margin:0; padding:0;}
#topcontentarea{ width:880px; padding-left:20px;}
#topcontentarea h1{  font-size:20px; margin:0px 0 10px 0; color:#2489DB; font-weight:bold; line-height:normal; padding-top:18px; float:left;}
#topcontentarea h1 span{ font-size:24px; color:#ff6600;}
#discountpic{ float:left;}
#discountpic_sec{ float:left; width:420px; height:327px; background-image:url(promotion/image/pcm_screenshot.png); position:relative; border:0px; padding-bottom:10px;}
#discountpic_sec img{ border:0; position:absolute; left:175px; top:130px;}
#soft_into{ float:left; width:420px; padding:18px 5px 5px 25px;}
#soft_into p{ font-size:13px; line-height:1.2em;}
#soft_into ul{ font-size:13px; line-height:1.2em; padding:0; margin:0; margin-top:13px;}
#soft_into ul li{ list-style-image:url(images/bullet_blu.gif); list-style-position:outside; margin-left:15px; padding-bottom:0.6em;}
#more_fea{ float:right; text-align:right; padding:5px;}
#more_fea a{ text-decoration:none; color:#06F; font-size:12px; font-style:italic;}
#more_fea a:hover{ text-decoration:underline; cursor:pointer;}
#disprice{ font-size:20px;color:#ff6600; text-align:center; font-weight:bold; padding:2px; padding-bottom:0; margin:0px; text-decoration:none; width:425px; height:18px; float:left;}
#disprice span{ font-size:16px;color:#000;text-align:justify; font-weight:bold; padding:5px; margin:0px;text-decoration:line-through;}
#tab{ float:right; padding-right:60px; width:365px; padding-top:15px;}
.date{font-size:12px;color:#ff6600;text-align:left; padding:2px; padding-bottom:0; margin:0 8px 0 0; width:365px; float:right; font-weight:bold;}
#promotionbox{ width:862px; float:left; padding:18px 1px 18px 38px;}
#promotionbox img{ border:0px;}
.samplebox{ width:860px; float:left; padding:2px 20px 0 20px;}
.samplebox img{ border:0px;}
.sampleboxpic{ width:176px; height:176px; float:left; border:1px solid #FFF; text-decoration:none; margin:5px 23px 10px 0}
.sampleboxpic:hover{border:1px solid #DFDFDF; background:#F9F9F9; text-decoration:none}
.sampleboxpic img{width:176px; height:176px; float:left; padding:0px;}
.samplebox span{ width:18px; height:176px; float:left; background:url(promotion/image/pic_s_span.gif)}
.promotioncopy{ float:left; width:400px; padding:5px 0px 0px 0px;}
.moresamlink{ float:right; padding:5px 0px 0px 0px; height:18px; width:150px;}
.moresamlink a{text-decoration:none; font-size:12px; color:#06F;}
.moresamlink a:hover{ text-decoration:underline; cursor:pointer;}
.moresamlink a:visited{color:#06F;}
.otherdis{ width:900px; padding:20px 0 20px 0; float:left;}
.otherdis h2{ margin-bottom:0px; padding-left:20px;}
.otherdis_sub{ width:429px; float:left;}
.first_sub{ margin-left:20px;}
.otherdis_sub img{ float:left; margin-top:0px; border:0;}
.otherdis_sub h3{ margin:0; padding:0; color:#ff6600; width:265px; float:right; padding-right:12px;}
.text_price1{ color:#ff6600;text-align:justify; font-weight:bold; padding:2px 2px 0 2px;margin:0px; text-decoration:none; font-size:15px;}
.text_price1 span{text-align:justify; font-weight:bold; padding:2px 2px 0 2px; margin:0px; text-decoration:line-through; font-size:12px; color:#000;}
#addthis{font-size:12px; width:180px; text-align:right; margin-top:10px; float:right;}


.adw_overview{ padding:0 10px 0 10px; width:880px; float:left;}
.adwards{ height:400px; float:left;}
.adwards h2{ font-size:16px; padding-top:0px; text-align:center;}
.adwards ul{ list-style-type:none; float:left; margin:0; padding:0; padding:20px 15px 15px 15px;}
.adwards ul li{ padding-bottom:32px;}
.leftadw_mid{ padding-left:18px;}
.rightadw_top{ padding-left:20px;}
.rightadw_mid{ padding-top:24px;}
.rightadw_bot{ padding-left:6px;}
.left_overview{ width:500px; height:400px; float:left; margin-right:38px;}
.left_overview p{ margin:25px 0; line-height:16px;}
.left_overview p a{ text-decoration:none; color:#2489DB; }
.left_overview p a:hover{ text-decoration:underline;}
.downtab{ float:left; width:365px;}
.video_tutorial{ float:left; width:350px; height:auto; margin:20px 20px 0px 20px; padding:0;}
.video_tutorial p{ text-align:center; margin-top:3px; font-size:13px; width:345px; height:18px; float:left; padding:0;}
#header_con{width:900px; margin:0 auto; background-image:url(images/down-image2.jpg); height:60px;}
#header_con img{border:0; padding-bottom:8px; float:left;}
.product_info{width:858px; height:215px; padding:10px; 15px 0 25px;}
.product_info_left{ margin:20px 0 0 0; height:160px; width:380px; float:left; border:0; background-image:url(images/giveaway/pcm.png); position:relative;}
.product_info_right{ float:right; background-image:url(images/giveaway/pcm_mac.png);height:160px; width:380px; margin:20px 0 0 0; border:0; position:relative;}
.product_info img{ position:absolute; bottom:6px; right:8px; border:0;}
/*#countdown{ width:415px; height:110px; float:left; position:relative;}
.col ul li {background:url(promotion/image/cou_do.png) no-repeat; width:45px; height:36px; float:left; padding-left:0px; font:bold 20px Arial, Helvetica, sans-serif; color:#1e2628; padding-top:10px; text-align:center; margin-right:20px;  list-style:none;}
.date_txt{ font:10pt Verdana, Geneva, sans-serif bold; color:#1e2628;}*/



/*-------------------------------Css Filter-------------------------------*/
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.social_box{ margin-top:10px; float:left; width:660px; padding-bottom:15px;}
.twitter_share{ float:right; height:240px; width:300px; padding:0px;}

/*for ios*/
.top_show{ margin:18px 2px 8px 0px; float:right; border:0px; height:250px;}
.tem_mar{ width:150px; float:left; padding:0px 0px 0 0px; margin:0 30px 10px 0px;;}

/*fap page*/
.con_main{ background-color:#FFF; width:646px; float:left; border:1px solid #CCC; padding-left:10px; margin-bottom:8px}
.con_main h2{ color:#333; margin:35px 0 12px 0;}
.faq{ list-style-type:none; padding:0px; margin:0;}
.faq li div{ display: none; margin:-8px 0 12px 12px; font-size:12px; line-height:17px; color:#333;}
.faq li div a{ text-decoration:none; color:#333;}
.faq li div a:hover{ text-decoration:underline; color:#2058a1;}
.faq li div ol{ list-style-type:none; padding:0; margin:0;}
.faq li div ol li{ margin-bottom:10px;}
.faq li p{ padding: 0 0 14px 12px; font-size:12px; font-weight:bold;}
.faq a{ text-decoration:none; color:#2058a1;}
.list_ul{ list-style-type:none; font-size:15px;}
.list_ul li{ margin-bottom:20px;}

/*home page sample*/

.pic_list{ border:1px solid #F00; height:450px; clear:both;}
.pic_list ul{ border:1px dashed #66F; list-style-type:none; margin:0; padding:0;}
.pic_list ul li{ float:left; width:160px; height:185px; margin:0 7px; border:1px dotted #33C;}
.pic_list ul li span{ border:1px dashed #960; display:block; text-align:center;}
#top_ul_mar li{ margin-bottom:10px;}

/*Card Content*/
.top_con{ width:873px; padding:25px 10px 0 17px; }
.top_lft_con{ height:275px; width:402px; float:left;}
.top_right_con{  width:465px; float:right;}
.top_right_con h1{ margin-bottom:16px;}  .top_right_con ul{ margin:25px 0 0 0; padding:0 0 0 5px;}
.top_right_con ul li{ list-style-position:inside; list-style-image:url(images/bullet_blu.gif); padding-bottom:10px; color:#555; font-size:10pt;}
.btn_con{  width:465px; height:55px; float:right; margin-top:18px; }
.btn_con ul{ list-style-type:none; margin:0; padding:0;}    .btn_con ul li{ float:left;}
.lft_li{ margin-right:12px;}

.pic_row{ width:873px; padding:0 10px 30px 17px; margin:15px 0 0px 0;} 
.pic_row ul{  list-style-type:none; padding:0; height:170px; margin:10px 0 0 0;}    .pic_row ul li{ float:left; margin-right:19px;}
.pic_row ul li span{ text-align:center; display:block; color:#555; font-size:9pt}
#no_span{ height:150px;}
.sec_row li{ margin-top:8px;}
#right_li{ margin-right:0;}   .width_pic{ padding-top:13px;}  .width_pic img{ padding-bottom:10px;}

.lft_info{width:393px; height:200px; float:left; padding-left:17px; background:#FFF}
.right_info{ width:450px; height:200px; float:right; margin-right:17px; background:#FFF}   .right_info ol{ padding:0; list-style-position:inside; margin:0;}
.right_info ol li{  height:25px; color:#555; font-size:10pt}

.btn_img{ width:873px; height:60px; float:left; padding:10px 10px 0 17px;}
.btn_img ul{ margin:0; padding-left:237px; list-style-type:none;}   .btn_img ul li{ float:left;}

.btm_link{ width:873px; height:30px; float:left; padding:10px 10px 10px 17px; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; margin:25px 0 10px 0; background-color:#e8ebf1;}
.btm_link ul{ padding:8px 0 0 193px; margin:0; list-style-type:none;}   .btm_link ul li{ border-right:1px solid #000; width:120px; height:20px; float:left; margin-right:10px; text-align:center;}  
.btm_link ul li a{ text-decoration:none; color:#000;}



/*Special Offer*/
.ad_ban{height:396px; background:url(images/promo/valentine/t_bg.png) repeat-x}
.ad_img{margin:0 auto; width:1800px}
.g_bg{background:#FFF repeat-x; height:60px; border:1px dashed #F60}

.title_h1{color:#c6120d; width:1108px;  margin:0 auto;}
.com_box{margin:0 auto; width:1108px}
.title_h2{ font-size:23px; padding-top:75px}

.margin_img{margin-right:60px; padding-top:32px}
.f_left{ float:left;}    .f_right{float:right}
.com_box p{color:#555; font-size:18px; margin:18px 0 30px 0}
.p_div{width:723px; float:left; margin-bottom:15px}

/*Samples Layout*/
.sam_layout{list-style-type:none; margin-bottom:18px}
.sam_layout li{ float:left; margin-right:18px} 
.sam_layout li img{border:0}        #last_m{margin:0}   .m_top{margin-top:26px}


/*Giveaway*/
.p_bg{background:#f9aeb3; margin:20px auto 20px auto}
.p_main{width:980px; height:650px; margin:30px auto 10px auto; position:relative}
.p_main h1{color:#fdde21; font-size:70px}
.p_main img{margin-top:14px}
.cmn_p{color:#be1b20; font-size:60px; width:616px; position:absolute; top:475px; left:415px; text-align:left}

.ctd{width:616px; position:absolute; top:300px; left:415px}
.col ul li{background:url(images/giveaway/ctn_img.png) no-repeat; width:141px; height:131px; color:#be1a21; text-align:center; margin-right:13px; list-style-type:none; font-size:76px; font-weight:bold; float:left; padding:15px 0 0 0}

#bt{position:absolute; top:100px; left:52px}
#bt ul{ list-style-type:none; color:#1e2628; font-size:16px}   #bt ul li{float:left;}
.sec_li{margin-left:110px}  .third_li{ margin-left:106px;}   .last_li{ margin-left:90px;}

.fb_ban{margin-bottom:25px; background:url(images/promo/pm_bg.jpg) no-repeat center center}
.fb_ban_img{width:1031px; height:420px; margin:0 auto}

.med_rvw{width:870px; height:62px; margin:0px 0 8px 0; padding:15px 15px; background:#e1e8eb}   .med_rvw_p{width:640px; margin-left:55px; font-size:10pt; margin-top:13px}
.p_name{width:170px; float:right; font-size:10pt; margin:5px 30px 0 0; text-align:right}

/*top float menu*/
.ft_menu{height:90px; background:#34a086 repeat; display:none}
.scl_menu{width:900px; margin:0 auto; padding:20px 0; color:#FFF; height:50px; line-height:50px}
.scl_menu ul{list-style-type:none; float:left; font-size:13px; margin:0; padding-left:15px; font-family:Arial,Helvetica,sans-serif}
.scl_menu ul li{float:left; margin-right:20px}   
.scl_menu ul li a{text-decoration:none; color:#FFF; font-weight:bold}                .scl_menu ul li a:hover{text-decoration:underline}
.scl_menu ol{list-style-type:none; float:right; padding-top:5px; margin:0}
.scl_menu ol li{float:left; margin-left:20px; padding:0}
.ft_menu_fixed{left:0; top:0; position:fixed; width:100%; z-index:200; display:block}


.mon_safe{ float:right; width:100px; padding:5px; margin:10px}
.benefit_txt{ margin-left:20px; line-height:170%;}
.pay_meth{margin:15px 0px 10px 20px; width:300px;}

.downloadpage_info{margin:10px 0 25px 0; font-size:11pt}

.privacy_frame{float: left;width: 97%; margin-bottom: 8px; font-size: 10pt; padding: 0 2%;background: #fff;}
.privacy_frame h1{ margin:32px 0 25px}
.privacy_frame p{ line-height:1.50em}
.privacy_frame p strong{ margin:32px 0 15px; display:block}
.privacy_frame ul{ list-style-type:none; padding:0; width:100%; margin:0}
.privacy_frame ul li{padding-left:10px; margin-top:15px; color:#555}
.privacy_frame ul li p{ display:inline-block}
.privacy_frame ul li p:first-child{ margin-bottom:8px}



