body { background: #0092CC; font: 14px Arial, Helvetica, sans-serif; color: #666; } a { outline: none; } #wrapper { position: absolute; margin: -272px 0 0 -377px; top: 50%; left: 50%; width: 754px; height: 544px; } #main { height: 380px; width: 740px; padding: 7px; background: url("img/main-bg.png") no-repeat; } #header { width: 754px; height: 150px; overflow: hidden; } #header img { display: block; margin: 55px auto; border: 0; vertical-align: bottom; } #content { background: white; width: 740px; height: 260px; position: relative; } #footer { background: #333333; width: 740px; height: 120px; position: relative; } #content-img { width: 305px; height:286px; position: absolute; top: -20px; right: 25px; overflow: hidden; } #imac { vertical-align: bottom; } h1 { width: 740px; display: block; margin: 0; padding: 22px 0 0; line-height: 0px; height: 28px; border-bottom: 1px solid #E5E5E5; text-indent: 22px; } #content-inner { width: 355px; height: 192px; padding: 6px 22px; line-height: 24px; position: relative; } #toolbar { position: absolute; bottom: 0px; left: 22px; } #toolbar p { margin: 0; padding: 0; font-size: 10px; clear: left; } .footer-column { width: 246px; float: left; } .footer-column h2 { width: 224px; display: block; margin: 0; padding: 14px 0 14px 22px; line-height: 12px; height: 12px; font-size: 12px; border-bottom: 1px solid #666; vertical-align: middle; overflow: hidden; } .footer-column h2.last { width: 226px; } .footer-column h2 img { } .footer-column p { padding: 0; margin: 10px 0 0 22px; font-size: 10px; } .footer-column p a { color: #666666; text-decoration: none; } .footer-column p a:hover { color: #999999; text-decoration: none; } .highlight { color: #999999; font-size: 11px; } /* Buttons */ .button { float: left; display: inline-block; margin: 0; padding: 0 0 0 10px; height: 30px; background: url(img/button-sprite.png) no-repeat; border: 0; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; overflow: visible; cursor: pointer; color: white; vertical-align: middle; } .button-inner { position: relative; display: block; padding-right: 35px; width: auto !important; width: 20px; min-width: 20px; background: white url(img/button-sprite.png) no-repeat 100% 0; line-height: 30px; white-space: nowrap; height: 30px; } .button-inner img { height: 30px; width: 85px; line-height: 30px; border: 0; } .button:hover, .button:focus { background-position: 0 -30px; color: white; } .button:hover .button-inner, .button:focus .button-inner { background-position: 100% -30px; } button.button::-moz-focus-inner { padding: 0; border: 0; } @media screen and (-webkit-min-device-pixel-ratio:0) { button span { margin-top: -1px; margin-right: -3px; } } #shopXpress { margin-left: 10px; } #shopXpress .shopXpressImg { display: block; width: 85px; height: 30px; background: url("img/shopXpress.gif"); overflow: hidden; text-indent: -2000px; }