/*-- thanks Jason Ross --*/ /* browser reset controls */ /******************************************************/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;} table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;} table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;} body {line-height:1.2; color:black; background:white;} /* HTML5 tags */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, time {display:block;margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;} :focus {outline:0;} caption {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} h1, h2, h3, h4, h5, h6, strong {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:inherit; font-weight:bold;} font {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-family:inherit;} em {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:inherit; font-style:italic;} code {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:"Courier New", Courier, monospace;} pre { font-family: "Courier New", Courier, monospace; } blockquote {padding:0px 15px;} sup {font-size:.5em;position:relative;top:-.5em;} sub {font-size:.5em;} abbr,acronym {border-bottom-width:1px;border-bottom-style:dotted;} /******************************************************/ /* end browser reset controls */ /***** utility styles *****/ * html .clearfix { height: 1%; overflow: visible; }/* float clearing for IE6 */ *+html .clearfix { min-height: 1%; }/* float clearing for IE7 */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }/* float clearing for everyone else */ .clear {clear:both;} .hide {display:none;visibility:hidden;height:0;width:0;} .alignright {float:right;} .alignleft {float:left;} /***** utility styles end *****/ /*-- GIFT REGISTRY LANDING PAGE --*/ body { font-family:arial,sans-serif;color:#636363;font-weight:100; } #wrapper { margin:40px auto; width:1024px;} #block0-header { height:180px;width:100%; } #block0-grLogo { background:url('../assets/wedding-registry-landing-page/header-grLogo.png');width:461px;height:93px;margin-top:31px; } #block0-searsAndGradient { background:url('../assets/wedding-registry-landing-page/header-gradient.png');width:516px;height:124px; } .cta-button { color:#ffffff;border:1px solid #ca5278;background-color:#e66e94; padding:0px 10px 0px 10px;font-size:0.75em;} /*-- block 1 --*/ #block1 { border-bottom:1px solid #cccccc;margin-top:-50px; } #block1-left { width:506px;height:640px; background:url('../assets/wedding-registry-landing-page/newlyweds_wedding_registry.jpg') 0 140px;background-repeat:no-repeat; } #block1-slogan { margin-left:75px;margin-top:45px; } #block1-right { width:445px; padding-right:50px;line-height:150%; } #youGet { margin-top:10px; } #block1-right > ul { margin-top:10px; padding-left:16px;margin-top:10px; color:#e66e94;} #block1-right ul li > span { color:#636363; } #block1-cta { margin:10px 30px 0px 10px; } #block1-cta-button { margin-top:10px; } .pipeDivider { background:url('../assets/cta-separator.png');height:44px;width:42px;margin-bottom:25px; } #watchVideo { margin:10px 0 0 0px; } #watchVideoIcon { margin:5px 0 0 10px; } a.cta-watchVideo { color:#23797a; } /*-- block 2 --*/ #block2 { margin-top:25px;border-bottom:1px solid #cccccc; } #block2-left { padding:0px 62px 0px 60px;width:390px;line-height:150%; float:left;} #block2-left > div { margin-top:10px; } #block2-right { float:left;margin-top:70px; } #block2-cta { margin-top:10px;width:150px; } #ourProducts { margin-top:10px;margin-left:60px;color:#fea100;font-size:0.85em; } #block2a { margin-left:34px;margin-top:15px;} .block2a-product { margin-right:27px;float:left; } /*-- block 3 (monitor...) --*/ #block3 { margin:40px auto;position:relative;border-bottom:1px solid #cccccc; } #block3-header { margin:0px auto 40px auto;text-align:center; } #block3-monitor { position:relative;margin-top:40px auto;width:1024px;padding-bottom:60px; } .block3-monitor-text { text-align:left;color:#e66e94;height:100%;font-weight:100; } .block3-monitor-headers { font-size:0.75em; } #block3-monitor-screen { position:absolute;top:0; left:0;z-index:-1;} #block3-text-ul { position:absolute;top:30px; left:120px;z-index:9; } #block3-text-ur { position:absolute;top:160px; left:780px;z-index:9; } #block3-text-ll { position:absolute;top:330px; left:180px;z-index:9; } #block3-text-lr { position:absolute;top:368px; left:670px;z-index:9; } #block3-cta { position:absolute;top:440px; left:427px;z-index:9;font-size:0.75em;padding:5px 10px 5px 10px; } #block3a { display:none; } /*-- block 4 (easy registry access...) --*/ #block4 { border-bottom:1px solid #cccccc; } #block4-left { width:382px;padding-left:60px;float:left; } #block4-greenText { color:#94c145;margin-top:10px;font-size:20px; } #block4-blackText { margin-top:20px;line-height:150%; } #block4-right { margin-top:10px;float:right;height:373px; } #block4-cta { margin-top:30px;width:175px;font-size:0.75em;padding:5px 10px 5px 10px; } /*-- block 5 (big gift & 'join now') --*/ #block5-left { width:49%;float:left; } #block5-right { width:51%;float:left; } #block5-rightText { margin-left:60px;line-height:150%;margin-top:-27px;width:88.5%; } /*-- block 6: magazines... hidden for launch --*/ #block6 { margin-top:10px; } #block6 { display:none; } #block6-left { width:320px;float:left;padding-left:60px;padding-right:40px;margin-top:10px;line-height:150%; } #block6-right { width:594px;float:left;margin-top:-60px; } #block6-cta { margin-top:20px;width:122px;font-size:0.75em;padding:5px 10px 5px 10px; } /*-- block 7: footer --*/ #block7 { margin-top:20px; } #block7-left { margin-top:10px;float:left; } #block7-right { float:left; } /*-- common --*/ .greenHeader { color:#35c3c6;font-size:0.85em;line-height:140%; } .magenta { color:#e66e94; } .aqua { color:#23797a; } .turqoise { color:#35c5bc; } #block4-right > img { width:100% } /*-- RESPONSIVE --*/ /*------------- tablet ----------*/ @media (min-width:768px) and (max-width:999px) { #block0-searsAndGradient { margin-left:-200px;float:left; } #block1-left { float:right;margin-right:230px;width:310px;height:585px; background:url('../assets/wedding-registry-landing-page/resp-block1-newlyweds.png') 0 100% no-repeat; } #block1-slogan { display:none; } #block1-right { float:left;padding-left:50px;width:380px; } #block1-cta-button { margin-bottom:20px; } #block2a { width:767px;} #block2-right { display:none; } /*-- block 3a (monitor block...) --*/ #block3 { display:none; } #block3a { display:block;border-bottom:1px solid #cccccc; } #block3a-header { margin: 20px 0px 20px 60px;text-align:left;width:718px;height:37px; background:url('../assets/wedding-registry-landing-page/block3-headerText.png'); } #block3a-monitor { padding-bottom:10px; } #block3a-textColumn-left { margin-left:60px;float:left; } #block3a-textColumn-right { margin-left:50px;float:left; } #block3a-text-ll { margin-top:20px; } #block3a-text-lr { margin-top:20px; } #block3a-iMac { margin-left:50px;float:left; } #block3a-cta { margin-top:40px;font-size:0.75em;padding:5px 10px 5px 10px;width:155px; } /*-- block 4 --*/ #block4 { margin-top:20px; } #block4-right { width:50%; } #block4-right > img { max-width:70%;margin-left:-55px;margin-top:45px; } /*-- block 5 --*/ #block5-left { display:none; } #block5-right { margin-left:120px; } #block5-rightText { width:88%;max-width:88% } /*-- block 6 is display:none for launch --*/ #block7-right { margin-left:-190px; } } /*------------- phone ----------*/ @media (min-width:0px) and (max-width:767px) { #block0-searsAndGradient { margin-left:-500px;float:left; } #block1-left { display:none; } #block1-right { float:left;padding-left:20px; } #block2 { margin-left:-30px;} #ourProducts, #block2a, #block2-right { display:none;} #block3-header { margin: 0px 0px 40px 20px;text-align:left;} #block3 { display:none; } #block3a { display:block;margin-left:30px;border-bottom:1px solid #cccccc; } #block3a-iMac {display:none; } #block3a-header { margin: 20px 0px 20px 0px;text-align:left;width:406px;height:82px; background:url('../assets/wedding-registry-landing-page/block3b-headerText.png'); } #block3a-monitor { padding-bottom:10px; } #block3a-textColumn-left { margin-left:0px;float:left; } #block3a-textColumn-right { margin-left:50px;float:left; } #block3a-text-ll { margin-top:20px; } #block3a-text-lr { margin-top:20px; } #block3a-cta { margin-top:40px;font-size:0.75em;padding:5px 10px 5px 10px;width:155px; } #block4 { margin-top:20px;margin-left:-30px;padding-bottom:10px; } #block4-right { display:none; } #block5-left { display:none; } #block5-rightText { width:66%;max-width:66% } #block7-right { margin-left:-490px; } }