/* Theme Name: HigoSoft author: Popeye Description: HigoSoft Revision 2.0 start data: 2011/11/11 Tags: header, container, footer Technology: css2 css3 html xhtml ------------------------------------------------------*/ /* Font css */ @import url('font.css'); @charset "utf-8"; *{ margin:0; padding:0; font:normal 13px/180% Verdana; font-family:"Candara", Verdana, Lucida, Arial, Helvetica,sans-serif; } body{ background-color:#f5f5f5; color:#646464; margin:0; padding:0; } table{ border-collapse :collapse; border-spacing:0; } img{ border:0; } a:focus{ outline:none; } a{ blr:expression(this.onFocus=this.blur());} a{ text-decoration:underline; color:#196cb5; font-family:"Candara"; !important } a:hover{ text-decoration:none; } a img , a:hover img{ text-decoration:none; cursor:pointer; } ol,ul{ list-style:none; } caption,th{ text-align:left; } h1,h2,h3,h4,h5,h6{ font:100%/160% "Candara", Verdana, Lucida, Arial, Helvetica,sans-serif; } strong{ font-weight:bold; } #clear,.clear{ clear:both; } /* =global -------------------------------------------------------- */ /* header */ #header{ background:url(images/top.png) left top repeat-x; height:80px; } #header_container{ width:960px; margin: 0 auto; height:80px; } .logo{ float:left; width:238px; padding:20px 8px 0px 8px; } .logo p{ font-size:12px; color:#45b2df; text-shadow: 2px 2px 1px #101923; margin:0; } .header_right{ float:left; width:706px;} .header_link { padding-top:3px; text-align:right; margin-right: 20px; height:33px; overflow:hidden;} .header_link a{ color:#bde2f2; font-size:12px; text-decoration:none; margin-left:16px;} .header_link a:hover{ text-decoration:underline;} #nav { margin:0px 0px 0px 28px; padding:0; list-style:none; } #nav li{ float:left; display:block; background:url(images/navliline.png) right bottom no-repeat; width:134px; text-align:center; padding-right:1px;position:relative; } #nav li a{ text-decoration:none; display:block; height:44px; line-height:44px;} #nav li.cur a{ background:url(images/navlibgcur.png) left top repeat-x;} #nav li a span{text-transform:uppercase; font-size:16px; color:#FFFFFF; text-shadow: 2px 2px 1px #203145; display:inline-block; cursor:pointer; line-height:44px; vertical-align:middle;} #nav li a:hover span,#nav li.cur a span,#nav li a.selected span{ color:#43aad6;} #nav li a:active span{ color:#FFFFFF;} #nav li.home a span{ background:url(images/icon-home.png) left center no-repeat; padding-left:30px;} #nav li.home.cur a span,#nav li.home a:hover span{ background:url(images/icon-home-cur.png) left center no-repeat; } #nav li.product a span{ background:url(images/icon-product.png) left center no-repeat; padding-left:32px;} #nav li.product.cur a span,#nav li.product a:hover span,#nav li.product a.selected span{ background:url(images/icon-product-cur.png) left center no-repeat;} #nav li.freeware a span{ background:url(images/icon-freeware.png) left center no-repeat; padding-left:30px;} #nav li.freeware.cur a span,#nav li.freeware a:hover span{ background:url(images/icon-freeware-cur.png) left center no-repeat; padding-left:30px;} #nav li.resources a span{ background:url(images/icon-resources.png) left center no-repeat; padding-left:22px;} #nav li.resources.cur a span,#nav li.resources a:hover span,#nav li.resources a.selected span{ background:url(images/icon-resources-cur.png) left center no-repeat; padding-left:22px;} #nav li.support a span{ background:url(images/icon-support.png) left center no-repeat; padding-left:29px;} #nav li.support.cur a span,#nav li.support a:hover span{ background:url(images/icon-support-cur.png) left center no-repeat; padding-left:29px;} #nav li a img{ padding-left: 6px; vertical-align: middle;} /* = nav drop ------------------------- */ #nav li .nav_drop{background:url(images/nav-downbg.gif) #213650 left top repeat-x;position:absolute;visibility:hidden;z-index:9999;padding:10px 0px;margin:0;} #nav li .nav_drop ul{ float:left;margin:0;list-style:none; padding:0px 18px;list-style:none;} #nav li .nav_drop ul li{ width:100%; color:#d5e3ff; background:none; text-align:left; margin-bottom:5px;} #nav li .nav_drop ul li.title{ font-size:18px; color:#FFFFFF; font-family:"Candara";} #nav li .nav_drop ul li a{color:#d5e3ff; height:auto; font-size:12px; line-height:20px; background:url(images/nav-dropli.png) 0px 5px no-repeat; font-family:"Candara"; padding-left:10px; line-height:20px;} #nav li .nav_drop ul li a:hover{color:#FFFFFF; background:url(images/nav-droplicur.png) 0px 5px no-repeat;} #nav li .nav_drop ul li.more a{ color:#43aad6; background:none; padding:0;} #nav li .nav_drop ul li.more a:hover{ text-decoration:underline;} .ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;} .toplevelshadow{opacity: 0.8;} #nav li .nav_drop.product_drop{ width:384px; } #nav li .nav_drop.product_drop div{ background:url(images/nav-dropline.png) center top repeat-y; height:100%; width:384px; } #nav li .nav_drop.product_drop div ul{ width:156px; } #nav li .nav_drop.resources_drop{ width:184px; } #nav li .nav_drop.resources_drop ul{ width:152px;} /* #header{ height:67px; overflow:hidden; } #header_container{ width:960px; margin: 0 auto; height:67px; overflow:hidden; } .logo{ float:left; width:238px; padding:18px 8px 0px 8px; } .logo p{ font-size:12px; color:#45b2df; text-shadow: 2px 2px 1px #101923; margin:0; } .header_right{ float:right; display:inline-block; margin-top:20px;} .header_leftbg{ background:url(images/header_link_left.png) left top no-repeat; height:26px; padding-left:6px;} .header_rightbg{ background:url(images/header_link_right.png) right top no-repeat; height:26px; padding-right:6px;} .header_centerbg{ background:url(images/header_link_center.png) left top repeat-x; height:26px; color:#616161;} .header_centerbg a{ color:#616161; font-size:12px; text-decoration:none; padding:0px 11px;} .header_centerbg a:hover{ text-decoration:underline;} */ /* Nav */ /* #nav { margin:0px auto; width:960px; padding:0; list-style:none; } #nav li{ float:left; display:block; text-align:center; position:relative; height:55px; padding-left:27px; } #nav li a{ text-decoration:none; display:block; line-height:52px; color:#FFFFFF; height:55px; padding-right:46px; padding-left:14px;} #nav li a span{text-transform:uppercase; font-size:16px; color:#FFFFFF; text-shadow: 2px 2px 1px #203145; display:inline-block; cursor:pointer; line-height:52px; vertical-align:middle; font-family:"Times New Roman"; padding-left:28px;} #nav li.cur { background:url(images/cur_left.png) left top no-repeat;} #nav li.cur a{ background:url(images/cur_right.png) right top no-repeat; } #nav li.cur a span{ color:#4a4a4a; text-shadow: none;} #nav li a:hover span,#nav li a.selected span{ color:#b0d1e5;} #nav li a:active span{ color:#FFFFFF;} #nav li.cur a:hover span,#nav li.cur a:active span,#nav li.cur a.selected span{ color:#000000;} #nav li.home a span{ background:url(images/icon-home.png) left center no-repeat;} #nav li.home.cur a span{ background:url(images/icon-home-cur.png) left center no-repeat; padding-left:21px; } #nav li.product a span{ background:url(images/icon-product.png) left center no-repeat;} #nav li.product.cur a span{ background:url(images/icon-product-cur.png) left center no-repeat; padding-left:22px;} #nav li.freeware a span{ background:url(images/icon-freeware.png) left center no-repeat;} #nav li.freeware.cur a span{ background:url(images/icon-freeware-cur.png) left center no-repeat; padding-left:21px;} #nav li.resources a span{ background:url(images/icon-resources.png) left center no-repeat;} #nav li.resources.cur a span{ background:url(images/icon-resources-cur.png) left center no-repeat; padding-left:21px;} #nav li.support a span{ background:url(images/icon-support.png) left center no-repeat;} #nav li.support.cur a span{ background:url(images/icon-support-cur.png) left center no-repeat; padding-left:23px;} #nav li a img{ padding-left: 6px; vertical-align: middle;} #nav li .nav_drop{background:url(images/nav-downbg.gif) #5e7c8c left top repeat-x;position:absolute;visibility:hidden;z-index:9999;padding:10px 0px;margin:0;} #nav li .nav_drop ul{ float:left;margin:0;list-style:none; padding:0px 18px;list-style:none;} #nav li .nav_drop ul li{ width:100%; color:#d5e3ff; background:none; text-align:left; margin-bottom:5px; padding:0; height:auto;} #nav li .nav_drop ul li.title{ font-size:18px; color:#FFFFFF; font-family:"Candara";} #nav li .nav_drop ul li a{color:#d5e3ff; height:auto; font-size:12px; line-height:20px; background:url(images/nav-dropli.png) 0px 5px no-repeat; font-family:"Candara"; padding-left:10px; line-height:20px; padding-right:0px;} #nav li .nav_drop ul li a:hover{color:#FFFFFF; background:url(images/nav-droplicur.png) 0px 5px no-repeat;} #nav li .nav_drop ul li.more a{ color:#43aad6; background:none; padding:0;} #nav li .nav_drop ul li.more a:hover{ text-decoration:underline;} .ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;} .toplevelshadow{opacity: 0.8;} #nav li .nav_drop.product_drop{ width:384px; } #nav li .nav_drop.product_drop div{ background:url(images/nav-dropline.png) center top repeat-y; height:100%; width:384px; } #nav li .nav_drop.product_drop div ul{ width:156px; } #nav li .nav_drop.resources_drop{ width:184px; } #nav li .nav_drop.resources_drop ul{ width:152px;} */ /* = nav drop ------------------------- */ #nav li .nav_drop{background:url(images/nav-downbg.gif) #213650 left top repeat-x;position:absolute;visibility:hidden;z-index:9999;padding:10px 0px;margin:0;} #nav li .nav_drop ul{ float:left;margin:0;list-style:none; padding:0px 18px;list-style:none;} #nav li .nav_drop ul li{ width:100%; color:#d5e3ff; background:none; text-align:left; margin-bottom:5px;} #nav li .nav_drop ul li.title{ font-size:18px; color:#FFFFFF; font-family:"Candara";} #nav li .nav_drop ul li a{color:#d5e3ff; height:auto; font-size:12px; line-height:20px; background:url(images/nav-dropli.png) 0px 5px no-repeat; font-family:"Candara"; padding-left:10px; line-height:20px;} #nav li .nav_drop ul li a:hover{color:#FFFFFF; background:url(images/nav-droplicur.png) 0px 5px no-repeat;} #nav li .nav_drop ul li.more a{ color:#43aad6; background:none; padding:0;} #nav li .nav_drop ul li.more a:hover{ text-decoration:underline;} .ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;} .toplevelshadow{opacity: 0.8;} #nav li .nav_drop.product_drop{ width:384px; } #nav li .nav_drop.product_drop div{ background:url(images/nav-dropline.png) center top repeat-y; height:100%; width:384px; } #nav li .nav_drop.product_drop div ul{ width:156px; } #nav li .nav_drop.resources_drop{ width:184px; } #nav li .nav_drop.resources_drop ul{ width:152px;} /* container */ /*#bg{ background:url(images/center.png) #FFFFFF left top repeat-x; padding-bottom:10px;}*/ #bg{ background:url(images/center.png) #f5f5f5 left top repeat-x; padding-bottom:10px;} #main{ width:960px; margin:0 auto;} #container{ border:1px solid #c8c8c8; width:958px; background-color:#FFFFFF; padding-bottom:20px;} #icontent{ float:left; width:670px; margin-right:10px;} #isidebar{ float:left; width:280px;} .itopleft{ background:url(images/itopleft.gif) left top no-repeat; height:36px; padding-left:5px; } .itopleft .itopright{ background:url(images/itopright.gif) right top no-repeat; height:36px; padding-right:5px;} .itopleft .itopright .itopcenter{ background:url(images/itopcenter.gif) left top repeat-x; height:34px; padding-top:2px;} .itopleft .itopright .itopcenter .left{ float:left; border-right:1px solid #c6c6c6; width:322px; height:34px; padding-left:7px;} .itopleft .itopright .itopcenter .right{ float:left; border-left:1px solid #fafafa; width:322px; height:34px; padding-left:7px;} .itopleft .itopright .itopcenter h2{ color:#323232; font-size:20px; display:inline-block; *display:inline; margin:0; line-height:34px;} .itopleft .itopright .itopcenter h3{ color:#323232; font-size:20px; padding-left:10px; margin:0; } .itopleft .itopright .itopcenter h2 span{ color:#646464; font-size:16px;} .itopleft .itopright .itopcenter h2.windows{ background:url(images/windows-icon.png) left center no-repeat; padding-left:27px;} .itopleft .itopright .itopcenter h2.mac{ background:url(images/mac-icon.png) left center no-repeat; padding-left:27px;} .ibottomleft{ background:url(images/ibottomleft.gif) left top no-repeat; height:18px; padding-left:5px; margin-bottom:14px;} .ibottomleft .ibottomright{ background:url(images/ibottomright.gif) right top no-repeat; height:18px; padding-right:5px;} .ibottomleft .ibottomright .ibottomcenter{ background:url(images/ibottomcenter.gif) left top repeat-x; height:18px;} .ibottomleft .ibottomright .ibottomcenter .left{ float:left; border-right:1px solid #c6c6c6; width:329px; height:16px;} .ibottomleft .ibottomright .ibottomcenter .right{ float:left; border-left:1px solid #fafafa; width:329px; height:16px;} .itopleft_post{ background:url(images/itopleft_post.gif) left top no-repeat; height:38px; padding-left:5px; } .itopleft_post .itopright_post{ background:url(images/itopright_post.gif) right top no-repeat; height:38px; padding-right:5px;} .itopleft_post .itopright_post .itopcenter_post{ background:url(images/itopcenter_post.gif) left top repeat-x; height:38px;} .itopleft_post .itopright_post .itopcenter_post h4{ font-size:20px; line-height:35px; margin:0; color:#323232; padding:2px 8px 0px 36px;} .itopleft_post .itopright_post .itopcenter_post h4.blog_posts{ background:url(images/icon-blog-posts.png) 6px 10px no-repeat;} .icenter{ width:670px; background:url(images/icenter.gif) center top repeat-y; } .iprolist{ float:left; width:330px; padding-right:5px; height:470px;} .iproblock { padding:18px 0px; height:auto; clear:both;} .iproblock img{ float:left; margin:0px 12px 0px 8px;} .iproblock h3,.iproblock h3 a{ font-weight:bold; color:black; font-size:12px; text-decoration:none; margin:0; overflow:hidden; line-height:22px; } .iproblock h3 a:hover{ text-decoration:underline; } .iproblock p{ margin-top:4px; line-height:20px; font-size:13px;} .iproblock img{ float:left;} .icenter_post ol.blog_posts_list li{ background:url(images/icon-blog-list.png) 4px 7px no-repeat; } .icenter_post,.icentersidebar{ background-color:#f5f5f5; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8;} .icenter_post{ width:668px;} .icentersidebar{ padding:16px 8px; width:262px;} .icenter_post div{ border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding:10px;} .icenter_post div ol,.icenter_post div ul,.icentersidebar ol,.icentersidebar ul{ list-style:none; margin:0; padding:0;} .icenter_post div ol li,.icenter_post div ul li{ background:url(images/ipost.png) 0px 5px no-repeat; padding-left:22px; margin-bottom:4px; font-size:13px; line-height:22px;} .icentersidebar ol li,.icentersidebar ul li{ background:url(images/arrow.png) 0px 8px no-repeat; padding-left:12px; margin-bottom:16px; font-size:13px; line-height:20px;} .icentersidebar input[type="text"]{ font-size:13px; color:#777777; border:1px solid #d6d6d6; background-color:#FFFFFF; padding:4px 6px; line-height:18px; height:18px; width:240px;} .icentersidebar input[type="submit"]{ border:0; background:url(images/Subscribe.png) no-repeat; width:135px; height:32px; text-indent:-999px; margin-top:16px; float:right; cursor:pointer; } /* =banner */ #banner{ width:970px; height:310px; position:relative; background:url(images/bannerbg.png) 5px 15px no-repeat; padding: 24px 0px 0px 0px; margin:0px auto; } #banner ul,#banner ol{ margin:0; padding:0; list-style:none;} #banner ul.imgs,#banner ol.imgs{ padding:0px 0px 0px 14px;} #banner .imgs li{ position:absolute; } #banner .num{ position:absolute; bottom:26px; right:20px; z-index:10; } #banner .num li{ color:#535353; float:left; margin:3px; background:#fff; font:normal 11px/1.4em Arial; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; cursor:pointer; height:17px; width:17px; text-align:center; line-height:17px; } #banner .num li.curr{ background:#0284c6; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; color:#e7e0e0; font-weight:bold; } /* footer */ #footer{ width:952px; height:90px; margin:0 auto; border-top:3px solid #6e8f9e;} #footer_container{ width:960px; margin:0 auto; height:80px; text-align:center; font-size:12px; padding-top:10px; line-height:24px;} #footer_container a{ font-size:12px; text-decoration:none; } #footer_container a:hover{ text-decoration:underline; } #footer_container a:active{ color:#646464;} .footer_popular_topics span{ font-size:13px; margin-right:4px; color:#646464;} .footer_popular_topics a{ margin-right:10px; color:#646464;} .footer_nav {color:#646464;} .footer_nav a{ color:#646464; padding:0px 8px;} .copyright,.copyright a{ color:#646464;} /* breadcrumb */ #breadcrumb{ height:38px; line-height:38px; color:#505050; font-size:14px; } #breadcrumb a{ color:#505050; text-decoration:none; font-size:14px;} #breadcrumb a:hover{ text-decoration:underline; } /* =Product --------------------------------------------------------- */ /* product list */ #producttop{ background:url(images/producttop.gif) left top repeat-x; height:48px; padding:0px 10px;} #producttop h1,#producttop h1 span{ font-size:20px; color:#0e62ac; font-weight:bold; line-height:48px; margin:0;} #producttop h1.mac span{ background:url(images/mac-product.png) right center no-repeat; padding-right:43px; display:inline-block;} #producttop h1.windows span{ background:url(images/windows-product.png) right center no-repeat; padding-right:41px; display:inline-block;} #producttop .produsttopleft{ float:left; width:390px;} #producttop .addthis_toolbox { float:left; width:328px; padding-top:10px;} #producttop .product_version { float:left; width:220px; text-align:right; padding-top:10px;} #producttop .produsttoptitle { float:left; width:610px;} .product_list_main{ background:url(images/productblockbg.gif) #FFFFFF left bottom repeat-x; border-bottom:1px solid #dadada; width:938px; margin:0 auto; padding-top:12px; padding-bottom:30px;} .product_list_main h2{ height:42px; line-height:40px; background:url(images/productblocktitleline.gif) left bottom no-repeat; font-size:18px; font-weight:bold;} .product_block{ float:left; width:302px; padding:15px 10px 0px 0px; background:url(images/product-dotted.png) 100% 14px no-repeat;} .product_block.last{ background:none;} .product_block .box{ float:left; width:110px; text-align:center;} .product_block .desc{ float:left; width:192px;} .product_block .desc h3,.product_block .desc h3 a{ margin:0; font-size:13px; font-weight:bold; color:#323232; text-decoration:none; line-height:22px;} .product_block .desc h3 a:hover{ text-decoration:underline;} .product_block .desc p{ padding:4px 0px; margin:0; font-size:12px; line-height:22px;} ul.product_block_list,ol.product_block_list{ list-style:none; margin:0; padding:10px 0px; height:auto; clear:both; float:left;} ul.product_block_list li,ol.product_block_list li{ background:url(images/arrow_blue.png) 0px 8px no-repeat; line-height:22px; padding-left:10px; margin:0px 10px 0px 20px; float:left; width:272px;} ul.product_block_list li a,ol.product_block_list li a{ font-size:13px; line-height:22px;} /* Product Detailed */ #product_detailed{ width:938px; margin:0 auto; padding-top:12px; } #product_detailed .box{ float:left; width:380px; padding:0px 10px;} #product_detailed .desc{ float:left; width:538px;} #product_detailed .desc p{ font-size:12px; line-height:22px;} #product_detailed .desc ol,#product_detailed .desc ul{ margin:16px 0px; padding:0;} #product_detailed .desc ol li,#product_detailed .desc ul li{ background:url(images/pigeon.png) 0px 5px no-repeat; padding-left:22px; font-size:12px; line-height:22px;} #product_detailed .desc .system{ background-color:#e4eaf2; border-top:1px solid #d0d8e3; border-bottom:1px solid #d0d8e3; height:26px; line-height:26px; font-size:12px; padding:0px 14px;} #product_detailed .desc .system span{ display:inline-block; padding-right:26px;} #product_detailed .desc .system.windows span{ background:url(images/windows-icon.png) right no-repeat;} #product_detailed .desc .system.mac span{ background:url(images/mac-icon.png) right no-repeat;} #product_detailed .desc .button{ width:161px; float:left; text-align:center; margin-right:17px; margin-top:18px;} #product_detailed .desc .button p{ font-size:14px; color:#424242;} #product_detailed .desc .button p.size span{ font-size:21px; color:#5da61c;} #product_detailed .desc .button p.price span{ font-size:21px; color:#ff4800;} #product_tab{ padding:18px 0px;} #product_tab_cur{ background:url(images/product_tabbg.gif) left bottom repeat-x; height:42px; margin:0; padding:0;} #product_tab_cur li{ background:url(images/tabli.png) left top no-repeat; width:152px; height:42px; float:left; text-align:center; line-height:42px; margin-right:3px; font-size:18px; color:#333333; } #product_tab_cur li.cur{ background:url(images/tablicur.png) left top no-repeat;} #product_tab_main{ background:url(images/tabcontentbg.png) left top repeat-x; padding:12px 10px;} #product_sidebar, #right_guides{ float:left; width:216px;} #product_content, #left_guides,#article_list{ float:left; width:680px; margin-right:22px;} .readyto h4{ background:url(images/ready-to-try-buy.png) left top no-repeat; font-size:16px; color:#3c3c3c; font-weight:bold; height:37px; line-height:37px; padding-left:26px; margin:0;} .readyto p{ padding-left:25px; line-height:20px; margin:10px 0px 0px 0px; font-size:13px;} .readyto p.buy{ color:#f05102; background:url(images/buynow-pink.png) left center no-repeat;} .readyto p.down{ color:#505050; background:url(images/download-green.png) left center no-repeat;} .product_sidebar_top h5,.product_sidebar_title h5,.sidebar_top h4,.sidebar_top h5,.sidebar_title h4,.sidebar_title h5{ font-size:16px; color:#444444; margin:0; line-height:36px; font-weight:bold;} .product_sidebar_top,.sidebar_top{ background:url(images/productsidebartop.png) left top no-repeat; height:37px; width:195px; padding:0px 10px;} .product_sidebar_title,.sidebar_title{ background:url(images/productsidebartitle.gif) left top repeat-x; height:37px; width:193px; padding:0px 10px;} .product_sidebar_bottom,.sidebar_bottom{ background:url(images/productsidebarbottom.png) left top no-repeat; width:215px; height:5px;} .product_sidebar_center,.sidebar_center{ background:url(images/productsidebarcenter.png) left top repeat-y; width:213px; padding:0px 1px;} .product_sidebar_title h5.url,.product_sidebar_top h5.url{ background:url(images/icon-url.png) left center no-repeat; padding-left:32px;} .product_sidebar_center div.url{ width:208px; margin:0 auto; padding:8px 0px;} .product_sidebar_center div.url table td{ font-size:12px; padding:2px; color:#000; } .product_sidebar_center div.url table td input[type="text"]{ font-size:11px; color:#777777; border:1px solid #d6d6d6; background-color:#FFFFFF; padding:1px 4px; line-height:16px; height:16px; width:120px;} .product_sidebar_center div.url table td input[type="submit"]{ border:0; background:url(images/get-download-url.png) no-repeat; height:24px; text-indent:-999px; margin-top:10px; width:110px; cursor:pointer; border: 0; float: left; } .product_sidebar_title h5.review,.product_sidebar_top h5.review{ background:url(images/icon-user.png) left center no-repeat; padding-left:32px;} .product_sidebar_center div.review{ width:192px; margin:0 auto 18px auto; border-bottom:1px dotted #8f8f8f; padding:8px 0px;} .product_sidebar_center div.review p{ margin:0; font-size:12px; color:#676767; line-height:22px;} .product_sidebar_center div.review p span{ margin-left:116px; font-size:14px; color:#323232; font-weight:bold; font-style:italic;} .product_sidebar_title h5.links{ padding-left:21px; background:url(images/icon-quick.png) left center no-repeat;} .product_sidebar_center ul.links, .sidebar_center ol.related, .sidebar_center ul.related{ list-style:none; margin:0; padding:8px 10px; } .product_sidebar_center ul.links li, .sidebar_center ol.related li, .sidebar_center ul.related li{ background:url(images/arrow.png) 0px 8px no-repeat; padding-left:9px; line-height:22px; font-size:13px; } .product_sidebar_center h5.awards{ background:url(images/icon-awards.png) left center no-repeat; padding-left:22px;} .product_sidebar_center div.awards { padding:22px 0px 8px 0px;} .product_sidebar_center div.awards p{ text-align:center; margin:0px 0px 10px 0px; } .product_sidebar_center div.awards p img{ margin:0px 14px; vertical-align: top; } .product_tab_main dl { padding:16px 0px 32px 0px;} .product_tab_main dl img{ float:right; margin:0px 18px;} .product_tab_main dl dt{ font-size:16px; font-weight:bold; color:#0e62ac;} .product_tab_main dl dd{ font-size:12px; color:#676767; line-height:22px; margin:0; padding:0;} .product_sc{ padding:10px 0px 28px 0px; text-align:center;} .product_sc p{ margin:0; padding:0;} .product_sc img{ margin-bottom:22px; text-align:center;} .product_tab_main .system{ padding:0px 0px 24px 0px;} .product_tab_main .system h3{ font-size:16px; color:#0d3ea1; font-weight:bold; margin:0;} .product_tab_main .system p{ color:#676767; font-size:12px; margin:0;} .product_tab_main .system table{ margin-top:20px;} .product_tab_main .system table tr td{ padding:12px 15px; font-size:13px; line-height:22px; } .product_tab_main .system table tr td strong{ font-size:16px; } #directorynav{ border:1px solid #c8c8c8; margin:8px 0px; padding:12px 0px; background-color:#FFFFFF; width: 958px;} #directorynav .block{ float:left; border-right:1px solid #e2e2e2; width:206px; padding:0px 10px 0px 22px;} #directorynav .block.last{ border:none;} #directorynav .block h6,#directorynav .block_hottags h6{ font-size:14px; color:#333333; font-weight:bold; margin:0;} #directorynav .block ul,#directorynav .block ol{ list-style:none; margin:0; padding:4px 0px;} #directorynav .block ul li,#directorynav .block ol li { background:url(images/arrow.png) 0px 8px no-repeat; padding-left:11px;} #directorynav .block ul li a,#directorynav .block ol li a,#directorynav .block_hottags a,#directorynav .block_hottags a{ line-height:22px; font-size:12px; text-decoration:none;} #directorynav .block ul li a:hover,#directorynav .block ol li a:hover,#directorynav .block_hottags a:hover{ text-decoration:underline; } #directorynav .block_hottags{ float:left; width:444px; padding:0px 10px 0px 22px; } #directorynav .block_hottags div{ list-style:none; margin:0; padding:4px 0px; float:left;} #directorynav .block_hottags a{ margin-right:10px;} #userguides,#version_history{ width:920px; margin:0 auto; padding-top:12px; } #userguides h2{ font-size:18px; font-weight:bold; color:#3c3c3c; margin:0px 0px 12px 0px;} #userguides h3{ font-size:16px; font-weight:bold; color:#3c3c3c; margin:0px 0px 12px 0px;} #userguides h4{ font-size:14px; font-weight:bold; color:#3c3c3c; margin:0px 0px 12px 0px;} #userguides p{ margin:12px 0px; font-size:13px; line-height:22px;} #userguides p img{ margin-top:12px;} #version_history dl,.free_version_history dl{ border-bottom:1px dashed #9d9c9c; padding:10px 0px;} #version_history dl dt,.free_version_history dl dt{ font-weight:bold; font-size:16px; color:#333333;} #version_history dl dd,.free_version_history dl dd{ font-size:13px; line-height:24px; margin:0;} #version_history dl span.day,.free_version_history dl span.day{ font-size:14px; color:#969494; margin-left:6px;} #version_history dl span.new,.free_version_history dl span.new{ color:#ff4800; font-size:14px; margin-left:6px;} /* Freeware */ #freecontainer{ border:1px solid #c8c8c8; width:958px; background-color:#FFFFFF; } #freecontainer .left{ border-right:1px solid #c8c8c8; float:left; width:478px;} #freecontainer .right{ border-left:1px solid #FFFFFF; float:left; width:478px;} #freecontainer h1.left,#freecontainer h1.right{ float:left; background:url(images/producttop.gif) left top repeat-x; height:48px; width:458px; padding:0px 10px; line-height:47px; border:none; margin:0;} #freecontainer h1 span{ line-height:47px; font-size:16px; color:#3b5ea4; font-weight:bold; display:inline-block; padding-right:28px;} #freecontainer h1.left.windows span,#freecontainer h1.right.windows span{ background:url(images/windows-icon.png) right center no-repeat; } #freecontainer h1.left.mac span,#freecontainer h1.right.mac span{ background:url(images/mac-icon.png) right center no-repeat; } #freecontainer .content{ float:left; width:458px; padding:30px 10px;} #freecontainer .img{ text-align:center;} #freecontainer .desc{ padding:14px 10px;} #freecontainer .desc p{ margin:12px 0px;} #freecontainer .desc p a.windows{background:url(images/windows-icon.png) right center no-repeat; padding-right:30px; display:inline-block;} #freecontainer .desc p a.mac{background:url(images/windows-icon.png) right center no-repeat; padding-right:30px; display:inline-block;} #freecontainer .button{ border-top:1px dashed #9d9c9c; text-align:right; padding:22px 16px; margin:0px 6px;} #freecontainer form{background:url(images/productblockbg.gif) #FFFFFF left bottom repeat-x; padding:12px 0px 16px 0px;} #freecontainer table td{ padding:4px 7px; } #freecontainer input[type="text"]{ font-size:13px; color:#777777; border:1px solid #d6d6d6; background-color:#FFFFFF; padding:2px 6px; line-height:18px; height:18px; width:240px;} #freecontainer input[type="submit"]{ border:0; background:url(images/get-keycode.png) no-repeat; width:213px; height:36px; text-indent:-999px; margin-top:10px; cursor:pointer; border: 0; float: left; } .product_tab_main #contrast{ margin-bottom:24px;} .product_tab_main #contrast tr td{ padding:12px 10px; font-size:13px; line-height:22px; } .product_tab_main #contrast tr td{ text-align:center;} .product_tab_main #contrast tr td a{ color:#444444; font-size:12px; text-decoration:none;display:inline-block; margin-bottom:10px; } .product_tab_main #contrast tr td a:hover{ text-decoration:underline; } .product_tab_main #contrast tr td strong{ font-size:13px; } .product_tab_main #contrast tr td span.free{ text-transform:uppercase; font-size:13px; color:#ff0000; font-weight:bold;} .sidebar_top h4.related,.sidebar_title h4.related{ background:url(images/icon-related.png) left center no-repeat; padding-left:22px;} .sidebar_top h4.articles,.sidebar_title h4.articles{ background:url(images/icon-article.png) left center no-repeat; padding-left:30px;} .sidebar_center div.recommended{border-bottom: 1px dotted #8F8F8F; margin: 0 auto 18px; padding: 8px 0 16px 0px; width: 194px;} .sidebar_center div.recommended.last{border:0; margin: 0 auto;} .sidebar_center div.recommended h5,.sidebar_center div.recommended h5 a,#userguides .recommendedcenter h5,#userguides .recommendedcenter h5 a{ color:#323232; margin:0px 0px 4px 0px; padding:0; font-weight:bold;} .sidebar_center div.recommended .box,.recommendedcenter .block .box{ width:76px; float:left;} .sidebar_center div.recommended .desc,.recommendedcenter .block .desc{ width:118px; float:left;} #userguides .sidebar_center div.recommended div.desc p,#userguides .recommendedcenter div.desc p{ padding:0; margin:0; font-size:12px;} #userguides .sidebar_center div.recommended a,#userguides .recommendedcenter a{text-decoration:none;} #userguides .sidebar_center div.recommended a:hover,#userguides .recommendedcenter a:hover{text-decoration:underline;} .sidebar_top h4.recommended{ background:url(images/icon-recommended.png) left center no-repeat; padding-left:23px;} #userguides .freedown{ padding:20px 14px; text-align:right;} .product_list_main{ background:url(images/productblockbg.gif) #FFFFFF left bottom repeat-x; border-bottom:1px solid #dadada; width:938px; margin:0 auto; padding-top:12px; padding-bottom:30px;} #keycode{ background:url(images/productblockbg.gif) #FFFFFF left bottom repeat-x; border-bottom:1px solid #e1e1e1; padding-bottom:28px;} #keycode form{ border-top:1px solid #e8e8e8; margin-top:30px; padding-top:10px;} #keycode table td{ padding:4px 7px;} /*#keycode input[type="submit"]{ border:0; background:url(images/get-keycode.png) left top no-repeat; width:163px; height:36px; text-indent:99999px; display:block;}*/ #keycode input[type="submit"]{ border:0; background:url(images/get-keycode.png) left top no-repeat; width:213px; cursor:pointer; height:36px; text-indent:99999px; display:block;} #keycode input[type="text"]{ font-size:13px; color:#777777; border:1px solid #d6d6d6; background-color:#FFFFFF; padding:2px 6px; line-height:18px; height:18px; width:230px;} .recommendedtopleft{ background:url(images/recommendedtopleft.gif) left top no-repeat; padding-left:5px; height:37px;} .recommendedtopleft .recommendedtopright{ background:url(images/recommendedtopright.gif) right top no-repeat; padding-right:5px; height:37px;} .recommendedtopleft .recommendedtopcenter{ background:url(images/recommendedtopcenter.gif) left top repeat-x; height:37px; padding:0px 6px;} .recommendedtopleft .recommendedtopcenter h5{ background:url(images/icon-recommended.png) left center no-repeat; padding-left:23px; font-size:16px; color:#444444; font-weight:bold; line-height:36px; margin:0;} .recommendedcenter{ border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; padding:10px 0px; width:918px;} .recommendedcenter .block{ background:url(images/product-dotted.png) right top no-repeat; float:left; padding: 0px 17px; width: 194px;} .recommendedcenter .block.last{ background:none;} #privacy{ background:url(images/privacy.jpg) 0px 12px no-repeat; } #terms_condition{ background:url(images/terms&condition.jpg) 0px 12px no-repeat; } #privacy,#terms_condition{ width:930px; margin:0 auto; padding-top:264px; *padding-top:274px; font-size:13px; line-height:22px; } #company,#links{ width:930px; margin:0 auto; padding:20px 0px 0px 0px; font-size:13px; line-height:22px; } #company h2{ font-weight:bold; font-size:13px; color:#3b5ea4; font-size:20px; margin:0;} #company .about{ background:url(images/about-us.jpg) right top no-repeat; padding-right:326px; height:256px;} #company .contact{ background:url(images/coutact-us.jpg) right top no-repeat; padding-right:326px; height:222px;} #company p{ font-size:12px; line-height:22px; margin:12px 0px;} #privacy p,#terms_condition p,#links p{ font-size:13px; line-height:22px; margin:12px 0px;} #privacy dl,#terms_condition dl{ margin-bottom:16px;} #privacy dl dt,#terms_condition dl dt{ font-size:15px; font-weight:bold; color:#323232;} #privacy dl dd,#terms_condition dl dd{ padding:0; margin:0;} #terms_condition dl dt{ text-transform:uppercase;} #links span{ color:#0e62ac;} /* Resources */ .topics_list{ background: url("images/productblockbg.gif") repeat-x scroll left bottom #FFFFFF; border-bottom: 1px solid #DADADA; border-top: 1px solid #DADADA; margin: 22px auto 0px auto; padding-bottom: 30px; width: 938px; } .topics_list .topics_block { background: url("images/product-dotted.png") no-repeat scroll 100% 55px transparent; float: left; padding: 0px 0px 0 0; width: 312px;} .topics_list .topics_block.last { background:none; } .topics_list .topics_block h2{ background:url(images/resources_line.png) 12px bottom no-repeat; font-size:18px; height:40px; line-height:40px; padding:0px 12px;} .topics_list .topics_block h2 a{ font-size:18px; line-height:40px; text-decoration:none; color:#323232;} .topics_list .topics_block h2 a:hover{ color:#196CB5;} .topics_list .topics_block .img{ margin:10px 0px; text-align:center;} .topics_list .topics_block ol,.topics_list .topics_block ul{ margin:0; padding:0px 10px 0px 20px;} .topics_list .topics_block ol li,.topics_list .topics_block ul li{ background: url("images/arrow.png") no-repeat scroll 0 8px transparent; padding-left: 11px;} .topics_list .topics_block ol li a,.topics_list .topics_block ul li a{ font-size: 12px; line-height: 22px; text-decoration: none; color: #505050; } .topics_list .topics_block ol li.more,.topics_list .topics_block ul li.more{ background:none; text-align:right;} .topics_list .topics_block ol li.more a,.topics_list .topics_block ul li.more a{ background:url(images/more.png) right center no-repeat; padding-right:16px; color:#196CB5; text-decoration:underline;} .topics_list .topics_block ol li.more a:hover,.topics_list .topics_block ul li.more a:hover{ text-decoration:none;} #hot_tags,#partner_links{ background-color: #FFFFFF; border: 1px solid #C8C8C8; margin: 20px 0px 8px 0px; width: 958px;} #hot_tags h5,#partner_links h3{ background:url(images/hottagstop.gif) left top repeat-x; height:35px; line-height:35px; padding:0px 20px; margin:0; font-size:14px; font-weight:bold;} #hot_tags ul,#hot_tags ol,#partner_links ul,#partner_links ol{ margin:0; padding:12px 0px; float:left;} #hot_tags ul li,#hot_tags ol li{ background: url("images/arrow.png") no-repeat scroll 0 8px transparent; padding-left: 11px; float:left; margin-left:22px; width: 206px;} #hot_tags ul li a,#hot_tags ol li a,#partner_links ul li a,#partner_links ol li a{ text-decoration:none; font-size: 12px; line-height: 22px; } #hot_tags ul li a:hover,#hot_tags ol li a:hover,.topics_list .topics_block ol li a:hover,.topics_list .topics_block ul li a:hover,#partner_links ul li a:hover,#partner_links ol li a:hover{ text-decoration:underline; } #partner_links ul li,#partner_links ol li{ background: url("images/arrow.png") no-repeat scroll 0 8px transparent; padding-left: 11px; float:left; margin-left:22px; width: 445px;} #partner_links .more{ padding:0px 40px 20px 40px; text-align:right;} /* topics category */ #topics_category{ background:url(images/topics-category-bg.gif) left top repeat-x; padding:0px 10px; width:938px;} #topics_category .top{ height:170px; padding:16px 0px; margin-bottom:8px;} #topics_category .top img{ float:left; margin:0px 24px;} #topics_category .top h1{ font-size:30px; line-height:32px; font-weight:bold; margin:0px 0px 10px 0px;} #topics_category .top p{ line-height:22px; font-size:13px;} /*#topics_category .left{ width:225px; float:left; background:url(images/topics-category-bg.png) left top no-repeat; height:600px;}*/ #topics_category .left{ width:225px; float:left; } #topics_category .left div.category_top{ width:225px; float:left; background:url(images/topics-category-bg-top.png) left top no-repeat; height:5px; } #topics_category .left div.category_center{ width:225px; float:left; background:url(images/topics-category-bg-center.png) left top repeat-y; } #topics_category .left div.category_bottom{ width:225px; float:left; background:url(images/topics-category-bg-bottom.png) left top no-repeat; height:5px;} #topics_category .center{ width:460px; float:left; padding:0px 22px 0px 14px;} #topics_category .center h2{ font-size:16px; color:#333333; border-bottom:1px dashed #9d9c9c; height:32px; line-height:26px; margin:0px 0px 14px 0px; font-weight:bold;} #topics_category .center .box{ float:left; width:128px; padding-left:6px; } #topics_category .center .link{ float:left; width:326px; } #topics_category .center ul,#topics_category .center ol{ list-style:none; margin:0; padding:0 0 8px 0; } #topics_category .center ul li,#topics_category .center ol li{ background: url("images/ipost.png") no-repeat scroll 0 4px transparent; font-size: 13px; line-height: 22px; padding-left: 22px; margin-bottom:4px; } #topics_category .center ul li a,#topics_category .center ol li a{ font-size:13px; text-decoration:none; color:#505050; } #topics_category .center ul li a:hover,#topics_category .center ol li a:hover{ text-decoration:underline; } #topics_category .center #pagenavi{ border-top:1px dashed #9d9c9c; padding:8px 10px 0px 10px; text-align:right;} #topics_category .center #pagenavi a,#article_list #pagenavi a{ color:#383838; text-decoration:none; margin-left:6px; font-size:13px;} #topics_category .center #pagenavi a:hover,#article_list #pagenavi a:hover{ text-decoration:underline;} #topics_category .center #pagenavi a.cur,#article_list #pagenavi a.cur{ font-weight:bold; font-size:14px; cursor:default; text-decoration:none;} #topics_category .right{ float:left; width: 216px;} #topics_category .left ul.category { list-style:none; padding:15px 8px 18px 8px; margin:0;} #topics_category .left ul.category li{ margin-bottom:6px;} #topics_category .left ul.category li a{ color:#323232; font-size:14px; text-decoration:none; padding:0px 14px; display:block; height:24px; line-height:24px; overflow:hidden;} #topics_category .left ul.category li a:hover,#topics_category .left ol.more li a:hover{ text-decoration:underline;} #topics_category .left ul.category li.cur a{ background:url(images/topics-category-list-cur.png) left top no-repeat; color:#FFFFFF; cursor:default;} #topics_category .left ul.category li.cur a:hover{ text-decoration:none; } #topics_category .left h3{ border-top:1px solid #dcdcdc; padding:15px 14px 0px 21px; font-weight:bold; margin:0; font-size:14px; } #topics_category .left ol.more{ list-style:none; padding:2px 8px 18px 21px; margin:0; } #topics_category .left ol.more li{ background: url("images/arrow.png") no-repeat scroll 0 8px transparent; line-height: 22px; padding-left: 9px;} #topics_category .left ol.more li a{ font-size:12px; color:#323232; text-decoration:none;} #topics_category .right h4{ color: #3C3C3C; font-size: 14px; font-weight: bold; margin: 0 0 12px;} #topics_category .right div.recommended{ margin: 0 auto;} #topics_category .right div.recommended.last{ margin: 0 auto 18px; } #topics_category .right a{text-decoration:none;} #topics_category .right a:hover{text-decoration:underline;} #topics_category .right .sidebar_title h4.more{ background:url(images/topics_more.png) left center no-repeat; padding-left:31px;} #topics_category .right a img{ margin-top: 12px;} #topics_category .right p{ margin:0;} #article_list ol,#article_list ul{ list-style:none; padding:0; margin:0;} #article_list ol li,#article_list ul li{ border-bottom:1px dotted #e1e1e1; margin-bottom:14px;} #article_list ol li h2,#article_list ol li h2 a,#article_list ul li h2,#article_list ul li h2 a{ color:#3a5da3; font-size:14px; text-decoration:none; font-weight:bold; margin:0;} #article_list ol li h2 a:hover,#article_list ul li h2 a:hover{ text-decoration:underline;} #article_list ol li p,#article_list ul li p{ margin:0px 0px 14px 0px;} #article_list ol li .tags strong,#article_list ul li .tags strong{ color:#444444; font-size:13px;} #article_list ol li .tags a,#article_list ul li .tags a{ color:#787878; font-size:13px;} #article_list ol li .more,#article_list ul li .more{ font-size:13px; color:#3a5da3; text-align:right; padding-bottom:8px;} #article_list ol li .more a,#article_list ul li .more a{ font-size:13px; color:#3a5da3; text-decoration:none;} #article_list ol li .more a:hover,#article_list ul li .more a:hover{ text-decoration:underline;} #article_list #pagenavi { text-align:right; margin:10px 0px;} /* = Sitemap ---------------------------------------------- */ #sitemap li{ background:url(images/line1.gif) repeat-y; } #sitemap li.last{ background:none; } #sitemap li{ line-height:20px; margin-top:1px; position:relative; width:100%; } /* IE leaves a blank space where span is added so this is to avoid that */ * html #sitemap li{ float:left; display:inline; } #sitemap li a{ padding-left:28px; font-size:13px; text-decoration:none; color:#505050; } #sitemap li a:hover{ text-decoration:underline; } #sitemap li span{ float:left; position:absolute; top:5px; left:5px; width:13px; height:13px; cursor:auto;font-size:0;} #sitemap li span, #sitemap li span.collapsed{background:url(images/collapsed.gif) left top no-repeat;} #sitemap li span.expanded{background:url(images/expanded.gif) left top no-repeat;} /* sub levels */ #sitemap li ul{ margin-left:28px;background:url(images/line1.gif) repeat-y;} #sitemap li li{ background:url(images/line2.gif) left top no-repeat; } /* etc. */ /* float fix */ #sitemap:after, #sitemap ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #sitemap, #sitemap ul,#sidebarpromac{ display:block; } #sitemap, #sitemap ul,#sidebarpromac{ min-height:1%; } * html #sitemap, * html #sitemap ul{ height:1%; } #sitemap ul{ display:none; } .uppercase{ text-transform:uppercase } /** news add **/ .itopleft .itopright .itopcenter h3.newsletter{ background:url(images/icon-newsletter.png) 0% 55% no-repeat; padding-left:34px;} .itopleft .itopright .itopcenter h3.followus{ background:url(images/icon-follow-us.png) 0% 55% no-repeat; padding-left:26px;} .itopleft .itopright .itopcenter h3.newsevents{ background:url(images/icon-news-events.png) 0% 55% no-repeat; padding-left:32px;}