/* Site: Meylah Static Pages Description: Slick, yet nifty Version: 0.1 Author: Stress Limit Design (http://www.stresslimitdesign.com) */ @import url("/static/fonts/clarendon/light.css"); @import url("/static/fonts/clarendon/medium.css"); @import url("/static/fonts/clarendon/bold.css"); /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Table of Contents: Defaults Basic Layout General Styles text links lists forms tables images utility Section-Specific Styles Header & Menu Slider General Welcome - Slider Specific Tour News Subscription Wizard - Personalize - About You - Store Policies Support + FAQ Subscription Pricing + Pricing Grid Sample Stores/Member Directory Landing Ebook Popup - Request Invite Footer Print +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* -------------------------------------------------------------- DEFAULTS -------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:100%; font-family: inherit; vertical-align: baseline; } ol, ul { list-style: none;} :focus { outline: 0;} html { background:#b7bfc4; } body { font-size:14px; color:#858585; font-family:Georgia, Times, serif; } /* -------------------------------------------------------------- LAYOUT -------------------------------------------------------------*/ #container { width:940px; height:auto; margin:0 auto; position:relative; display:block; background:#ffffff; } #header { padding: 50px 35px 40px 35px; } #content { padding:0 35px; } #content.tour, #content.subscription, #content.faq { padding:0 42px 42px; } #content.wizard, #content.support { padding-bottom:40px; margin-bottom:40px; } #footer { clear:both; background:url('/static/images/pages/bg/footer.jpg') 0 76px no-repeat; border-bottom:9px solid #3e4e57; font-family:Helvetica, Arial; } .third { width:290px; display:block; float:left; width:270px; } .column { width:420px; } /* -------------------------------------------------------------- GENERAL STYLES -------------------------------------------------------------*/ /* ----- Text ----- */ p { padding:0 0 1.3em 0; line-height:1.8; } /* p.small, span.small { font-size:9px; line-height:12px; margin-top:2px; color:#a5a5a5; } */ .bigger p { font-size:18px; /*color:#242424;*/ line-height:1.4; padding-bottom:1em; } .tourspan { font-family:"Clarendon Light", Georgia, serif; font-size:18px; color:#64879b; } b, strong { font-weight:bold; } i, em { font-style:italic; } blockquote { padding:6px 12px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background:#eee; font-style:italic; margin:6px 0px 15px 0px; } blockquote p { padding-bottom:5px; } h1,h2,h3,h4,h5,h6 { font-family:Georgia, Times, serif; font-weight:normal; color:#111; z-index:1; } h1 { font-size:35px; color:#64879b; margin-bottom:20px; font-weight:bold; } h2 { font-size:30px; font-family:"Clarendon Light", Georgia, serif; color:#606060; } /* Banner headings */ h3 { font-size:22px; font-weight:bold; color:#64879b; margin-bottom:8px; } /* footer, secondary headings */ h4 { font-size:17px; font-weight:bold; color:#64879b; padding-bottom:10px; } /* thirds headings */ h5 { font-size:18px; padding-top:10px; margin-left:8px; } h6 { font-size:14px; font-weight:bold; color:#64879b; padding:0 0 4px; } /* one time in subscription */ h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { text-decoration:none; color:#626466; } /* ----- Links ----- */ a:link, a:visited { color:#83a216; text-decoration:none } a:hover, a:active { text-decoration:underline; } a img { border:0; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a#logo { border:none;} a.red {color: red;} /* ----- Lists ----- */ ul { list-style:none; } ul li { } ul.bullets { list-style-type:disc; margin-left:20px; } ul.bullets li { line-height:1.8; } ul.bigger { font-size:18px; } ul.left { padding-right:90px; } /* ----- Forms ----- */ form { } input, textarea { background:#fff url('/static/images/admin/bg/input.gif') left top no-repeat; border:1px solid #b3b3b3; width:266px; color:#3b3b3b; padding:5px 7px; height:18px; line-height:18px; font-size:14px; /* font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif; */ } button { border:none; background:none; margin:0; padding:0; cursor:pointer; } .validation-advice { color:#f00; padding:5px; display:inline-block; margin:-14px 0 5px; } #sbox-content .validation-advice { margin-top:0; } textarea { height:135px; } select { margin:2px 0; } /* ----- Tables ----- */ table { border-collapse: collapse; } thead { } tbody { } tfoot { padding-bottom:6px; } th { text-align:left; } tr { } td { text-align:center; } /* ----- Images ----- */ img.mini { padding:2px; border:2px solid #ddd; } /* ----- Utility ----- */ .errorInput { border: 2px red solid; } .obfuscate { unicode-bidi: bidi-override; direction: rtl; } /* ----- Testimonial ----- */ .testimonial blockquote {background: #ddd; border-top-color: #ccc; border-bottom-color: #ccc; margin-top: 0;} .testimonial p {text-align: right; padding-bottom: 0;} .subscription div.testimonial { display: inline; float: right; width: 140px; margin: 0; color: #606060; font-size: 14px; } /* -------------------------------------------------------------- SECTION SPECIFIC STYLES -------------------------------------------------------------*/ /* Header & Menu Slider General Welcome - Slider Specific Tour Subscription Wizard - Personalize - About You - Store Policies Support + FAQ Subscription Pricing + Pricing Grid Sample Stores/Member Directory Landing Ebook Popup - Request Invite Footer Print */ /* HEADER & MENU --------------- */ /*#header img {position: relative; top: -6px;}*/ #header #menu { position:absolute; right:18px; top:58px; } #header #menu li { float:left; height:21px; margin:0; border-right:1px dotted #979797; } #header #menu li.selected a, #header #menu li a:hover { border-bottom:4px solid #83a1b2; } #header #menu li.selected a, #header #menu li a:hover { color:#444; } #header #menu li a { font:15px "Clarendon Light", Georgia, serif; /*color:#83a1b2;*/ color:#999; line-height:21px; margin:0 10px; padding-bottom:2px; text-decoration:none; display:block; border-bottom:4px solid transparent; } #header #menu li.end { border:none; } #header #menu li.end a { margin-right:0; } #header #menu li#requestInvite { /*margin:0; padding:17px 0 22px 0;*/ border: 0; height: 40px;} #header #menu li#requestInvite a.green-button { background:url('/static/images/pages/start-selling.jpg') no-repeat; text-indent: -9999px; height: 48px; margin-top: -5px; display: block;} #header #menu li#requestInvite a.green-button:hover { border-bottom: 0; height: 48px; text-decoration: none; } #steps { height:42px; margin:26px 0 0 0; } #steps li { float:left; height:35px; width: 208px; margin-right: 12px; padding-bottom:4px; } #steps li.step4 {margin-right: 0;} #steps li.selected, #steps li:hover { border-bottom:4px solid #83a1b2; } #steps li a { color:#fff; font:18px "ClarendonFSRegular", Georgia, serif; display:block; line-height:34px; background: #BEBEBE; border: 1px inset; text-align: center; -webkit-box-shadow: inset #999 0 0 25px; -moz-box-shadow: inset #999 0 0 25px; -khtml-box-shadow: inset #999 0 0 25px; box-shadow: inset #999 0 0 25px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #steps li a:hover { text-decoration:none; } .login {height: 50px; position: relative; display: block; padding: 10px; float: right;} .login a { color:#606060; /*padding: 0 55px 4px 0; display:block; background:url('/static/images/pages/bg/circlearrow.png') 225px 0 no-repeat; float: right; color:#83A1B2; font:18px/21px "Clarendon Light",Georgia,serif;*/ } .login a:hover { background-position: 225px -75px; } /* SLIDER GENERAL --------------- */ #banners { display:block; position:relative; } #arrowRibbon { position:absolute; right:20px; top:20px; width:57px; height:50px; padding:9px 0 0 25px; z-index:999; background:url('/static/images/pages/arrowribbon.png') 0 0 no-repeat; } #prevBanner, #nextBanner { display:block; height:26px; width:15px; float:left; cursor:pointer; background:url('/static/images/pages/buttons/arrowprev.gif') 0 0 no-repeat; } #nextBanner { margin:8px 0 0 4px; background:url('/static/images/pages/buttons/arrownext.gif') 0 0 no-repeat; } #prevBanner:hover, #nextBanner:hover { background-position:0 100%; } #banners #bannerFrame {overflow:hidden; position:relative; } #banners .banner { position:relative; float:left; } /* WELCOME --------- */ #content.welcome {padding-bottom: 30px;} .welcome #banners {width:790px; height:272px; padding:16px 53px 24px 27px; margin-bottom:42px; background:url('/static/images/pages/bg/cardstock.gif') 0 0 no-repeat;} .welcome #numberRibbon { position:absolute; right:1px; top:75px; width:119px; height:39px; padding-left:30px; padding-top:3px; z-index:999; background:url('/static/images/pages/numberribbon.png') 0 0 no-repeat; } .welcome #numberRibbon ul li { float:left; width:18px; font:19px "Clarendon Light", Georgia, serif; color:#51b293; cursor:pointer; } .welcome #numberRibbon ul li.num-1 { padding-top:3px; } .welcome #numberRibbon ul li.num-2 { padding-top:2px; } .welcome #numberRibbon ul li.num-3 { padding-top:1px; } .welcome #numberRibbon ul li.num-4 { padding-top:0px; } .welcome #numberRibbon ul li.num-5 { margin-top:-1px; } .welcome #numberRibbon ul li.selected { color:#fff; /*border-bottom:1px solid #fff;*/ } .welcome #banners h2 { letter-spacing:1px; } .welcome #banners h2 span { color:#5e9dad; } .welcome #banners #bannerFrame { width:790px; height:272px;} .welcome #banners #bannerSlider { height:272px; background:url('/static/images/pages/bg/paperbg.jpg') 0 0 no-repeat; } .welcome #banners .banner { height:272px; width:790px; } .welcome #banners .banner p { font-size:24px; line-height:1.2; font-family:"Clarendon Light"; color:#606060; padding:80px 0 0 250px; letter-spacing:1px; } .welcome #banners .banner a { position:absolute; bottom:9px; right:7px; font:24px "Clarendon Light", Georgia, serif; color:#fff; text-align:center; letter-spacing:1px; margin:12px; width:250px; height:38px; } .welcome #banners .banner a:hover { text-decoration:none; background: url('/static/images/pages/bg/requestinvite.png') no-repeat 0 100%; } .welcome #banners .banner.one { background:url('/static/images/pages/bg/banner1.png') right no-repeat; } .welcome #banners .banner.one h2 { padding: 20px 320px 0 25px; color:#58929b; font-size: 28px;} .welcome #banners .banner.one p {padding: 30px 260px 0 25px;} .welcome #banners .banner.two { background:url('/static/images/pages/bg/banner2.gif') 6px 26px no-repeat; } .welcome #banners .banner.two h2 { padding: 20px 0 0 270px; font-size: 32px; color:#58929b;} .welcome #banners .banner.two p {padding: 0 0 0 270px; font-size: 20px;} .welcome #banners .banner.three { background:url('/static/images/pages/bg/banner3.gif') 16px 11px no-repeat } .welcome #banners .banner.three h2 { padding:45px 0 0 250px; font-size:32px; color:#58929b; } .welcome #banners .banner.three p { padding:5px 40px 0 250px; } .welcome #banners .banner.four { background:url('/static/images/pages/bg/banner4.png') right no-repeat } .welcome #banners .banner.four h2 { padding: 30px 260px 0 25px; font-size:32px; color:#58929b;} .welcome #banners .banner.four p { padding: 15px 300px 0 25px; } .welcome #banners .banner.four a {right: 32px; bottom: 8px;} .welcome #banners .banner.five { background:url('/static/images/pages/bg/banner5.gif') 280px 10px no-repeat; } .welcome #banners .banner.five h2 { padding: 30px 260px 0 25px; color:#58929b; font-size: 25px; } .welcome #banners .banner.five p {padding: 15px 300px 0 25px;} .welcome #banners .banner.five a { bottom:56px; } /* TOUR ------ */ .tour h3 { font-size:18px; } .tour p { line-height:23px; } .tour .bigger h3 { font-size:22px; } .tour .third { margin-right:38px; width:260px; } .tour-market-list {display: block; float: left; width: 525px; padding-left: 20px; } .tour-market-list li { line-height: 23px; list-style-type: disc;} .tour .testimonial blockquote { margin-left: 10px; } .tour img.right { margin-left: 10px; } .tour .space img { margin-right: 10px; } .tour img.left { margin-right: 10px; } /* News ------ */ .news ul.bullets { width: 325px; } /* Sidebar Menus ------ */ .sidebar-menu {width: 240px ;padding: 0 30px 0 40px; margin-bottom: 40px; float: left; font-family:'Clarendon Light', serif;} .sidebar-menu h4 {color: #fff; background: #9eafba; padding: 3px 10px; font-size: 17px; margin-bottom: 12px;} .sidebar-menu li {border-bottom: 1px dotted #606060; padding: 4px 0; color: #83a1b2; font-size: 17px;} .sidebar-menu li a {color: #83a1b2; font-size: 17px; display: block;} .sidebar-menu li.selected { background:url('/static/images/menu-arrow-right.png') no-repeat 231px 10px; border-bottom: 7px #64879B solid;} .sidebar-menu li.childcategory a { margin-left: 10px; font-size: 14px; } /* Support Sidebar ------ */ .support-side li.supportlink { background:url('/static/images/pages/support-arrow.png') no-repeat 82px 10px;} .support-side li.faqlink { background:url('/static/images/pages/support-arrow-down.png') no-repeat 40px 17px; border-bottom: 7px #64879B solid;} .support-side .faqside {background: #edf2f8; margin-top: 8px; padding: 10px 0;} .support-side .faqside li {font-size: 15px; font-family: Georgia, serif; color: #606060; border: none; padding: 4px 10px;} .support-side .faqside li a {font-size: 15px; font-family: Georgia, serif; color: #606060;} .support-side .subfaqside {font-size: 12px; padding: 0 20px 10px 20px; line-height: 5px;} .support-side .subfaqside li {padding: 5px 0px;} .support-side .helplink {background:url('/static/images/pages/support-arrow.png') no-repeat 165px 10px;} /* FAQ ------ */ .faq #box {background: #edf2f8; display: inline-block; padding: 10px 30px 10px 10px; width: 545px; margin-bottom: 40px;} .faq #box .col1 {float: left; padding-right: 40px;} .faq #box .col2 {float: right;} .faq.child #box .col1 {width: 250px;} .faq.child #box .col2 {width: 250px; padding-top: 40px;} .faq #box li {font-size: 17px; padding: 20px 0 0 0;} .faq.child #box li {font-size: 13px; padding: 3px 0;} .faq #box .subfaq {margin-top: 8px; padding: -18px 0;} .faq #box .subfaq li {font-size: 15px; font-family: Georgia, serif; color: #606060; border: none; padding: 4px 5px; line-height: 6px;} .faq a {color: red;} .faq #box a {color: #606060;} .faq h5 {color: #606060; padding-bottom: 20px;} .faq p {padding-left: 15px; line-height: 16px;} .faq #webbadges p { padding-top: 1.3em; } .faq div#webbadges { padding-left: 268px; } /* SUBSCRIPTION -------------- */ .subscription { color: #606060;} .subscription h1, .subscription h3 { margin-bottom:0; } .subscription h4 { padding-bottom:14px; } .subscription input, .subscription select { margin:8px 4px 14px 0; } .subscription select { height:30px; width:282px; /* font-size:40px; padding:4px 0; */} .subscription p.small { margin-top:2px; font-size:12px; line-height:16px; padding:0; width: 700px; } .subscription a { color: red; } .subscription .floated > div { float:left; } .subscription #storeID { height:243px; padding-top:76px; padding-left:76px; margin-left:-42px; color:#fff; font-size:15px; background:url('/static/images/pages/bg/storeID.jpg') -10px 0 no-repeat; } .subscription #storeID input { width:308px; } .subscription #storeID input#subscrForm_username { width:170px; } .subscription #storeID label { font-size:18px; font-weight:bold; } .subscription #storeID p.small { color:#fff; width:100%; line-height:12px; } .subscription #storeID span { line-height:33px; vertical-align:middle; } /* for IE */ .subscription #address, .subscription #payment { padding-top:26px; } .subscription #address #subscrForm_address { margin-bottom:0; } .subscription #yourself, .subscription #address, .subscription #payment, .subscription #yourself > div, .subscription #address > div { clear:left; } .subscription #payment p.price { font-size:15px; line-height:50px; font-weight:bold; color:#606060; } .subscription #payment p.price span { font-size:38px; color:#83a216; } .subscription #payment p.price span span { color:#606060; } .subscription input#subscrForm_date_agreement { width:18px; margin:8px 4px 0; border:none; } .subscription #promo_code_response, .subscription #username_response { display:inline-block; vertical-align:top; zoom:1; *display:inline; /* IE7 hacks */} .subscription .response { vertical-align:top; margin-top:7px; color:#c0f19b; height:33px; line-height:33px; width:280px; display:inline-block; } .subscription .response.good { background:url('/static/images/pages/bg/good.png') 5px 0 no-repeat; } .subscription .response.bad { background:url('/static/images/pages/bg/bad.png') 5px 0 no-repeat; } .subscription .response p { display:none; vertical-align:top; background:#319d08; padding:2px 10px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } .subscription .response.good p { display:inline-block; background:#319d08; color:#c0f19b;} .subscription .response.bad p { display:inline-block; background:#FF0000; color:#FFFFFF;} .subscription .response.bad div { background:url('/static/images/pages/bg/point-bad.png') 0 6px no-repeat; } .subscription .response div { float:right; width:226px; padding-left:8px; background:url('/static/images/pages/bg/point.png') 0 6px no-repeat; } .subscription label span { display:none; color:red; padding-left:10px; } #advice-validate-required-check-subscrForm_date_agreement , #advice-required-subscrForm_address { margin-top:0; } /* exceptions in subscription form */ .subscription div.error label span { display:inline; } .subscription div.error + input { border: 2px red solid; } .subscription div.error a { color: #B3B3B3 } .errorMessage {color:red;} .subscription .stepWrap { padding-left:70px; margin-top: 20px;} .subscription .stepWrap.next { text-align:right; padding-right:70px;} .subscription .stepWrap.prev { text-align:left;} .subscription #plans {background:url('/static/images/pages/subscription-plans.png') 0 no-repeat; height: 200px; position: relative; left: -20px;} .subscription #plans label {font-size: 20px; font-weight: bold; color: #fff; position: relative; top: 40px; left: 80px; } .subscription #plans div {position: relative; top: 15px;} .subscription #plans div .element {position: relative; top: 30px; left:-40px; text-transform: uppercase; height: 18px; padding: 3px 120px;} .subscription #plans div .element label {position: relative; left: 10px; top:0px; font-size: 16px;} .subscription #plans div .element input {width: auto; margin: 0; padding: 0; background: none; border: 0; height: auto; line-height: normal;} .subscription #plans div .element .validation-advice{ margin-left:-30px; margin-top:-150px;} .subscription #plans div.errorMessage {position:relative; margin-left:40px; top:-100px;} .subscription .plan_details {padding: 0 45px; position: relative; top:-15px; margin-bottom: 15px;} .subscription #notifyPop, .subscription #pricing_popup {display: none;} #pricing_popup h1 {width: 600px;} #pricing_popup .close-span {float: right; position: relative; top: -50px; right: 10px; margin-bottom: -50px;} #pricing_popup .close-span a {color: #000; font-size: 18px;} /* Support ---------- */ .feedback { margin-left:275px; padding:5px; border:1px #dedede solid; background-color:#ededed; color:#444444; font-weight:bold; } .feedback .status{ color:#0174df; background:url('/static/images/admin/bg/check.gif') 3px 2px no-repeat; padding:6px; padding-left:34px; } .feedback .error { color:red; background:url('/static/images/admin/bg/exclamation.gif') 3px 2px no-repeat; padding:6px; padding-left:34px; } .support .section { padding-top:26px; overflow:hidden; } .support #info, .support #mood, .support .smudge { margin-top:26px; } .support #info span { vertical-align:top; line-height:44px; display:inline-block; } .support label.title { font-size:22px; font-weight:bold; color:#64879b; } .support h3 span { color:#606060; } .support input { margin:8px 4px 14px 0; } .support textarea { height:70px; padding:5px; width:390px; margin-top:8px; } #feedback #problems { width:400px; } .support #options label { cursor:pointer; display:inline-block; zoom:1; padding: 0 8px;} .support #options label span { display: block; margin: 0 auto; color: #fff; text-align: center; font-size: 15px; position: relative; top: 9px; left: -8px; font-family:'Clarendon Light', serif;} .support #options label.selected span, .support #options input:checked+label span {color: #64879B;} .support #options label.question { background:url('/static/images/pages/support-question.png') no-repeat; width: 109px; height: 60px;} .support #options label.question.selected, .support #options input:checked+label.question { background:url('/static/images/pages/support-question-on.png') no-repeat; width: 109px; height: 60px;} .support #options label.idea { background:url('/static/images/pages/support-idea.png') no-repeat; width: 141px; height: 60px;} .support #options label.idea.selected, .support #options input:checked+label.idea { background:url('/static/images/pages/support-idea-on.png') no-repeat; width: 141px; height: 60px;} .support #options label.praise { background:url('/static/images/pages/support-praise.png') no-repeat; width: 120px; height: 60px;} .support #options label.praise.selected, .support #options input:checked+label.praise { background:url('/static/images/pages/support-praise-on.png') no-repeat; width: 120px; height: 60px;} .support #options label.problem { background:url('/static/images/pages/support-problem.png') no-repeat; width: 141px; height: 60px;} .support #options label.problem.selected, .support #options input:checked+label.problem { background:url('/static/images/pages/support-problem-on.png') no-repeat; width: 141px; height: 60px;} #progress-section{ display:none; } .support #options input { display:none } .support #mood { padding-bottom:10px; } .support #mood label { cursor:pointer; display:inline; zoom:1; padding:3px 10px;} .support #mood label.selected, .support #mood label:not(.selected) input:checked+img { border-bottom:4px solid #83a1b2; } .support #mood input { display:none } .support #name, #feedback #email { width: 350px; } .support #storeid { width: 220px; } .support #advice-required-message { margin-top:0; } /* WIZARD -------- */ .stepWrap { clear:both; height:54px; padding-top:22px; padding-left:46px; background:url('/static/images/pages/bg/wizardsmudge.jpg') 0 0 no-repeat; font-size:12px; color:#606060; } .stepWrap.next { clear:none; float:right;} .stepWrap.prev { clear:none; float:left; width:155px;} .stepWrap.final { clear:none; float:right; width:275px;} .stepWrap a, .stepWrap button { font:22px 'Clarendon Light', Georgia, serif; } .stepWrap a { padding-right:46px; margin-left:18px; background:url('/static/images/pages/buttons/nothanks.gif') 4px right no-repeat; } .stepWrap button { color:#fff; margin-right:60px; } .stepWrap button:hover { background: url('/static/images/pages/bg/requestinvite.png') no-repeat 0 100%; } /* Personalize */ .wizard h1 { margin-bottom:8px; } .wizard h3 { width:870px; color:#606060; overflow:hidden; } .wizard h3 a { font-size:14px; font-weight:normal; padding-left:8px; padding-right:44px; background:url('/static/images/pages/buttons/nothanks.gif') top right no-repeat; } .wizard #steps { height:42px; margin:32px 0 24px; } .wizard #steps li.step1 { width:276px; background:url('/static/images/pages/bg/wizardstep1.gif') 0 0 no-repeat; margin-right:4px;} .wizard #steps li.step2 { width:321px; background:url('/static/images/pages/bg/wizardstep2.gif') 0 0 no-repeat; margin-right:2px; } .wizard #steps li.step3 { width:243px; background:url('/static/images/pages/bg/wizardstep3.gif') 0 0 no-repeat; } .wizard .delete { width:15px; height:16px; background:transparent url('/static/images/admin/buttons/delete.png') right top no-repeat; text-indent:-9999em; display:inline-block; } /* About You */ .wizard #blogTheme { background:url('/static/images/pages/bg/themes.jpg') 0 0 no-repeat; height:292px; width:100%; padding:70px 50px; margin-left:-35px; clear:both; } .wizard #blogTheme h3 { color:#ffffff; margin:0; padding-left:8px; } .wizard #blogTheme span { font-size:14px; color:#ffffff; padding-left:8px;} .wizard #blogTheme ul#design_template li.design_div { float:left; width:251px; margin: 0 6px; } .wizard #blogTheme ul#design_template li.design_div input { visibility:hidden; } .wizard #blogTheme ul#design_template li.design_div img { width:251px; height:171px; padding-bottom:5px; } .wizard #blogTheme ul#design_template li.design_div label.info img { border-bottom:6px solid #667f10; } .wizard #blogTheme ul#design_template li.design_div label img:hover { border-bottom:6px solid #83A216; } .wizard ul#storeImage { height:130px; } .wizard ul#storeImage li { float:left; margin-right:20px; line-height:100px; } #images-logo, #attach-logo { width:100px; height:100px; } #attach-banner, #images-banner { width:375px; height:100px; } #attach-logo, #attach-banner { background:#e0e0e0; display:block; border:1px solid #d0d8d9; text-align:center; position:absolute; } .wizard ul#bioImage { height:138px; } .wizard ul#bioImage li { float:left; margin-right:20px; line-height:80px; } #images-bio, #attach-bio { width:108px; height:80px; } #attach-bio { background:#e0e0e0; display:block; border:1px solid #d0d8d9; text-align:center; position:absolute; } .wizard button#attach { height:25px; line-height:25px; color:#535353; background:url('/static/images/pages/bg/circlearrow.png') 0 0 no-repeat; padding-left:30px; font:14px Georgia, serif; cursor:pointer; } .wizard #mceWrap, .wizard #photoWrap { padding-bottom:40px; } .wizard #mceWrap label, .wizard #photoWrap h3 { font-size:17px; font-weight:bold; color:#64879b; padding-bottom:10px; } .wizard #mceWrap table { width:360px !important; } .wizard #fbpages { display: none; } .wizard #fbpages input[type="checkbox"] { width: 20px; border: none; padding: 0; background: none; } .wizard #fbpages td { text-align: left; } .wizard #fbpages input.submit { margin-bottom:1em; background:transparent url('/static/images/admin/buttons/bg_submit.gif') 0 0 repeat-x; width:134px; padding:0; height:23px; line-height:10px; line-height:23px; color:#fff; border:0; cursor:pointer; text-shadow:0px -1px 1px #3b3b3b; font-weight:bold; font-size:14px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; display:block; -moz-border-radius:2px; -webkit-border-radius:2px; } #fbpages #spinner, #fbpages .spinner-div, #fbpages #login-spinner { float:left; background:url('/static/images/updating.gif') left top no-repeat; height:35px; width:35px; display:none; } #fbpages #fbfeedback { clear: left; } .wizard div#fbpages_save { font-weight: bold; margin: 1em 0; } /* Store Policies */ /* depricated .wizard .socialMediaWrapper { position:relative; width:700px; }*/ .wizard .socialMediaWrapper { float:left; width:500px; } .wizard .socialMedia { width:306px; } /* depricated .wizard .connect-portlet { width:304px; position:absolute; bottom:310px; right:100px; }*/ .wizard .connect-portlet { float:right; width:304px;} .wizard .socialMedia div { height:35px; } .wizard .socialMedia input { display:inline; width:174px; padding:3px 7px; margin-left:8px; vertical-align:top; display:none; } .wizard .socialMedia .delete { margin:4px 4px 0 0; display:none; float:right; } .socialMedia { width:630px; margin-bottom: 38px; } .socialMedia label { display:block; width:83px; height:25px; line-height:25px; background:url('/static/images/pages/bg/bg_social.gif') left top no-repeat; text-align:center; font-family:'Clarendon Light', serif; color:#fff; cursor:pointer; float:left; } .socialMedia .disabled label { cursor:default; background-position: 0px -25px; color:#666; } .socialMedia input, .socialMedia span.delete { display:none; } .socialMedia .selected input, .socialMedia .selected span.delete { display:block; } .socialMedia input { float:left; margin-left:1em; } .socialMedia span.delete { float:right; display:block; cursor:pointer; } .socialMedia div { clear:both; } .takeme { display: block; background:url('/static/images/pages/bg/takeme.gif') bottom left no-repeat; padding:0 0 22px 18px; position: relative; top: -30px; left: 140px;} /* Pricing --------- */ .pricing {margin-bottom:50px; font-size: 18px;} .pricing .clear {height: 25px;} .pricing .res-note {padding-left: 200px; font-size: 13px;} .pricing .signbottom {padding: 25px 0 0 150px; position: relative; left: 40px;} .pricing .signfree {float: left;} .pricing .signbasic {float: left;} .pricing .signpremium {float: right;} .pricing .pricing-block {float: left; width: auto;} .pricing .pricing-block img {float: right;} .pricing .pricing-list {width: 400px; margin: 4px 0 20px 0;} .pricing .larger .pricing-list {width: 500px;} .pricing .pricing-list li {list-style-type: disc; font-size: 16px; line-height: 22px;} .pricing .adjust {position: relative; top: -100px; margin-bottom: -210px;} .pricing .signup {margin: 7px 0; text-align: center; width: 210px; height: 25px; padding: 15px; position: relative; left: -7px; } .pricing .signup a {color: #fff; font-size: 25px; position: relative; top: -8px; left: -14px;} .pricing .signup a:hover { background: url('/static/images/pages/smudge_underline_longer.png') no-repeat 10px 100%; padding-bottom: 5px !important; text-decoration: none;} /* new pricing */ .pricing.new .half {width: 400px; float: left; margin-right: 30px;} .pricing.new .signbottom {padding: 25px 0 0 223px; position: relative; left: 40px;} .pricing.new .signbottom {float: left;} .pricing.new .signup.signpremium {float: left; margin-left: 59px;} .pricing.new .signup {margin: 7px 0; text-align: center; width: 210px; height: 25px; padding: 15px; position: relative; left: -7px; } .pricing.new .res-note {padding-left: 265px; font-size: 13px;} .pricing-promocode-notice { position:relative; padding-bottom:30px; } .pricing-promocode-notice h4 { font-family:'Clarendon Light', Georgia, serif; color:#464646; font-size:18px; } .pricing-promocode-notice h4 b { color:#5c9529; } .pricing-promocode-notice img { position:absolute; top:-10px; right:60px; } /* Sample Stores/Member Directory --------------- */ .sample {margin-bottom:40px; font-size: 15px;} .sample .showcase {background:url('/static/images/pages/showcasebg.png') no-repeat 450px 0;} .sample .showcase p {width: 390px; font-size: 17px;} .sample #banners {background:url('/static/images/pages/membersbg.png') no-repeat; height: 622px; width: 894px;margin-top: 20px; overflow: hidden;} .sample #arrowRibbon {top: 310px; right:14px;} .sample #banners #bannerFrame { width:840px; height:622px; margin: 25px;} .sample #bannerSlider { width: *; height:622px; } .sample #banners .banner { height:622px; width:874px; } .sample .banner div {float: left; margin: 0 20px 23px 0;} .sample .banner div.adjust a img {padding-top: 23px;} .sample .banner div h4 {padding: 0px;} .sample .banner div a p {color: #606060; padding: 0px; line-height: 1.2em;} .sample .banner div a:hover {text-decoration: none;} .sample .banner div a img {padding-top: 5px;} /* Landing --------- */ .landing #main-banner { background: url('/static/images/pages/landing/landingbg.jpg') no-repeat; position: relative; height: 321px; } .landing #main-banner h3 { color: #606060; width: 485px; position: absolute; top: 35px; right: 36px; font-size: 22px; font-weight: bold; } .landing #main-banner a:link, .landing #main-banner a:visited { color: #858585; } .landing #main-banner p { padding-bottom:5px; } .landing #main-banner img.banner { position: absolute; top: 80px; right: 35px; } .landing #main-banner form { position:relative; top: 70px; left: 55px; width:75%; } .landing #main-banner label { font-size: 18px; color: #64879b; font-weight: bold; } .landing #subscrForm_username { width: 200px; } .landing #main-banner .stepWrap { background-image: url('/static/images/pages/smudge.png'); position: absolute; bottom: -85px; left: 215px; } .landing .box { width: 290px; margin: 15px 0; float: left; } .landing .box blockquote { margin: 55px 15px 15px 15px; font-size: 18px; } .landing .box .testimonial { margin: 0 0 0 15px; } .landing h4 { font-size: 22px; color: #606060; padding-bottom: 5px; } .landing .subheading { line-height: 0.8em; padding-bottom: 0.7em; color: #858585; font-size: 16px; } #footer.landingfoot { background-image: url('/static/images/pages/landing/landingfoot.jpg'); background-position: 0 81px; } #footer.landingfoot .thirdsWrapper { padding: 15px 65px; margin-bottom: 140px; } .landing #subscrForm #storeID div div.validation-advice { margin:0px } .landing #subscrForm #storeID #username_response.response.bad { color: red; height: 0; } .landing #subscrForm #storeID #username_response.response.good { color: green; height: 0; } /* Ebooks --------- */ .ebook {margin-bottom: 15px;} .ebook h2 {color: #858585; font-size: 20px;} .ebook h5 {color: #858585; margin: 0 0 10px 0;} .ebook p {font-size: 15px;} .ebook a {color: red;} /*#ebook-instructions {width: 430px; float: left;} #ebook-signup {width: 420px; float: right;}*/ #ebook-signup #mc-embedded-subscribe-form label {font-size: 15px;} #ebook-signup #mc-embedded-subscribe-form input { width:280px; height:32px; padding:0 12px; line-height:32px; font-size:18px; margin: 5px 10px 5px 0;} #ebook-signup #mc-embedded-subscribe-form input.btn { border:0; padding:0; margin:0; width:42px; height:42px; background:url('/static/images/pages/bg/circlearrowbig.png') 0 0 no-repeat; cursor:pointer; position: relative; top: -5px; left: -4px;} #ebook-signup #mc-embedded-subscribe-form input.btn:hover {background:url('/static/images/pages/bg/circlearrowbigh.png') 0 0 no-repeat;} #ebook-signup div.mce_inline_error{ color:red !important; position:absolute;} #ebook-signup .meta { clear:both; } #ebook-current {background:url('/static/images/pages/bg/ebookcurrentframe.jpg') 0 0 no-repeat; padding: 25px 45px 24px; position: relative; left: -15px; width: 790px; height: 340px;} #ebook-current h3, #ebook-current p {width: 400px;} #ebook-current h3 a.ebook-title {color: #64879B !important; text-decoration: none !important;} #ebook-current h3 a.ebook-title:hover {color: #858585 !important; text-decoration: none !important;} #ebook-current img {position: absolute; right: 36px; top: 40px; width: 368px; height: auto;} #ebook-learnmore {font-size: 20px;} #ebook-download {font-size: 20px; background:url('/static/images/pages/bg/circlearrowbig.png') top right no-repeat; width: 235px; height: 42px; display: inline-block; padding-top: 4px;} #ebook-current #ebook-download {padding-top: 10px;} #ebook-download:hover {background:url('/static/images/pages/bg/circlearrowbigh.png') top right no-repeat; text-decoration: none;} #ebook-download-small {background:url('/static/images/pages/bg/circlearrow.png') top right no-repeat; width: 172px; height: 27px; display: block; float: right; position: relative; padding-top: 5px; top: -4px;} #ebook-download-small:hover {background-position: right -75px;} /*#ebook-current .ebook-links {width: 264px;} #ebook-current #ebook-download-small {padding-top: 0; top: 0;}*/ .ebook #numberRibbon {width: auto; position: absolute; top: -15px; right: 170px;} .ebook #numberRibbon ul li {display: inline-block; margin: 0 3px;} .ebook #numberRibbon ul li {color: red;} .ebook #numberRibbon ul li.selected {color: #858585;} .ebook #arrowRibbon {background: none; width: 138px; padding: 0; position: absolute; top:-15px; right: 0px;} .ebook #arrowRibbon a:hover {text-decoration: none;} .ebook #prevBanner, .ebook #nextBanner{background: none; color: red; width: 63px; margin: 0 5px; float: left;} .ebook #nextBanner {width: 50px;} .ebook #arrowRibbon span {float: left;} .tidbit {float: left; width: 437px; background:url('/static/images/pages/bg/tidbit.jpg') no-repeat;} .tidbit.tright {width: 432px; background:url('/static/images/pages/bg/tidbitright.jpg') no-repeat;} .tidbit img {float: left; margin: 20px 20px 20px 1px;} .tidbit h5, .tidbit h3, .tidbit p {width: 265px; float: left;} .tidbit h3 {font-size: 18px; margin-bottom: 4px;} .tidbit a.ebook-title:hover {text-decoration: none !important; border-bottom: 0;} .tidbit a h3:hover {color: #858585;} .tidbit h5 {padding: 0; margin: 20px 0 0 0;} .tidbit p {line-height: 1em; padding-bottom: 0;} .ebook-single #ebook-img {background:url('/static/images/pages/bg/ebookframe.jpg') 0 0 no-repeat; position: relative; left: -12px; padding: 12px 24px 24px; float: left; margin-bottom: 20px;} .ebook-single #ebook-img img {width: 396px; height: auto;} .ebook-single #ebook-content {width: 420px; float: right;} .ebook-single #ebook-meta {width: 430px; float: left;} /* Deals ----------------------- */ .deals { margin-bottom:15px; } .deals h2 { color:#858585; font-size:20px; } .deals h4 { padding-bottom:2px } .deals ul { padding-bottom:12px; } .deals p, .deals li { font-size:12px; } .deals p.bigger { font-size:15px; } .deals .exclusive-subscribe { width:420px; } .deals .exclusive-subscribe, .deals .exclusive-subscribe div.bg { background-image:url('/static/images/pages/deals/exclusive-subscribe.jpg'); } .deals .exclusive-subscribe input { width:270px; } /* MARKETPLACE ----------------------- */ /*#container.marketplace { /*padding:0 40px;* / width:860px; margin:0 auto; }*/ #container.marketplace .login { height:auto; padding-top:8px; /*text-align:right;*/ } #container.marketplace .login a { font-size:11px; color:#666; font-weight:bold; } #container.marketplace #header { padding:20px 0; } #container.marketplace #header #menu { top:32px; } #container.marketplace #footer { /*margin:0 -40px; */background-position:0 0; } #container.marketplace #footer #requestBanner { display:none; } #container a.green-button, #container input.green-button, #mc-embedded-subscribe-form input.green-button { width:100px; font-size:12px; text-align:center; margin:0; height:22px; color:#fff; font-family:'Clarendon Light', Georgia, serif; background:url('/static/images/pages/marketplace/button.png') no-repeat; cursor:pointer; border:none; } .marketplaceBanner { height:40px; margin-bottom:20px; background:url("/static/images/pages/marketplace/banner-regular.jpg") no-repeat; } .marketplaceBanner form { float:right; position:relative; top: 2px; right: 3px; } .marketplaceBanner input { width:160px; font-size:11px; margin:5px 12px; height:22px; line-height:16px; padding:0 24px 0 6px; } .marketplaceBanner button { position:absolute; top:11px; right:17px; padding-left:4px; border-left:1px solid #666; height:13px; /*IE*/} #its-free {position: relative; top: 6px; left: 5px;} .marketplace-side { float:left; width:160px; margin-right:16px; color:#636466 !important; } .marketplace-side h4 { font-size:19px; padding-bottom:14px; } .marketplace-side p { line-height:1.3; font-size:13px; } .marketplace-side #auto-receive-p { padding-bottom: 0; } .marketplace-side li { padding:2px 0; } .marketplace-side #auto-receive-ul li { list-style-type: disc; list-style-position: inside; } .marketplace-side #auto-receive-p a { font-size: 13px; color: #bbd759; } .marketplace-side a, .marketplace-side a:visited { color:#ddd; font-size:15px; font-weight:bold; } .marketplace-side a:hover { color:#999; } .marketplace-side li.selected a, .marketplace-side li.selected a:visited, .marketplace-side li.selectedchild a, .marketplace-side ul.all a, .marketplace-side ul.all a:visited, .marketplace-side h4 { color:#666; } .marketplace-side li.childcategory { display:none; } .marketplace-side li.selectedchild, .marketplace-side li.selected.childcategory, .marketplace-side li.shownchild { display: block; } .marketplace-side li.childcategory a { padding-left:15px; font-size:12px; } .marketplace-side .category_bar { border-bottom:1px dotted #636466; padding-bottom:18px; margin-bottom:18px; } .marketplace-side h5 { margin:0 0 12px; } .marketplace-side #mce-error-response {font-size: 11px;} .mce_inline_error { font-size:12px; color:red; } /* blech */ .exclusive-subscribe { width:166px; padding-top:1px; margin-right:-6px; background-image:url('/static/images/pages/marketplace/exclusive-subscribe.jpg'); background-position:left top; background-repeat:no-repeat; } .exclusive-subscribe div.bg { padding:0 10px 16px; margin-top:9px; background-image:url('/static/images/pages/marketplace/exclusive-subscribe.jpg'); background-position:left bottom; } .exclusive-subscribe h6 { color:white; } .exclusive-subscribe input { font-size:11px; height:22px; line-height:16px; padding:0 7px 0 6px; width:126px; margin:0 0 8px; } .marketplace-side li.selected a.holiday-gifts, .marketplace-side ul.all a.holiday-gifts { color:#C00000; } #marketplaceNav { color:#fff; height:49px; position:relative; background:url('/static/images/pages/marketplace/menu.jpg') -1px bottom no-repeat; margin-right: -8px; } #marketplaceNav li { float:left; margin-right:5px; background:#eee; -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; } #marketplaceNav li.selected { background:url('/static/images/pages/marketplace/menu.jpg') 50% 0; padding-bottom:4px; } #marketplaceNav li a { color:#555; font-size:11px; padding: 1px 6px; } #marketplaceNav li.selected a { color:#fff; } #pagination-marketplace-top { position:absolute; right:0; top:-4px; height:18px; z-index:2; } #pagination-marketplace-top a { color:#878787; display:inline; display:inline-block; font-size:11px; line-height:15px; height:15px; padding-right:16px; background:url('/static/images/pages/bg/pager_next.png') top right no-repeat; /*IE:*/float:none !important; width:auto !important; } #pagination-marketplace-top a.prev { background:url('/static/images/pages/bg/pager_prev.png') no-repeat; padding:0 0 0 16px; } #pagination-marketplace-top a.next:hover { background-position:100% 100%; } #pagination-marketplace-top a.prev:hover { background-position:0 100%; } #marketplaceSorting { position:absolute; right:6px; bottom:9px; } #marketplaceSort { *font-size:10px; *margin:0; /*IE*/} #marketplaceForSale, #marketplaceListingHeader { float:left; width:680px; position:relative; } #marketplaceForSale h4 { padding:0 0 4px; clear:both; color:#91b1bd; } #marketplaceForSale ul { margin-right:-16px; width:696px; } #marketplaceForSale li { float:left; padding:10px; width:148px; height:142px; margin-right:6px; margin-bottom:10px; position:relative; background:url('/static/images/pages/marketplace/popular.jpg'); } #marketplaceForSale li img { width:138px; height:98px; border:1px solid #c0c0c0; } #marketplaceForSale li h6, #marketplaceForSale li p { width:auto; font-size:11px; font-weight:normal; color:#000; padding:0; margin:6px 0 0; } #marketplaceForSale li h6 { height:14px; overflow:hidden; } #marketplaceForSale li a h6:hover { color:#83a216; } #marketplaceForSale li p { margin:0; } #marketplaceForSale li a.store { color:#666; } #marketplaceForSale li a.store:hover { color:#83a216; } #marketplaceForSale div.new { background:url("/static/images/pages/marketplace/new.png"); left:0; top:0; height:42px; width:42px; position:absolute; z-index:10; } #marketplaceForSale div.onsale { background:url("/static/images/pages/marketplace/sale.png"); right:5px; top:-3px; height:39px; width:38px; position:absolute; z-index:10; } /*#marketplaceForSale #most-popular li { }*/ /*#marketplaceForSale #most-popular h4 { color:#91b1bd; }*/ #marketplaceForSale #on-sale li { background:url('/static/images/pages/marketplace/sale.jpg'); } /*#marketplaceForSale #on-sale h4 { color:#c1c19a; }*/ #marketplaceForSale #newest li { background:url('/static/images/pages/marketplace/newest.jpg'); } /*#marketplaceForSale #newest h4 { color:#9fbfb1; }*/ .marketplace .callout { padding:38px 0; margin-top:32px; border-top:1px dotted #c0c0c0; } .marketplace .callout .thirdsWrapper { margin-right:-12px; width: 872px; } .marketplace .callout .third { position:relative; height:162px; width:282px; margin-bottom:32px; } .marketplace .callout .third a { position:absolute; bottom:18px; left:18px; display:block; background:url('/static/images/pages/bg/circlearrow.png') 0 0 no-repeat; font-size: 16px; padding-left:30px; color:#666; font-weight:bold; height:25px; line-height:25px; } .marketplace .callout .third a:hover { background-position:0 -75px; } .marketplace .callout .create { background:url('/static/images/pages/marketplace/create.jpg') no-repeat; } .marketplace .callout .sell { background:url('/static/images/pages/marketplace/sell.jpg') no-repeat; margin-left:10px; margin-right:10px; } .marketplace .callout .tutorials{ background:url('/static/images/pages/marketplace/tutorials.jpg') no-repeat; } #marketplaceForSale a h6 { text-decoration:none; color:#666666; } #marketplaceForSale a:hover, #forsale a:hover { border:none; text-decoration:none; } #marketplaceForSale a:hover, #forsale a:hover h6 { color:#00a1f3; } /* POPUP (from stepWrap) ----------------------- */ .buttonWrap, .actions { margin-top: 16px; float: right; clear:both; height:54px; padding-top:22px; padding-left:46px; background:url('/static/images/pages/bg/wizardsmudge.jpg') 0 0 no-repeat; font-size:12px; color:#606060; } .buttonWrap button, .actions button { font:22px 'Clarendon Light', Georgia, serif;} .buttonWrap #crop-cancel, .actions .cancel {color: #83A216; margin-right: 16px; margin-left:18px; background:url('/static/images/pages/buttons/nothanks.gif') 4px right no-repeat; } .buttonWrap #crop-save, .actions .button { color:#fff; margin-right:84px; padding-left: 24px; } .buttonWrap #crop-save:hover, .actions .button:hover { background: url('/static/images/pages/bg/requestinvite.png') no-repeat 0 100%; } .buttonWrap #crop-cancel:hover, .actions .cancel:hover {border-bottom: #83A216 solid;} /* Request Invite */ .request-invite-form { background-image: url(/static/images/request_invite/background.jpg); position:relative; } .request-invite-form .message { color:#fff; position:absolute; left:50px; top:55px; width:280px; } .request-invite-form h2 { color:#fff; font-size:24px; } .request-invite-form p { font-size:16px; } .request-invite-form input[type=text] { left:50px; position:absolute; top:90px; width: 310px; } .request-invite-form button { background-color:transparent; color:#7CA426; font-family:Georgia, Times, serif; font-size:26px; font-weight:bold; text-align:left; height:60px; width:140px; line-height:30px; padding-left:30px; position:absolute; top:170px; right:20px; display:block; } .request-invite-form button .icon { background-image: url(/static/images/request_invite/go_button_icon.png); display:inline-block; vertical-align:top; margin: 4px 0 0 10px; height:23px; width:23px; } .request-invite-form button:hover { background-image: url(/static/images/request_invite/go_button_hover.jpg); } .request-invite-form .validation-advice { color: #FF5555; font-size: 18px; left: 50px; position: absolute; top: 120px; width: 310px; } .request-invite-form .overTxtLabel { font-size: 14px; } .request-invite-form .working input[type=text], .request-invite-form .working button { display: none; } /* FOOTER -------- */ #footer #requestBanner { height:83px; width:940px; font-family:"Clarendon Medium", Georgia, serif; background:url('/static/images/pages/bg/requestRibbon.jpg') 0 0 no-repeat; position:relative; padding-left:85px; padding-top: 15px;} #footer #requestBanner span { font-size:24px; color:#83a216; line-height:30px;} #footer #requestBanner a small, #footer #requestBanner a:hover small, #footer #requestBanner a:active small, #footer #requestBanner a:visited small { color: white; } #footer #requestBanner a.request-invite { color:#fff; font-size:22px; position:absolute; left:510px; line-height:28px; margin-top:26px; top:0px; } #footer #requestBanner a.request-invite:hover { text-decoration:none; color:#83a1b2; } #footer .thirdsWrapper { padding:20px 35px; } #footer #twitterList { border-left:1px dotted #979797; border-right:1px dotted #979797; padding:0 20px; margin-bottom:16px; font-size:12px; } #footer h3 { font-family:"Clarendon Light", Georgia, serif; color:#474747; margin-bottom:18px; padding-left:20px; font-weight:normal; } #footer p { padding-bottom:4px; line-height:1.4; } #footer a { color:#4f3b86; } #footer li { padding-bottom:8px; } #footer ul.arrows { margin-left:20px; } #footer ul.arrows li { padding-bottom:16px; } #footer ul.arrows li a { color:#606060; padding:6px 0 4px 40px; display:block; background:url('/static/images/pages/bg/circlearrow.png') 0 0 no-repeat; } #footer ul.arrows li a:hover { background-position:0 -75px; } #footer ul.social { margin-left:20px; padding-bottom:24px; } #footer ul.social li { height:26px; padding-bottom:8px; } #footer ul.social li a { color:#606060; height:15px; padding:6px 0 4px 40px; display:block } #footer ul.social li.email a { background:url('/static/images/pages/bg/email.png') 0 0 no-repeat; } #footer ul.social li.facebook a { background:url('/static/images/pages/bg/facebook.png') 0 0 no-repeat; } #footer ul.social li.twitter a { background:url('/static/images/pages/bg/twitter.png') 0 0 no-repeat; } #footer ul.social li.flickr a { background:url('/static/images/pages/bg/flickr.png') 0 0 no-repeat; } #footer ul.social li.support a { background:url('/static/images/pages/bg/support.png') 0 0 no-repeat; } #footer .quote { background:#474747; padding:12px 10px 14px; color:#fff; } #footer .quote p { overflow: hidden; width:208px; /*IE*/ } #footer .quote a { color:#bbd759; } #footer .author { background:url('/static/images/pages/bg/bubble.png') 152px 0 no-repeat; height:70px; } #footer .author p { float:right; padding-top:28px; } #footer .author a { font-family:Helvetica, Arial; font-weight:bold; color:#83a216; } #footer .author img { width:34px; height:34px; padding:5px 7px 7px 5px; margin-top:8px; margin-left:10px; background:url('/static/images/pages/bg/pic.png'); float:right; } #footer #meylahfoot {background:url('/static/images/logo.png') 30px top no-repeat; height:83px; width:940px; font-family:"Clarendon Medium", Georgia, serif; position:relative;} #footer #meylahfoot span {font-size:24px; line-height:80px; padding-left: 305px;} #invite { display:none; } .invitePop { width:426px; height:245px; background:url('/static/images/pages/bg/invite.jpg') 0 0 no-repeat; background:url('/static/images/pages/bg/invite.jpg') 0 0 no-repeat; } /* -------------------------------------------------------------- CLEARING & VARIOUS UTILITY -------------------------------------------------------------*/ .hidden { display:none; } .clear { clear:both; } .clearleft { clear:left; } .space { padding-top:45px; } .left { float:left; /*padding-right:48px; */} .right { float:right; /*padding-left:48px;*/ } #content:after, #footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* -------------------------------------------------------------- PRINT -------------------------------------------------------------*/ @media print { body, html { background: white; font-size: 10pt; } #menu { display: none; } #content { background: transparent none; border:0; color:black; float:none !important; margin:0; padding:0; width:auto; } } /* -------------------------------------------------------------- SMUDGE -------------------------------------------------------------*/ .smudge { background: url(/static/images/pages/smudge.jpg) no-repeat; height: 60px; text-align: center; width: 175px; } .smudge-large { background: url(/static/images/pages/smudge-large.jpg) no-repeat; height: 60px; text-align: center; width: 210px; } .smudge a, .smudge-large a { padding-left: 0 !important; } .smudge a:hover { background: url(/static/images/pages/smudge_underline_long.png) no-repeat 10px 100%; padding-bottom: 5px !important; } .smudge-large a:hover { background: url(/static/images/pages/smudge_underline_longer.png) no-repeat 5px 100%; padding-bottom: 5px !important; } .smudge button, .smudge-large button { background-color: transparent; color: #FFFFFF; font-family: 'Clarendon Light', Georgia, serif; font-size: 18px; margin-top: 15px; padding-bottom: 2px; } .smudge.short a:hover, .smudge.short button:hover { background: url(/static/images/pages/smudge_underline_short.png) no-repeat 0 100%; } #pagination { margin-left:420px; height:42px; /*width:100px; width:380px;*/ background:url('/static/images/bg/pagination.gif') top left no-repeat; } #pagination a { color:#626466; font-size:14px; font-weight:bold; display:block; line-height:24px; height:24px; text-decoration:none; } #pagination .prev { float:left; margin-top:8px; background:url('/static/images/buttons/prevposts.gif') 10px top no-repeat; } #pagination .next { float:right; padding-right:28px; margin-top:8px; background:url('/static/images/buttons/nextposts.gif') 154px top no-repeat; text-align:right;} .pagination #pagination-modern { width:80%; padding:0 0 20px 0; margin:0px auto; } #pagination-modern div { text-align:center;} #pagination-modern div ul li { float:left; position:static; width:auto; margin-left:0px; padding-left:2px;} #pagination-modern { padding:6px 0 8px; display:block; /*clear:left;*/ width:100%; } #pagination-modern div { height:18px; position:relative; left:50%; float:left; } #pagination-modern div ul { position:relative; left:-50%; } #pagination-modern li a.current, #pagination-modern li strong { background:#bbd759; } #pagination-modern a, #pagination-modern strong { color:#004c1e; font-size:14px; line-height:14px; /*display:block; */display:inline; padding:0 3px 4px; } #pagination-modern a.prev { display:block; width:12px; height:12px; background:url('/static/images/pagearrow_prev.png'); margin:2px 5px 0 0; } #pagination-modern a.next { display:block; width:12px; height:12px; background:url('/static/images/pagearrow_next.png'); margin:2px 0 0 5px; } #pagination-modern a.prev:hover, #pagination-modern a.next:hover { background-position: 0 -32px; border:none; } #pagination-modern a.prev:active, #pagination-modern a.next:active { background-position: 0 -48px; border:none; } .marketplace #pagination { margin-left:180px; text-align:center; background:none; } .marketplace #pagination-modern div ul { height:25px; /*for IE*/ } .marketplace #pagination-modern a { line-height:22px; color:#d6d6d6; float:none; } .marketplace #pagination-modern a:hover { color:#999; } .marketplace #pagination-modern a.next { width:25px; height:25px; padding:0; margin-top:0; background:url('/static/images/pages/bg/circlearrow.png'); } .marketplace #pagination-modern a.prev { width:25px; height:25px; padding:0; margin-top:0; background:url('/static/images/pages/bg/circlearrow_left.png'); } .marketplace #pagination-modern a.prev:hover, .marketplace #pagination-modern a.next:hover { background-position: 0 -75px; border:none; } .marketplace #pagination-modern li a.current, .marketplace #pagination-modern li strong { background:none; color:#666; line-height:22px; }