* { margin: 0px; padding: 0px; border: none; } html { background: #E0EBF7; } body { font-size: 14px; background: #b6c2cf left bottom repeat-x url("../images/body-bottom-bg.png"); } #everything { background: left top repeat-x url("../images/body-top-bg.png"); } header { background: repeat-x url("../img/header_bg.gif"); height: 61px; display: block; overflow: hidden !important; } #logo { height: 61px; width: 450px; background: no-repeat url("../img/header_logo.gif"); float: left; } #logo h1 { height: 61px; width: 450px; text-indent: 450px; overflow: hidden; } #logo h2 { display: none; } #top-nav { float: right; } #top-nav .logo { display: none; } #top-nav a { list-style-type: none; float: left; line-height: 61px; height: 61px; display: block; overflow: hidden; text-decoration: none; } #top-nav a.login { width: 63px; background: url("../img/header_login.gif"); text-indent: 63px; } #top-nav a.upload { width: 67px; background: url("../img/header_upload.gif"); text-indent: 67px; } #top-nav a.settings { width: 73px; background: url("../img/header_settings.gif"); text-indent: 73px; } #top-nav a.help { width: 68px; background: url("../img/header_help.gif"); text-indent: 68px; } #main-top .left { width: 8px; height: 7px; overflow: hidden; float: left; background: url("../images/top-corners.gif.png"); } #main-top .right { width: 8px; height: 7px; overflow: hidden; position: absolute; right: 0px; top: -2px; background: left -7px url("../images/top-corners.gif.png"); z-index: 99; } #main { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; width: 931px; margin: 0 auto; margin-top: 20px; display: block; overflow: hidden; position: relative; background: url("../images/main-bg.gif"); -webkit-box-shadow: 0px 2px 30px rgba(0,0,0, .3); } section, footer { display: block; } #introduction { height: 430px; background: no-repeat url("../images/intro-bg.jpg"); padding-left: 300px; width: 627px; margin: 0 auto; position: relative; top: -8px; background-color: #f1f7ff; z-index: 9; color: #456ea1; border-bottom: 1px solid #bebfc0; } #introduction h1 { font-size: 36px; color: #5486c4; font-weight: normal; line-height: 36px; padding-top: 30px; width: 510px; padding-left: 20px; } #introduction span.bbb { position: absolute; top: 15px; right: 15px; } #sign-up { width: 600px; float: left; margin-top: 20px; margin-left: 20px; display: inline; } #sign-up ul { float: left; margin-top: 20px; width: 300px; list-style-image: url("../images/checkmark.png"); list-style-position: inside; } #sign-up ul li { height: 20px; margin-bottom: 10px; font-size: 17px; } #sign-up form { float: right; position: relative; width: 250px; background: repeat-x left -209px url("../images/sign-up-corners.png"); padding: 0px 15px 0px 15px !important; right: 7px; height: 209px !important; } #sign-up form .left-corner { width: 12px; height: 210px; position: absolute; left: 0px; top: 0px; bottom: 0px; background: repeat-x left 0px url("../images/sign-up-corners.png"); } #sign-up form .right-corner { width: 12px; height: 210px; position: absolute; right: 0px; top: 0px; bottom: 0px; background: repeat-x left -418px url("../images/sign-up-corners.png"); } #sign-up form h2 { text-indent: 12px; font-weight: normal; letter-spacing: -1px; color: #456ea1; text-align: left; font-size: 17px; margin-bottom: 10px; padding-top: 10px; } #sign-up form h3.free-badge { position: absolute; right: 15px; text-indent: 66px; overflow: hidden; top: -27px; background: url("../images/free-badge.png"); width: 66px; height: 65px; } #bottom-sign-up form p, #sign-up form p { float: left; clear: both; width: 270px; overflow: hidden; height: 28px !important; margin-bottom: 6px !important; } #bottom-sign-up form p { position: relative; width: 265px; height: 26px !important; overflow: hidden; margin-bottom: 5px !important; left: -10px; } #bottom-sign-up form p label, #sign-up form p label { font-size: 11px; color: #666; width: 65px; display: block; float: left; padding: 0px !important; clear: right; height: 28px; overflow: hidden; line-height: 29px !important; text-align: right; } #sign-up form p input, #footer-user-search input, #bottom-sign-up form p input { width: 165px; padding: 3px !important; float: left; height: 18px; border-bottom: 1px solid #cecdcb; border-top: 1px solid #aaa; border-right: 1px solid #cecdcb; border-left: 1px solid #cecdcb; background:#fff repeat-x url("../images/input-bg.gif.png"); color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #sign-up form p.last-child { margin-top: -4px !important; margin-bottom: 0px !important; } #sign-up form p input.submit { width: 104px; height: 28px !important; cursor: pointer; overflow: hidden; font-size: 0px !important; display: block; position: relative; z-index: 9; float: right; right: 27px; border: none; background: left top no-repeat url("../images/sign-up-button.png"); text-indent: -9999px; } .zpFormDropshots .zpStatusImg { float: right; position: relative; z-index: 99; right: 10px; display: inline; } #introduction h3.share-count { clear: both; position: relative; top: 25px; font-size: 17px !important; font-weight: normal; text-align: center; } #introduction h3.share-count .share-counter { padding: 13px 45px; background: center 1px no-repeat url("../images/shareing-button.gif.png"); } #quote { width: 927px; float: left; position: relative; top: -8px; left: 2px; background: repeat-x url("../images/intro-shadow.png"); padding-bottom: 22px; } #quote q { margin-top: 10px; float: left; display: block; font-size: 24px; font-family: Times, "Times New Roman", Georgia, serif; color: #4a6e9a; quotes: none; width: 640px; left: 60px; text-indent: 20px; line-height: 28px; padding-left: 20px; position: relative; top: 15px; background: left -28px no-repeat url("../images/quotes.png"); } #quote q span { width: 35px; height: 28px; display: block; position: absolute; top: 30px; left: 505px; background: #000 no-repeat right 0px url("../images/quotes.png"); } #quotes q:after, #quote q:after { content: ""; } #quotes q:before, #quote q:before { content: ""; } #quote cite { display: block; float: right; top: 33px; position: relative; right: 75px; } #screenshot { clear: both; border-top: 1px solid #dbe4ef; width: 890px; margin: 0 auto; float: left; position: relative; left: 20px; color: #4a6e9a; padding-top: 20px; } #screen { display: block; width: 523px; text-align: center; float: left; margin-left: 30px; } #screen a { color: #7a95b5; text-decoration: none; font-size: 14px; } #screen-features { width: 290px; float: right; } #screen-features ul { list-style-type: none; margin-top: 20px; } #screen-features ul li ul { line-height: 18px; margin-top: 0px; margin-bottom: 30px; } #screen-features ul li ul li h2 { font-size: 24px; letter-spacing: -1px; padding-bottom: 5px; font-weight: normal; } #features { clear: both; width: 905px; padding: 0 0px 0 20px; margin: 20px auto 0 auto; height: 491px; background: repeat-x left -976px url("../images/features-bg.png"); color: #4a6e9a; } #features h2 { font-weight: normal; font-size: 24px; color: #4a6e9a; position: relative; top: 15px; } #features ul { margin-top: 20px; } #features ul li { width: 420px; float: left; height: 127px; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; list-style-type: none; } #features ul li span { display: block; float: left; width: 120px; text-align: left; } #features ul li img { display: block; position: relative; top: 1.1em; } #features ul li div { margin-left: 140px; } #features ul li h3 { font-weight: normal; font-size: 20px; padding-bottom: 7px; } #quotes { float: left; padding-right: 20px; clear: both; } #quotes h2 { font-weight: normal; font-size: 24px; color: #4a6e9a; position: relative; margin-top: 15px; margin-left: 20px; margin-bottom: 10px; } #quotes div { float: left; width: 435px; margin-left: 20px; margin-bottom: 20px; color: #4a6e9a; font-family: Georgia, "Times New Roman", Times, serif; } #quotes div q { font-size: 14px; line-height: 22px; quotes: none; display: block; padding-right: 10px; } #quotes div + div q { padding-right: 0px; } #quotes img { float: left; } #quotes .pict-quote q { font-size: 14px; line-height: 22px; quotes: none; display: block; text-indent: 13px; margin-top: 20px; margin-left: 134px; padding-left: 20px; } #quotes cite { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-style: normal !important; display: block; float: right; } #main-end { clear: both; width: 890px; height: 205px; padding: 20px 0; margin: 0 auto; } #product-advert { background: left -410px repeat-x url("../images/main-bottom-corners.png"); height: 165px; text-align: center; padding: 20px; width: 550px; position: relative; float: left; } #product-advert h2 { font-size: 24px; color: #235ea7; font-weight: normal; position: relative; top: 8px; left: -35px; } #product-advert .learn-more { position: absolute; right: 15px; bottom: 15px; white-space: pre; width: 106px; height: 28px; text-indent: 106px; overflow: hidden; border: none; margin-top: -7px; background: url("../images/learn-more-button.png"); } #bottom-sign-up { background: left -410px repeat-x url("../images/main-bottom-corners.png"); height: 185px; text-align: center; padding: 20px 0 0 0 !important; width: 281px; float: right; position: relative; } #bottom-sign-up form { position: relative; top: -10px; left: 20px; width: 240px; float: left; } #bottom-sign-up form h2 { font-weight: normal; padding-bottom: 5px; letter-spacing: -1px; color: #456ea1; text-align: left; padding-top: 10px; font-size: 17px; } #bottom-sign-up form p input.submit { width: 104px; height: 28px; cursor: pointer; overflow: hidden; letter-spacing: 104px; line-height: 18px; font-size: 0px !important; padding: 0px; float: right; z-index: 9; position: absolute; right: 25px; border: none; background: left top no-repeat url("../images/sign-up-button.png"); } #bottom-sign-up .left-corner, #product-advert .left-corner { position: absolute; left: 0px; top: 0px; width: 10px; height: 205px; background: left -205px repeat-x url("../images/main-bottom-corners.png"); } #bottom-sign-up .right-corner, #product-advert .right-corner { position: absolute; right: 0px; top: 0px; width: 10px; height: 205px; background: left 0px repeat-x url("../images/main-bottom-corners.png"); } #main-bottom { width: 100%; height: 8px; position: absolute; bottom: 0px; line-height: 0px; font-size: 0px; background: center top repeat-x url("../images/main-bottom-bg.png"); } footer { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #456ea1; clear: both; width: 885px; padding: 20px; margin: 30px auto; background: center top #fff no-repeat url(../images/footer-top-bg.png); height: 150px; position: relative; } footer .cols { float: left; display: inline; width: 157px; margin-left: 20px; } footer .cols a { color: #606060; text-decoration: none; } footer .cols p { font-weight: normal; font-size: 17px; color: #235ea7; margin-bottom: 7px; } footer .cols ul { list-style-type: none; } footer .cols li { line-height: 18px; font-size: 10px; } #footer-user-search input { float: left !important; width: 115px; font-size: 13px; font-weight: normal; height: 14px !important; padding: 4px 3px !important; } #footer-user-search input.submit { background: url("../images/go-button.png") !important; float: right !important; font-size: 0px; letter-spacing: 100px; width: 34px !important; height: 30px !important; text-indent: 34px; border: none; position: relative; top: -4px; left: -2px; } #top-LSResult, #LSResult { background: #fff; top: 74px; z-index: 99; position: absolute; border: 1px solid #aaa; -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, .6); } #LSResult .LSRow { padding-bottom: 6px; padding-top: 6px; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #aaa; } #top-LSHighlight, #LSHighlight { background: #B6C2CF; position: relative; } #footer-user-search { } #footer-bottom { width: 100%; position: absolute; bottom: 0px; height: 15px; left: 0px; background: center top no-repeat url(../images/footer-bottom.png); } #copyright { clear: both; width: 930px; margin: 0 auto; padding-bottom: 20px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #444; font-size: 11px; position: relative; } #copyright a { text-decoration: none; color: #456ea1; } #LSResult { position: relative; margin-left: -125px; top: 25px; display: none; margin-bottom: 0px; height: 170px; overflow: auto; width: 220px; }