/* Copyright (c) 2008-2010, Element Fusion, LLC. All rights reserved. --------------------------------------------------------------------------------------------------------- LICENSED FOR USE UNDER A CREATIVE LICENSE AGREEMENT --------------------------------------------------------------------------------------------------------- Redistribution and use of Element Fusion's designs bearing this creative license agreement, with or without modification, are permitted provided that the following conditions are met: * Any and all parts of the XHTML/CSS, supporting graphic files, or material derived from those source materials are to be exclusively used on the WaterCMS, SkyCMS, and LightCMS Content Management Systems. ANY OTHER USE IS STRICTLY PROHIBITED. * Redistributions of XHTML/CSS code must retain the above copyright notice, this list of conditions and the following disclaimer. * Neither the name of Element Fusion, LLC nor the names of its software products may be used to endorse or promote products or services derived from these source materials without the specific prior written permission of Element Fusion, LLC. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIEDWARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR APARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FORANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOTLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESSINTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, ORTORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IFADVISED OF THE POSSIBILITY OF SUCH DAMAGE. --------------------------------------------------------------------------------------------------------- Created August 3rd, 2009 - Boomer Sonner! Last Modified - September 16th, 2010 - Rock On! --------------------------------------------------------------------------------------------------------- */ @import url("sign_up.css"); @import url("network.css"); /* Reset --------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, h1, h2, h3, h4, h5, h6, hr { margin: 0; padding: 0; outline: 0; border: 0; } /* General ------------------------------------------------------------------------------------------------*/ @font-face { font-family: 'ProximaNovaBold'; src: url('fonts/proximanova-bold-webfont.eot'); src: local('‚ò∫'), url('proximanova-bold-webfont.woff') format('woff'), url('fonts/proximanova-bold-webfont.ttf') format('truetype'), url('fonts/proximanova-bold-webfont.svg#webfontVrU5zOnl') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ProximaNovaSemibold'; src: url('fonts/proximanova-semibold-webfont.eot'); src: local('‚ò∫'), url('fonts/proximanova-semibold-webfont.woff') format('woff'), url('fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('fonts/proximanova-semibold-webfont.svg#webfonttFWDOfQR') format('svg'); font-weight: normal; font-style: normal; } body { min-width:960px; width:100%; font: normal normal 13px/1.5em helvetica, arial, sans-serif; color: #555; background: #000; float:left; } ul, ol { padding: 1em 0em; margin: 0; } li { list-style: square; } p { margin: .8em 0; } a { color: #266b7b; } a:hover { text-decoration: none; } table { border-collapse: collapse; } th { padding: 1em; background: #ccc; border: 1px solid #333; } td { padding: 1em; border: 1px solid #333; } h1 { font: normal 1.7em/1.5em 'helvetica neue', helvetica, arial, sans-serif; padding: .5em 0; margin: .2em 0; } h2 { font: normal 1.5em 'helvetica neue', helvetica, arial, sans-serif; letter-spacing: -0.03em; color: #444; text-shadow: rgb(229, 229, 229) 1px 1px; padding: .6em 0 .2em 0; margin: .2em 0; } h3 { font: normal 1.3em 'helvetica neue', helvetica, arial, sans-serif; color: #555; text-shadow: rgb(229, 229, 229) 1px 1px; padding: .6em 0 .2em 0; margin: .2em 0; } h4 { font: normal 1.1em 'helvetica neue', helvetica, arial, sans-serif; color: #555; text-shadow: rgb(229, 229, 229) 1px 1px; padding: .6em 0 .2em 0; margin: .2em 0; } h5 { font: normal 1.0em 'helvetica neue', helvetica, arial, sans-serif; color: #555; text-shadow: rgb(229, 229, 229) 1px 1px; padding: .6em 0 .2em 0; margin: .2em 0; } h6 { font: normal 0.9em 'helvetica neue', helvetica, arial, sans-serif; color: #555; text-shadow: rgb(229, 229, 229) 1px 1px; padding: .6em 0 .2em 0; margin: .2em 0; } /* Structure ----------------------------------------------------------------------------------------------*/ #full_main { width: 100%; /*min-width: 1200px; position: relative;*/ float: left; margin: 0; background: #fff url('images/tile_bg.jpg') center 0 repeat-x; } #full_bottom { width: 100%; float: left; margin: 0; background: #000 url('images/footer.jpg') repeat-x; } #header { padding: 0; position: relative; } #display { font-size: 1em; background: url('images/display.jpg') 0 bottom no-repeat; } #display_top { padding: 30px 0 25px 0; background: url('images/section_top.jpg') 0 top no-repeat; } #for_designers { padding: 25px 0 0px 0; } #for_clients { padding: 0px 0 5px 0; } #rewards{ } #page_title { height: 60px; padding: 15px 20px 20px 0; font-size: 1.1em; background: url('images/page_title.jpg') 0 bottom no-repeat; } #body { padding: 25px 0 25px 0; } #footer { padding: 25px 0; } /* Details ------------------------------------------------------------------------------------------------*/ #ef10 { width: 161px; height: 146px; position: absolute; right: 0; top: 0; display: none; } #ef10 a {border: none;} #header h1#logo { width: 195px; height: 55px; margin: 20px 0 15px 0; float: left; } #header h1#logo a { width: 195px; height: 55px; float: left; text-indent: -9999px; background: url('images/logo.png') 0 0 no-repeat; } #storePromo { display:block; float: left; width:159px; height:33px; margin: 39px 0 0 20px; background:url("images/storePromo.png") no-repeat; text-indent:-9999px; font-size:0; line-height:0; } #storePromo:hover { background-position: 0 -33px; } #page_title h1 { color: #e45000; font-size: 1.6em; font-family: 'helvetica neue', helvetica, arial; text-transform: uppercase; padding: 15px 0 0 20px; } #display h1 { font-family: 'ProximaNovaBold',helvetica,arial,sans-serif; font-weight: normal; color: #444; text-transform: uppercase; padding: 0 0 10px 0; font-size: 1.3em !important; letter-spacing: -0.05em; } #display h1 em { font-size: 1.36em; font-style:normal; letter-spacing: 1px; } #display #intro { display: block; width: 97%; padding: 0 20px 0 5px; line-height: 1.5em; /*text-shadow: rgb(229, 229, 229) 1px 1px;*/ } #display #intro a { text-shadow: none; } #for_designers h1 { font: normal 1.3em 'helvetica', arial; text-transform: Uppercase; font-weight: bold; padding: 10px 15px; line-height: 1.3em; letter-spacing: -0.03em; color: #9d9e5a; } #for_designers .grid_3 #design_how_you_want, #for_designers .grid_3 #get_rid_of_hassles, #for_designers .grid_3 #build_your_business, #for_designers .grid_3 #rely_on_our_support{ padding: 12px 15px 12px 20px; line-height: 1.6em; display: block; background: url('images/section_action_gray.jpg') 0 0 no-repeat; } #for_designers .grid_3 #design_how_you_want h1, #for_designers .grid_3 #get_rid_of_hassles h1, #for_designers .grid_3 #build_your_business h1, #for_designers .grid_3 #rely_on_our_support h1 { font-size: 14px; color: #cb520e; padding: 10px 0 7px 55px; margin: 0 0 10px 0; } #for_designers .grid_3 #design_how_you_want p, #for_designers .grid_3 #get_rid_of_hassles p, #for_designers .grid_3 #build_your_business p, #for_designers .grid_3 #rely_on_our_support p { padding: 0 5px 0 3px; } #for_designers #design_how_you_want h1 { background: url('images/icons/color_wheel.png') 3px 3px no-repeat; } #for_designers #get_rid_of_hassles h1 { background: url('images/icons/broom.png') 3px 3px no-repeat; } #for_designers #build_your_business h1 { background: url('images/icons/bag.png') 0 3px no-repeat; } #for_designers #rely_on_our_support h1 { background: url('images/icons/donut.png') 0 3px no-repeat; } #for_clients h1 { font: normal 1.3em 'helvetica', arial; text-transform: Uppercase; font-weight: bold; padding: 10px 15px; line-height: 1.3em; letter-spacing: -0.03em; color: #2e879b; } #for_clients .grid_3 #give_them_what_they_want, #for_clients .grid_3 #make_it_so_easy, #for_clients .grid_3 #save_the_money, #for_clients .grid_3 #set_your_own_pricing { padding: 12px 15px 12px 20px; line-height: 1.6em; display: block; background: url('images/section_action_gray.jpg') 0 0 no-repeat; } #for_clients .grid_3 #give_them_what_they_want h1, #for_clients .grid_3 #make_it_so_easy h1, #for_clients .grid_3 #save_the_money h1, #for_clients .grid_3 #set_your_own_pricing h1 { font-size: 14px; color: #cb520e; padding: 10px 0 7px 55px; margin: 0 0 10px 0; } #for_clients .grid_3 span p { padding: 0 0px 0 3px; } #for_clients #give_them_what_they_want h1 { background: url('images/icons/magic_wand.png') 0 3px no-repeat; } #for_clients #make_it_so_easy h1 { background: url('images/icons/sun.png') 0 3px no-repeat; } #for_clients #save_the_money h1 { background: url('images/icons/money.png') 0 6px no-repeat; } #for_clients .grid_3 #set_your_own_pricing { min-height: 211px; background: url('images/section_action_blue.jpg') 0 0 no-repeat; } #for_clients #set_your_own_pricing h1 { color: #266b7b; background: url('images/icons/equalizer.png') 0 3px no-repeat; } #rewards { padding: 25px 0 25px 0; background: url('images/section_top.jpg') 0 top no-repeat; } #rewards h1 { font: normal 1.3em 'helvetica', arial; padding: 15px 15px 20px 15px; font-weight: bold; letter-spacing: -0.05em; color: #444; text-transform:uppercase; } #rewards .grid_6 h1 { font-size: 14px; color: #cb520e; padding: 10px 0 7px 55px; margin: 0 0 10px 0; } #rewards .see_the_design_possibilities .element { margin:0 0 0 29px; padding: 12px 25px 12px 25px; line-height: 1.6em; display: block; background: url('images/section_action_rewards.png') 0 0 no-repeat; } #rewards .connect_with_other_designers .element { width: 382px; padding: 12px 25px 12px 25px; line-height: 1.6em; display: block; background: url('images/section_action_rewards.png') 0 0 no-repeat; } #rewards .see_the_design_possibilities h1 { background: url('images/icons/brush.png') 0 3px no-repeat; } #rewards .connect_with_other_designers h1 { background: url('images/icons/globe.png') 0 3px no-repeat; } #rewards .grid_4 h1 { font-size: 14px; color: #cb520e; padding: 10px 0 7px 55px; margin: 0 0 10px 0; } #rewards .grid_4.see_the_design_possibilities .element { margin:0; padding: 12px 25px 12px 25px; line-height: 1.6em; display: block; background: url('images/section_action_rewards1.png') 0 0 no-repeat; } #rewards .grid_4.connect_with_other_designers .element { width: auto; padding: 12px 25px 12px 25px; line-height: 1.6em; display: block; background: url('images/section_action_rewards1.png') 0 0 no-repeat; } #rewards .what_people_are_saying .element { min-height: 300px; padding: 12px 25px 12px 25px; line-height: 1.6em; display: block; background: url('images/section_action_rewards_blue.png') 0 0 no-repeat; } #rewards .grid_4.see_the_design_possibilities h1 { background: url('images/icons/brush.png') 0 8px no-repeat; } #rewards .grid_4.connect_with_other_designers h1 { background: url('images/icons/globe.png') 0 8px no-repeat; } #rewards .grid_4.what_people_are_saying h1 { color: #266b7b; padding: 16px 52px 7px 55px; margin: 0 0 10px 0; min-height: 32px; background: url('images/icons/speech_bubble.png') 0 5px no-repeat; } #gallery { height: 297px; position: relative; background: url('images/gallery.jpg') no-repeat; } #gallery #jQuery { display: block; height: 234px; } #gallery #jQuery .slide { padding: 21px 0 0 21px; } #gallery #navigator { display: block; padding: 28px 25px; float: left; } #gallery #navigator a { width: 10px; height: 10px; margin: 0 5px 0 0; float: left; text-indent: -9999px; background: url('images/buttons/gallery_off.jpg'); } #gallery #navigator a.activeSlide { background: url('images/buttons/gallery_on.jpg'); } #gallery .link_gallery a { position: absolute; width: 70px; height: 20px; right: 25px; text-indent: -9999px; font-size: 1.2em; bottom: 20px; } #try_it { padding: 25px 0 0 0; } .gallery h2.galleryTitle { width:968px; height:40px; background:url(images/banners/galllery_top_banner.png) -25px -20px no-repeat; text-indent:-500em; overflow:hidden; } #body h1 { font: normal 1.8em 'helvetica', arial; color: #444; letter-spacing: -0.03em; } #main_col li { list-style: none; padding: 2px 0 2px 20px; background: url('images/icons/arrow_green.png') 0 5px no-repeat; } #one_col li { list-style: none; padding: 2px 0 2px 20px; background: url('images/icons/arrow_green.png') 0 5px no-repeat; } #main_col ul.blue_list li { background: url('images/icons/arrow_blue.png') 0 5px no-repeat; } #one_col ul.blue_list li { background: url('images/icons/arrow_blue.png') 0 5px no-repeat; } #main_col ul.gray_list li { background: url('images/icons/arrow_gray.gif') 0 5px no-repeat; } #one_col ul.gray_list li { background: url('images/icons/arrow_grap.gif') 0 5px no-repeat; } .gallery #main_col li { background-image: none; } .calculator #main_col li { background-image: none; } .calculator #one_col li { background-image: none; } .forum #main_col li { background-image: none; } .forum #one_col li { background-image: none; } .gallery .blogList li { float: left; margin-right: 10px; } .gallery .blogList h2.postTitle a { font-size:.8em; font-family: ' helvetica neue', helvetica, arial; text-shadow: rgb(241, 240, 240) 1px 1px; text-decoration: none; color: #e45000; } .gallery .blogList li .postBody img { padding: 5px; border: 1px solid #d9d8d8; } .gallery .blogList .postDate { display: none; } .gallery .rss { display: none !important; } .gallery #gallery_sep { background: url('images/section_onecol.jpg') 0 0 no-repeat; } .gallery .gallery_detail .postBody img { padding: 5px; margin: 10px auto; border: 1px solid #d9d8d8; } .gallery .postBody span.gallery { display: block; } .gallery .post .postInfo { font-size: .9em; font-family: 'helvetica neue', helvetica; display: block; width: 100%; } .gallery .postInfo { display: none; } .blog #page_title h1 a { color: #E45000; text-decoration: none; } .blog #main_col .blogsElement li { padding: 0; background-image: none; } .blog #main_col .blogList ul li ul li { margin: 0 20px; list-style: square; } .blog #main_col .blogList ul li ol li { margin: 0 20px; list-style: decimal; } .blog #main_col .blogsElement h2.postTitle { font-size: 1.9em; margin-bottom: 20px; } .blog #main_col .blogsElement h2 a { text-decoration: none; color: #333; } .blog #main_col .blogsElement h2 a:hover { color: #666; } .blog #main_col .blogList .postBody ol { margin: 0 10px; padding: 0; list-style: decimal; background-image: none; } .blog #main_col .blogList .postBody ol li { margin: 8px 10px; padding: 0; list-style: decimal; background-image: none; } .blog #main_col .postBody ol { margin: 0 10px; padding: 0; list-style: decimal; background-image: none; } .blog #main_col .postBody ol li { margin: 8px 10px; padding: 0; list-style: decimal; background-image: none; } .blog #main_col .blogList .postBody ul { margin: 0 10px; padding: 0; list-style: square; background-image: none; } .blog #main_col .blogList .postBody ul li { margin: 8px 10px; padding: 0; list-style: square; background-image: none; } .blog #main_col .postBody ul { margin: 0 10px; padding: 0; list-style: square; background-image: none; } .blog #main_col .postBody ul li { margin: 8px 10px; padding: 0; list-style: square; background-image: none; } .blog #main_col .postBody ul li ul li { list-style: circle; } .blog .post_tile { margin-bottom: 25px; background: url('images/post_tile.jpg') 0 0 repeat-y; } .blog .post_top { background: url('images/post_top.jpg') 0 0 no-repeat; } .blog .post_bottom { padding: 5px 20px 15px 20px; background: url('images/post_bottom.jpg') 0 bottom no-repeat; } .blog .postBody { margin-bottom: 20px; } .blog .postInfo .postDate { color: #222 !important; font-style: normal !important; } .blog .postInfo em { font-style: normal !important; } .blog .postInfo a { color: #2b2828 !important; } .blog .rss { display: none; } .blog #main_col .post_bottom h2 { font-size: 1.9em; margin-bottom: 20px; } .blog .comments { font-size: .9em } .blog .comments .commentsHead { font-weight: bold; margin: 35px 0 15px 0; } .blog .comment_tile { margin-bottom: 25px; background: url('images/comment_tile.jpg') 0 0 repeat-y; } .blog .comment_top { background: url('images/comment_top.jpg') 0 0 no-repeat; } .blog .comment_bottom { padding: 15px; background: url('images/comment_bottom.jpg') 0 bottom no-repeat; } .blog .comment_bottom dl { margin-top: -20px; } .blog .comment_bottom dt, .blog .comment_bottom dd { margin: 0 -14px !important; padding: 0 14px !important; border: 0 !important; background-color: transparent !important; } .blog .comment_bottom dt { display: block; font-size: 1.65em; font-weight: normal; margin-top: 20px !important; padding: 10px 14px 15px 14px !important; } .blog .comment_bottom dt a { text-decoration: none; } .blog .comment_bottom dt a:hover { text-decoration: underline; } .blog .comment_bottom dd { margin-bottom: 20px !important; padding-bottom: 4em !important; position: relative; } .blog .comment_bottom dd .commentDate { color: #ffffff; font-style: normal; line-height: 1.6em; height: 1.5em; background-color: #9a9a9a; position: absolute; bottom: -5px; left: 15px; padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .blog .comment_bottom dd .commentDate a { margin-left: 2em; color: #ffffff; } .blog .comment_bottom dt.userComment { padding-top: 25px !important; border-top: 1px solid #cfcfcf !important; background-color: #f8f8f8 !important; } .blog .comment_bottom dt.userComment a { color: #e45000; } .blog .comment_bottom dd.userComment { background: #f8f8f8 url("images/comments_user_bottom.png") repeat-x center bottom !important; padding-bottom: 6em !important; } .blog .comment_bottom dd.userComment .commentDate { bottom: 10px; } .blog .comment_bottom dt.authorComment { min-height: 13px; border-top: 0 !important; background: #ffffff url("images/comments_author_top.png") no-repeat center top !important; } .blog .comment_bottom dd.authorComment { background: #ffffff url("images/comments_author_bottom.png") repeat-x center bottom !important; } .blog .blogBack a { font-family: 'helvetica neue', 'helvetica', arial; font-weight: bold; font-size: .85em; padding: 8px 15px; margin: 15px 0 5px 0; text-decoration: none; color: #fff; text-transform: uppercase; background: url('images/buttons/sign_up_6.png') 0 0 no-repeat; } .blog .addComment { font-weight: bold; } .blog .comment_bottom input { height: 25px; } .blog input.submitComment { width: auto !important; } .blog_archive #main_col ul li { padding-left: 0; background-image: none; } .blog_archive #main_col ul li a { font-weight: bold; } .blog_archive #main_col ul ul h2, .blog_archive #main_col ul ul .postInfo { padding: 0; margin: 0; } .blog_archive #main_col ul ul li { padding: 3px 0 5px 20px; margin: 0; background: url('images/gray_list_style.jpg') 0 13px no-repeat; } .blog_archive #main_col ul ul li h2 a { color: #777; font-size: 14px; font-weight: bold; } .blog_archive .rss { display: none } #sub_col #sub_nav_tile { background: url('images/sub_nav_tile.jpg') 0 0 repeat-y; } #sub_col #sub_nav_top { background: url('images/sub_nav_top.jpg') 0 0 no-repeat; } #sub_col #sub_nav_bottom { margin: 0 0 25px 0; min-height: 166px; background: url('images/sub_nav_bottom.jpg') 0 bottom no-repeat; } #footer h1 { font: normal 1.1em 'helvetica', arial; color: #777777; font-size: 13px; font-weight: bold; padding: 5px 15px 0px 15px; text-shadow: rgb(0, 0, 0) 1px 1px; } #footer #footer_divider { background: url('images/footer.png') 320px 0 repeat-y; } #footer #footer_tile { background: url('images/footer_tile.png') right 0 repeat-y; } #footer #footer_top { height: 5px; background: url('images/footer_top.png') right 0 no-repeat; } #footer #footer_bottom { height: 10px; background: url('images/footer_bottom.png') right bottom no-repeat; } #footer .credits { width: 231px; height: 71px; float: left; } #footer .credits a.ef { width: 221px; height: 71px; float: left; text-indent: -9999px; background: url('images/ef_logo.png') 0 0 no-repeat; } #footer .legal { font-size: 11px; margin-left: 39px; } #footer .credits a { color: #515050; } /* headers ------------------------------------------------------------------------------------------------*/ .design_help { padding-left: 35px; background: url('images/icons/dh24.png') 0 5px no-repeat; } .marketing_help { padding-left: 35px; background: url('images/icons/mh24.png') 0 5px no-repeat; } .more_help { padding-left: 35px; background: url('images/icons/oh24.png') 0 5px no-repeat; } .features_list_title { padding-left: 35px; background: url('images/icons/fl24.png') 0 5px no-repeat; } .pricing_grid_title { padding-left: 35px; background: url('images/icons/pg24.png') 0 5px no-repeat; } .video_title { padding-left: 35px; background: url('images/icons/vt24.png') 0 5px no-repeat; } .sg { padding: 12px 0 2px 30px; background: url('images/icons/sg.png') 0 7px no-repeat; } /* Solid Growth */ .fi { padding: 12px 0 2px 30px; background: url('images/icons/fi.png') 0 7px no-repeat; } /* Financial Independence */ .ir { padding: 12px 0 2px 30px; background: url('images/icons/ir.png') 0 7px no-repeat; } /* International Reach */ .et { padding: 12px 0 2px 30px; background: url('images/icons/et.png') 0 7px no-repeat; } /* Exclusive Team */ .fv { padding: 12px 0 2px 30px; background: url('images/icons/fv.png') 0 7px no-repeat; } /* Focused Vision */ .wtc_hosting { padding-left: 32px; background: url('images/icons/wtc_hosting.png') 0 5px no-repeat; } .wtc_upgrade { padding-left: 32px; background: url('images/icons/wtc_upgrade.png') 0 5px no-repeat; } .wtc_support { padding-left: 32px; background: url('images/icons/wtc_support.png') 0 5px no-repeat; } .wtc_features { padding-left: 32px; background: url('images/icons/wtc_features.png') 0 5px no-repeat; } .wtc_ease { padding-left: 32px; background: url('images/icons/wtc_ease.png') 0 5px no-repeat; } .wtc_business { padding-left: 32px; background: url('images/icons/wtc_business.png') 0 5px no-repeat; } .design_sidebar { padding-left: 32px; background: url('images/icons/design_sidebar.png') 0 6px no-repeat; } .who_uses_sidebar { padding-left: 32px; font-size: 1.3em; margin-bottom: 15px; background: url('images/icons/who_uses_sidebar.png') 0 2px no-repeat; } .dollar_icon { padding-left: 22px !important; background: url('images/icons/pricing_icon.png') 2px 8px no-repeat !important; } .rewards_icon { padding-left: 22px !important; background: url('images/icons/rewards_icon.png') 0 8px no-repeat !important; } .pricing #page_title h1 { width: 943px; height:102px; background: url(images/banners/over100000users.png) 1.1em top no-repeat; text-indent:-500em; overflow:hidden; padding: 0 !important; margin: -0.4em 0 0 0 !important; } .pricing #page_title h2 { width: 879px; height:22px; background: url(images/banners/jointhem.png) left top no-repeat; text-indent:-500em; overflow:hidden; padding: 0 !important; margin: 0em 0 0 2.3116em !important; float: left; } /* Navigation & Lists -------------------------------------------------------------------------------------*/ .top_nav { width: 100%; height: 29px; float: right; padding: 2px 0 0 0; margin: 0 0 10px 0; font-family: 'helvetica neue', helvetica, arial; } .top_nav li { float: right; list-style: none; padding: 6px 0 0 5px; } .top_nav li a { text-transform: uppercase; color: #fff; font-size: .95em; font-weight: normal; font-family: 'ProximaNovaBold'; padding: 8px 11px 8px 11px; text-decoration: none; text-shadow: 0px -1px 1px #757575; } .top_nav li a:hover { background: url('images/buttons/top_nav_small.png') center no-repeat; } .top_nav li.link_faq a { } .top_nav li.link_faq a:hover { background: url('images/buttons/top_nav_tiny.png') center no-repeat; } .top_nav li.link_buzz a { } .top_nav li.link_buzz a:hover { background: url('images/buttons/top_nav_tiny.png') center no-repeat; } .top_nav li.link_blog { padding-left: 13px; margin-left: 15px; background: url('images/icons/blog.png') 2px 8px no-repeat; } .top_nav li.link_blog a { color: #faf3cd; } .top_nav li.link_blog a:hover { background-image: none; } .top_nav li.link_twitter { padding-left: 13px; margin-left: 10px; background: url('images/icons/twitter.png') 0 6px no-repeat; } .top_nav li.link_twitter a { color: #cbf5f4; } .top_nav li.link_twitter a:hover { background-image: none; } .top_nav li.link_facebook { padding-left: 7px; margin-left: 10px; background: url('images/icons/facebook_icon.png') 0 8px no-repeat; } .top_nav li.link_facebook a { color: #ffffff; } .top_nav li.link_facebook a:hover { background-image: none; } .main_nav { width: 100%; float: right; padding: 15px 0 10px 0; margin: 20px 0 0 0; font-family: 'helvetica neue', helvetica, arial; } .main_nav li { float: right; list-style: none; margin: 0px 0 0 5px; padding: 12px 10px; } .main_nav li a { text-transform: uppercase; color: #464646; font-size: 1.1667em; font-weight: normal; font-family: 'ProximaNovaBold'; text-decoration: none; text-shadow: 0px -1px 1px #ffffff; } .main_nav li a:hover, .main_nav li.selectedPage a,.main_nav li.selectedPageRoot a { color: #2d859a; border-bottom: 3px solid #2d859a; } .sub_nav { padding: 10px 1px; } .sub_nav li { display: block; list-style: none; background: url('images/sub_nav_sep.jpg') 0 bottom repeat-x; } .sub_nav li.last { background-image: none; } .sub_nav li a { padding: 8px 5px 8px 45px; display: block; font-size: 1.1em; color: #919191; font-weight: bold; text-decoration: none; } .sub_nav li a:hover,.sub_nav li.selectedPage a { color: #cb520e; } .sub_nav li a.one { background: url('images/icons/pages/1.png') 15px 10px no-repeat; } .sub_nav li a.one:hover,.sub_nav li.selectedPage a.one { background: url('images/icons/pages/1_on.png') 15px 10px no-repeat; } .sub_nav li a.two { background: url('images/icons/pages/2.png') 15px 7px no-repeat; } .sub_nav li a.two:hover,.sub_nav li.selectedPage a.two { background: url('images/icons/pages/2_on.png') 15px 7px no-repeat; } .sub_nav li a.three { background: url('images/icons/pages/3.png') 15px 9px no-repeat; } .sub_nav li a.three:hover,.sub_nav li.selectedPage a.three { background: url('images/icons/pages/3_on.png') 15px 9px no-repeat; } .sub_nav li a.four { background: url('images/icons/pages/4.png') 15px 7px no-repeat; } .sub_nav li a.four:hover,.sub_nav li.selectedPage a.four { background: url('images/icons/pages/4_on.png') 15px 7px no-repeat; } .sub_nav li a.five { background: url('images/icons/pages/5.png') 15px 7px no-repeat; } .sub_nav li a.five:hover,.sub_nav li.selectedPage a.five { background: url('images/icons/pages/5_on.png') 15px 7px no-repeat; } .sub_nav li a.six { background: url('images/icons/pages/6.png') 15px 10px no-repeat; } .sub_nav li a.six:hover,.sub_nav li.selectedPage a.six { background: url('images/icons/pages/6_on.png') 15px 10px no-repeat; } .sub_nav li a.seven { background: url('images/icons/pages/7.png') 15px 10px no-repeat; } .sub_nav li a.seven:hover,.sub_nav li.selectedPage a.seven { background: url('images/icons/pages/7_on.png') 15px 10px no-repeat; } .sub_nav li a.eight { background: url('images/icons/pages/8.png') 15px 7px no-repeat; } .sub_nav li a.eight:hover,.sub_nav li.selectedPage a.eight { background: url('images/icons/pages/8_on.png') 15px 7px no-repeat; } .sub_nav li a.nine { background: url('images/icons/pages/9.png') 15px 7px no-repeat; } .sub_nav li a.nine:hover,.sub_nav li.selectedPage a.nine { background: url('images/icons/pages/9_on.png') 15px 7px no-repeat; } .sub_nav li a.ten { background: url('images/icons/pages/10.png') 15px 7px no-repeat; } .sub_nav li a.ten:hover ,.sub_nav li.selectedPage a.ten { background: url('images/icons/pages/10_on.png') 15px 7px no-repeat; } .sub_nav li a.eleven { background: url('images/icons/pages/11.png') 15px 10px no-repeat; } .sub_nav li a.eleven:hover ,.sub_nav li.selectedPage a.eleven { background: url('images/icons/pages/11_on.png') 15px 10px no-repeat; } .sub_nav li a.twelve { background: url('images/icons/pages/12.png') 15px 7px no-repeat; } .sub_nav li a.twelve:hover,.sub_nav li.selectedPage a.twelve { background: url('images/icons/pages/12_on.png') 15px 7px no-repeat; } .sub_nav li a.thirteen { background: url('images/icons/pages/13.png') 15px 7px no-repeat; } .sub_nav li a.thirteen:hover,.sub_nav li.selectedPage a.thirteen { background: url('images/icons/pages/13_on.png') 15px 7px no-repeat; } .sub_nav li a.fourteen { background: url('images/icons/pages/14.png') 15px 7px no-repeat; } .sub_nav li a.fourteen:hover,.sub_nav li.selectedPage a.fourteen { background: url('images/icons/pages/14_on.png') 15px 7px no-repeat; } .sub_nav li a.fifteen { background: url('images/icons/pages/15.png') 15px 7px no-repeat; } .sub_nav li a.fifteen:hover,.sub_nav li.selectedPage a.fifteen { background: url('images/icons/pages/15_on.png') 15px 7px no-repeat; } .sub_nav li a.sixteen { background: url('images/icons/pages/16.png') 15px 10px no-repeat; } .sub_nav li a.sixteen:hover,.sub_nav li.selectedPage a.sixteen { background: url('images/icons/pages/16_on.png') 15px 10px no-repeat; } .sub_nav li a.seventeen { background: url('images/icons/pages/17.png') 15px 7px no-repeat; } .sub_nav li a.seventeen:hover,.sub_nav li.selectedPage a.seventeen { background: url('images/icons/pages/17_on.png') 15px 7px no-repeat; } .sub_nav li a.eightteen { background: url('images/icons/pages/18.png') 15px 7px no-repeat; } .sub_nav li a.eightteen:hover,.sub_nav li.selectedPage a.eightteen { background: url('images/icons/pages/18_on.png') 15px 7px no-repeat; } .sub_nav li a.nineteen { background: url('images/icons/pages/19.png') 15px 7px no-repeat; } .sub_nav li a.nineteen:hover,.sub_nav li.selectedPage a.nineteen { background: url('images/icons/pages/19_on.png') 15px 7px no-repeat; } .sub_nav li a.twenty { background: url('images/icons/pages/20.png') 15px 7px no-repeat; } .sub_nav li a.twenty:hover,.sub_nav li.selectedPage a.twenty { background: url('images/icons/pages/20_on.png') 15px 7px no-repeat; } .sub_nav li a.twentyone { background: url('images/icons/pages/21.png') 15px 7px no-repeat; } .sub_nav li a.twentyone:hover,.sub_nav li.selectedPage a.twentyone { background: url('images/icons/pages/21_on.png') 15px 7px no-repeat; } .sub_nav li a.twentytwo { background: url('images/icons/pages/22.png') 15px 7px no-repeat; } .sub_nav li a.twentytwo:hover,.sub_nav li.selectedPage a.twentytwo { background: url('images/icons/pages/22_on.png') 15px 7px no-repeat; } .sub_nav li a.twentythree { background: url('images/icons/pages/23.png') 15px 10px no-repeat; } .sub_nav li a.twentythree:hover,.sub_nav li.selectedPage a.twentythree { background: url('images/icons/pages/23_on.png') 15px 10px no-repeat; } .sub_nav li a.twentyfour { background: url('images/icons/pages/24.png') 15px 7px no-repeat; } .sub_nav li a.twentyfour:hover,.sub_nav li.selectedPage a.twentyfour { background: url('images/icons/pages/24_on.png') 15px 7px no-repeat; } .sub_nav li a.twentyfive { background: url('images/icons/pages/25.png') 15px 7px no-repeat; } .sub_nav li a.twentyfive:hover,.sub_nav li.selectedPage a.twentyfive { background: url('images/icons/pages/25_on.png') 15px 7px no-repeat; } .sub_nav li a.twentysix { background: url('images/icons/pages/26.png') 15px 8px no-repeat; } .sub_nav li a.twentysix:hover,.sub_nav li.selectedPage a.twentysix { background: url('images/icons/pages/26_on.png') 15px 8px no-repeat; } .sub_nav li a.twentyseven { background: url('images/icons/pages/9.png') 15px 7px no-repeat; } .sub_nav li a.twentyseven:hover,.sub_nav li.selectedPage a.twentyseven { background: url('images/icons/pages/27_on.png') 15px 7px no-repeat; } .sub_nav li a.twentyeight { background: url('images/icons/pages/28.png') 15px 7px no-repeat; } .sub_nav li a.twentyeight:hover,.sub_nav li.selectedPage a.twentyeight { background: url('images/icons/pages/28_on.png') 15px 7px no-repeat; } .sub_nav li a.twentynine { background: url('images/icons/pages/29.png') 15px 9px no-repeat; } .sub_nav li a.twentynine:hover,.sub_nav li.selectedPage a.twentynine { background: url('images/icons/pages/29_on.png') 15px 9px no-repeat; } .sub_nav li a.thirty { background: url('images/icons/pages/30.png') 15px 9px no-repeat; } .sub_nav li a.thirty:hover,.sub_nav li.selectedPage a.thirty { background: url('images/icons/pages/30_on.png') 15px 9px no-repeat; } .sub_nav li a.thirtyone { background: url('images/icons/pages/31.png') 15px 9px no-repeat; } .sub_nav li a.thirtyone:hover,.sub_nav li.selectedPage a.thirtyone { background: url('images/icons/pages/31_on.png') 15px 9px no-repeat; } .footer_nav { padding: 5px 10px 5px 15px; } .footer_nav li { list-style: none; padding: 0px 0 0 0px; margin: 0; background-image: none !important; } .footer_nav li a { color: #515050; font-size: 11px; font-weight: normal !important; text-decoration: none; } .footer_nav li a:hover { color: #777777; text-decoration: underline;} .features_list { } .features_list li { padding: 5px 5px 7px 25px; list-style: none; } .features_list li.wm { background: url('images/icons/wm16.png') 0 5px no-repeat; } /* Simple website management */ .features_list li.we { background: url('images/icons/we16.png') 0 5px no-repeat; } /* WYSIWYG editing */ .features_list li.bl { background: url('images/icons/bl16.png') 0 5px no-repeat; } /* Blog */ .features_list li.vi { background: url('images/icons/vi16.png') 0 5px no-repeat; } /* Video */ .features_list li.pg { background: url('images/icons/pg16.png') 0 5px no-repeat; } /* Photo gallery */ .features_list li.fb { background: url('images/icons/fb16.png') 0 5px no-repeat; } /* Form builder */ .features_list li.se { background: url('images/icons/se16.png') 0 5px no-repeat; } /* SEO */ .features_list li.rs { background: url('images/icons/rs16.png') 0 5px no-repeat; } /* RSS */ .features_list li.cu { background: url('images/icons/cu16.png') 0 5px no-repeat; } /* Continual upgrades */ .features_list li.rh { background: url('images/icons/rh16.png') 0 5px no-repeat; } /* Rock solid hosting */ .features_list li.ie { background: url('images/icons/ie16.png') 0 5px no-repeat; } /* Built-in image editor */ .features_list li.ca { background: url('images/icons/ca16.png') 0 5px no-repeat; } /* HTML code access */ .features_list li.ft { background: url('images/icons/ft16.png') 0 5px no-repeat; } /* FTP access */ .features_list li.pd { background: url('images/icons/pd16.png') 0 5px no-repeat; } /* Podcasts */ .features_list li.dn { background: url('images/icons/dn16.png') 0 5px no-repeat; } /* Donations */ .features_list li.fm { background: url('images/icons/fm16.png') 0 5px no-repeat; } /* File management */ .features_list li.ws { background: url('images/icons/ws16.png') 0 5px no-repeat; } /* Website search */ .features_list li.st { background: url('images/icons/st16.png') 0 5px no-repeat; } /* Stats */ .features_list li.sc { background: url('images/icons/sc16.png') 0 5px no-repeat; } /* Secure private content */ .features_list li.ur { background: url('images/icons/ur16.png') 0 5px no-repeat; } /* Users and roles */ .features_list li.cl { background: url('images/icons/cl16.png') 0 5px no-repeat; } /* Calendars */ .features_list li.cb { background: url('images/icons/cb16.png') 0 5px no-repeat; } /* Cross-browser compatibility */ .features_display .wm { margin-top: 15px; padding-left: 60px; background: url('images/icons/wm48.png') 0 5px no-repeat; } /* Simple website management */ .features_display .we { margin-top: 15px; padding-left: 60px; background: url('images/icons/we48.png') 0 5px no-repeat; } /* WYSIWYG editing */ .features_display .bl { margin-top: 15px; padding-left: 60px; background: url('images/icons/bl48.png') 0 5px no-repeat; } /* Blog */ .features_display .vi { margin-top: 15px; padding-left: 60px; background: url('images/icons/vi48.png') 0 5px no-repeat; } /* Video */ .features_display .pg { margin-top: 15px; padding-left: 60px; background: url('images/icons/pg48.png') 0 5px no-repeat; } /* Photo gallery */ .features_display .fb { margin-top: 15px; padding-left: 60px; background: url('images/icons/fb48.png') 0 5px no-repeat; } /* Form builder */ .features_display .se { margin-top: 15px; padding-left: 60px; background: url('images/icons/se48.png') 0 5px no-repeat; } /* SEO */ .features_display .rs { margin-top: 15px; padding-left: 60px; background: url('images/icons/rs48.png') 0 5px no-repeat; } /* RSS */ .features_display .cu { margin-top: 15px; padding-left: 60px; background: url('images/icons/cu48.png') 0 5px no-repeat; } /* Continual upgrades */ .features_display .rh { margin-top: 15px; padding-left: 60px; background: url('images/icons/rh48.png') 0 5px no-repeat; } /* Rock solid hosting */ .features_display .ie { margin-top: 15px; padding-left: 60px; background: url('images/icons/ie48.png') 0 5px no-repeat; } /* Built-in image editor */ .features_display .ca { margin-top: 15px; padding-left: 60px; background: url('images/icons/ca48.png') 0 5px no-repeat; } /* HTML code access */ .features_display .ft { margin-top: 15px; padding-left: 60px; background: url('images/icons/ft48.png') 0 5px no-repeat; } /* FTP access */ .features_display .pd { margin-top: 15px; padding-left: 60px; background: url('images/icons/pd48.png') 0 5px no-repeat; } /* Podcasts */ .features_display .dn { margin-top: 15px; padding-left: 60px; background: url('images/icons/dn48.png') 0 5px no-repeat; } /* Donations */ .features_display .fm { margin-top: 15px; padding-left: 60px; background: url('images/icons/fm48.png') 0 5px no-repeat; } /* File management */ .features_display .ws { margin-top: 15px; padding-left: 60px; background: url('images/icons/ws48.png') 0 5px no-repeat; } /* Website search */ .features_display .st { margin-top: 15px; padding-left: 60px; background: url('images/icons/st48.png') 0 5px no-repeat; } /* Stats */ .features_display .sc { margin-top: 15px; padding-left: 60px; background: url('images/icons/sc48.png') 0 5px no-repeat; } /* Secure private content */ .features_display .ur { margin-top: 15px; padding-left: 60px; background: url('images/icons/ur48.png') 0 5px no-repeat; } /* Users and roles */ .features_display .cl { margin-top: 15px; padding-left: 60px; background: url('images/icons/cl48.png') 0 5px no-repeat; } /* Calendars */ .features_display .cb { margin-top: 15px; padding-left: 60px; background: url('images/icons/cb48.png') 0 5px no-repeat; } /* Cross-browser compatibility */ li#li_ico_round_yellow { padding: 2px 2px 2px 25px; background: url('images/icons/yc16.png') 0 2px no-repeat; } li#li_ico_data { padding: 2px 2px 2px 25px; background: url('images/icons/rh16.png') 0 2px no-repeat; } li#li_ico_fan { padding: 2px 2px 2px 25px; background: url('images/icons/fn16.png') 0 2px no-repeat; } li#li_ico_lock { padding: 2px 2px 2px 25px; background: url('images/icons/lk16.png') 0 2px no-repeat; } #sub_col .tagList { padding: 5px 0; margin: 7px 0 0 0; background: url('images/tag_list_sep.jpg') 0 0 repeat-x;} #sub_col .tagList .tag { font-size: 1.1em; margin: 5px 0 7px 0; padding: 0px 0 6px 0; background: url('images/tags_sep.jpg') 0 bottom repeat-x; } #sub_col .tagList .tag a{ padding: 3px 0 1px 20px; text-decoration: none; font-size: .9em; color: #17515e; background: url('images/icons/tag_blue.png') 0 0px no-repeat; } #sub_col .tagList .tag a:hover { color: #17515e; } /* buttons & links ----------------------------------------------------------------------------------------*/ .button_blue_left { background:url(images/buttons/blue_left.png) left top no-repeat; padding:0 0 0 18px; margin: 1px 1.7em 0 -0.7166em; text-align:center; float: left; } .button_blue_left a { display:block; padding: 13px 60px 12px 30px; color: #fff; float: left; font-size: 13px; text-transform: uppercase; text-decoration: none; font-family: 'helvetica neue', helvetica, arial; text-decoration: none; text-shadow: 0px -1px 0px #166A79 !important; font-weight: bold; background: url('images/buttons/blue_right.png') top right no-repeat; margin: 0 -30px 0 0; } .button_blue_right { background:url(images/buttons/blue_left.png) left top no-repeat; padding:0 0 0 18px; margin: 1px 1.7em 0 -0.7166em; text-align:center; float: left; } .button_blue_right a { display:block; padding: 13px 60px 12px 30px; color: #fff; float: left; font-size: 13px; text-transform: uppercase; text-decoration: none; font-family: 'helvetica neue', helvetica, arial; text-decoration: none; text-shadow: 0px -1px 0px #166A79 !important; font-weight: bold; background: url('images/buttons/blue_right.png') top right no-repeat; margin: 0 -30px 0 0; } .button_orange_left, .button_orange_left_free { background:url(images/buttons/orange_left.png) left top no-repeat; padding:0 19px 0 18px; text-align:center; float: left; } .button_orange_left a, .button_orange_left_free a { display:block; padding: 9px 45px 12px 22px; color: #fff; float: left; font-size: 13px; text-transform: uppercase; text-decoration: none; font-family: 'helvetica neue', helvetica, arial; text-decoration: none; text-shadow: 0px -1px 0px #D15C19 !important; font-weight: bold; background: url('images/buttons/orange_right.png') top right no-repeat; margin: 0 -6em 0 0; } .button_orange_left span, .button_orange_left_free span { display:block ; color:#f8e2d3; font-size:0.81667em; font-weight:normal; text-transform:none; line-height:0.5em; } .button_orange_left_free a { background:url(images/buttons/orange_right_free.png) top right no-repeat; margin-right:-72px; } .button_orange_right, .button_orange_right_free { background:url(images/buttons/orange_left.png) left top no-repeat; padding:0 19px 0 18px; text-align:center; float: left; } .button_orange_right a, .button_orange_right_free a { display:block; padding: 9px 45px 12px 22px; color: #fff; float: left; font-size: 13px; text-transform: uppercase; text-decoration: none; font-family: 'helvetica neue', helvetica, arial; text-decoration: none; text-shadow: 0px -1px 0px #D15C19 !important; font-weight: bold; background: url('images/buttons/orange_right.png') top right no-repeat; margin: 0 -6em 0 0; } .button_orange_right span, .button_orange_right_free span { display:block ; color:#f8e2d3; font-size:0.81667em; font-weight:normal; text-transform:none; line-height:0.5em; } .button_orange_right_free a { background:url(images/buttons/orange_right_free.png) top right no-repeat; margin-right:-72px; } .link_more { width: 50px; margin: 10px 0 0 0; text-indent: -9999px; float: right; background: url('images/buttons/link_more.jpg') 0 0 no-repeat; } .link_more_blue { width: 50px; margin: 10px 0 0 0; text-indent: -9999px; float: right; background: url('images/buttons/link_more_blue.jpg') 0 0 no-repeat; } #page_title .button_orange_right, #page_title .button_orange_right_free { margin: 0 4.4em 0 0; } /* banners & containers -----------------------------------------------------------------------------------*/ .testimonials_tile { font-family: 'georgia'; font-style: italic; line-height: 1.5em; background: url('images/banners/testimonials_tile.jpg') 0 0 repeat-y; } .testimonials_top { padding: 10px 20px 5px 20px; background: url('images/banners/testimonials_top.jpg') 0 0 no-repeat; } .testimonials_top p { margin-top: 6px; } .testimonials_bottom { padding: 10px 20px 0px 20px; margin: 0 0 25px 0;font-family: 'georgia'; font-style: italic; line-height: 1.5em; background: url('images/banners/testimonials_bottom.jpg') 0 0 no-repeat; } .testimonials_bottom .cite { display: block; text-align: right; } .testimonials_bottom a { color: #e55b10; } .yellow_banner_tile { margin: 0 0 25px 0; line-height: 1.5em; background: url('images/banners/yellow_banner_tile.jpg') 0 0 repeat-y; } .yellow_banner_top { background: url('images/banners/yellow_banner_top.jpg') 0 0 no-repeat; } .yellow_banner_bottom { padding: 10px 20px 20px 20px; color: #696b6c; min-height: 130px; font-size: .9em; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/yellow_banner_bottom.jpg') 0 bottom no-repeat; } .yellow_banner_bottom h1 { color: #12809e; margin: 0; padding: 10px 0 0 0; text-shadow: none; font-family: 'helvetica neue', helvetica, arial; font-size: 1.4em; letter-spacing: -0.03em; } .yellow_banner_bottom a { color: #e55b10; } .yellow_banner_bottom ul { padding: 6px 5px 2px 15px; } .yellow_banner_bottom li { padding: 3px 0; } .blue_banner_tile { margin: 0 0 25px 0; line-height: 1.5em; background: url('images/banners/blue_banner_tile.jpg') 0 0 repeat-y; } .blue_banner_top { background: url('images/banners/blue_banner_top.jpg') 0 0 no-repeat; } .blue_banner_bottom { padding: 10px 20px 10px 20px; min-height: 145px; color: #696b6c; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/blue_banner_bottom.jpg') 0 bottom no-repeat; } .blue_banner_bottom h1 { color: #12809e; margin: 0; padding: 10px 0 0 0; text-shadow: none; font-family: 'helvetica neue', helvetica, arial; font-size: 1.4em; letter-spacing: -0.03em; } .blue_banner_bottom a { color: #e55b10; } .blue_banner_bottom ul { padding: 2px 5px 2px 15px; } .green_banner_tile { margin: 0 0 25px 0; line-height: 1.5em; background: url('images/banners/green_banner_tile.jpg') 0 0 repeat-y; } .green_banner_top { background: url('images/banners/green_banner_top.jpg') 0 0 no-repeat; } .green_banner_bottom { padding: 10px 20px 10px 20px; color: #696b6c;min-height: 130px; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/green_banner_bottom.jpg') 0 bottom no-repeat; } .green_banner_bottom h1 { color: #12809e; margin: 0; padding: 10px 0 0 0; text-shadow: none; font-family: 'helvetica neue', helvetica, arial; font-size: 1.4em; letter-spacing: -0.03em; } .green_banner_bottom a { color: #e55b10; } .green_banner_bottom ul { padding: 2px 5px 2px 15px; } .gray_banner_tile { margin: 0 0 25px 0; line-height: 1.5em; background: url('images/banners/gray_banner_tile.jpg') 0 0 repeat-y; } .gray_banner_top { background: url('images/banners/gray_banner_top.jpg') 0 0 no-repeat; } .gray_banner_bottom { padding: 10px 20px 10px 20px; color: #696b6c; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/gray_banner_bottom.jpg') 0 bottom no-repeat; } .gray_banner_bottom h1 { color: #12809e; margin: 0; padding: 10px 0 0 0; text-shadow: none; font-family: 'helvetica neue', helvetica, arial; font-size: 1.4em; letter-spacing: -0.03em; } .gray_banner_bottom a { color: #e55b10; } .gray_banner_bottom ul { padding: 2px 5px 2px 15px; } .yellow_container_tile { margin: 0 0 25px 0; line-height: 1.5em; background: url('images/banners/yellow_container_tile.jpg') 0 0 repeat-y; } .yellow_container_top { background: url('images/banners/yellow_container_top.jpg') 0 0 no-repeat; } .yellow_container_bottom { padding: 10px 20px 10px 20px; color: #696b6c; font-size: .9em; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/yellow_container_bottom.jpg') 0 bottom no-repeat; } .yellow_container_bottom h1 { color: #12809e; margin: 0; padding: 10px 0 0 0; text-shadow: none; font-family: 'helvetica neue', helvetica, arial; font-size: 1.4em; letter-spacing: -0.03em; } .yellow_container_bottom a { color: #e55b10; } .yellow_container_2_tile { margin: 0 0 25px 0; line-height: 1.5em; background: url('images/banners/yellow_container_2_tile.jpg') 0 0 repeat-y; } .yellow_container_2_top { background: url('images/banners/yellow_container_2_top.jpg') 0 0 no-repeat; } .yellow_container_2_bottom { padding: 10px 20px 10px 20px; color: #696b6c; font-size: .9em; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/yellow_container_2_bottom.jpg') 0 bottom no-repeat; } .yellow_container_2_bottom h1 { color: #12809e; margin: 0; padding: 10px 0 0 0; text-shadow: none; font-family: 'helvetica neue', helvetica, arial; font-size: 1.4em; letter-spacing: -0.05em; } .yellow_container_2_bottom a { color: #e55b10; } .gray_container_tile { margin: 0 0 25px 0; line-height: 1.5em; background: url('images/banners/gray_container_tile.jpg') 0 0 repeat-y; } .gray_container_top { background: url('images/banners/gray_container_top.jpg') 0 0 no-repeat; } .gray_container_bottom { padding: 10px 20px 10px 20px; color: #696b6c; font-size: .9em; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/gray_container_bottom.jpg') 0 bottom no-repeat; } .gray_container_bottom h1 { color: #12809e; margin: 0; padding: 10px 0 0 0; text-shadow: none; font-family: 'helvetica neue', helvetica, arial; font-size: 1.4em; letter-spacing: -0.03em; } .gray_container_bottom a { color: #e55b10; } .blue_links a { color: #2088a4 !important; } .orange_links a { color: #e55b10 !important; } .gray_container_4_tile { margin: 0 0 25px 0; line-height: 1.5em; background: url('images/banners/gray_container_4_tile.jpg') 0 0 repeat-y; } .gray_container_4_top { background: url('images/banners/gray_container_4_top.jpg') 0 0 no-repeat; } .gray_container_4_bottom { padding: 10px 20px 10px 20px; color: #696b6c; font-size: .9em; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/gray_container_4_bottom.jpg') 0 bottom no-repeat; } .gray_container_4_bottom h1 { color: #12809e; margin: 0; padding: 10px 0 0 0; text-shadow: none; font-family: 'helvetica neue', helvetica, arial; font-size: 1.4em; letter-spacing: -0.03em; } .gray_container_4_bottom a { color: #e55b10; } .gray_container_5_tile { margin: 0 0 25px 0; line-height: 1.5em; background: url('images/banners/gray_container_5_tile.jpg') 0 0 repeat-y; } .gray_container_5_top { background: url('images/banners/gray_container_5_top.jpg') 0 0 no-repeat; } .gray_container_5_bottom { padding: 10px 20px 10px 20px; color: #696b6c; font-size: .9em; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/gray_container_5_bottom.jpg') 0 bottom no-repeat; } .gray_container_5_bottom h1 { color: #12809e; margin: 0; padding: 10px 0 0 0; text-shadow: none; font-family: 'helvetica neue', helvetica, arial; font-size: 1.4em; letter-spacing: -0.03em; } .gray_container_5_bottom a { color: #e55b10; } .three_across_tile { background: url('images/banners/three_across_tile.jpg') 0 0 repeat-y; } .three_across_top { background: url('images/banners/three_across_top.jpg') 0 0 no-repeat; } .three_across_bottom { background: url('images/banners/three_across_bottom.jpg') 0 bottom no-repeat; } .two_across_tile { background: url('images/banners/two_across_tile.jpg') 0 0 repeat-y; } .two_across_top { background: url('images/banners/two_across_top.jpg') 0 0 no-repeat; } .two_across_bottom { background: url('images/banners/two_across_bottom.jpg') 0 bottom no-repeat; } .four_across_tile { background: url('images/banners/four_across_tile.jpg') 0 0 repeat-y; } .four_across_top { background: url('images/banners/four_across_top.jpg') 0 0 no-repeat; } .four_across_bottom { background: url('images/banners/four_across_bottom.jpg') 0 bottom no-repeat; } .three_col_gray_container_tile { margin-bottom: 20px; background: url('images/banners/three_col_gray_container_tile.jpg') 0 0 repeat-y; } .three_col_gray_container_top { background: url('images/banners/three_col_gray_container_top.jpg') 0 0 no-repeat; } .three_col_gray_container_bottom { background: url('images/banners/three_col_gray_container_bottom.jpg') 0 bottom no-repeat; } .three_col_gray_container_bottom ul { padding: 0 5px !important; } .three_col_gray_container_bottom li { padding: 2px 15px !important; list-style: none; background: url('images/gray_list_style.jpg') 0 9px no-repeat !important; } .three_col_gray_container_bottom h3.pricing_hosting { font-size: 1.2em; color: #333; font-weight: bold; padding-left: 35px; background: url('images/icons/pricing_hosting.jpg') 0 3px no-repeat; } .three_col_gray_container_bottom h3.pricing_design { font-size: 1.2em; color: #333; font-weight: bold; padding-left: 35px; background: url('images/icons/pricing_design.jpg') 0 5px no-repeat; } .three_col_gray_container_bottom h3.pricing_editing { font-size: 1.2em; color: #333; font-weight: bold; padding-left: 35px; background: url('images/icons/pricing_editing.jpg') 0 3px no-repeat; } .three_col_gray_container_bottom h3.pricing_forms { font-size: 1.2em; color: #333; font-weight: bold; padding-left: 35px; background: url('images/icons/pricing_form.jpg') 0 3px no-repeat; } .three_col_gray_container_bottom h3.pricing_blogs { font-size: 1.2em; color: #333; font-weight: bold; padding-left: 35px; background: url('images/icons/pricing_blogs.jpg') 0 3px no-repeat; } .three_col_gray_container_bottom h3.pricing_calendars { font-size: 1.2em; color: #333; font-weight: bold; padding-left: 35px; background: url('images/icons/pricing_calendar.jpg') 0 3px no-repeat; } .three_col_gray_container_bottom h3.pricing_seo { font-size: 1.2em; color: #333; font-weight: bold; padding-left: 35px; background: url('images/icons/pricing_seo.jpg') 0 3px no-repeat; } .three_col_gray_container_bottom h3.pricing_ecommerce { font-size: 1.2em; color: #333; font-weight: bold; padding-left: 35px; background: url('images/icons/pricing_ecommerce.jpg') 0 3px no-repeat; } .three_col_gray_container_bottom h3.pricing_users { font-size: 1.2em; color: #333; font-weight: bold; padding-left: 35px; background: url('images/icons/pricing_users.jpg') 0 5px no-repeat; } .pricing_sign_up_tile { margin-bottom: 25px; background: url('images/pricing_sign_up_tile.jpg') 0 0 repeat-y; } .pricing_sign_up_top { background: url('images/pricing_sign_up_top.jpg') 0 0 no-repeat; } .pricing_sign_up_bottom { background: url('images/pricing_sign_up_bottom.jpg') 0 bottom no-repeat; } .pricing_sign_up_bottom ul { padding: 0 5px !important; } .pricing_sign_up_bottom li { padding: 2px 15px !important; list-style: none; background: url('images/gray_list_style.jpg') 0 9px no-repeat !important; } .profit_banner_tile { background: url('images/banners/profit_banner_tile.jpg') 0 0 repeat-y; } .profit_banner_top { background: url('images/banners/profit_banner_top.jpg') 0 0 no-repeat; } .profit_banner_bottom { background: url('images/banners/profit_banner_bottom.jpg') 0 bottom no-repeat; } .profit_banner_bottom h2 { font-size: 1.1em !important; padding-left: 33px; font-weight: bold; background: url('images/icons/pricing_profit.jpg') 0 5px no-repeat; } .profit_banner_large_tile { background: url('images/large_profit_tile.png') 0 0 repeat-y; } .profit_banner_large_top { background: url('images/large_profit_top.png') 0 0 no-repeat; } .profit_banner_large_bottom { background: url('images/large_profit_bot.png') 0 bottom no-repeat; } .profit_banner_large_bottom h2 { font-size: 1.1em !important; padding-left: 33px; font-weight: bold; background: url('images/icons/pricing_profit.jpg') 0 5px no-repeat; } .rewards_gray_container_tile { margin: 20px 0 0 0; background: url('images/banners/rewards_gray_container_tile.jpg') 0 0 repeat-y; } .rewards_gray_container_top { background: url('images/banners/rewards_gray_container_top.jpg') 0 0 no-repeat; } .rewards_gray_container_bottom { background: url('images/banners/rewards_gray_container_bottom.jpg') 0 bottom no-repeat; } .rewards_gray_container_bottom li { background: url('images/gray_list_style.jpg') 0 8px no-repeat !important; } .rewards_gray_container_bottom ul { padding: 0; margin: 5px 0; } .rewards_gray_container_bottom li.cash_back { list-style: none; color: #74972c; font-weight: bold; font-size: 1em; padding: 3px 0 3px 25px !important; background: url('images/cash_back.png') 0 2px no-repeat !important; } .rewards_gray_container_bottom li.priority_email { list-style: none; color: #2c8794; font-weight: bold; font-size: 1em; padding: 3px 0 3px 25px !important; background: url('images/priority_email.png') 0 2px no-repeat !important; } .rewards_gray_container_bottom li.support_hours { list-style: none; color: #e1850d; font-weight: bold; font-size: 1em; padding: 3px 0 3px 25px !important; background: url('images/support_hours.png') 0 2px no-repeat !important; } .rewards_gray_container_bottom li.custom_site { list-style: none; color: #3b79c8; font-weight: bold; font-size: 1em; padding: 3px 0 3px 25px !important; background: url('images/custom_site.png') 0 4px no-repeat !important; } .rewards_gray_container_bottom .plan_title { position:absolute; bottom: 25px; left: -60px } .rewards_featured_tile { background: url('images/banners/rewards_featured_tile.jpg') 0 0 repeat-y; } .rewards_featured_top { background: url('images/banners/rewards_featured_top.jpg') 0 0 no-repeat; } .rewards_featured_bottom { margin-bottom: 20px; background: url('images/banners/rewards_featured_bottom.jpg') 0 bottom no-repeat; } .rewards_featured_bottom h2 { font-size: 1.2em; margin-top: 10px; font-weight: bold; } .rewards_featured_bottom .url { font-size: .7em; font-family: georgia; font-style:italic; letter-spacing: 0; } .rewards_listings_table_tile { background: url('images/banners/rewards_listing_table_tile.jpg') 0 0 repeat-y; } .rewards_listings_table_top { background: url('images/banners/rewards_listing_table_top.jpg') 0 0 no-repeat; } .rewards_listings_table_bottom { background: url('images/banners/rewards_listing_table_bottom.jpg') 0 bottom no-repeat; } .rewards_listings_table_bottom table { width: 100%; border-collapse: collapse; } .rewards_listings_table_bottom td { border: 0; padding: 10px 15px; background: url('images/banners/rewards_listings_sep.jpg') 0 0 repeat-x; } td.rewards_listing_company_name { width: 125px; font-weight: bold; font-size: 1.1em; padding: 15px 15px 10px 35px; background: url('images/icons/rewards_listings_company.jpg') 15px 15px no-repeat; } td.rewards_listing_location { width: 142px; font-weight: bold; font-size: 1.1em; padding: 15px 15px 10px 35px; background: url('images/icons/rewards_listings_location.jpg') 15px 15px no-repeat; } td.rewards_listing_services { font-weight: bold; font-size: 1.1em; padding: 15px 15px 10px 40px; background: url('images/icons/rewards_listings_services.jpg') 20px 15px no-repeat; } #sub_col .blog_links_tile { margin: 0 0 25px 0; line-height: 1.5em; background: url('images/banners/gray_banner_tile.jpg') 0 0 repeat-y; } #sub_col .blog_links_top { background: url('images/banners/gray_banner_top.jpg') 0 0 no-repeat; } #sub_col .blog_links_bottom { padding: 10px 20px 10px 20px; color: #696b6c; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/gray_banner_bottom.jpg') 0 bottom no-repeat; } #sub_col .blog_links_bottom ul { padding: 10px 0 10px 0 !important; } #sub_col .blog_links_bottom ul li.archives_page { list-style: none; font-size: 1.1em; font-weight: bold; margin: 5px 0 7px 0; padding: 6px 0 12px 0; background: url('images/sub_nav_sep.jpg') 0 bottom repeat-x; } #sub_col .blog_links_bottom ul li.archives_page a { padding: 8px 0 10px 34px; text-decoration: none; font-size: .9em; color: #6b6b6b !important; background: url('images/icons/archive_icon.png') 0 3px no-repeat; } #sub_col .blog_links_bottom ul li.archives_page a:hover { color: #000; } #sub_col .blog_links_bottom ul li.subscribe_rss { list-style: none; font-size: 1.1em; font-weight: bold; margin: 5px 0 7px 0; padding: 6px 0 12px 0; background: url('images/sub_nav_sep.jpg') 0px bottom repeat-x; } #sub_col .blog_links_bottom ul li.subscribe_rss a { padding: 8px 0 10px 34px; text-decoration: none; font-size: .9em; color: #6b6b6b !important; background: url('images/icons/rss_icon.png') 2px 5px no-repeat; } #sub_col .blog_links_bottom ul li.subscribe_rss a:hover { color: #000; } #sub_col .blog_links_bottom ul li.subscribe_email { list-style: none; font-size: 1.1em; font-weight: bold; margin: 5px 0 7px 0; padding: 6px 0 12px 0; background: url('images/sub_nav_sep.jpg') 0 bottom repeat-x; } #sub_col .blog_links_bottom ul li.subscribe_email a { padding: 8px 0 10px 34px; text-decoration: none; font-size: .9em; color: #6b6b6b !important; background: url('images/icons/email_icon.png') 0 3px no-repeat; } #sub_col .blog_links_bottom ul li.subscribe_email a:hover { color: #000; } #sub_col .blog_links_bottom ul li.twitter { list-style: none; font-size: 1.1em; font-weight: bold; margin: 5px 0 7px 0; padding: 6px 0 12px 0; background: url('images/sub_nav_sep.jpg') 0 bottom repeat-x; } #sub_col .blog_links_bottom ul li.twitter a { padding: 8px 0 10px 34px; text-decoration: none; font-size: .9em; color: #6b6b6b !important; background: url('images/icons/twitter_icon.png') 0 3px no-repeat; } #sub_col .blog_links_bottom ul li.twitter a:hover { color: #000; } #sub_col .grid_3.what_people_are_saying { width: 180px; min-height: 109px; margin: 20px 0; padding: 12px 20px 12px 20px; line-height: 1.6em; display: block; background: url('images/section_action_blue.jpg') 0 0 no-repeat; font-size: 0.9em; } #sub_col .grid_3.what_people_are_saying h1 { padding: 10px 0 7px 0; margin: 0 0 10px 0; min-height: 32px; background: url('images/icons/speech_bubble.png1') 0 5px no-repeat; font-family: 'helvetica', arial; text-transform: Uppercase; font-weight: bold; font-size: 14px; line-height: 1.3em; letter-spacing: -0.03em; color: #266b7b; } #for_clients .grid_3 span { padding: 12px 15px 12px 20px; line-height: 1.6em; display: block; background: url('images/section_action_gray.jpg') 0 0 no-repeat; } .sign_up_rewards_tile { background: url('images/banners/sign_up_rewards_tile.jpg') 0 0 repeat-y; } .sign_up_rewards_top { background: url('images/banners/sign_up_rewards_top.jpg') 0 0 no-repeat; } .sign_up_rewards_bottom { margin-bottom: 20px; background: url('images/banners/sign_up_rewards_bottom.jpg') 0 bottom no-repeat; } /* search */ .search { background: url(images/search-bg.jpg) no-repeat top left; width: 180px; height: 122px; padding: 15px 20px; margin-bottom: 5px; } .search label { font: normal 1.5em 'helvetica neue', helvetica, arial, sans-serif !important; letter-spacing: -0.03em; color: #E45000; text-shadow: rgb(229, 229, 229) 1px 1px; display: block; margin: 5px 0 0 0; padding: 12px 0 6px 0; display: none; } .search .searchInput { border: 1px solid #D1E6EB; padding: 8px 5px; background: #fff; color: #696b6c; width: 160px; font-size: 12px; margin-bottom: 8px; margin-top: 20px; } .search .searchButton { background: url(images/search-button.jpg) no-repeat top left; width: 80px; height: 31px; font-size: .01em; border: none; cursor: pointer; } ul.searchResults { list-style-image: none !important; } ul.searchResults li { list-style-image: none !important; background: none !important; padding: 0 !important; margin-bottom: 10px; } .searchResults li a { font: bold 1.3em 'helvetica neue', helvetica, arial, sans-serif !important; color: #266983; } .searchResults .searchTerm { background: #FDEEE7 !important; } #pagination li { background: none !important; padding: 0 !important; } #pagination .selected { padding: 2px 7px 2px 7px !important; border: 1px solid; margin-top: 2px !important; background: #E3E3E3 !important; } /*Compare page*/ .gray_container_13_tile { margin: 0 0 25px 0; padding-top: 1px; line-height: 1.5em; background: url('images/banners/gray_container_13_tile.jpg') 0 0 repeat-y; } .gray_container_13_top { background: url('images/banners/gray_container_13_top.jpg') 0 0 no-repeat; } .gray_container_13_bottom { padding: 10px 20px 10px 20px; color: #696b6c; font-size: .9em; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/gray_container_13_bottom.jpg') 0 bottom no-repeat; } .gray_container_13_bottom h2 { color: #12809e; margin: 0; padding: 10px 0; text-shadow: none; font-family: 'helvetica neue', helvetica, arial; font-size: 1.4em; letter-spacing: -0.03em; } .blue_title h2 { color: #2088a4 !important; } .orange_title h2 { color: #e55b10 !important; } .vs_blue { color: #2088a4 !important; margin: 4px 4px 0 12px; font-size: 1.8em; } .vs_orange { color: #e55b10 !important; margin: 4px 4px 0 12px; font-size: 1.8em; } .vs_alpha { float: left; } .vs_omega { float: right; } /* SEO Page */ .grid_half { width: 339px !important; } .gray_container_339_tile { margin: 0 0 25px 0; line-height: 1.5em; background: url('images/banners/gray_container_339_tile.png') 0 0 repeat-y; } .gray_container_339_top { background: url('images/banners/gray_container_339_top.png') 0 0 no-repeat; } .gray_container_339_bottom { padding: 10px 20px 10px 20px; color: #696b6c; font-size: .9em; font-family: helvetica, arial; line-height: 1.5em; background: url('images/banners/gray_container_339_bottom.png') 0 bottom no-repeat; } .gray_container_339_bottom h1 { color: #12809e; margin: 0; padding: 10px 0 0 0; text-shadow: none; font-family: 'helvetica neue', helvetica, arial; font-size: 1.4em; letter-spacing: -0.03em; } .gray_container_339_bottom a { color: #e55b10; } /* Buzz Page */ /* rotator */ #quotes_rotator { display: none; } #quotes_rotator blockquote.quote_content { margin-top: 11px; font-size: 1.1em; line-height: 1.4em; font-style: italic; } #quotes_rotator blockquote.quote_content p { margin-bottom: 0.3em; } #quotes_rotator span.quote_author { display: block; color: #5f8d98; font-family: Georgia, serif; font-size: 1.1em; font-style: italic; text-align: right; } .quotes_rotator-button { display: block; width: 22px; height: 22px; margin: 0 0 -21px 4px; float: right; border: 0; background: url("images/buttons/quotes_rotator_arrows.png") no-repeat; position: relative; top: -46px; right: -5px; cursor: pointer; z-index: 500; text-indent: -9999px; font-size: 0; line-height: 0; } #quotes_rotator-previous { background-position: 0 0; } #quotes_rotator-previous:hover, #quotes_rotator-previous:focus { background-position: 0 -22px; } #quotes_rotator-next { background-position: -22px 0; } #quotes_rotator-next:hover, #quotes_rotator-next:focus { background-position: -22px -22px; } #quotes_rotator-more { display: none; width: 49px; background-position: -44px 0; } #quotes_rotator-more:hover, #quotes_rotator-more:focus { background-position: -44px -22px; } /* quotes grid */ #quotes_grid { min-height: 660px; } .quotes_grid-quote { opacity: 0; } .quotes_grid-quote:nth-child(4n+5) { clear: left; } .every5th { /* Same purpose as rule above, but for IE. This class is applied by jQuery. */ display: block; clear: left !important; } .quotes_grid-quote blockquote.quote_content.short_quote { font-size: 1.4em; line-height: 1.5em; } .quotes_grid-quote blockquote.quote_content.medium_quote { font-size: 1.2em; line-height: 1.5em; } .quotes_grid-quote blockquote.quote_content.long_quote { font-size: 1.1em; line-height: 1.4em; } /* more quotes button */ #more_quotes { display: block; clear: both; width: 224px; height: 76px; margin: 0 auto; background: url("images/buttons/show_more_quotes.png") no-repeat; border: 0; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0; } #more_quotes:hover, #more_quotes:focus { background-position: 0 -76px; } #more_quotes:active { background-position: 0 -152px; } /* Pricing Page */ #pricingFeature { width:879px; height:187px; background:url(images/banners/pricing_feature_area_top_bg.jpg) left top no-repeat; padding:15px 30px; } #pricingFeature .pricingFeature_left { width:465px; float:left; } #pricingFeature .pricingFeature_left h2 { padding:0; } #pricingFeature .pricingFeature_left ul { width:47%; padding: 0 5px; float:left; } #pricingFeature .pricingFeature_left ul li { padding: 2px 0 2px 15px; list-style: none; background: url('images/gray_list_style.jpg') 0 9px no-repeat;} #pricingFeature ul.mainBullets { width:100%; padding: 18px 0 18px 0 !important; } #pricingFeature ul.mainBullets li { width:auto; background:url(images/icons/small_check.png) left 2px no-repeat; list-style-type:none; padding:0 25px 0 25px; font-size:1.2em; font-weight:bold; color:#464646; float:left; } #pricingFeature .pricingFeature_right { width:342px; padding:30px; text-align:center; float:right; } #pricingFeature .pricingFeature_right h2 { font-family:'ProximaNovaSemiBold'; font-size: 22px; font-weight:normal !important; text-transform:uppercase; text-shadow:none; color:#19595B !important; padding-top: 20px; } #pricingFeature .pricingFeature_right .center { padding:20px 0 0 60px; } /* features script */ .feature_icon { width: 60px; display:inline;float:left;margin-left:10px;margin-right:10px; margin-top: 10px; } .feature_desc { width: 540px; display:inline;float:left;margin-left:10px;margin-right:10px; margin-bottom: 10px; } /* design steps */ .step h2 { font-size: 1.2em; font-weight: bold; color: #666; } .first_tile { background: url('images/steps/1_3_tile.jpg') 0 0 repeat-y; } .first_top { background: url('images/steps/1_3_top.jpg') 0 0 no-repeat; } .first_bottom { background: url('images/steps/1_3_bottom.jpg') 0 bottom no-repeat; } .second_tile { background: url('images/steps/2_3_tile.jpg') 0 0 repeat-y; } .second_top { background: url('images/steps/2_3_top.jpg') 0 0 no-repeat; } .second_bottom { background: url('images/steps/2_3_bottom.jpg') 0 bottom no-repeat; } .third_tile { background: url('images/steps/3_3_tile.jpg') 0 0 repeat-y; } .third_top { background: url('images/steps/3_3_top.jpg') 0 0 no-repeat; } .third_bottom { background: url('images/steps/3_3_bottom.jpg') 0 bottom no-repeat; } /* resellers steps */ .one_tile { background: url('images/steps/1_5_tile.jpg') 0 0 repeat-y; } .one_top { background: url('images/steps/1_5_top.jpg') 0 0 no-repeat; } .one_bottom { min-height: 160px; background: url('images/steps/1_5_bottom.jpg') 0 bottom no-repeat; } .two_tile { background: url('images/steps/2_5_tile.jpg') 0 0 repeat-y; } .two_top { background: url('images/steps/2_5_top.jpg') 0 0 no-repeat; } .two_bottom { background: url('images/steps/2_5_bottom.jpg') 0 bottom no-repeat; } .three_tile { background: url('images/steps/3_5_tile.jpg') 0 0 repeat-y; } .three_top { background: url('images/steps/3_5_top.jpg') 0 0 no-repeat; } .three_bottom { background: url('images/steps/3_5_bottom.jpg') 0 bottom no-repeat; } .four_tile { background: url('images/steps/4_5_tile.jpg') 0 0 repeat-y; } .four_top { background: url('images/steps/4_5_top.jpg') 0 0 no-repeat; } .four_bottom { background: url('images/steps/4_5_bottom.jpg') 0 bottom no-repeat; } .five_tile { background: url('images/steps/5_5_tile.jpg') 0 0 repeat-y; } .five_top { background: url('images/steps/5_5_top.jpg') 0 0 no-repeat; } .five_bottom { background: url('images/steps/5_5_bottom.jpg') 0 bottom no-repeat; } /* forms -----------------------------------------------------------------------------------------------*/ .form_container { margin: 0 !important; } .choice-option label { font-size: .9em } .submitButtonContainer { margin: 5px 0 15px 0; } .submitButtonContainer .submitButton {width: 89px; padding: 7px 21px !important; color: #fff; float: left; font-size: 12px !important; cursor: pointer !important; text-transform: uppercase !important; font-family: 'helvetica neue', helvetica, arial !important; text-decoration: none; font-weight: bold !important; background: url('images/buttons/blue_tile.png') 0 0 repeat-x; border: 0; } .submitButtonContainer .submitButton { font-family: 'helvetica neue', 'helvetica', arial; font-weight: bold; font-size: .85em; padding: 8px 25px; margin-bottom: 5px; text-decoration: none; color: #fff; text-transform: uppercase; background: url('images/buttons/sign_up_6.png') 0 0 no-repeat; } /* reseller feedback form ----------------------------------------------------------------------------*/ .feedback .fieldSelected { background: transparent !important; border: transparent !important } .feedback .form_container .textField { padding: 6px 10px; border: 1px solid #cfcfcf !important; background: #fff !important; font-size: 1.1em; color: #444 !important; background: #fff; } .feedback .form_container .fieldItem {border: none !important; margin: 0 0 10px 0 !important;} .feedback .form_container .fieldTitle {margin: 0 !important} .feedback .form_container .fieldNote {margin: 0 0 0 10px;} .feedback .form_container .fieldInstructions { width: 420px !important; } .feedback .form_container .fieldInstructions p {margin: 0 0 .8em 0 !important} .feedback .form_container .fieldItemInner { padding: 8px 15px;} .feedback input.textField:hover, .feedback textarea.textField:hover { border-color: #afafaf !important } .feedback input.textField:focus, .feedback textarea.textField:focus { border-color:rgba(82, 168, 236, 0.5) !important; -webkit-box-shadow:0px 0px 15px rgba(82, 168, 236, 0.3); -moz-box-shadow:0px 0px 15px rgba(82, 168, 236, 0.3); box-shadow:0px 0px 15px rgba(82, 168, 236, 0.3) } .feedback .submitButtonContainer {padding: 0px 15px;} .feedback span.choice-option {width: 450px; } .feedback .choice-option input {display:inline; float: left;} .feedback .choice-option label {display: inline; float: left; width: 400px;} /* Sign up Form */ #signUpForm { background: url('images/signUpForm_bg.jpg') center 0 repeat-y; } /* tables ----------------------------------------------------------------------------------------------*/ .pricing_table_tile { margin-top: 20px; background: url('images/pricing_table_tile.jpg') 0 0 repeat-y; } .pricing_table_top { background: url('images/pricing_table_top.jpg') 0 0 no-repeat; } .pricing_table_bottom { background: url('images/pricing_table_bottom.jpg') 0 bottom no-repeat; } .pricing_table_bottom h2 { color: #fff; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: center; font-weight: normal; text-shadow: none; margin:9px 0 0 0; } .pricing_table_bottom ul { padding: 25px 0 0px 0; } .pricing_table_bottom li { margin: 0 10px; padding: 4px 5px !important; background: url('images/pricing_table_sep.jpg') 0 bottom repeat-x !important; } .pricing_table_bottom li.pricing_pages span { display: block; padding-left: 25px; background: url('images/pricing_pages_icon.jpg') 0 0 no-repeat; } .pricing_table_bottom li.pricing_storage span { display: block; padding-left: 20px; background: url('images/pricing_storage_icon.jpg') 0 0 no-repeat; } .pricing_table_bottom li.pricing_users span { display: block; padding-left: 25px; background: url('images/pricing_users_icon.jpg') 0 0 no-repeat; } .pricing_table_bottom .price { text-align: center; letter-spacing: -0.03em; font-size: 36px; font-weight: bold; } .pricing_table_bottom .price .x-small { font-size: 18px; } .pricing_table_bottom .free_plan { color: #ca530f; } .pricing_table_bottom .basic_plan { color: #b68123; } .pricing_table_bottom .plus_plan { color: #9c8f2f; } .pricing_table_bottom .advanced_plan { color: #627b41; } .pricing_table_bottom .pro_plan { color: #19595b; } .pricing_table_bottom .premier_plan { color: #2e869a; } /* pricing a */ a#freeBoxSignUp, a#basicSignUp, a#plusSignUp, a#advancedSignUp, a#proSignUp, a#premierSignUp {color: rgb(85,85,85); text-decoration: none;} /* profit page */ .profit_list_tile { background: url('images/profit_rows.jpg') 2px 0 repeat-y; } .profit_list_top { height: 58px; background: url('images/profit_top.jpg') 0 0 no-repeat; } .profit_list_bottom { margin: -3px 0 0 0; height: 17px; padding: 0 2px; background: url('images/profit_bottom.jpg') 0 bottom no-repeat; } .profit_list_top ul { padding: 0; margin: 0; } .profit_list_top li { list-style: none; } #totalProfit { height: 60px; text-align: center; color: #fff; padding: 15px 35px 10px 550px; font-size: 1.7em; text-shadow: none; font-weight: bold; background: url('images/total_profit.jpg') 405px 0 no-repeat; } #profit_titles { font-weight: bold; font-size: .9em; width: 100%; float: left; } #profit_titles li { float: left; display: block; } #profit_titles li.profit_pn { width: 111px; } #profit_titles li.profit_pl { width: 60px; padding-top: 19px; padding-left: 30px; } #profit_titles li.profit_op { width: 56px; padding-top: 19px; padding-left: 32px; } #profit_titles li.profit_rp { width: 93px; padding-top: 19px; padding-left: 34px; } #profit_titles li.profit_ac { width: 59px; padding-top: 19px; padding-left: 35px; } #profit_titles li.profit_yp { width: 97px; padding-top: 19px; padding-left: 43px; } .profit_list_tile span { width: 33px; height: 20px; padding: 3px 5px 5px 5px; margin-top: 0px; float: left; background: url('images/profit_input.jpg') 0 0 no-repeat; border: 0; } .profit_list_tile p.arrows { width: 17px; height: 27px; float: left; margin-top: 0px; background: #ccc; } .profit_list_tile .up { width: 17px ; height: 14px ; padding: 0 ; float: left; text-indent: -9999px; background: url('images/up.jpg') 0 0 no-repeat; } .profit_list_tile .down { width: 17px ; height: 13px ; padding: 0 ; float: left; text-indent: -9999px; background: url('images/down.jpg') 0 0 no-repeat; } .profit_list_tile .up_gray { width: 17px ; height: 14px ; padding: 0 ; float: left; text-indent: -9999px; background: url('images/up_gray.jpg') 0 0 no-repeat; } .profit_list_tile .down_gray { width: 17px ; height: 13px ; padding: 0 ; float: left; text-indent: -9999px; background: url('images/down_gray.jpg') 0 0 no-repeat !important; } .profit_list_tile ul { margin: 0; padding: 0; } .profit_list_tile li { height: 75px; list-style: none; } .profit_list_tile #pName { width: 130px; float: left; } .profit_list_tile #pName li { width: 100px; height: 44px; color: #fff; font-size: 1.1em; font-weight: bold; padding: 28px 9px 0px 19px; margin: 1px 0; } .profit_pn { width: 100px; height: 41px; float: left; padding: 25px 9px 0px 9px; margin-bottom: 1px; } .profit_list_tile #pInfo { width: 96px; float: left; font-size: .85em; margin: 0 1px 0 0; } .profit_list_tile #pInfo li { width: 76px; height: 62px; text-align: center; padding: 10px 0 0 10px; margin: 1px 0; } .profit_pl { width: 69px; height: 41px; float: left; padding: 25px 9px 0px 9px; } .profit_list_tile #oPrice { width: 90px; float: left; margin: 0 1px 0 0; } .profit_list_tile #oPrice li { width: 80px; height: 43px; text-align: center; color: #5a7846; font-size: 1.2em; font-weight: bold; padding: 29px 9px 0px 5px; margin: 1px 0; } .profit_op { width: 75px; height: 41px; float: left; padding: 25px 9px 0px 16px; } .profit_list_tile #uPrice { width: 118px; float: left; } .profit_list_tile #uPrice li { width: 80px; height: 47px; padding: 25px 9px 0px 29px; margin: 1px 0; } .profit_yp { width: 100px; height: 41px; float: left; padding: 25px 9px 0px 9px; } .profit_list_tile #uAccounts { width: 103px; float: left; } .profit_list_tile #uAccounts li { width: 70px; height: 47px; padding: 25px 9px 0px 24px; margin: 1px 0; } .profit_ac { width: 85px; height: 41px; float: left; padding: 25px 9px 0px 9px; } .profit_list_tile #yProfit { width: 141px; float: left; } .profit_list_tile #yProfit li { width: 83px; height: 47px; color: #fff; font-size: 1.3em; font-weight: bold; padding: 25px 9px 0px 49px; margin: 1px 0; } .profit_yp { width: 123px; height: 41px; float: left; padding: 25px 9px 0px 9px; } #profit_titles { width: 100%; height: 41px; float: left; } /* SaaS */ .SaaS_table_header { margin-top: 20px; background: url('images/compare_table_repeat.jpg') 0 0 repeat-y; } .SaaS_table_top { background: url('images/compare_table_top.jpg') 0 0 no-repeat;} .SaaS_table_bottom { background: url('images/compare_table_bottom.jpg') 0 bottom no-repeat; } .SaaS_table_bottom h2 { color: #fff; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: center; font-weight: normal; text-shadow: none; margin: 23px 20px 0 15px !important; max-width:310px } .SaaS_table_bottom ul { padding: 40px 0 0; float: left; max-width:92%; font-size: 10pt; } .SaaS_table_bottom li.notlast { margin: 0px 6px; padding: 4px 5px !important; background: url('images/pricing_table_sep.jpg') 0 bottom repeat-x !important; min-height: 25px; } .SaaS_table_bottom li.last { margin: 0px 6px; padding: 4px 5px !important; background-image: none !important; } .SaaS_table_alpha { float: left; width: 48.5%; } .SaaS_table_beta { float: right; width: 48.5%; } .SaaS_table_alpha ul { margin: 10px 20px; padding: 0; } .SaaS_table_beta ul { margin: 10px 20px; padding: 0; } .saas_tile { width: 694px; float: left; display: block; margin: 10px 0 25px 0; background: url('images/saas_tile.jpg') 0 0 repeat-y; } .saas_top { width: 694px; padding: 90px 0 0px 0; float: left; display: block; background: url('images/saas_top.jpg') 0 0 no-repeat; } .saas_bottom { width: 694px; padding: 0px 0 20px 0; float: left; display: block; background: url('images/saas_bottom.jpg') 0 bottom no-repeat; } .saas_bottom li { margin: 5px 0px; padding: 0 5px 5px 5px !important; background: url('images/saas_sep.jpg') 0 bottom repeat-x !important; } /* media -----------------------------------------------------------------------------------------------*/ /* video script */ .featured_video_desc h4 { font: normal 1.5em 'helvetica neue', helvetica, arial, sans-serif; letter-spacing: -0.06em; color: #444; text-shadow: rgb(229, 229, 229) 1px 1px; padding: .6em 0 0em 0; margin: .2em 0 0 0; } h4.title_form_builder { font: normal 1.3em 'helvetica neue', helvetica, arial, sans-serif; letter-spacing: -0.06em; color: #444; text-shadow: rgb(229, 229, 229) 1px 1px; padding: .6em 0 .2em 0; margin: .2em 0; } .featured_video_file, .video_file { width: 100%; margin-bottom: 20px; float: left; position: relative; } .featured_video_desc_bottom { padding: 10px 0; } a#video1 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video1.jpg') 0 0 no-repeat; } a#video2 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video2.jpg') 0 0 no-repeat; } a#video3 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video3.jpg') 0 0 no-repeat; } a#video4 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video4.jpg') 0 0 no-repeat; } a#video5 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video5.jpg') 0 0 no-repeat; } a#video6 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video6.jpg') 0 0 no-repeat; } a#video7 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video7.jpg') 0 0 no-repeat; } a#video8 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video8.jpg') 0 0 no-repeat; } a#video9 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video9.jpg') 0 0 no-repeat; } a#video10 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video10.jpg') 0 0 no-repeat; } a#video11 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video11.jpg') 0 0 no-repeat; } a#video12 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video12.jpg') 0 0 no-repeat; } a#video13 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video13.jpg') 0 0 no-repeat; } a#video14 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video14.jpg') 0 0 no-repeat; } a#video15 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video15.jpg') 0 0 no-repeat; } a#video16 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video16.jpg') 0 0 no-repeat; } a#video17 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video17.jpg') 0 0 no-repeat; } a#video18 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video18.jpg') 0 0 no-repeat; } a#video19 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video19.jpg') 0 0 no-repeat; } a#video20 { top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 9; background: url('/Websites/lux/images/videos/video20.jpg') 0 0 no-repeat; } #video1_display {min-height: 390px; height: 390px;} #video2_display {min-height: 390px; height: 390px;} #video3_display {min-height: 390px; height: 390px;} #video4_display {min-height: 390px; height: 390px;} #video5_display {min-height: 390px; height: 390px;} #video6_display {min-height: 390px; height: 390px;} #video7_display {min-height: 390px; height: 390px;} /* extras -------------------------------------------------------------------------------------------------*/ /* padding */ .p0x5 { padding: 0 5px; } .p5 { padding: 5px; } .p5x0 { padding: 5px 0; } .p0x10 { padding: 0 10px; } .p10 { padding: 10px; } .p10x0 { padding: 10px 0; } .p0x15 { padding: 0 15px; } .p15 { padding: 15px; } .p15x0 { padding: 15px 0; } .p0x20 { padding: 0 20px; } .p20 { padding: 20px; } .p20x0 { padding: 20px 0; } .p0x25 { padding: 0 25px; } .p25 { padding: 25px; } .p25x0 { padding: 25px 0; } .p0x30 { padding: 0 5px; } .p30 { padding: 5px; } .p30x0 { padding: 5px 0; } .p0x35 { padding: 0 35px; } .p35 { padding: 35px; } .p35x0 { padding: 35px 0; } .p0x40 { padding: 0 40px; } .p40 { padding: 40px; } .p40x0 { padding: 40px 0; } .p0x45 { padding: 0 45px; } .p45 { padding: 45px; } .p45x0 { padding: 45px 0; } .p0x50 { padding: 0 50px; } .p50 { padding: 50px; } .p50x0 { padding: 50px 0; } .p10x20 { padding: 10px 20px; } .pt0 { padding-top: 0px; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; } .pt35 { padding-top: 35px; } .pt40 { padding-top: 40px; } .pt45 { padding-top: 45px; } .pt50 { padding-top: 50px; } .pl0 { padding-left: 0px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } .pl30 { padding-left: 30px; } .pl35 { padding-left: 35px; } .pl40 { padding-left: 40px; } .pl45 { padding-left: 45px; } .pl50 { padding-left: 50px; } .pr0 { padding-right: 0px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; } .pr35 { padding-right: 35px; } .pr40 { padding-right: 40px; } .pr45 { padding-right: 45px; } .pr50 { padding-right: 50px; } .pb0 { padding-bottom: 0px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb35 { padding-bottom: 35px; } .pb40 { padding-bottom: 40px; } .pb45 { padding-bottom: 45px; } .pb50 { padding-bottom: 50px; } /* margin */ .m0x5 { margin: 0 5px; } .m5 { margin: 5px; } .m5x0 { margin: 5px 0; } .m0x10 { margin: 0 10px; } .m10 { margin: 10px; } .m10x0 { margin: 10px 0; } .m0x15 { margin: 0 15px; } .m15 { margin: 15px; } .m15x0 { margin: 15px 0; } .m0x20 { margin: 0 20px; } .m20 { margin: 20px; } .m20x0 { margin: 20px 0; } .m0x25 { margin: 0 25px; } .m25 { margin: 25px; } .m25x0 { margin: 25px 0; } .m0x30 { margin: 0 5px; } .m30 { margin: 5px; } .m30x0 { margin: 5px 0; } .m0x35 { margin: 0 35px; } .m35 { margin: 35px; } .m35x0 { margin: 35px 0; } .m0x40 { margin: 0 40px; } .m40 { margin: 40px; } .m40x0 { margin: 40px 0; } .m0x45 { margin: 0 45px; } .m45 { margin: 45px; } .m45x0 { margin: 45px 0; } .m0x50 { margin: 0 50px; } .m50 { margin: 50px; } .m50x0 { margin: 50px 0; } .mt0 { margin-top: 0px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } .ml0 { margin-left: 0px; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 40px; } .ml45 { margin-left: 45px; } .ml50 { margin-left: 50px; } .mr0 { margin-right: 0px; } .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; } .mr35 { margin-right: 35px; } .mr40 { margin-right: 40px; } .mr45 { margin-right: 45px; } .mr50 { margin-right: 50px; } .mb0 { margin-bottom: 0px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px; } .sectioned { padding: 45px 0 10px 0; background: url('images/section.jpg') 0 0 no-repeat; } .dark_gray { color: #333 !important; } .blue { color: #266b7b !important; } .orange { color: #e45000; } .green { color: #9d9e5a; } .black { color: #000 !important; } .grey { color: #666 !important; font-family: 'ProximaNovaSemibold', 'Helvetica Neue', Helvetica, arial, sans-serif; margin: 0 0 0 -0px; letter-spacing: -1px; } .info { float: right; padding-top: 15px; margin-right: 70px; font-family: georgia; font-style: italic; font-size: .9em; color: #266b7b; } .relative { position: relative; } .left { float: left; } .right { float: right; } .x_large { font-size: 1.2em; } .large { font-size: 1.1em; } .small { font-size: .9em; } .clear { display: block; clear: both; } table#table { border: 0 !important; } /* Code Styles */ .post pre, .blogList pre { font-size: 12px; padding: 0; margin: 1em 0; background: #f0f0f0; color: #76a150; font-weight: bold; border-left: 1px solid #ebeef1; border-bottom: 1px solid #ebeef1; line-height: 18px; /*--Height of each line of code--*/ background: #fff url(images/pre-bg.gif) repeat left top; width: 620px; font-family: "Courier New",Courier,monospace; overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/ overflow-Y: hidden; /*--Hides vertical scroll created by IE--*/ } .post pre code, .blogList pre code { margin: 0 0 0 40px; /*--Left Margin--*/ padding: 0 0 18px; display: block; font-family: "Courier New",Courier,monospace; } /* New IE buttons */ .btn_orange_new { float: right; display: inline; margin: 0 0 0 15px; } .btn_blue_new { float: right; display: inline; } /* */ span.imageBorder img {border: 1px solid black; } .code {font-family: "Courier New"; font-size: 12px; color: #333; background: #ffffff; padding: 15px; margin-bottom: 10px;} .code ol {margin-left: 10px; list-style: decimal;} .code li {padding: 0 0 3px 35px !important; font-size: 11px;} .code li.note {color: #999; font-style: italic; padding-left: 10px !important; font-size: 12px;} .code li.selector {padding-left: 10px !important; font-size: 12px;} .code li.selector span {color: #cb510e;} .code li.end {padding-bottom: 10px !important;} .lightCMS { display:inline !important; background:none !important; margin:0 -4px 0 0 !important; padding:0 !important; line-height:normal !important; } /* */ #ipadPromoButton { position: absolute; top: 60px; left: 240px; z-index: 99999; } #flashPlay { margin-top: -15px;}