/* --------------------------------------------------------- Title: UK Corporate stylsheet Author: Darren Hudson Revisions: Darren Hudson Last Updated: 21/04/2009 - added margin to global footer link 28/05/2009 - added top gradient - portal match 22/09/2009 - added /today specific css 17/03/2010 - global nav changes 09/06/2010 - added world cup css 17/06/2010 - added world cup date css 21/07/2010 - added omnibus specific 27/07/2010 - added footer tag 05/08/2010 - added quote boxes 21/12/2010 - added news style boxes/rows 24/01/2011 - new red bullets 12/04/2011 - content pane accordion 12/07/2011 - red h3 11/08/2011 - standardise h4 --------------------------------------------------------- */ body { background: #fff url(/extranets/yg/template/images/bg_main.jpg) repeat-x; background-position:center top; height: 100%; text-align: center; margin: 20px 0px 0px 0px; padding: 0; font-family: "Trebuchet MS", Trebuchet, verdana, Helvetica, sans-serif; font-size: 80%;color:#666;} #wrapper { text-align: left; width: 910px; margin: 0 auto; background-color: #fff; border-top: 1px solid #fefefe; border-top: 1px solid #fefefe; padding: 0px 0px 10px 0px;} #wrapperNav { border-top: 1px solid #fff; background: #fff; height: 105px; margin: 10px 10px 0px 10px; padding: 0px; background: #fff url(../images/bg_wrapperNavGradient.jpg) repeat-x top;} #topNavigation { border: 1px solid #fefefe; height: 20px; text-align: right; padding: 10px 0px 0px 0px; } p.menuTop { border: 0px solid #fff; text-align: right; margin-top: 0px; color: #333; font-weight: bold; float: right; width: 190px; padding-right: 10px; font-family: arial, verdana;} p.menuTop a { color: fff;} .langMenu { border: 1px solid #ccc; font-size: 85%; background-color: #f4f4f4; width: 120px;} #middleNavigation { border: 0px solid #000; height: 70px; } #logo { border: 0px solid #000; width: 450px; margin: 0px; float: left;} #mainNavContainer { border-top: 2px solid #e31b1d; border-bottom: 2px solid #e31b1d; height: 32px; margin: 0px 10px 0px 10px; padding: 0px; } .mainNavigation { width: 870px; margin: 0px 10px 0px 10px; height: 30px; padding: 0px;} #banner { padding: 0px 0px 0px 0px; margin: 0px 10px 10px 10px; background-color: #f7f7f7; width: 890px;} #navigationCP { float: right; margin: 43px 10px 0px 0px; border: 0px solid #000; width: 300px; height: 30px; } .menuTop { text-align: right; margin-right: 10px;} .ukMenu { font-size: 85%; background-color: #f4f4f4; width: 125px;} /* NAV - GLOBAL */ #globalNavigation { border: 0px solid #000; padding: 0px; margin: 0px; float: right; width: 510px; padding-right: 10px;} .corporateNav { border: 0px solid #000; text-align: right; padding-left: 30px;} #block-menu-menu-top-navigation { text-align: right; margin: 0px; padding: 0px 10px 0px 0px; height: 20px; } #block-menu-menu-top-navigation h2 { display: none;} #block-menu-menu-top-navigation ul { display: inline; list-style-type: none; } #block-menu-menu-top-navigation li { background: #333; float: right; color: #fff; border-left: 1px solid #ccc; height: 19px; padding: 0px; font-family: arial;} #block-menu-menu-top-navigation li a { text-align: center; color: #fff; font-size: 90%; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 2px 5px 2px 5px;} #block-menu-menu-top-navigation ul.menu li { margin:0px 0px 0px 1px;} #block-menu-menu-top-navigation ul.menu li a:hover { background: #ee2e27; color: #fff; margin: 0px; border-top: 1px solid #ee2e27;} .navigationLeftBG { background: #e4e4e4; margin: 0px; padding: 1px 0px 1px 0px; height: 30px; background: #fff url(/extranets/yg/template/images/bg_headerGradient.jpg);} .navigationLeftHeader { margin: 5px 10px 5px 10px; text-transform: uppercase; font-weight: bold; } .navigationLeftHeaderSub { margin: 15px 10px 5px 10px; text-transform: uppercase; font-weight: bold;} .navigationRightBG { border: 0px solid #000; width: 590px; background: #e31b1d; margin: 0px; padding: 1px 0px 1px 0px;} .navigationRightHeader { text-align: left; margin: 5px 10px 5px 10px; text-transform: uppercase; color: #fefefe; font-weight: bold; } .navigationRightHeaderSub { margin: 15px 10px 5px 10px; text-transform: uppercase; font-weight: bold;} #mainNav li a:hover, #mainNav li a.active { color:#000; background:#ccc;} #main { border-bottom: 1px solid #fff; padding: 0px; width: 890px; color:inherit; margin: 0px 0px 0px 10px;} .allZero { border: 0px; padding: 0px; margin: 0px;} #col33Left { float: left; width: 290px; margin: 0px 10px 0px 0px; } #col33Middle { float: left; width: 290px; margin: 0px 0px 0px 0px; } #col33Right { width: 290px; float: right; margin: 0px; padding: 0px; } #col66Right { float: right; width: 590px; margin: 0px; padding: 0px; } /*.col66Inner50Left { background-color: #f7f7f7; padding: 9px; border: 0px solid #ccc; float: left; width: 245px; margin-bottom: 15px; margin-right: 10px;} .col66Inner50Right { background-color: #f7f7f7; padding: 9px; border: 0px solid #ccc; width: 245px; float: right; margin-bottom: 15px; }*/ .col66Inner50Left { float: left; margin-bottom: 10px; width: 270px; padding: 0px; border-bottom: 1px solid #fff; } .col66Inner50Right { float: right; margin-bottom: 10px; width: 270px; padding: 0px; border-bottom: 1px solid #fff; } .floatRight { float: right} .floatLeft { float: left} .contentBody { background: #fff; padding: 0px; margin: 0px 0px 10px 0px; } .contentBodyInner { padding: 20px;} .contentBodyInnerNoTop { padding: 0px 20px 20px 20px;} .container { margin: 0px 0px 20px 0px ; border: 0px solid #fff;padding: 0px 0px 0px 0px; } .container290 { background: #fdfdfd url(/extranets/yg/template/images/bg_container290.jpg) repeat-y; border-bottom: 1px solid #ccc; } .container290BG { background: #e4e4e4; margin: 0px; padding: 1px 0px 1px 0px; height: 30px; background: #fff url(/extranets/yg/template/images/bg_headerGradient.jpg);} .container290Header { margin: 5px 10px 5px 10px; text-transform: uppercase; font-weight: bold; } .container590 { background: #fdfdfd url(/extranets/yg/template/images/bg_container290.jpg) repeat-y; border-bottom: 1px solid #ccc; } .container590BG { background: #e4e4e4; margin: 0px; padding: 1px 0px 1px 0px; height: 30px; background: #fff url(/extranets/yg/template/images/bg_headerGradient.jpg);} .container590Header { margin: 5px 10px 5px 10px; text-transform: uppercase; font-weight: bold; } .linkReadMore { background: #000; color: #fff; text-transform: uppercase; margin: 0px 0px 0px 10px; padding-left: 2px;} #footer, #footerSplash { position: relative; border-top: 1px solid #fff; width: 890px; margin: 0 auto; height:55px; border-top: 0px solid #ccc; clear: both; text-align: left; padding:0px 0px 0px 0px;} .footerGlobalLink { margin-left: 200px;} p.footer { font-size: 80%;color:#333; margin:15px 0px 0px 20px; padding: 0px; line-height: 15px;} a.menuFooter { color: #333; margin: 0px; } a.menuFooter:hover { color: #000; margin: 0px;} .footerBanner { text-align: center;} #footerLeft { border: 0px solid #ccc; width: 540px; float: left;} #footerRight { border: 0px solid #ccc; width: 300px; float: right; padding: 20px 0px 20px 30px;} #footerPeople { padding-left: 10px; margin:0; } #footerPeople img { border-bottom:2px solid #000000; height:150px; width: 890px; margin:0; padding: 0; } ul ul { margin: 20px 30px 20px 30px; list-style-type: square; padding: 0; border: 0; } ol ol { margin: 20px 30px 20px 30px; padding: 0; border: 0;} ol { font-size: 100%; margin-top: 10px; margin-bottom: 1px; line-height: 1.25pc; margin-left: 20px; } li li { font-size: 100%; margin-top: 10px; margin-bottom: 10px;} li { font-size: 100%; margin-top: 10px; margin-bottom: 10px; line-height: 1.25pc; } ol.content { padding: 5px 20px 10px 30px; } ul.content { padding: 5px 20px 10px 30px; } ol.content li { margin: 20px 20px 20px 30px; list-style-position:outside; padding: 0; border: 0; } ul.content li { margin: 20px 20px 20px 10px; list-style-position:outside; padding: 0; border: 0; } ul.list { margin: 10px 0 30px 30px ; padding: 0;} ol.list { margin: 10px 0 30px 30px ; padding: 0;} ol.list li { margin: 10px 5px 10px 0px; list-style-position:outside; padding: 0; border: 0; } ul.list li { margin: 10px 5px 10px 0px; list-style-position:outside; padding: 0; border: 0; } ul.listRed { margin: 20px 0 30px 30px ; list-style-type: none;padding: 0;} ul.listRed li { margin: 10px 5px 10px 0px;background-image: url(/extranets/yg/template/images/bulletRed.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 1em; padding-right: 1em; } .photoimg { height: 250px; width: 590px; border-bottom: 0px solid #ccc;} .contentBanner { height: 250px; width: 590px; border-bottom: 0px solid #ccc;} p { margin: 10px 0px 0px 0px; line-height: 1.25pc; padding: 0px; font-size: 100%;} p.small { font-size: 80%;} p.dottedWidth { line-height: 2.0pc; border-bottom: #ccc 1px dotted; } p.downloadDark { color: #333;} a { text-decoration:none; color:#333;font-weight: bold;} a:hover { text-decoration:underline; font-weight: bold;} a img { border: none;} .alignRight { text-align: right;} .alignCenter { text-align: center;} .image170 { width: 170px; height: 70px; border: 0px; float:right; padding-left: 10px; padding-bottom: 10px;} .imagePortrait { width: 105px; height: 120px; border: 0px; float:right; padding-left: 10px; padding-bottom: 10px;} p.button { padding: 120px 0px 0px 20px; } input.button { padding: 0px } .quote { background: #f7f7f7; padding: 20px; margin: 20px;} .contentTitle { text-transform: none; color:#000;} ul.primaryList li { display:block;background: url(../i/bullet.gif) no-repeat left top;padding: 0 20px 0 0px;margin: 0 0 1.0em 0;float: left;width: 200px;} .floatOm175 { float: right; width: 175px;} .floatOm210 { float: right; width: 210px;} .omCaseTitles { font-size: 130%;; font-weight: bold;} .omSplitLeft { float: left; width: 50%; padding: 20px 0px 0px 0px;} .omSplitRight { float: right; width: 50%; padding: 20px 0px 0px 0px;} table.tableGrid { width: 100%; background: #fff; margin: 20px 0px 20px 0px; border-width: 1px; border-spacing: 1px ; border-color: #333; border-collapse: collapse;} table.tableGrid tbody { border-color: #fff; border-width: 0px;} table.tableGrid td { padding: 5px; border-style: inset; border-color: #333; border-width: 1px 1px 1px 1px;} table#tableGrid td { padding: 5px; text-align: center;} .width50 { width: 50%;} .clearBoth { border: 1px solid #fff; clear:both; margin-bottom: 0px; margin-top: 0px; padding: 0px;} .clearBothInline { clear: both; display: inline; height: 1px; border: 0px solid #ccc; margin: 0px; padding: 0px;} h1, h2, h3, h4, h5, h6 { font-weight: bold;} h1, h2, h3, h4, h5, h6, .p { line-height: 1.25pc;} h1 { font-size: 140%; color: #000; } h2 { font-size: 125%; color: #000; margin: 0px 0px 10px 0px; font-weight: normal;} h3 { font-size: 110%; color: #333; margin: 15px 0px 10px 0px; } h3.black { font-size: 105%; color: #000; margin: 20px 0px 0px 0px; } h3.red { font-size: 105%; color: #e31b1d; margin: 20px 0px 0px 0px; } h4 { font-size: 110%; color: #666; margin: 15px 0 10px; } h5 { font-size: 80%; margin: 0px 0px 0px 0px; border-bottom: #ccc 1px dotted;} h6 { font-size: 80%; margin: -5px 0px -5px 0px; } /* content window accordion */ .accordionButton { width: 530px;float: left;background: #dedede;border-bottom: 1px solid #fff;cursor: pointer;padding: 10px;font-weight: bold;color: #333;font-size: 100%; } .accordionContent { width: 530px;float: left;background: #f4f4f4;display: none;padding: 10px;} /* news boxes / rows */ .newsImage { background-color:#fff;border:1px solid #ccc;float:left;height:70px;margin-right:15px;padding:2px;} .newsTitle { margin:0;padding:5px 0 0;} .newsBody { margin:5px 0 0;padding:0;} .newsRow { border:0 solid #ccc;height:85px;} .newsTitle a { color:#E31B1D;font-size:110%;font-weight:bold;} /* quote boxes */ .bqstart { float: left; font-size: 600%; color: #e31b1d; margin: -20px -20px -40px -30px; height: 30px; border: 0px solid #000; padding: 0px; } .bqend { float: right; font-size: 600%; color: #e31b1d; margin: -25px -20px -10px -20px; height: 30px; border: 0px solid #000; padding: 0px 0px 0px 0px; } .bqOuter { background: #fff; padding-left: 20px; border: 0px solid #000;} .bqInner { background: #e7e7e7; padding: 5px; border: 0px solid #ccc;} .bqWrapper { padding-bottom: 0px;} h3.bqH3 { font-size: 135%; padding: 35px 10px 0px 0px;} .bqRed { color: #e31b1d;} .bqBody { padding: 30px 10px 0px 0px; font-weight: bold; } /* arrow boxes */ .bqArrowstart { float: left; font-size: 600%; color: #e31b1d; margin: -20px -20px 5px -30px; height: 30px; border: 1px solid #000; padding: 0px; } .bqArrowend { float: right; font-size: 600%; color: #e31b1d; margin: -25px -20px -10px -20px; height: 30px; border: 0px solid #000; padding: 0px 0px 0px 0px; } /* Omnibus specific */ h3.omTitleLeft { font-size: 100%; margin-top: 45px; color: #ccc; text-align: left; margin-left: 20px;} h3.omTitleRight { font-size: 100%; margin-top: 45px; color: #ccc; text-align: right; margin-right: 20px;} .omLink { color: #fff; font-size: 110%;} .omLeft50 { float: left; margin-bottom: 9px; height: 100px; width: 270px; padding: 0px; border-bottom: 1px solid #fff; } .omRight50 { float: right; margin-bottom: 9px; height: 100px; width: 270px; padding: 0px; border-bottom: 1px solid #fff;} #omRM { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-RayM.jpg);} #omRJ { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-RhysJ.jpg);} #omDE { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-DAvidE.jpg); } #omLK { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-LaurenK.jpg); } #omRS { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-RudyS.jpg); } #omMM { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-MeghanM.jpg);} #omKG { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-KarenG.jpg);} #omAM { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-AtemM.jpg);} #omBG { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-BenG.jpg);} #omAK { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-AliceK.jpg);} #omAB { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-AdamB.jpg);} #omDW { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-DavidW.jpg);} #omED { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-EnzaD.jpg);} #omBLANK { background: #a52017 url(/extranets/yg/services/images/services-omn-team-intro-blank.jpg);} /* YGTODAY styled area */ .wcChartLeft { width:290px; margin-right: 10px; float:left; border: 0px;} .wcChartRight { width:290px; float:right; border: 0px;} .wcChartTitle { font-weight: bold; color: #333;} .wcChartTitlePadding { padding: 5px;} .wcFullResults { border: 0px solid #000; margin: 0px 0px 10px 0px; text-align: center;} .wcChartDate { font-size: 80%; colour: #ccc;} .contentBodyToday { padding: 10px 0px 0px 10px; background: #fff;} .container290Today { margin-bottom: 10px; background: #fdfdfd url(/extranets/yg/template/images/bg_container290.jpg) repeat-y; border-bottom: 1px solid #ccc;} .container290BGToday { border: 0px solid #000; background: #e31b1d; margin: 0px; padding: 1px 0px 1px 0px;} .container290HeaderToday { text-align: left; margin: 5px 10px 5px 10px; text-transform: uppercase; color: #fefefe; font-weight: bold;} .contentBodyInnerToday { padding: 5px 20px 10px 20px;} /* INDENTING */ .TC1stTier { padding: 20px 0px 0px 0px;} .TC2ndTier { padding: 10px 20px 10px 20px;} .TC3rdTier { padding: 0px 40px 10px 40px;} .TC4thTier { padding: 0px 60px 10px 60px;} /* Investment extra - YGA */ .containerFocus { border: 1px solid #ccc;background: #fff url(/corporate/specialisms/images/specialisms-fin-containerFocus.jpg); float: left; height: 125px; width: 270px; margin-top: 20px; margin-bottom: 5px;} .containerFresh { border: 1px solid #ccc;background: #fff url(/corporate/specialisms/images/specialisms-fin-containerFresh.jpg); float: right; height: 125px; width: 270px; margin-top: 20px; margin-bottom: 5px;} .containerQuality { border: 1px solid #ccc;background: #fff url(/corporate/specialisms/images/specialisms-fin-containerQuality.jpg); float: left; height: 125px; width: 270px; margin-bottom: 20px;} .containerResponse { border: 1px solid #ccc;background: #fff url(/corporate/specialisms/images/specialisms-fin-containerResponse.jpg); float: right; height: 125px; width: 270px; margin-bottom: 20px;} .containerInner { padding: 10px;} /* FORMS */ form { margin-top:0px; margin-bottom:0px;} .form { border: 1px solid #fff; margin: 20px 0px 0px 0px; padding: 0;} fieldset, fieldset.noBorder { border: 1px solid #ccc; width: 435px; margin-bottom: 10px; margin-right: 0px; padding: 0; } fieldset.noBorder { border: 1px solid #fff; } legend { font-weight: bold; padding: 0px; color: #333; margin-top: 5px; margin-left: 5px;} .entryLabel { float: left; width: 160px; margin-right: 20px; padding: 2px; padding-left: 25px;} .entryItem { width: 195px; float: left; margin-right: 0px; padding: 2px;} .labelCheckbox { margin-left: 20px; padding: 2px; } /*.validation { width: 175px; margin-left: 0px; clear: both; padding: 2px;}*/ .form select.day { width: 50px; } .form select.month { width: 77px; } .form select.year { width: 60px; } .form select { width: 198px; } .form .text { width: 190px;} .captcha { border: 1px solid #ccc; width: 150px; height: 40px; } .field { margin: 10px 0px 10px 0px; border: 1px solid #fff;} #register_terms { margin: 0px 15px 30px 15px; height: 200px; overflow: auto; font-size: 90%; } #register_terms h4 { font-size: 100%; } #register_terms ol ol, #register_terms li li { padding-left: 10px; } submit { background: url(../images/button.png); border: 0; height: 25px; width: 125px; text-align: center; vertical-align: top; } .entryCenter { text-align: center; padding: 10px;}