body{ margin:0; color:#fff3bb; font:13px/16px Tahoma, Geneva, sans-serif; background:#3b0d03; min-width:1000px; position:relative; } img{border:0;} a{ color:#333; text-decoration:none; } a:hover{text-decoration:underline;} input, textarea, select{ font:100% arial,sans-serif; vertical-align:middle; } form,fieldset{ margin:0; padding:0; border-style:none; } header, footer, article, section, hgroup, nav, figure{display: block;} /* all page */ #wrapper{ width:100%; overflow:hidden; position:relative; z-index:10; } /* bg page */ #wrapper .bg-l{ position:absolute; top:0; left:0; width:1%; height:1050px; } .bg-main { position:absolute; top: 0; left: 0; width:100%; height:100%; z-index:1; } .bg-main .color1, .bg-main .color2, .bg-main .color3, .bg-main .color4, .bg-main .color5 { position:absolute; top: 0; left: 0; width:100%; height:1050px; } .bg-main .color1 .bg-c, .bg-main .color2 .bg-c, .bg-main .color3 .bg-c, .bg-main .color4 .bg-c, .bg-main .color5 .bg-c { position:absolute; top: 0; left: 0; width:100%; height:1050px; } /* Color 1 */ .bg-main .color1 { background:url(../images/bg-normal-repeat.jpg) repeat-x;} .bg-main .color1 .bg-c { background:url(../images/bg-normal.jpg) no-repeat 50% 0;} /* Color 2 */ .bg-main .color2 { background:#2e1427 url(../images/bg-simple-repeat.jpg) repeat-x;} .bg-main .color2 .bg-c { background:url(../images/bg-simple.jpg) no-repeat 50% 0;} /* Color 3 */ .bg-main .color3 { background:#01242d url(../images/bg-blog-repeat.jpg) repeat-x;} .bg-main .color3 .bg-c { background:url(../images/bg-blog.jpg) no-repeat 50% 0;} /* Color 4 */ .bg-main .color4 { background:#201c01 url(../images/bg-bhuiness-repeat.jpg) repeat-x;} .bg-main .color4 .bg-c { background:url(../images/bg-bhuiness.jpg) no-repeat 50% 0;} /* Color 5 */ .bg-main .color5 { background:#3b0d03 url(../images/bg-personal-repeat.jpg) repeat-x;} .bg-main .color5 .bg-c { background:url(../images/bg-personal.jpg) no-repeat 50% 0;} .wholder:after { clear: both; content:""; display: block; } .wholder{ width:100%; min-height:1000px; position:relative; padding:0 0 50px; } * html .wholder{height:1200px;} /* header */ #header{ width:100%; overflow:hidden; height:98px; background:url(../images/bg-header.png) repeat-x; } #header .holder{ width:960px; overflow:hidden; margin:0 auto; } .logo{ display:block; width:177px; margin:0 auto; font-size:0; line-height:0; padding:14px 0 0; } .logo a{ display:block; width:177px; height:53px; overflow:hidden; text-indent:-99999px; background:url(../images/logo.gif) no-repeat; } /* all content */ #main:after { clear: both; content:""; display: block; } #main{ width:960px; margin:0 auto; } /* tabset */ .tabset{ width:100%; overflow:hidden; padding:2px 0 0; } .tabset .b{ width:100%; overflow:hidden; height:1px; font-size:0; line-height:0; background:url(../images/sep1.png) repeat-x; } .tabset ul{ width:1003px; overflow:hidden; margin:0 -43px 0 0; padding:0 0 2px; list-style:none; } .tabset ul li{ float:left; padding:0 43px 17px 0; font:bold 21px/23px Arial,Helvetica,sans-serif; letter-spacing:-1px; color:#f27021; position:relative; } .tabset ul li.disable{color:#c57f73;} .tabset ul li em{ position:absolute; left:13px; bottom:0; font-size:0; line-height:0; width:14px; height:11px; } .tabset ul li.active {color:#fff;} .tabset ul li.active em{background:url(../images/bul1.png) no-repeat;} /* content */ .content:after { clear: both; content:""; display: block; } .content{ width:100%; padding:20px 0 0; } .tab:after { clear: both; content:""; display: block; } .tab{width:100%;} .content h1{ margin:0 0 26px; font-size:36px; line-height:40px; font-weight:normal; color:#fff; } .content .container{ overflow:hidden; height:1%; padding:0 100px 13px 5px; } .content h2{ margin:0 0 11px; font-size:20px; line-height:24px; color:#fff; font-weight:normal; } .content p{margin:0 0 13px;} .content p strong{color:#fff;} /* text list */ .text-list{ overflow:hidden; width:100%; margin:0; padding:3px 0 20px; list-style:none; } .text-list li{ overflow:hidden; height:1%; vertical-align:top; padding:0 0 4px; } .text-list li strong{ float:left; display:inline; margin:0 3px 0 0; width:13px; color:#fff; } * html .text-list li strong{margin:0;} .text-list li span{ display:block; overflow:hidden; height:1%; } .content .enjoy{ display:block; padding:0 0 14px; font-size:20px; line-height:24px; color:#fff; font-weight:normal; } /* btn box */ .btn-box{ width:100%; overflow:hidden; } .btn-box .t{ width:100%; overflow:hidden; height:1px; font-size:0; line-height:0; background:url(../images/sep1.png) repeat-x; } .btn-box .btn{margin:13px 0 0;} .btn{ float:left; overflow:hidden; cursor:pointer; } .btn:hover{border:none;} .btn span{ float:left; overflow:hidden; text-indent:-9999px; } .btn-get{height:59px;} .btn-get span{ height:118px; width:230px; background:url(../images/btn-get.png) no-repeat; } .btn-get:hover span{margin:-59px 0 0;} .accept-hold{ width:100%; overflow:hidden; margin:-2px 0 0; padding:0 0 7px; } .content .accept-hold h2{margin:0 0 10px;} .content .accept-hold p{ font-size:15px; line-height:20px; } .content h3{ margin:0 0 18px; font-size:15px; line-height:20px; color:#fff; } .btn-accept, .btn-continue, .btn-back{height:42px;} .btn-accept span{ height:84px; width:215px; background:url(../images/btn-accept.png) no-repeat; } .btn-back span{ height:84px; width:90px; background:url(../images/btn-back.png) no-repeat; } .btn-accept:hover span, .btn-continue:hover span, .btn-back:hover span{margin:-42px 0 0;} /* database */ .database-hold{ width:100%; overflow:hidden; } .content .database-hold .container{padding-bottom:0;} /* step */ .step{ width:100%; overflow:hidden; padding:11px 0 3px; } /* mini tabset */ .mini-tabset{ width:100%; overflow:hidden; margin:0; padding:2px 0 9px; list-style:none; } .mini-tabset li{ float:left; padding:0 12px 0 0; } .mini-tabset li a{ float:left; height:42px; overflow:hidden; cursor:pointer; } .mini-tabset li a:hover{position:relative;} .mini-tabset li a span{ float:left; height:84px; overflow:hidden; text-indent:-9999px; } .mini-tabset li.btn-yes a span{ width:79px; background:url(../images/btn-yes.png) no-repeat; } .mini-tabset li.btn-no a span{ width:73px; background:url(../images/btn-no.png) no-repeat; } .mini-tabset li a:hover span{margin:-42px 0 0;} .step .row, .instruction-hold .row{ overflow:hidden; height:1%; padding:0 0 8px; } .step .sel{ width:310px; display:inline; } .step .select{padding:0 0 8px 139px !important;} .instruction-hold{ width:100%; overflow:hidden; padding:2px 0 25px; } .instruction-hold label{ float:left; width:135px; padding:5px 3px 0 0; font-weight:bold; color:#fff; } .instruction-hold .row span{ float:left; width:298px; height:27px; padding:0 6px; background:url(../images/bg-inp.png) no-repeat; } .instruction-hold .error span{background:url(../images/bg-inp-error.png) no-repeat;} .instruction-hold .text{ float:left; width:298px; outline:none; background:none; border:none; overflow:hidden; font-size:13px; line-height:16px; height:16px; padding:5px 0 6px; position:relative; } .btn-box .btn-install { float:left; margin:13px 0 0; width:99px; height:42px; position: relative; overflow:hidden; } .btn-box .btn-install span { display: block; width:99px; height:42px; text-indent:-9999px; overflow:hidden; background: url(../images/btn-install.png) no-repeat; } .btn-box .btn-install:hover { border: none; } .btn-box .btn-install:hover span { margin: -42px 0 0; padding:42px 0 0; } .btn-link{ display:block; width:100%; overflow:hidden; } .btn-link a{ float:left; font-size:17px; line-height:20px; text-decoration:underline; color:#fff3bb; } .btn-link a:hover{text-decoration:none;} /* loader */ .loader{ width:100%; overflow:hidden; padding:13px 0 14px; } .loader .hold{ width:100%; overflow:hidden; } .loader img{float:left;} .loader .hold span{ float:left; font-size:12px; line-height:14px; color:#fff; padding:4px 0 0 7px; } .loader strong{ display:block; color:#fff; padding:17px 0 0; } .progress-bar { width:369px; height:22px !important; overflow:hidden; float:left; } .ui-progressbar-value { background-image: url(../images/pbar-ani.gif) } .btn-continue span{ width:122px; height:84px; background:url(../images/btn-continue.png) no-repeat; } /* create box */ .create-hold{ width:100%; overflow:hidden; margin:-1px 0 0; padding:0 0 13px; } .content .create-hold p{ margin:0; line-height:20px; } /* instruction box */ .instruction-hold .check-hold{ overflow:hidden; height:1%; padding:10px 0 3px 139px; } .instruction-hold .chk{ float:left; display:inline; width:14px; height:14px; margin:2px 8px 0 0; padding:0; } .instruction-hold .check-hold label{ float:left; width:auto; line-height:16px; color:#fff3bb; font-weight:normal; padding:0; } .btn-box .btn-create { float:left; margin:13px 0 0; width:145px; height:42px; position:relative; overflow:hidden; } .btn-box .btn-create span { display: block; width:145px; height:42px; overflow:hidden; text-indent: -9999px; background:url(../images/btn-create.png) no-repeat; } .btn-box .btn-create:hover { border: none; } .btn-box .btn-create:hover span { padding: 42px 0 0; margin: -42px 0 0; } .validaing, .invalidaing, .basevalidaing{ float:left !Important; display:inline; margin:6px 0 0 10px !Important; padding:0 0 2px 28px !Important; line-height:13px !Important; font-weight:bold !Important; color:#fff !Important; background-color: none !Important; } .validaing { background:url(../images/ico-validaing.png) no-repeat !Important; } .invalidaing{ margin:6px 0 0 12px !Important; padding:0 0 2px 26px !Important; background:url(../images/ico-invalidaing.png) no-repeat !Important; } /* add navigation */ .add-nav:after { clear: both; content:""; display: block; } .add-nav{ width:100%; position:relative; margin:-19px 0 0; } .add-nav ul{ margin:0; padding:0; list-style:none; } .add-nav ul li{ float:left; padding:0 4px 0 32px; } .add-nav ul li a { display:block; width:150px; height:212px; position:relative; cursor:pointer; } .add-nav ul li a img{ position:absolute; top: 0; left: 0; } .add-nav ul li a span{ position:absolute; top:-15px; left:-99999px; display:none; } .add-nav ul li.hover a span{ display:block; left:-15px; } .add-nav ul li em{ position:absolute; top:236px; width:16px; height:13px; overflow:hidden; font-size:0; line-height:0; } .add-nav ul li.add-simple em{left:166px;} .add-nav ul li.add-blog em{left:319px;} .add-nav ul li.add-personal em{left:471px;} .add-nav ul li.add-buisness em{left:624px;} .add-nav ul li.add-thanks em{left:776px;} .add-nav ul li:hover em, .add-nav ul li.hover em{background:url(../images/bul3.png) no-repeat;} .add-nav ul li:hover .drop-hold, .add-nav ul li.hover .drop-hold{display:block;} /* drop down */ .drop-hold{ width:708px; overflow:hidden; position:absolute; top:209px; left:50%; margin:0 0 0 -355px; padding:40px 0 0; display:none; } .drop-hold .c:after { clear: both; content:""; display: block; } .drop-hold .c{ width:620px; min-height:107px; padding:16px 44px; background:url(../images/bg-drop-c.gif) repeat-y; } * html .drop-hold .c{height:107px;} .drop-hold .t, .drop-hold .b{ width:100%; overflow:hidden; height:10px; font-size:0; line-height:0; } .drop-hold .t{background:url(../images/bg-drop-t.png) no-repeat;} .drop-hold .b{background:url(../images/bg-drop-b.png) no-repeat;} .drop-hold .title{ width:100%; overflow:hidden; padding:0 0 17px; } .drop-hold .title span{ display:block; font-size:20px; line-height:24px; color:#3e0e03; } .drop-hold .hold{ width:100%; overflow:hidden; } .drop-hold .box{ float:left; width:280px; padding:0 8px 0 0; } .add-nav .box ul{ margin:0; padding:0; list-style:none; width:100%; overflow:hidden; } .add-nav .box ul li{ overflow:hidden; height:1%; vertical-align:top; float:none; padding:0 0 4px 13px; color:#3e0e03; background:url(../images/bul2.gif) no-repeat 0 7px; } /* gallery */ .gallery:after { clear: both; content:""; display: block; } .gallery{ width:795px; margin:0 0 0 17px; position:relative; min-height:300px; padding:0 54px 0 77px; } * html .gallery{height:300px;} .gallery .hold{ width:100%; position:relative; padding:18px 0; } .gallery .gal-box{ width:99999px; position:relative; } .gallery .box { float:left; width:796px; background: none !important; } .gallery .box ul{ float:left; display:inline; margin:5px -18px 0 10px; padding:0; list-style:none; } .gallery .box ul li { float:left; width:152px; height:129px; position:relative; padding:5px 48px 29px 0; } .gallery .box .image-hold { float:left; width:152px; height: 129px; margin: 0 -100px -100px 0; position:relative; } .gallery .box .image-hold .faik-mask { display: block; } .gallery .box .image{ position:absolute; top:0; left:0; padding:7px 9px 19px 9px; } .gallery .box .image img { display:block; position:relative; } .gallery .box .faik-mask-ie6 { position:absolute; top:-9999px; left:-9999px; } .gallery .btn-prev, .gallery .btn-next{ position:absolute; top:152px; height:30px; width:30px; overflow:hidden; outline:none; } .gallery .btn-prev:hover, .gallery .btn-next:hover{border:none;} .gallery .btn-prev{left:0;} .gallery .btn-next{right:0;} .gallery .btn-prev span, .gallery .btn-next span{ float:left; width:30px; height:60px; overflow:hidden; text-indent:-9999px; } .gallery .btn-prev span{background:url(../images/btn-prev.png) no-repeat;} .gallery .btn-next span{background:url(../images/btn-next.png) no-repeat;} .gallery .btn-prev:hover span, .gallery .btn-next:hover span{margin:-30px 0 0;} /* gallery drop */ .gal-drop { position:absolute; top:7px; left:9px; width:178px; } * html .gal-drop { margin: -2px 0 0 } .gal-drop a{ display:block; width:100%; overflow:hidden; } .gal-drop a:hover{border:none;} .gal-drop a span{ float:left; width:178px; overflow:hidden; text-indent:-99999px; } .gal-drop .btn-preview{height:69px;} .gal-drop .btn-preview span{ height:138px; background:url(../images/btn-preview.png) no-repeat; } .gal-drop .btn-preview:hover span{margin:-69px 0 0;} .gal-drop .btn-install-gal{height:68px;} .gal-drop .btn-install-gal span{ height:138px; background:url(../images/btn-install-gal.png) no-repeat; } .gal-drop .btn-install-gal:hover span{margin:-68px 0 0;} /* paging */ .paging{ width:100%; overflow:hidden; position:relative; } .w1{ float:left; position:relative; left:50%; } .w2{ float:left; position:relative; left:-50%; } .paging span{ float:left; font-size:14px; line-height:22px; color:#fff; padding:0 16px 0 0; } .paging ul{ float:left; margin:0; padding:0 90px 0 0; list-style:none; } .paging ul li{ float:left; padding:4px 7px 4px 7px; } .paging ul li a{ display:block; font-size:11px; line-height:13px; font-weight:bold; color:#fff; width:16px; height:16px; padding:2px 0 0 2px; text-align:center; background:url(../images/bg-paging.png) no-repeat; } .paging ul li a:hover, .paging ul li.active a{ font-size:13px; line-height:16px; width:22px; height:21px; margin:-2px -2px -4px -3px; position:relative; color:#000; padding:2px 0 0 1px; text-decoration:none; background:url(../images/bg-paging-h.png) no-repeat; } .container .alt{padding-top:7px;} /* lightbox */ .lightbox{ width:870px; overflow:hidden; position:absolute; top:-9999px; left:-9999px; padding:10px; margin:0; z-index: 999; } .lightbox .t, .lightbox .b{ width:100%; overflow:hidden; height:8px; font-size:0; line-height:0; } .lightbox .t{background:url(../images/bg-lightbox-t.png) no-repeat;} .lightbox .b{background:url(../images/bg-lightbox-b.png) no-repeat;} .lightbox .c{ width:824px; overflow:hidden; background:#ededed; padding:9px 23px 35px 23px; } .lightbox .heading{ width:100%; overflow:hidden; padding:0 0 11px; } .lightbox .title{ display:block; font-size:26px; line-height:28px; color:#000; font-weight:bold; padding:0 0 7px; } .lightbox .create{ display:block; font-size:14px; line-height:18px; color:#5f5f5f; } .lightbox .create a{ font-weight:bold; color:#5f5f5f; } .lightbox .carusel{ width:100%; overflow:hidden; border-top:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; padding:13px 0 15px; position:relative; } .lightbox .carusel ul{ width:99999px; margin:0; padding:0; list-style:none; } .lightbox .carusel ul li{ float:left; padding:0 8px 0 0; } .lightbox .carusel ul li img{display:block;} .lightbox .btn-box{padding-top:27px;} .lightbox .btn-install{ display:block; width:99px; height:42px; overflow:hidden; text-indent:-99999px; margin:0; background:url(../images/btn-install.png) no-repeat; } .lightbox .btn-install:hover{background:url(../images/btn-install-hover.png) no-repeat;} .lightbox .btn-close{ position:absolute; top:0; right:0; width:30px; height:30px; overflow:hidden; text-indent:-99999px; z-index:100; background:url(../images/btn-close.png) no-repeat; } .btn-web{ width:100%; overflow:hidden; margin:0; padding:15px 0 20px; list-style:none; } .btn-web li{ float:left; padding:0 13px 0 0; } .btn-web li a{ float:left; height:42px; overflow:hidden; cursor:pointer; } .btn-web li a:hover{border:none;} .btn-web li a span{ float:left; height:84px; overflow:hidden; text-indent:-99999px; } .btn-web li.btn-set a span{ width:248px; background:url(../images/btn-set.png) no-repeat; } .btn-web li.btn-preview-web a span{ width:257px; background:url(../images/btn-preview-web.png) no-repeat; } .btn-web li a:hover span{margin:-42px 0 0;} /* three columns */ .threcol{ width:100%; overflow:hidden; } .threcol .t{ width:100%; overflow:hidden; height:1px; font-size:0; line-height:0; background:url(../images/sep1.png) repeat-x; } .threcol .hold{ width:100%; overflow:hidden; padding:24px 0 0; } .content .threcol h2{ margin:0 0 11px; font-size:20px; line-height:24px; font-weight:bold; color:#fff; } .col1{ float:left; width:225px; padding:0 57px 0 3px; } .content .threcol p{ margin:0 0 20px; line-height:20px; } .content .threcol p span{display:block;} .content .threcol p a{ color:#fff; text-decoration:underline; } .content .threcol p a:hover{text-decoration:none;} /* links box */ .links{ width:100%; overflow:hidden; } .links ul{ width:100%; overflow:hidden; margin:0; padding:6px 0 14px; list-style:none; } .links ul li{ overflow:hidden; height:1%; vertical-align:top; padding:0 0 9px 11px; font-size:14px; line-height:16px; background:url(../images/bul4.gif) no-repeat 0 5px; } .links ul li a{ color:#fff; text-decoration:underline; } .links ul li a:hover{text-decoration:none;} .col2{ float:left; width:301px; padding:0 60px 0 0; } .col3{ float:left; width:295px; } .box-software{ width:100%; overflow:hidden; } .content .box-software p{ font-size:12px; line-height:15px; margin:0 0 15px; } .box-software p span{font-size:11px;} .ui-selectmenu { border: none !important; display:block !important; width:310px !important; height: 29px; overflow:hidden; font-size:13px; line-height:29px; background:none; } .ui-selectmenu:focus { outline: 1px dotted #000; } .ui-selectmenu-status { float:left; height: 29px; width:266px; padding:0 10px; color: #000; font-weight:normal; background:url(../images/select-left-2.png) no-repeat; } .ui-state-default .ui-icon { position:static; float:right; width:24px; height: 29px; background:url(../images/select-button.png) no-repeat; } .ui-selectmenu-menu { position:absolute; top: 0; left: 0; visibility: hidden; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .ui-selectmenu-open { visibility: visible; } .ui-selectmenu-menu li { font-weight:normal !important; border: none !important; } .summary li{margin-bottom: 20px; display: block} .summary a{color: White;}