/************************************************************/ /* Theme: Layout & Navigation Styles Zurich.com */ /* Browser: IE 5+ & NS 6+ */ /* Platform: Windows */ /* Author: Ludmila Kukal / Gerhard Schauer */ /* Created: 29/11/2003 */ /* Last Modified: 17/11/2007 */ /* By: Ludmila Kukal */ /************************************************************/ /************************************************************/ /* General Styles for Layout */ /************************************************************/ #header ,#Header__ctl0_SiteNavigation1_tabNav, #Header__ctl0_SiteNavigation1_tabNav {margin: 0px 10px; width: 910px; vertical-align: top;} #imageryArea .imageryLeft img {margin-left: 10px;margin-bottom: 10px;} #imageryArea .imageryRight img {margin-left: 0px;margin-bottom: 10px;} #imageryArea {margin: 0px 10px 0px 10px;width: 910px;vertical-align: top;} #imageryArea td {background-color: #E6E9E8;} #contentArea { margin: 0px 10px 0px 10px; width: 910px; min-height:298px; background-color: #E6E9E8; } #contentArea td {vertical-align: top;} #mainContent {padding: 0px 10px;} #relContent {margin: 0; width: 187px;} #head td, #primaryNav td, #strapline td {text-align: left;} .hidden {display:none;} /* MAXX styles */ #contentBackground2 {background-color:#fff;margin-left:10px;} #contentBackground2 .contentCornerTopLeft {background:url('/zurich_global2/zurich_template/images/rebrand/content_corner_top_left.gif') top left no-repeat;overflow:hidden;height:10px !important;} #contentBackground2 .contentCornerTopRight {background:url('/zurich_global2/zurich_template/images/rebrand/content_corner_top_right.gif') top right no-repeat;overflow:hidden;height:10px !important;} #contentBackground2 div .contentCornerTopRight {float:right;background: #fff;display:inline;} #contentBackground {background-color:#fff;margin-left:10px;} #contentBackground .contentCornerBottomLeft {background:url('/zurich_global2/zurich_template/images/rebrand/content_corner_bottom_left.gif') bottom left no-repeat;} #contentBackground .contentCornerBottomRight {background:url('/zurich_global2/zurich_template/images/rebrand/content_corner_bottom_right.gif') bottom right no-repeat;} #contentBackground div contentCornerBottomRight {float:right;background: #fff;} /* MCMS styles */ #tblMainContent {background-color:#fff;margin-left:10px;} #tblMainContent .contentCornerBottomLeft {background:url('/zurich_global2/zurich_template/images/rebrand/content_corner_bottom_left.gif') bottom left no-repeat;} #tblMainContent .contentCornerBottomRight {background:url('/zurich_global2/zurich_template/images/rebrand/content_corner_bottom_right.gif') bottom right no-repeat;} #tblMainContent div contentCornerBottomRight {float:right;background: #fff;} /************************************************************/ /* General Styles for all Navigation Levels */ /************************************************************/ #header a, #header span, #serviceNavTable .active, .languageBg a, languageBg td, #primaryNavigation a, #primaryNavigation span, #secondNavigation a, #secondNavigation span, #breadCrumb, #breadCrumb a, #breadCrumb span, #Footer__ctl0_footer a, #Footer__ctl0_footer span {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 68%;} body { background-color: #fff; margin:0px; padding:0px; text-align: center; } /************************************************************/ /* MCMS Template */ /************************************************************/ .skiplink {display:none;} /************************************************************/ /* Header Navigation */ /************************************************************/ #header form {margin-top: 0px; margin-bottom: 0px;} #zurichLogo td {vertical-align: bottom !important;} #descriptor {border: 0px; margin: 0px; vertical-align:bottom;} div.centerLayout{margin: 0px auto;text-align: left;width: 910px;} #Header__ctl0_GlobalLinks_specialLink, #serviceNavTable {float: right;text-align: right;vertical-align: middle;margin-right:5px;} #serviceNavTable label, #serviceNavTable select {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:70%;} #header .text, #login .text { color: #000; background-color: #fff; border: 1px solid #89b; font-size: 11px; height: 16px; } #header .button, #login .button{ color: #fff; border: 0; font-size: 11px; padding: 1px 2px 1px 2px; margin-left: 1px; margin-bottom:0px; height: 16px; cursor : pointer; background: url(/zurich_global2/zurich_template/images/rebrand/button_search.gif); width:57px; height:20px; } #searchForm td, .nowrap td {white-space: nowrap;} #Header__ctl0_GlobalLinks_specialLink a { padding-top: 3px; vertical-align: middle; color: #039; background-color: #fff; } #serviceNavTable td.languageBg { height: 19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 68%; } #serviceNavTable span.active {color: #000;font-weight:bold;font-size:100%;} /************************************************************/ /* Primary Navigation */ /************************************************************/ .tabNormal, .tabSelected { font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; } .tabNormal a:link, .tabNormal a:visited, .tabNormal a:active, .tabSelected a:link, .tabSelected a:visited, .tabSelected a:active { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } /*.tabSelected {background-color: #eed;} .tabRow, .tabNormal {background-color: #039;} */ .tabNormal a:link, .tabNormal a:visited, .tabNormal a:active, .tabNormal a:hover {color: #fff;} .tabSelected a, .tabSelected a:link, .tabSelected a:visited, .tabSelected a:active, .tabSelected a:hover {color: #000;font-weight:bold !important;} /************************************************************/ /* MAXX design - new styles */ /************************************************************/ #Header__ctl0_SiteNavigation1_tabNav {width:910px;} #Header__ctl0_SiteNavigation1_tabNav tr {margin:0;} #Header__ctl0_SiteNavigation1_tabNav td { background: #003399 url(/zurich_global2/zurich_template/images/rebrand/left.gif) no-repeat left top; margin:0; padding:0 0 0 3px; } div .imageryLeft{padding-left:10px;padding-bottom:5px;float:left;} div .imageryRight{padding-right:10px;margin-bottom:5px;float:right;display:inline;} td.imageryLeft {padding-left:10px;margin:0px;float:none;} td.imageryRight {padding-right:10px;} #Header__ctl0_SiteNavigation1_tabNav a, #Header__ctl0_SiteNavigation1_tabNav span { float:left; display:block; background:url(/zurich_global2/zurich_template/images/rebrand/right.gif) no-repeat right top; padding:5px 10px 4px 6px; margin-bottom:0px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #Header__ctl0_SiteNavigation1_tabNav a, span {float:none;} #Header__ctl0_SiteNavigation1_tabNav .tabSelected {background: #E6E9E8 url(/zurich_global2/zurich_template/images/rebrand/left_on.gif) no-repeat} #Header__ctl0_SiteNavigation1_tabNav .tabSelected a { background-color:#E6E9E8; background: #E6E9E8 url(/zurich_global2/zurich_template/images/rebrand/right_on.gif) no-repeat top right; padding-bottom:5px; } #Header__ctl0_SiteNavigation1_tabNav .navSeperator { background-image:url("/zurich_global2/zurich_template/images/rebrand/cp_navSep.gif"); padding: 0px; } #Header__ctl0_SiteNavigation1_tabNav .tabBg {background-color: #E6E9E8; background-image:url("/zurich_global2/zurich_template/images/rebrand/cp.gif");} /************************************************************/ /* Left Navigation */ /************************************************************/ #Leftnavigation_leftNav tr.leftNavBg1, #Leftnavigation_leftNav tr.leftNavBg2 {height: 20px; width: 160px;} #Leftnavigation_leftNav td {vertical-align: top;} #Leftnavigation_leftNav .leftNavBg1 {background-color: #608CC8;} #Leftnavigation_leftNav .navTextFirst {background: #608CC8 url("/zurich_global2/zurich_template/images/rebrand/right_leftNav_first.gif") no-repeat right top;} #Leftnavigation_leftNav .navTextLast {background: #608CC8 url("/zurich_global2/zurich_template/images/rebrand/right_leftNav_last.gif") no-repeat right bottom; margin: 0px !important;} #Leftnavigation_leftNav .navTextLast2 {background: #F0F3F8 url("/zurich_global2/zurich_template/images/rebrand/right_leftNav2_last.gif") no-repeat right bottom; margin: 0px !important;} #Leftnavigation_leftNav .navTextLast3 {background: #fff url("/zurich_global2/zurich_template/images/rebrand/right_leftNav3_last.gif") no-repeat right bottom; margin: 0px !important;} #Leftnavigation_leftNav .leftNavBg2 {background-color: #F0F3F8;} #Leftnavigation_leftNav .leftNavBg3 {background-color: #FFF;} #Leftnavigation_leftNav .leftNavBg1 a {color: #fff;} #Leftnavigation_leftNav .leftNavBg2 a, #Leftnavigation_leftNav .leftNavBg3 a {color: #000;} #Leftnavigation_leftNav .navText, #Leftnavigation_leftNav .navTextSelected, #Leftnavigation_leftNav .navTextFirst, #Leftnavigation_leftNav .navTextLast, #Leftnavigation_leftNav .navTextLast2, #Leftnavigation_leftNav .navTextLast3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 82%; line-height: 130%; vertical-align: middle; padding-right:5px; } #Leftnavigation_leftNav .navTextSelected {text-decoration: none;} .leftNavBg1 a.navText:link, .leftNavBg1 a.navText:visited, .leftNavBg1 a.navText:active {text-decoration: none;} .leftNavBg2 a.navText:link, .leftNavBg2 a.navText:visited, .leftNavBg2 a.navText:active {text-decoration: none;} .leftNavBg3 a.navText:link, .leftNavBg3 a.navText:visited, .leftNavBg3 a.navText:active {text-decoration: none;} .leftNavBg1 a.navText:hover, .leftNavBg2 a.navText:hover, .leftNavBg3 a.navText:hover {text-decoration: underline;} .leftNavBg {background-color: #E6E9E8; height: 100%; width: 180px;} /************************************************************/ /* Breadcrumb Navigation */ /************************************************************/ #breadCrumb a:link, #breadCrumb a:visited, #breadCrumb a:active {color: #039; text-decoration: underline;font-size:100%;} #breadCrumb { vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; line-height: 130%; padding: 0px 0px 0px 20px; margin-left: 0px !important; height: 20px; float:left; } /************************************************************/ /* Footer Navigation */ /************************************************************/ #Footer__ctl0_footer { margin: 0px 10px 0px 10px; padding: 5px 10px 25px 10px; background-color: #fff; text-align: right; vertical-align: middle; } #Footer__ctl0_footer a:link, #Footer__ctl0_footer a:visited, #Footer__ctl0_footer a:active { color: #039; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; text-decoration: none; } #Footer__ctl0_footer .copyright {color: #666;} #Footer__ctl0_footer img {margin:0px 5px;} #Footer__ctl0_footer td {height: 20px;} #Footer__ctl0_footer .activ {font-weight: bold;} /************************************************************/ /* Common Navigation Styles */ /************************************************************/ .navSeperator {background-color: #fff;} .navTextSelected {font-weight: bold;} #serviceNavTable a.language:link, a.language:visited, a.language:hover {color: #039;font-size:100% !important;} a.priNav:link, a.secNav:link, a.secNavSelected:link, a.thirdNav:link, a.thirdNavSelected:link, a.fourthNav:link, a.language:link, #Footer__ctl0_footer a:link, #Header__ctl0_GlobalLinks_specialLink a:link, #serviceNavTable a:link, a.priNav:visited, a.secNav:visited, a.secNavSelected:visited, a.thirdNav:visited, a.thirdNavSelected:visited, a.fourthNav:visited, a.language:visited, #Footer__ctl0_footer a:visited, #Header__ctl0_GlobalLinks_specialLink a:visited, #serviceNavTable a:visited {text-decoration: none;} a.priNav:hover, a.secNav:hover, a.secNavSelected:hover, a.thirdNav:hover, a.thirdNavSelected:hover, a.fourthNav:hover, a.language:hover, #Footer__ctl0_footer a:hover, #Header__ctl0_GlobalLinks_specialLink a:hover, #serviceNavTable a:hover, A.tabNormal:hover, A.tabSelected:hover, #strapline a:hover, #Footer__ctl0_footer a:hover {text-decoration: underline;} /************************************************************/ /* Common Left Hand Navigation Styles */ /************************************************************/ #Leftnavigation_leftNav {width:180px! important;} #Leftnavigation_leftNav .navTopSpacer {display:none! important;} #Leftnavigation_leftNav .rowPadding {display:none! important;} #Leftnavigation_leftNav .navFirstRightBorder { background:#608CC8 url(/zurich_global2/zurich_template/images/rebrand/right_leftNav_first.gif) no-repeat scroll right top! important;MARGIN: 0px! important; } #Leftnavigation_leftNav .navLastRightBorder { BACKGROUND: url(/zurich_global2/zurich_template/images/rebrand/right_leftNav_last.gif) #608cc8 no-repeat right bottom! important; MARGIN: 0px! important; } #Leftnavigation_leftNav .navFirstRightBorder,#Leftnavigation_leftNav .navLastRightBorder { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:82%; line-height:130%; padding-right:5px; vertical-align:middle; } #Leftnavigation_leftNav .borderLeftSeperator,#Leftnavigation_leftNav .borderRightSeperator{background:#FFFFFF;} #Leftnavigation_leftNav .navParentSelected { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:82%; line-height:130%; padding-right:5px; vertical-align:middle; } a.navParentSelected:link,a.navParentSelected:visited, a.navParentSelected:active { text-decoration:none; } #Leftnavigation_leftNav .leftNavBg1 .navPageSelected { background: #608CC8 url("/ZURICH_GLOBAL2/Zurich_Template/Images/rebrand/globalleftnav/current_white_pointer.gif") no-repeat top right; } #Leftnavigation_leftNav .leftNavBg1 .navTwistyChannel { background: #608CC8 url("/ZURICH_GLOBAL2/Zurich_Template/Images/rebrand/globalleftnav/twisty_white_right.gif") no-repeat top right; } #Leftnavigation_leftNav .leftNavBg1 .navTwistyChannelSelected { background: #608CC8 url("/ZURICH_GLOBAL2/Zurich_Template/Images/rebrand/globalleftnav/twisty_white_down.gif") no-repeat top right; } #Leftnavigation_leftNav .leftNavBg1 .navTwistyParentSelected { background: #608CC8 url("/ZURICH_GLOBAL2/Zurich_Template/Images/rebrand/globalleftnav/twisty_white_down.gif") no-repeat top right; } #Leftnavigation_leftNav .leftNavBg2 .navPageSelected { background: #f0f3f8 url("/ZURICH_GLOBAL2/Zurich_Template/Images/rebrand/globalleftnav/current_blue_pointer.gif") no-repeat top right; } #Leftnavigation_leftNav .leftNavBg2 .navTwistyChannel { background: #f0f3f8 url("/ZURICH_GLOBAL2/Zurich_Template/Images/rebrand/globalleftnav/twisty_blue_right.gif") no-repeat top right; } #Leftnavigation_leftNav .leftNavBg2 .navTwistyChannelSelected { background: #f0f3f8 url("/ZURICH_GLOBAL2/Zurich_Template/Images/rebrand/globalleftnav/twisty_blue_down.gif") no-repeat top right; } #Leftnavigation_leftNav .leftNavBg2 .navTwistyParentSelected { background: #f0f3f8 url("/ZURICH_GLOBAL2/Zurich_Template/Images/rebrand/globalleftnav/twisty_blue_down.gif") no-repeat top right; } #Leftnavigation_leftNav .leftNavBg3 .navPageSelected { background: #ffffff url("/ZURICH_GLOBAL2/Zurich_Template/Images/rebrand/globalleftnav/current_blue_pointer.gif") no-repeat top right; } #Leftnavigation_leftNav tr.leftNavBg3 { height:20px; width:160px; } /* START - This section of style is implemented for Tab menu flyout on global2 brand*/ .popupNav {BORDER-RIGHT: #dddddd 0px solid; BORDER-TOP: #dddddd 0px solid; Z-INDEX: 250; LEFT: 0px; BORDER-LEFT: #dddddd 0px solid; COLOR: #000; BORDER-BOTTOM: #dddddd 0px solid; POSITION: absolute; TOP: 0px; } .popupMenuitem { BORDER-BOTTOM: #dddddd 1px solid; HEIGHT: 20px; } .popupMenuitem A {FONT-SIZE: 72%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif} .popupMenuitem A:link {COLOR: #343434; TEXT-DECORATION: none} .popupMenuitem A:visited {COLOR: #343434; TEXT-DECORATION: none} .popupMenuitem A:active {COLOR: #343434; TEXT-DECORATION: none} .popupMenuitem A:hover {COLOR: #fff;border-width: 1px; TEXT-DECORATION: underline} #Header__ctl0_SiteNavigation1_homeTab span { background:transparent url(/zurich_global2/zurich_template/images/rebrand/right.gif) no-repeat scroll right top; display: block;margin: 0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;padding:0px 0px 0px 0px;width:100%;} .HomeSelectedTab{background:#E6E9E8 url(/zurich_global2/zurich_template/images/rebrand/left_on.gif) no-repeat scroll left top! important; padding: 0px 0px 0px 3px! important;} #Header__ctl0_SiteNavigation1_homeTab span .tabNormal {color:#FFFFFF;} #Header__ctl0_SiteNavigation1_homeTab a:link, #Header__ctl0_SiteNavigation1_homeTab a:visited, #Header__ctl0_SiteNavigation1_homeTab a:active, #Header__ctl0_SiteNavigation1_homeTab tabSelected a:link, #Header__ctl0_SiteNavigation1_homeTab tabSelected a:visited, #Header__ctl0_SiteNavigation1_homeTab tabSelected a:active { font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none;} #Header__ctl0_SiteNavigation1_homeTab tabSelected a, #Header__ctl0_SiteNavigation1_homeTab tabSelected a:link, #Header__ctl0_SiteNavigation1_homeTab tabSelected a:visited, #Header__ctl0_SiteNavigation1_homeTab tabSelected a:active, #Header__ctl0_SiteNavigation1_homeTab tabSelected a:hover { color:#000000! important;font-weight:bold !important;} #tab_home{padding-left:7px !important ;} .tableBgFlyoutBottom { border-bottom: #dddddd 1px solid;BACKGROUND-COLOR: #fff;} .tableBgFlyoutBottomLeft {background: url(/zurich_global2/zurich_template/images/rebrand/flyout_bottom_left.gif) no-repeat left bottom; overflow:hidden;background-color: transparent;} .tableBgFlyoutBottomRight {background: url(/zurich_global2/zurich_template/images/rebrand/flyout_bottom_right.gif) no-repeat right bottom; overflow:hidden;background-color: transparent;} .trOver{background-color:#608cc8! important; BORDER-BOTTOM: #608cc8 1px solid;BORDER-TOP: #608cc8 1px solid;} .chevronTabNav {BORDER-BOTTOM: #dddddd 1px solid; HEIGHT: 20px; WIDTH: 7px; BORDER-left: #dddddd 1px solid; } .popupMenuItemRight {BORDER-right: #dddddd 1px solid; HEIGHT: 20px; WIDTH: 7px;Border-bottom: #dddddd 1px solid;} .tableBgFlyoutTop{border-Top: #dddddd 1px solid; HEIGHT: 20px; BORDER-BOTTOM: #dddddd 1px solid; background-color:#fff;} .tableBgFlyoutTopRight {BORDER-right: #dddddd 1px solid; HEIGHT: 20px; WIDTH: 7px;border-Top: #dddddd 1px solid ;border-Bottom: #dddddd 1px solid ; background-color:#fff;} .tableBgFlyoutTopLeft {BORDER-Left: #dddddd 1px solid; HEIGHT: 20px; WIDTH: 7px;border-Top: #dddddd 1px solid ; border-Bottom: #dddddd 1px solid ; background-color:#fff;} .tablepopupNav { border-collapse: separate! important; } .trtabFlyoutmenuOut{ background-color:#fff! important; } /*END*/