/* CSS Document */ * { margin:0; padding:0; font-size:100%; } html { height: 100%; } body { background:url('images/bg-site.gif') repeat; height: auto !important; height: 100%; min-height: 100%; } #container { text-align: center; min-width: 1060px; } img { vertical-align:top; } img { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader() !important; zoom:1; } a img { border:0;} a {cursor: pointer;} html, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#4f4f4f; } input, select { vertical-align:middle; font-weight:normal;} input, textarea { outline: none; } input:active, textarea:active { outline: none; } :focus { outline: none; } hr { margin-top: 10px; margin-bottom: 5px; } .hidden { display:none!important; } a {color:#0093d0; outline:none;} a:hover{text-decoration:none;} a.blue { text-decoration:none; color:#1aaecf; } a.blue:hover { text-decoration:underline !important; } p, label { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4f4f4f; line-height:18px; } input, select, textarea { width:100%; border:1px solid #e4e1db; background:#fdfdfd; height:19px; line-height:19px; margin:1px 0px 5px 0px; color:#4f4f4f ; } textarea { height:109px; line-height:normal; } h1 {font-size:68px; color:#efefef; line-height:normal; padding:66px 0px 0px 1px; font-weight:bold; } h2, .h2 {font-size:35px; color:#efefef; line-height:20px; font-weight:normal; padding:2px 0px 0px 10px;} h3 { color:#151515; font-size:28px; line-height:40px; font-weight:normal; padding-bottom:18px; } h3 img { vertical-align:middle; } h4 { color:#151515; font-size:20px; font-weight:normal; padding-bottom:15px; } fieldset { border: 0 none; } .little-more-bold { font-size: 1.2em; font-weight: bold; } .g-spacer { margin-top: 17px; height: 20px; background:url('images/g-spacer-background.png') 0 center repeat-x; } .g-spacer span { background-color:#FDFBF6; display: block; margin: 0 auto; width: 33px; text-align: center; } ul { list-style:none; } ul li { background:url(images/marker-li.gif) 0px 6px no-repeat; padding-left:12px; line-height:16px; } ul.list3 li, ul.colors li { line-height:18px; background:none; padding:0px; } ul.list3 li a { display:inline-block; text-decoration:none; color:#099bd2; vertical-align: middle; } ul.list3 li a span { background:url(images/marker-li3.png) 0px 0px no-repeat; display: inline-block; font-size: 0; height: 11px; line-height: 0; margin-right: 4px; vertical-align: middle; width: 11px; } ul.list3 li a i { font-style: normal; display: inline-block; vertical-align: middle; } ul.list3 li a:hover i, ul.list3 li a.active i { text-decoration:underline; } ul.list3 li a:hover span { background:url(images/marker-li3.png) 0px -11px no-repeat; } ul.list4 li { line-height:18px; background:none; padding:0px; font-size:13px; } ul.list4 li a { display:inline-block; text-decoration:none; color:#099bd2; vertical-align: middle; } ul.list4 li a span { background:url(images/marker-li4.png) 0px 0px no-repeat; display: inline-block; font-size: 0; height: 11px; line-height: 0; margin-right: 4px; vertical-align: middle; width: 17px; } ul.list4 li a i { font-style: normal; display: inline-block; vertical-align: middle; } ul.list4 li a:hover i, ul.list4 li a.active i { text-decoration:underline; } ul.list4 li a:hover span { background:url(images/marker-li4.png) 0px -11px no-repeat; } ul.list4 li a.active { padding-bottom:10px; } ul.colors { margin-top:14px; } ul.colors li { padding:3px 9px 3px 0; float:left; } ul.colors li a { background: url("images/color-border.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 21px; width: 32px; } ul.colors li a:hover { background: url("images/color-border-hvr.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 21px; width: 32px; } ul.colors li a span { display: block; float: right; height: 17px; margin: 2px 2px 0 0; width: 17px; } ul.clearAllFilters { margin-top: 14px; } ol li { margin-left:20px; line-height:18px; } ul li a { color:#0ba7d8; } .fright { float:right; } .fleft { float:left; } .clear { width:100%; overflow:hidden; padding:0px; } .clear2 { clear:both; line-height: 0; font-size: 0; width: 100%; overflow: hidden; height: 0; } .p_relative { position:relative; } .p_absolute { position:absolute; } .image1 { margin-bottom:25px; } .image2 { float:left; margin:5px 15px 2px 0px; } .image3 { margin:0px 0px 17px 0px; } .image4 { margin:0px 0px 6px 15px; } .image5 { margin:28px 0px 0px 0px; } .image6 { margin:29px 0px 32px 0px; } .avatar { margin:0px 15px 10px 0px; float:left; } .captcha { margin:7px 0px 10px 0px; } .image7 { margin:4px 22px 10px 0px; } .image8 { margin:4px 15px 10px 0px; } .image9 { margin:0px 20px 10px 0px; } .image10 { vertical-align:top; } .aligncenter { text-align:center; } .lh16 { line-height:16px; } .padding_zero { padding:0px !important; } .logo2 { margin:0px 22px; } .trial a { display:inline-block; margin:0px 16px 0px 16px; vertical-align:middle; position:relative; height:100px; width:328px; overflow:hidden; background:url(images/trial-button.png) no-repeat 0 0; text-decoration:none; } .trial a:hover { background:url(images/trial-button.png) no-repeat 0 -150px; } /* .trial img { position:absolute; top:0px; left:0px; } .trial a:hover img { top:-150px; } */ .trial span { display:block; padding:5px 0px 16px 0px; color:#151515; font-size:50px; line-height:90px; } a.mail { color:#1293c2; text-decoration:none; font-weight:normal; } .logo5 { margin:0px 13px 0px 20px; } .pick_color a { display:block; float:left; width:171px; height:37px; background:url(images/pick-color-button.png) no-repeat 0 0; } .left_menu a { text-decoration:none; } .left_menu a:hover { text-decoration:underline; } .left_menu a.active { color:#283d4c; font-weight:bold; } .left_menu a.active:hover { text-decoration:none; } ul.submenu { border-bottom: none; } div.comments { border-top:1px solid #eaeae7; } div.comments p.title { font-size:24px; padding:11px 0px 9px 0px; color:#2d2c2f; } .comments .title span { color:#d3d0c7; } .comments .decor { background:#faf6eb; padding:16px 24px 19px 16px; margin-bottom:12px; } .comments .level2 { margin-left:40px; } .comments .no_decor { background:none; } .comments .reply { text-decoration:none; color:#0ba6d7; display:block; float:right; } .comments a.reply:hover { text-decoration:underline; } .comments .decor p.clear { padding:0px; } .comments .decor p.name { padding:3px 0px 0px 0px; } .comments .decor p.date { padding:0px; line-height:16px; color:#888787; font-size:11px; } .comments .decor p.text { padding:10px 0px; } .comments .decor .name span { font-size:18px; color:#0ba7d8; } .comments .no_decor .name span { color:#232323; } .comments .last { margin-bottom:26px; } p.comments u, .comments em { display:block; width:20px; height:25px; float:left; } p.comments u { background:url(images/sep_links.gif) no-repeat 10px 3px; } p.comments a.link { display:block; padding:0px; float:left; text-decoration:none; color:#0ba7d8; } p.comments a.link:hover { text-decoration:underline !important; } div.loading { padding: 10px 0 10px 0; } /* ============================= gallery ====================== */ .gallery { background:#fdfbf6; padding:34px 0px 32px 0px; text-align:center; } .gallery .left, .gallery .right { position:absolute; width:90px; height:72px; background:url(images/button-decor.png) 0px 0px no-repeat; top:75px; left:-36px; text-align:left; } .gallery li img { margin-left:9px; margin-right: 9px; } .gallery li { background: none; padding: 0; margin: 0; list-style-type :none; height: 159px; width: 163px; } .gallery ul { height: 159px; overflow: hidden;} .gallery .right { left:auto; right:-36px; } .gallery .right a, .gallery .left a { display:block; width:46px; height:46px; background:url(images/prev.png) 0px 0px no-repeat; margin:13px 0px 0px 37px; } .gallery .right a { background:url(images/next.png) 0px 0px no-repeat; margin:13px 0px 0px 7px; } .galleryContainer { margin: 0 auto; } /* ============================= gallery ====================== */ /* ============================= header ====================== */ .top_line { background:url(images/top-line.gif) repeat-x top center; height:31px; text-align:center; } .top_line div { width:960px; margin:0px auto; } .top_line ul { float:right; } .top_line li { float:left; color:#c5c5c5; font-size:11px; font-family:Arial, Helvetica, sans-serif; background:url(images/sep-top-line.png) left center no-repeat; padding:0px 9px; line-height:31px; } .top_line li a { text-decoration:none; color:#ffffff; } .top_line li.first { background:none; } .header { background:url(images/header-line2.gif) repeat; text-align:left; } .header .inner { background:url(images/header-line.png) repeat-x top; } .header .row1 { background:url(images/bg-header.jpg) no-repeat top center; } .header .row1 .inner { width:960px; height:518px; margin:0px auto; background:none; } .header .row2 .p_relative { width:960px; margin:0px auto; position:relative; } .header .row2 ul { margin-left:7px; } .header .row2 li { float:left; padding:0px 37px 0px 38px; background:none; } .header .row2 li.slide { position: absolute; left: 0; top: 0; } .header .row2 li span { display:block; height:34px; margin-top:35px; } .header .row2 li span.icon1 { width:34px; background:url(images/icon1.png) left center no-repeat; } .header .row2 li span.icon2 { width:35px; background:url(images/icon2.png) left center no-repeat; } .header .row2 li span.icon3 { width:35px; background:url(images/icon3.png) left center no-repeat; margin-top:32px; } .header .row2 li span.icon4 { width:43px; background:url(images/icon4.png) left center no-repeat; } /* ============================= sub-page ====================== */ .sub_page h1, .sub_page .h1, .template .h2 { color:#121212; font-size:30px; padding:0px; font-weight:bold; border-bottom:1px solid #eaeae7; padding:0px 0px 15px 0px; letter-spacing:-1px; line-height: 26px; } .sub_page h2 { color:#ffffff; font-size:30px; font-weight:bold; letter-spacing:-1px; padding:0px 0px 6px 0px; line-height: 38px; vertical-align: middle;} .sub_page h2 a { color:#ffffff; } .sub_page .header { background:url(images/header-line2-subpage.gif) repeat; text-align:left; } .sub_page .header .inner { background:url(images/header-line-subpage.png) repeat-x 0px 0px; text-align:left; } .sub_page .header .row1 { background:url(images/bg-header-subpage.jpg) no-repeat top center; padding: 0; margin:0; border: none; } .sub_page .header .row1 .inner { height:108px; background:none; } .sub_page .header .row2 .p_relative { height:119px; text-align:left; } .sub_page .header .row2 .inner { background:url(images/header-icon1.png) 0px 32px no-repeat; padding: 26px 0 10px 80px; } .sub_page .header .row2 p { color:#fff; } .sub_page .header .row2 { background: none; border: none; padding: 0; margin: 0; } .messages_header { background:url(images/header-icon2.png) 0px 32px no-repeat; padding:40px 0px 10px 80px; } .messages_header p { display: none; } .messages_header2 { background:url(images/header-icon2.png) 0px 32px no-repeat; padding:26px 0px 10px 80px; } .articles_header { background:url(images/header-icon3.png) 0px 32px no-repeat; padding:26px 0px 10px 80px; } .faq_header { background:url(images/header-icon4.png) 0px 31px no-repeat; padding:26px 0px 10px 80px; } .account_header { background:url(images/header-icon6.png) 0px 33px no-repeat; padding:26px 0px 10px 80px; } .video_tuts_header { background:url(images/header-icon7.png) 0px 32px no-repeat; padding: 26px 0 10px 80px; } #container .video_tuts_header h1 { color: #FFFFFF; font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 38px; padding: 0 0 6px; border-bottom: none; } .signup_header { background:url(images/header-icon8.png) 10px 33px no-repeat; padding:40px 0px 10px 80px; } .signup_header p { display: none; } .content-buy .signup_header { padding:26px 0px 10px 80px; } .content-buy .signup_header p { display: block; } .takeatour_header { background:url(images/header-icon9.png) 0px 26px no-repeat; padding: 26px 0 10px 80px; } #container .takeatour_header h1 { color: #FFFFFF; font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 38px; padding: 0 0 6px; border-bottom: none; } .template_header { background:url(images/header-icon10.png) 0px 34px no-repeat; padding: 26px 0 10px 80px; } #container .template_header h1 { color: #FFFFFF; font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 38px; padding: 0 0 6px; border-bottom: none; } .template_page_header { background:url(images/header-icon11.png) 0px 31px no-repeat; padding:26px 0px 10px 77px; } #container .template_page_header h1 { color: #FFFFFF; font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 38px; padding: 0 0 6px; border-bottom: none; } .support_header { background:url(images/header-icon12.png) 0px 31px no-repeat; padding:26px 0px 10px 80px; } .prices_header { background:url(images/header-icon13.png) 0px 34px no-repeat; padding:26px 0px 10px 80px; } #container .prices_header h1 { color: #FFFFFF; font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 38px; padding: 0 0 6px; border-bottom: none; } .forum_header { background:url(images/header-icon12.png) 0px 31px no-repeat; padding:26px 0px 10px 80px; } .forum .forum_header h2 { color: #FFFFFF; font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 38px; padding: 6px 0 6px; border-bottom: none; } .template_purchase_20_header { background:url(images/header-icon8.png) 10px 33px no-repeat; padding:40px 0px 10px 80px; } .template_purchase_20_header p { display: none; } .template_purchase_fb_header { background:url(images/header-icon8.png) 10px 33px no-repeat; padding:40px 0px 10px 80px; } .template_purchase_fb_header p { display: none; } .webmasters_hours_purchase_header { background:url(images/header-icon8.png) 10px 33px no-repeat; padding:40px 0px 10px 80px; } .webmasters_hours_purchase_header p { display: none; } .subscription_10_header, .subscription_extension_10_header { background:url(images/header-icon8.png) 10px 33px no-repeat; padding:40px 0px 10px 80px; } .subscription_10_header p, .subscription_extension_10_header p { display: none; } .template_extension_header { background:url(images/header-icon8.png) 10px 33px no-repeat; padding:40px 0px 10px 80px; } .template_extension_header p { display: none; } /* ============================= sub-page ====================== */ .header .left_part { width:538px; float:left; } .header .left_part h2 { padding-bottom: 4px; font-style: italic; } .header .right_part { width:420px; float:right; } .header .slide p { color:#FFFFFF; } .header .right_part .inner { width:auto; background:none; height:auto; margin:0px; padding:37px 0px 0px 15px; } .header .right_part p { color:#fbfcfb; line-height:normal; } .header .right_part p span { color:#efefef; font-weight:bold; } .header .right_part p.years { font-size:126px; display:block; float:left; line-height:130px; padding:0px 7px 0px 5px; height:160px; overflow:hidden; position: relative; width: 132px; } .header .right_part p.years span { position: absolute; top: 16px; display: block; } .header .right_part p.years span.one { left: -10px; } .header .right_part p.years span.zero { left: 56px; } .header .right_part p.text { font-size:32px; line-height:35px; padding-top:29px; } .header .right_part p.second_line { padding:0px 0px 9px 0px; position:relative; margin-top:-7px; } .header .right_part p.text2 { padding:10px 0px 17px 0px; font-size:22px; line-height: 26px; overflow: hidden; width: 100%; } /*.header .right_part p.text2 cufon { display: block; float:left; }*/ /* ============================= header slider ====================== */ .header .slides-all { } .header .slide .title { font-size:29px; line-height:normal; padding-bottom:4px; font-weight:bold; } .header .slide3 .title { font-size:28px; } .header .slide1 .top { width:501px; height:19px; background:url(images/slide_part_top1.png) left top no-repeat; } .header .slide1 .mid { width:501px; background:url(images/slide_part_mid_s.png) left top repeat-y; } .header .slide1 .mid .inner { width:501px; background:url(images/slide_part_mid1_2.png) left top repeat-y; } .header .slide1 .mid .inner2 { width:501px; background:url(images/slide_part_mid1_b.png) left top no-repeat; min-height:150px; height:auto !important; height:150px; } .header .slide1 .mid .pic { background:url(images/icon1_big.png) 28px 32px no-repeat; padding:27px 45px 0px 141px; } .header .slide1 .bot { width:501px; height:17px; background:url(images/slide_part_bot1.png) left top no-repeat; } .header .slide2 .top { width:501px; height:19px; background:url(images/slide_part_top2.png) left top no-repeat; } .header .slide2 .mid { width:501px; background:url(images/slide_part_mid_s.png) left top repeat-y; } .header .slide2 .mid .inner { width:501px; background:url(images/slide_part_mid2_2.png) left top repeat-y; } .header .slide2 .mid .inner2 { width:501px; background:url(images/slide_part_mid2_b.png) left top no-repeat; min-height:150px; height:auto !important; height:150px; } .header .slide2 .mid .pic { background:url(images/icon2_big.png) 28px 32px no-repeat; padding:27px 45px 0px 141px; } .header .slide2 .bot { width:501px; height:17px; background:url(images/slide_part_bot2.png) left top no-repeat; } .header .slide3 .top { width:501px; height:19px; background:url(images/slide_part_top3.png) left top no-repeat; } .header .slide3 .mid { width:501px; background:url(images/slide_part_mid_s.png) left top repeat-y; } .header .slide3 .mid .inner { width:501px; background:url(images/slide_part_mid3_2.png) left top repeat-y; } .header .slide3 .mid .inner2 { width:501px; background:url(images/slide_part_mid3_b.png) left top no-repeat; min-height:150px; height:auto !important; height:150px; } .header .slide3 .mid .pic { background:url(images/icon3_big.png) 28px 32px no-repeat; padding:27px 25px 0px 140px; } .header .slide3 .bot { width:501px; height:17px; background:url(images/slide_part_bot3.png) left top no-repeat; } .header .slide4 .top { width:501px; height:19px; background:url(images/slide_part_top4.png) left top no-repeat; } .header .slide4 .mid { width:501px; background:url(images/slide_part_mid_s.png) left top repeat-y; } .header .slide4 .mid .inner { width:501px; background:url(images/slide_part_mid4_2.png) left top repeat-y; } .header .slide4 .mid .inner2 { width:501px; background:url(images/slide_part_mid4_b.png) left top no-repeat; min-height:150px; height:auto !important; height:150px; } .header .slide4 .mid .pic { background:url(images/icon4_big.png) 28px 32px no-repeat; padding:27px 45px 0px 141px; } .header .slide4 .bot { width:501px; height:17px; background:url(images/slide_part_bot4.png) left top no-repeat; } .index .header .row2 .inner-row2 { width:960px; margin:0px auto; } .index .header .row2 .p_relative { width:570px; margin:0px;} #faded, #faded2 { width:570px; height:186px; position:relative; margin-top:-174px; z-index:999; } #faded2 { height:20px; margin:0px; margin-left:51px; width:50px; margin-top:-2px; overflow:hidden; } #faded2 ul { height:14px; } #faded2 .slide-arrow { position:absolute; bottom:2px; display:none; } #faded2 .slide-arrow .slide-arrowbox { height:14px; width:32px; } #faded2 .slide-arrow1 { background:url(images/slide-arrow1.png) left top no-repeat; display:block; } #faded2 .slide-arrow2 { background:url(images/slide-arrow2.png) left top no-repeat; } #faded2 .slide-arrow3 { background:url(images/slide-arrow3.png) left top no-repeat; } #faded2 .slide-arrow4 { background:url(images/slide-arrow4.png) left top no-repeat; } .index .header .row2 .slides-icons { overflow:hidden; width:100%; } .index .header .row2 .slides-icons ul { margin-left:19px; } .index .header .row2 .slides-icons ul li span { margin:5px 0px 24px 0px; } #faded ul li, #faded2 ul li { padding:0px; } #faded ul.pagination { position:absolute; bottom:-81px; left:13px; /* height:0px; overflow:hidden; display:none; */ } #faded ul.pagination li { float:left; padding: 0 38px 24px 37px; } #faded ul.pagination li a { display:block; float:left; height:34px; width:35px; text-indent:-999px; overflow:hidden; /* text-indent:-99999px; */ } #faded .rap { height:477px; margin-bottom:2px; } /* ============================= header slider ====================== */ /* ============================= tooltip ====================== */ .content .tooltipbox { display:none; position:absolute; top:54px; left:-66px; padding-top:0; padding-bottom: 0; } .content .tooltipbox .tooltip { background:url(images/tooltip-top.png) left top no-repeat; padding-top: 8px; } .content .tooltipbox .tooltip .bot { background:url(images/tooltip-bot.png) left bottom no-repeat; padding-bottom:14px; } .content .tooltipbox .tooltip .mid { width:192px; background:url(images/tooltip-mid.png) left top repeat-y; min-height:75px; height:auto !important; height:75px; } .content .tooltipbox .tooltip .mid p { padding:17px 26px 0px 21px; } .content .tooltipbox.inverted { left: 58px; } .content .tooltipbox.inverted .bot { background-image:url(images/tooltip-bot-inverted.png) } /* ============================= tooltip ====================== */ .header .logo { display:block; float:left; margin-top:28px; } .livechat { display:block; float:right; margin-top:26px; width: 177px; height: 53px; } .livechat img { transition: all 0.3s ease-in-out 0s; opacity:0.9; } .livechat:hover img { opacity:1; } .header .button { display:block; width:402px; height:103px; background:url(images/button.png) left center no-repeat; } .menu { float:right; height:104px; margin-right:30px; } .menu li { margin-top:0px; float:left; padding:38px 3px 0px 2px; background:none; } .menu a {color:#ffffff; font-size:14px; text-decoration:none; display:block; padding:8px 12px; } .menu a:hover, .menu a.active {color:#fdfbf6; background:#313034; text-decoration:none; } .content { background:url(images/bg-content.gif) repeat; text-align:left; } .content .inner { background:url(images/content-line.png) repeat-x top; padding-top:55px; } .content .box { width:976px; margin:0px auto; } .sub_page .content .inner { padding-top:43px; } /* ============================= index ====================== */ .index .col1 { float:left; width:234px; } .index .col1 .title { font-size:15px; color:#000; line-height:18px; padding-bottom:18px; } .index .col1 .title a { display:block; color:#000; text-decoration:none; background:url(images/title-line.gif) left bottom repeat-x; float:left; } .index .content .row1 { padding-bottom:19px; } .index .row1 .col1 { margin-right:13px; } .index .row1 .last { margin:0px; } .index .content .row2 { background:url(images/sep-line.png) top center no-repeat; padding:14px 0px 40px 0px; text-align:center; } .index .content .row2 a { display:inline-block; margin:0px auto; padding-left:14px; background:url(images/button-left.png) 0px 0px no-repeat; color:#4e4d4b; font-size:16px; text-decoration:none; line-height:37px; } .index .content .row2 span { display:inline-block; padding-right:16px; background:url(images/button-right.png) right top no-repeat; } .index .content .row2 strong { display:inline-block; background:url(images/button-mid.png) 0px 0px repeat-x; font-weight:normal; } .index .content .row2 a:hover { background:url(images/button-left-hvr.png) 0px 0px no-repeat; color:#ffffff; } .index .content .row2 a:hover span { background:url(images/button-right-hvr.png) right top no-repeat; } .index .content .row2 a:hover strong { background:url(images/button-mid-hvr.png) 0px 0px repeat-x; } .index .row3 { text-align:center; } .index .row3 p { color:#1f1f1f; font-size:22px; } .index .row3 .p_relative { background:url(images/shadow-gallery.png) left bottom no-repeat; padding-bottom:13px; } .index .row4 { background:url(images/sep-line2.png) top center no-repeat; padding:65px 0px 44px 0px; text-align:center; } .index .row4 .col1 { width:329px; float:left; text-align:left; } .index .row4 .col1 .box { width:auto; margin:0px; background:url(images/shadow-box.png) left bottom no-repeat; padding:0px 30px 15px 0px; } .index .row4 .col3 { width:300px; } .index .row4 .col3 .box { padding:0px; } .index .row4 .col1 .inner { background:#fdfbf6; padding:12px 0px 15px 0px; } .index .row4 .col1 p { padding:0px 20px 0px 20px; } .index .row4 .col1 p.sub_title { color:#151515; font-size:24px; line-height:28px; padding:11px 20px 16px 20px; } .index .row4 .col1 div.paragraf { color: #4F4F4F; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 0 20px; } .index .row4 .title { font-size:24px; padding:10px 0px 0px 0px; line-height:24px; } .index .row4 .col1 .title { padding:2px 51px 23px 8px; } .index .row4 .col1 a.rss { position:absolute; display:block; background:url(images/rss.png) no-repeat right top; height:32px; width:32px; top:-50px; right:115px; } .index .row4 .col1 p.bottom { border-top:1px solid #e0dcd5; padding:16px 0px 1px 0px; font-size:14px; } .index .row4 .col1 p.bottom a { padding:0px; margin:0px; } .index .row4 .col1 .bottom a.next { float:right; color:#4f4f4f; background:url(images/next-arrow.png) no-repeat right 5px; margin-right:26px; padding-right:12px; } .index .row4 .col1 .bottom a.next.disable { background:url(images/next-arrow-disable.png) no-repeat right 5px; } .index .row4 .col1 .bottom a.prev { float:left; color:#4f4f4f; background:url(images/prev-arrow.png) no-repeat 0px 5px; margin-left:22px; padding-left:13px; } .index .row4 .col1 .bottom a.disable { color:#dad9d5; } .index .row4 .col1 .bottom a.disable:hover { color:#dad9d5; } .index .row4 .col1 .bottom a:hover { color:#0ba7d8; cursor:pointer; } .index a.questions { position:absolute; display:block; top:-52px; right:36px; color:#000000; font-size:16px; text-decoration:none; } .index a.questions span { display:inline-block; background:url(images/quest-button-l.png) no-repeat left top; padding-left:14px; } .index a.questions strong { display:inline-block; background:url(images/quest-button-r.png) no-repeat right top; padding-right:16px; font-weight:normal; } .index a.questions em { display:inline-block; background:url(images/quest-button-m.png) repeat-x left top; height:37px; line-height:33px; font-style:normal; } .index .row4 .col2 .title { padding:3px 51px 22px 8px; } .index .row4 .col2 .inner { padding:0px 0px 20px 0px; } .index .row4 .col2 p { padding:22px 17px 24px 19px; } .index .row4 .col2 .box .sub_title { color:#151515; font-size:60px; line-height:60px; background:url(images/bg-title.png) repeat-x top left; height:66px; padding:0px; vertical-align:middle; } .index .row4 .col2 .box .sub_title span { display:inline-block; vertical-align:middle; padding:0px 20px 0px 19px; line-height:20px; font-size:17px; } .index .row4 .col2 .box .sub_title a span { display:inline-block; vertical-align:middle; } .index .row4 .col2 p a { display:block; float:right; width:36px; height:36px; padding:0px; margin:0px; } .index .row4 .col2 p a.next { background:url(images/next-arrow3.png) no-repeat top left; margin-right:15px; } .index .row4 .col2 p a.prev { background:url(images/prev-arrow3.png) no-repeat top left; margin-right:1px; } .index .row4 .col2 li.sub_title a { display:inline-block; padding:0px; float:none; color:#151515; height:auto; width:100%; color:#151515; text-decoration:none; } .index .row4 .col2 li.sub_title a:hover { text-decoration:none; color:#ffffff; background:url(images/bg-title-hvr.png) repeat-x top left; height:66px; } .index .row4 .col3 .box { background:url(images/shadow-box2.png) left bottom no-repeat; padding-bottom:22px; } .index .row4 .col3 .inner { padding:19px 0px 9px 0px; } .index .row4 .col3 .inner p { padding:0px 20px 18px 21px; } .index .row4 .col3 a.next, .index .row4 .col3 a.prev { display:block; position:absolute; width:36px; height:36px; top:-51px; right:44px; background:url(images/prev-arrow2.png) no-repeat 0px 0px; } .index .row4 .col3 a.next { right:6px; background:url(images/next-arrow2.png) no-repeat 0px 0px; } .index .row4 .col3 a.next:hover { background:url(images/next-arrow2-hvr.png) no-repeat 0px 0px; } .index .row4 .col3 a.prev:hover { background:url(images/prev-arrow2-hvr.png) no-repeat 0px 0px; } .index .row4 .col3 .title { padding:4px 0px 21px 8px; } .index .row4 .col3 .author { font-size:18px; padding-left:71px; } .index .row4 .col3 .location { padding-left:71px; } .index .row4 p.clear { padding:0px; } .index .row4 p.comments { padding:21px 0px 12px 0px; } .row5 { background:url(images/content-row2.png) repeat; padding:10px 0px 58px 0px; border-top:1px solid #e2dfd5; } .row5 h4 { padding-top:40px; } .row5 .col1 { width:470px; float:left; } .row5 .col2 { width:471px; float:right; } /* ============================= SH ====================== */ .index h3, .sub_page h3 { text-shadow: 1px 1px 0px #cbc9c2; font-smooth:2em; -webkit-font-smoothing:2em; } .trial span, h4, .index .row4 .title { fontFamily:Arial; text-shadow:1px 1px #cbc9c2; font-smooth:2em; -webkit-font-smoothing:2em; } .index .row1 .title, .questions em { font-smooth:2em; -webkit-font-smoothing:2em; } .index .row2 strong, p.sub_title, li.sub_title { font-smooth:2em; -webkit-font-smoothing:2em; } .index .author { fontFamily:Arial; text-shadow:1px 1px #fbfaf8; font-smooth:2em; -webkit-font-smoothing:2em; } /* ============================= index ====================== */ /* ============================= tabs ====================== */ .tabs .left, .tabs .right { text-decoration:none; color:#2d2c2f; font-size:16px; line-height:34px; } .tabs .left span { display:inline-block; background:url(images/left-button-l.png) no-repeat 0px 0px; padding-left:15px; text-decoration:none; } .tabs .left strong { display:inline-block; background:url(images/right-button-m.png) repeat-x 0px 0px; height:38px; font-weight:normal; padding:0px 14px 0px 2px; } .tabs a.left:hover { color:#fbf8ef; } .tabs .left .active, .content .row1 a.left:hover span { background:url(images/left-button-l-act.png) no-repeat 0px 0px; } .tabs .left .active strong, .content .row1 a.left:hover strong { background:url(images/left-button-m-act.png) repeat-x 0px 0px; color:#fbf8ef; } .tabs .right span { display:inline-block; background:url(images/right-button-r.png) no-repeat right top; padding-right:15px; text-decoration:none; } .tabs .right strong { display:inline-block; background:url(images/right-button-m.png) repeat-x 0px 0px; height:38px; font-weight:normal; padding:0px 3px 0px 14px; } .tabs a.right:hover { color:#fbf8ef; } .tabs .right .active, .tabs a.right:hover span { background:url(images/right-button-r-act.png) no-repeat right top; } .tabs .right .active strong, .tabs a.right:hover strong { background:url(images/right-button-m-act.png) repeat-x 0px 0px; color:#fbf8ef; } /* ============================= tabs ====================== */ .oval_blue_button a { color: #000000; display: block; font-size: 16px; text-decoration: none; position: relative; } .oval_blue_button a span { background: url("images/left-button-l.png") no-repeat scroll left top transparent; display: inline-block; padding-left: 15px; } .oval_blue_button a:hover span { background:url("images/left-button-l-act.png") no-repeat scroll 0 0 transparent } .oval_blue_button a strong { background: url("images/right-button-r.png") no-repeat scroll right top transparent; display: inline-block; font-weight: normal; padding-right: 15px; } .oval_blue_button a:hover strong { background:url(images/right-button-r-act.png) no-repeat right top; } .oval_blue_button a em { background: url("images/quest-button-m.png") repeat-x scroll left top transparent; display: inline-block; font-style: normal; height: 37px; line-height: 34px; } .oval_blue_button a:hover em { background: url("images/left-button-m-act.png") repeat-x; color:#fbf8ef; } .oval_blue_button a b { position: absolute; width: 100%; height: 100%; left:0; top:0; } /* ============================= sub Page ====================== */ .sub_page .content .row1 { background:url(images/sep-line2.png) center 16px no-repeat; text-align:center; } .sub_page .content .row1 .inner { background:none; padding:0px; } .sub_page .content .row2 { text-align:center; padding-top: 22px; } .sub_page .content .row2 .box { text-align:left; background:url(images/shadow-box3.png) left bottom no-repeat; padding-bottom:17px; } .sub_page .content .row2 .inner { background:#fdfbf6; padding:34px 24px 60px 24px; } .sub_page .content .row2 p { padding-bottom:14px; color:#2d2c2f; line-height:26px; } .sub_page .row2 .title, .faq .title { font-size:24px; line-height:24px; color:#2d2c2f; padding:19px 0px 14px 0px; } .sub_page .row2 .title2 { padding:26px 0px 13px 0px; } .sub_page .row2 .title3 { padding:26px 0px 15px 0px; } /*.sub_page .row2 .tab2 { display:none; }*/ .sub_page a.questions { position:absolute; display:block; top:-51px; right:3px; color:#000000; font-size:16px; text-decoration:none; } .sub_page a.questions span { display:inline-block; background:url(images/quest-button-l.png) no-repeat left top; padding-left:14px; } .sub_page a.questions strong { display:inline-block; background:url(images/quest-button-r.png) no-repeat right top; padding-right:16px; font-weight:normal; } .sub_page a.questions em { display:inline-block; background:url(images/quest-button-m.png) repeat-x left top; height:37px; line-height:37px; font-style:normal; } .sub_page .row3 { text-align:center; } .sub_page p.clear { padding:0px; } .sub_page_1 .content { padding-bottom: 26px; } .sub_page_2-1 .content { padding-bottom: 26px; } .sub_page_1_2 .content .top { padding-bottom: 26px; } .sub_page_2-1_5 .content { padding-bottom: 26px; } .sub_page_2-1_5 .left { width:638px; float:left; text-align:left; } .sub_page_2-1_5 .right { width:300px; float:right; text-align:left; } /* ============================= sub Page ====================== */ .about_us_header { background: url("images/header-icon1.png") no-repeat scroll 0 37px transparent; padding: 26px 0 0 80px; } #container .about_us_header h1 { color: #FFFFFF; font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 38px; padding: 0 0 6px; border-bottom: none; } .about_us .trial { padding:12px 0px 9px 0px; } .about_us .tab2 .left { width:640px; float:left; text-align:left; background:url(images/shadow-box5.png) left bottom no-repeat; padding:0px; padding-bottom:17px; } .about_us .tab2 .left .inner { background:#fdfbf6; padding:34px 23px 29px 23px; } .about_us .tab2 .right { width:300px; float:right; text-align:left; /*background:url(images/shadow-box4.png) left bottom no-repeat; padding:0px 0px 17px 0px;*/ } .about_us .tab2 .right .inner { background:#fdfbf6; padding:0px 0px 16px 0px; } .about_us .tab2 .right p { padding:22px 20px 2px 19px; line-height:18px; } .about_us .tab2 p.h1 { padding-bottom:15px; text-shadow: 1px 1px 0px #cbc9c2; } .about_us .tab2 p.title { padding:6px 0px 21px 9px; } .about_us .tab2 p.sub_title { color:#151515; font-size:60px; line-height:60px; background:url(images/bg-title.png) repeat-x top left; height:66px; padding:0px; vertical-align:middle; } .about_us .tab2 p.sub_title span { display:inline-block; vertical-align:middle; padding:0px 20px 0px 19px; line-height:20px; font-size:17px; } .about_us .tab2 p.sub_title a span { display:inline-block; vertical-align:middle; } .about_us .tab2 p a.next, .about_us .tab2 p a.prev { display:block; float:right; width:36px; height:36px; background:url(images/next-arrow3.png) no-repeat top left; margin:20px 15px 2px 0px; } .about_us .tab2 p a.prev { background:url(images/prev-arrow3.png) no-repeat top left; margin-right:1px; } .about_us .row2 .tab2 { background:none !important; padding-bottom:34px; } .about_us .row2 .title { text-shadow: 1px 1px 0px #cbc9c2; } .about_us .tab2 p.clear { padding:0px; } .about_us h2 { border-bottom: 1px solid #EAEAE7; color: #121212; font-size: 30px; font-weight: bold; letter-spacing: -1px; padding: 0 0 14px; text-shadow: 1px 1px 0 #CBC9C2; line-height: 40px; padding-bottom: 18px; } /* ============================= messages ====================== */ .messages .content { padding-bottom:36px; } .messages .box { text-align:left; background:url(images/shadow-box3.png) left bottom no-repeat; padding-bottom:17px; } .messages .box .inner { background:#fdfbf6; padding:32px 24px 60px 24px; text-align:left; } .messages .box .title { font-size:18px; line-height:normal; padding:20px 0px 9px 0px; color:#2d2c2f; } .messages .box .h1 { padding-bottom:16px; color:#151515; text-shadow: 1px 1px 0px #cbc9c2; } .messages .box p { color:#2d2c2f; } .messages .box .first { padding-top:18px; } .messages .box .last { padding-top:23px; } /* ============================= messages ====================== */ /* ============================= articles ====================== */ .articles_header h2, .faq h2, .blog h2, .signup h2, .takeatour h2, .template h2, .template_page h2, .support h2, .prices_header h2 { color:#ffffff; font-size:30px; font-weight:bold; letter-spacing:-1px; padding:0px 0px 6px 0px; border:0px none; line-height:38px; } .articles .content { padding-bottom:25px; } .articles .box { background:url(images/shadow-box.png) left bottom no-repeat; padding:0px 0px 15px 0px; } .articles .box .inner { background:#fdfbf6; padding:33px 32px 34px 23px; } .articles .box p { color:#2d2c2f; line-height:16px; } .articles .box .title { color:#1d1d1d; font-size:18px; line-height:20px; padding-bottom:14px; } .articles .box .left { width:423px; float:left; padding:21px 0px 10px 0px; } .articles .box .right { width:434px; float:right; padding:21px 0px 10px 0px; } .articles .box p.more, .articles .box p.more2 { text-align:right; padding-top:21px; } .articles .box p.more a, .articles .box p.more2 a { text-decoration:none; color:#0e8bcb; } .articles .box p.more2 { padding-top:16px; } .articles .box p.more a:hover, .articles .box p.more2 a:hover { text-decoration:underline; } .articles .box2 { padding-top:19px; } /* ============================= articles ====================== */ /* ============================= faq ====================== */ .faq ul li a, .faqAll ul li a { text-decoration:none; } .faq .box{ background: url("images/shadow-box.png") no-repeat scroll left bottom transparent; padding: 0 0 17px; } .faq p.title, .faqAll h2.title { text-shadow: 1px 1px #CBC9C2; } .faq .content a.active { color:#0d0d0d; } .faq li ul { display:none; margin-top:2px; } .faq li.active ul { display:block; } .faqAll .answers li { background:none; padding:0px; /*float: left; clear:left; width: 100%;*/ } .faq .box .inner, .faqAll .inner { background:#fdfbf6; padding:0px; text-align:left; } .faqAll .links { color:#303031; float:right; background:url(images/icon-print.png) left 1px no-repeat; line-height:18px; padding:0px 0px 10px 26px; } .faqAll .links a { text-decoration:none; color:#2bb2dc; } .faq .h1, .faqAll .h1 { color:#151515; font-size:24px; padding:0px; font-weight:normal; border-bottom:0px none; padding:0px 0px 23px 0px; letter-spacing:0px; text-shadow: 1px 1px 0px #cbc9c2; } .faq .content { padding-bottom:25px; } .faq .content .inner, .faqAll .inner { padding-top:40px; } .faqAll #categoryPrintableFaqVersion { display: none; } .faqAll .left { width:223px; float:left; text-align:left; background:url(images/shadow-box4.png) left bottom no-repeat; padding-bottom:17px; } .faqAll .right { width:715px; float:right; text-align:left; background:url(images/shadow-box5.png) left bottom no-repeat; padding-bottom:17px; } .faqAll .left .inner { min-height:450px; height:auto !important; height:450px; padding:0px; } .faqAll .left .inner2 { padding:30px 23px 30px 23px; } .faqAll .right .inner { padding-top:0px; } .faqAll .right .title { color:#151515; font-size:70px; line-height:79px; background:url(images/bg-title2.png) repeat-x top left; height:79px; padding:0px; vertical-align:middle; letter-spacing: 0; zoom:1; } .faqAll .right .paragraf { padding:20px 40px 24px 43px; color:#303031; } .faqAll .right .title span { display:inline-block; vertical-align:middle; padding:0px 20px 0px 20px; line-height:20px; font-size:17px; } .faqAll .right .title a span { display:inline-block; vertical-align:middle; font-weight:normal; line-height:20px;} .faqAll .right .title a { color:#151515; display: block; zoom:1; } .faqAll .right .printableVersion { display: none; } .faqAll .title strong { color:#0ba7d8; } /* ============================= print ====================== */ #siteContent .contentWidth { display: block; margin: 0 auto; padding: 0; text-align: left; width: 959px; } /* ============================= faq ====================== */ /* ============================= blog ====================== */ .blog .content { padding-bottom:55px; } .blog .left { width:632px; float:left; text-align:left; } .blog .left .inner { background:url(images/shadow-box5.png) left bottom no-repeat; padding:0px; padding-bottom:17px; margin-bottom:10px; } .blog .left .inner2 { background:#fdfbf6; padding:24px 23px 34px 24px; text-align:left; } .blog .right { width:300px; float:right; text-align:left; } .blog .right .inner { background:url(images/shadow-box4.png) left bottom no-repeat; padding:0px 0px 17px 0px; margin-bottom:12px; } .blog .right .inner2 { background:#fdfbf6; padding:24px 23px 41px 24px; } .blog h3, .blog h1 { color:#151515; font-size:30px; font-weight:bold; border-bottom:1px solid #eaeae7; padding:0px 0px 13px 0px; letter-spacing:-1px; text-shadow: 1px 1px 0px #cbc9c2; font-smooth:2em; -webkit-font-smoothing:2em; } .blog .right .title { color:#151515; font-size:24px; line-height:28px; } .blog .left .comments { border-top:1px solid #eaeae7; padding:11px 0px 0px 0px; } .blog .left .comments .title, .blog .left .st1 { text-shadow: 1px 1px 0px #cbc9c2; } .blog .left p { padding:17px 0px 0px 0px; } .blog .left p.last { padding:0px 0px 21px 0px; } .blog .left .bottom a { font-size:14px; text-decoration:none; } .blog .left .bottom a.next { float:right; background:url(images/next-arrow.png) no-repeat right 5px; margin-right:25px; padding-right:12px; color:#dad9d5; } .blog .left .bottom a.prev { float:left; color:#4f4f4f; background:url(images/prev-arrow.png) no-repeat 0px 5px; margin-left:26px; padding-left:13px; } .blog .left .bottom a:hover { color:#0ba7d8; } .blog .right .top { padding:28px 24px 26px 24px; } .blog .right a { text-decoration:none; } .blog .right .title { padding-bottom:14px; } .blog .right .list li { background:url(images/marker-li.gif) 0px 13px no-repeat; display:inline-block; padding:7px 0px 12px 12px; border-bottom:1px solid #eaeae7; } .blog .right .list a:hovre { text-decoration:underline; } .blog .right .list li.last { margin-bottom:18px; border:0px none; } .blog .right p.logo3 { line-height:23px; text-align:center; padding:8px 0px 14px 0px; color:#151515; font-size:14px; } .blog .right p.logo3 { margin-right:3px; } .blog .right p.rss a, .blog .right p.twitter a { color:#0ba7d8; } .blog .right p.rss span, .blog .right p.twitter span { font-size:22px; color:#151515; } .blog .right p.rss { background:url(images/rss.png) no-repeat 1px 0px; padding:5px 0px 10px 44px; } .blog .right p.twitter { background:url(images/twitter.png) no-repeat 1px 0px; padding:6px 0px 0px 44px; } .blog .left ul.list li { line-height:18px; padding-bottom:7px; } .blog .left ol.list li { padding-bottom:11px; } .blog .left ol.list li.last { padding-bottom:42px; } .blog p.sub_title { color:#2d2c2f; font-size:24px; padding-top:33px; } .blog p.sub_title2 { font-size:18px; padding:32px 0px 10px 0px; } .blog p.sub_title3 { font-size:14px; padding:32px 0px 14px 0px; } .blog .text_bottom { float:right; height:150px; width:289px; } .blog .text_bottom i { color:#939292; display:block; text-align:center; } .blog p.q1 span { display:block; background:url(images/border-left.gif) repeat-y 0px 0px #faf6eb; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; padding:17px 15px 24px 45px; } .blog p.q2 { background:url(images/quote.png) no-repeat 0px 30px; padding:27px 15px 2px 44px; font-size:14px; font-style:italic; } .blog .quotation i { text-align:left; font-size:12px; padding-top:8px; color:#939292; display:block; } .blog .reply { display:block; text-align:right; } #blogPostRotator .blogPost { height: 270px; overflow: hidden; position: relative; } #blogPostRotator .blogPost .comments { position: absolute; bottom: 0; } #blogPostRotator .blogPost .blogPostBody { height: 218px; overflow: hidden; } #blogPostRotator .loading { display:none; padding: 0; margin: 0; width: 16px; height:16px; background: url("images/loading1.gif") no-repeat scroll 0 0 transparent; position:absolute; right:44px; } /* ============================= blog ====================== */ /* ============================= account ====================== */ .account .row2 .box .inner { padding:20px 26px 50px 26px; } .account .content .row1 { padding-bottom:22px; } .account .content { padding-bottom:44px; } .account .row { border-bottom:1px solid #edebe7; height:54px; } #container .account .row.disabled p, #container .account .row.disabled .blue { color: gray; } #container .account .row.canceled p, #container .account .row.canceled .blue { color: gray; } .account .last { border:0px none; padding-bottom:51px; } .account .row2 .row p { float:left; line-height:54px; height:54px; padding:0px; vertical-align:middle; } .account .row2 .row p span { line-height:18px; font-size:12px; display:inline-block; vertical-align:middle; padding-left:25px; } .account .row2 .row p.img { font-size:inherit !important; font-size:50px; } .account .row2 .row p.img img { vertical-align:middle; margin-left:10px; } .account .row2 .row p a { text-decoration:none; color:#1aaecf; } .account .row2 .row p { color:#1d1d1d; } .account .row2 .top p { font-weight:bold; } .account .row.top .name { width:229px; font-weight:bold; line-height: 54px; padding-left: 25px; } .account .row .name { width:254px; } .account .row .name a { font-weight:normal; display:block; } .account .row p.font2 { /*text-transform:uppercase; font-size:14px;*/ } .account .row p.red { color:#ef092f; font-weight:bold; } .account .row p.green, .account .row p.question { color:#4cd215; } .account .row p.yellow { color:#e2cb0c; font-weight:bold; } .account .tab1 .row.top .pack { line-height: 54px; } .account .tab1 .row .pack { width:170px; font-weight:bold; white-space: nowrap; display: block; overflow: hidden; line-height: 18px; } .account .tab1 .row .pack strong { display:inline-block; vertical-align:middle; } .account .tab1 .row .pack i { display:inline-block; height:54px; vertical-align:middle; } .account .row .status { width:80px; } .account .row .expires { width:93px; } .account .row .options { width:227px; overflow: hidden; } .account .row .options .expand-arrow { display:none; } .account .row .admin { width:80px; text-align:center; } .account .row p a.signup, .account .row p a.reset, .account .row p a.cancel, .account .row p a.config, .account .row p a.download_package, .account .row p a.transfer { display:inline-block; padding:0px 0px 0px 19px; margin-right:8px; } .account .row p a.signup { background:url(images/signup.png) 1px 21px no-repeat; } .account .row p a.reset { background:url(images/reset.png) 0px 21px no-repeat; } .account .row p a.cancel { background:url(images/cancel.png) 0px 21px no-repeat; } .account .row p a.config { background:url(e-admin/images/pic_ibp.gif) 0px 19px no-repeat; } .account .row p a.download_package { background:url(images/package_green.png) 0px 20px no-repeat; } .account .row p a.transfer { background:url(images/lorry.png) 0px 20px no-repeat; } .account .row p a:hover { text-decoration: underline; } .account .row2 .box .tab2 { padding:30px 30px 24px 38px; } .account .row2 .box .tab2 .form_account .confirm-flag { margin: 6px 0 0 4px; } #container .account .row2 .row p.empty { vertical-align: middle; text-align: center; display: inline; float: none; } .account .row .options .board { display: block; line-height: 54px; padding: 1px 1px 1px 5px; } .account .row .options.with_board .expand-arrow { display: inline-block; background: url('images/expand-arrow.png') no-repeat; background-position: center center; width: 9px; height: 54px; float:right; } .account .row .options.with_board:hover .expand-arrow { visibility: none; } .account .row .options.with_board:hover { position: relative; overflow: visible; } .account .row .options.with_board:hover .board { position: absolute; top: -5px; left: -5px; right: -5px; border: 1px solid #EDEBE7; background: none repeat scroll 0 0 #FDFBF6; padding: 5px 5px 0 9px; -webkit-box-shadow: 0 6px 6px -6px #333333; -moz-box-shadow: 0 6px 6px -6px #333333; box-shadow: 0 6px 6px -6px #333333; } .account .row .options.with_board:hover .board a { margin-bottom: 3px; } .account .tab2 p.h1 { padding-bottom: 15px; text-shadow: 1px 1px 0 #CBC9C2; } .account .form { margin-top: 11px; } .send-confirmation-link { float: left; padding-top: 18px; } #dialog-cancel-service .pop-up h4.tab1-popup { width:240px; } #dialog-cancel-service .pop-up textarea { resize:none; height: 80px; } #cancel-service_form .error_msg, #dialog-transfer-service .error_msg { padding-bottom: 10px; display:block; } #dialog-transfer-service .pop-up h4.tab1-popup { width:175px; } /* ============================= account ====================== */ /* ============================= video_tuts ====================== */ .video_tuts .h2 { color:#ffffff; font-size:30px; font-weight:bold; letter-spacing:-1px; padding:0px 0px 6px 0px; border:0px none; } .video_tuts h2 { padding-bottom:17px; padding-top: 20px; text-shadow: 1px 1px 0px #cbc9c2; } .video_tuts h2 a { color: #121212; } .video_tuts { padding-bottom:31px; } .video_tuts .box .inner { background:#fdfbf6; padding:0px; text-align:left; } .video_tuts .left { width:223px; float:left; text-align:left; background:url(images/shadow-box4.png) left bottom no-repeat; padding-bottom:17px; } .video_tuts .right { width:715px; float:right; text-align:left; background:url(images/shadow-box5.png) left bottom no-repeat; padding-bottom:17px; } .video_tuts .box .left .inner { min-height:467px; height:auto !important; height:467px; padding:0px; } .video_tuts .box .left .inner2 { padding:30px 23px 30px 23px; } .video_tuts .box .right .inner { padding:27px 23px 30px 23px; } .video_tuts .left_menu li { line-height:18px; background-position:0px 7px; } .video_tuts ol li { line-height:16px; } .video_tuts p.title { font-weight:bold; padding:14px 0px 15px 0px; color:#303031; } .video_tuts p.sub_title { color:#151515; font-size:24px; line-height:28px; padding:0px 0px 16px 0px; text-shadow: 1px 1px 0px #cbc9c2; } /* ============================= video_tuts ====================== */ /* ============================= signup ====================== */ .signup .content { padding-bottom:15px; } .signup .left { width:638px; float:left; text-align:left; } #container .signup .inner { background:url(images/shadow-box5.png) left bottom no-repeat; padding:0px; padding-bottom:17px; margin-bottom:10px; } .signup .inner2 { background:#fdfbf6; padding:32px 23px 23px 24px; text-align:left; } .signup .bottom { padding-bottom:63px; } .signup .right { width:301px; float:right; text-align:left; } .signup .right .inner { background:url(images/shadow-box4.png) left bottom no-repeat; padding:0px 0px 17px 0px; } .signup .right .inner2 { background:#fdfbf6; padding:20px 20px 42px 20px; } .signup .inner { background:none; } .signup p, .signup #buyForm p { padding-top:17px; } .signup p.h1, .signup .left p.text { padding-top:0px; } .signup p.h1 { text-shadow: 1px 1px 0px #cbc9c2; } .signup p.text { padding-bottom:40px; } .signup .right p.title { color:#151515; font-size:24px; line-height:28px; padding:34px 50px 21px 9px; text-shadow: 1px 1px 0px #cbc9c2; } .signup .p_relative .sub_title { color:#151515; font-size:17px; } .signup .right .top .sub_title { color:#000000; font-size:17px; } .signup .right .top .color2 { color:#303031; } .signup .right .top .color3 { color:#111111; line-height:16px; padding-top:4px; } .signup .right .top p { padding-left:1px; } .signup .right .a { text-decoration:none; color:#0caddb; } .signup .right .a a { text-decoration:none; color:#0caddb; } .signup ol.list li { list-style:none; margin:0px; } .signup ol.list li p { padding-left:15px; padding-top:0px; } .signup ol.list li p.sub_title { font-size:14px; color:#2d2c2f; padding:25px 0px 14px 0px; } .signup a { color:#12c7f4; text-decoration:none; } .signup .border { border:1px solid #e2dfd7; padding:10px 14px; margin-top:14px; } /*.signup .logme_button { text-align:right; padding-top:5px; }*/ .signup .content .p_relative p { padding:18px 19px 0px 19px; } .signup .content .p_relative p.clear { padding:0px; } .signup .content .p_relative { background:#fdfbf6; padding:0px; text-align:left; width:100%; } .signup .p_relative p.sub_title { color:#151515; font-size:66px; line-height:66px; background:url(images/bg-title3.png) repeat-x top left; height:71px; padding-top:0px; vertical-align:middle; margin-bottom:4px; } .signup .p_relative p.sub_title span { display:inline-block; vertical-align:middle; line-height:20px; font-size:17px; } .signup p a.next, .signup p a.prev { display:block; float:right; width:36px; height:36px; background:url(images/next-arrow3.png) no-repeat top left; margin:20px 15px 2px 0px; } .signup p a.prev { background:url(images/prev-arrow3.png) no-repeat top left; margin-right:1px; } .signup a.questions { position:absolute; display:block; top:-52px; right:3px; color:#000000; font-size:16px; text-decoration:none; } .signup a.questions span { display:inline-block; background:url(images/quest-button-l.png) no-repeat left top; padding-left:14px; } .signup a.questions strong { display:inline-block; background:url(images/quest-button-r.png) no-repeat right top; padding-right:16px; font-weight:normal; } .signup a.questions em { display:inline-block; background:url(images/quest-button-m.png) repeat-x left top; height:37px; line-height:37px; font-style:normal; } .signup div.text { padding-bottom: 40px; padding-top: 0; color: #4F4F4F; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 18px; } #buyForm .trialBottomPanel { margin-top: 17px; line-height:0; font-size:0; } #buyForm .trialBottomPanel .submit { display: inline-block; width: 171px; padding:0; margin:0; vertical-align: middle; float:none; } #buyForm .trialBottomPanel .termsOfUseAndPrivacyPolicy { display: inline-block; vertical-align: middle; line-height:18px; font-size: 12px; margin-left: 15px; } #buyForm .trialBottomPanel .termsOfUseAndPrivacyPolicy input { width: auto; float:none; margin:0; margin-right: 5px; } #buyForm .trialBottomPanel .termsOfUseAndPrivacyPolicy span { vertical-align: middle; } /* ============================= signup ====================== */ /* ============================= chosenDesignTemplate ====================== */ .chosenDesignTemplate { width:301px; text-align:left; margin-bottom: 34px; } #container .chosenDesignTemplate .inner { background:url(images/shadow-box4.png) left bottom no-repeat; padding:0px 0px 17px 0px; } .chosenDesignTemplate .inner2 { background:#fdfbf6; padding:20px 20px 42px 20px; } .chosenDesignTemplate p.title { color:#151515; font-size:24px; line-height:28px; padding:34px 50px 21px 9px; text-shadow: 1px 1px 0px #cbc9c2; } .chosenDesignTemplate .top .sub_title { color:#000000; font-size:17px; } .chosenDesignTemplate .top .color2 { color:#303031; } .chosenDesignTemplate .top .color3 { color:#111111; line-height:16px; padding-top:4px; } .chosenDesignTemplate .top p { padding-left:1px; } .chosenDesignTemplate .a { text-decoration:none; color:#0caddb; } .chosenDesignTemplate .a a { text-decoration:none; color:#0caddb; } .chosenDesignTemplate .templateSmallImage { min-height: 160px; height: auto !important; height: 160px; min-width: 145px; width: auto !important; width: 145px; } /* ============================= chosenDesignTemplate ====================== */ /* ============================= takeatour ====================== */ .takeatour .step1 { text-align:center; padding-top:15px; } .takeatour .step1 .left { width:182px; left:0px; top:24px; text-align:left; } .takeatour .step1 .right { width:182px; right:10px; top:24px; text-align:left; } .takeatour .tab1 .box .row2 p { color:#4f4f4f; } .takeatour .tab1 .box p.title { font-size:16px; color:#000; font-weight: bold;} .takeatour .tab1 h2 { border-bottom: 1px solid #EAEAE7; color: #121212; font-size: 30px; font-weight: bold; letter-spacing: -1px; text-shadow: 1px 1px 0 #CBC9C2; line-height: 40px; padding-bottom: 18px; } .takeatour .step2 { text-align:center; padding-top:15px; } .takeatour .step2 .img { margin-bottom:60px; } .takeatour .step2 .left { width:182px; left:3px; top:11px; text-align:left; } .takeatour .step2 .right { width:182px; right:8px; top:12px; text-align:left; } .takeatour .step2 .bottom { width:462px; left:218px; top:374px; text-align:left; } .takeatour .step3 { text-align:center; padding-top:15px; } .takeatour .step3 .left { width:182px; left:0px; top:57px; text-align:left; } .takeatour .p1 { padding:8px 0px 11px 0px; margin-bottom:18px; } .takeatour .p2 { padding:51px 0px 14px 0px; margin-bottom:19px; } .takeatour .p3 { padding:44px 0px 20px 0px; margin-bottom:19px; } .takeatour .p4 { padding:0px 0px 18px 0px; margin-bottom:9px; } .takeatour .p5 { padding:0px 0px 19px 0px; } .takeatour .p6 { padding:16px 0px 0px 0px; } .takeatour .row3 { padding:17px 0px 10px 0px; } .takeatour .tab2 h3 { margin:0px; border:0px; } .takeatour .tab2 .explore_features { margin:0px; border:0px; border-bottom: 1px solid #EAEAE7; color: #121212; font-size: 30px; font-weight: bold; letter-spacing: -1px; text-shadow: 1px 1px 0 #CBC9C2; line-height: 40px; padding-bottom: 18px; } .takeatour .tab2 .list li { padding:29px 28px 25px 31px; border-top:1px solid #EAEAE7; } .takeatour .tab2 li .inli { width:100%; overflow:hidden; } .takeatour .tab2 p.title { font-size:22px; color:#101010; padding:4px 0px 20px 0px; letter-spacing:-1px; text-shadow: 1px 1px #CBC9C2; font-weight: bold; } .takeatour .tab2 h2.title { color: #101010; font-size: 22px; font-weight: bold; letter-spacing: -1px; padding: 4px 0 20px; text-shadow: 1px 1px #CBC9C2; line-height: 16px; padding-bottom: 14px; } .takeatour .tab2 .clear2 { clear:both; } .takeatour .tab1 .row2, .takeatour .tab2 .row2 { padding: 0;} .takeatour .tab1 .row2 .inner, .takeatour .tab2 .row2 .inner { background:#fdfbf6; padding:31px 38px 60px 34px; } .takeatour .inner .row1 { padding-bottom:26px; } .takeatour .row4 .box { text-align:left; background:url(images/shadow-box3.png) left bottom no-repeat; padding-bottom:17px; } .takeatour .row4 .inner { background:#fdfbf6; padding:28px 35px 77px 35px; } .takeatour .row4 p { line-height:16px; } .takeatour .row4 p.title { line-height:20px; padding:15px 0px 10px 0px; } .takeatour .list li { padding:0px; background:none; } .takeatour .tab2 { display:none; } .takeatour div.description { color: #4F4F4F; line-height: 16px; padding-bottom: 14px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .takeatour div.featureImage { width: 190px; float: left; } /* ============================= takeatour ====================== */ /* ============================= template ====================== */ .browseDesigns .h1 { color:#151515; font-size:24px; padding:0px; line-height:26px; font-weight:normal; border-bottom:0px none; padding:0px 0px 20px 0px; letter-spacing:0px; text-shadow: 1px 1px 0px #cbc9c2; } .browseDesigns .left { width:226px; float:left; text-align:left; } .browseDesigns .left .inner { background:url(images/shadow-box4.png) left bottom no-repeat; padding:0px 0px 17px 0px; } .browseDesigns .right { width:713px; float:right; text-align:left; background:url(images/shadow-box5.png) left bottom no-repeat; padding-bottom:17px; } .browseDesigns .left .inner2, .browseDesigns .right .inner { background:#fdfbf6; } .browseDesigns .left .inner2 { padding:26px 25px 42px 24px; } .browseDesigns .right .inner { padding:27px 27px 8px 22px; } .sub_page_1_2 .row5 { background:url(images/content-row2.png) repeat; padding:10px 0px 40px 0px; border-top:1px solid #e3e0d6; } .sub_page_1_2 .row5 .box { background:none; } .sub_page_1_2 .row5 .box { padding:40px 0px 20px 0px; } .sub_page_1_2 .row5 .col1 { width:450px; } .sub_page_1_2 .row2 .col2 { width:465px; background:none; } .browseDesigns .content .row1 { background:none; } .browseDesigns .screen { float:left; padding:0px 27px 31px 0px; } .browseDesigns .last { padding:0px; } .browseDesigns .screen a.preview_button { display:block; background:url(images/preview-button.png) left top no-repeat; width:145px; height:23px; margin:11px 0px 9px 0px; } .browseDesigns .screen a span { display:block; height:160px; background:#e6e4e0; } .browseDesigns .screen p { text-align:left; } .browseDesigns .screen p a { color:#4f4f4f; } .browseDesignsList li { padding-bottom:27px; } .browseDesigns .h2 { color:#2d2c2f; text-shadow: 1px 1px 0px #cbc9c2; padding-bottom:17px; } .browseDesigns .navigation { text-align:right; padding-bottom:10px; padding-top:16px; } .browseDesigns .navigation a { display:inline-block; padding-right:4px; text-decoration:none; color:#0f83bd; } .browseDesigns p.navigation { padding-top:7px; display: block; float:right; } .browseDesigns .navigation a:hover { text-decoration:underline; } .browseDesigns .navigation a.active { color:#9b9b9c; } .browseDesigns .navigation p.fleft { color:#8b8b8b; } .browseDesigns .itemsPerPage { display: block; float: left; padding: 7px 0 10px 0; } .browseDesigns .itemsPerPage span { display: inline-block; color: #8B8B8B; } .browseDesigns .itemsPerPage a { display: inline-block; padding-left: 4px; text-decoration:none; color:#0f83bd; } .browseDesigns .itemsPerPage a.active { color:#9b9b9c; } .browseDesigns .itemsPerPage a:hover { text-decoration:underline; } /*.template .content .top { padding-bottom:27px; } .template .left .top { padding-bottom:17px; margin-bottom:2px; }*/ .browseDesigns .p1 { padding:0px; } .browseDesigns .p2 { margin:12px 0px 37px 0px; } .browseDesigns .m1 { margin:0px 0px 3px 0px; } .browseDesigns p.pick_color { margin:0px; line-height:16px; padding:17px 0px 37px 0px; } .browseDesigns div.text { padding: 16px 0 12px; } .browseDesigns .right .inner h2 { color: #2D2C2F; padding-bottom: 17px; text-shadow: 1px 1px 0 #CBC9C2; border-bottom: 1px solid #EAEAE7; color: #121212; font-size: 30px; font-weight: bold; letter-spacing: -1px; padding: 0 0 14px; line-height: 20px; } .ui-autocomplete.ui-menu { background-color: #BCBAB6; border: medium none; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; height: expression( this.scrollHeight > 225 ? "226px" : "auto" ); /* sets max-height for IE */ max-height: 226px; /* sets max-height value for all standards-compliant browsers */ overflow: auto; } .ui-autocomplete.ui-menu li { background: none; text-align: left; } .ui-autocomplete.ui-menu .ui-state-hover { background-color: #525053; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 !important; } .ui-autocomplete-loading { background: url("images/loading1.gif") no-repeat scroll right center transparent !important; } /* ============================= template ====================== */ /* ============================= template_page ====================== */ .previewDesign p a.choose_design_try { display:block; background:url(images/choose-design.png) left top no-repeat; width:475px; height:103px; } .previewDesign p a.choose_design_buy { display:block; background:url(images/choose-design-2.png) left top no-repeat; width:475px; height:103px; } .previewDesignFeaturedTemplatesFromThisCategory .row2 { background:url(images/sep-line2.png) top center no-repeat; padding:16px 0px 0px 0px; text-align:center; } .previewDesignFeaturedTemplatesFromThisCategory .title { font-size:28px !important; line-height:45px !important; letter-spacing:-1px; padding-bottom:20px !important; } .previewDesignFeaturedTemplatesFromThisCategory .shadow_gallery { background:url(images/shadow-gallery.png) left bottom no-repeat; padding-bottom:13px; position:relative; } .previewDesignFeaturedTemplatesFromThisCategory .browse { text-align:right; width:956px; margin:0px auto; padding:4px 0px 0px 0px; } .previewDesignFeaturedTemplatesFromThisCategory .browse a { background:url(images/browse-arrow.gif) right 4px no-repeat; font-size:14px; text-decoration:none; padding-right:12px; color:#2b2b2b; } .previewDesignFeaturedTemplatesFromThisCategory .browse a:hover { text-decoration:underline; } .featuredTemplatesTitle { padding-top: 12px; padding-bottom: 12px; } .featuredTemplatesTitle .featuredTemplatesTitleCenter { width: 700px; } .featuredTemplatesTitle .featuredTemplatesTitleCenter .title { padding: 0 !important; } .featuredTemplatesTitle .featuredTemplatesTitleCenter .logo5 { margin: 0 12px; margin-top: 2px; } .previewDesign h1.h2 { color:#2d2c2f; font-size:30px; font-weight:bold; line-height:35px; padding:13px 0px 18px 0px; } .previewDesign .top { padding-bottom:33px; } .previewDesign .left { width:469px; float:left; text-align:left; background:url(images/shadow-box5.png) left bottom no-repeat; padding-bottom:17px; } .previewDesign .features { text-align:left; background:url(images/shadow-box5.png) left bottom no-repeat; padding:10px 0px 17px 0px; } .previewDesign .features a.similarTemplate { margin-bottom : 3px; } .previewDesign .whatIsIncludedInThePrice { background: url("images/shadow-box5.png") no-repeat scroll left bottom transparent; padding: 0 0 17px; text-align: left; } .previewDesign .right .inner { padding:0px; background:none; } .previewDesign .left .inner, .previewDesign .features .inner, .previewDesign .whatIsIncludedInThePrice .inner { background:#fdfbf6; } .previewDesign .features .inner2, .whatIsIncludedInThePrice .inner2 { padding:19px 21px 23px 21px; } .previewDesign .features .bottom { border-top:1px solid #e0dcd5; padding:14px 21px 19px 21px; font-size:14px; } .previewDesign .features .bottom a { background:url(images/browse-arrow.gif) right 4px no-repeat; font-size:14px; text-decoration:none; padding-right:12px; color:#4f4f4f; } .previewDesign .features .bottom a:hover { text-decoration:underline; } .previewDesign p.sub_title, .previewDesignFeaturedTemplatesFromThisCategory .row2 .title { text-shadow: 1px 1px 0px #cbc9c2; } /*.previewDesign .left .bigScreenshot { min-height: 640px; height:auto !important; height: 640px; }*/ .previewDesign .left .bigScreenshot img { display:block; } .previewDesign .productDescription20 { padding-top: 10px; width: 469px; } .previewDesign .right { width:473px; float:right; text-align:left; } .previewDesign .box .left .inner { padding:18px 20px 22px 19px; } .previewDesign .zoom { display:block; position:absolute; top:0px; left:0px; background:url(images/zoom.png) 0px 0px no-repeat; height:52px; width:52px; } .previewDesignFeaturedTemplatesFromThisCategory .gallery .left, .previewDesignFeaturedTemplatesFromThisCategory .gallery .right { position:absolute; width:90px; height:72px; background:url(images/button-decor.png) 0px 0px no-repeat; top:75px; left:-36px; text-align:left; padding:0px; } .previewDesignFeaturedTemplatesFromThisCategory .gallery .right { left:auto; right:-36px; } .previewDesignFeaturedTemplatesFromThisCategory .gallery img { margin-right: 18px; } .previewDesign .right p a { text-decoration:none; color:#0db5df; } .previewDesign ul.left, .previewDesign ul.right { width:49%; background:none; padding:0px; } .previewDesign .title1, .previewDesign .title3 { color:#151515; font-size:24px; line-height:normal; } .previewDesign .title2 { color:#0db6e0; font-size:30px; line-height:normal; font-weight:bold; padding:11px 0px 30px 22px; float:left; } .previewDesign .contact { float:right; padding:28px 22px 0px 0px; } .previewDesign .contact a { display:block; float:left; background:url(images/phone.png) 0px 0px no-repeat; padding:1px 0px 0px 23px; } .previewDesign .contact a.chat { background:url(images/chat.png) 0px 5px no-repeat; } .previewDesign .contact span { display:block; float:left; padding:0px 9px; color:#9b9b9c; } .previewDesign .title1 { padding-bottom:15px; } .previewDesign p.p1, .previewDesign div.p1 { padding:17px 19px 26px 19px; color:#151515; } .previewDesign p.p2 { padding:0px 19px 0px 19px; } .previewDesign p.color2 { color:#151515; } .previewDesign .template_version { color: #2D2C2F; font-size: 30px; font-weight: bold; line-height: 35px; padding: 13px 0 5px; border-bottom: 1px solid #EAEAE7; letter-spacing: -1px; } .trial_not_available { word-spacing: -1px; } .turnkey_template_price { float: right; text-transform: uppercase; font-size: 13px; font-weight: bold; padding-right: 4px; } .previewDesign p.demo_block { padding: 15px 0 0 0; } .previewDesign a.admin_demo { display:block; background:url('images/admin_demo.png') left top no-repeat; width:472px; height:55px; } .previewDesign .share-panel { margin: 10px 20px; height: 22px; overflow: hidden; } .previewDesign .share-panel div.item { float:left; margin-right: 16px; margin-left: 16px; width: 75px; } .previewDesign .checkThePrice { text-align: center; padding: 5px 0 0; font-weight: bold; } .previewDesign .checkThePrice a:hover { text-decoration: underline; } /* ============================= template_page ====================== */ /* ================================ support ========================= */ .support .content { padding-bottom:26px; } #video_tutorials p.browse_tutorials { padding-top:14px; } #video_tutorials .browse_tutorials a { display:block; float:right; width:245px; height:47px; background:url(images/browse-tutorials.png) 0px 0px no-repeat; } #banners .banner, .sub_page_2-1 .right .inner { background:url(images/shadow-box4.png) left bottom no-repeat; padding:0px; padding-bottom:17px; } #banners .banner a { display:block; height:155px; background:url(images/banner.gif) 0px 0px #838384; font-size:30px; text-decoration:none; color:#1d1d1d; font-weight:bold; text-align:center; } .contentPageText .h2 { color:#151515; font-size:24px; padding:0px; padding-bottom:16px; line-height:24px; text-shadow: 1px 1px 0px #cbc9c2; } #video_tutorials .h1 { padding-bottom:17px; margin-bottom:15px; text-shadow: 1px 1px 0px #cbc9c2; } #banners p.banner { margin-bottom:5px; } .sub_page_2-1 .left { width:711px; float:left; text-align:left; } .sub_page_2-1 .right { width:226px; float:right; text-align:left; } .sub_page_2-1 .left .inner { background:url(images/shadow-box5.png) left bottom no-repeat; padding:0px; padding-bottom:17px; } #video_tutorials .inner2, .contentPageText .inner2, #video_tuts_most_popular .inner2 { background:#fdfbf6; padding:24px 23px 34px 24px; text-align:left; } #video_tutorials .inner2, .contentPageText .inner2, #video_tuts_most_popular .inner2 { padding:26px 24px 13px 24px; } #video_tutorials .top { padding:33px 25px 33px 23px; } #video_tutorials p, #video_tuts_most_popular .inner2 p { color:#2d2c2f; } #supportRequestACall .contact { float:right; padding:6px 7px 24px 0px; } #supportRequestACall .contact a { display:block; float:left; background:url(images/phone.png) 0px 0px no-repeat; padding:1px 0px 0px 23px; text-decoration:none; } #supportRequestACall .contact a.chat { background:url(images/chat.png) 0px 5px no-repeat; } #supportRequestACall .contact a:hover { text-decoration:underline; } #supportRequestACall .contact span { display:block; float:left; padding:0px 9px; color:#9b9b9c; } #supportRequestACall .contact strong { display:block; float:left; font-weight:normal; padding-right:7px; } #video_tuts_most_popular .list { margin-top:17px; } #video_tuts_most_popular .list a { color:#0e8bcb; text-decoration:none; } #video_tuts_most_popular .list a:hover { color:#0e8bcb; text-decoration:underline; } #video_tuts_most_popular .title, .contentPageText .title { color:#2d2c2f; font-size:18px; line-height:20px; padding-bottom:8px; } .contentPageText .title { color:#1d1d1d; padding-bottom:14px; } #video_tuts_most_popular .inner2 { padding:28px 21px 54px 21px; } #video_tuts_most_popular .inner2 p { line-height:16px; } .contentPageText p.more { text-align:right; padding-top:15px; } .contentPageText p.more a { text-decoration:none; color:#0e8bcb; } .contentPageText p.more a:hover { text-decoration:underline; } .contentPageText .border { border-top:1px solid #eaeae7; padding:18px 0px 18px 0px; } #video_tutorials .random_video { float:left; margin: 4px 22px 10px 0; } #video_tutorials .random_video_text { font-weight: bold; margin-top: 5px; } #video_tutorials .random_video_text img { padding-top: 2px; padding-right: 2px; } #video_tutorials .video_screenshot { width: 309px; height: 175px; display: block; } /* ================================ support ========================= */ /* ================================ prices ========================= */ .prices { zoom:1; width: 100%; } .prices .content .inner { padding-top:32px; } .prices .title { font-size:24px; line-height:26px; color:#151515; } .prices .sub_title { font-size:22px; } .sub_page_1_2_2 .row5 { background:url(images/content-row2.png) repeat; padding:8px 0px 56px 0px; border-top:1px solid #e0dcd3; } .sub_page_1_2_2 .row5 .left, .sub_page_1_2_2 .row4 .left { float:left; width:470px; text-align:left; } .sub_page_1_2_2 .row5 .right, .sub_page_1_2_2 .row4 .right { float:right; width:470px; text-align:left; } .sub_page_1_2_2 .row4 .left { padding-bottom:31px; } .prices .row1 { background: none !important; padding:0px; text-align:center; } .prices .tabs { background:url(images/sep-line2.png) center 44px no-repeat; padding:27px 0px 21px 0px; text-align:center; } .prices .title { font-size:30px; color:#151515; line-height:38px; text-shadow: 1px 1px 0px #cbc9c2; } .prices .tab2 { display:none; } .prices .row2 { text-align:center; padding-bottom:30px; background:url(images/sep-line3.png) center bottom no-repeat; text-align:center; } .prices .row2 .box { background:none !important; text-align:center !important; } .prices .row2 p { color:#a8a8a8; } .prices .row2 .support { text-decoration:none; color:#17a5ca; } .prices .price_box { padding-bottom:11px; } .prices .price_box .inner { margin-right:20px; width:250px; float:left; text-align:left; background:url(images/shadow-box4.png) left bottom no-repeat !important; padding:0 0 17px !important; } .prices .price_box .col4 { margin:0px; } .prices .price_box .inner2 { background:url(images/bg-price-box.png) 0px 0px repeat-x #efece5; text-align:center; padding:33px 0px 29px 0px; } .prices .price_box .deactive .inner2 { background:url(images/bg-price-box2.gif) 0px 0px repeat-x #fcf9f1; } .prices .price_box .inner2 p { color:#2f2f32; padding:0px; } .prices .price_box p.h1 { font-size:24px; border:0px none; padding-bottom:15px; text-shadow: 1px 1px 0px #cbc9c2; } .prices .price_box .deactive p.h1 { text-shadow: 0px 0px 0px #cbc9c2; } .prices .price_box p.h1 { line-height: 26px; } .prices .price_box p.price { font-size:20px; color:#1db1cb; font-weight:bold; line-height:22px; padding-bottom:5px; } .prices .price_box .t20 p.price { line-height:24px; } .prices .price_box p.price2 { font-weight:bold; font-size:14px; } .prices .price_box p.price3 { font-weight:bold; line-height:24px; padding: 0; } .prices .price_box p.free { font-size:18px; line-height:20px; padding:48px 0px 17px 0px; } .prices .price_box p.host { line-height:22px; padding:3px 0px 1px 0px; } .prices .price_box p.host.fb { } .prices .price_box .deactive p { color:#d3d1cb; } .prices .price_box .deactive p.host { padding:26px 0px 17px 0px; } .prices .price_box .deactive p.host.after_year { color: #2F2F32; } .prices .price_box .deactive p.host.fb { padding: 3px 0 1px; line-height: 22px; } .prices .tab1 .deactive p.host { line-height: 25px; } .prices .tab2 .deactive p.host { line-height:22px; padding:3px 0px 1px 0px; } .prices .price_box p.p1 { padding-bottom:17px; } .prices .price_box .button { text-align:center; } .prices .price_box .button a, .prices .price_box .button span { display:block; background:url(images/start-trial.png) 0px 0px no-repeat; width:124px; height:34px; margin:0px auto; } .prices .price_box .deactive .button.buy span { background:url(images/buy-now-button2.png) 0px 0px no-repeat !important; } .prices.subscribe .price_box .button a, .prices.subscribe .price_box .button span { display:block; background:url(images/buy_now_button.png) 0px 0px no-repeat; width:124px; height:34px; margin:0px auto; } .prices .price_box .deactive .button span { background:url(images/start-trial2.png) 0px 0px no-repeat; cursor:default; } .prices .price_box .active .button.buy a { background:url(images/buy-now-button.png) 0px 0px no-repeat !important; } .prices.subscribe .price_box .deactive .button span { background:url(images/buy_now_button2.png) 0px 0px no-repeat; cursor:default; } .content .prices .row1 .tabs a.left.disabled { background-image: url(images/left-button-l.png); color: #D3D1CB; cursor: default; } .content .prices .row1 .tabs a.left.disabled:hover span { background-image: url(images/left-button-l.png); } .content .prices .row1 .tabs a.left.disabled:hover strong { background-image: url(images/right-button-m.png); color: #D3D1CB; } .prices .row3 { padding:34px 0px 51px 0px; } .prices .row3 .sub_title { font-size:22px; color:#1f1f1f; text-shadow: 1px 1px 0px #cbc9c2; } .prices .row3 .trial img { margin:3px 0px 0px 10px; } .prices .row3 .trial span { padding:5px 0px 11px 0px; } .prices .link_style { background: url("images/title-line.gif") repeat-x scroll left bottom transparent; color: #2F2F32; text-decoration: none; cursor: pointer; } .prices a.view_description { background: url("images/title-line.gif") repeat-x scroll left bottom transparent; color: #2F2F32; text-decoration: none; } .prices a.view_description.active { font-weight: bold; } .prices a.view_description.deactive { color: #D3D1CB; background-image: url('images/title-line-deactive.gif'); } .content-plans .prices p.button { padding-top: 10px; } .prices #hiddenDescription { display: none; margin-top: 10px; text-align: left; padding: 34px 0; background: none repeat scroll 0 0 #FDFBF6; } .prices #hiddenDescription .subinner { width: 1060px; margin: 0 auto; } .prices .description { padding: 0 10px; } .prices .description p { display: block; } .prices .description p.h1 { font-size: 24px; line-height: 26px; border: 0 none; padding-bottom: 4px; text-shadow: 1px 1px 0 #CBC9C2; } .prices .description p.subh1 { font-size: 18px; font-weight: normal; line-height: 26px; border: 0 none; padding-bottom: 15px; } .prices .description p.intext { padding-top: 15px; } .prices .description p.text { line-height: 20px; } .prices .description_bottom { background: url("images/sep-line2.png") no-repeat scroll center top transparent; height: 48px; } /* For version prices */ .prices .row1 .tabs a em { display: inline-block; width: 60px; font-style: normal; } .prices .row2 .last { margin-right: 0; } /* Turnkeys 2.0 */ #container .content .prices .t20 .tooltipbox .tooltip .bot { background-image: url('images/tooltip-bot-inverted-varyshort.png'); } #container .content .prices .t20 .tooltipbox .tooltip .bot .mid { background-image: url('images/tooltip-mid-varyshort.png'); width: 144px; } #container .content .prices .t20 .tooltipbox .tooltip { background-image: url('images/tooltip-top-veryshort.png'); } #container .content .prices .t20 .tooltipbox { left: 55px; } .content-prices #container .content .inner { padding-top: 36px; } #container .content .tooltipbox .tooltip { background: url("images/tooltip-top-short.png") no-repeat scroll left top transparent; } #container .content .tooltipbox .tooltip .mid { background: url("images/tooltip-mid-short.png") repeat-y scroll left top transparent; } #container .content .tooltipbox.inverted .tooltip .bot { background: url("images/tooltip-bot-inverted-short.png") no-repeat scroll left bottom transparent; } #container .content .tooltipbox .tooltip .bot { background: url("images/tooltip-bot-short.png") no-repeat scroll left bottom transparent; } #container .content .prices .row2 .box { width: 1060px; } .sub_page_1_2_2 .row4 { background:url(images/sep-line2.png) top center no-repeat; padding:48px 0px 30px 0px; } .sub_page_1_2_2 .row4 .title { font-size:24px; line-height:26px; color:#151515; padding-left:9px; line-height:37px; padding-bottom:0px; text-shadow: 1px 1px 0px #cbc9c2; } .sub_page_1_2_2 .row4 .sub_title { color:#0c0c0c; font-size:32px; line-height:32px; background:url(images/bg-sub-title.png) repeat-x top left; height:36px; padding:0px; vertical-align:middle; } .sub_page_1_2_2 .row4 .sub_title span { display:inline-block; vertical-align:middle; padding:0px 20px 0px 19px; line-height:20px; font-size:17px; } .sub_page_1_2_2 .row4 .inner { text-align:left; background:url(images/shadow-box5.png) left bottom no-repeat; padding:14px 0px 17px 0px !important; } .sub_page_1_2_2 .row4 .inner2 { background:#fdfbf6; padding:0px; } .sub_page_1_2_2 .row4 .right .inner2 { padding:20px 25px 24px 20px; } .sub_page_1_2_2 .row4 .right .inner2 p { color:#2e2d31; } .sub_page_1_2_2 .row4 .list { margin:9px 19px 27px 19px; } .sub_page_1_2_2 .row4 .list li { background: none; line-height:29px; border-bottom:1px solid #e5e4df; width:100%; overflow:hidden; } .sub_page_1_2_2 .row4 .list li span { display:block; float:left; } .sub_page_1_2_2 .row4 .list li strong { display:block; float:right; } .sub_page_1_2_2 .row4 .list li.last { border:0px none; } .sub_page_1_2_2 .row4 .contact { float:right; padding:17px 0px 2px 0px; } .sub_page_1_2_2 .row4 .contact a { display:block; float:left; background:url(images/phone.png) 0px 0px no-repeat; padding:1px 0px 0px 23px; text-decoration:none; color:#0e8bcb; } .sub_page_1_2_2 .row4 .contact a.chat { background:url(images/chat.png) 0px 5px no-repeat; } .sub_page_1_2_2 .row4 .contact span { display:block; float:left; padding:0px 9px; color:#9b9b9c; } .sub_page_1_2_2 .row4 .mail { text-align:right; } .prices .row5 .title { font-size:20px; line-height:22px; padding:40px 0px 18px 0px; letter-spacing:-1px; } .prices .row5 .title2 { padding-bottom:20px; } .prices .row5 .right .title { font-size:20px; line-height:22px; padding-bottom:25px; } .prices .list li { background:none; padding:0px; } .prices .tooltipbox { top:-67px; left:3px; } .prices .tooltip3 { position:absolute; top:-97px; left:-60px; } .content .prices .tooltipbox .mid p { padding: 10px 0 0 22px; text-align:left; } .prices p a.tlink { color:#2f2f32; text-decoration:none; background:url(images/title-line.gif) left bottom repeat-x; } #container .prices .row2 .box { padding:0; } #container .prices .row2 .box .price_box { padding:0; } #container .prices .row2 { background: none; padding-bottom : 20px; } .footnote { padding-left: 10px; text-align: left; margin-top: 6px; } /* ================================ prices ========================= */ /* ============================= forms ====================== */ .form_account { width:481px; margin-bottom: 20px; } .form_account .left, .form_account .right { width:199px; float:left; } .form_account .right { float:right; margin-right:4px; } .form_account input, .form_account select { margin:1px 0px 5px 0px; } .form_account label { font-weight:bold; } .form_account .field { margin: 1px 0 5px; height: 19px; } .form_account .submit { display:block; background:url(images/submit-form.png) 0px 0px no-repeat; width:69px; height:30px; float:right; margin-top:15px; } .newsletter .submit { display:block; background:url(images/submit-form2.png) 0px 0px no-repeat; width:109px; height:30px; float:left; } .newsletter input { margin:6px 0px 16px 0px; } .comment_form .decor { background:#faf6eb; padding:27px 25px 20px 26px; } .comment_form .left, .comment_form .right { width:auto; padding-bottom:11px; } .comment_form p { padding:0px; } .comment_form .submit { display:block; background:url(images/submit-form3.png) 0px 0px no-repeat; width:79px; height:31px; float:right; } .comment_form label { display:block; float:left; font-weight:bold; vertical-align:top; padding:3px 8px 0px 0px; } .comment_form input { width:194px; } .comment_form textarea { width:461px; height:78px; } .comment_form .bottom { padding-top:9px; } .comment_form .checkbox { padding:7px 0px 0px 71px; } .comment_form .checkbox input { width:13px; height:13px; color:#1c5180; margin-right:5px; border:1px solid #1c5180; } .comment_form .checkbox label { font-weight:normal; font-size:11px; float:none; display:inline-block; padding-top:0px; } .signup form { margin-top:9px; } .signup form.m2 { margin:0px; } .signup .submit { display:block; background:url(images/submit-form4.png) 0px 0px no-repeat; width:171px; height:47px; float:left; margin-top:6px; } .signup label { display:block; width:100%; font-weight:bold; vertical-align:top; padding:3px 8px 2px 0px; text-align: left; } .signup input, .signup select { width:195px; color:#4f4f4f; } .signup input.last { margin-bottom:7px; } .signup .checkbox input { width:13px; height:13px; color:#1c5180; margin-right:5px; border:1px solid #1c5180; } .signup .checkbox label { width:auto; font-weight:normal; float:none; display:inline-block; padding-top:0px; } .signup .checkbox label a { color:#0caddb; } .signin { margin-top:11px; } .signin .left, .contact_form .right { float:left; width:285px !important; background:none !important; padding:0px !important; } .signin input { width:283px; } .signin textarea { width:100%; } .signin label { display:block; width:100%; font-weight:bold; vertical-align:top; padding:3px 0px 5px 0px; } .signin .submit { display:block; background:url(images/sign_in_button.png) 0px 0px no-repeat; width:160px; height:44px; float:left; margin-top:15px; } .signin .bottom input { width:173px; } .signin .box { text-align:left; background:url(images/shadow-box3.png) left bottom no-repeat; padding-bottom:17px; width: 450px; } .signin .inner { background:#fdfbf6; padding:34px 24px 34px 24px; } .signin p { padding-bottom:14px; color:#2d2c2f; line-height:16px; } .signin p.h1 { padding-bottom:15px; text-shadow: 1px 1px 0px #cbc9c2; line-height: 32px;} .auth { margin:50px 0 60px 0; } .auth .left, .contact_form .right { float:left; width:285px !important; background:none !important; padding:0px !important; } .auth input { width:283px; } .auth textarea { width:100%; } .auth label { display:block; width:100%; font-weight:bold; vertical-align:top; padding:3px 0px 5px 0px; } .auth .submit { display:block; width:160px; height:44px; float:left; margin-top:15px; } .auth .submit.signin { background:url(images/sign_in_button.png) 0px 0px no-repeat; } .auth .bottom .or_signup { display:block; float:left; margin:30px 0 0 15px; } .auth .bottom .or_signup em { font-style:normal; display: block; float:left; margin-right: 10px; } .auth .submit.signup { background:url(images/sign-up-button.png) 0px 0px no-repeat; } .auth .bottom input { width:173px; } .auth .box { text-align:left; background:url(images/shadow-box3.png) left bottom no-repeat; padding-bottom:17px; width: 600px; } .auth .box .inner { background:#fdfbf6; padding:34px 24px 34px 24px !important; } .auth p { padding-bottom:14px; color:#2d2c2f; line-height:16px; } .auth p.text { padding-top:14px; } .auth p.h1 { padding-bottom:15px; text-shadow: 1px 1px 0px #cbc9c2; line-height: 32px;} .auth .fields { padding: 10px 0 10px 0; width: 286px; margin: 0 auto; } .auth .bottom p { display: block; width: 160px; margin: 0 auto; } .contact_form { margin-top:11px; } .contact_form .left, .contact_form .right { float:left; width:285px !important; background:none !important; padding:0px !important; } .contact_form input { width:283px; } .contact_form textarea { width:100%; resize: vertical; } .contact_form label { display:block; width:100%; font-weight:bold; vertical-align:top; padding:3px 0px 5px 0px; } .contact_form .submit { display:block; background:url(images/send-mail.png) 0px 0px no-repeat; width:171px; height:47px; float:left; margin-top:15px; } .contact_form .bottom input { width:173px; } .search_form { margin:17px 0px 24px 0px; } .search_form .input { padding:5px 0px 0px 0px; border:0px none; background:url(images/search-input.png) 0px 5px no-repeat; height:26px; line-height:26px; width:171px; } .search_form .input input { border:0px none; background:none; height:26px; line-height:20px; width:130px; padding-left:5px; float:left; } .search_form input.radio { display: inline-block; width:auto; border:0px none; margin:0px; cursor: pointer; } .search_form label { width:auto; display:inline-block; padding-left:6px; margin-right:14px; line-height:20px; cursor: pointer; } .search_form .submit { display:block; background:url(images/search-button.png) 0px 0px no-repeat; width:17px; height:17px; float:right; margin:5px 13px 0px 0px; } /* ============================= forms ====================== */ /* ============================= footer ====================== */ .footer { background:url(images/bg-footer.png) repeat-x top; height:112px; color:#fcf9f1; text-align:left; font-size:11px; line-height:18px; } .footer .antivir { display:block; float:left; margin:1px 20px 1px 0px; width:65px; height:37px; background: url('meter/site2you.com/63.gif') no-repeat; } .footer div { width:960px; margin:0px auto; padding-top:50px; } .footer p { color:#fcf9f1; font-size:11px; } .footer a, .footer span { color:#12c7f4; text-decoration:none; } /* ============================= features ====================== */ .features .col1 { float:left; width:230px; } .features .col1 .title { font-size:16px; color:#000; line-height:18px; padding-bottom:18px; } .features .col1 .title a { display:block; color:#000; text-decoration:none; background:url(images/title-line.gif) left bottom repeat-x; float:left; } .features .row1 { padding-bottom:19px; text-align: left !important; background: none !important; } .features .row1 .col1 { margin-right:13px; } .features .row1 .last { margin:0px; } .features .line { padding-bottom: 20px; } /* ============================= features ====================== */ /* ============================= contentPage ====================== */ .contentpage .box { text-align:left; background:url(images/shadow-box3.png) left bottom no-repeat; padding-bottom:17px;} .contentpage .box .inner { background:#fdfbf6; padding:28px 35px 77px 35px; } /* ============================= Free for 7 Days! ====================== */ .free_for { padding: 34px 0 51px; text-align: center; } .free_for .sub_title { color: #1F1F1F; font-size: 22px; text-shadow: 1px 1px 0 #CBC9C2; } /* ============================= Free for 7 Days! ====================== */ /* ============================= Request a Call ====================== */ #dialog-request_a_call .pop-up h4.tab1-popup { width:165px; } #dialog-request_a_call .pop-up textarea { resize:none; height: 80px; } /* ============================= Request a Call ====================== */ /* ============================= Additional services ====================== */ .additional_services .a_button { display: block; font-size: 12px; line-height: 36px; color: #4F4F4F; background: url('images/bg-sub-title.png') 0 0; padding: 0 10px; text-decoration: none; } .additional_services .a_button:hover { background: #f0efec; } .additional_services .a_button em { font-style: normal; font-weight: bold; float: right; display: block;} .additional_services .block { border-bottom:solid 1px #e9e8e5; } .additional_services .block .indent { padding: 10px; } /* ============================= Additional services ====================== */ /* ============================= Offers ====================== */ #offers .a_button input { width: 14px; height: 14px; border: 0; } #offers .block { display: none; } #offers .a_button strong { display: inline-block; float:left; padding-top: 10px; margin-right:10px; font-size: 0; line-height: 0; } #offers .a_button em { display: block; width: 60px; height: 36px; float: right; text-align: right; } #offers .a_button:hover { background: #f0efec; } /* ============================= Offers ====================== */ /* ============================= You are near to have your website built ====================== */ #container .near_website_built .inner { background: url("images/shadow-box5.png") no-repeat scroll left bottom transparent; margin-bottom: 10px; padding: 0 0 17px; } #container .near_website_built .inner .inner2.bottom { padding-bottom: 63px; } #container .near_website_built .inner .inner2 { background: none repeat scroll 0 0 #FDFBF6; padding: 32px 23px 23px 24px; text-align: left; } #container .near_website_built .inner .inner2 ol.list li { list-style: none outside none; margin: 0; line-height: 18px; margin-left: 20px; } #container .near_website_built .inner .inner2 ol.list li p.sub_title { color: #2D2C2F; font-size: 14px; padding: 25px 0 14px; } #container .near_website_built .inner .inner2 ol.list li p { padding-left: 15px; padding-top: 0; } #container .near_website_built p.h1 { text-shadow: 1px 1px 0 #CBC9C2; } /* Popup window */ .pop-up { width: 100%; } .pop-up .top-shadow-left { background:url('images/pop-up-shadow-tl.png') 0 0 no-repeat; line-height:0px; font-size:0px; padding-left:5px; } .pop-up .top-shadow-right { background:url('images/pop-up-shadow-tr.png') top right no-repeat; line-height:0px; font-size:0px; padding-right:11px; } .pop-up .top-shadow-left .inner { background:#fdfbf6; height:20px; line-height:0px; font-size:0px; overflow:hidden; } .pop-up .bottom-shadow-left { background:url('images/pop-up-shadow-bl.png') 0 0 no-repeat; line-height:0px; font-size:0px; padding-left:16px; } .pop-up .bottom-shadow-right { background:url('images/pop-up-shadow-br.png') top right no-repeat; line-height:0px; font-size:0px; padding-right:16px; } .pop-up .bottom-shadow-left .inner { background:url('images/pop-up-shadow-bm.png') 0 0 repeat-x; height:12px; line-height:0px; font-size:0px; overflow:hidden; } .pop-up .mid-shadow { background:url('images/pop-up-shadow-ml.png') 0 0 repeat-y; padding-left:5px; } .pop-up .box { background:url('images/pop-up-shadow-mr.png') top right repeat-y; padding-right:11px; text-align:left; } .pop-up .box .inner { background:#fdfbf6; padding:0 24px 20px 24px; } .pop-up .box label { color:#4f4f4f; font-weight:bold; display: block; } .pop-up .box form p { overflow:hidden; padding-top:15px; } .pop-up .box form a.pop-up-link { display:bloc; float:left; color:#0ba7d8; font-size:11px; text-decoration:none; padding-top:8px; } .pop-up .box form a.pop-up-link:hover { text-decoration:underline; } .pop-up .box form input.mrgn2 { margin-bottom:0px; } .pop-up .box form .capcha { padding-bottom:4px; } .pop-up .tab2-popup { display:none; } .pop-up h4 { float:left; line-height:43px; height:43px; font-size:20px; text-align:center; padding:0px; margin:0px; } .pop-up .dialog-titlebar h4 { background:url('images/pop-up-h4-tab.png') 0px 0px repeat-x; width:102px; } .pop-up h5 { line-height:normal; font-size:16px; padding:0px 0px 26px 0px; margin:0px; color:#2f2e31; } .pop-up h4.active { background:url('images/pop-up-h4active-tab.png') 0px 0px repeat-x; } .pop-up h4 a { text-decoration:none; color:#fafafa; display:block; background:url('images/shadow-left.png') right repeat-y; } .pop-up h4.right a { background:url('images/shadow-right.png') 0 0 repeat-y; } .pop-up h4.left { } .pop-up h4.active a { background:none; } .pop-up .h4-popup { overflow:hidden; width:100%; } .pop-up h4.tab2-popup { display:block; } .pop-up h4.active a { color:#2f2e31; } .pop-up .pop-up-sign-up { float:right; display:block; background:url('images/pop-up-sign-up.png') 0px 0px no-repeat; width:99px; height:27px; } .pop-up .pop-up-login { float:right; display:block; background:url('images/pop-up-login.png') 0px 0px no-repeat; width:76px; height:27px; } .pop-up .pop-up-send-pass { display:block; background:url('images/pop-up-send-pass.png') 0px 0px no-repeat; width:194px; height:27px; float: right; } .pop-up a { cursor: pointer; } .pop-up .pop-up-submit { float:right; display:block; background:url('images/submit-button.png') 0px 0px no-repeat; width:76px; height:27px; } .pop-up .pop-up-ok { float:right; display:block; background:url('images/button-ok.png') 0px 0px no-repeat; width:76px; height:27px; } .pop-up .box form .error_msg, .pop-up .box form .error_captcha_msg { color:#fd0006; font-size:11px; } .pop-up .box form .success_msg { color: #4ED114; font-size:14px; padding-bottom: 10px; display: block; } .pop-up .box form p.caption { padding-top: 0; padding-bottom: 10px; } .pop-up .top-line { background: url('images/pop-up-h4active-tab.png') repeat-x scroll 0 0 #EFECE5; padding: 33px 0 29px; } .dialogTypeError .pop-up .top-line { background-image: url('images/pop-up-h4active-tab-error.png'); } .pop-up .tab2-popup { width: 102px; } .pop-up .tab2-popup a { padding-left: 2px; } .pop-up .tab2-popup span { float: right; display:block; height: 43px; width: 5px; } .pop-up .tab2-popup.active span { background: url("images/shadow-right.png") repeat-y scroll 0 0 transparent; } .pop-up .dialog-titlebar .tab_close-popup { float:right; width: 42px; } .pop-up .tab_close-popup a { background: none; padding-right: 4px; padding-top: 10px; } .pop-up .dialog-titlebar { background: url('images/pop-up-h4-tab.png') repeat-x scroll 0 0 transparent; height: 43px; margin-left: 5px; margin-right: 11px; } .pop-up .tab-shadow.right { width: 5px; } .pop-up .tab-shadow.right span { background:url('images/shadow-right.png') 0 0 repeat-y; width: 5px; height: 43px; display: block; } .pop-up .or { display:block; float:right; line-height:43px; height:43px; font-size:20px; padding:0; margin:0; color: #E4E0DA; } .pop-up .form_block_top h4.left { float:left; white-space: nowrap; text-align: left; } .pop-up .form_block_top h4.right { float:right; white-space: nowrap; width: 235px; text-align: right; } .pop-up .right_section { float:right; width: 200px; border-left: 1px solid #E4E0DA; padding-left: 43px; padding-top: 12px; min-height: 164px; height:auto !important; height: 164px; } .pop-up .left_section { width: 200px; padding-top: 12px; float:left; } /* =========================== ImgPreview ======================================= */ #imgPreviewContainer { z-index: 10000; background: #BCBAB6 url('images/loading2.gif') no-repeat center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 4px; border: none; } .imgPreviewContainerLoading { height: 430px; width: 430px; } /* =========================== ImgPreview ======================================= */ /* =========================== ColorPicker ======================================= */ div#color_selector { background-color: #BCBAB6; width: 163px; position: absolute; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; padding: 4px; border: none; margin-top: 4px; } div#color_custom { width: 100%; float:left } div#color_custom label { font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25% } div#color_custom input { margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; } div.color_swatch { height: 17px; width: 17px; border: 1px solid #FFFFFF; margin: 2px; float: left; cursor: pointer; line-height: 12px; } div.color_swatch:hover { border: 1px solid #000000; } .assigned_colors { padding: 4px 19px; } .assigned_colors .color_swatch { height: 17px; width: 17px; border: 1px solid #000000; margin: 2px; float: left; cursor: default; line-height: 12px; } /* =========================== ColorPicker ======================================= */ .align_center { position: relative; right: 50%; float: right; } .align_center_inner { position: relative; right: -50%; float: left; } /* ============================= tooltip hint ====================== */ .tooltiphint { display:none; position:absolute; top:54px; left:-66px; z-index: 5000; } .tooltiphint .hintbox { background:url(images/tooltip-top.png) left top no-repeat; padding-top: 8px; padding-bottom: 0; } .tooltiphint .hintbox .mid { width: expression( this.scrollWidth > 234 ? "235px" : "auto" ); /* sets max-height for IE */ max-width: 235px; /* sets max-height value for all standards-compliant browsers */ background:url('images/tooltip-mid.png') left top repeat-y; min-height:10px; height:auto !important; height:10px; } .tooltiphint .hintbox .mid p { padding:17px 26px 17px 21px; text-align: left; } /* ============================= tooltip hint ====================== */ .slide .top, .slide .mid, .slide .bot, .slide-arrowbox, .tooltiphint .hintbox, .hintbox .mid, .tooltipbox .tooltip, .tooltipbox .tooltip .mid, .tooltipbox .tooltip .bot { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader() !important; zoom:1; } /* Checkout page */ .merchants p { margin: 0 !important; padding:0 !important; } .merchants .merchant_logo { padding: 26px 10px 0; } .merchants .description { padding-top: 16px; } .merchants .button_panel { padding-top: 10px; } #buyForm .merchant { margin: 30px 0;} #buyForm .merchant p { padding: 0; } .form-section {} /* Login popup */ .loginAsBtn, .loginAsBtn b { width: 164px; height: 29px; } #loginAsFacebook, #loginAsFacebook b { display:block; background: url('images/login-facebook.png') no-repeat 0 -29px; transition: .5s opacity; } #loginAsFacebook { position: relative; background-position: 0 0; margin-bottom: 10px; } #loginAsFacebook b { position: absolute; top: 0; left: 0; opacity: 0; } #loginAsFacebook b:hover { opacity: 1; } #signupAsFacebook, #signupAsFacebook b { display:block; background: url('images/sign-up-facebook.png') no-repeat 0 -29px; transition: .5s opacity; } #signupAsFacebook { position: relative; background-position: 0 0; margin-bottom: 10px; } #signupAsFacebook b { position: absolute; top: 0; left: 0; opacity: 0; } #signupAsFacebook b:hover { opacity: 1; } #loginAsGoogleAccounts, #loginAsGoogleAccounts b { display:block; background: url('images/login-google.png') no-repeat 0 -29px; transition: .5s opacity; } #loginAsGoogleAccounts { position: relative; background-position: 0 0; margin-bottom: 10px; } #loginAsGoogleAccounts b { position: absolute; top: 0; left: 0; opacity: 0; } #loginAsGoogleAccounts b:hover { opacity: 1; } #signupAsGoogleAccounts, #signupAsGoogleAccounts b { display:block; background: url('images/sign-up-google.png') no-repeat 0 -29px; transition: .5s opacity; } #signupAsGoogleAccounts { position: relative; background-position: 0 0; margin-bottom: 10px; } #signupAsGoogleAccounts b { position: absolute; top: 0; left: 0; opacity: 0; } #signupAsGoogleAccounts b:hover { opacity: 1; } .google-button, .paypal-button, .paypal-button2 { overflow:hidden; width:100%; } .google-button a, .paypal-button a, .paypal-button2 a { display:block; float:right; } .google-button a { width:156px; height:24px; background:url('http://www.site2you.com/images/google-ch-button.png') 0 0 no-repeat; } .paypal-button a { width:108px; height:47px; background:url('http://www.site2you.com/images/paypal-button.png') 0 0 no-repeat; } .paypal-button2 a { width:120px; height:26px; background:url('http://www.site2you.com/images/paypal-button2.png') 0 0 no-repeat; } .alignright { text-align:right; } .box .image8 { margin-bottom:5px; } .box .border { border-bottom:1px solid #d6d2ca; padding-bottom:24px; } .box .box3 { background:#f8f5ed; padding:5px 7px; font-weight:bold; line-height:16px; margin-top: 10px} .box .radio-btn { float:left; width:auto; margin-right:12px; } .buyerrmsg { color: red; font-weight: bold; } /* Authorization popup window */ #dialog-authorization.switch_account .pop-up .tab1-popup, #dialog-authorization.switch_account .pop-up .tab2-popup { display: none; } #dialog-authorization.switch_account .pop-up #btn_retrieve_password { visibility: hidden; } #dialog-authorization .pop-up .tab3-popup { display:none; width: 170px; } #dialog-authorization.switch_account .pop-up .tab3-popup { display: block !important; } #dialog-authorization .tab-shadow { display: none; } #dialog-authorization.switch_account .tab-shadow { display: block !important; } /* Features (Default) */ #features p.title { font-weight: bold; } #features .explore_all_features strong { min-height: 36px; height: auto !important; height: 36px; } #features .explore_all_features a { line-height: 34px; } #features .icon5 { margin-left:-30px; } #features .icon4 { margin-right:30px; } /* Newbie FAQ */ #container #newbie_faq.faq .title { padding:3px 51px 22px 8px; } #container #newbie_faq.faq .inner { padding:0px 0px 20px 0px; } #container #newbie_faq.faq #faq_answer_text p { padding: 0 0 5px 0; } #container #newbie_faq.faq #faq_answer_text .spacer { padding: 5px 20px; } #container #newbie_faq.faq p { padding:22px 17px 24px 19px; } #container #newbie_faq.faq .box { width: auto; } #container #newbie_faq.faq .box .sub_title { background: none !important; zoom:1; } #container #newbie_faq.faq .box .sub_title { color:#151515; font-size:60px; line-height:60px; height:66px; padding:0px; vertical-align:middle; } #container #newbie_faq.faq .box .sub_title span { display:inline-block; vertical-align:middle; padding:0px 20px 0px 19px; line-height:20px; font-size:17px; } #container #newbie_faq.faq .box .sub_title a span { display:inline-block; vertical-align:middle; } #container #newbie_faq.faq .box .sub_title .bold { font-weight: bold; } #container #newbie_faq.faq .faqNavigation a { display:block; float:right; width:36px; height:36px; padding:0px; margin:0px; } #container #newbie_faq.faq .faqNavigation a.next.disabled { background:url(images/prev-arrow3-grey.png) no-repeat top left; cursor: default;} #container #newbie_faq.faq .faqNavigation a.next { background:url(images/next-arrow3.png) no-repeat top left; margin-right:15px; } #container #newbie_faq.faq .faqNavigation a.prev.disabled { background:url(images/next-arrow3-grey.png) no-repeat top left; cursor: default;} #container #newbie_faq.faq .faqNavigation a.prev { background:url(images/prev-arrow3.png) no-repeat top left; margin-right:1px; } #container #newbie_faq.faq li.sub_title a { display:inline-block; padding:0px; float:none; color:#151515; height:auto; width:100%; color:#151515; text-decoration:none; background:url(images/bg-title4.png) repeat top left; height: 66px;} #container #newbie_faq.faq li.sub_title a:hover { text-decoration:none; color:#ffffff; background:url(images/bg-title-hvr.png) repeat-x top left; } #container #newbie_faq.faq .faqContainerOuter, #container .faq .faqContainerMore { height: 277px; } #container #newbie_faq.faq .faqContainerMore { display: none; } #container #newbie_faq.faq .faqContainerMore #faq_answer_text { overflow: hidden; height: 211px; } #container #newbie_faq.faq .faqContainer { width: 299px; zoom:1; } #container #newbie_faq.faq .faqContainer li { background: none; padding: 0; width: 299px; } #container #newbie_faq.faq .sub_title { color:#151515; font-size:60px; line-height:60px; background:url(images/bg-title.png) repeat-x top left; height:66px; padding:0px; vertical-align:middle; } #container #newbie_faq.faq .sub_title span { display:inline-block; vertical-align:middle; padding:0px 20px 0px 19px; line-height:20px; font-size:17px; } #container #newbie_faq.faq .sub_title a span { display:inline-block; vertical-align:middle; } #container #newbie_faq.faq a.questions { visibility: hidden; } /* Testimonials */ #container #testimonials .testimonialsContainer li {background: none;padding: 0;width: 300px;} #container #testimonials .testimonialsContainer li .box .inner {padding: 10px 0 10px 0;margin: 0;} #container #testimonials .testimonialsContainer li .box .inner .scroll-content {height:250px;} #container #testimonials .testimonialsContainer li .box .inner .scroll-content .scroll-inner {padding: 0 20px 0 20px;} /* Feedback */ .leave-us-feedback { width: 30px; height: 159px; position: absolute; top: 0; left: 0; display:none; } .leave-us-feedback a { width: 30px; height: 159px; display: block; background-image: url('images/leave-us-feedback.png'); } .leave-us-feedback { background: #0582C7; -webkit-box-shadow: 3px 3px 6px rgba(50, 50, 50, 0.55); -moz-box-shadow: 3px 3px 6px rgba(50, 50, 50, 0.55); box-shadow: 3px 3px 6px rgba(50, 50, 50, 0.55); } #loading-box {top:0;left:0;position: absolute;overflow: hidden;width: 80px;height: 30px;display: none;z-index: 30000;background: url('images/loading3.gif') no-repeat center center;} .articles .header h2 a {color: white;} /* QTip */ .q_tip { position: absolute; display: none; } .q_tip .qtip_1 { padding-left:8px; background:url(images/qt_t_1.png) no-repeat 0 0; line-height:0; font-size:0; } .q_tip .qtip_1 .qtip_i_1 { padding-right:7px; background:url(images/qt_t_3.png) no-repeat 100% 0; } .q_tip .qtip_1 .qtip_i_2 { height:8px; background:url(images/qt_t_2.png) repeat-x 0 0; } .q_tip .qtip_2 { padding-left:3px; background:url(images/qt_m_1.png) repeat-y 0 0; } .q_tip .qtip_2 .qtip_i_1 { padding-right:5px; background:url(images/qt_m_2.png) repeat-y 100% 0; } .q_tip .qtip_2 .qtip_i_2 { padding:10px 15px; background:#fcf9f1; min-width: 120px; max-width: 220px; } .q_tip .qtip_3 { padding-left:8px; background:url(images/qt_b_1.png) no-repeat 0 0; } .q_tip .qtip_3 .qtip_i_1 { padding-right:7px; background:url(images/qt_b_4.png) no-repeat 100% 0; overflow:hidden; } .q_tip .qtip_3 .qtip_i_2 { float:left; width:50px; height:17px; background:url(images/qt_b_2.png) repeat-x 0 0; } .q_tip .qtip_3 .qtip_i_3 { float:left; width:27px; height:17px; background:url(images/qt_b_3.png) no-repeat 0 0; } .q_tip .qtip_3 .qtip_i_4 { overflow:hidden; height:17px; background:url(images/qt_b_2.png) repeat-x 0 0; } .q_tip.right .qtip_3 .qtip_i_2 { float:right; } .q_tip.right .qtip_3 .qtip_i_3 { float:right; } .q_tip .qtip_1, .q_tip .qtip_2, .q_tip .qtip_3, .q_tip .qtip_i_1, .q_tip .qtip_i_2, .q_tip .qtip_i_3, .q_tip .qtip_i_4 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader() !important; } .position_relative { position: relative; } .special_offer { position: absolute; top:302px; left:0; right:0; } .special_offer a { background: url("images/title-line.gif") repeat-x scroll left bottom transparent; text-decoration: none; } .deactive .special_offer a { background: none; color: #D3D1CB; cursor: default; } .info-icon { display:inline-block; width: 21px; height: 21px; background: url('images/front-info-icon.png'); margin: 0; padding: 0; text-decoration: none; vertical-align: bottom; } .opacity-transition { transition: all 0.3s ease-in-out 0s; opacity:0.8; } .opacity-transition:hover { opacity:1; } .tm_banner { width: 728px; margin: 0 auto 40px auto; } .content-index .content .inner .tm_banner{ margin: 0px auto 40px auto; } .content-index .content .inner .footer-banner .tm_banner{ margin: 20px auto 20px auto; } .php_to_include .tm_banner { margin-top: 10px; }