/* for reddot smart edit mode */ .reddot { font-family: Arial, Verdana, Helvetica, Default; font-size: 10px; color: #FF0000; } BODY.tablecloth { background-color: #001744; } .header_purple { color: #032F7D; font-family: Arial; font-size:12px; text-decoration:none; line-height:12px; font-weight: bold; } .header_blue { color: #032F7D; font-family: Arial; font-size:12px; text-decoration:none; line-height:12px; font-weight: bold; } .header_corp { color: #032F7D; font-family: Arial; font-size:12px; text-decoration:none; line-height:12px; font-weight: bold; } .header_financial { color: #032F7D; font-family: Arial; font-size:12px; text-decoration:none; line-height:12px; font-weight: bold; } .header_datasite { color: #032F7D; font-family: Arial; font-size:12px; text-decoration:none; line-height:12px; font-weight: bold; } .header_bms { color: #032F7D; font-family: Arial; font-size:12px; text-decoration:none; line-height:12px; font-weight: bold; } .header_realty { color: #032F7D; font-family: Arial; font-size:12px; text-decoration:none; line-height:12px; font-weight: bold; } .header_commercialprint { color: #032F7D; font-family: Arial; font-size:12px; text-decoration:none; line-height:12px; font-weight: bold; } .header_merrillbrink { color: #032F7D; font-family: Arial; font-size:12px; text-decoration:none; line-height:12px; font-weight: bold; } .header { color: #E5DDCC; font-family: Arial; font-size: 16px; line-height: 20px; font-weight: bold; } .teaser { color: #FC9200; font-family: Arial; font-size: 16px; line-height: 16px; font-weight: bold; } .teaser2 { color: #FC9200; font-weight: bold; } .body { color: #000000; font-family: Arial; font-size: 12px; text-decoration: none; line-height: 12px; font-weight: none; } .sitemap { color: #5D2684; font-family: Arial; font-size: 12px; text-decoration: none; line-height: 12px; font-weight: bold; } .body_text_purple { color: #681989; font-family: Arial; font-size:9px; text-decoration:none; line-height:12px; font-weight: bold; } .body_text_blue { color: #4E6DB2; font-family: Arial; font-size:9px; text-decoration:none; line-height:12px; font-weight: bold; } .features { color: #FFFFFF; font-family: Arial; font-size:13px; text-decoration:none; line-height:14px; font-weight: none; } .mainnav { color : #FFFFFF; font-family : Arial; font-size : 10px; } SELECT { font-family : Arial; font-size: 10px; background-color: #FFFFFF; color: #000000; } INPUT { font-family : Arial; font-size: 10px; } td.leftnav_dropover { background-color : #707070; padding: 4px 10px 4px 10px; font-family: Arial; font-size:9px; text-decoration:none; line-height:9px; color : #FFFFFF; } td.mainnav_dropdown { background-color : #4C4C4C; padding: 2px 2px 4px 4px; font-family: Arial; font-size:9px; text-decoration:none; line-height:11px; color : #FFFFFF; } td.mainnav_dropdownTOP { padding: 2px 2px 4px 4px; font-family: Arial; font-size:9px; text-decoration:none; line-height:11px; color : #FFFFFF; } td.box_topright_home { background-color : #0075BA; padding: 8px 8px 8px 10px; font-family: Arial; font-size:10px; text-decoration:none; line-height:12px; color : #FFFFFF; } td.box_topright_home P { margin-top: 0px; margin-bottom: 6px; } td.box_topright_bar { background-color : #004d98; } td.box_topright { color: #FFFFFF; background-color: #0075BA; padding: 5px; font-family: Arial; font-size: 11px; font-weight: bold; line-height: 11px; padding-left: 10px; padding-right: 10px; } td.box_topright P { margin-top: 0px; margin-bottom: 6px; margin-left: 2px; } td.box_topright a:link { color: #ffffff; text-decoration: none; } td.box_topright a:visited { color: #ffffff; text-decoration: none; } td.box_topright a:active { color: #ffffff; text-decoration: none; } td.box_topright a:hover { color: #FC9200; text-decoration: none; } td.box_topright a.moreLink:link { color: #7BBCE6; font-size:11px; font-weight: bold; line-height:12px; text-decoration: none; } td.box_topright a.moreLink:visited { color: #7BBCE6; font-size:11px; font-weight: bold; line-height:12px; text-decoration: none; } td.box_topright a.moreLink:active { color: #7BBCE6; font-size:11px; font-weight: bold; line-height:12px; text-decoration: none; } td.box_topright a.moreLink:hover { color: #FC9200; font-size:11px; font-weight: bold; line-height:12px; text-decoration: none; } td.box_topright_sub_corp { background-color : #0075BA; padding: 5px; font-family: Arial; font-size:10px; text-decoration:none; line-height:12px; color : #FFFFFF; } td.box_topright_sub_corp P { margin-top: 0px; margin-bottom: 6px; } td.box_topright_sub_legal { background-color: #0075BA; padding: 5px; font-family: Arial; font-size:10px; text-decoration:none; line-height:12px; color : #FFFFFF; } td.box_topright_sub_legal P { margin-top: 0px; margin-bottom: 6px; } td.box_topright_sub_financial { background-color: #1B0C55; padding: 5px; font-family: Arial; font-size:10px; text-decoration:none; line-height:12px; color : #FFFFFF; } td.box_topright_sub_financial P { margin-top: 0px; margin-bottom: 6px; } td.box_topright_sub_datasite { background-color: #6A9913; padding: 5px; font-family: Arial; font-size:10px; text-decoration:none; line-height:12px; color : #FFFFFF; } td.box_topright_sub_datasite P { margin-top: 0px; margin-bottom: 6px; } td.box_topright_sub_bms { background-color: #56017A; padding: 5px; font-family: Arial; font-size:10px; text-decoration:none; line-height:12px; color : #FFFFFF; } td.box_topright_sub_bms P { margin-top: 0px; margin-bottom: 6px; } td.box_topright_sub_realty { background-color: #56017A; padding: 5px; font-family: Arial; font-size:10px; text-decoration:none; line-height:12px; color : #FFFFFF; } td.box_topright_sub_realty P { margin-top: 0px; margin-bottom: 6px; } td.box_topright_sub_commercialprint { background-color: #D21034; padding: 5px; font-family: Arial; font-size:10px; text-decoration:none; line-height:12px; color : #FFFFFF; } td.box_topright_sub_commercialprint P { margin-top: 0px; margin-bottom: 6px; } td.box_topright_sub_merrillbrink { background-color: #0067C6; padding: 5px; font-family: Arial; font-size:10px; text-decoration:none; line-height:12px; color : #FFFFFF; } td.box_topright_sub_merrillbrink P { margin-top: 0px; margin-bottom: 6px; } td.box_btmright { background-color : #FFFFFF; background-image: url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/Spotlight_bkgd.jpg'); background-repeat: no-repeat; padding-top: 39px; padding-bottom: 10px; padding-left: 12px; padding-right: 12px; font-family: Arial; font-size: 11px; text-decoration: none; line-height: 12px; color: #666666; } td.box_leftnav { background-color : #004D9B; } td.box_rightnav { background-color : #F1ECDF; color: #7F7F7F; } td.box_sections { background-image: url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/hp_bkgd_verticals.gif'); background-repeat: repeat-y; background-color: #ffffff; } td.box_vertical_1 { background-color: #ffffff; background-image: url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/LegalSolutions_off.jpg'); background-repeat: no-repeat; background-position: top; } td.box_vertical_2 { background-color: #ffffff; background-image: url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/MarketingCommunications_off.jpg'); background-repeat: no-repeat; background-position: top; } td.box_vertical_3 { background-color: #ffffff; background-image: url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/TransactionalCompliance_off.jpg'); background-repeat: no-repeat; background-position: top; } td.box_vertical_4 { background-image: url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/Merrill-Businesses_bttm.jpg'); background-repeat: no-repeat; background-position: top; } td.box_home { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px; font-family: Arial; font-size: 11px; text-decoration: none; line-height: 14px; color: #666666; } td.box_home .verticallink_header { color : #032F7D; font-size : 15px; font-weight: bold; line-height: 15px; text-decoration: none; } td.box_home .verticallink_header a:link { color : #032F7D; text-decoration: none; } td.box_home .verticallink_header a:visited { color: #032F7D; text-decoration: none; } td.box_home .verticallink_header a:active { color: #032F7D; text-decoration: none; } td.box_home .verticallink_header a:hover { color: #0075ba; text-decoration: none; } td.box_relatedLinks { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 14px; color: #666666; } td.box_relatedLinks a:link { color : #666666; text-decoration: none; } td.box_relatedLinks a:visited { color: #666666; text-decoration: none; } td.box_relatedLinks a:active { color: #666666; text-decoration: none; } td.box_relatedLinks a:hover { color: #0075ba; text-decoration: none; } a.titleLink:link { color: #FFFFFF; text-decoration: none; } a.titleLink:visited { color:#FFFFFF; text-decoration: none; } a.titleLink:active { color:#FFFFFF; text-decoration: none; } a.titleLink:hover { color:#FFFFFF; text-decoration: underline; } td.box_title { background-color: #004D9B; padding: 0px 5px 0px 5px; font-family: Arial; font-size:12px; font-weight:bold; color : #FFFFFF; } td.box_title a:link { color : #FFFFFF; text-decoration: none; } td.box_title a:visited { color: #FFFFFF; text-decoration: none; } td.box_title a:active { color: #FFFFFF; text-decoration: none; } td.box_title a:hover { color: #FFFFFF; text-decoration: underline; } td.box_title_legal { background-image : url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/legalbar.jpg'); padding: 0px 5px 0px 5px; font-family: Arial; font-size:12px; font-weight:bold; color : #FFFFFF; } td.box_title_legal a:link { color : #FFFFFF; text-decoration: none; } td.box_title_legal a:visited { color: #FFFFFF; text-decoration: none; } td.box_title_legal a:active { color: #FFFFFF; text-decoration: none; } td.box_title_legal a:hover { color: #FFFFFF; text-decoration: underline; } td.box_title_financial { background-image : url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/TitleBar-Financial.jpg'); padding: 0px 5px 0px 5px; font-family: Arial; font-size:12px; font-weight:bold; color : #FFFFFF; } td.box_title_financial a:link { color : #FFFFFF; text-decoration: none; } td.box_title_financial a:visited { color: #FFFFFF; text-decoration: none; } td.box_title_financial a:active { color: #FFFFFF; text-decoration: none; } td.box_title_financial a:hover { color: #FFFFFF; text-decoration: underline; } td.box_title_datasite { background-image : url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/TitleBar-DataSite.jpg'); padding: 0px 5px 0px 5px; font-family: Arial; font-size:12px; font-weight:bold; color : #FFFFFF; } td.box_title_datasite a:link { color : #FFFFFF; text-decoration: none; } td.box_title_datasite a:visited { color: #FFFFFF; text-decoration: none; } td.box_title_datasite a:active { color: #FFFFFF; text-decoration: none; } td.box_title_datasite a:hover { color: #FFFFFF; text-decoration: underline; } td.box_title_bms { background-image : url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/TitleBar-Brand.jpg'); padding: 0px 5px 0px 5px; font-family: Arial; font-size:12px; font-weight:bold; color : #FFFFFF; } td.box_title_bms a:link { color : #FFFFFF; text-decoration: none; } td.box_title_bms a:visited { color: #FFFFFF; text-decoration: none; } td.box_title_bms a:active { color: #FFFFFF; text-decoration: none; } td.box_title_bms a:hover { color: #FFFFFF; text-decoration: underline; } td.box_title_realty { background-image : url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/TitleBar-RealEstate.jpg'); padding: 0px 5px 0px 5px; font-family: Arial; font-size:12px; font-weight:bold; color : #FFFFFF; } td.box_title_realty a:link { color : #FFFFFF; text-decoration: none; } td.box_title_realty a:visited { color: #FFFFFF; text-decoration: none; } td.box_title_realty a:active { color: #FFFFFF; text-decoration: none; } td.box_title_realty a:hover { color: #FFFFFF; text-decoration: underline; } td.box_title_commercialprint { background-image : url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/TitleBar-Brand.jpg'); padding: 0px 5px 0px 5px; font-family: Arial; font-size:12px; font-weight:bold; color : #FFFFFF; } td.box_title_commercialprint a:link { color : #FFFFFF; text-decoration: none; } td.box_title_commercialprint a:visited { color: #FFFFFF; text-decoration: none; } td.box_title_commercialprint a:active { color: #FFFFFF; text-decoration: none; } td.box_title_commercialprint a:hover { color: #FFFFFF; text-decoration: underline; } td.box_title_merrillbrink { background-image : url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/hpbar.jpg'); padding: 0px 5px 0px 5px; font-family: Arial; font-size:12px; font-weight:bold; color : #FFFFFF; } td.box_title_merrillbrink a:link { color : #FFFFFF; text-decoration: none; } td.box_title_merrillbrink a:visited { color: #FFFFFF; text-decoration: none; } td.box_title_merrillbrink a:active { color: #FFFFFF; text-decoration: none; } td.box_title_merrillbrink a:hover { color: #FFFFFF; text-decoration: underline; } td.box_title_corp { background-image : url('/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/hpbar.jpg'); padding: 0px 5px 0px 5px; font-family: Arial; font-size:12px; font-weight:bold; color : #FFFFFF; } td.box_title_corp a:link { color : #FFFFFF; text-decoration: none; } td.box_title_corp a:visited { color: #FFFFFF; text-decoration: none; } td.box_title_corp a:active { color: #FFFFFF; text-decoration: none; } td.box_title_corp a:hover { color: #FFFFFF; text-decoration: underline; } .box_link a:hover{ font-family: Arial; font-size:12px; font-weight:bold; color : #FFFFFF; text-decoration:underline; } .box_link { font-family: Arial; font-size:12px; font-weight:bold; color : #FFFFFF; text-decoration:none; } td.box_businesses { background-color : #000000; padding: 0px 0px 0px 0px; } td.box_businesses2 { background-color : #000000; padding: 0px 0px 0px 0px; } td.content { padding: 3px 8px 5px 10px; font-family: Arial; font-size: 12px; color: #000000; } td.content H2 { color: #000000; font-family: Arial; font-size: 13px; line-height: 12px; font-weight: bold; margin-bottom: 2px; } td.content p { margin-top: 0px; margin-bottom: 14px; } TD.content UL { MARGIN-TOP: 0px; MARGIN-bottom: 14px; } TD.content OL { MARGIN-TOP: 0px; MARGIN-bottom: 5px; } TD.content LI { MARGIN-TOP: 0.2em; LIST-STYLE-IMAGE: url(/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/bullet.gif); MARGIN-LEFT: -20px; margin-bottom: 5px; } td.content td.greytext { color: #6c6c6c; font-family: Arial; font-size: 12px; } td.content td.greytextTitle { color: #E5DDCC; font-family: Arial; font-size: 14px; font-weight: bold; padding-top: 8px; padding-bottom: 4px; } td.content td { padding: -10px; font-family: Arial; font-size: 12px; color: #000000; } td.content a:link { color: #032F7D; text-decoration: none; } td.content a:visited { color: #032F7D; text-decoration: none; } td.content a:active { color: #032F7D; text-decoration: none; } td.content a:hover { color: #0075ba; text-decoration: none; } TABLE.keybenefits { border-left: 1px solid #e9e9e9; margin-left: 10px; margin-bottom: 10px; } TABLE.keybenefits H2 { color: #A7A9AC; font-family: Arial; font-size: 16px; line-height: 16px; font-weight: bold; margin-bottom: 2px; } TABLE.keybenefits UL { MARGIN-TOP: 14px; MARGIN-bottom: 0px; } TABLE.keybenefits LI { color: #3F225C; MARGIN-TOP: 0.2em; LIST-STYLE-IMAGE: url(/cps/rde/xbcr/SID-0661F5D5-A8BA8ED4/merrillcorp/bullet_grey.gif); MARGIN-LEFT: -22px; margin-bottom: 14px; } table.event td { padding-right: 10px; font-family: Arial; font-size: 12px; color : #000000; } table.news td { padding-right: 10px; font-family: Arial; font-size: 12px; color : #000000; } table.embeddedtable td { padding-right: 10px; font-family: Arial; font-size: 12px; color : #000000; } tr.leftnav_on { background-color: #003366; padding: 5px 1px 4px 5px; color: #FC9200; font-family: Arial; font-size: 11px; line-height: 12px; cursor: hand; } tr.leftnav_on a:link { color: #FC9200; text-decoration: none; } tr.leftnav_on a:visited { color: #FC9200; text-decoration: none; } tr.leftnav_on a:active { color: #FC9200; text-decoration: none; } tr.leftnav_on a:hover { color: #FC9200; text-decoration: none; } tr.leftnav_off { background-color : #004D9B; padding: 5px 1px 4px 5px; color: #FFFFFF; font-family: Arial; font-size: 11px; line-height: 12px; cursor: hand; } tr.leftnav_off a:link { color: #FFFFFF; text-decoration: none; } tr.leftnav_off a:visited { color: #FFFFFF; text-decoration: none; } tr.leftnav_off a:active { color: #FFFFFF; text-decoration: none; } tr.leftnav_off a:hover { color: #FC9200; text-decoration: none; } tr.leftnavsub_on { background-color : #0B2241; padding: 5px 1px 4px 12px; color: #FFFFFF; font-family: Arial; font-size: 11px; line-height: 12px; cursor: hand; } tr.leftnavsub_on a:link { color: #FFFFFF; text-decoration: none; } tr.leftnavsub_on a:visited { color: #FFFFFF; text-decoration: none; } tr.leftnavsub_on a:active { color: #FFFFFF; text-decoration: none; } tr.leftnavsub_on a:hover { color: #FFFFFF; text-decoration: none; } tr.leftnavsub_off { background-color : #003366; padding: 5px 1px 4px 12px; color: #FFFFFF; font-family: Arial; font-size: 11px; line-height: 12px; } tr.leftnavsub_off a:link { color: #FFFFFF; text-decoration: none; } tr.leftnavsub_off a:visited { color: #FFFFFF; text-decoration: none; } tr.leftnavsub_off a:active { color: #FFFFFF; text-decoration: none; } tr.leftnavsub_off a:hover { color: #FFFFFF; text-decoration: none; } a.mainnavlink:link { color : #FFFFFF; font-family : Arial; font-size : 10px; text-decoration: none; } a.mainnavlink:visited { color: #FFFFFF; font-family : Arial; font-size : 10px; text-decoration: none; } a.mainnavlink:active { color: #FFFFFF; font-family : Arial; font-size : 10px; text-decoration: none; } a.mainnavlink:hover { color: #FFFFFF; font-family : Arial; font-size : 10px; text-decoration: underline; } a.leftnavlink:link { color : #FFFFFF; text-decoration: none; } a.leftnavlink:visited { color: #FFFFFF; text-decoration: none; } a.leftnavlink:active { color: #FFFFFF; text-decoration: none; } a.leftnavlink:hover { color: #FFFFFF; text-decoration: none; } .featureslink_header { font-size : 12px; font-weight: bold; line-height: 12px; } a.featureslink:link { color : #FFFFFF; font-family : Arial; font-size : 11px; text-decoration: none; padding-bottom: 6px; } a.featureslink:visited { color: #FFFFFF; font-family : Arial; font-size : 11px; text-decoration: none; padding-bottom: 6px; } a.featureslink:active { color: #FFFFFF; font-family : Arial; font-size : 11px; text-decoration: none; padding-bottom: 6px; } a.featureslink:hover { color: #000000; font-family : Arial; font-size : 11px; text-decoration: none; padding-bottom: 6px; } .blacklink_header { font-size : 14px; font-weight: bold; line-height: 14px; } a.blacklink:link { color : #666666; font-family : Arial; font-size : 11px; text-decoration: none; } a.blacklink:visited { color: #666666; font-family : Arial; font-size : 11px; text-decoration: none; } a.blacklink:active { color: #666666; font-family : Arial; font-size : 11px; text-decoration: none; } a.blacklink:hover { color: #0075ba; font-family : Arial; font-size : 11px; text-decoration: none; } td.box_crosslinks { padding-left: 10px; padding-right: 10px; } td.box_crosslinks P { color : #7F7F7F; font-family: Arial; font-size: 11px; line-height: 14px; margin-left: 2px; margin-top: 0px; margin-bottom: 4px; } td.box_crosslinks a:link { color : #032F7D; text-decoration: none; } td.box_crosslinks a:visited { color: #032F7D; text-decoration: none; } td.box_crosslinks a:active { color: #032F7D; text-decoration: none; } td.box_crosslinks a:hover { color: #0075ba; text-decoration: none; } td.box_contactus { padding-left: 10px; padding-right: 10px; } td.box_contactus P { color : #7F7F7F; font-family: Arial; font-size: 11px; font-weight: normal; line-height: 13px; margin-left: 2px; margin-top: 13px; margin-bottom: 0px; } td.box_contactus a:link { color : #032F7D; text-decoration: none; } td.box_contactus a:visited { color: #032F7D; text-decoration: none; } td.box_contactus a:active { color: #032F7D; text-decoration: none; } td.box_contactus a:hover { color: #0075ba; text-decoration: none; } .footer { color : #7A7A7A; font-family : Arial; font-size : 10px; } .footer a:link { color : #6c6c6c; text-decoration: none; } .footer a:visited { color: #6c6c6c; text-decoration: none; } .footer a:active { color: #032F7D; text-decoration: none; } .footer a:hover { color: #0075ba; text-decoration: none; } .breadcrumb { color : #7A7A7A; font-family : Arial; font-size : 10px; } .breadcrumb a:link { color : #032F7D; text-decoration: none; } .breadcrumb a:visited { color : #032F7D; text-decoration: none; } .breadcrumb a:active { color: #032F7D; text-decoration: none; } .breadcrumb a:hover { color: #0075ba; text-decoration: none; } TABLE.locationTable TD { padding-bottom: 8px; } /* ------ Basic style ------ */ #menu { /* height: ??; Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu */ display: block; } #menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; margin-right: 5px; margin-left: 0px; width: 100%; } #menu li { margin: 0; padding-left: 15px; padding-right: 15px; border-left: 1px solid #004D9B; border-right: 1px solid #004D9B; display: block; float: right; position: relative; } #menu ul li ul li{ margin: 0; padding-left: 15px; padding-right: 15px; border: 0; display: block; float: left; position: relative; } #menu a { display: block; } * html #menu li a { position: relative;/* Fix IE6's inability to expand clickable area */ } #menu li ul { visibility: hidden; position: absolute; z-index: 10; } /* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */ html>body #menu li ul { display: none; } #menu li li { width: 100%; } /* fix the position */ #menu li li ul { top: 0; left: -5; } /* simulate child selector for IE */ div#menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul { visibility: visible; } div#menu li:hover li ul, #menu li:hover li:hover li ul, #menu li:hover li:hover li:hover li ul { visibility: hidden; } /* do the normal show, with increased specificity, for good browsers */ #menu ul#menuList li:hover>ul { display: block; visibility: visible; } /* ------ Make-up -------- */ #menu { font-family: arial, sans-serif; font-size: 11px; color: #ffffff; background-color: #004D9B; height: 17px;/* Height mentioned above */ } #menu li:hover { background-color: #003366; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } #menu a { text-decoration: none; text-align: center; color: #ffffff; padding-top: 3px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; } #menu a:hover { color: #3391c8; text-decoration: none; } #menu li ul#psmenu { color: #ffffff; background-color: #003366; border: 1px solid #ffffff; font-size: 10px; line-height: 12px; width: 221px; left: -1px; text-align: left; /* ---- transparency test filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; ---- */ } #menu li ul#psmenu a { color: #ffffff; text-align: left; } #menu li ul#psmenu a:hover { color: #ffffff; text-align: left; } #menu li ul#psmenu li:hover { color: #ffffff; border: 0; background-color: #0B2241; } #menu li ul#cumenu { color: #ffffff; background-color: #003366; border: 1px solid #ffffff; font-size: 10px; line-height: 12px; width: 173px; left: -1px; text-align: left; } #menu li ul#cumenu a { color: #ffffff; text-align: left; } #menu li ul#cumenu a:hover { color: #ffffff; text-align: left; } #menu li ul#cumenu li:hover { color: #ffffff; border: 0; background-color: #0B2241; } #menu li ul#aumenu { color: #ffffff; background-color: #003366; border: 1px solid #ffffff; font-size: 10px; line-height: 12px; width: 124px; left: -1px; text-align: left; } #menu li ul#aumenu a { color: #ffffff; text-align: left; } #menu li ul#aumenu a:hover { color: #ffffff; text-align: left; } #menu li ul#aumenu li:hover { color: #ffffff; border: 0; background-color: #0B2241; } #menu li ul#cmenu { color: #ffffff; background-color: #003366; border: 1px solid #ffffff; font-size: 10px; line-height: 12px; width: 127px; left: -1px; text-align: left; } #menu li ul#cmenu a { color: #ffffff; text-align: left; } #menu li ul#cmenu a:hover { color: #ffffff; text-align: left; } #menu li ul#cmenu li:hover { color: #ffffff; border: 0; background-color: #0B2241; } #menu li ul#ismenu { color: #ffffff; background-color: #003366; border: 1px solid #ffffff; font-size: 10px; line-height: 12px; width: 194px; left: -1px; text-align: left; } #menu li ul#ismenu a { color: #ffffff; text-align: left; } #menu li ul#ismenu a:hover { color: #ffffff; text-align: left; } #menu li ul#ismenu li:hover { color: #ffffff; border: 0; background-color: #0B2241; } /* business unit dropdown */ /* ------ Basic style ------ */ #bumenu { /* height: ??; Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu */ display: block; } #bumenu ul { margin: 0; padding: 0; border: 0; list-style-type: none; margin-right: 0px; margin-left: 0px; width: 100%; } #bumenu li { margin: 0; padding-left: 20px; padding-right: 20px; display: block; float: right; position: relative; } #bumenu ul li ul li{ margin: 0; padding-left: 20px; padding-right: 20px; border: 0; display: block; float: left; position: relative; } #bumenu a { display: block; } * html #bumenu li a { position: relative;/* Fix IE6's inability to expand clickable area */ } #bumenu li ul { visibility: hidden; position: absolute; z-index: 9; } /* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */ html>body #bumenu li ul { display: none; } #bumenu li li { width: 100%; } /* fix the position */ #bumenu li li ul { top: 0; left: 100%; } /* simulate child selector for IE */ div#bumenu li:hover ul, #bumenu li:hover li:hover ul, #bumenu li:hover li:hover li:hover ul { visibility: visible; } div#bumenu li:hover li ul, #bumenu li:hover li:hover li ul, #bumenu li:hover li:hover li:hover li ul { visibility: hidden; } /* do the normal show, with increased specificity, for good browsers */ #bumenu ul#bumenuList li:hover>ul { display: block; visibility: visible; } /* ------ Make-up -------- */ #bumenu { font-family: arial, sans-serif; font-size: 11px; color: #ffffff; background-color: #000000; height: 17px;/* Height mentioned above */ } #bumenu li:hover { background-color: #004D9B; } ps#bumenu a { text-decoration: none; text-align: center; color: #ffffff; padding-top: 3px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; } #bumenu a:hover { color: #ffffff; text-decoration: none; } #bumenu li ul { color: #ffffff; background-color: #003366; border: 1px solid #ffffff; font-size: 11px; line-height: 12px; width: 183px; top:19px; left: -1px; } #bumenu li ul a { text-align: left; } #busubmenu li:hover { background-color: #004D9B; }