/*************************************************** ******* Lexmark landing page - base style ****************************************************/ /****** global reset and body ****************************************************/ html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,address, em,img,strong,dl,dt,dd,ol,ul,l,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {color:#000;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:arial, sans-serif;} ol,ul {list-style:none;} blockquote,q {quotes:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} body {font-size:100.01%;background:#fff url(../images/structure/landing-body-bg-gradient.jpg) repeat-x left top;color:#000;font-family:arial,sans-serif;text-align:center;line-height:1.4;} a {outline:none;} img {border:none;display:inline;} /****** plain typography ****************************************************/ #content h1 {margin:25px 0 20px;} #content h1 a, #content h2 {font-size:0;text-indent:-9999px;display:block;height:90px;width:435px;background:url(../images/structure/landing-logo.png) no-repeat left top;} #content h2 {margin-bottom:20px;height:64px;width:435px;background:url(../images/structure/landing-colour-laser-printing-from-lexmark.png) no-repeat left top;} #content h2.contact {height:60px;width:209px;background:url(../images/structure/landing-h2-contact-lexmark.png) no-repeat left top;} #content h2.thankyou {height:30px;width:128px;background:url(../images/structure/landing-h2-thank-you.png) no-repeat left top;} h3 {font-size:0.6875em;} h4 {font-size:0.9em;} h5 {font-size:0.8em;} p {font-size:0.6875em;line-height:1.5;} h2.logo {padding:0;float:left;margin:5px 0 0 15px;display:inline;} h2.logo a {width:237px;height:65px;display:block;background:url(../images/structure/lexmark-logo_237x65.gif) no-repeat left center;text-indent:-9999px;} /****** structure divs ****************************************************/ ul#accessibility {display:none;} #wrapper {width:940px;text-align:left;margin:0 auto;} #main-navigation {width:420px;float:right;clear:right;display:block;} #main-navigation ul {width:410px;float:left;padding:13px 0 10px;} #main-navigation ul li {display:block;float:right;height:45px;width:203px;text-indent:-9999px;} li#contact-lexmark a, li#find-a-dealer a, li#speak-to-us a, li#control-colour a, li#how-to a {position:relative;float:right;height:45px;width:203px;display:block;cursor:pointer;background-color:transparent;} li#contact-lexmark {background:url(../images/structure/landing-li-contact.png) no-repeat left top;} li#find-a-dealer {background:url(../images/structure/landing-li-find-a-dealer.png) no-repeat left top;} li#speak-to-us {background:url(../images/structure/landing-li-want-to-speak.png) no-repeat left top;} li#control-colour {background:url(../images/structure/landing-li-control-colour.png) no-repeat left top;} li#how-to {background:url(../images/structure/landing-li-how-to.png) no-repeat left top;} div.butterfly-image {display:block;clear:both;text-indent:-9999px;height:267px;width:406px;background:transparent url(../images/structure/landing-butterfly.png) no-repeat left top;margin-bottom:0px;} h3.free-3-year-guarantee {float:left;height:128px;width:213px;text-indent:-9999px;background:transparent url(../images/structure/landing-free-3-year-guarantee.png) no-repeat left top;margin-right:20px;} h3.free-3-year-guarantee a {height:128px;width:213px;display:block;position:relative;} h3.choose {width:100%;height:45px;background:transparent url(../images/structure/landing-h3-offer-ends31st-december.gif) no-repeat left top;text-indent:-9999px;padding:0;margin:0;} p.top-30 {padding-top:15px;} #centre-panel {clear:both;float:left;width:100%;} #content {float:left;width:480px;} div.features {clear:both;width:100%;padding:0 0 30px;} div.features h3 {} ul.printer {float:left;width:25%;background-color:#E5E5E5;display:block;} ul.printer h2 {font-size:0.6875em;color:#CC0202;padding:10px 0;margin:0;min-height:2.5em;} ul.printer h2 span {font-weight:normal;color:#CC0202;} ul.printer li {border-bottom:1px dotted #D1D1D1;padding:0.3em 0 0.3em 0.6em;} ul.printer li div.product-detail {display:none;} ul.printer li.active div.product-detail {display:block;} ul.printer li.active {min-height:2.8em;display:block;} ul.printer.even {background-color:#F5F5F5;} ul.printer.odd {background-color:#fff;} ul.printer.even li.active {background-color:#E4E4E4;} ul.printer.odd li.active {background-color:#EBEBEB;} ul.printer ul {padding-top:10px;min-height:9em;} ul.printer ul li {border:0;} ul.printer li.active h3 {min-height:2.8em;} ul.printer li h3 {font-weight:normal;margin:0;padding:5px 0;width:90%;cursor:pointer;} ul.printer li h3 a {background:url(../images/structure/li-arrow-red.gif) no-repeat 0 0.5em;padding-left:10px;display:block;} div.product-detail {min-height:17em;position:relative;padding:10px 5px 0;} div.product-detail ul {font-size:0.6875em;margin-bottom:3em;min-height:10em;} div.product-detail ul li {padding-left:15px;background:url(../images/structure/li-bullet-red.gif) no-repeat 0 8px;position:relative;} div.product-detail h4 img {width:202px;height:116px;display:block;margin-left:-5px;} div.product-detail p.inner-links{padding:0 0 5px;} div.product-detail p.inner-links a {padding:0 2px;color:#000;} div.product-detail p.inner-links a.red {color:#CF081B;} div.pad {margin-top:25px;margin-bottom:0;} /****** content typography ****************************************************/ #content {} #content p {margin:1em 0;} p a {color:#CC0202;} /****** strong,emphasis,acronym and abbreviation ****************************************************/ strong {font-weight:bold;} /****** fieldsets ****************************************************/ fieldset {padding:20px 10px 20px 0;} label {display:block;font-weight:bold;clear:both;font-size:0.6875em;padding:8px 0 3px;} textarea, input.text {clear:both;width:290px;display:block;margin:4px 0;} input.text.small {width:120px;} select {display:block;width:auto;} option {} textarea {height:80px;} span.mandatory {color:#CC0202;padding:0 4px;} input.submit {clear:both;display:block;width:auto;margin-top:20px;} input.radio, input.checkbox {width:auto;display:inline;vertical-align:middle;margin-right:20px;} div.warning {width:55%;padding:5px 10px;background-color:#fff;} div.warning p, div.warning p strong {color:#ed1c24;margin:0;} p.width-250 {width:250px;padding:20px 0 10px;} #content p.radio-box {clear:both;display:block;float:left;padding:10px 0;margin-bottom:10px;} p.radio-box label {margin-top:10px;display:inline;vertical-align:middle;} p.radio-box label {font-size:1em;font-weight:normal;} p.modify-personal-data {display:block;width:240px;clear:both;font-size:0.65em;} /****** footer links ****************************************************/ #footer {width:100%;margin:0 auto;} #footer h3 {display:block;width:100%;float:left;height:46px;background:url(../images/structure/landing-h3-claiming.gif) no-repeat left top;text-indent:-9999px;} #footer p {margin-bottom:1em;width:400px;margin-left:13px;} #footer p.eligible {float:right;width:300px;text-align:right;font-size:0.6em;padding-bottom:20px;color:#666;margin-top:-30px;} #footer ol {margin-left:13px;padding:10px 0 15px 12px;width:500px;float:left;} #footer ol li {font-size:0.6875em;line-height:1.7;margin-left:10px;background:none;list-style-type:decimal;padding-left:0;} #footer p.nopad {margin-left:0;} #footer a {color:#CC0202;} /****** hacks ****************************************************/ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-table;} * html .clearfix {height:1%;} .clearfix {display:block;} /*************************************************** ******* enginehouse@gmail.com ****************************************************/