#container, #container-dynamic, .rounded { padding: 9px; background: #fff; } #content-contain { overflow: hidden; } #container.side #content { float: right; width: 740px; } #container.side #sidebar { float: left; width: 215px; } #container #sidebar ul, #container #sidebar ol, #container #sidebar li, #container #sidebar h3 { margin: 0; padding: 0; list-style: none; } #container #sidebar h3 { font-size: 1em; margin-top: 1em; } #container #sidenav li { margin-left: 1.5em; list-style: disc; } #sidebar div:first-child, #container #sidebar h3:first-child { margin-top: 0; } #container #sidenav { background: #fbfbfb; border: 1px solid #ccc; padding: .5em .8em; }  #footer .shadow-double { padding-bottom: 9px; } #footer.greeting { position: relative; } #footer.greeting .foot-cols { margin-top: -7px; } #footer.greeting #newsletter-signup { border: 1px solid #8cb1c1; background: #a0cfd7; position: absolute; width: 988px; top: 24px; left: 6px; } #footer.greeting #newsletter-signup p { color: #fff; }   #container.greeting h1, #container.greeting h2, #container.greeting h3, #container.greeting h4, #container.greeting h5, #container.greeting h6 { margin: 0; padding: 0; } #container.greeting h2 { margin-top: .8em; } #container.greeting h3 { margin-top: .6em; font-size:1.2em; } #container.greeting h4 { margin-top: .4em; font-size:1em; } #container.greeting h5 { margin-top: .3em; } #container.greeting h6 { margin-top: .2em; } #container.greeting #main-contain h1 { margin-left: 10px; }   .hide, p.free-membership, span.btn a, #container #hero ul, #container #hero li, #container #designers h3, .socialize a, #container #price-chart ol, #container #price-chart ul, #container #price-chart li, #container #price-chart h2, #container #price-chart h3 { overflow: hidden !important; text-indent: -9999px !important; }  #container #price-chart ol, #container #price-chart ul, #container #price-chart li, #container #price-chart h2, #container #price-chart h3 { margin: 0; padding: 0; list-style: none; } #container h1.ribboned, #container h2.ribboned, #container h3.ribboned, #container h4.ribboned, #container h5.ribboned, #container h6.ribboned { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: .1em .3em; background: #fbfbfb; margin: 1em 0 0; }   @font-face { font-family: 'AFontwithSerifsRegular';  src: url('/fonts/A_Font_with_Serifs.eot');  src: local('☺'),  url('/fonts/A_Font_with_Serifs.woff') format('woff'),  url('/fonts/A_Font_with_Serifs.ttf') format('truetype'),  url('/fonts/A_Font_with_Serifs.svg#AFontwithSerifs') format('svg');  } #container.greeting .AFontwithSerifsRegular, #container-dynamic.greeting .AFontwithSerifsRegular { font-family: 'AFontwithSerifsRegular', Arial, sans-serif; margin: 0; padding: 0; color: #680; } #container.greeting h1.AFontwithSerifsRegular, #container-dynamic.greeting h1.AFontwithSerifsRegular { font-size: 3em; } #container.greeting h2.AFontwithSerifsRegular, #container-dynamic.greeting h2.AFontwithSerifsRegular { font-size: 2.5em; }   span.btn { height: 32px; display: block; margin: auto; width: auto; } span.btn.tp { height: auto; display: inline-block; margin:0 2px; } span.btn a { background-image: url('/image/gc/bgs/buttons.png'); background-repeat: no-repeat; display: block; height: 100%; margin: auto; } span.become,span.become a { width: 151px; } span.browse,span.browse a { width: 129px; } span.shop, span.shop a { width: 114px; } span.choose,span.choose a { width: 147px; } span.become a { background-position: 0 0; } span.browse a { background-position: 0 -38px; } span.shop a { background-position: 0 -118px; } span.choose a { background-position: 0 -80px; } a.no-brdr:hover, #container span.btn a:hover { border-bottom: 0; } #container span.btn a:active { margin-top: 1px; }   #hero .full,.slides, #container #hero li { height: 332px; width: 100%; } #container #hero li a { height: 332px; width: 100%; display: block; } .slides { border-bottom: 1px solid #ccc; } .one { background: url('/image/gc/heros/tpg_lp_hero_thinkingofyou.jpg') no-repeat center center; } .two { background: url('/image/gc/heros/tpg_lp_hero_birthday.jpg') no-repeat center center; } .three { background: url('/image/gc/heros/tpg_lp_hero_congrats.jpg') no-repeat center center; } #container #hero ul, #container #hero li { margin: 0; padding: 0; list-style: none; } #hero { position: relative; } #hero .slideshow a, #container #hero a.circle-banner { display: block; background: url('/image/gc/bgs/circle-banner.png') no-repeat center center; position: absolute; top: 13px; right: 5px; width: 153px; height: 151px; z-index: 95; overflow: hidden; text-indent: -999px; } #container #hero a:hover { border-bottom: 0; } .ctrls { position: absolute; bottom: 20px; right: 2px; z-index: 100; } #container #hero .ctrls a { display: block; float: left; text-align: center; width: 18px; height: 18px; margin-right: 8px; padding-left: 1px; font-size: 11px; font-weight: bold; color: #ebebeb; background: rgb(149,141,131) !important; background-color: rgba(149,141,131,.7) !important; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #container #hero .ctrls a.activeSlide { color: #fff; background: rgb(102,153,0) !important; background-color: rgba(102,153,0,.8) !important; } #container .ctrls a, #container .ctrls a:hover { border: 2px solid rgb(225,218,208) !important; border: 2px solid rgba(225,218,208,.5) !important; } #container .ctrls a.activeSlide, #container .ctrls a.activeSlide:hover { border: 2px solid rgb(247,243,210) !important; border: 2px solid rgba(247,243,210,.5) !important; }  .index .gradient-bar div, .socialize li { background-image: url('/image/gc/bgs/sprite-gc-home.png'); background-repeat: no-repeat; } .gradient-bar { overflow: hidden; width: 100%; padding-top:10px; border-top: 1px solid #ccc; } #designers .gradient-bar {   } .index .gradient-bar div { width: 290px; } #designers .gradient-bar div { border-right: 1px solid #ccc; text-align: center; min-height: 260px; height: auto !important; height: 260px; } #designers .gradient-bar div.last { border-right: 0; } .gradient-bar div { width: 215px; float: left; padding: 0 10px; position: relative; min-height: 150px; height: auto !important; height: 150px; } .gradient-bar div.mid { border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 11px; } .index .gradient-bar p { font-size: .9em; padding: 0 0 0 130px; margin: 0; } #designers .gradient-bar p { margin: 0; padding: 0; } .gradient-bar p.right { position: absolute; bottom: 10px; right: 10px; font-size: 1em; } .gradient-bar .unique { background-position: 8px 42px; } .gradient-bar .fast { background-position: 8px -138px; } .gradient-bar .your-own { background-position: 8px -303px; } #categories,#marketing-side { overflow: hidden;  } #categories ul, #categories li, #marketing-side ul, #marketing-side li, .socialize ul, .socialize li { margin: 0; padding: 0; list-style: none; } #categories div.column, #marketing-side div.column { overflow: hidden; min-height: 200px; height: auto !important; height: 200px; background: #fff; } #categories div.column { padding: 10px 2% 0; } #categories { width: 62%; float: left; } #categories div div { float: left; width: 25%; } #marketing-side { width: 37%; float: right; } #marketing-side div.column { padding: 10px 3% 0; } .featured { overflow: hidden; border-bottom: 1px solid #ccc; height: 100px; position: relative; padding-bottom: 5px; } #container .featured a:hover { border-bottom: 0; } .socialize { border-top: 1px solid #fff; padding-top:5px; text-align: center; } .socialize a { display: block; width: 100%; height: 100%; text-align: center; } #container .socialize h3 { margin-top: 0; } #container .socialize ul { margin-top: 5px; margin-left: 30px; } #container .socialize li { float: left; width: 47px; height: 48px; margin: 0 5px; overflow: hidden; } #container .socialize li.first { margin-left: 0; } #container .socialize li.last { margin-right: 0; } li.blog { background-position: 0px -574px; } li.twitter { background-position: 0px -625px; } li.facebook { background-position: 0px -678px; } li.testimonials { background-position: 0px -524px; } li.press { background-position: 0px -469px; }  #container #videos span.video-icon { background: url("/image/gc/nav-sprite-nonOccasion.png") no-repeat 0 -256px; padding-left: 11px; float: none; } #container div.column p.right { margin-bottom: 0; } #container div.column.unique, #container div.column.your-own { position: relative; } #container div.column.your-own a.video { display: block; position: absolute; width: 116px; height: 56px; top: 54px; left: 8px; text-indent: -9999px; overflow: hidden; } #container div.column.unique h2 { color: #F6851F; } #container div.column.unique span { display: block; position: absolute; right: 25px; top: -15px; background: transparent url("/image/gc/bgs/icons/free-flag.png") no-repeat top center; width: 65px; height: 65px; text-indent: -9999px; overflow: hidden; }   .featured .designer img { padding-left: 110px; } .featured .designer img.first { float: left; width: 98px; height: 97px; position: absolute; bottom: 0px; left: 5px; padding-left: 0; } .featured .designer p { margin: 0; padding: 0; padding: 0 0 0 110px; } .featured .designer span.right { display: block; position: absolute; bottom: 0px; right: 0px; }   .featured .core-2-col div { background: #fff url('/image/gc/bgs/fbsweeps.png') no-repeat 0 0; height: 97px; width: 161px; padding: 0; margin-right: 0; } .featured .core-2-col div a { display: block; width: 100%; height: 100%; } .featured .core-2-col div.last { background-position: 0 -104px; }  #designers { clear: both; overflow: hidden; } #designers .designer { background: none; } #container #designers ol, #container #designers li { margin: 0; padding: 0; list-style: none; } #container #designers ul { overflow: hidden; width: 100%; } #container #designers ol { margin: 10px 0; } #container #designers.logos li { width: 150px; height: 50px;  float: left; text-align: center; margin: 0 10px 0 0; } #container #designers.detailed li { width: 225px; float: left; text-align: center; margin-right: 19px; margin-bottom: 50px; } #container #designers.detailed li.last { margin-right: 0; } #container #designers.detailed h3 { margin: 0 12px 0 0; } #container #designers h3 { background-image: url('/image/gc/bgs/sprite-designer.png'); background-repeat: no-repeat; height: 56px;  margin: 0; padding: 0; width: 100%; } #designers li.designer a { display: block; height: 100%; width: 100%; } #container #designers a:hover { border-bottom: 0; }   .nightowl-logo h3 { background-position: 55px 7px; } .ohjoy-logo h3 { background-position: 60px -70px; } .hellolittleone-logo h3 { background-position: 50px -158px; } .uncooked-logo h3 { background-position: 50px -237px; } .hicksgibbon-logo h3 { background-position: 60px -310px; } .luckybee-logo h3 { background-position: 60px -390px; } .pinkerton-logo h3 { background-position: 50px -463px; } .dwellstudio-logo h3 { background-position: 50px -534px; } .petitealma-logo h3 { background-position: 60px -607px; } .invita-logo h3 { background-position: 60px -655px; } .lepapier-logo h3 { background-position: 50px -710px; } .sarahhawkins-logo h3 { background-position: 45px -780px; } .goodonpaper-logo h3 { background-position: 60px -860px; } .jillsmith-logo h3 { background-position: 60px -910px; } .tallulah-logo h3 { background-position: 65px -1000px; } .earmark-logo h3 { background-position: 35px -1080px; } .natsumi-logo h3 { background-position: 35px -1165px; }   .logos .nightowl-logo h3 { background-position: 30px 3px; } .logos .ohjoy-logo h3 { background-position: 41px -74px; } .logos .hellolittleone-logo h3 { background-position: 16px -158px; } .logos .uncooked-logo h3 { background-position: 25px -238px; } .logos .hicksgibbon-logo h3 { background-position: 25px -313px; } .logos .luckybee-logo h3 { background-position: 22px -388px; } .logos .pinkerton-logo h3 { background-position: 25px -466px; } .logos .dwellstudio-logo h3 { background-position: 25px -537px; } .logos .petitealma-logo h3 { background-position: 12px -596px; } .logos .invita-logo h3 { background-position: 36px -656px; } .logos .lepapier-logo h3 { background-position: 14px -719px; } .logos .sarahhawkins-logo h3 { background-position: 17px -862px; } .logos .goodonpaper-logo h3 { background-position: 25px -860px; } .logos .jillsmith-logo h3 { background-position: 20px -912px; } .logos .tallulah-logo h3 { background-position: 35px -1000px; }  #container #designers li.last { margin-right: 0; } #designers .designer { position: relative; width: 215px; display: inline; } #designers .designer p a { display: block; position: absolute; top: 0; left: 0; width: 230px; height: 50px; padding-top: 212px; color: #6b6b6b; } #designers .gradient-bar { height: 260px; }  .gc-rounded {  padding: 20px; background: #edf4f5; } .plans-hero, div.annual-plans h2, div.no-plan h2, li.savvy-sender, li.super-sender, li.as-you-go { background-image: url('/image/gc/bgs/sprite-pricing-plans.jpg'); background-repeat: no-repeat;  } #container #price-chart li.savvy-sender, #container #price-chart li.super-sender, #container #price-chart li.as-you-go { position: relative; overflow: visible !important; } #container #price-chart ol { overflow: visible !important; } li.savvy-sender span.offer-btn, li.super-sender span.offer-btn, li.as-you-go span.offer-btn { position: absolute; top: 65px; left: -20px; text-indent: -9999px; overflow: hidden; background: url('/image/gc/bgs/icons/promo-circle-plans.png') no-repeat center center; height: 71px; width: 71px; } #price-chart { overflow: hidden; } .plans-hero { background-position: right bottom; padding-right: 400px; overflow: hidden; height: 144px; } #container #price-chart div.annual-plans h2, #container #price-chart div.no-plan h2 { height: 68px; text-align: center; margin: 0 auto 10px; padding: 0; } #container div.annual-plans h2 { background-position: top left; width: 365px; } #container div.no-plan h2 { background-position: top right; width: 255px; } li.savvy-sender { background-position: 0px -78px; } li.super-sender { background-position: -280px -78px; } li.as-you-go { background-position: -561px -78px; } #price-chart h3, #price-chart ul, #price-chart p { height: 0; } #price-chart li { width: 259px; height: 408px; position: relative; } #container #price-chart div.no-plan h2, #container #price-chart li.as-you-go { margin-left: 55px; } #price-chart li li { background-color: inherit; height: auto; } div.annual-plans { border-right: 1px solid #e6f1f3; float: left; width: 548px; padding-right: 57px; } li.savvy-sender { float: left; } li.super-sender { float: right; } div.no-plan { border-left: 1px solid #c6d6d9; float: right; width: 313px; } .annual-plans span.btn,.no-plan span.btn { position: absolute; bottom: 30px; } .annual-plans span.btn { left: 54px; } .no-plan span.btn { left: 90px; }   div.annual-plans { border-right: 0; border-left: 1px solid #e6f1f3; float: right; width: 548px; padding-right: 0; } div.no-plan { border-left: 0; border-right: 1px solid #c6d6d9; float: left; width: 313px; padding-right: 10px; position: relative; } #price-chart li.as-you-go { margin-left: 17px !important; } div.no-plan h2 { margin-left: 20px !important; } li.savvy-sender { float: right; } li.super-sender { float: left; }   #price-chart span.circle-banner { background: url('/image/gc/bgs/circle-banner-limited-time-only.png') no-repeat center center; position: absolute; display: block; height: 71px; width: 71px; left: -12px; top: 140px; }   #tutorial-page { background: url('/image/gc/bgs/tutorial-page.png') no-repeat center center; position: relative; height: 616px; width: 960px; } #tutorial-page .intro-links { position: absolute; left: 465px; top: 240px; } #tutorial-page span.btn a { float: left; clear: both; } #tutorial-page span.browse { margin: 10px 0; } p.feedback { clear: both; } p.free-membership { position: absolute; bottom: 0; right: 0; margin: 0 !important; width: 450px; } p.free-membership a { display: block; width: 100%; height: 100%; } #videos .video { float: none; border: none; clear: none; margin: 0; padding: 0; } #videos #greeting-memorable p.links a { background: none; position: absolute; top: 187px; left: 35px; height: 260px; width: 360px; } #videos #greeting-memorable p.links a img { margin: 75px 0 0 130px;; padding: 0; }   #birthday-greetings #hero { border: 1px solid #ccc; background: #f0f9fb; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(0.8, rgb(240,249,251)) ); background: -moz-linear-gradient( center bottom, rgb(255,255,255) 0%, rgb(240,249,251) 80% ); } #birthday-greetings #hero div { height: 230px; text-indent: -9999px; overflow: hidden; padding-bottom: 10px; } #birthday-greetings #hero div a { background: url('/image/gc/bgs/birthday-greetings.png') no-repeat center center; display: block; width: 100%; height: 100%; } #birthday-greetings #hero div.first a { background-position: 18px 0; } #birthday-greetings #hero div.mid a { background-position: -383px 0; } #birthday-greetings #hero div.last a { background-position: -792px 0; } .text-banner { background: url('/image/gc/bgs/3cards-birthday.jpg') no-repeat left center; height: 120px; padding-left: 230px; padding-top: 20px; } .text-banner span.btn { height: 20px; width: 215px; display: block; margin: 0; } .text-banner span.btn a { background: url('/image/gc/bgs/bday-invites-btn.jpg') no-repeat left center; display: block; height: 100%; width: 100%; }   #greetings-occasions #hero { border: 1px solid #ccc; background: #f0f9fb; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(0.8, rgb(240,249,251)) ); background: -moz-linear-gradient( center bottom, rgb(255,255,255) 0%, rgb(240,249,251) 80% ); } #greetings-occasions #hero div { height: 230px; text-indent: -9999px; overflow: hidden; padding-bottom: 10px; } #greetings-occasions #hero div a { background: url('/image/gc/bgs/occasions-greetings-sprite.png') no-repeat center center; display: block; width: 100%; height: 100%; } #greetings-occasions #hero div.first a { background-position: 18px 0; } #greetings-occasions #hero div.mid a { background-position: -383px 0; } #greetings-occasions #hero div.last a { background-position: -792px 0; } .text-banner { background: url('/image/gc/bgs/3cards-birthday.jpg') no-repeat left center; height: 120px; padding-left: 230px; padding-top: 20px; } .text-banner span.btn { height: 20px; width: 215px; display: block; margin: 0; } .text-banner span.btn a { background: url('/image/gc/bgs/bday-invites-btn.jpg') no-repeat left center; display: block; height: 100%; width: 100%; }   #teachers #hero { background: url('/image/gc/bgs/teacher-cards.jpg') no-repeat center center; height: 330px; text-indent: -9999px; overflow: hidden; } #teachers .core-2-col div, #college-student .core-2-col div { border:1px solid #cccccc; padding: .5em; width: 48%; } #teachers .video { border-bottom: 1px solid #ccc; }   #breast-cancer #hero { background: url('/image/gc/bgs/breast-cancer-awareness.jpg') no-repeat center center; height: 335px; text-indent: -9999px; overflow: hidden; } #breast-cancer .core-2-col div { padding: .5em; width: 48%; }  #college-student #hero { background: url('/image/gc/bgs/student-cards.jpg') no-repeat center center; height: 334px; text-indent: -9999px; overflow: hidden; } #college-student #videos .video h2 { margin-top: 0.8em; } #college-student #videos #greeting-asap .links a { border: 1px solid #CCCCCC ; }  .social-network { height:35px; width:310px; } .social-network div { float:left; padding:4px 0 0; } .social-network .facebook-like { width:150px; padding-top:0; } img.profileimage, a.mhs{ display:none; }