/* Styles for "Lenovo Edge" page ===================================================== */ html { background: url(../img/edge/bg-html.jpg) repeat-x fixed left bottom; } body { background: url(../img/edge/bg-body.jpg) no-repeat fixed center bottom; } #brand { width: 210px; height: 90px; float: right; display: inline; margin: 0 0 1em 1em; } #brand img.brand { margin: 0 20px 0 0; } #brand img, #brand a { display: inline; vertical-align: top; } p.recommend { margin: 0; color: #777; font-size: 1.5em; font-weight: normal; } p.recommend a { color: #333; text-decoration: none; } h1 { color: #fe0206; /*#F30;*/ } h2 { color: #666; font-weight: normal; } h2 .colour { background: #ED2927; color: #FFF; text-transform: uppercase; padding: 0.25em; } h3 { } h3 .colour { background: #FFCA04; color: #961F1F; text-transform: uppercase; padding: 0.25em; } ul.custom { list-style: none; margin: 0 0 1.5em; padding: 0; } ul.custom li { padding-left: 14px; margin: 0 0 0.25em; background: url(../ui/edge/li.gif) no-repeat 0 0.4em; } ul.spread { width: 100%; } ul.spread li { width: 45%; float: left; margin: 0 1% 0.25em 0; } .section { margin: 0 0 6em; } /* Thinkpad Comparison Strip ===================================================== */ #thinkpad-comparison { background: url(../img/edge/thinkpad-comparison-bg.png) no-repeat left top; } /* Text over Image ===================================================== */ .text-overlay { position: relative; } .text-overlay img.background { display: block; margin: 0; z-index: 4; } #thinkpad-overlay { margin: 6em auto; width: 544px; /* for IE 6, should match the image dimensions */ } #thinkpad-overlay ul { list-style: none; padding: 0; margin: 0; } #thinkpad-overlay li { position: absolute; background: transparent url(../ui/dot-v.gif) repeat-y center top; width: 17em; z-index: 10; } #thinkpad-overlay li span { padding: 5px; display: block; font-weight: bold; } #thinkpad-overlay .item1 { top: -15px; left: -50px; } #thinkpad-overlay .item1 span { background: #FFF url(../ui/dot-h.gif) repeat-x center bottom; margin: 0 0 50px; } #thinkpad-overlay .item2 { top: 25px; right: 10px; } #thinkpad-overlay .item2 span { background: #FFF url(../ui/dot-h.gif) repeat-x center bottom; margin: 0 0 60px; } #thinkpad-overlay .item3 { top: 150px; left: 0px; } #thinkpad-overlay .item3 span { background: #FFF url(../ui/dot-h.gif) repeat-x center top; margin: 50px 0 0; } #thinkpad-overlay .item4 { top: 200px; right: 60px; } #thinkpad-overlay .item4 span { background: #FFF url(../ui/dot-h.gif) repeat-x center top; margin: 50px 0 0; } #edge91z-banner { margin: 0 0 2em; height: 500px; /* For IE 6, should match image dimensions */ } #edge91z-banner a.intel-syndication { position: absolute; z-index: 10; left: 330px; bottom: 35px; width: 58px; height: 90px; display: block; } /* ThinkPad Comparison Table ===================================================== */ .icon { background: url(../ui/edge/yes-no-maybe.png) no-repeat 0 0; } td .icon { display: block; width: 16px; height: 16px; margin: 0 auto; } .yes { background-position: 0 0; } .maybe { background-position: 0 -99px; } .no { background-position: 0 -199px; } .icon span { position: absolute; top: -999em; left: -999em; } .key { padding-left: 20px; line-height: 3; } table.compare-edge { border: 3px solid #DDD; } table.compare-edge caption { display: none; } table.compare-edge thead th { background: #ED2927 url(../ui/edge/table-head-bg.gif) repeat-x left center; color: #FFF; vertical-align: middle; border: none; } table.compare-edge tr.sub-header th { background: #FC0 url(../ui/edge/table-subhead-bg.gif) repeat-x left center; color: #900; font-size: 1.4em; text-transform: uppercase; letter-spacing: -1px; } table.compare-edge td { vertical-align: middle; } table.compare-edge th { text-align: left; } table.compare-edge th, table.compare-edge td { border: 2px solid #DDD; border-left: none; border-right: none; } table.compare-edge th h4 { font-size: 1em; margin: 0; } table.compare-edge th p { color: #888; font-weight: normal; margin: 0; font-size: 0.9em; } #edge-91z { min-height: 790px; background: url(../img/edge/edge91z_bg.gif) no-repeat right top; } #edge-all { } #edge-all .content, #tablets-all .content { width: 300px; margin: 0 3em; padding-top: 20px; } #edge-all .content h2, #tablets-all .content h2 { margin: 0; font-size: 1.5em; line-height: 1.5; } #edge-all .content h2 a, #tablets-all .content h2 a { color: #F03; text-decoration: none; } #edge-all .content h3, #tablets-all .content h3 { font-weight: normal; color: #333; } #edge-all .content p, #tablets-all .content p { color: #666; font-size: 1.25em; } #intro { margin: 0 0 1em; padding-bottom: 1.5em; border-bottom: 2px solid #EEE; } #bootorbust, #thinkpad, #thinkcenter-pc, #thinkcenter91z { margin: 0 0 2em; padding-bottom: 2em; border-bottom: 3px dotted #CCC; } #bootorbust { background: #FFF url(http://www.equanet.co.uk/brands/lenovo/rapidboot/assets/img/rapidboot-preview-460x290.png) no-repeat left top; min-height: 300px; height: auto !important; height: 300px; } #thinkpad { background: #FFF url(../img/edge/all-notebook-940x330.jpg) no-repeat left top; min-height: 330px; height: auto !important; height: 330px; } #thinkcenter91z { background: #FFF url(../img/edge/all-91z-940x359.jpg) no-repeat -500px 0; min-height: 359px; height: auto !important; height: 359px; margin: 0 0 1em; } #bootorbust .content, #thinkcenter91z .content { margin: 0 0 1em 500px; } #thinkcenter-pc { background: #FFF url(../img/edge/all-71-940x300.jpg) no-repeat 380px 0; min-height: 400px; height: auto !important; height: 300px; } a.discover { background: #F03; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0.5em; text-decoration: none; } a.discover:hover, a.discover:focus { background: #C03; } a.discover:active { background: #903; } #edge-71-intro { background: #FFF url(../img/edge/edge-71-intro.jpg) no-repeat left bottom; min-height: 280px; height: auto !important; height: 280px; margin: 0 0 1.5em; } #edge-91z-intro { background: #FFF url(../img/edge/edge-91z-intro.jpg) no-repeat left bottom; min-height: 310px; height: auto !important; height: 310px; margin: 0 0 1.5em; } #edge-thinkpad-intro { background: #FFF url(../img/edge/edge-thinkpad-intro.jpg) no-repeat left top; min-height: 340px; height: auto !important; height: 340px; margin: 0 0 1.5em; }