/* CSS Document */ /*****************************/ /*** Core html setup stuff ***/ /*****************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td{margin:0;padding:0;font:normal 11px/150% verdana; font-family:"verdana", Lucida, Arial, Helvetica, ,sans-serif; vertical-align:middle;} body{ background: url(http://www.flip-converter.com/images/bg.jpg) #F0F0F0 0 0 repeat-x; padding:0; margin:0; width: 100%; color:#333333;} table{border-collapse :collapse;border-spacing:0;} img{border:0;} a:focus{ outline:none;} a{blr:expression(this.onFocus=this.blur());} a{color:#666666;} a:hover{ text-decoration:underline; color:#666666;} ol,ul{list-style:none;} caption,th{text-align:left; } h1,h2,h3,h4,h5,h6{font:bold 100%/160% Verdana;} /********************Content*****************************/ .nounderline,a:hover.nounderline{ text-decoration:none;} .more a{ color:#F1D418;} .tabcontent{ padding: 0 15px; } .c-yuanjiaot{ background:url(http://www.flip-converter.com/images/c-yuanjiaotl.jpg) 0 0 no-repeat; height:10px; padding-left:10px; *margin-bottom:-3px;} .c-yuanjiaot .c-yuanjiaot2{ background:url(http://www.flip-converter.com/images/c-yuanjiaotr.jpg) 100% 0 no-repeat; height:10px; padding-right:10px;} .c-yuanjiaot .c-yuanjiaot3{ background:url(http://www.flip-converter.com/images/c-yuanjiaotc.jpg) 0 0 repeat-x; height:10px;} .c-yuanjiaoc{ background:url(http://www.flip-converter.com/images/c-yuanjiaoc.png) 0 0 repeat-x; min-height:175px; border:#CECECE 1px solid; border-top:none; border-bottom:none; padding: 5px 0 20px 5px;} .c-yuanjiaoc ul li{ float:left; width:295px; padding: 0 12px 20px 12px;} .c-yuanjiaoc ul li h3{ font-size:17px; font-family:Arial, Helvetica, sans-serif; color:#D20952; line-height:40px;} .c-yuanjiaoc ul li h3 a {color:#D20952;} .c-yuanjiaoc .btnMore{ text-align:center; width:97%; border-top: #ECECEC 1px solid; padding-top:25px; margin:0 auto;} .c-yuanjiaob{ background:url(http://www.flip-converter.com/images/c-yuanjiaobl.jpg) 0 0 no-repeat; height:10px; padding-left:10px;} .c-yuanjiaob .c-yuanjiaob2{ background:url(http://www.flip-converter.com/images/c-yuanjiaobr.jpg) 100% 0 no-repeat; height:10px; padding-right:10px;} .c-yuanjiaob .c-yuanjiaob3{ background:url(http://www.flip-converter.com/images/c-yuanjiaobc.jpg) 0 0 repeat-x; height:10px;} .imgmiddle{ vertical-align:middle;} .sc{ font-size:12px; color:#2F2F2F;} .old-price{ color:#FF1800;} .new-price{ font-size:24px; color:#FF1800; line-height:24px;} h3.contentHeading{ font-size:16px; color:#D20D55; margin-bottom:5px;} h2.pageHeading{ font-size:30px; color:#F1055A; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:40px;} .note{ background:url(http://www.flip-converter.com/images/notel.png) 0 0 no-repeat; color:#D13D2E; font-size:12px; height:41px; width:35px; padding-left:6px; line-height:48px; float: left;} .notec{ background:url(http://www.flip-converter.com/images/noter.png) 100% 0 no-repeat; height:41px; padding-right:10px; float:left;} .notec div{ background:url(http://www.flip-converter.com/images/notec.png) 0 0 repeat-x; height:41px; padding:0; font-size:12px; line-height:48px;} .notec div span,.notec div span a{ color:#0052C4;} .user-guide{ background:url(http://www.flip-converter.com/images/user-guide.png) 0 10px no-repeat; padding-left:19px; line-height:37px; font-size:12px; float:right;} .title-r img{ _margin-left:-3px;} .red-title{ background:url(http://www.flip-converter.com/images/red-titlel.png) 0 0 no-repeat; height:14px; padding-left:26px;} .red-title .title-r{background:url(http://www.flip-converter.com/images/red-titler.png) 100% 0 no-repeat; _background-position:99% 0px; height:14px; padding-right:10px;} .red-title .title-c{background:url(http://www.flip-converter.com/images/red-titlec.png) 0 0 repeat-x; height:14px;} .title-c .text{ background:#fff; font-size:14px; height:14px; line-height:14px; font-weight:bold; float:left; } .black-title{ background:url(http://www.flip-converter.com/images/black-titlel.png) 0 0 no-repeat; height:14px; padding-left:26px;} .black-title .title-r{background:url(http://www.flip-converter.com/images/black-titler.png) 100% 0 no-repeat;_background-position:99% 0px; height:14px; padding-right:10px;} .black-title .title-c{background:url(http://www.flip-converter.com/images/black-titlec.png) 0 0 repeat-x; height:14px;} .keyfunction{ background: url(http://www.flip-converter.com/images/yuandian-ico.png) 0 5px no-repeat; padding-left:15px; line-height:21px;} .keyfunction span.key{ font-size:14px; color:#D20D55; display:block;} .support{ font-size:12px; } .support span,.support span a{ color:#0650B6;} .dotted{ background:url(http://www.flip-converter.com/images/dotted.png) 0 0 repeat-x; height:5px; overflow:hidden;} .y-yuanjiao .yuanjiao-t{ background:url(http://www.flip-converter.com/images/y-yuanjiaotl.png) 0 0 no-repeat; height:10px; padding-left:10px;} .y-yuanjiao .yuanjiao-t div{ background:url(http://www.flip-converter.com/images/y-yuanjiaotr.png) 100% 0 no-repeat; height:10px; padding-right:10px;} .y-yuanjiao .yuanjiao-t div div{ background:url(http://www.flip-converter.com/images/y-yuanjiaotc.png) 0 0 repeat-x; height:10px; padding:0;} .yuanjiao-c { background:url(http://www.flip-converter.com/images/y-yuanjiaoc.png) 0 0 repeat-x; border-left: #E2CD58 1px solid; border-right: #E2CD58 1px solid;padding: 0 15px 5px 15px; *margin-top:-5px;} .yuanjiao-c h3{ font-size:14px; color:#D0014C;} .yuanjiao-c div{ background: url(http://www.flip-converter.com/images/yuandian-ico.png) 0 3px no-repeat; padding-left:15px; margin-top:12px;} .y-yuanjiao .yuanjiao-b{ background:url(http://www.flip-converter.com/images/y-yuanjiaobl.png) 0 0 no-repeat; height:10px; padding-left:10px;} .y-yuanjiao .yuanjiao-b div{ background:url(http://www.flip-converter.com/images/y-yuanjiaobr.png) 100% 0 no-repeat; height:10px; padding-right:10px;} .y-yuanjiao .yuanjiao-b div div{ background:url(http://www.flip-converter.com/images/y-yuanjiaobc.png) 0 0 repeat-x; height:10px; padding:0;} a.buyNowBtn{ background:url(http://www.flip-converter.com/images/buyNow_ico.png) 0 0 no-repeat; padding-left:22px; line-height:15px; color:#E45814; font-weight:bold;} a.downNowBtn{ background:url(http://www.flip-converter.com/images/download_ico.png) 0 0 no-repeat; padding-left:18px; line-height:13px; color:#2A8801; font-weight:bold; margin-left:15px;} /***/ .tuto a{color:#DE1D63; text-decoration:none;} .tuto a:hover h3{ text-decoration: underline;color:#DE1D63;} .tuto h3{ font-size:16px; color:#DE1D63; line-height:25px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;} .page{ text-align:right;} .page .page-count{ float:right; line-height:20px; margin-left:15px;} .page .pri{ background:url(http://www.flip-converter.com/images/pri_ico.png) 0 0 no-repeat; height:20px; width:20px; float:right; cursor:pointer;} .page .next{ background:url(http://www.flip-converter.com/images/next_ico.png) 0 0 no-repeat; height:20px; width:20px; float:right; cursor:pointer; margin-left:2px;} .page ul{ float: right;} .page ul li{ margin-left:2px; float:left;} .page ul li a{ background:url(http://www.flip-converter.com/images/page.png) 0 0 no-repeat; width:20px; height:20px; float:left; text-align:center; line-height:20px;text-decoration:none; color:#3D3D3D;} .page ul li.active a,.page ul li a:hover{ background:url(http://www.flip-converter.com/images/page-active.png); color:#FFF;} .contact-img{ margin-bottom:300px;} .content-title16{ font-size: 16px; font-weight:bold; display:block; margin-bottom:10px;} .sitmap{ background:url(http://www.flip-converter.com/images/map.jpg) 50% 100% no-repeat;} .sitmap a strong{ color:#000; text-decoration:none; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #header { width:1000px; margin:0 auto;} .menu{ background:url(http://www.flip-converter.com/images/menul.png) 0 0 no-repeat; height:55px; padding-left:10px;} .menu div{ background:url(http://www.flip-converter.com/images/menur.png) 100% 0 no-repeat; height:55px; padding-right:10px;} .menu div div{ background:url(http://www.flip-converter.com/images/menuc.png) 0 0 repeat-x; height:55px; padding:0 10px 0 5px;} .menu ul{ float:left; padding-left:20px;} .menu ul li{ background:url(http://www.flip-converter.com/images/menuli.png) 0 21px no-repeat; padding:0 18px 0 12px; float: left;} .menu ul li a{ line-height:48px; color:#fff; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; } .menu ul li a:hover{ color:#444; text-decoration:none;} .menu ul li.active{ background:url(http://www.flip-converter.com/images/menu_active.png) 0 0 no-repeat; width:95px; height:55px; padding-right:0;} .menu ul li.long-active{ background:url(http://www.flip-converter.com/images/menu_active_long.png) 0 0 no-repeat; width:135px; height:55px; padding-right:0;} .menu ul li.active a{ color:#444; display:block; width:73px; text-align: center; padding-top:7px;} .menu ul li.long-active a{ color:#444; display:block; width:108px; text-align: center; padding-top:7px;} .page-title{ height:78px;} .page-title h1{ font-size:30px; color:#F9FA7E; font-weight:normal; padding-left:5px; line-height:78px;} .red-line{ background:url(http://www.flip-converter.com/images/red_line.png) 0 0 repeat-x; height:4px; overflow:hidden;} #wrap{ background:#FFF; width:1000px; margin: 0 auto; padding: 20px 0; position:relative;} .tab{ position:absolute; right:0px; top:-40px;} .tab a{ float:left; margin-right:5px;} .tab a span{ cursor: pointer; display:block;} .tab a span.for-mac{ width: 122px; height:36px; background:url(http://www.flip-converter.com/images/for-mac.png) 0 100% no-repeat;} .tab a.active span.for-mac,.tab a:hover span.for-mac{ height:37px; background:url(http://www.flip-converter.com/images/for-mac-active.png) 0 0 no-repeat;} .tab a span.for-windows{ width: 129px; height:36px; background:url(http://www.flip-converter.com/images/for-windows.png) 0 100% no-repeat;} .tab a.active span.for-windows,.tab a:hover span.for-windows{ height:37px; background:url(http://www.flip-converter.com/images/for-windows-active.png) 0 0 no-repeat;} .tabtag{height:36px; position:absolute; top:-40px; right:0px;} .tabtag li{ float:left; margin-right:5px;} .tabtag li a span{ cursor: pointer; display:block;} .tabtag li a span.for-mac{ width: 122px; height:36px; background:url(http://www.flip-converter.com/images/for-mac.png) 0 100% no-repeat; } .tabtag li.cur a span.for-mac { height:37px; background:url(http://www.flip-converter.com/images/for-mac-active.png) 0 0 no-repeat;} .tabtag li a span.for-windows{ width:190px; height:36px; background:url(http://www.flip-converter.com/images/for-windows.png) 0 100% no-repeat;} .tabtag li.cur a span.for-windows { height:37px; background:url(http://www.flip-converter.com/images/for-windows-active.png) 0 0 no-repeat;} .content-left{ padding: 0 15px; width:675px; float:left;} .product-img{ width:155px; margin: 0 10px 0 0; float:left; text-align:center; font-size:14px; color:2F2F2F;} .main-content{ width:510px;; float:left;} .breadcrumb{ background:url(http://www.flip-converter.com/images/bread-l.png) 0 0 no-repeat; height:31px; padding-left:10px;} .breadcrumb .breadcrumb2{ background:url(http://www.flip-converter.com/images/bread-r.png) 100% 0 no-repeat; _background-position: 99% 0; height:31px; padding-right:10px;} .breadcrumb .breadcrumb3{ background:url(http://www.flip-converter.com/images/bread-c.png) 0 0 repeat-x; height:31px; _padding-top:5px; } .breadcrumb .breadcrumb3 a{ line-height:31px; color:#DE1D63; text-decoration:none; margin-top:5px;} .breadcrumb .breadcrumb3 a.home{ background:url(http://www.flip-converter.com/images/home.png) 0 0 no-repeat; padding-left:22px;} .breadcrumb .breadcrumb3 a:hover{ text-decoration:underline;} .content-right{ width:290px; float:left;} #footer{ background:url(http://www.flip-converter.com/images/footer.png) 0 0 repeat-x; height:96px;} .footer{ width:1000px; margin:0 auto;} .footer-menu{ text-align:center; _margin:15px 0;} .footer-menu ul li{ display:inline; line-height:56px;} .footer-menu ul li a{ color:#DCDCDC; text-decoration:none; font-size:12px; border-right: #DCDCDC 1px solid; padding:0 10px;} .footer-menu ul li a.footer-logo{ border:none; vertical-align:middle} .footer-menu ul li a:hover{ color:#DCDCDC; text-decoration:underline;} .copyright{ background:url(http://www.flip-converter.com/images/copyright.png) 0 0 repeat-x; text-align:center; color:#6A6A6A; line-height:40px;} /*******************Banner********************************/ #banner{ background:url(http://www.flip-converter.com/images/banner.jpg) 0 0 repeat-x; height:284px; overflow:hidden;} .banner-wrap{ width:1000px; margin:0 auto; position:relative;} .banner-content-left{ float:left; width:568px; color:#fff; padding: 15px 0 0 0;} .banner-content-left h3 { font-size:32px; color:#F3DA35; font-weight:normal; line-height:46px;} .content-info{ height:153px; *height:155px; padding-right:20px;} .content-info p{ font-size:13px;} .content-info p span{ color:#E5427C;} .banner-more img{ float:left} .banner-more label{ font-size:18px; line-height:18px; color:#BABABA; margin:10px 5px 0 10px; display: block; float:left;} .banner-more span{ font-size:43px; color:#FBC900; line-height:48px; display: block; float:left; margin:-5px 5px 0 0; vertical-align:middle; } .banner-content-right{ float:left; width:432px;} /****************** Right *********************************/ .tlele .title3 h3{ font-size:15px; color:3a3a3a; line-height:33px;} .bottom{ overflow:hidden;} .bottom .bottom2{ overflow:hidden;} .bottom .bottom3{ overflow:hidden;} .new-guides{ width:270px;} .new-guides .tlele{ background:url(http://www.flip-converter.com/images/grey-yuanjiaotl.gif) 0 0 no-repeat; height:45px; padding-left:26px;} .new-guides .tlele .title2{ background:url(http://www.flip-converter.com/images/grey-yuanjiaotr.gif) 100% 0 no-repeat; height:45px; padding-right:10px;} .new-guides .tlele .title3{ background:url(http://www.flip-converter.com/images/grey-yuanjiaotc.gif) 0 0 repeat-x; height:40px; padding-top:5px;} .new-guides .tlele .title3 h3{ background:url(http://www.flip-converter.com/images/guide_ico.png) 0 5px no-repeat; padding-left:25px;} .new-guides .module-content{ padding: 0 0 0 16px;} .new-guides .mon-content{ border: #E5E5E5 3px solid; border-top:none; border-bottom: none; padding-top:10px; } .mon-content ul{ padding: 0 10px 10px 10px;} .mon-content ul li{ background:url(http://www.flip-converter.com/images/grey_arrow_ico.png) 0 7px no-repeat; padding-left:13px; line-height:20px;} .mon-content ul li a{ color:#0650B6;} .new-guides .bottom{ background:url(http://www.flip-converter.com/images/grey-yuanjiaobl.gif) 16px 0 no-repeat; height:10px; padding-left:26px;} .new-guides .bottom2{ background:url(http://www.flip-converter.com/images/grey-yuanjiaobr.gif) 100% 0 no-repeat; height:10px; padding-right:10px;} .new-guides .bottom3{ background:url(http://www.flip-converter.com/images/grey-yuanjiaobc.gif) 0 0 repeat-x; height:10px;} .user-comments{ width:253px; margin: 0 auto;} .user-comments .tlele{ background:url(http://www.flip-converter.com/images/r-yuanjiaotl.gif) 0 0 no-repeat; height:45px; padding-left:10px;} .user-comments .tlele .title2{ background:url(http://www.flip-converter.com/images/r-yuanjiaotr.gif) 100% 0 no-repeat; height:45px; padding-right:10px;} .user-comments .tlele .title3{ background:url(http://www.flip-converter.com/images/r-yuanjiaotc.gif) 0 0 repeat-x; height:40px; padding-top:5px;} .user-comments .tlele .title3 h3{ background:url(http://www.flip-converter.com/images/user-ico.png) 0 5px no-repeat; padding-left:35px;} .user-comments .module-content{ border: #E55187 3px solid; border-top:none; border-bottom: none; padding: 10px;} .user-comments .module-content img{ margin: 0 5px 20px 0;} .user-comments .module-content .clear{ background:url(http://www.flip-converter.com/images/dotted.png) 0 5px repeat-x; height:20px;} .user-comments .bottom{ background:url(http://www.flip-converter.com/images/r-yuanjiaobl.gif) 0 0 no-repeat; height:10px; padding-left:10px;} .user-comments .bottom2{ background:url(http://www.flip-converter.com/images/r-yuanjiaobr.gif) 100% 0 no-repeat; height:10px; padding-right:10px;} .user-comments .bottom3{ background:url(http://www.flip-converter.com/images/r-yuanjiaobc.gif) 0 0 repeat-x; height:10px;} .clear{ clear:both;}