/* Sure Mobile Immediacy CSS - Master template Developed by E-scape Interactive - www.e-scape.co.uk Author: jon.leverrier [at] e-scape.co.uk Date: 01/08/06 */ * { margin: 0; padding: 0; } body { font-family: Arial, Helvetica, Sans-serif; margin: 0px 0 0 0; background-color: #FFF; } img { border: 0; } p { font-size: 1em; } .clear { clear: both; } #wrapper { padding-top: 21px; background-color: #ffffff; } #header { width: 779px; height: 100px; margin: 0 auto; padding: 0 0 21px 0; } #header .surelogo { padding: 0 0 0 10px; float: left; } #header .cwlogo { padding: 55px 10px 0 0; float: right;} #tabs { width: 566px; height: 31px; margin: 0 auto; padding: 0 10px 0 203px; background-image: url(../images/header/img_tab_bg.gif); } #wrapper-subnav { height: 29px; background: url(../images/header/img_subnav_wrap_bg.gif) repeat-x; } #subnav { margin: 0 auto; width: 779px; height: 22px; padding-top: 7px; background: url(../images/header/img_subnav_bg.gif) top no-repeat; } /* Middle Content */ #wrapper-content { margin: 0 auto; width: 759px; padding: 21px 10px 0px 10px; } #body-content { float: left; width: 583px; margin-right: 21px; } /* Ticker */ /* #signup-promos .ticker-holder { float: left; } #signup-promos .ticker { width: 759px; height: 18px; background: #f2f1f2; border: 1px solid #c0c0c0; padding: 4px 20px 0 20px; font-size: 11px; color: #666666; } #signup-promos .ticker:hover { background: #ffffff; } #signup-promos .ticker p { float: left; margin-right: 10px; font-style: bold; } #signup-promos .newsticker-link { text-decoration: none; color: #000000; } #signup-promos .newsticker-link:hover { text-decoration: underline; color: #000000; } */ /* Signup home */ #signup-promos { padding-bottom: 21px; } #signup-promos h1 { display: none; } #signup-promos .promo1 { width: 759px; height: 189px; margin-bottom: 21px; float: left; background-color: #CCCCCC; overflow: hidden; } #signup-promos .promo2 { width: 239px; height: 79px; float: left; margin-right: 21px; margin-bottom: 21px; background-color: #CCCCCC; overflow: hidden; } #signup-promos .promo3 { width: 239px; height: 79px; float: left; margin-right: 21px; margin-bottom: 21px; background-color: #CCCCCC; overflow: hidden; } #signup-promos .promo4 { width: 239px; height: 79px; float: left; margin-bottom: 21px; background-color: #CCCCCC; overflow: hidden; } #new { width: 759px; float: left; padding: 0; } #new .product-box-hp .product-feature-wrap ul { width: 120px; } .panel-rigt { float: right; width: 120px; } .hp-img { text-align: center; width: 60px; float: left; } .hp-features { padding-left: 10px; width: 116px; float: right; } .hp-features a { text-decoration: underline; } .hp-features a:hover { text-decoration: underline; } .hp-features p { color: #656367; font-size: 11px; line-height: 1.5em; margin-bottom: 15px; } #homepage h1 { display: none; } .product-box-hp { padding: 17px 25px 0 25px; margin: 0 0 10px 0; width: 189px; background: url(../images/body/img_boarder-hp.gif) top no-repeat; float: left; } .product-box-blank { padding: 17px 0px 0 5px; margin: 0 0 10px 0; width: 230px; float: left; } .product-divider2 { width: 20px; float: left; } .product-box-blank h2 { color: #d31145; } .product-box-blank ul { color: #656367; font-family: verdana, arial, sans-serif; font-size: 11px; margin: 0; padding: 0; list-style: none; } .product-box-blank li { border-bottom: 1px dashed #cccccc; line-height: 1.8em; } .product-box-blank a { text-decoration: none; color: #656367; } .product-box-blank a:link { text-decoration: none; color: #656367; } .product-box-blank a:visited { text-decoration: none; color: #656367; } .product-box-blank a:hover { text-decoration: underline; color: #656367; } .product-box-blank a:active { text-decoration: none; color: #656367; } /* Secondary template */ #leftnav-box { width: 239px; float: left; } #leftnav-box p { font-size: 11px; color: #5e6062; line-height: 1.4em; padding-bottom: 15px; text-align: right; } .leftnav-intro-wrap { background-color: #f1f1f2; } .leftnav-image { border: 7px solid #e3e3e3; overflow: hidden; } .leftnav-intro { margin-top: 10px; padding: 7px 7px 0 7px; background: url(../images/body/img_leftnav_fade.gif) bottom no-repeat; } #body { width: 471px; border: 7px solid #e3e3e3; padding: 7px; margin-bottom: 20px; float: right; } #body p { font-size: 11px; color: #5e6062; line-height: 1.4em; } #body a { text-decoration: underline; } .promo-wrap { height: 73px; padding-bottom: 9px; } .secondary-promo1 { width: 232px; height: 73px; overflow: hidden; margin-right: 7px; background-color: #CCCCCC; float: left; } .secondary-promo2 { width: 232px; height: 73px; overflow: hidden; background-color: #CCCCCC; float: left; } .container-row { width: 471px; margin-bottom: 10px; border-bottom: 1px dashed #cccccc; float: left;} .container-left { width: 231px; padding: 7px 0 7px 0; float: left; } .container-right { width: 231px; padding: 7px 0px 7px 0px; float: right; } /* .container-left { width: 231px; padding: 7px 0 7px 0; border: 1px dashed #CCCCC1; float: left; } .container-right { width: 231px; padding: 7px 0px 7px 0px; border: 1px dashed #CCCCC1; float: right; } */ .container-img { width: 76px; overflow: hidden; text-align: center; float: left; } .container-box { width: 151px; float: right; } /* Template 3a */ #leftnav-wrap { width: 181px; float: left; margin-right: 20px; } #leftnav { width: 181px; padding-top: 8px; background: url(../images/leftnav/img_leftnav_bgtop_li.gif) top no-repeat;} #leftnav ul { margin: 0; padding: 0; list-style: none; font-family: verdana, arial, sans-serif; font-size: 14px; font-weight: bold; } #leftnav ul li { margin: 0px; padding: 0px 0 0 0; height: 25px; background: url(../images/leftnav/img_leftnav_bg_li.gif) no-repeat; line-height: 1.6em; } #leftnav ul li a { font-size: 80%; display: block; height: 25px; text-decoration: none; padding: 0px 5px 0 15px; color: #666666; width:161px; } #leftnav ul li a:hover, #leftnav ul li a:focus { margin: 0 0 0 0; padding: 0px 0 0 15px; height: 24px; color: #e7ad02; background-color: #ffffff; border-top: 1px solid #cccccc; width:166px; } #leftnav .on { margin: 0 0 0 0; padding: 0px 0 0 15px; height: 24px; color: #e7ad02; background-color: #ffffff; border-top: 1px solid #cccccc; width:166px; } #leftnav-wrap .leftnav-fade { background: url(../images/leftnav/img_leftnav_footer.gif) repeat-y top; width: 181px; height: 54px; float: left;} #main h1, #main .Heading1 { font-size: 140%; color: #d89f17; } #main p { font-size: 12px; color: #5e6062; line-height: 1.6em; padding-bottom: 15px; } #main { width: 380px; float: left; } #main .breadcrumb { background: url(../images/body/img_breadcrumb_bg.gif) no-repeat top; padding: 10px 0 0 15px; } #main .breadcrumb a:link { text-decoration: none; color: #666666; } #main .breadcrumb a:visited { text-decoration: none; color: #666666; } #main .breadcrumb a:hover { text-decoration: underline; color: #666666; } #main .breadcrumb a:active { text-decoration: none; color: #666666; } #rightnav { width: 155px; margin-left: 20px; float: right; } #rightnav img { padding-bottom: 15px; } /* Template 3b */ #main-long { width: 566px; padding-left: 15px; float: left; } #main-long h1, #main-long .Heading1 { font-size: 140%; color: #d89f17; } #main-long p { font-size: 12px; color: #5e6062; line-height: 1.6em; padding-bottom: 15px; } #main-long .breadcrumb { background: url(../images/body/img_breadcrumb_bg.gif) repeat-x top; padding: 10px 0 0 15px; } #main-long .breadcrumb a:link { text-decoration: none; color: #666666; } #main-long .breadcrumb a:visited { text-decoration: none; color: #666666; } #main-long .breadcrumb a:hover { text-decoration: underline; color: #666666; } #main-long .breadcrumb a:active { text-decoration: none; color: #666666; } #main-long hr { border: 0; background: #e7e7e7; height: 1px; } /* FAQ Engine */ #main-long #_ctl0__ctl8__ctl0_topnext, #_ctl0__ctl8__ctl0_bottomnext {font-size: 12px; text-decoration: underline; text-align: right; } #main-long .faqSearchBox { } #main-long .faqSearchBox table { width: 566px; padding: 10px 10px 10px 10px; border: 1px dashed #cccccc; font-weight: bold; font-size: 12px; } #main-long .faqSearchBox table td { padding-left: 10px; } #main-long #faqCategory { width: 250px } #main-long #faqSubCategory { width: 175px; } #main-long #_ctl0__ctl8__ctl0_FAQKeywords input { width: 265px; } #main-long .searchtop { margin-top: 15px; } #main-long .searchtop table { width: 100%; font-weight: bold; font-size: 12px; padding: 0px; } #main-long .normal { margin-left: 0px; padding: 0; } #main-long .normal table { border-bottom: 1px dashed #cccccc; } #main-long .normal p { margin-left: 10px; margin-bottom: 15px; padding: 0; } #main-long .normal .normal .Normal { font-weight: normal; margin-left: 10px; } #main-long .normal .normal .Normal .Normal { font-weight: normal; margin-left: 0px; } #main-long .faqQuestion { margin-left: 10px; font-weight: bold; font-size: 12px; padding: 0px; } /* ArticleIndex */ #PageCounter { font-size: 12px; color: #5e6062; line-height: 1.6em; border-top: solid 1px #e7e7e7; padding-bottom: 15px; } #main-long p.news-date { padding-bottom: 0; } /* Sitemap */ .sitmpA0:link { font-size: 12px; text-decoration: none; font-weight: bold; color: #000000; background: url(../images/body/sitemapa1.gif) no-repeat 0 50%; padding-left: 10px;} .sitmpA0:visited { font-size: 12px; text-decoration: none; font-weight: bold; color: #000000; background: url(../images/body/sitemapa1.gif) no-repeat 0 50%; padding-left: 10px;} .sitmpA0:hover { font-size: 12px; text-decoration: underline; font-weight: bold; color: #000000; background: url(../images/body/sitemapa1.gif) no-repeat 0 50%; padding-left: 10px;} .sitmpA0:active { font-size: 12px; text-decoration: underline; font-weight: bold; color: #000000;background: url(../images/body/sitemapa1.gif) no-repeat 0 50%; padding-left: 10px;} .sitmpA1:link { font-size: 12px; text-decoration: none; font-weight: normal; color: #000000; background: url(../images/body/sitemapa2.gif) no-repeat 0 50%; padding-left: 10px; margin-left: 20px; } .sitmpA1:visited { font-size: 12px; text-decoration: none; font-weight: normal; color: #000000; background: url(../images/body/sitemapa2.gif) no-repeat 0 50%; padding-left: 10px; margin-left: 20px; } .sitmpA1:hover { font-size: 12px; text-decoration: underline; font-weight: normal; color: #000000; background: url(../images/body/sitemapa2.gif) no-repeat 0 50%; padding-left: 10px; margin-left: 20px; } .sitmpA1:active { font-size: 12px; text-decoration: underline; font-weight: normal; color: #000000;background: url(../images/body/sitemapa2.gif) no-repeat 0 50%; padding-left: 10px; margin-left: 20px; } .sitmpA2:link { font-size: 12px; text-decoration: none; font-weight: normal; color: #000000; background: url(../images/body/sitemapa3.gif) no-repeat 0 50%; padding-left: 10px; margin-left: 40px; } .sitmpA2:visited { font-size: 12px; text-decoration: none; font-weight: normal; color: #000000; background: url(../images/body/sitemapa3.gif) no-repeat 0 50%; padding-left: 10px; margin-left: 40px; } .sitmpA2:hover { font-size: 12px; text-decoration: underline; font-weight: normal; color: #000000; background: url(../images/body/sitemapa3.gif) no-repeat 0 50%; padding-left: 10px; margin-left: 40px; } .sitmpA2:active { font-size: 12px; text-decoration: underline; font-weight: normal; color: #000000;background: url(../images/body/sitemapa3.gif) no-repeat 0 50%; padding-left: 10px; margin-left: 40px; } /* Search */ .search-options { font-size: 12px; border: 1px dashed #cccccc; margin-bottom: 15px; } .search-options a { font-weight: bold; color: #000000; text-decoration: none; } .search-options a:link { font-weight: bold; color: #000000; text-decoration: none; } .search-options a:visited { font-weight: bold; color: #000000; text-decoration: none; } .search-options a:hover { font-weight: bold; color: #d31145; text-decoration: underline; } .search-options a:active { font-weight: bold; color: #d31145; text-decoration: underline; } .search-options table { text-align: left; padding: 4px 6px 0px 6px; width: 100%; } .search-options td { padding-top: 3px; padding-bottom: 3px; } .search-options select { font-size: 11px; } .search-options input[type=submit] { background-color: #aeadad; color: #ffffff; border-color: #ffffff; border-width: 1px; border-style: solid; } .search-options #_ctl0__ctl8__ctl0_searchTarget { margin-left: 3em; } .search-options #_ctl0__ctl8__ctl0_searchTerms { margin-right: 3em; } .searchtop { font-size: 11px; font-weight: bold; color: #D31145; margin: 0 0 10px 10px; } .search-result { margin: 10px 0 0px 0; padding: 0; border-bottom: 1px dashed #CCCCCC; } .search-result .title { font-size: 13px; font-weight: bold; margin: 0 0 0px 10px; } .search-result .title:link { text-decoration: underline; color: #000000; } .search-result .title:visited { text-decoration: underline; color: #000000; } .search-result .title:hover, .title:active { text-decoration: none; color: #D31145; } .search-result .accuracy-line { color: #000000; font-weight: bold; font-size: 10px; margin: 0 0 0px 10px; padding: 0; } .search-result .date { color: #000000; font-weight: normal; font-size: 10px; margin: 0; padding: 0; } .search-result .abstract { margin: 0 0 0px 10px; padding: 0; line-height: 0.5em; font-size: 5px; } .search-result hr { display: none; } /* Footer */ #footer { height: 125px; background: url(http://images.sure.com/images/misc/footerTile.jpg) top repeat-x; background-color: #FFF; clear: both; } #footer-box { margin: 0 auto; text-align: center; width: 779px; } #footer-box fieldset { border-bottom: 1px solid #CC9900; border-right: 0; border-left: 0; border-right: 0; border-top: 0; margin: 0; padding: 14px 0 8px 0; } #footer .search-box { width: 240px; } #nojs { padding-top: 4px; font-size: 11px; font-weight: bold; color: #FFFFFF; text-align: center; width: 100%; height: 21px; background-color: #d31145; } #nojs a { color: #FFFFFF; text-decoration: underline; } #tab-list { margin: 0; height: 31px; list-style: none; display: inline; overflow: hidden; } #tab-list li { margin: 0; padding: 0; list-style: none; display: inline; } #tab-list a { float: left; margin: 0; padding: 31px 0 0 0; overflow: hidden; height: 0px !important; height /**/:31px; /* for IE5/Win only */ } #tab-list a:hover { background-position: 0 -31px; } #tab-list a:active, #tab-list a.selected { background-position: 0 -62px; } /* TABS */ #tabs-competition a { width: 118px; background: url(../images/tabs/img_tabs_competition.gif) top left no-repeat; } #tabs-moreaboutsure a { width: 147px; background: url(../images/tabs/img_tabs_moreaboutsure.gif) top left no-repeat; } #tabs-blackberry a { width: 107px; background: url(../images/tabs/img_tabs_blackberry.gif) top left no-repeat; } #tab-list2 { margin: 0; height: 31px; list-style: none; display: inline; overflow: hidden; float: right; } #tab-list2 li { margin: 0; padding: 0; list-style: none; display: inline; } #tab-list2 a { float: left; margin: 0; padding: 31px 0 0 0; overflow: hidden; height: 0px !important; height /**/:31px; /* for IE5/Win only */ } #tab-list2 a:hover { background-position: 0 -31px; } #tab-list2 a:active, #toplevelnav a.selected { background-position: 0 -31px; } #tabs-login a { width: 62px; background: url(../images/tabs/img_tabs_login.gif) top left no-repeat; } /*Sub Navigation */ #subnav p { font-size: 12px; margin: 0 0 0 25px; padding: 0; } #subnav ul { font-size: 12px; margin: 0 0 0 25px; padding: 0; display: block; } #subnav li { margin: 0 0px 0 0; padding: 0 16px 0 0; display: inline; } .spacer { margin: 0 0px 0 0px; padding: 0 24px 0 0px; background: url(../images/header/img_spacer.gif) right no-repeat; } .spacer { height: 8px; } .spacer:last { background: none; } #subnav a { color: #333333; text-decoration: none; } #subnav a:link, a:active, a:visited { text-decoration: none; } #subnav a:hover { text-decoration: underline; } .subnav-selected { font-weight: bold; color: #cc9900; } /* Line styles */ .invisible { display: none; } /* Footer */ #footer-search { font-size: 14px; font-weight: bold; color: #FFFFFF; } #footer-search input { width: 250px; } #footer-box ul { padding-top: 6px; margin: 0; font-weight: bold; font-size: 12px; color: #FFFFFF; } #footer-box li { padding-right: 8px; display: inline; } #footer-box a { text-decoration: none; color: #FFFFFF; } #footer-box p { color: #FFFFFF; font-size: 11px; } .footer-box-alt { font-size: 11px; font-weight: normal; } .footer-spacer { padding: 0 14px 0 0px; background: url(../images/footer/img_divider_white.gif) right no-repeat; } /* Highlight colors */ .red-bold { font-weight: bold; color: red; } .surered-bold { font-weight: bold; color: #d31145; } /* Table */ th, td { font-size: 12px; color: #5e6062; line-height: 1.6em; } table.ImmTS_Default { padding: 0; margin-bottom: 15px; border-collapse: collapse; border-style: none; width: 100%; } table.ImmTS_Default th, table.ImmTS_Default td {padding: 0.3em; margin: 0.3em; } table.ImmTS_Default tbody th, table.ImmTS_Default td { border-style: solid; border-width: 0 0 1px 0; border-color: #cccccc; } table.ImmTS_Default caption { text-align: left; font-size: 12px; font-weight: bold; color: #d31145; padding-bottom: 8px; } table.ImmTS_Default th { font-weight: normal; color: #666666; text-align: left; } table.ImmTS_Default thead th { background: #999999; color: #fff; font-size: 12px; font-weight: bold; text-align: left; text-transform: uppercase; border-style: none; } table.ImmTS_Default tbody { color: #666666; text-align: left; } table.ImmTS_Default tbody th { background: transparent none; color: #666666; } table.ImmTS_Default tr { vertical-align: top; font-size: 11px; } table.ImmTS_Default thead th a:link, table.ImmTS_Default thead th a:visited, table.ImmTS_Default thead th a:hover, table.ImmTS_Default thead th a:active {background: transparent none; color: #fff; } table.ImmTS_Default tbody th a:link, table.ImmTS_Default tbody th a:visited { background: transparent none; color: #666666; } table.ImmTS_Default tbody th a:hover, table.ImmTS_Default tbody th a:active { background: transparent none; color: #000; } /* Lists */ #main-long ul { list-style: square; margin-left: 30px; margin-bottom: 15px; padding: 0; color: #5e6062; font-size: 12px; } #main-long ol { margin-left: 40px; margin-bottom: 15px; padding: 0; color: #5e6062; font-size: 12px; } #main-long li { line-height: 1.4em; } #main-long a { color: #5e6062; text-decoration: underline; } #main-long a:hover { color: #d31145; text-decoration: underline; } #main-long hr { margin: 0px 0px 10px 0px; } #main ul { list-style: square; margin-left: 30px; margin-bottom: 15px; padding: 0; color: #5e6062; font-size: 12px; } #main ol { margin-left: 30px; margin-bottom: 15px; padding: 0; color: #5e6062; font-size: 12px; } #main li { line-height: 1.4em; } #main a { color: #5e6062; text-decoration: underline; } #main a:hover { color: #d31145; text-decoration: underline; } h1, .Heading1 { font-family: Verdana, Arial, Sans-serif; font-size: 18px; color: #d31145; padding-bottom: 0px; margin: 0 0 5px 0; } h2, .Heading2 { font-family: Verdana, Arial, Sans-serif; font-size: 12px; color: #656367; margin: 0 0 0px 0; } h3, .Heading3 { font-family: Verdana, Arial, Sans-serif; font-size: 12px; font-weight: normal; color: #d89f17; margin: 0 0 0px 0; padding: 0; } h4, .Heading4 { font-family: Verdana, Arial, Sans-serif; font-size: 12px; color: #656367; margin: 0 0 0px 0; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1, .sIFR-hasFlash .Heading1 { visibility: hidden; } .sIFR-hasFlash h2, .sIFR-hasFlash .Heading2 { visibility: hidden; letter-spacing: -7px; font-size: 100%; } .sIFR-hasFlash h3, .sIFR-hasFlash .Heading3 { visibility: hidden; letter-spacing: -6px; font-size: 90%; margin-bottom: 0px; } /* .sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; } .sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; } */ .Heading1,H1 { } .Heading2,H2 { } .Heading3,H3 { font-family: Verdana, Arial, Sans-serif; font-size: 12px; font-weight: normal; color: #d89f17; margin: 0 0 0px 0; padding: 0; } .Normal,P { font-size: 12px; color: #5e6062; line-height: 1.6em; padding-bottom: 15px; display: block; } .small-text { color: #333333; font-size: 11px; padding: 0px 0 10px 0; } #main-body P { color: #5e6062; font-size: 12px; padding: 0px 0 10px 0; } ol { margin-left: 30px; margin-bottom: 15px; padding: 0; color: #5e6062; font-size: 12px; } ul { list-style: square; margin-left: 30px; margin-bottom: 15px; padding: 0; color: #5e6062; font-size: 12px; } li { line-height: 1.4em; } a { color: #5e6062; text-decoration: underline; } a:hover { color: #d31145; text-decoration: underline; } /* Register Forms */ form.register { font-size: 11px; } form.register fieldset { margin: 25px 0 25px 0; padding-bottom: 10px; border-top: 1px solid #e9e9e9; border-right: 0; border-left: 0; border-bottom: 0; background: url(../images/forms/img_bgpanel_grey.jpg) bottom no-repeat; float: left; width: 100%; } form.register legend { padding: 0px 0 0 0; _margin: 0 -7px; /* IE6 Win */ font-size: 12px; font-weight: bold; color: #5e6062; } form.register p { width: 575px; margin: 0; padding: 5px 0 15px 0; font-size: 12px; line-height: 1.3em; color: #5e6062; } form.register .register-txtbox { width: 270px; } form.register textarea { width: 415px; height: 75px; margin-bottom: 10px; } form.register ol { margin-left: 25px; list-style: none; } form.register ol { line-height: 2.0em; } .register dt { padding: 10px 0 10px 25px; font-weight: bold; color: #5e6062; width: 142px; float: left; } .register dd { color: #5e6062; padding: 10px 0 10px 0; background: url(../images/forms/img_divider_li.gif) repeat-x; margin-left: 167px; } /* Landing page */ .surelogo { position: relative; z-index: 10; } .cwlogo { width:779px; margin: 50px auto 30px auto; } .cwlogo img { padding-left: 10px; } #wrapper-content { margin-top: -130px; } h1.locations { color: #d89f17; font-size: 140%; text-align: right; } #wrapper-content h2.areYouAConsumerThenPickAnIsland { display: block; margin: 68px 0 0 100px; width: 443px; height: 25px; } #wrapper-content h3.areYouABusinessThenClickHere { display: block; margin: 47px 0 50px 90px; width: 424px; height: 74px; } #wrapper-content h3.areYouABusinessThenClickHere img { float: left; } #wrapper-content h3.areYouABusinessThenClickHere a { float: right; } #locations { background: transparent none scroll no-repeat left top; width: 540px; height: 172px; position: relative; left: 20px; margin-top: 27px; } #locations li { display: block; height: 172px; position: absolute; top: 0; left: 0; } #locations li a { display: block; background: transparent none scroll no-repeat left top; text-indent: -999em; width: 100%; height: 100%; } #locations li a:hover, #locations li a:active { background-image: url(../images/landing-page/red_pulse.gif); } #locations li#locations-gsy { background: transparent url(../images/landing-page/outline_gsy.gif) scroll no-repeat left top; width: 158px; } #locations li#locations-gsy a, #locations li#locations-gsy a { background-position: 63px 55px; } #locations li#locations-jsy { background: transparent url(../images/landing-page/outline_jsy.gif) scroll no-repeat 24px 8px; width: 246px; left: 158px; } #locations li#locations-jsy a, #locations li#locations-jsy a { background-position: 101px 43px; } #locations li#locations-iom { background: transparent url(../images/landing-page/outline_iom.gif) scroll no-repeat 24px 9px; width: 136px; left: 404px; } #locations li#locations-iom a, #locations li#locations-iom a { background-position: 72px 61px; } /* Pages with grey headings */ body.grey-headings #main h1, body.grey-headings #main .Heading1 { font-size: 190%; color: #5f6062; } body.grey-headings h1, body.grey-headings .Heading1 { font-family: Verdana, Arial, Sans-serif; font-size: 18px; color: #5f6062; padding-bottom: 0px; margin: 0 0 5px 0; }