/* ************************************************* MARTIN SENOUR PAINTS General Screen Styles ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1.4; font-style: normal; font-weight: normal; color: #666; } body { font: normal 62.5% Arial, Helvetica, sans-serif; padding: 50px 0 0; } p, ul, dl, ol { font-size: 11px; margin-bottom: 1.5em; } h1 { font-size: 32px; margin: 0 0 13px; } h2 { margin: 0 0 20px; } h3 { margin: 0 0 1em; color: #900; font-size: 11px; } h4 { margin: 0 0 1em; color: #900; font-size: 11px; } * html h1, * html h2 { margin-bottom: 0; } em { font-style: italic; } strong { font-weight: bold; } a { color: #666; } a:hover, a:focus { color: #000; } a img { border: none; } img, .shown { display: block; } img.ie-arrow-fix { display: inline; position: absolute; margin-left: 2px; } .hidden { display: none; } /*------------------------------------------- Structure -------------------------------------------*/ #skip { position: absolute; left: -9999px; } #wrap { width: 780px; margin: 0 auto; } #header { float: left; padding: 0 0 50px; width: 100%; } body.products #header, body.pr-detail #header { background: transparent url(/i/presentation/header-products.gif) no-repeat left bottom; } body.confidence #header { background: transparent url(/i/presentation/header-confidence.jpg) no-repeat left bottom; } body.idea-center #header { background: transparent url(/i/presentation/header-idea-center.jpg) no-repeat left bottom; } body.news-promotions #header, body.color-fan-deck #header, body.merchandise #header { background: transparent url(/i/presentation/header-news-promotions.jpg) no-repeat left bottom; } body.locator #header { background: transparent url(/i/presentation/header-locator.jpg) no-repeat left bottom; } body.press-room #header { background: transparent url(/i/presentation/header-press-room.jpg) no-repeat left bottom; } body.contact #header { background: transparent url(/i/presentation/header-contact.jpg) no-repeat left bottom; } body.terms #header, body.privacy #header, body.error404 #header { background: transparent url(/i/presentation/header-footerlinks.jpg) no-repeat left bottom; } #logo { display: none; } #header h1#brand { float: left; margin: 0; } #header h1#brand a { display: block; text-indent: -9999px; width: 239px; height: 54px; background: transparent url(/i/logo.gif) no-repeat 0 0; } #header p { float: right; position: relative; top: 24px; } #header p label { display: block; text-indent: -9999px; background: transparent url(/i/presentation/where-to-buy.gif) no-repeat 0 0; width: 79px; height: 8px; line-height: 0; float: left; margin: 0 10px 0 0; position: relative; top: 4px; } #locator { width: 88px; font-size: 11px; color: #999; margin: 0 10px 0 0; } #main { width: 780px; margin: 0 auto; clear: both; padding: 15px 0 0; } #nav { width: 172px; float: left; } #nav ul:first-child { /* border-bottom: 1px solid #ccc; */ padding: 0 0 1.5em; } #nav ul { list-style: none; } #nav dl { margin: 0; } #nav ul ul, #nav dd { margin: 0 0 0 12px; } #nav li, #nav dl { font-size: 11px; } #nav li { margin: 0 0 0.5em; } #nav li.current > a, #nav dd.current > a { color: #900; } * html #nav li.current a, * html #nav dd.current a { color: #900; } * html #nav li.current li a, * html #nav li.current dd a { color: #666; } #nav li ul { margin-top: 0.5em; } #nav li li li:before, #nav li li dd:before { content: "> "; } #nav a { text-decoration: none; } #content { margin-left: 209px; } #content h1, #content h2 { text-indent: -9999px; margin-left: 17px; } body.idea-center #content h1 { background: transparent url(/i/presentation/headline-idea-center.gif) no-repeat 0 0; width: 158px; height: 26px; } body.confidence #content h1 { background: transparent url(/i/presentation/headline-confidence.gif) no-repeat 0 0; width: 307px; height: 26px; } body.products #content h1, body.pr-detail #content h1 { background: transparent url(/i/presentation/headline-products.gif) no-repeat 20px 0; width: 366px; height: 31px; } body.press-room #content h1 { background: transparent url(/i/presentation/headline-press-room.gif) no-repeat 0 0; width: 157px; height: 23px; } body.contact #content h1 { background: transparent url(/i/presentation/headline-contact.gif) no-repeat 0 0; width: 154px; height: 23px; } body.merchandise #content h1 { background: transparent url(/i/presentation/headline-merchandise.gif) no-repeat 0 0; width: 400px; height: 27px; } body.color-fan-deck #content h1 { background: transparent url(/i/presentation/headline-color-fan-deck.gif) no-repeat 0 0; width: 210px; height: 27px; } body.news-promotions #content h1 { background: transparent url(/i/presentation/headline-news.gif) no-repeat 0 0; width: 273px; height: 26px; } body.locator #content h1 { background: transparent url(/i/presentation/headline-locator.gif) no-repeat 0 0; width: 186px; height: 25px; } body.terms #content h1 { background: transparent url(/i/presentation/headline-terms.gif) no-repeat 0 0; width: 179px; height: 26px; } body.privacy #content h1 { background: transparent url(/i/presentation/headline-privacy.gif) no-repeat 0 0; width: 182px; height: 33px; } body.error404 #content h1 { background: transparent url(/i/presentation/headline-404.gif) no-repeat 0 0; width: 472px; height: 35px; } #content .error li {color:red; font-weight:bold;} #content .error{color:red; font-weight:bold;} #content .cross-sell { font-size: 11px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0.5em 17px; } #content .cross-sell a { text-decoration: none; text-transform: uppercase; letter-spacing: 0.05em; background: transparent url(/i/presentation/arrow.gif) no-repeat right 50%; padding: 0 20px 0 0; } #content #intro { padding: 0 17px; } .example * { font-size: 11px; } #content div.example p { font-size: 10px !important; color: #666 !important; line-height: 1.5; } .example h3, .example h4 { color: #900; } #main .section { padding: 1em 17px; border-bottom: 1px dotted #999; } #main .section p { font-size: 11px; } .backtotop a { text-decoration: none; color: #999; } .backtotop a:hover, .backtotop a:focus { color: #666; } #footer { clear: both; margin: 0 0 0 209px; } #main > #footer { overflow: hidden; padding: 1em 0 3em; } #footer ul { font-size: 9px; color: #999; float: right; } #footer li { display: inline; border-left: 1px solid #b4b4b4; padding: 0 3px 0 6px; } * html #footer li.first { border: none; padding-left: 0; } #footer li:first-child { border: none; padding-left: 0; } #williamsburg { float: left; text-indent: -9999px; display: block; width: 116px; height: 39px; background: transparent url(/i/presentation/williamsburg.gif) no-repeat 0 0; margin: 0 0 3em; } #footer ul li a { text-decoration: none; }