@charset "utf-8";
/* CSS Document */

.pageaddress{ width:930px; float:left; padding-left:10px; text-align:left; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:11px; line-height:30px; margin-bottom:-10px; color:#666}
.pageaddress a{ color:#666; text-decoration:none; font-size:11px;}
.pageaddress a:hover{ color:#2488DA; text-decoration:underline}
.pageaddress span{ color:#333; font-size:11px;}

/*main all contact*/
.mainall{width:900px; float:left;}

/*main left contact*/
.mainleft{ width:700px; float:left}
.mainlefttop{ width:700px; height:10px; float:left; background:url(../img/mainlefttop.jpg); margin-top:10px; overflow:hidden}
.mainleftcen{ width:698px; float:left; border-left:1px solid #CCC; border-right:1px solid #CCC; background:#FFF}
.mainlefttfooter{ width:700px; height:18px; float:left; background:url(../img/mainleftfooter.jpg)}

/*index*/
.incontext{ width:660px; float:left; margin-left:19px}
.incontext h1{ width:660px; text-align:left; float:left; color:#333; font-size:18px; font-weight:bold; line-height:30px; }
.incontext h2{ text-align:left; float:left; color:#2488DA; font-size:15px; font-weight:bold; line-height:100%}
.in_xx{ width:660px; height:1px; float:left; border-bottom:1px dashed #999; overflow:hidden; margin:10px 0 10px 0}
.incollagediv{ width:660px; float:left; padding:10px 0 10px 0}
.incollageimg img{  float:left;}
.incollageinfo{ width:415px; float:right; margin-left:10px}
.incollageinfo h2{ width:100%; text-align:left; float:left; font-weight:bold; line-height:24px; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:16px; color:#444}
.incollageinfo p{ width:100%; text-align:left; float:left; line-height:150%; color:#333; margin-top:10px}
.incollageinfo a,.inprodiv a { width:100%; color:#2485D8; text-decoration:none; margin-top:0px}
.incollageinfo a:hover ,.inprodiv a:hover{ text-decoration:underline}
.incollagebutton{ width:413px; float:left; text-align:left; padding-top:15px;}
.incollagebutton a{ width:106px; float:left; text-align:left; margin-right:40px}
.pcm_mac{ width:413px; float:left; text-align:left; height:54px; margin-top:15px;}
.pcm_mac img{ float:left;}
.pcm_mac span{ width:106px; float:right; text-align:left; margin:20px 40px 0 0; text-decoration:none; color:#2485D8; display:block;}
.pcm_mac span a{text-decoration:none; color:#2485D8;}
.bot_btn{width:175px; height:55px; float:right; margin-right:25px;}   .bot_btn img{ border:0;}

.inprolist{ width:100%; float:left; margin-top:10px}
.inprodiv{ width:320px; float:left}
.inprodiv li{ width:300px; float:left; overflow:hidden; line-height:120%; padding:5px; background:url("../img/bullet.gif") no-repeat 3px 8px; padding-left:15px;}
.inprodiv h2{ width:100%; height:25px; line-height:25px; color:#444; float:left; background:#F5F5F5; font-size:13px}
.inproother{ width:100%; float:left; margin:15px 0 5px 0}
.inproother img{ width:145px; height:160px; float:left; border:0;}
.inproothercon{ width:150px; float:left; padding:30px 0 0 14px;}
.inproothercon p a img{ width:103px; height:24px; border:0;}
.inproothercon h2{ text-align:left; font-weight:bold; line-height:100%}
.inproothercon p{ width:100%; text-align:left; float:left;}
.inproothercon p span{ color:#F00}
.proliinfo{ width:310px; padding-left:5px; text-align:left; float:left; line-height:150%}
.prolistxx{ width:30px; height:320px; float:left; background:url(../img/prolistxx.gif) no-repeat}
.prolistxx_low{ width:30px; height:220px; float:left; background:url(../img/prolistxx.gif) no-repeat}

.innew{ width:660px; height:175px; float:left; margin:0 0 10px 0}
.innewsleft{ width:2px; height:175px; float:left; background:url(../img/innewleft.jpg) no-repeat}
.innewscen{ width:656px; height:175px; float:left; background:url(../img/innewcen.jpg) repeat-x}
.innewsright{ width:2px; height:175px; float:left; background:url(../img/innewright.jpg) no-repeat}

.innewsdiv{ width:196px; float:left; padding:0 10px 0 10px;}
.innewsdiv h1{ width:100%; float:left; text-align:left; font-size:12px; color:#222; font-weight:bold}
.innewsdiv a{ width:98%; float:left; text-align:left; text-decoration:none; line-height:23px; color:#666}
.innewsdiv a:hover{ color:#2488DA; text-decoration:underline}
.innewsxx{ width:4px; height:175px; float:left; background:url(../img/innewxx.jpg)}

/*new index*/
.main_con{ width:672px; float:left; margin-left:15px; border:0;}
.main_con h1{ width:265px; text-align:left; float:left; color:#333; font-size:18px; font-weight:bold; line-height:30px;}
.main_con h1 a{ font-size:18px; color:#333; text-decoration:none;}
.top_proname{ float:left; width:670px; height:35px; margin-bottom:20px;}
.top_proname span{ padding:10px; width:35px; height:10px; display:block; float:left;}
.top_proname img{ float:right; padding:5px 5px 0 0;}
.pcm_intro{ width:670px; float:left;}
.pcm_intro_txt{ width:500px; float:left; height:270px;}
.p_link{ width:500px; text-align:left; padding-left:16px;}
.p_link a{ text-decoration:none; color:0088CC;}
.p_link a:hover{ text-decoration:underline; color:#3D3D3D;}
.common_p{ line-height:24px; font-size:12px; width:500px;}
.common_p a{ text-decoration:none; color:0088CC;}
.common_p a:hover{ text-decoration:underline; color:#3D3D3D;}
.pcm_intro_txt ul{ list-style-type:none; padding:10px 0; margin:0;}
.pcm_intro_txt ul li{ background:url(../img/bullet.gif) no-repeat 2px 6px; list-style-position:inside; padding-left:15px; overflow:hidden; list-style:none; width:490px; line-height:16px; margin-top:5px;}
.pro_img{ float:right; padding-top:20px;}
.down_buy{ float:left; width:250px; height:35px; float:right; padding:3px 2px;}
.button_pad{ padding-left:32px;}
.cen_pro{ float:left; width:670px;}
.cen_pro_top{  float:left; width:668px; height:235px; margin-top:10px;}
.cen_pro_top_div{ width:320px; height:232px;  float:left;}
.otherpro_name{ width:318px; height:90px; float:left;}
.otherpro_name a{ font-size:11px; color:#333; text-decoration:none;}
.otherpro_name img{ float:left; margin-right:8px;}
.otherpro_name h2{ padding:5px 0 0 0; margin:0; font-size:13px;}
.otherpro_name h2 a{ font-size:13px;}
.otherpro_name span{ padding-top:12px; display:block; font-size:11px;}
.cen_pro_top_div_con{ float:left; width:318px;}
.cen_pro_top_div_con p{ line-height:18px; font-size:12px; margin-top:15px;}
.cen_pro_top_div_con p span{  display:block; padding-left:210px;}
.cen_pro_top_div_con p span a{ text-decoration:none; color:0088CC;}  
.cen_pro_top_div_con p span a:hover{ text-decoration:underline; color:#3D3D3D;}
.cen_pro_top_div_con p span a:visited{ text-decoration:none; color:0088CC;}
.middle_line{ float:left; width:1px; border-right:1px solid #DDDDDD; height:220px; margin:3px 10px 0 10px;}
.buttom_res{ float:left; width:670px; padding-top:15px;}


/*promotion box*/
.promotion_box{width:940px; float:left; background:#fff;}
.promotion_box h2{ width:100%; text-align:left; float:left; font-size:16px; font-weight:bold; color:#333; line-height:180%; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif;}
.promotion_box h3{ width:100%; text-align:left; float:left; font-size:14px; font-weight:bold; color:#F60; line-height:150%; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif;}
.promotion_box .promotion_text{ font-size:12px; font-weight:bold; color:#F60; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; }
.promotion_header { width:940px; float:left; height:159px; background:url(../../images/promotion/christmas_header.jpg);}
.promotion_box_half{width:900px; float:left; padding:20px; }
.promotion_box_half .img_box { width:auto; float:left; }
.promotion_box_half .content_box { width:440px; float:left; padding:10px; }

/*company*/
.context{ width:680px; float:left; }
.context h1{ width:100%; text-align:left; float:left; font-size:18px; font-weight:bold; color:#333; line-height:180%; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif;}
.context h2{ width:100%; float:left; text-align:left; font-size:15px; line-height:180%; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight:bold; color:#333;  line-height:24px; margin:20px 0 10px 0;}
.context .h2{height:24px;line-height:24px; font-size:15px;font-weight:bold;color:#444;margin:10px 0 10px 0;}
.context h3{ width:100%; float:left; text-align:left; font-size:14px; line-height:180%; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight:bold; color:#444; }
.context p{ width:100%; float:left; text-align:left; line-height:150%; color:#222; margin:0 0 15px 0}
.context p span{ width:auto; float:left; text-align:left; line-height:120%;font-size:12px; font-weight:bold}
.context a{ color:#2485D8; text-decoration:none}
.context a:hover{ text-decoration:underline}
.con640{ width:640px; float:left; padding:0 0 0 20px}
.context footer_box{ width:100%; float:left;}

/*Features*/
.context .feature_box {width:100%; float:left; }
.context .feature_text {width:400px; float:left; padding:5px;}
.context .feature_text_bic{width:600px; float:left; padding:5px;}
.feature_text li{ width:380px; float:left; overflow:hidden; line-height:120%; padding:5px; background:url("../img/bullet.gif") no-repeat 3px 8px; padding-left:15px;}
.feature_text_bic li{width:580px; float:left; overflow:hidden; line-height:120%; padding:5px; background:url("../img/bullet.gif") no-repeat 3px 8px; padding-left:15px;}
#spe_ul li{ width:330px}

/*Products*/
.main_products_nav{ width:700px; height:38px; float:left; margin-top:10px;}
.main_products_nav a{ height:38px; float:left; text-decoration:none; text-align:center; color:#666; line-height:38px}
.main_products_nav a:hover{ font-weight:bold; text-align:center; }
.pnav1{ width:109px; background:url(../img/pnav1_bj.jpg) no-repeat;}
.pnav1:hover,.pnav1 span{ background:url(../img/pnav1h_bj.jpg); display:block; font-weight:bold; text-align:center;}
.pnav2{ width:110px}
.pnav3{ width:128px}
.pnav4{ width:112px}
.pnav5{ width:120px}
.pnav6{ width:100px}
.pnav2,.pnav3,.pnav4,.pnav5, .pnav6{ background:url(../img/pnavbj.jpg) repeat-x}
.pnav2:hover,.pnav2 span,.pnav3:hover,.pnav3 span,.pnav4:hover,.pnav4 span,.pnav5:hover,.pnav5 span,.pnav6:hover,.pnav6 span{ background:url(../img/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(../img/pnav6_bj.jpg) no-repeat}
.pnav6:hover,.pnav6 span{ background:url(../img/pnav6h_bj.jpg); display:block; font-weight:bold}

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

.picture_screenshots{ width:100%; float:left}
.picture_screenshots span{ width:18px; height:190px; float:left; background:url(../img/pic_s_span.gif)}
.pic_sct_a{ width:206px; height:188px; 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_samples{ width:100%; float:left; margin-top:10px}
.picture_samples h1{ font-size:14px; font-weight:bold; color:#333; text-align:left; padding:10px 0 0 20px}
.picture_samples_bartit{ width:640px; 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:672px; float:left; padding-left:24px}
.picture_samples_img a{ width:120px; float:left; padding:10px 12px 5px 0; text-align:center;}
.picture_samples_img img{ text-align:center;}

.thumb_box{ width:100%; float:left}
.thumb_box span{ width:18px; height:180px; float:left; background:url(../img/pic_s_span.gif)}
.thumb_sample{ width:206px; height:188px; float:left; border:1px solid #FFF; text-decoration:none; margin:5px 0 10px 0}
.thumb_sample:hover{ border:1px solid #DFDFDF; background:#F9F9F9; text-decoration:none}
.thumb_sample img{ width:176px; height:176px; float:left; padding:15px 15px 15px 15px}
.thumb_sample p{ width:100%; float:left; text-align:center}

.thumb_box_145{ width:100%; float:left}
.thumb_box_145 span{ width:18px; height:145px; float:left; background:url(../img/pic_s_span.gif)}
.thumb_sample_145{ width:145px; height:145px; float:left; border:1px solid #FFF; text-decoration:none; margin:5px 0 10px 0}
.thumb_sample_145:hover{ border:1px solid #DFDFDF; background:#F9F9F9; text-decoration:none}
.thumb_sample_145 img{ width:145px; height:145px; float:left; padding:0px;}

.picgif_top_img{width:100%; height:250px; float:left; background:url(../img/pic_top_img_bj_2.png) repeat-x; margin-top:8px; border:1px solid #CCC;}
.picture_top_img{ width:100%; height:230px; float:left; background:url(../img/picture_top_img_bj_2.jpg) repeat-x; margin-top:8px; border:1px solid #CCC; }
.picture_top_img_gcb{ width:100%; height:183px; float:left; background:url(../img/gcb_top_img.jpg) no-repeat; margin-top:8px}
.picture_imginfo{ width:560px; float:left; padding:5px 0 0 20px}
.picture_imginfo h2{ width:100%; float:left; text-align:left; font-weight:bold; font-size:13px}
.picture_imginfo h1{ width:100%; float:left; text-align:left; font-size:20px; font-weight:normal; line-height:170%; }
.picture_imginfo p{ width:100%; float:left; text-align:left; font-weight:normal; line-height:150%}
.picture_imginfo p span{ font-weight:bold; color:#F00; font-size:12px}
.picture_imgdiv{ width:360px; float:right; padding-top:18px;}
.picture_video{ width:360px; height:183px; float:right; margin-top:18px; background:url(../../images/screen_box_collageit.png) no-repeat; position:relative;}
#img{ position:absolute; left:113px; top:24px;}
.picture_citmvideo{ width:360px; height:183px; float:right; margin-top:18px; background:url(../../images/collageit-for-mac.png) no-repeat; position:relative;}
.picture_gbmvideo{ width:360px; height:183px; float:right; margin-top:18px; background:url(../../images/screen_greetingsbox.png) no-repeat; position:relative;}
.picture_isovideo{ width:360px; height:183px; float:right; margin-top:18px; background:url(../../collageit-for-ios/image/iso_screen.png) no-repeat; position:relative;}
.picture_pcmiso{ width:360px; height:183px; float:right; margin-top:18px; background:url(../../picture-collage-maker-for-ios/image/ban_top.png) no-repeat; position:relative;}
.piclight_imgdiv{ width:355px; float:right; padding-top:18px;}

/*download and purchase*/
.download_div{ width:100%; float:left}
.download_img{ width:109px; float:left;}
.download_img img{ width:109px; height:128px; float:left}
.download_info{ width:520px; float:left; padding-left:20px}
.download_info h2{ line-height:100%}
.download_info h2 span{ font-size:12px; color:#C00}
.download_info a{ width:100%; float:left; text-align:left; color:#2485D8; text-decoration:none}
.download_info a:hover{ text-decoration:underline}
.download_xx{ width:100%; float:left; height:10px; border-bottom:1px dashed #999; margin:10px 0 10px 0}


.download_btn{ width:106px; height:29px; float:right; background:url(../img/free-trial.gif); border:none; margin:15px 5px 0 0}
.download_buy{ width:106px; height:29px; float:right; background:url(../img/buy-now.gif); border:none; margin:15px 5px 0 0}
.probuynow{ width:106px; height:29px; float:left; background:url(../img/buy-now.gif); border:none}
.picture_download{ width:97px; height:22px; float:left; background:url(../img/picture_download.gif); border:none; margin:10px 0 0 0}
.picture_buy{ width:97px; height:22px; float:left; background:url(../img/picture_buy.gif); border:none; margin:10px 0 0 30px}
.c_buy, .c_download{padding:3px 5px;}
.c_buy a{background:url(../img/icon_buy.gif) no-repeat 0 center;padding-left:27px; font-size:12px;height:22px;line-height:22px;}
.c_download a{background:url(../img/icon_download.gif) no-repeat 0 center;padding-left:27px; font-size:12px;height:22px;line-height:22px;}
.inproothercon a{ text-align:left; float:left; line-height:21px}
.inproothercon a img{ width:20px; height:21px}

.opt { background:url(../img/opt.gif) no-repeat 0 ; padding:3px 5px; border:none font-size:12px;width:16px; height:12px;line-height:12px; margin-left:0px }

.more_right{ padding:3px 10px 3px 3px; text-align:right; float:right; width:120px; }
.more_right a{color:#2485D8; text-decoration:none; text-align:right;}
.more_left{ padding:3px; text-align:right; float:left; }
.more_right_text_300{ width:300px; height:auto; padding:6px 10px 3px 3px; margin:0; line-height:100%;text-align:right; float:right; }
.more_right_text_200{ width:200px;	height:auto;text-align:right;padding:6px 10px 3px 3px; font-size:12px;margin-right:10px;line-height:100%;float:right;text-decoration:none;}

.text_price2{color:#0;text-align:justify; font-weight:bold; padding:2px;margin:0px;text-decoration:line-through;	}
.text_price1{color:#a40000;text-align:justify; font-weight:bold; padding:2px;margin:0px;}

.blue_box{	background:#e6f0f5;	line-height:200%;	padding:5px 0 5px 10px;	width:640px;	float:left;}
.addon_templates_box{ float:left; width:640px; }
.more_box {float:right; margin:0 10px 0 0;}

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

img.img_left{float:left;padding:0px 8px 0px 8px;margin:5px;}
img.img_right{float:right;padding:0px 8px 8px 8px;}

.box_center_content {text-align:center; float:left; width:100%; padding:15px 0 15px 0;}
.box_center_content a {text-align:center;}

#tutorial{ width:280px; float:left;}
.secondul{ margin-left:65px;}
#tutorial li{ width:252px; line-height:1.8em; font-size:12px; font-weight:bold;}
#tutorial li ul{ margin:10px; padding:0; padding-left:8px; list-style-type:none;}
#tutorial li ul li{list-style-type:disc; list-style-position:outside; padding:5px 0 0 0; font-size:12px; font-weight:normal; margin-left:15px}
#tutorial li ul li a{ text-decoration:none; color:#2485D8; font-size:12px;}
#tutorial li ul li a:hover{text-decoration:underline;}

.pictxtmar{ margin-top:15px;}

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




/*greeting  box*/
#pro_sam{ width:660px;float:left; margin-bottom:15px; color:#2485D8; font-size:12px;}
#pro_sam ul{ list-style-type:none; padding:0; margin:0;}
#pro_sam ul li{ width:160px; list-style-type:none; float:left; font-weight:bold;}
#pro_sam ul li img{ padding:10px 0 15px 15px;}
#pro_sam ul li span{ font-size:12px; color: #2485D8; text-align:center; padding-left:38px; float:left;}
#pro_sam p{ text-align:right; padding:20px 10px 0px 10px; width:640px; margin:0; float:right;}
#pro_sam p a{ text-decoration:none; cursor:pointer;}
#pro_sam p a:hover{ text-decoration:underline;}
.last_li{ padding-bottom:20px;}

#screenshots{float:left; width:660px;}
#screenshots ul{list-style-type:none; float:left;}
#screenshots ul li{ float:left; padding:15px 0 8px 13px;}
.left_ul{width:308px; padding-left:20px; float:left; padding-top:8px;}
.left_ul li{padding-bottom:10px; list-style-type:disc; list-style-position:outside; margin-left:15px}
.right_ul{ float:right; padding-right:20px; width:308px; padding-top:8px;}
.right_ul li{padding-bottom:10px; list-style-type:disc; list-style-position:outside; margin-left:15px}

.tips{ font-size:10px; font-style:italic;}
.chatu{padding:15px 0 32px 25px;}

/*partnersolutions page*/
.mainleftcen_partner{ width:698px; float:left; border-left:1px solid #CCC; border-right:1px solid #CCC; background:#FFF;}
.mainleftcen_partner p{line-height:20px; margin-top:15px;}
.mainleftcen_partner p a{color: #0E65A2; text-decoration:none;}
.mainleftcen_partner p a:hover{ color:#333333; text-decoration:underline;}
.top_int{ float:left; padding-left:25px; width:670px;}
.top_int h1{ margin-top:15px; font-size:14px;}

.cen_con{ margin:20px; padding:20px 0px;; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; float:left; width:656px; background-color:#f3f3f3;}
.cen_con h2{ padding-left:20px;}
.img_format{ display: inline; float:left; margin-right:10px; margin-top:15px; padding-left:20px;}
.cen_con p{ margin-top:15px; line-height:20px; margin-bottom:20px;}
.cen_con p a{ padding-left:20px;}
.cen_con ul{ list-style-type:none; padding:0; margin:0;}
.cen_con ul li{ margin-top:10px;}
.cen_con_div{ float:left; margin:10px 0 0 20px;; width:287px; padding:15px 0 8px 15px; border:0;}
.cen_con_div ul{ list-style-type:none; padding:0; margin:15px 0 0 0 ;}
.cen_con_div ul li{ margin-top:15px;}
.cen_con_div ul li span{ color:#FF6000; font-size:11px;}
.cen_con_div ul li b a{color: #0E65A2; text-decoration:none;}
.cen_con_div ul li b a:hover{ text-decoration:underline; color:#333333;}

.cen_bottom{ float:left; width:658px; height:395px; margin:20px; border-bottom:1px solid #DDDDDD; padding-bottom:10px;}
.cen_left_div{ float:left; width:297px; height:380px; padding-right:30px; border-right:1px solid #DDDDDD;}
.cen_right_div{ float:right; width:298px; height:380px;}

.bottom_con{ border-bottom:1px solid #DDDDDD; float:left; width:656px; height:445px; margin:20px; margin-top:0;}
.bottom_con h4{ margin-top:20px; font-size:12px; color:#333;}

.bottom_show{ float:left; width:658px; height:390px; margin:20px; margin-top:0px;}
.bottom_show ul{list-style-type:none; padding-top:15px;}
.bottom_show ul li{ float:left; width:194px; height:180px; margin-left:16px; border:0;}
.bottom_show ul li span{ display:block; padding-top:12px; font-size:12px; font-weight:bold; border:0; color:#333;}
.bottom_show ul li span a{ font-size:11px; color: #0E65A2; text-decoration:none; font-weight:normal;}
.bottom_show ul li span a:hover{ color:#333333; text-decoration:underline;}

/*awards page*/

.awards_pic{ width:678px; float:left; margin:0;}
.awards_pic ul{ list-style-type:none; width:661px; border-bottom:1px solid #DDDDDD; margin:30px 0 30px 15px; height:130px}
.awards_pic ul li{ float:left; padding-right:42px;}
#sec_row_ul{ padding:5px 0 40px 25px; margin:0}
#third_row{ list-style-type:none; width:661px; border-bottom:1px solid #DDDDDD; margin:30px 0 30px 15px;}
#third_row li{ padding-right:15px;}
#txtformat{ width:145px; text-align:right; float:right; padding-right:20px; padding-top:5px;}
#txtformat a{ text-decoration:underline;}

.comm{ float:left; width:662px; margin:0; padding-left:15px;}
.comm h2{ margin:0; padding-bottom:10px;}
.detail{ border-bottom:1px solid #DDDDDD; float:left; width:660px; margin-top:10px;}
.detail img{ float:left; padding:0 15px 0 0; vertical-align:middle;}
.detail h3{ font:12px/1.231 Arial,Helvetica,sans-serif; color: #333333; width:450px; font-weight:bold; margin-top:18px; margin-bottom:10px;}
.detail p{width:450px;}

/*review page*/
.top_txt{ font-size:13px; padding-left:15px; height:33px; line-height:30px; float:left; width:662px; margin:0;}
.dvi_line{width:662px; height:1px; float:left; border-bottom:1px dashed #999; overflow:hidden; margin:10px 0 10px 15px;}
.review_con{float:left; width:660px; margin-top:10px; background: none repeat scroll 0 0 #F3F3F3;}
.review_con img{ float:left; padding:0 15px 0 0; vertical-align:middle;}
.review_con h3{ font:14px/1.231 Arial,Helvetica,sans-serif; color: #333333; width:450px; font-weight:bold; margin-top:13px; margin-bottom:10px; float:left;}
.review_con p{ color: #555555;}
.review_con p span{ float:right; display:block; margin-top:20px; padding-right:8px; color: #555555; font-weight:normal;}
.rating {float:right; margin-top:13px; width:95px;}
.rating li.on {background-position: 0 -28px;}
.rating li.half {background-position: 0 -55px;}
.rating li {background:url(../../images/awards/review_star.png) no-repeat scroll 0 0 transparent; display: block; cursor:pointer; float: left; height: 20px; text-indent: -9999px; width: 18px;}

/*Newsletter Pages*/
body{ font-family:Arial, Helvetica, sans-serif;color:#333;}
.top_container{ width:650px; margin:0 auto; padding:0; color:#666666;; font-size:10px; text-align:center; padding-bottom:6px;}
.first_p{ margin:15px 0 0 0; padding:0;} .sec_p{ margin:6px 0 0 0; padding:0;}
.top_container a{ color:#666666;}
.nmain_container{ width:650px; margin:0 auto; padding:0; background-color:#ffffff; border:1px #CCCCCC solid; height:1515px; margin-bottom:10px;  }
.center_container{ padding:0 15px; width:620px;}
.center_container h1{ color:#2489DB; font-size:14px; font-weight:bold; text-align:center; margin:0; padding:10px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.center_container h1 a{ text-decoration:underline; color: #E16E2A;}
.center_container h2{ color:#2489DB; font-size:21px; margin: 0; padding: 0; text-align:left; }
.pro_info{ float:left; width:618px;}       .pro_info img{ border:0;}
.gb_adv{ float:left; margin-right:12px;}
.pro_intro{ color:#333; font-size:15px; margin:0; padding:0; line-height:20px; margin-top:6px;}
.download_button{ margin-top:15px; margin-left:45px;}
.pro_fun{ width:618px; border:1px solid #DDDDDD; float:left; margin-top:20px;}
.pro_fun h3{ color:#2489DB; font-size:15px; margin:0; padding:3px 0 3px 0; text-align:center;}
.pro_fun ul{ list-style-type:none; margin:0; padding:0;}
.pro_fun ul li{ float:left; padding-left:26px; width:129px;}  #first_pic{ padding-left:13px;}
.pro_fun ul li span{ float:left; text-align:center; width:128px; font-size:13px;}
.pro_fun a{ width:616px; float:left; text-align:center; margin:0; padding:6px 0 10px 0; color:0088CC; font-size:13px;}
.fea_colum{ width:275px; float:left; background-color:#ececec; color:#333; font-size:15px; margin:6px 0 6px 0; padding:0; padding-left:5px;}  .fea_colum p{ margin:0; padding:0; line-height:18px;}
.fea_colum img{ padding-left:14px;} 
.left_colum{ margin-right:45px; margin-left:5px;}
.bottom_info{ width:648px; float:left; text-align:center; padding-top:18px; font-size:11px; color:#666666;}
.bottom_info ul{ list-style-type:none; margin:0; padding:0; margin-left:105px;}   .bottom_info ul li{ float:left; margin:3px 5px 3px 0;}
.bottom_info ul li a{ text-decoration:underline; color:#666666;}     .bottom_info ul li a img{ border:0; text-decoration:none; margin:0 6px 0 0;}
.bottom_info p{float:left; margin:0; padding:0; width:648px;}
.dis_intro{ font-size:28px;}
.del_line{ text-decoration:line-through; font-size:16px;}
.txt_b{color: #E16E2A;}
#n_h1{padding-bottom:5px; font-size:17px;}
#n_h3{font-size:15px; margin:0; color:#2489DB; text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#list{float:right; width:270px; margin-top:20px; padding-left:0;}
#list li{margin:0; padding:0; list-style-position:outside; font-size:12px; margin-bottom:10px;}
#lastli{ list-style-type:none;}
#lastli a{ color:#2489DB; font-size:11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.price{width:310px; float:right; margin:0;}
.price img{ border:0; margin-left:30px;}
.largetxt{ font-size:26px;}
.samplediv{ width:620px; float:left; padding:0 15px;}
.showpic{ margin:0 0 0 12px; padding:0;}
.showpic li{ list-style-type:none; float:left; margin-right:26px;}
.seperator{ width:630px; height:1px; float:left; border-bottom:1px dashed #999; overflow:hidden; margin:10px 0 10px 8px;}
.sma_txt{color:#2489DB; font-size:12px; margin:0; float:right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #E16E2A;}

.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;
}

/*Banner*/
#textslide{color:#333333;}
td {font-size: 12px;}

/*iOS Page*/
#screen_ul{ width:666px; padding-left:15px;}
#screen_ul li{ margin-right:50px; list-style-type:none;}


/*PR*/
#ul_txt{ width:650px; height:180px; float:left;}
#ul_txt li{ list-style-type:disc; list-style-position:inside; margin-bottom:15px; padding-left:10px;}

/* FAQ */
.main_cen{ width:674px; margin-left:3px; padding:0px 10px 21px 10px; background-color:#FFF; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif;}
.main_cen h1{ font-size:18px; font-weight:bold; color:#333;}
.menu_bg{ margin:15px 0 0 0; padding:0;}
.menu_bg li{list-style-type:none; float:left; padding-left:15px; background:url(../../images/faq_meun.png) no-repeat top left; margin-right:1px; height:38px; border-right:1px solid #CCC; font-size:13px;}
.menu_bg li:hover{ background:url(../../images/faq_meun.png) no-repeat bottom left;}
.menu_bg li a{ text-decoration:none; background:url(../../images/faq_meun.png) no-repeat top right; color:#333; padding:10px 15px 0 0; height:28px; display:block;}
.menu_bg li a:hover{ background:url(../../images/faq_meun.png) no-repeat bottom right;}
.menu_bg li span{ background:url(../../images/faq_meun.png) no-repeat bottom left; height:38px; display:block; margin-left:-15px; padding-left:15px;}
.menu_bg li span a{ text-decoration:none; background:url(../../images/faq_meun.png) no-repeat bottom right;}
.faq_txt{ width:666px; border:1px solid #CCC; float:left; padding-left:10px;}
.faq_txt h2{ color:#333; margin:35px 0 12px 0; font-size:15px;}
.con_div{ padding-left:15px; font-size:13px;}   .con_div p{ margin-bottom:13px;}
.con_div p a{ text-decoration:none; font:13px; color:#2485D8;}
.con_div ul{ list-style-type:none; margin:0; padding:0; margin-bottom:16px; display:none;}
.con_div ul li{ margin-top:8px; color:#222222;}   .con_div ul li a{ text-decoration:none; color:#000;}
.con_div ul li a:hover{ text-decoration:underline; color:#2489DB;}

/*Support Page FAQ Link*/

.faq_ul{ float:left; width:680px;}
.faq_ul li{ margin-bottom:12px; font-size: 14px; font-weight:bold;}
.faq_ul li ul{ margin-left:12px;}
.faq_ul li ul li{ font-size:12px; margin-bottom:8px; font-weight:normal;}
#title_li{ margin-bottom:10px;}


#picgif_scrn{ width:662px; float:left; padding-bottom:25px}     #picgif_scrn ul{ list-style-type:none; width:662px; margin:0; padding:0}
#picgif_scrn ul li{ float:left}
.right_mrg{ margin-right:17px}

.privacy_frame{float: left;width: 98%; 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}