body { width: 925px; min-width: 925px; margin: 0 auto; } #stage { width: auto; } /* tier1 */ .tier1 ol { margin: 0; padding: 0; list-style: none; position: relative; } .tier1 ol li { padding: 0; margin: 0; height: 40px; background-repeat: no-repeat; background-position: 0 0; } .t1-ad, .t1-nav { z-index: 1; height: 195px; position: absolute; } .selected .t1-ad, .selected .t1-nav { z-index: 2; } .t1-nav, .t1-ad { visibility: hidden; } .selected .t1-nav, .selected .t1-ad { visibility: visible; } body.ie6 .tier1 li, body.ie7 .tier1 li { margin-bottom: -2px; } body.ie7 .t1-nav, body.ie7 .t1-ad { visibility: visible;} /* t1 role buttons (member, non-members, employers, providers) */ .t1-blank { height: 35px !important; background: #CCBEAB url(../images/homepage/lnav_top.png) no-repeat 0 0; } .t1-button { cursor: pointer; outline: none; text-indent: -1000px; width: 149px; height: 40px; display: block; background-repeat: no-repeat; background-position: 0 0;} .selected .t1-button { cursor: default; } #members, #guests, #employers, #providers { background-color: #CCBEAB; background-position: -200px -200px; background-repeat: no-repeat; } #members .t1-button { background-image: url(../images/homepage/lnav_members_out.png); } #members, #members.selected .t1-button { background-image: url(../images/homepage/lnav_members_selected.png); } #guests .t1-button { background-image: url(../images/homepage/lnav_guests_out.png); } #guests, #guests.selected .t1-button { background-image: url(../images/homepage/lnav_guests_selected.png); } #employers .t1-button { background-image: url(../images/homepage/lnav_employers_out.png); } #employers, #employers.selected .t1-button { background-image: url(../images/homepage/lnav_employers_selected.png); } #providers .t1-button { background-image: url(../images/homepage/lnav_providers_out.png); } #providers, #providers.selected .t1-button { background-image: url(../images/homepage/lnav_providers_selected.png); } /* tier1 nav styles (list of links to right of role buttons) */ .t1-nav { width: 151px; top: 0; left: 149px; background: url(../images/homepage/subnav_bg.png) no-repeat 0 0; z-index: 0; } .t1-nav h3 { color: #FFF; font-weight: normal; margin: 25px 0 0 8px; } .t1-nav ul { margin: 0; width: 60px; padding: 0; list-style-type: disc; color: #FFF; } .t1-nav ul li { padding: 1px 0; height: auto; margin: 0 0 0 20px; } .t1-nav a { background: none !important; text-indent: 0; display: inline; color: #FFF; cursor: pointer; } .t1-nav a:visited { color: #FFF; } .t1-nav a:hover { color: #F7941D; } body.ie6 .t1-nav h3, body.ie7 .t1-nav h3 { font-size: 100%; } body.ie6 .t1-nav ul, body.ie7 .t1-nav ul { margin-left: 3px; } /* tier1 ad styles (banner image w/ links to right of tier1 nav) */ .t1-ad { width: 605px; top: 0; right: 0; } .t1-ad h3 { text-indent: -9999px; } .t1-ad a { color: #FFF; font-size: 130%; font-weight: bold;} .t1-ad a:visited { color: #FFF; } .t1-ad a:hover { color: #F7941D; } .t1-ad ul { position: absolute; list-style-type: disc; color: #FFF; } .t1-ad ul li { margin: 0 0 0.5em 2em !important; height: auto; } #members .t1-ad { background-image: url(../images/homepage/roles_members.jpg); } #members .t1-ad ul { top: 40px; left: 195px; list-style: none; outline: none; } #members .t1-ad ul li.memberlogin { position: absolute; left: 50px; top: 14px; width: 150px; height: 40px; } #members .t1-ad ul li.memberlearnmore { position: absolute; left: -190px; top: 40px; width: 100px; height: 15px; } #members .t1-ad li a { left: 0px; width: 200px; height: 50px; position: absolute; cursor: pointer; text-indent: -99999px; } #members .t1-ad .members { top: 10px; } #members .t1-ad .guests { top: 70px; height: 30px; } #members .t1-ad .learn { top: 106px; height: 30px; } #members p { color: #FFF; position: absolute; top: 80px; left: 210px; width: 180px; } #guests .t1-ad { background-image: url(../images/homepage/roles_guests.jpg); } #guests .t1-ad ul { top: 90px; left: 325px; list-style: none; } #guests .t1-ad ul a { height: 30px; display: block; width: 200px; text-indent: -99999px; } #employers .t1-ad { background-image: url(../images/homepage/roles_employers.jpg); } #employers .t1-ad ul { top: 90px; left: 323px; list-style: none; } #employers .t1-ad ul a { height: 30px; display: block; width: 200px; text-indent: -99999px; } #providers .t1-ad { background-image: url(../images/homepage/roles_providers.jpg); } #providers .t1-ad ul { top: 90px; left: 323px; list-style: none; } #providers .t1-ad ul a { height: 30px; display: block; width: 200px; text-indent: -99999px; } /* login box (positioned over tier1 ad on homepage) */ .homelogin { width: 179px; height: 160px; position: absolute; top: 35px; left: 0px; background: url(../images/loading_circle.gif) no-repeat 50% 50%; } .homelogin iframe { width: 179px; height: 160px; } .homepage .homelogin { position: absolute; left: 425px; top: 0; } /* ad1 - 'tier1' buttons */ .btn_ad { width: 508px; height: 144px; position: absolute; left: 9px; top: 5px; } .btn_ad ul, .btn_ad li { list-style: none; padding: 0; margin: 0; } .btn_ad li { float: left; padding-right: 5px; } /* kb alert button on homepage */ .kbalert, .kbalert:link, .kbalert:visited { background: url(/flash/tier1/landing/notice.jpg) no-repeat 0 0; width: 226px; height: 37px; display: block; padding: 30px 10px 5px 10px; text-decoration: none; color: #000; } .kbalert:hover { text-decoration: none; color: #000; } /* ad3 - rotating ad */ .rot_ad { right: 5px; width: 388px; height: 150px; clear: both; } .rot_ad h2 { margin-left: -10000em; position: absolute; display: inline; } /* tier 2 */ .tier2 { width: 905px; height: 175px; position: relative; background: url(../images/homepage/wood_bg.jpg) no-repeat 0 0; } .tier2 .ad { position: absolute; top: 15px; } /* tier 3 links */ .tier3 ul { width: 49%; float: right; height: auto; } .tier3 li { list-style: none; padding-left: 10px; background: url(../images/double_arrow_black.gif) no-repeat 0 50%; }