/* reset style */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0; } a{ color: #1a77bb; font-weight: bold; text-decoration: none; } table{ border-collapse: collapse; border-spacing: 0; } fieldset,img { border:0; } address, caption, cite, code, dfn, em, strong, th, var{ font-style: normal; font-weight: normal; } ol, ul{ list-style:none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; } q:before, q:after{ content: ''; } abbr, acronym { border: 0; } /* base styles */ body{ background: url(../images/page_bg.jpg) 0 0; color: #333; font: normal 12px Arial, Helvetica, sans; } h2 { margin-bottom: 20px; } h3 { margin-bottom: 20px; } h3 a { color: #404040; } h4 {} p{ margin-bottom: 10px; } blockquote { background: url(../images/quote_open.gif) 0 0 no-repeat; margin-top: 20px; padding: 30px 0 0 0; } blockquote p { font-style: italic; padding: 0 30px 5px 30px; } blockquote p.close { background: url(../images/quote_close.gif) 100% 100% no-repeat; } blockquote cite { display: block; font-size: 18px; margin-right: 30px; text-align: right; } .image { display: inline; } a.floating_button{ display: block; height: 280px; position: absolute; width: 438px; z-index: 10000; } a.back_to_top { display: block; float: right; margin-top: 5px; } a.pdf { background: url(../images/page_white_acrobat.gif) 0 50% no-repeat; display: block; margin-bottom: 3px; padding: 3px 0 2px 20px; } ul.bullet {} ul.bullet li { background: url(../images/bullet_orange.gif) 0 0 no-repeat; margin-bottom: 7px; padding-left: 18px; } /* base container styles */ .content { text-align: center; } .set { margin: 0 auto; text-align: left; width: 950px; } .set:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .set { height: 1px; } * + html .set { min-height: 1px; } div.section { background: url(../images/paint_splatter.png) 50% 100% no-repeat; padding-bottom: 50px; } div.section:after { clear: both; content: "."; display: block; height: 0; line-height: 1px; visibility: hidden; } * html div.section { background-image: none; height: 1px; } * + html div.section { min-height: 1px; } .section.alt { background: url(../images/paint_splatter_alt.png) 50% 100% no-repeat; } .section.none { background: transparent none; } .submit { } .submit:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .submit { height: 1px; } * + html .submit { min-height: 1px; } .left { float: left; } .right { float: right; } br.clear { clear: both; display: block; line-height: 0; min-height: 0; } br.clear:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html br.clear { height: 1px; } * + html br.clear { min-height: 1px; } .pin { overflow: visible; position: relative; } s { background: url(../images/pin.png) 0 0 no-repeat; height: 98px; margin: -20px -30px 0 0; position: absolute; right: 0; text-indent: -9999px; width: 79px; z-index: 9999; } * html s { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pin.png", sizingMethod="crop"); } .button { background: url(../images/content_button.gif) 0 0 no-repeat; cursor: pointer; display: block; float: right; height: 43px; margin-bottom: 10px; text-indent: -9999px; width: 100px; } input.button { float: none; } .button.join { background: url(../images/button_join.gif) 0 0 no-repeat; width: 113px; } .button.follow { background: url(../images/button_follow.gif) 0 0 no-repeat; width: 166px; } .button.find { background: url(../images/button_find_out.gif) 0 0 no-repeat; margin-left: 10px; width: 166px; } .button.watch { background: url(../images/button_watch.gif) 0 0 no-repeat; margin-left: 10px; width: 166px; } .button.submit { background: url(../images/button_submit.gif) 0 0 no-repeat; margin-left: 10px; width: 100px; } .button.try { background: url(../images/button_try.gif) 0 0 no-repeat; width: 200px; } .button.examples { background: url(../images/button_examples.gif) 0 0 no-repeat; width: 175px; } .button.product_videos { background: url(../images/product_videos.gif) 0 0 no-repeat; width: 288px; } .button.affiliate { background: url(../images/button_affiliate.gif) 0 0 no-repeat; width: 200px; } input.button { background: url(../images/content_button.gif) 0 0 no-repeat; border: 0; display: block; height: 43px; margin-bottom: 10px; text-indent: -9999px; width: 100px; } input.button.feedback { background: url(../images/button_feedback.gif) 0 0 no-repeat; width: 166px; } .eleven { font-size: 11px; } /* preheader */ #pre_header { background: #3a3a3a url(../images/preheader_bg.gif) 0 0 repeat-x; color: #fff; } #pre_header .set { line-height: 40px; } #pre_header h2 { display: block; float: left; font-size: 12px; font-weight: bold; height: auto; margin: 0; text-indent: 0; } * html #pre_header h2 { display: inline; } * + html #pre_header h2 { display: inline; } #pre_header h2 img { border: 1px solid #666; border-width: 0 1px; display: inline; float: left; margin-right: 20px; } #pre_header h2 b { } #pre_header .set span { background: url(../images/search_right.gif) 100% 0 no-repeat; display: block; float: right; margin-top: 3px; width: 200px; } #pre_header .set span b { background: url(../images/search_left.gif) 0 0 no-repeat; display: block; float: right; height: 30px; line-height: 30px; margin-right: 2px; } * html #pre_header .set span b { display: inline; } * + html #pre_header .set span b { display: inline; } #search_box { background: transparent none; border: 0; display: block; float: left; font-size: 12px; margin: 7px 4px 0 6px; } #search_button { background: url(../images/search_button.gif) 0 0 no-repeat; border: 0; cursor: pointer; display: block; float: right; height: 22px; line-height: 0; margin: 4px 2px 0 0; overflow: hidden; text-indent: -9999px; width: 48px; } #pre_header .set span label { font-size: 12px; font-weight: bold; margin-right: 5px; } #pre_header ul{ float: right; } #pre_header ul li{ border-left: 1px solid #666; display: inline; margin-left: 10px; padding-left: 10px; } #pre_header ul li a{ color: #eee; font-weight: normal; } /* header */ #header { background: #fff url(../images/header_bg.jpg) 50% 0 repeat-x; height: 125px; } #header h1 { background: url(../images/h1.gif) 0 0 no-repeat; float: left; font: italic normal 36px Arial; height: 56px; letter-spacing: -0.05em; margin: 25px 0; text-indent: -9999px; width: 404px; } #header .set ul { float: right; margin-top: 35px; } #header .set ul li { float: left; font-size: 11px; margin-left: 20px; padding: 10px 0 10px 56px; } #header .set ul li#twitter { background: url(../images/icon_twitter.gif) 0 5px no-repeat; min-height: 60px; width: 340px; } #header .set ul li#rss { background: url(../images/icon_rss.gif) 0 0 no-repeat; } #header .set ul li label { color: #545454; font-size: 12px; font-weight: bold; letter-spacing: -0.035em; text-transform: uppercase; } #header .set ul li span { color: #777; } /* menu */ #menu { background: #404040 url(../images/menu_bg.gif) 0 0 repeat-x; height: 55px; position: relative; z-index: 10000; } #navigation { } #navigation li { background-image: url(../images/menu_sprite.gif); background-repeat: no-repeat; float: left; height: 55px; margin-right: 5px; overflow: visible; position: relative; } #navigation li a { color: #5cc5e8; display: block; height: 55px; overflow: hidden; position: relative; text-indent: -9999px; xxxwidth: 120px; z-index: 3002; } #navigation li a em { color: #fff; display: block; font-style: italic; text-transform: none; } #navigation li b { background-image: url(../images/menu_sprite.gif); background-repeat: no-repeat; height: 55px; float: left; left: 0; position: absolute; width: 100%; z-index: 3000; } #navigation li i { background-image: url(../images/menu_sprite.gif); background-repeat: no-repeat; display: none; height: 55px; float: left; left: 0; position: absolute; width: 100%; z-index: 3001; } /* actual menu setup */ #nav_home { background-position: -19px 0; width: 77px; } #nav_sell { background-position: -150px 0; width: 128px; } #nav_start { background-position: -299px 0; width: 137px; } #nav_features { background-position: -1009px 0; width: 111px; } #nav_support { background-position: -451px 0; width: 119px; } #nav_story { background-position: -603px 0; width: 97px; } #nav_stores { background-position: -736px 0; width: 110px; } #nav_signup { background-position: -865px 0; width: 113px; } #nav_home b { background-position: -19px -55px; } #nav_sell b { background-position: -150px -55px; } #nav_start b { background-position: -299px -55px; } #nav_features b { background-position: -1009px -55px; } #nav_support b { background-position: -451px -55px; } #nav_story b { background-position: -603px -55px; } #nav_stores b { background-position: -736px -55px; } #nav_signup b { background-position: -865px -55px; } #nav_home i { background-position: -19px -110px; } #nav_sell i { background-position: -150px -110px; } #nav_start i { background-position: -299px -110px; } #nav_features i { background-position: -1009px -110px; } #nav_support i { background-position: -451px -110px; } #nav_story i { background-position: -603px -110px; } #nav_stores i { background-position: -736px -110px; } #nav_signup i { background-position: -865px -110px; } /* on states */ body#body_home li#nav_home i, body#body_sell li#nav_sell i, body#body_start li#nav_start i, body#body_features li#nav_features i, body#body_support li#nav_support i, body#body_story li#nav_story i, body#body_stores li#nav_stores i, body#body_signup li#nav_signup i{ display: block; } /* submenu */ #navigation li .dropdown { background: url(../images/dropdown_bg_a.gif) 0 0 no-repeat; position: absolute; margin: 1px 0 0 10px; position: absolute; top: 100%; width: 200px; z-index: 4001; } #navigation li .dropdown ol { background: url(../images/dropdown_bg_b.gif) 0 100% no-repeat; margin-top: 5px; padding-bottom: 20px; width: 200px; } #navigation li .dropdown ol li { background: transparent none; float: none; height: 26px; position: static; width: 200px; } #navigation li .dropdown ol li a { background: url(../images/dropdown_li_bg.png) 0 100% no-repeat; color: #fff; display: block; font-size: 12px; font-weight: normal; height: 26px; line-height: 26px; position: static; text-indent: 0; width: 200px; } #navigation li .dropdown ol li a:hover { background: url(../images/dropdown_li_bg.png) 0 0 no-repeat; } #navigation li .dropdown ol li.alt a { background: url(../images/dropdown_li_bg.png) 0 0 no-repeat; color: #7ccef5; } #navigation li .dropdown ol li a span { margin-left: 26px; } /* window */ #window { background: #5cc5e8 url(../images/window_bg.jpg) 50% 0 repeat-x; overflow: hidden; position: relative; } * html #window { width: 100%; } #window .overlay { background: transparent url(../images/window_bg_overlay.gif) 50% 0 no-repeat; height: 280px; } body.interior #window { background: #5cc5e8 url(../images/window_bg_s.jpg) 50% 0 repeat-x; } body.interior #window .overlay { background: transparent none; height: 140px; } body.interior #window h2 { } #window i { background: transparent url(../images/window_overlay_alt.png) 0 0 no-repeat; display: block; height: 280px; left: 50%; margin-left: -100px; position: absolute; top: 0; width: 1800px; } * html #window i { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/window_overlay_alt.png", sizingMethod="crop"); } #window ol { } #window ol li { height: 64px; left: 50%; margin-top: -32px; position: absolute; text-indent: -9999px; top: 50%; width: 64px; } #window ol li a { display: block; height: 64px; outline: 0; position: relative; width: 64px; z-index: 6001; } #window ol li b { background: url(../images/slide_hover.png) 0 0 no-repeat; display: block; height: 64px; margin-bottom: -64px; position: relative; width: 64px; z-index: 6000; } #window ol li#window_left { margin-left: -563px; } #window ol li#window_right { margin-left: 495px; } #window ol li#window_left a { background: url(../images/window_arrow_left.gif) 0 0 no-repeat; } #window ol li#window_right a { background: url(../images/window_arrow_right.gif) 0 0 no-repeat; } #window .set { } #window .text { padding: 30px 0; text-align: left; } #window img.window_image { } #window span.image { background: url(../images/test_image.png) 0 0 no-repeat; float: right; height: 280px; margin-right: -25px; text-indent: -9999px; width: 465px; } * html #window span.image { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/test_image.png", sizingMethod="crop"); } #window span.image.one { background: url(../images/blue_front_one.gif) 100% 0 no-repeat; } #window span.image.two { background: url(../images/cute_wee.gif) 100% 0 no-repeat; } #window span.image.three { background: url(../images/blue_front_three.gif) 100% 0 no-repeat; } #window span.image.four { background: url(../images/blue_front_four.gif) 100% 0 no-repeat; } #window span.image.five { background: url(../images/blue_front_five.gif) 100% 0 no-repeat; } #window p { color: #fff; font-weight: bold; } #window p span { display: block; font-size: 14px; font-style: italic; text-align: right; } #window .button { background: url(../images/window_button.gif) 0 0 no-repeat; float: left; width: 132px; } #window ul { margin-left: -475px; left: 50%; position: absolute; } #window ul li { float: left; height: 280px; display: block; position: absolute; width: 950px; } /* content */ #content { background: url(../images/content_bg.jpg) 0 0 repeat-x; } #content .set { padding: 20px 0; } body.interior #content .set { padding: 30px 0; } div.base{ margin-bottom: 35px; } /* column */ #column_one{ float: left; width: 210px; } #column_two{ float: right; width: 690px; } /* interior menu */ #sub_navigation { margin-bottom: 20px; } #sub_navigation li { border-bottom: 1px solid #d3d3d3; padding: 10px 0 0; } #sub_navigation li a { color: #444; display: block; font-size: 14px; font-weight: bold; letter-spacing: -0.01em; line-height: 12px; padding: 0 20px 10px 10px; } #sub_navigation li a span { display: block; font-size: 11px; font-weight: normal; letter-spacing: 0; } #sub_navigation li a s { display: none; } #sub_navigation li.alt { background: url(../images/column_link_a.gif) 0 0 no-repeat; border: 0; margin-top: -1px; } #sub_navigation li.alt a { background: url(../images/column_link_b.gif) 0 100% no-repeat; color: #fff; position: relative; } #sub_navigation li.alt a span { color: #60c7f6; } #sub_navigation li.alt a s { display: block; margin: -35px -25px 0 0; } /* extraneous */ #column_one .extra { background: url(../images/column_extra_a.gif) 0 0 no-repeat; padding-top: 10px; } #content #column_one h5 { margin-left: 5px; } #column_one .extra ul { background: url(../images/column_extra_b.gif) 0 100% no-repeat; padding-bottom: 10px; } #column_one .extra ul { margin-bottom: 20px; } #column_one .extra ul li { border-bottom: 1px solid #ddd; padding: 5px 0 0; } #column_one .extra ul li a { background: url(../images/column_extra_icon.gif) 5px 0 no-repeat; color: #444; display: block; font-size: 14px; font-weight: bold; letter-spacing: -0.01em; line-height: 12px; padding: 5px 20px 10px 42px; } #column_one .extra ul li a span { display: block; font-size: 11px; font-weight: normal; letter-spacing: 0; } /* trio */ ul.trio { margin-right: -10px; padding: 0 0 30px; } ul.trio li { display: inline; } ul.trio:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.trio { height: 1px; } * + html ul.trio { min-height: 1px; } ul.trio li a { background: url(../images/button_trio.png) 0 0 no-repeat; float: left; height: 89px; margin-right: 7px; text-indent: -9999px; width: 313px; } * html ul.trio li a { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/button_trio.png", sizingMethod="crop"); } ul.trio li.one a { background: url(../images/front_button_one.gif) 0 0 no-repeat; } ul.trio li.two a { background: url(../images/front_button_two.gif) 0 0 no-repeat; } ul.trio li.three a { background: url(../images/front_button_three.gif) 0 0 no-repeat; } /* video */ .video {} .video .left { width: 570px; } .video .right { width: 350px; } .video object, .video embed { display: block; margin: 0; } a.request { background: url(../images/video_cta.gif) 0 100% no-repeat; color: #fff; display: block; height: 76px; margin: 0; padding: 0; width: 570px; } a.request span { font: normal 24px Georgia, Times, serif; display: block; font-style: italic; height: auto; letter-spacing: -0.035em; margin: 0; padding: 15px 30px 0 76px; } /*.video h3 { background: url(../images/video_h3.gif) 0 0 no-repeat; display: block; height: 50px; text-indent: -9999px; } */ /* trio */ div.trio { } div.trio .one { float: left; margin-right: 4%; width: 31%; } div.trio .two { float: left; width: 31%; } div.trio .three { float: right; width: 31%; } /* features */ /* .features h3 { background: url(../images/features_h3.gif) 0 0 no-repeat; height: 50px; margin-bottom: 10px; text-indent: -9999px; }*/ #content .features h3{ font-size: 22px; line-height: 24px; } #content .features h3 em{ font-size: 16px; } .features div { background: url(../images/front_one.png) 0 0 no-repeat; margin-bottom: 10px; } .features div.two { background: url(../images/front_two.png) 0 0 no-repeat; } .features div.three { background: url(../images/front_three.png) 0 0 no-repeat; } .features div.alt { background: url(../images/front_four.png) 0 0 no-repeat; } .features div.two.alt { background: url(../images/front_five.png) 0 0 no-repeat; } .features div.three.alt { background: url(../images/front_six.png) 0 0 no-repeat; } .features div div{ background: transparent none; margin: 0 0 0 72px; } /* general content stuff */ #content .list { margin-bottom: 20px; } #content .list li { background: url(../images/tick.gif) 0 1px no-repeat; font-weight: bold; margin-bottom: 7px; padding-left: 20px; } #content .list.off li { background: url(../images/light_off.gif) 0 1px no-repeat; } #content .list.on li { background: url(../images/light_on.gif) 0 1px no-repeat; } /* rows and cells! */ .row { background: url(../images/row.gif) 50% 100% no-repeat; padding-bottom: 50px; } .row:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html .row { height: 1px; } * + html .row { min-height: 1px; } .row.alt { background: transparent none; padding-bottom: 20px; } .row .cell { } .row.two .cell { float: left; width: 48%; } .row.two .cell.r { float: right; } .row.three .cell { float: left; margin: 0 2% 0 0; width: 31%; } .row.three .cell.r { float: right; margin: 0 0 0 1%; } /* twitter stuff */ #twitter_update_list { } #twitter_update_list li { background: url(../images/row.gif) 50% 100% no-repeat; padding-bottom: 50px; } #twitter_update_list li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } #twitter_update_list li span { float: right; width: 88%; } #twitter_update_list li span a { float: none; width: auto; } #twitter_update_list li a { float: left; width: 10%; } /* footer */ #footer { background: #202020;} #footer .set { padding: 20px 0 50px; } #footer .pin s { margin-top: -40px; } #footer h2 { background: url(../images/footer_h2.gif) 0 0 no-repeat; height: 50px; margin-bottom: 30px; text-indent: -9999px; width: 430px; } #footer h3 { font: normal 10px Georgia, Times, Serif; letter-spacing: -0.01em; text-transform: uppercase; } #footer h3 a { color: #eee; } #footer_sell h3 { background-position: 0 0; } #footer_start h3 { background-position: -190px 0; } #footer_support h3 { background-position: -420px 0; width: 90px; } #footer_story h3 { background-position: -595px 0; } #footer_community h3 { background-position: -786px 0; } #footer_signup h3 { background-position: -997px 0; } #footer .set a { color: #fff; font-size: 11px; font-weight: bold; letter-spacing: -0.015em; } #footer ul { } #footer ul li { -moz-box-orient: vertical; display: -moz-inline-box; display: inline-block; float: left; margin-right: 8px; vertical-align: top; } * html #footer ul li { display: inline; } * + html #footer ul li { display: inline; } #footer ul li ol { line-height: 14px; vertical-align: top; } #footer ul li ol li { display: block; float: none; } /* table styling */ table.pricing { border-collapse: separate; margin-bottom: 20px; width: 100%; text-align: center; } table.pricing tr {} table.pricing tr td, table.pricing tr th { vertical-align: top; } table.pricing tr td { background: #fff; xxxborder: 1px solid #f7f7f7; border-width: 1px; padding: 10px 7px; } table.pricing tr.decocredits td { font-size: 18px; } table.pricing tr.cost td { font-size: 18px; } table.pricing tr.cost td span { font-size: 14px; } table.pricing tr th { text-align: center; } table.pricing tfoot td { background: #f7f7f7; xxxborder: 1px solid #eee; border-width: 1px; } table.pricing tr th.overview { background: none; font-size: 14px; font-weight: bold; text-align: right; width: 160px; } table.pricing tr th.overview h5 { padding: 10px; } table.pricing tr td.desc { background: #fff url(../images/table/desc_a.gif) 0 100% repeat-x; font-size: 12px; text-align: right; width: 180px; } table.pricing tfoot tr td.desc { background: #f7f7f7 url(../images/table/desc_b.gif) 0 100% repeat-x; } table.pricing tr.or td { background: #eee; border-bottom: 1px solid #e7e7e7; line-height: 0; height: 10px; padding: 0; } table.pricing a { background: url(../images/table_signup.gif) 50% 0 no-repeat; display: block; height: 27px; line-height: 26px; text-align: center; } table tr.head th { } table tr.head th h5 { display: block; padding: 30px 0 0 28px; } h5.low { background: url(../images/table_low.gif) 18px 100% no-repeat; } h5.med { background: url(../images/table_med.gif) 5px 100% no-repeat; } h5.hi { background: url(../images/table_hi.gif) 0 100% no-repeat; } table.pricing tr td.low { background: #f5f5f5 url(../images/table/pricing_low_a.gif) 0 100% repeat-x; } table.pricing tr td.med { background: #ebebeb url(../images/table/pricing_med_a.gif) 0 100% repeat-x; } table.pricing tr td.hi { background: #e0e0e0 url(../images/table/pricing_hi_a.gif) 0 100% repeat-x; } table .button { background: url(../images/table_button.gif) 0 0 no-repeat; display: -moz-inline-box; display: inline-block; float: none; height: 40px; margin: 0; padding: 0; text-indent: -9999px; width: 77px; } * html table .button { display: inline; } * + html table .button { display: inline; } .table_right { text-align: right; } table.pricing .description{ width: 140px; } table.pricing tr td.description{ color: #555; } table.compare { border: 1px solid #bbb; margin-bottom: 20px; width: 100%; } table.compare tr th { background: #404040; color: #eee; font-size: 11px; font-weight: bold; padding: 10px 5px; text-align: center; } table.compare tr td { background: #f3f1ef url(../images/compare_one.gif) 0 100% repeat-x; padding: 5px; vertical-align: top; } table.compare tr.alt td { background: #e2e0dd url(../images/compare_one_alt.gif) 0 100% repeat-x; } table.compare tr td.print { background: #f3f1ef url(../images/compare_two.gif) 0 100% repeat-x; padding:5px; text-align: center; width: 80px; } table.compare tr.alt td.print { background: #e2e0dd url(../images/compare_two_alt.gif) 0 100% repeat-x; } table.compare tr td.emb { background: #f3f1ef url(../images/compare_three.gif) 0 100% repeat-x; padding: 5px; text-align: center; width: 80px; } table.compare tr.alt td.emb { background: #e2e0dd url(../images/compare_three_alt.gif) 0 100% repeat-x; } table.compare tr td.section { background-position: -1px 100%; width: 200px; } table.compare b.yes { background: url(../images/ok.gif) 0 50% no-repeat; display: -moz-inline-box; display: inline-block; height: 20px; text-indent: -9999px; width: 32px; } * html table.compare b.yes { display: block; } * + html table.compare b.yes { display: block; } /* headings */ h2 { background-repeat: no-repeat; height: 78px; text-indent: -9999px; } h2.business_opportunity { background-image: url(../images/h2_business_opportunity.gif); } h2.features { background-image: url(../images/h2_features.gif); } h2.pricing { background-image: url(../images/h2_pricing.gif); } h2.reviews { background-image: url(../images/h2_reviews.gif); } h2.how_does { background-image: url(../images/h2_how_does.gif); } h2.design { background-image: url(../images/h2_design.gif); } h2.quick_setup { background-image: url(../images/h2_quick_setup.gif); } h2.affiliate_sites { background-image: url(../images/h2_affiliate_sites.gif); } h2.consultants { background-image: url(../images/h2_consultants.gif); } h2.why_we { background-image: url(../images/h2_why_we.gif); } h2.pikicentral { background-image: url(../images/h2_pikicentral.gif); } h2.wilcom { background-image: url(../images/h2_wilcom.gif); } h2.moving_forward { background-image: url(../images/h2_moving_forward.gif); } h2.featured_sites { background-image: url(../images/h2_featured_sites.gif); } h2.get_connected { background-image: url(../images/h2_get_connected.gif); } h2.suggestion_box { background-image: url(../images/h2_suggestion_box.gif); } h2.twitter { background-image: url(../images/h2_twitter.gif); } h2.dream { background-image: url(../images/h2_dream.gif); } h2.boost { background-image: url(../images/h2_boost.gif); } h2.network { background-image: url(../images/h2_network.gif); } h2.manage { background-image: url(../images/h2_manage.gif); } h2.long { background-image: url(../images/h2_long.gif); } h2.support { background-image: url(../images/h2_support.gif); } h2.demo { background-image: url(../images/h2_demo.gif); } h2.faqs_pricing { background-image: url(../images/h2_faqs_pricing.gif); } h2.faqs_sales { background-image: url(../images/h2_faqs_sales.gif); } h2.getting_started { background-image: url(../images/h2_getting_started.gif); } h2.our_story { background-image: url(../images/h2_our_story.gif); } h2.compare_plans { background-image: url(../images/h2_compare_plans.gif); } h2.stores_and_systems { background-image: url(../images/h2_stores_and_systems.gif); } h2.featured_stores { background-image: url(../images/h2_featured_stores.gif); } h2.featured_systems { background-image: url(../images/h2_featured_systems.gif); } h2.info_for_designers { background-image: url(../images/h2_info_for_designers.gif); } h2.contact { background-image: url(../images/h2_contact.gif); } h2.request_video { background-image: url(../images/h2_request_video.gif); } h2.video { background-image: url(../images/h2_video.gif); } h2.signup { background-image: url(../images/h2_signup.gif); } h2.login { background-image: url(../images/h2_login.gif); } h2.training { background-image: url(../images/h2_training.gif); } h2.tips_and_tricks { background-image: url(../images/h2_tips_and_tricks.gif); } h2.why_deconetwork { background-image: url(../images/h2_why_deconetwork.gif); } h2.lorem { background-image: url(../images/h2_lorem.gif); } #content h3 { font: normal 30px Georgia, Times, serif; xxxfont-style: italic; letter-spacing: -0.03em; line-height: 34px; margin-bottom: 30px; } #content h3 a { font-weight: normal; } #content h3 em { font: normal 18px Arial, Helvetica, sans; font-style: italic; display: block; letter-spacing: -0.015em; } #content h3.twitter { background: url(../images/icon_twitter.gif) 0 0 no-repeat; padding: 5px 0 10px 54px; } #content h3.facebook { background: url(../images/icon_facebook.gif) 0 0 no-repeat; padding: 5px 0 10px 54px; } /*#content h3 { background-position: 0 0; background-repeat: no-repeat; height: 50px; margin-bottom: 20px; text-indent: -9999px; } h3.complete_business { background-image: url(../images/h3_complete_business.gif); } h3.offer_existing { background-image: url(../images/h3_offer_existing.gif); } h3.offer_sell { background-image: url(../images/h3_offer_sell.gif); } h3.complete_business { background-image: url(../images/h3_complete_business.gif); } h3.do_you_dream { background-image: url(../images/h3_do_you_dream.gif); height: 28px!important; } h3.unique_website { background-image: url(../images/h3_unique_website.gif); } h3.no_skills { background-image: url(../images/h3_no_skills.gif); } h3.extra_step { background-image: url(../images/h3_extra_step.gif); } h3.featured_site { background-image: url(../images/h3_featured_site.gif); } h3.decide { background-image: url(../images/h3_decide.gif); } h3.domain_name { background-image: url(../images/h3_domain_name.gif); } h3.merchant_account { background-image: url(../images/h3_merchant_account.gif); } h3.paypal { background-image: url(../images/h3_paypal.gif); } h3.charge { background-image: url(../images/h3_charge.gif); } h3.unique_design { background-image: url(../images/h3_unique_design.gif); } h3.security { background-image: url(../images/h3_security.gif); } h3.get_noticed { background-image: url(../images/h3_get_noticed.gif); } h3.invite { background-image: url(../images/h3_invite.gif); } h3.easy_to_buy { background-image: url(../images/h3_easy_to_buy.gif); } h3.attention { background-image: url(../images/h3_attention.gif); } h3.hosted { background-image: url(../images/h3_hosted.gif); } h3.payg { background-image: url(../images/h3_payg.gif); } h3.future { background-image: url(../images/h3_future.gif); } h3.get_started { background-image: url(../images/h3_get_started.gif); } h3.goes_live { background-image: url(../images/h3_goes_live.gif); } h3.manage_affiliates { background-image: url(../images/h3_manage_affiliates.gif); } h3.about_pikicentral { background-image: url(../images/h3_about_pikicentral.gif); } h3.about_wilcom { background-image: url(../images/h3_about_wilcom.gif); } h3.unlimited_affiliate { background-image: url(../images/h3_unlimited_affiliate.gif); } h3.product_manager { background-image: url(../images/h3_product_manager.gif); } h3.statistics { background-image: url(../images/h3_statistics.gif); } h3.ecommerce { background-image: url(../images/h3_ecommerce.gif); } h3.online_designer { background-image: url(../images/h3_online_designer.gif); } h3.flexible_templates { background-image: url(../images/h3_flexible_templates.gif); } h3.how_it_works { background-image: url(../images/h3_how_it_works.gif); height: 28px!important; } h3.hosted { background-image: url(../images/h3_hosted.gif); height: 28px!important; } h3.payg { background-image: url(../images/h3_payg.gif); height: 28px!important; } h3.future { background-image: url(../images/h3_future.gif); height: 28px!important; } h3.get_started { background-image: url(../images/h3_get_started.gif); height: 28px!important; } h3.goes_live { background-image: url(../images/h3_goes_live.gif); height: 28px!important; } h3.stories { background-image: url(../images/h3_stories.gif); } h3.setup_includes { background-image: url(../images/h3_setup_includes.gif); } h3.time_resources { background-image: url(../images/h3_time_resources.gif); } h3.fulfillment_system { background-image: url(../images/h3_fulfillment_system.gif); } h3.personalization { background-image: url(../images/h3_personalization.gif); height: 58px!important; } h3.monthly_pricing { background-image: url(../images/h3_monthly_pricing.gif); } h3.annual_pricing { background-image: url(../images/h3_annual_pricing.gif); } h3.whats_included { background-image: url(../images/h3_whats_included.gif); height: 28px!important; } h3.decocredits_info { background-image: url(../images/h3_decocredits_info.gif); height: 28px!important; } h3.decocredits_work { background-image: url(../images/h3_decocredits_work.gif); height: 28px!important; } h3.ideas { background-image: url(../images/h3_ideas.gif); } h3.forum { background-image: url(../images/h3_forum.gif); } h3.facebook { background-image: url(../images/h3_facebook.gif); height: 28px!important; } h3.twitter { background-image: url(../images/h3_twitter.gif); height: 28px!important; } h3.who { background-image: url(../images/h3_who.gif); } h3.design { background-image: url(../images/h3_design.gif); } h3.webstores { background-image: url(../images/h3_webstores.gif); } h3.design { background-image: url(../images/h3_design.gif); } h3.manage { background-image: url(../images/h3_manage.gif); } h3.flexible { background-image: url(../images/h3_flexible.gif); } h3.software { background-image: url(../images/h3_software.gif); } h3.salesperson { background-image: url(../images/h3_salesperson.gif); } h3.need_support { background-image: url(../images/h3_need_support.gif); } h3.need_training { background-image: url(../images/h3_need_training.gif); height: 28px!important; } h3.see_it { background-image: url(../images/h3_see_it.gif); } h3.sample { background-image: url(../images/h3_sample.gif); } h3.no_skills { background-image: url(../images/h3_no_skills.gif); height: 28px!important; } h3.expose { background-image: url(../images/h3_expose.gif); } h3.perfect { background-image: url(../images/h3_perfect.gif); height: 28px!important; } h3.give_attention { background-image: url(../images/h3_give_attention.gif); height: 28px!important; } h3.easy_to_buy { background-image: url(../images/h3_easy_to_buy.gif); height: 28px!important; } h3.invite_customers { background-image: url(../images/h3_invite_customers.gif); height: 28px!important; } h3.get_noticed { background-image: url(../images/h3_get_noticed.gif); height: 28px!important; } h3.secure_payments { background-image: url(../images/h3_secure_payments.gif); height: 28px!important; } h3.charge { background-image: url(../images/h3_charge.gif); height: 28px!important; } h3.payment_gateway { background-image: url(../images/h3_payment_gateway.gif); height: 28px!important; } h3.merchant { background-image: url(../images/h3_merchant.gif); height: 28px!important; } h3.best_domain { background-image: url(../images/h3_best_domain.gif); height: 28px!important; } h3.decide_sell { background-image: url(../images/h3_decide_sell.gif); height: 28px!important; } h3.create_unique { background-image: url(../images/h3_create_unique.gif); height: 28px!important; } h3.why_deconetwork { background-image: url(../images/h3_why_deconetwork.gif); height: 28px!important; } h3.manage_store { background-image: url(../images/h3_manage_store.gif); height: 28px!important; } h3.manage_fulfillment { background-image: url(../images/h3_manage_fulfillment.gif); height: 28px!important; } h3.xxx { background-image: url(../images/h3_xxx.gif); } h3.xxx { background-image: url(../images/h3_xxx.gif); height: 28px!important; }*/ #content h4 { display: block; font: normal 24px Georgia, Times, serif; font-style: italic; letter-spacing: -0.015em; margin: 0 0 25px; } #content h4 em { display: block; font: normal 18px Arial, Helvetica, Sans; } /*#content h4 { background-position: 0 0; background-repeat: no-repeat; height: 26px; margin: 0 0 15px; text-indent: -9999px; } h4.new_customers { background-image: url(../images/h4_new_customers.gif); } h4.ecommerce_website { background-image: url(../images/h4_ecommerce_website.gif); } h4.maintain { background-image: url(../images/h4_maintain.gif); } h4.enable_people { background-image: url(../images/h4_enable_people.gif); } h4.affordable { background-image: url(../images/h4_affordable.gif); } h4.design_implement { background-image: url(../images/h4_design_implement.gif); } h4.initial_seo { background-image: url(../images/h4_initial_seo.gif); } h4.setup_domain { background-image: url(../images/h4_setup_domain.gif); } h4.setup_products { background-image: url(../images/h4_setup_products.gif); } h4.setup_ecommerce { background-image: url(../images/h4_setup_ecommerce.gif); } h4.setup_library { background-image: url(../images/h4_setup_library.gif); } h4.authors_changes { background-image: url(../images/h4_authors_changes.gif); } h4.phone_consultation { background-image: url(../images/h4_phone_consultation.gif); } h4.support { background-image: url(../images/h4_support.gif); } h4.user_forum { background-image: url(../images/h4_user_forum.gif); } h4.contact_support { background-image: url(../images/h4_contact_support.gif); } h4.training_videos { background-image: url(../images/h4_training_videos.gif); } h4.q_and_a { background-image: url(../images/h4_q_and_a.gif); } h4.consultants { background-image: url(../images/h4_consultants.gif); } h4.xxx { background-image: url(../images/h4_xxx.gif); }*/ #content h5 { display: block; font: normal 18px Georgia, Times, serif; font-style: italic; letter-spacing: -0.015em; margin: 5px 0 15px; } #content h5 em { display: block; font: normal 14px Arial, Helvetica, Sans; } #content h5.featured_stores { background: url(../images/featured_stores.gif) 0 15px no-repeat; padding: 20px 0 20px 70px; } #content h5.featured_networks { background: url(../images/featured_network.gif) 0 0 no-repeat; padding: 20px 0 20px 70px; } /*#content h5 { background-position: 0 0; background-repeat: no-repeat; height: 20px; margin: 5px 0 10px; text-indent: -9999px; } h5.examples { background-image: url(../images/h5_examples.gif); } h5.reality { background-image: url(../images/h5_reality.gif); } h5.deconetwork { background-image: url(../images/h5_deconetwork.gif); } h5.affiliate_can_do { background-image: url(../images/h5_affiliate_can_do.gif); } h5.can_do { background-image: url(../images/h5_can_do.gif); } h5.can_control { background-image: url(../images/h5_can_control.gif); } h5.customers_can { background-image: url(../images/h5_customers_can.gif); } h5.after_the_order { background-image: url(../images/h5_after_the_order.gif); } h5.unique_design { background-image: url(../images/h5_unique_design.gif); } h5.no_skills { background-image: url(../images/h5_no_skills.gif); } h5.expose { background-image: url(../images/h5_expose.gif); } h5.perfect { background-image: url(../images/h5_perfect.gif); } h5.xxx { background-image: url(../images/h5_xxx.gif); }*/ /* sections (aka the messy bit) */ div.fulfillment{ } div.fulfillment div.left{ width: 450px; } div.fulfillment .image{ margin-top: 30px; } div.unlimited_affiliates div.left{ width: 400px; } div.ecommerce div.right, div.statistics div.left{ width: 500px; } div.affiliate_interest div.right{ width: 450px; } div.affiliate_customer div.left{ width: 450px; } div.affiliate_anyone div.right{ width: 450px; } div.flexible div.right{ width: 500px; } div.setup div.right{ width: 540px; } div.review:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html div.review{ height: 1px; } * + html div.review{ min-height: 1px; } div.review .image{ margin-top: 50px; } div.review div.right{ width: 580px; } /* faq styling */ p.question{ font-size: 14px; font-weight: bold; } div.answer{ background: url(../images/row.gif) 50% 100% no-repeat; margin-bottom: 10px; padding-bottom: 40px; } /* form */ ul.form { margin-bottom: 20px; } ul.form li { padding: 3px 0; } ul.form li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } * html ul.form li { height: 1px; } * + html ul.form li { min-height: 1px; } ul.form label { float: left; width: 160px; } ul.form li p { display: block; padding-left: 160px; } /* featured sites */ ul.featured { } ul.featured li { clear: left; float: left; font-size: 11px; margin-bottom: 30px; width: 47%; } ul.featured li.alt { clear: right; float: right; } #content ul.featured li h4 { margin-bottom: 10px; } #content ul.featured li a { display: block; float: right; margin-top: 10px; } ul.featured li img {display: block; margin-bottom: 10px; } div.screen_box { text-align: center; padding: 10px 0; margin-bottom: 20px; } ul.featured_systems {} ul.featured_systems li { margin-bottom: 40px; } ul.featured_systems img { margin-bottom: 20px; } /* features page */ #features { } #features .section { } #features .section .online_designer, #features .section .fulfillment, #features .section .unlimited_affiliates, #features .section .product_manager, #features .section .ecommerce, #features .section .statistics, #features .section .flexible { padding-left: 80px; } #features .section .online_designer { background: url(../images/front_one.png) 0 0 no-repeat; } #features .section .fulfillment { background: url(../images/fulfillment.png) 0 0 no-repeat; } #features .section .unlimited_affiliates { background: url(../images/unlimited_affiliates.png) 0 0 no-repeat; } #features .section .product_manager { background: url(../images/product_manager_x.png) 0 0 no-repeat; } #features .section .ecommerce { background: url(../images/front_six.png) 0 0 no-repeat; } #features .section .statistics { background: url(../images/front_three.png) 0 0 no-repeat; } #features .section .flexible { background: url(../images/front_four.png) 0 0 no-repeat; } table.base { border-collapse: collapse; margin-bottom: 10px; } table.base th { background: #404040; border: 1px solid #555; color: #eee; padding: 5px; } table.base tr td { background: url(../images/compare_one.gif) 0 100% no-repeat; xxxborder: 1px solid #eee; padding: 5px 5px; } table.base tr.alt td { background: url(../images/compare_one_alt.gif) 0 100% no-repeat; xxxborder-top: 1px solid #E0EBED; } table.hundred { width: 100%; } table.base table {} table.base table tr { } table.base table tr td, table.base table tr.alt td { border: 0; padding: 0; } table.base tr.total td { background: #efefef; border-color: #ddd; font-weight: bold; } .align_right { text-align: right; } ul.error { display: inline; } ul.error li { display: inline; padding: 0; } span.cart_warning { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #3e3e3e url(../images/alert.gif) 4px 2px no-repeat; border: 1px solid #ddd; color: #eee; margin: 7px 0 0 160px; padding: 3px 10px 3px 24px; } div.warning { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #9f1b1b url(../images/alert32.gif) 5px 50% no-repeat; color: #fff; font: normal 18px Georgia, Times, serif; margin-bottom: 20px; padding: 10px 20px 10px 40px; } div.success { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #2ca411; color: #fff; font: normal 18px Georgia, Times, serif; margin-bottom: 20px; padding: 10px 20px; } div#check { margin: 5px 0 5px 160px; }