/*============================================ \ | All content of this file and \ referenced images (c) Vli Ltd | \ File Created: 07.07.09 | Authors: P.Maclachlan,I.Cole |______________________________________________ ______________________________________________ \ | Project Name: Headway (2888-Web) \ Project Manager: Mark Boniface |_____________________________________________ Project files: G:\Projects\Headway\2888 - Web =================================================*/ /*----------------------------------------------------------------------*/ /*-------------- NON CORE-FRAMEWORK EDITABLE SECTION START -------------*/ /*==== COLOURS / TEXT STYLES ====*/ /*- base styles -*/ html,body,td,th,p {color:#444;} a {color:#1f6196; text-decoration:none;} a:link {color:#1f6196; text-decoration:none;} a:visited {color:#1f6196; text-decoration:none;} a:hover {color:#1f6196; text-decoration:underline;} a:active {color:#1f6196; text-decoration:none;} a:active {color:#ffffff; background-color:#4F7F3F;text-decoration:none;} a:focus {color:#ffffff; background-color:#4F7F3F;} a.imgLink:active, a.imgLink:focus {background:none;} a.imgLink:active img, a.imgLink:focus img {outline:1px solid #4F7F3F;} /*64A151*/ /*- font sizes -*/ h1, .h1style {font-size:2.5em} /* displayed at 25px */ h2, .h2style {font-size:1.8em} /* displayed at 18px */ h3, .h3style {font-size:1.6em} /* displayed at 13px */ h4, .h4style {font-size:1.4em} /* displayed at 10px */ h5, .h5style {font-size:1.3em} /* displayed at 10px */ h6, .h6style {font-size:1.2em} /* displayed at 10px */ p {font-size:1.3em;} /* displayed at 12px */ /*--------------- NON CORE-FRAMEWORK EDITABLE SECTION END --------------*/ /*----------------------------------------------------------------------*/ /* ------------------------------------ */ /* Main Body and HTML styles... */ /* ------------------------------------ */ html,body,td,th,li { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; } p { font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0 0 20px 0; line-height:1.7em; } p.condensed {line-height:1.5em;} html,body { background-color:transparent; background-image:url(/Images/HeadwayMainSite/core/bodyBg.gif); background-repeat:repeat-x; background-position:0 100px; } /*html { overflow-y:scroll;}*/ td,th,p,li { text-align:left; } img { border:0; } form { margin:0; padding:0; } h1, .h1style { color:#1f6196; font-weight:bold; padding:0; margin:0 0 15px 0; } h2, .h2style { color:#000000; font-weight:bold; padding:0 0 4px 0; margin:0; } h3, .h3style { color:#3f3f3f; font-weight:bold; padding:0; margin:0 0 12px 0; } h4, .h4style { color:#545454; font-weight:bold; padding:0; margin:0 0 10px 0; } h5, .h5style { color:#545454; font-weight:bold; padding:0; margin:0 0 10px 0; } h6, .h6style { color:#505050; font-weight:bold; padding:0; margin:0 0 10px 0; } p.homePageFeature {width:198px; font-weight:bold; font-family:Arial; font-size:2.1em; margin:0; padding:0;} p.homePageFeatureSubTitle {width:198px; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:normal;padding:0;} h2.extranet a:link, h2.extranet a:visited {color:#206296;} h3.extranet {color:#5f5f5f;} p.homePageFeatureOrange a:link, p.homePageFeatureOrange a:visited {color:#cc5008;} p.homePageFeatureOrange a:active, p.homePageFeatureOrange a:focus {color:#fff;} p.homePageFeatureGreen a:link, p.homePageFeatureGreen a:visited {color:#178a00;} p.homePageFeatureGreen a:active, p.homePageFeatureGreen a:focus {color:#fff;} p.homePageFeatureBlue a:link, p.homePageFeatureBlue a:visited {color:#237ac2;} p.homePageFeatureBlue a:active, p.homePageFeatureBlue a:focus {color:#fff;} h1.mainContent {padding-bottom:0px;} h2.mainContent {font-size:1.7em; font-weight:normal; color:#1f6196; padding:0 0 10px 0;} h3.mainContent {margin:2px 0 3px 0; font-size:1.4em; color:#717171;} .mainWorkArea ul, .mainFullPage ul, .mainWorkAreaWide ul { padding-left:16px; list-style:none;} .mainWorkArea ul li, .mainFullPage ul li, .mainWorkAreaWide ul li {background: transparent url('/Images/HeadwayMainSite/sitepages/bullet.gif') no-repeat scroll left 8px; padding:2px 0 2px 10px; font-size:1.3em;} .mainWorkArea ul li ul, .mainFullPage ul li ul, .mainWorkAreaWide ul li ul, .mainWorkArea ul li ol, .mainFullPage ul li ol, .mainWorkAreaWide ul li ol {padding-left:26px;} .mainWorkArea ul li ul li, .mainFullPage ul li ul li, .mainWorkAreaWide ul li ul li {font-size:1.0em;} .mainWorkArea ul li ol li, .mainFullPage ul li ol li, .mainWorkAreaWide ul li ol li {background:none; font-size:1.0em;} ul.fontReset li {font-size:1.0em;} .mainWorkArea ol, .mainFullPage ol, .mainWorkAreaWide ol { padding-left:36px;} .mainWorkArea ol li, .mainFullPage ol li, .mainWorkAreaWide ol li { padding:2px 0 2px 10px; font-size:1.3em;} .mainWorkArea ol li ol, .mainFullPage ol li ol, .mainWorkAreaWide ol li ol, .mainWorkArea ol li ul, .mainFullPage ol li ul, .mainWorkAreaWide ol li ul {padding:2px 0 2px 8px;} .mainWorkArea ol li ol li, .mainFullPage ol li ol li, .mainWorkAreaWide ol li ol li, .mainWorkArea ol li ul li, .mainFullPage ol li ul li, .mainWorkAreaWide ol li ul li {font-size:1.0em}; table {border-collapse:collapse;border-spacing:0;} .mainWorkArea table, .mainFullPage table {border:0px none;width:100%;margin:15px 0;} .mainWorkArea table td, .mainFullPage table td, .mainWorkArea table th, .mainFullPage table th {font-size:1.2em;} .mainWorkArea table td table td, .mainFullPage table td table td {font-size:1em;} .mainWorkArea tr, .mainFullPage tr {background-color:#F3F6FB;} .mainWorkArea td, .mainWorkArea th, .mainFullPage td, .mainFullPage th {color:black;padding:4px;} .mainWorkArea th, .mainFullPage th {background-color:#1F6196;color:white;font-weight:bold;} .mainWorkArea tr.even, .mainFullPage tr.even {background-color:#bfd4ff;} .mainWorkArea table.withBorder tr, .mainWorkArea table.withBorder td, .mainWorkArea table.withBorder th, .mainFullPage table.withBorder tr, .mainFullPage table.withBorder td, .mainFullPage table.withBorder th {border:2px solid #fff;} .mainWorkArea caption, .mainFullPage caption {font-size:1.2em; font-weight: normal; color:#fff; background-color:#b7b7b7; padding:4px; text-align:left; margin:10px 0px 5px 0px; } /*======================================== Holding Page Styles ==========================================*/ #holdingPageContainer {clear:both; padding:30px 15px; min-height:300px;} #holdingPageOuter {} #holdingPageInner {} /* ------------------------------------------------------------------------------------------- */ /* Site Structure Styles - Used to control main work areas and structure of site */ /* ------------------------------------------------------------------------------------------- */ /* -- Main Master.page containers -- */ #contentHolder { text-align:left; margin-left:auto; margin-right:auto; width:988px; padding:0; } .content { background-color:#fff; float:left; width:952px; padding:0 17px 25px; border-left:solid 1px #cececc; border-right:solid 1px #cececc; margin:0; } /* -- CONTENT FRAMEWORK TIER 1 --*/ /* Main Full page - needed for internal padding.. cant use '.content' as other pages dont use padding */ .mainFullPage { float:left; vertical-align:top; width:918px; margin:37px 0 0 0; padding:0 20px; } /*Full Page Variant - allows for border to border content*/ .fullWidthFeature {margin:10px 0 0 0; width:952px; float:left;} /* Left nav */ .leftBar { vertical-align:top; float:left; width:217px; margin:43px 18px 0 0; padding:0; } /* 2 column container (expects left nav OR main right bar) */ .mainWorkArea { float:left; width:716px; margin:37px 0 0 0; padding:0; }/* 2 column container (expects left nav) */ .mainWorkAreaWide { float:left; width:741px; margin:37px 0 0 0; padding:0; }/* 2 column container (expects main right bar) */ /* Main Right Bar */ .mainRightBar { vertical-align:top; float:right; width:191px; margin:43px 0 0 20px; padding:0; } /* Main Title Bar */ /*.mainTitleBar { float:left; width:934px; border-bottom:solid 1px #d4d4d4; padding:0; margin:0 0 8px 17px }*/ /* -- CONTENT FRAMEWORK TIER 2 --*/ /* child of '.mainWorkArea' or other Teir 1 - full width */ .centreColWide {float:left; width:715px; margin-right:12px; padding:0;} /* child of '.mainWorkArea' or other Teir 1 - center column, main text */ .centreCol { float:left; width:505px; margin-right:20px; padding:2px 0 0 0;} /* child of '.mainWorkArea' or other Teir 1 - right column */ .rightBar { vertical-align:top; float:left; width:191px; margin:0; padding:0; } /* child of '.mainWorkArea' or other Teir 1 - right column */ /*.centreTabs { float:left; width:734px; clear:both; background-image:url(/Images/HeadwayMainSite/sitepages/tabs/tabsBkgd.gif); background-repeat:repeat-x; background-position:0 0; padding:0 0 0 10px; margin:0 0 17px 0; }*/ /* Two Column Site child of .'mainFullPage' */ .twoColLeft {width:446px; float:left; margin-top:20px;} .twoColRight {width:446px; float:right; padding-top:12px;margin-top:20px;} /* child of '.mainWorkArea' or other Teir 1 - right column */ /*.titleBar { float:left; width:100%; border-bottom:solid 1px #d4d4d4; padding:0; margin-bottom:25px }*/ /*child of '.mainFullPage' or other Teir 1 - needed for internal padding.. cant use '.content' as other pages dont use padding */ .fullPageContent {vertical-align:top; width:826px; margin-left:auto; margin-right:auto; margin-top:45px; padding:0; } /* ------------------------------------ */ /* Access Keys */ /* ------------------------------------ */ .hide{position:absolute;left:-40000px;width:0;height:0;overflow:hidden;} .hide-tab{font-size:1.6em;position:absolute;left:-40000px;overflow:hidden;width:200px;} .hide-tab:active,.hide-tab:focus{text-decoration:none;text-align:center;background-color:#4F7F3F;color:#FFF;font-weight:bold;border-left:1px solid #FFF;padding:4px;margin-left:1px;position:absolute;left:0px;top:0px;width:200px;} #access-keys{position:absolute;top:0px;left:0px;z-index:100;} #access-keys ul, #access-keys li{margin:0;padding:0;list-style:none;} /* ---------------------------------*/ /* Homepage Header Banner */ /* -------------------------------- */ .homePageHeader {position:relative;float:left; width:986px; min-height:232px; border-right: 1px solid #CECECC; border-left:1px solid #CECECC; background-color:#fff; background-repeat:no-repeat;} .homePageHeaderExtranet {position:relative;float:left; width:986px; min-height:232px; border-right: 1px solid #CECECC; border-left:1px solid #CECECC; background-image:url('/Images/HeadwayMainSite/homepage/extranetHeaderBkgnd.jpg');background-repeat:no-repeat;} .homePageHeader img, .homePageHeaderExtranet img {display:block;} .homePageRotator {position:absolute;top:0px;left:0px;float:left; margin:28px 0 0 0;} .homePageHeaderExtranet .homePageRotator {position:static; float:left; margin:28px 0 0 0;} .rotatorNav ul li a.pageArrow img { margin-bottom:1px; display:inline;} /*.homeBanner { float:left; width:988px; height:107px; margin:9px 0 9px 0; padding:25px 0 210px 0; background-image:url(/Iomega/Images/homepage/homeBanner.png); background-position:top left; background-repeat:no-repeat; }*/ .rotatorContent { position:relative;background-image:url('/Images/HeadwayMainSite/sitepages/rotatorBg.png'); background-repeat:repeat-y; width:527px; min-height:143px; margin:0 0; padding:0; } .rotatorContentExtranet {background-image:url('/Images/HeadwayMainSite/sitepages/extranetRotatorBg.png');} .rotatorContent p.rotatorTitle, .rotatorContentExtranet p.rotatorTitle { width:476px; line-height:1.2em; font-weight: bold; font-size:3.5em; color:#feff86; padding:0; margin: 0 0 0 40px ;} .rotatorContent p.rotatorSubTitle, .rotatorContentExtranet p.rotatorSubTitle { width:476px; line-height:1.2em; font-weight: normal; font-size:2.2em; color:#fff; padding:3px 0 0 0; margin: 0 0 0 40px ;} .rotatorContent p.rotatorDesc, .rotatorContentExtranet p.rotatorDesc {width:476px; line-height:1.2em; font-weight: normal; font-size:1.7em; color:#fff; padding:3px 0 0 0; margin: 0 0 0 40px ;} .rotatorContent p.rotatorLearnMore, .rotatorContentExtranet p.rotatorLearnMore {margin:3px 0 0 41px;} .rotatorContent p.rotatorLearnMore a, .rotatorContentExtranet p.rotatorLearnMore a {color:#fff;} .rotatorNav { position:absolute; bottom:10px; right:15px; float:right; padding:0; margin:0 18px 0 0;} .rotatorNav ul { margin:0px; padding:0px; text-align:right; } .rotatorNav ul li { float:left; display:inline; font-size:1.0em; font-weight:bold; list-style-type:none; margin:0; padding:0 0 1px 0; } .rotatorNav ul li a { padding: 0 6px 1px 6px; margin:0px 1px 0px 1px;} .rotatorNav ul li a.selected, .rotatorNav ul li a.selected:hover {padding:1px 6px 0px 6px; margin:0px 1px 0px 1px; color:#ffffff; font-weight:bold; text-decoration:none; border:none; background:transparent; } .rotatorNav ul li a:link {color:#ffffff;border:solid 1px #cfe9fe;background-color:#1F6196; background-image:url('/Images/HeadwayMainSite/homepage/rotatorNumbersFill.png'); } .rotatorNav ul li a:visited {color:#ffffff;border:solid 1px #cfe9fe;background-color:#1F6196; background-image:url('/Images/HeadwayMainSite/homepage/rotatorNumbersFill.png');} .rotatorNav ul li a:hover {color:#ffffff;border:solid 1px #cfe9fe;} .rotatorNav ul li a:active {color:#ffffff;border:solid 1px #cfe9fe;background-color:#4F7F3F;text-decoration:none;} .rotatorNav ul li a:focus {color:#ffffff;border:solid 1px #cfe9fe;background-color:#4F7F3F;text-decoration:none;} .rotatorNav ul li a.pageArrow:link { background-image:url('/Images/HeadwayMainSite/homepage/rotatorNumbersFill.png'); border:solid 1px #cfe9fe;} .rotatorNav ul li a.pageArrow:visited { background-image:url('/Images/HeadwayMainSite/homepage/rotatorNumbersFill.png'); border:solid 1px #cfe9fe;} .rotatorNav ul li a.pageArrow:hover { background-image:url('/Images/HeadwayMainSite/homepage/rotatorNumbersFill.png'); border:solid 1px #cfe9fe;} .rotatorNav ul li a.pageArrow:active { background-image:url('/Images/HeadwayMainSite/homepage/rotatorNumbersFill.png'); border:solid 1px #cfe9fe;} .rotatorContent .stdBtnTrans {margin:12px 0 0 80px;} .rotatorContent .stdBtnTrans span {background-color:transparent; background-repeat:no-repeat; float:left;} .rotatorContent .stdBtnTrans .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/greytrans/button-greytrans-tl.png) no-repeat scroll left top;} .rotatorContent .stdBtnTrans .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/greytrans/button-greytrans-br.png) no-repeat scroll right bottom;} .rotatorContent .stdBtnTrans .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/greytrans/button-greytrans-bl.png) no-repeat scroll left bottom;} .rotatorContent .stdBtnTrans .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/greytrans/button-greytrans-tr.png) no-repeat scroll right top;} .rotatorContent .stdBtnTrans .topBg {background:transparent url(/Images/HeadwayMainSite/scaleable/300/greytrans/button-greytrans-bg-top.png) no-repeat scroll right center;} .rotatorContent .stdBtnTrans .buttonContent {background-color:#d2d7d8;} .rotatorContent .stdBtnTrans .bottomBg {background:transparent url(/Images/HeadwayMainSite/scaleable/300/greytrans/button-greytrans-bg-bottom.png) no-repeat scroll right center;} .rotatorContent .stdBtnTrans input, .stdBtnTrans a:link, .stdBtnTrans a:visited {background:transparent no-repeat scroll right center; border:0 none; color:#ffffff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:3px 1px; padding:0 5px; text-decoration:none; width:5.6em;} .rotatorContent .stdBtnTrans input:hover {text-decoration:underline;} /* ---------------------------------*/ /* Homepage Full Width Feature */ /* -------------------------------- */ .sectionItem { margin:10px 0 0 0; width:952px; min-height:156px; background-image:url(/Images/HeadwayMainSite/sitepages/sectionItemBg.gif); background-repeat:repeat-x; background-position:0 0; } .sectionItemBorder { width:952px; min-height:156px; background-image:url(/Images/HeadwayMainSite/sitepages/sectionItemBorderRight.gif); background-repeat:repeat-y; background-position:100% 0; } .sectionItemBorder2 { width:952px; min-height:156px; background-image:url(/Images/HeadwayMainSite/sitepages/sectionItemBorderLeft.gif); background-repeat:repeat-y; background-position:0 0; } .sectionItemBorder3 { width:952px; /*padding-bottom:1px;*/ min-height:143px; background-image:url(/Images/HeadwayMainSite/sitepages/sectionItemBorderBottom.gif); background-repeat:repeat-x; background-position:0 100%; } .sectionItemBotRightCorner { width:952px; min-height:156px; background-image:url(/Images/HeadwayMainSite/sitepages/sectionItemBottomRight.gif); background-repeat:no-repeat; background-position:100% 100%; } .sectionItemBotLeftCorner { float:left; width:952px; min-height:156px; background-image:url(/Images/HeadwayMainSite/sitepages/sectionItemBottomLeft.gif); background-repeat:no-repeat; background-position:0 100%; } .sectionItemTopLeftCorner { float:left; width:952px; min-height:156px; background-image:url(/Images/HeadwayMainSite/sitepages/sectionItemTopLeft.gif); background-repeat:no-repeat; background-position:0 0; } .sectionItem ul { margin:22px 0 0 0; padding: 0; float:left; text-align:right;} .sectionItem ul li { width:279px; background-image:url('/Images/HeadwayMainSite/sitepages/featureSpacer.gif'); background-repeat:no-repeat; float:left; margin:0 17px 0 0; padding: 0 0 20px 21px; list-style-type:none; display:inline; color:#c8c8c8; } .sectionItem ul li.noborder {background:transparent;} .sectionItemContent ul li div.homePageFeatureRight {float:right; width:198px; padding-left:12px;} .sectionItemContent { float:left; width:952px; min-height:143px; padding:0 0 0 0; background-image:url(/Images/HeadwayMainSite/sitepages/sectionItemTopRight.gif); background-repeat:no-repeat; background-position:100% 0; } .sectionItemContent .orangestdBtn {margin:12px 0 10px 80px;} .sectionItemContent .orangestdBtn span {background-color:transparent; background-repeat:no-repeat; float:left;} .sectionItemContent .orangestdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008/topLeft.gif) no-repeat scroll left top;} .sectionItemContent .orangestdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008/bottomRight.gif) no-repeat scroll right bottom;} .sectionItemContent .orangestdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008/bottomLeft.gif) no-repeat scroll left bottom;} .sectionItemContent .orangestdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008/topRight.gif) no-repeat scroll right top;} .sectionItemContent .orangestdBtn a:link, .orangestdBtn a:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008/background.gif) no-repeat scroll right center; border:0 none; color:#fff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:3px 1px; padding:0 5px 2px 5px; text-decoration:none; width:5.4em;} .sectionItemContent .orangestdBtn a:hover {text-decoration:underline;} .sectionItemContent .lightgreenstdBtn {margin:12px 0 10px 80px;} .sectionItemContent .lightgreenstdBtn span {background-color:transparent; background-repeat:no-repeat; float:left;} .sectionItemContent .lightgreenstdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/178a00/topLeft.gif) no-repeat scroll left top;} .sectionItemContent .lightgreenstdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/178a00/bottomRight.gif) no-repeat scroll right bottom;} .sectionItemContent .lightgreenstdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/178a00/bottomLeft.gif) no-repeat scroll left bottom;} .sectionItemContent .lightgreenstdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/178a00/topRight.gif) no-repeat scroll right top;} .sectionItemContent .lightgreenstdBtn a:link, .lightgreenstdBtn a:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/178a00/background.gif) no-repeat scroll right center; border:0 none; color:#fff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:3px 1px; padding:0 5px 2px 5px; text-decoration:none; width:5.4em;} .sectionItemContent .lightgreenstdBtn a:hover {text-decoration:underline;} .sectionItemContent .lightbluestdBtn {margin:12px 0 10px 80px;} .sectionItemContent .lightbluestdBtn span {background-color:transparent; background-repeat:no-repeat; float:left;} .sectionItemContent .lightbluestdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/237ac2/topLeft.gif) no-repeat scroll left top;} .sectionItemContent .lightbluestdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/237ac2/bottomRight.gif) no-repeat scroll right bottom;} .sectionItemContent .lightbluestdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/237ac2/bottomLeft.gif) no-repeat scroll left bottom;} .sectionItemContent .lightbluestdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/237ac2/topRight.gif) no-repeat scroll right top;} .sectionItemContent .lightbluestdBtn a:link, .lightbluestdBtn a:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/237ac2/background.gif) no-repeat scroll right center; border:0 none; color:#fff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:3px 1px; padding:0 5px 2px 5px; text-decoration:none; width:5.4em;} .sectionItemContent .lightbluestdBtn a:hover {text-decoration:underline;} /* ---------------------------------*/ /* Homepage specific styles */ /* -------------------------------- */ h1.homePageTitle {color:#393939; font-weight:normal;font-size:3.2em;margin-bottom:8px;} /* ---------------------------------*/ /* News List */ /* -------------------------------- */ .newsListContainer { padding:14px 0 6px 0; margin-bottom:5px; border-bottom:1px solid #e9e9e9;} .newsItemTitleBar { background-color:#eeeeee; height:12px; margin:0; padding:0;} .titleBarDetails .titleText { float:left; line-height:12px; letter-spacing:-0.5px; font-size:10px; background-color:#ffffff; height:12px; margin:0; padding:0 5px 0 0; } .titleBarDetails .titleImg { float:left; border:0; background-color:#ffffff; padding-right:2px; } .newsListContainer .newsItemFeatureImage { margin:11px 0 0 0; padding:0 0 5px 0; } .newsListContainer .videoContainer { margin:11px 0 20px 0; padding:0; } .newsListContainer .thumbnail { width:200px; background-color:#2a3b57; float:right; margin:4px 7px 0; } .newsListContainer .thumbnail p { font-size:10px; color:#ffffff; margin:2px 5px; } .newsListContainer h2 {float:left; font-size:2.2em; color:#64a151; font-weight:normal; padding:0 0 8px 0;} .newsListContainer ul li div.newsFocusImage {float:left; width:155px; height:155px; padding:5px; margin:0 23px 0 0; background-image: url('/Images/HeadwayMainSite/homepage/focusImageBorder.gif'); background-repeat:no-repeat;} .newsListContainer ul li div.newsFocusImageNarrow {float:left; padding:15px 20px 16px 19px; margin:0 22px 0 0; background-image: url('/Images/HeadwayMainSite/homepage/headwayNewsFocusBorder.gif'); background-repeat:no-repeat;} .newsListContainer .stdBtn {float:right; margin-top:3px;} .newsListContainer .stdBtn span {background-color:transparent; background-repeat:no-repeat;} .newsListContainer .stdBtn .btnTl {background:transparent url('/Images/HeadwayMainSite/scaleable/300/508241/topLeft.gif') no-repeat scroll left top;} .newsListContainer .stdBtn .btnBr {background:transparent url('/Images/HeadwayMainSite/scaleable/300/508241/bottomRight.gif') no-repeat scroll right bottom;} .newsListContainer .stdBtn .btnBl {background:transparent url('/Images/HeadwayMainSite/scaleable/300/508241/bottomLeft.gif') no-repeat scroll left bottom;} .newsListContainer .stdBtn .btnTr {background:transparent url('/Images/HeadwayMainSite/scaleable/300/508241/topRight.gif') no-repeat scroll right top;} .newsListContainer .stdBtn a:link, .newsListContainer .stdBtn a:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/508241/background.gif) no-repeat scroll right center; border:0 none; color:#fff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:3px 1px; padding:0px 5px 2px 4px; text-decoration:none; width:6.6em;} .newsListContainer .stdBtn a:hover {text-decoration:underline;} .noBotBorder {border-bottom:0px none;} .newsListContainer ul {clear:left; margin:0; padding:0; } .newsListContainer ul li { padding:7px 0 1px 12px; background-image:none; margin:5px 0 0 0; list-style-type:none; border-top:1px solid #e9e9e9; overflow:hidden; } .newsListContainer ul li.newsFocus {min-height:120px; padding:10px 0 4px 0; } .newsListContainer ul li.headwayNewsFocus {min-height:152px; padding:10px 0 6px 0; } .newsListContainer ul li.first { border:0; } .newsListContainer ul li h3 { color:#115ca2; font-size:1.2em; margin:0; padding:0; font-weight:normal; } .newsListContainer ul li.newsFocus h3,.newsListContainer ul li.headwayNewsFocus h3 { font-size:1.5em;font-weight:bold; padding-top:4px;margin-bottom:5px;} .newsListContainer ul li h4 { padding:0 0 0 8px; font-weight:bold; font-size:11px; color:#1967ae; display:block; margin-bottom:0; background-image:url(/Pira/Images/sitepages/viewArrow.gif); background-repeat: no-repeat; background-position:0 4px; } .newsListContainer ul li p.date { color:#617687; margin:0 0 6px 0; padding:0; } .newsListContainer ul li.focus p.date { margin:0 0 5px 0; } .newsListContainer ul li p { padding:0; margin:0; line-height:1.4em; } .newsListContainer ul li a { color:#115ca2; } .newsListContainer ul li a:active, .newsListContainer ul li a:focus {color:#fff;} .newsListContainer ul li img.newsItemLeftImage { padding: 5px 8px 2px 0; } .newsListContainer ul li.view { background-image:none; margin-top:15px; } .newsListContainer ul li.view p { font-size:11px; color:#1f6196; } .newsListContainer ul li.view p img { margin-left:4px; } .newsListContainer ul li p.readMore { padding:7px 0 0 0; font-size:1.1em; line-height:1.5em; color:#1f6196; } .newsListContainer ul li p.readMore img { vertical-align:middle; } .newsListContainer ul li .downloadDetail { float:left; width:90px; font-size:1.1em; color:#717171; padding-top:4px;} .newsListContainer ul li .downloadDetail img { vertical-align:middle; margin-right:3px; } /* ======================================= Reverse Transparency Corners ==========================================*/ .panel {position:relative;padding:0;margin:0;} .panel img.topLeft {display:block;position:absolute;left:0px;top:0px;} .panel img.topRight {display:block;position:absolute;right:0px;top:0px;} .panel img.bottomLeft {display:block;position:absolute;left:0px;bottom:0px;} .panel img.bottomRight {display:block;position:absolute;right:0px;bottom:0px;} .panel .panelContent {} .panel.pnl64a151 {background-color:#4f7f3f;}/*64a151*/ .panel.pnl79a1c1 {background-color:#1F6196;}/*79a1c1*/ .panel.pnlf1ac52 {background-color:#CC5008;}/*f1ac52*/ .panel.header {margin-bottom:1px;} .panel.header .panelContent {width:100%;padding:0;margin:0;} .panel.header .panelContent p {padding:5px 0 5px 7px;} p.panelTitle {color:#ffffff; font-weight:bold; font-size:1.2em; line-height:1.5em; margin:0; border-bottom:none 0; } /*.panel.specific {background-color:green;}*/ .panel.extranetHomepageButton {background-color:#206296;padding:4px 6px; display:inline-block;} .panel.extranetHomepageButton a:link, .panel.extranetHomepageButton a:visited {color:#fff;font-size:1.1em;} /* ---------------------------------*/ /* Fixed Width Expandable Panels */ /* -------------------------------- */ .wideFWButton {float:left; margin:0 0 2px 0;} .wideFWButton div {background-color:transparent; background-repeat:no-repeat; float:left;} .wideFWButton .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/500/5c7991/topLeft.gif) no-repeat scroll left top;} .wideFWButton .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/500/5c7991/bottomRight.gif) no-repeat scroll right bottom;} .wideFWButton .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/500/5c7991/bottomLeft.gif) no-repeat scroll left bottom;} .wideFWButton .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/500/5c7991/topRight.gif) no-repeat scroll right top;} .wideFWButton a:link, .wideFWButton a:visited {background:#5c7991 url('/Images/HeadwayMainSite/icons/rightArrowWhiteLarge.gif') no-repeat scroll 98% center; color:#fff; cursor:pointer; display:block; font-size:1.2em; font-weight:bold; margin:3px 1px; padding:3px 8px 4px 8px; text-decoration:none; width:424px;} .wideFWButton a:hover {text-decoration:underline;} .wideFWButton a img {float:right; margin-top:0px; display:inline;} .wideFWButtonContact {float:left; margin:10px 0 2px 0;} .wideFWButtonContact div {background-color:transparent; background-repeat:no-repeat; float:left;} .wideFWButtonContact .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/600/1f6196/topLeft.gif) no-repeat scroll left top;} .wideFWButtonContact .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/600/1f6196/bottomRight.gif) no-repeat scroll right bottom;} .wideFWButtonContact .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/600/1f6196/bottomLeft.gif) no-repeat scroll left bottom;} .wideFWButtonContact .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/600/1f6196/topRight.gif) no-repeat scroll right top;} .wideFWButtonContact p {background-color:#1f6196; color:#ffffff; display:block; font-size:1.2em; font-weight:bold; margin:3px 1px; padding:0 8px 1px 8px; text-decoration:none; width:486px;} .centreColWide .wideFWButtonContact, .fullPageContent .wideFWButtonContact { background-color: #1F6196; } .centreColWide .wideFWButtonContact p { width: 696px;} .fullPageContent .wideFWButtonContact p { width: 807px;} .rightBar .FWButtonContact {float:left; margin:6px 0 2px 0;} .rightBar .FWButtonContact div {background-color:transparent; background-repeat:no-repeat; float:left;} .rightBar .FWButtonContact .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/600/1f6196/topLeft.gif) no-repeat scroll left top;} .rightBar .FWButtonContact .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/600/1f6196/bottomRight.gif) no-repeat scroll right bottom;} .rightBar .FWButtonContact .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/600/1f6196/bottomLeft.gif) no-repeat scroll left bottom;} .rightBar .FWButtonContact .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/600/1f6196/topRight.gif) no-repeat scroll right top;} .rightBar .FWButtonContact p {background-color:#1f6196; color:#ffffff; display:block; font-size:1.2em; font-weight:bold; margin:3px 1px; padding:0 8px 1px 8px; text-decoration:none; width:172px;} /* ---------------------------------------*/ /* Branch Contact Details */ /* -------------------------------------- */ .centreCol .centreColContactDetails { margin: 0 0 26px 0; float:left; width:504px; background-color:#f3f7fb; } .centreCol .centreColContactDetails img { vertical-align:bottom;} .centreCol .centreColContactDetails p.contactTitle {margin:1px 0 3px 15px; padding:0; font-weight:bold; color:#1f6196;} .centreCol .centreColContactDetails p.contactTitle.subHeaderBelow {margin-bottom:0;} .centreCol .centreColContactDetails p.subHeader {font-size:1.2em;color:#717171;margin:0 0 9px 15px;} .centreCol .centreColContactDetails div.contactLeft, .centreCol .centreColContactDetails div.contactRight {float:left; width:216px; margin:0 15px 6px 15px;} .centreCol .centreColContactDetails div p img {position:relative; vertical-align:top;} .centreCol .centreColContactDetails div p img.phoneImg { top:-3px; margin:0 10px 0 10px;} .centreCol .centreColContactDetails div p img.faxImg { top:-3px; margin:0 5px 0 4px;} .centreCol .centreColContactDetails div p img.emailImg { top:-3px; margin:0 3px 0 0;} .centreCol .centreColContactDetails div p img.webImg { top:-1px; margin:0 4px 0 3px;} .centreCol .centreColContactDetails div p { padding:0 0 3px 0; color:#717171;} .centreCol .centreColContactDetails div span.contactNumbers {margin:0;} .centreColWide .centreColContactDetails { margin: 0 0 26px 0; float:left; width:714px; background-color:#f3f7fb; } .centreColWide .centreColContactDetails > img { vertical-align:bottom;width: 100%;} .centreColWide .centreColContactDetails p.contactTitle {margin:1px 0 3px 15px; padding:0; font-weight:bold; color:#1f6196;} .centreColWide .centreColContactDetails p.contactTitle.subHeaderBelow {margin-bottom:0;} .centreColWide .centreColContactDetails p.subHeader {font-size:1.2em;color:#717171;margin:0 0 9px 15px;} .centreColWide .centreColContactDetails div.contactLeft, .centreColWide .centreColContactDetails div.contactRight {float:left; width:216px; margin:0 15px 6px 15px;} .centreColWide .centreColContactDetails div p img {position:relative; vertical-align:top;} .centreColWide .centreColContactDetails div p img.phoneImg { top:-3px; margin:0 10px 0 10px;} .centreColWide .centreColContactDetails div p img.faxImg { top:-3px; margin:0 5px 0 4px;} .centreColWide .centreColContactDetails div p img.emailImg { top:-3px; margin:0 3px 0 0;} .centreColWide .centreColContactDetails div p img.webImg { top:-1px; margin:0 4px 0 3px;} .centreColWide .centreColContactDetails div p { padding:0 0 3px 0; color:#717171;} .centreColWide .centreColContactDetails div span.contactNumbers {margin:0;} .fullPageContent .centreColContactDetails { margin: 0 0 26px 0; float:left; width:825px; background-color:#f3f7fb; } .fullPageContent .centreColContactDetails > img { vertical-align:bottom;width: 100%;} .fullPageContent .centreColContactDetails p.contactTitle {margin:1px 0 3px 15px; padding:0; font-weight:bold; color:#1f6196;} .fullPageContent .centreColContactDetails p.contactTitle.subHeaderBelow {margin-bottom:0;} .fullPageContent .centreColContactDetails p.subHeader {font-size:1.2em;color:#717171;margin:0 0 9px 15px;} .fullPageContent .centreColContactDetails div.contactLeft, .fullPageContent .centreColContactDetails div.contactRight {float:left; width:216px; margin:0 15px 6px 15px;} .fullPageContent .centreColContactDetails div p img {position:relative; vertical-align:top;} .fullPageContent .centreColContactDetails div p img.phoneImg { top:-3px; margin:0 10px 0 10px;} .fullPageContent .centreColContactDetails div p img.faxImg { top:-3px; margin:0 5px 0 4px;} .fullPageContent .centreColContactDetails div p img.emailImg { top:-3px; margin:0 3px 0 0;} .fullPageContent .centreColContactDetails div p img.webImg { top:-1px; margin:0 4px 0 3px;} .fullPageContent .centreColContactDetails div p { padding:0 0 3px 0; color:#717171;} .fullPageContent .centreColContactDetails div span.contactNumbers {margin:0;} .rightBar .rightBarContactDetails { margin: 0 0 16px 0; float:left; width:191px; background-color:#f3f7fb; background-image:url('/Images/HeadwayMainSite/sitepages/rightBarContactDetailsPanelTop.gif'); background-repeat:no-repeat; background-position:0 0;} .rightBar .rightBarContactDetails img { vertical-align:bottom;} .rightBar .rightBarContactDetails p.subHeader {color:#000; font-size: 1.1em; line-height:1.6em; margin:0; padding:0 15px 6px 15px;} .rightBar .rightBarContactDetails p.contactTitle {font-size:1.2em; font-weight:bold; padding-bottom:0; line-height:1em; margin:12px 15px 0 15px; color:#000;} .rightBar .rightBarContactDetails div.contactInfo, .rightBar .rightBarContactDetails div.contactNumbers, .rightBar .rightBarContactDetails div.contactExtra {width:163px; margin:0 15px;} .rightBar .rightBarContactDetails div.contactInfo { padding-bottom:8px; border-bottom:1px dotted #d4e1ec;} .rightBar .rightBarContactDetails div.contactInfo p {font-size:1.1em; line-height:1.6em;} .rightBar .rightBarContactDetails div.contactNumbers {margin:0 10px; width:169px; padding-top:14px;} .rightBar .rightBarContactDetails div.contactExtra { padding-top:8px; border-top:1px dotted #d4e1ec;} .rightBar .rightBarContactDetails div p img {position:relative; vertical-align:top;} .rightBar .rightBarContactDetails div p img.phoneImg { top:-3px; margin:0 11px 0 9px;} .rightBar .rightBarContactDetails div p img.faxImg { top:-3px; margin:0 6px 0 3px;} .rightBar .rightBarContactDetails div p img.emailImg { top:-3px; margin:0 3px 0 0;} .rightBar .rightBarContactDetails div p img.webImg { top:-3px; margin:0 5px 0 3px;} .rightBar .rightBarContactDetails div p { padding:0 0 3px 0; color:#717171;} .rightBar .rightBarContactDetails div span.contactNumbers {margin:0;} ul.fullSize {font-size:1.2em; line-height:1.7em; margin-bottom:21px;} ul.fullSize li {margin-bottom:6px;} /* ---------------------------------------*/ /* Solicitor Pages Styles */ /* -------------------------------------- */ .solicitorAwards {margin:9px 0} .solicitorAwards div.awardItem {float:left;} .solicitorAwards div.awardItem p {padding-bottom:6px;} .solicitorAwards div.awardItem p.award {float:left; width:20px; font-weight:bold; color:#79a1c1; padding:0 0 0 6px;} .solicitorAwards div.awardItem p.awardDesc {float:right; width:473px;} .solicitorAwards p.readMore { padding:9px 0 15px 0; font-size:1.1em; line-height:1.3em; color:#1f6196; } .solicitorAwards p.readMore img { vertical-align:middle; } .solicitorListing div.SolicitorListingHeadings {float:left; width:505px; border-bottom:1px solid #e6e6e6; padding:0 0;} .solicitorListing span {float:left; line-height:2.3em; padding:0 10px;} .solicitorListing span.solicitorListingSolicitor {width:245px; font-size:1.1em; line-height:2.6em; font-weight:normal; } .solicitorListing span.solicitorListingTelNo {width:100px; font-size:1.1em; line-height:2.6em; font-weight:normal; color:#8d8d8d;} .solicitorListing span.solicitorListingEmail {width:100px; font-size:1.1em; line-height:2.6em; font-weight:normal; } .solicitorListing ul li span.solicitorListingSolicitor { font-size:1.2em; line-height:2.3em; font-weight:bold; } .solicitorListing span.solicitorListingEmail img {vertical-align:middle; margin-right:5px; padding-top:1px;} .solicitorListing ul.solicitorListingList {padding:0; margin:8px 0 29px 0; float:left; list-style-type:none;} .solicitorListing ul.solicitorListingList li {background:none; padding:0; float:left; border-bottom:1px dotted #d9d9d9;} .centreColWide .solicitorListing div.SolicitorListingHeadings {float:left; width:715px; border-bottom:1px solid #e6e6e6; padding:0 0;} .centreColWide .solicitorListing span {float:left; line-height:2.3em; padding:0 10px;} .centreColWide .solicitorListing span.solicitorListingSolicitor {width:355px; font-size:1.1em; line-height:2.6em; font-weight:normal; } .centreColWide .solicitorListing span.solicitorListingTelNo {width:150px; font-size:1.1em; line-height:2.6em; font-weight:normal; color:#8d8d8d;} .centreColWide .solicitorListing span.solicitorListingEmail {width:150px; font-size:1.1em; line-height:2.6em; font-weight:normal; } .centreColWide .solicitorListing ul li span.solicitorListingSolicitor { font-size:1.2em; line-height:2.3em; font-weight:bold; } .centreColWide .solicitorListing span.solicitorListingEmail img {vertical-align:middle; margin-right:5px; padding-top:1px;} .centreColWide .solicitorListing ul.solicitorListingList {padding:0; margin:8px 0 29px 0; float:left; list-style-type:none;} .centreColWide .solicitorListing ul.solicitorListingList li {background:none; padding:0; float:left; border-bottom:1px dotted #d9d9d9;} /* ---------------------------------------*/ /* Fixed Width Expandable Panel Peach */ /* -------------------------------------- */ .peachFWPanel {float:left; margin:18px 0 2px 0;} .peachFWPanel div {margin:0; padding:0; background-color:transparent; background-repeat:no-repeat; float:left;} .peachFWPanel .pnlTl {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/fff1df/topLeft.gif) no-repeat scroll left top;} .peachFWPanel .pnlBr {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/fff1df/bottomRight.gif) no-repeat scroll right bottom;} .peachFWPanel .pnlBl {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/fff1df/bottomLeft.gif) no-repeat scroll left bottom;} .peachFWPanel .pnlTr {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/fff1df/topRight.gif) no-repeat scroll right top;} .peachFWPanel div.panelContentsContainer {width:424px; background-color:#fff1df; margin:4px 0 4px 0; padding:8px 10px 4px 10px;} .peachFWPanel div.panelContentsContainer div.focusImage {float:left; width:155px; height:155px; padding:5px; margin:8px 0 0 0; background-image: url('/Images/HeadwayMainSite/homepage/focusImageBorder.gif'); background-repeat:no-repeat;} .peachFWPanel div.panelContentsContainer div.panelContent {float:right; margin:0; padding:10px 0 0 0; width:250px;} .peachFWPanel div.panelContentsContainer div.panelContent p {color:#7a7a7a; line-height:1.5em; padding:0 0 7px 0;} .peachFWPanel div.panelContentsContainer h2 {margin:0; padding:0; font-size:2.2em; font-weight:normal; color:#000;} .peachFWPanel div.panelContentsContainer h2.fLeft {float:left;} .peachFWPanel div.panelContent p.readMore { padding:0; font-size:1.1em; line-height:1.3em; color:#1f6196; } .peachFWPanel div.panelContent p.readMore img { vertical-align:middle; } .peachFWPanel .headerBtn {float:right; margin:2px 2px 0 0;} .peachFWPanel .headerBtn div {background-color:transparent; background-repeat:no-repeat; float:left;} .peachFWPanel .headerBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfff1df/topLeft.gif) no-repeat scroll left top;} .peachFWPanel .headerBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfff1df/bottomRight.gif) no-repeat scroll right bottom;} .peachFWPanel .headerBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfff1df/bottomLeft.gif) no-repeat scroll left bottom;} .peachFWPanel .headerBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfff1df/topRight.gif) no-repeat scroll right top;} .peachFWPanel .headerBtn a:link, .peachFWPanel .headerBtn a:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfff1df/background.gif) no-repeat scroll right center; border:0 none; color:#fff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:3px 1px; padding:0 5px 2px 5px; text-decoration:none; width:6.6em;} .peachFWPanel .headerBtn a:hover {text-decoration:underline;} .peachFWPanel .headerBtn.inactive {float:right; margin:2px 2px 0 0;} .peachFWPanel .headerBtn.inactive div {background-color:transparent; background-repeat:no-repeat; float:left;} .peachFWPanel .headerBtn.inactive .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/b2b2b2ONfff1df/topLeft.gif) no-repeat scroll left top;} .peachFWPanel .headerBtn.inactive .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/b2b2b2ONfff1df/bottomRight.gif) no-repeat scroll right bottom;} .peachFWPanel .headerBtn.inactive .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/b2b2b2ONfff1df/bottomLeft.gif) no-repeat scroll left bottom;} .peachFWPanel .headerBtn.inactive .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/b2b2b2ONfff1df/topRight.gif) no-repeat scroll right top;} .peachFWPanel .headerBtn.inactive a:link, .peachFWPanel .headerBtn.inactive a:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/b2b2b2ONfff1df/background.gif) no-repeat scroll right center; border:0 none; color:#dbdbdb; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:3px 1px; padding:0 5px 2px 5px; text-decoration:none; width:6.6em;} .peachFWPanel .headerBtn.inactive a:hover {text-decoration:underline;} .peachFWPanel div.panelContentsContainer div.internalPanel { float:left; margin:8px 0 4px 1px;} .peachFWPanel div.panelContentsContainer div.internalPanel div.panelContentsContainer {margin:4px 0px; padding:8px 0 13px; width:422px; background-color:#fffaf4; background-repeat:no-repeat; float:left;} .peachFWPanel div.panelContentsContainer div.internalPanel .pnlTl {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/fffaf4ONfff1df/topLeft.gif) no-repeat scroll left top;} .peachFWPanel div.panelContentsContainer div.internalPanel .pnlBr {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/fffaf4ONfff1df/bottomRight.gif) no-repeat scroll right bottom;} .peachFWPanel div.panelContentsContainer div.internalPanel .pnlBl {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/fffaf4ONfff1df/bottomLeft.gif) no-repeat scroll left bottom;} .peachFWPanel div.panelContentsContainer div.internalPanel .pnlTr {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/fffaf4ONfff1df/topRight.gif) no-repeat scroll right top;} .panelContentsContainer ul.shopFocus { margin:0; padding:0; width:422px;} .panelContentsContainer ul.shopFocus li {background:none;} .panelContentsContainer .shopFocusItem {list-style-type:none; min-height:120px; padding:0 0 0 13px; } .panelContentsContainer h3 { color:#1f6196; font-size:1.5em; margin:1px 0 0 0; padding:0; font-weight:bold; } .panelContentsContainer p.price { font-size:1.1em; color:#DE0000; margin:1px 0 0 0; padding:0; } .panelContentsContainer p.price span.actualPrice { font-weight:bold; } .panelContentsContainer p { padding:0; margin:7px 0 0 0; line-height:1.3em; } div.shopFocusText { float:right; width:279px; padding:0 20px 0 5px;} div.shopFocusImage { width:85px; height:119px; position:relative; float:left; margin:5px 0 0 0; background-image: url('/Images/HeadwayMainSite/homepage/shopFocusImgBkgnd.gif'); background-repeat:no-repeat; } div.shopFocusImage img { padding: 4px; } div.shopFocusImage div.shopFocusNew {margin:0; padding:0; width:52px; height:52px; position:absolute; top:-8px; right:-9px;} div.shopFocusImage div.shopFocusNew img {margin:0; padding:0; position:absolute;} p.readMore { margin:0; padding:4px 0 0 0; font-size:1.1em; line-height:1.5em; color:#1f6196; } p.readMore img { vertical-align:middle; } div.shopFocusText .stdBtnCnt {padding:14px 4px 0 0;} div.shopFocusText .stdBtn div {background-color:transparent; background-repeat:no-repeat; float:left;} div.shopFocusText .stdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/topLeft.gif) no-repeat scroll left top;} div.shopFocusText .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/bottomRight.gif) no-repeat scroll right bottom;} div.shopFocusText .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/bottomLeft.gif) no-repeat scroll left bottom;} div.shopFocusText .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/topRight.gif) no-repeat scroll right top;} div.shopFocusText .stdBtn a:link, div.shopFocusText .stdBtn a:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/backgroundShopCart.gif) no-repeat scroll right center; border:0 none; color:#fff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:3px 1px; padding:0 5px 2px 5px; text-decoration:none; width:8.2em;} div.shopFocusText .stdBtn a:hover {text-decoration:underline;} /* ---------------------------------------------------- */ /* ECOMMERCE / DONATIONS PAGES AND STYLINGS */ /* ---------------------------------------------------- */ /*-- main listing shopping page --*/ div.mainWorkAreaWide ul.shopFocus { margin:0; padding:0 0 14px; width:741px; float:left;} div.mainWorkAreaWide ul.shopFocus li.shopItemRow {background:none;list-style-type:none; min-height:120px; padding:14px 0; border-top:1px dotted #dbdbdb;} div.mainWorkAreaWide ul.shopFocus li.shopItemRow.noBorder {border:0 none; padding:0 0 14px;} ul.shopFocus div.shopItem div.shopFocusText {width:218px; } ul.shopFocus div.shopItem {min-height:120px; width:338px; padding:0 0 0 28px; float:left; } ul.shopFocus div.shopItem.border {border-right:1px dotted #dbdbdb;} ul.shopFocus li div.shopItem h3 { color:#1f6196; font-size:1.2em; margin:1px 0 0 0; padding:0; font-weight:bold; } ul.shopFocus li div.shopItem p.price span { font-weight:bold; color:#DE0000;} div.mainRightBar .peachFWPanel {float:left; margin:0 0 2px 0;} div.mainRightBar .peachFWPanel .headerBtn {float:left; margin:0 3px 8px 4px;} div.mainRightBar .peachFWPanel .headerBtn a.checkout:link, .peachFWPanel .headerBtn a.checkout:visited {width:4.7em;} div.mainRightBar .peachFWPanel .headerBtn a.basket:link, .peachFWPanel .headerBtn a.basket:visited {width:6em;} div.mainRightBar .peachFWPanel div.internalPanel {float:left; margin:0 0 8px;} div.mainRightBar .peachFWPanel div.panelContentsContainer {width:183px; background-color:#fff1df; margin:4px 0; padding:0 4px;} div.mainRightBar .peachFWPanel div.panelContentsContainer div.panelContentsContainer {width:183px; padding-top:5px;} /*-- main listing side Basket Styles --*/ .miniLink {float:right; margin:0 6px 0 0; font-size:1.1em; display:block;} .basketList ul {float:left; font-size:1.1em; margin:0; width:171px; padding:0 6px; border-bottom: dotted 1px #cccccc;} .basketList ul li {list-style-type: none; margin:0; padding:0 0 5px 5px;clear:both;} .basketList ul li h3, .basketList ul li h4 {font-size:1em; margin:0; width:80%; font-weight:normal;} .basketList ul li h3 {color:#cc0033; padding:6px 0 1px 0; line-height:1.1em;} .basketList ul li h4 {color:#ff0000; padding:0; margin-bottom:4px;} .basketList ul li p { margin:0; padding:0;} .basketList ul li span.actualPrice {padding:0; margin:1px 0 6px 0; font-size:1em; color:#DE0000; float:left;} .basketList ul li .delete {float:right; margin:7px 0 0 0;} .basketList ul li .delete img {border:0px;} .basketList .listTotal {font-weight:bold;float:left; margin:5px 0 0 10px; padding:0; font-size:1.1em;} .basketList .listTotal span {color:#DE0000;} /*-- sidebar search options Styles --*/ div.searchOptions input {color:#5a5a5a;float:left;font-size:1.1em;height:1.3em;padding:3px 0 2px 2px;margin:15px 0 22px;width:187px;} div.searchOptions select {color:#5a5a5a;float:left;font-size:1.1em;height:2em;padding:2px 1px 2px 1px;margin:15px 0 22px;width:191px;} div.searchOptions .searchOptionButtons {float:left; width:191px;} div.searchOptions .searchOptionButtons .stdBtn {margin-right:12px; float:left;} div.searchOptions .searchOptionButtons .stdBtn div {background-color:#1f6196; background-repeat:no-repeat;float:left; } div.searchOptions .searchOptionButtons .stdBtn .btnTl {background:#1f6196 url(/Images/HeadwayMainSite/scaleable/300/1f6196/topLeft.gif) no-repeat scroll left top;} div.searchOptions .searchOptionButtons .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/bottomRight.gif) no-repeat scroll right bottom;} div.searchOptions .searchOptionButtons .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/bottomLeft.gif) no-repeat scroll left bottom;} div.searchOptions .searchOptionButtons .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/topRight.gif) no-repeat scroll right top;} div.searchOptions .searchOptionButtons .stdBtn input {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/background.gif) no-repeat scroll right center; height:auto; border:0 none; color:#ffffff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:2px 1px; padding:1px 9px 4px 3px; text-decoration:none;} div.searchOptions .searchOptionButtons .stdBtn input.searchSubmit {width:4.4em;} div.searchOptions .searchOptionButtons .stdBtn input.clearFilters {width:6.2em;} div.searchOptions .searchOptionButtons .stdBtn input:hover {text-decoration:underline;} /*-- Item Focus page stylings --*/ .stdBtnCnt.addToBasket .stdBtn div {background-color:transparent; background-repeat:no-repeat; float:left;} .stdBtnCnt.addToBasket .stdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/topLeft.gif) no-repeat scroll left top;} .stdBtnCnt.addToBasket .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/bottomRight.gif) no-repeat scroll right bottom;} .stdBtnCnt.addToBasket .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/bottomLeft.gif) no-repeat scroll left bottom;} .stdBtnCnt.addToBasket .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/topRight.gif) no-repeat scroll right top;} .stdBtnCnt.addToBasket .stdBtn a:link, .stdBtnCnt.addToBasket .stdBtn a:visited, .stdBtnCnt.addToBasket .stdBtn input {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/backgroundShopCart.gif) no-repeat scroll right center; border:0 none; color:#fff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:3px 1px; padding:1px 5px 1px; text-decoration:none; width:8.2em;} .stdBtnCnt.addToBasket .stdBtn a:hover {text-decoration:underline;} div.productPageLeft {width:148px;float:left;margin-right:36px;} div.productPageLeft .shopFocusImage {float:right;} div.productPageContainer {float:left;width:556px;} div.productPageContainer p.price {color:#DE0000;margin-bottom:6px;} div.productPageContainer table.itemDetails {font-size:1.2em;margin-bottom:25px;} div.productPageContainer table.itemDetails td {padding:5px 0;padding-right:30px;} div.productPageContainer th {font-weight:bold;} div.productPageContainer .itemFullDesc ul {margin:0 0 10px 10px;} div.productPageContainer .itemFullDesc ul li {color:#444;padding-bottom:14px;} .productPageContainer .downloadList {width:auto} .productPageContainer .downloadList ul li {width:530px;} .productPageContainer .downloadList .downloadLink {width:400px;} .productPageContainer .downloadList .downloadDetail {width:auto;} .productPageContainer .downloadList .downloadLink .price, .productPageContainer .downloadList .downloadLink .price span {color:#DE0000;} .productOptions .optionDesc {float:left; width:124px;} .productOptions .optionDesc p {margin:0; padding:0 0 22px 0;} .productOptions .optionAdd {float:left;} .productOptions .optionAdd {margin:0; padding:0;} /*-- Basket page stylings --*/ /*item table*/ .BasketTableContainer {width:100%; font-size:1.1em; margin-bottom:13px;} .BasketTableContainer table,.totalsTableContainer table {width:100%; margin:0;} .BasketTableContainer table col.itemCol {width:415px;} .BasketTableContainer table col.priceCol {width:110px;} .BasketTableContainer table col.QtyCol {width:110px;} .BasketTableContainer table col.optionsColWide,.BasketTableContainer table col.optionsCol {width:81px; } .totalsTableContainer table col.optionsColWide,.totalsTableContainer table col.optionsCol {width:75px;} .BasketTableContainer table thead tr th {color:#787878; font-size:1.0em; font-weight:normal; background-color:transparent; padding:4px 0 8px; border-bottom:1px solid #dadada;} .BasketTableContainer table thead tr th.qty {padding-left:7px;} .BasketTableContainer table tr td.qty {padding-left:12px; color:#787878;} .BasketTableContainer table .alignC {text-align:center;} .BasketTableContainer table tr {background-color:transparent;} .BasketTableContainer table tr td {color:#1f6196; font-size:1em; padding:10px 0; border-bottom:1px dotted #dadada;} .BasketTableContainer table tr td.itemName {font-weight:bold; font-size:1.1em;} .BasketTableContainer table tr td.price,.totalsTableContainer table tr td.price {color:#DE0000;} .BasketTableContainer table tr td.remove {padding-right:12px;} .BasketTableContainer table tr td input.quantity {float:left; color:#919191; width:1.7em; font-size:1.1em; text-align:center; padding:0.3em 0.5em;} .BasketTableContainer table tr td input.donationQuantity {float:left; color:#919191; width:2.7em; font-size:1.1em; text-align:center; padding:0.3em 0.5em;} .quantityArrows {float:left; margin-left:5px;} .quantityArrows img {display:block; margin-top:5px;} .quantityArrows a:active, .quantityArrows a:focus {background-color:transparent;} /*totals table*/ .totalsTableContainer {width:100%; font-size:1.1em; margin-bottom:3px;} .totalsTableContainer table col.titleCol {width:409px;} .totalsTableContainer table col.QtyCol {width:110px;} .totalsTableContainer table col.QtyColShort {width:150px;} .totalsTableContainer table col.priceCol {width:110px;} .totalsTableContainer table col.itemCol {width:421px;} .totalsTableContainer table tr {background-color:transparent;} .totalsTableContainer table tr td {padding:0; font-size:1.1em; } .totalsTableContainer table tr td.update {font-size:1em;} .totalsTableContainer table tr td.sum {padding:10px 0 0;} .totalsTableContainer table tr td.qty {padding-left:12px; font-weight:bold;} .totalsTableContainer table tr td select {width:152px; color:#5a5a5a; font-size:1.1em; margin-left:25px;} /*general basket/checkout styles*/ .orangeBtn {float:left; margin:0 2px 0 0;} .orangeBtn div {background-color:transparent; background-repeat:no-repeat; float:left;} .orangeBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/topLeft.gif) no-repeat scroll left top;} .orangeBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/bottomRight.gif) no-repeat scroll right bottom;} .orangeBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/bottomLeft.gif) no-repeat scroll left bottom;} .orangeBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/topRight.gif) no-repeat scroll right top;} .orangeBtn input {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/background.gif) no-repeat scroll right center; border:0 none; color:#fff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:2px 1px; padding:0 10px 2px 3px; width:auto;} .orangeBtn input:hover {text-decoration:underline;} .orangeBtn a.update:link, .orangeBtn a.update:visited {background:#cc5008; border:0 none; color:#fff; cursor:pointer; display:block; font-size:1em; font-weight:normal; margin:3px 1px; padding:0 5px 2px 5px; width:3.1em;} .orangeBtn a.editBasket:link, .orangeBtn a.editBasket:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/cc5008ONfffaf4/background.gif) no-repeat scroll right center; border:0 none; color:#fff; cursor:pointer; display:block; font-size:1.0em; font-weight:normal; margin:3px 1px; padding:0 5px 2px 5px; text-decoration:none; width:5.6em;} .orangeBtn a:hover {text-decoration:underline;} ul.basketOptions {list-style-type:none; float:left; margin:0; padding:0; width:100%;} ul.basketOptions li {background:none; padding:0; margin-right:10px; display:inline; float:left; } ul.basketOptions li .stdBtn input.contactFormBack {padding:0 3px 2px 8px; background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/backgroundBack.gif) no-repeat scroll left center; } ul.basketOptions li .stdBtn input.checkoutBack {padding:0 3px 2px 8px; background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/backgroundBack.gif) no-repeat scroll left center; } ul.basketOptions li .stdBtn input.returnToWeb { width:9em; } /*-- text summary table styles --*/ .textListTableContainer{float:left; margin:10px 45px 20px 0;} .textListTableContainer h2 {font-size:1.4em; color:#717171;} .textListTableContainer table {color:#444;font-size:1.1em;} .textListTableContainer table.charges {width:36em;} .textListTableContainer table.address {width:28em; font-size:1.2em;} .textListTableContainer table tr {background-color: transparent;} .textListTableContainer table tr td {font-size:1em; color:#444; padding:5px 0; vertical-align:top;} .textListTableContainer table tr td.service {font-weight:bold;} .textListTableContainer table tr td .stdBtn {margin-top:5px;} .textListTableContainer table tr td .editDetails {font-size:1em; width:6.4em; padding:0 8px 2px 0; margin:2px 1px 3px;} /*-- progression bar stylings --*/ /*checkout bar-*/ .progressBarContainer {float:left;} .progressBarContainer .pageTitle {float:left; width:200px; margin-right:20px;} .progressBarContainer .progressBar {float:left; width:605px; margin-top:1em;} .progressBar ul {list-style-type:none;float:left; padding:0; margin:0; background-color:#cc5008;} .progressBar ul li {background:none; padding:0; float:left; font-weight:bold; font-size:1.1em; min-height:40px;} .progressBar ul li.confirmation.selected {background:#1f6196;} .progressBar ul li.selected {background:#1f6196 url(/Images/HeadwayMainSite/nav/progressbar/itemTip.gif) no-repeat scroll 100% 0;} .progressBar ul li.completed {background-color:#1f6196;} .progressBar ul li a, .progressBar ul li span {float:left; font-weight:bold; color:#ffffff; font-size:1em; } .progressBar ul li.billing a, .progressBar ul li.billing span {padding:13px 24px 13px 47px; background-image:url(/Images/HeadwayMainSite/nav/progressbar/checkout/iconBilling.png); background-repeat:no-repeat; background-position:1.3em center; } .progressBar ul li.delivery a,.progressBar ul li.delivery span {padding:13px 25px 13px 55px; background-image:url(/Images/HeadwayMainSite/nav/progressbar/checkout/iconDelivery.png); background-repeat:no-repeat; background-position:1.4em center;} .progressBar ul li.summary a,.progressBar ul li.summary span {padding:13px 25px 13px 46px; background-image:url(/Images/HeadwayMainSite/nav/progressbar/checkout/iconSummary.png); background-repeat:no-repeat; background-position:1.4em center;} .progressBar ul li.payment a,.progressBar ul li.payment span {padding:13px 23px 13px 50px; background-image:url(/Images/HeadwayMainSite/nav/progressbar/checkout/iconPayment.png); background-repeat:no-repeat; background-position:1.4em center;} .progressBar ul li.confirmation a,.progressBar ul li.confirmation span {padding:13px 16px 13px 44px; background-image:url(/Images/HeadwayMainSite/nav/progressbar/checkout/iconConfirmation.png); background-repeat:no-repeat; background-position:1.5em center;} .progressBar ul li a,.progressBar ul li.billing a,.progressBar ul li.delivery a,.progressBar ul li.summary a,.progressBar ul li.payment a {background-color:#1f6096;} /*donations bar*/ .donationBarContainer {float:left;} .donationBarContainer .pageTitle {float:left; width:230px; margin-right:20px;} .donationBarContainer .donationBar {float:left; width:566px; margin-top:1em;} .donationBar ul {list-style-type:none;float:left; padding:0; margin:0; background-color:#cc5008;} .donationBar ul li {background:none; padding:0; float:left; font-weight:bold; font-size:1.1em; min-height:40px;} .donationBar ul li.confirmation.selected {background:#1f6196;} .donationBar ul li.selected {background:#1f6196 url(/Images/HeadwayMainSite/nav/progressbar/itemTip.gif) no-repeat scroll right top;} .donationBar ul li.completed {background-color:#1f6196;} .donationBar ul li a, .donationBar ul li span {float:left; font-weight:bold; color:#ffffff; font-size:1em; } .donationBar ul li.donation a, .donationBar ul li.donation span {padding:13px 32px 13px 60px; background-image:url(/Images/HeadwayMainSite/nav/progressbar/checkout/iconDonation.png); background-repeat:no-repeat; background-position:2.3em center; } .donationBar ul li.details a, .donationBar ul li.details span {padding:13px 35px 13px 60px; background-image:url(/Images/HeadwayMainSite/nav/progressbar/checkout/iconBilling.png); background-repeat:no-repeat; background-position:2.0em center;} .donationBar ul li.payment a, .donationBar ul li.payment span {padding:13px 35px 13px 50px; background-image:url(/Images/HeadwayMainSite/nav/progressbar/checkout/iconPayment.png); background-repeat:no-repeat; background-position:1.4em center;} .donationBar ul li.confirmation a, .donationBar ul li.confirmation span {padding:13px 16px 13px 44px; background-image:url(/Images/HeadwayMainSite/nav/progressbar/checkout/iconConfirmation.png); background-repeat:no-repeat; background-position:1.5em center;} .donationBar ul li a {background-color:#1f6096;} /*-- donations pages and stylings --*/ .formContainerBorderTop h3 {color:#717171; font-size:1.4em;} .formContainerBorderTop h2 {color:#717171; font-size:1.4em; margin-bottom:12px; padding:0;} .panel.grey100pc {background-color:#f0f0f0;width:100%;margin-bottom:25px;} .panel.whiteONf0f0f0 {background-color:#fff;padding:5px;} .panel.donationDetails {background-color:#f0f0f0;width:464px;padding:10px 20px 20px;float:left; margin-top:18px;} .panel.whiteONf0f0f0100pc {background-color:#fff;width:100%;} .panel.donationDetails select {font-size:1.2em; margin:4px 0 9px; color:#5a5a5a;} .panel.donationDetails label {font-size:1.1em; margin:0; } .panel.donationDetails .donationNoMail {vertical-align:middle;} .panel img {margin:0;} .donationAmountText {width:84px;} .donationForm span input {margin:0 3px 0 2px;vertical-align:middle;position:relative;top:-3px;} .donationForm label.donationOther {margin:0 10px 0 22px;} .donationForm label {color:#444;position:relative;margin-right:14px;} .donationForm label.above {position:relative;top:-3px;} .donationFormContainer p.donationFormTitle {font-size:1.1em; font-weight:bold;padding:0 5px 5px 5px;} .donationForm ul.donationFormList {padding:0;margin:0;} .donationForm ul.donationFormList li {background:none;} .donationForm ul.donationFormList.inline li {float:left;padding:10px;margin-right:20px;} .donationForm ul.donationFormList.inline li input {display:block;} .donationForm ul.donationFormList.inline li.submit {padding:23px 0 0 15px;} .donationForm ul.donationFormList.inline li.submit input { font-size:1em; width:4.4em;} .donationForm ul.donationFormList li {list-style-type:none;font-size:1.1em;} .donationForm ul.donationFormList li a.forgotPass {margin-top:4px;display:block;} /*error message modifiers*/ .donationForm ul.donationFormList li {clear:both;} .donationForm ul.donationFormList li.errorMsg {border:1px solid #e25051; background:#fcdad9; padding:2px 2px 0 2px;} .donationForm ul.donationFormList li.errorMsg label {color:#b03c3c;} .donationForm ul.donationFormList li.errorMsg .errorText { margin:0px 2px 2px;} .donationForm ul.donationFormList li.errorMsg .errorText .errorImg {float:left; margin:2px 0 0;} .donationForm ul.donationFormList li.errorMsg p {float:left; padding:0; font-weight:bold; font-size:1.1em; color:#b03c3c; margin:2px 6px;} textarea.donationMessage {width:444px;height:120px; margin-top:3px; margin-bottom:8px;} .textListTableContainer.donationForm h2 {padding-top:0;} .textListTableContainer.donationForm table.address {width:190px;} span.giftAid input {position:relative;top:-14px;} .donationFormContainer {padding:4px;margin:0;} .diddy {font-size:0.95em} /*-- payment table --*/ table.paymentTable {width:380px; margin:10px 20px 10px 0; background:url(/Images/HeadwayMainSite/sitepages/lock.gif) no-repeat scroll right top;} table.paymentTable tr {background-color:transparent;} table.paymentTable tr img {margin:25px 0 15px 45px;} table.paymentTable tr td {font-size:1.1em; color:#6b6b6b;} table.paymentTable tr td.price {font-weight:bold; color:#1e5798;} table.paymentTable tr td.title {font-weight:bold; text-align:right; padding-right:30px;} /* ---------------------------------------*/ /* Fixed Width Expandable Panel Blue */ /* -------------------------------------- */ .blueFWPanel { float:left; margin:18px 0 2px 0;} .blueFWPanel div {margin:0; padding:0; background-color:transparent; background-repeat:no-repeat; float:left;} .blueFWPanel .pnlTl {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/dde9f3/topLeft.gif) no-repeat scroll left top;} .blueFWPanel .pnlBr {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/dde9f3/bottomRight.gif) no-repeat scroll right bottom;} .blueFWPanel .pnlBl {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/dde9f3/bottomLeft.gif) no-repeat scroll left bottom;} .blueFWPanel .pnlTr {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/dde9f3/topRight.gif) no-repeat scroll right top;} .blueFWPanel div.panelContentsContainer {width:424px; background-color:#dde9f3; margin:4px 0 4px 0; padding:7px 10px 7px 10px;} .blueFWPanel div.panelContentsContainer div.homepageMap {float:left; width:155px; padding:0; margin:0;} .blueFWPanel div.panelContentsContainer div.panelContent {float:right; margin:0; padding:10px 0 0 0; width:250px;} .blueFWPanel div.panelContentsContainer p {color:#7a7a7a; line-height:1.5em; padding:4px 0 7px 0;} .blueFWPanel div.panelContentsContainer p.small {font-size:1.1em;color:#444;} .blueFWPanel div.panelContentsContainer h2 {margin:0; padding:0; font-size:2.2em; font-weight:normal; color:#1f6196;} .blueFWPanel div.panelContentsContainer div.branchSearchForm p {float:right; width:245px;} .blueFWPanel div.panelContentsContainer div.formPanel { float:right; margin:0px 0 2px 0;} .blueFWPanel div.panelContentsContainer div.formPanel .pnlTl {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/edf4faONdde9f3/topLeft.gif) no-repeat scroll left top;} .blueFWPanel div.panelContentsContainer div.formPanel .pnlBr {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/edf4faONdde9f3/bottomRight.gif) no-repeat scroll right bottom;} .blueFWPanel div.panelContentsContainer div.formPanel .pnlBl {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/edf4faONdde9f3/bottomLeft.gif) no-repeat scroll left bottom;} .blueFWPanel div.panelContentsContainer div.formPanel .pnlTr {background:transparent url(/Images/HeadwayMainSite/scaleable/panel/edf4faONdde9f3/topRight.gif) no-repeat scroll right top;} .blueFWPanel div.panelContentsContainer div.formPanel div.panelContentsContainer {float:left; width:242px; background-color:#edf4fa; margin:4px 1px 4px 0; padding:4px 9px 10px 9px;} .blueFWPanel div.panelContentsContainer div.formPanel div.panelContentsContainer input {float:left; color:#919191; font-size:1.3em; margin: 3px 0; width:176px;} .blueFWPanel div.panelContentsContainer div.formPanel div.panelContentsContainer select {float:left; color:#919191; font-size:1.3em; margin: 3px 0; width:182px; height:1.7em;} .blueFWPanel div.panelContentsContainer div.formPanel div.panelContentsContainer .stdBtnCnt {float:right; margin:3px 0 0 0; padding:0; background:transparent;} .blueFWPanel div.panelContentsContainer div.formPanel div.panelContentsContainer .stdBtnCnt .stdBtn div {background-color:transparent; background-repeat:no-repeat; float:left;} .blueFWPanel div.panelContentsContainer div.formPanel div.panelContentsContainer .stdBtnCnt .stdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196ONedf4fa/topLeft.gif) no-repeat scroll left top;} .blueFWPanel div.panelContentsContainer div.formPanel div.panelContentsContainer .stdBtnCnt .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196ONedf4fa/bottomRight.gif) no-repeat scroll right bottom;} .blueFWPanel div.panelContentsContainer div.formPanel div.panelContentsContainer .stdBtnCnt .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196ONedf4fa/bottomLeft.gif) no-repeat scroll left bottom;} .blueFWPanel div.panelContentsContainer div.formPanel div.panelContentsContainer .stdBtnCnt .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196ONedf4fa/topRight.gif) no-repeat scroll right top;} .blueFWPanel div.panelContentsContainer div.formPanel div.panelContentsContainer .stdBtnCnt .stdBtn input {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196ONedf4fa/background.gif) no-repeat scroll right center; border:0 none; color:#ffffff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:2px 1px 2px 1px; padding:0 11px 2px 3px; text-decoration:none; width:4.7em; } .blueFWPanel div.panelContentsContainer div.formPanel div.panelContentsContainer .stdBtnCnt .stdBtn input:hover {text-decoration:underline;} /* --------------------------------- */ /* expandable form buttons */ /* --------------------------------- */ .stdBtn div {background-color:transparent; background-repeat:no-repeat; float:left;} .stdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/topLeft.gif) no-repeat scroll left top;} .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/bottomRight.gif) no-repeat scroll right bottom;} .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/bottomLeft.gif) no-repeat scroll left bottom;} .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/topRight.gif) no-repeat scroll right top;} .stdBtn input, .stdBtn a:link, .stdBtn a:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/background.gif) no-repeat scroll right center; border:0 none; color:#ffffff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:2px 1px; padding:0 10px 2px 3px; text-decoration:none; width:4.6em;} .stdBtn input:hover {text-decoration:underline;} /* ---------------------------------*/ /* Header */ /* -------------------------------- */ #header { float:left; width:988px; margin:0; padding:0 0 15px 0; } .mainLogo { float:left; margin:7px 0 0 0; } .quickLinks { float:right; } .quickLinks ul { margin:8px 6px 0 0; padding:0; float:right; text-align:right; } .quickLinks ul li { margin:0; padding:0; list-style-type:none; display:inline; /*color:#c8c8c8;*/ } .quickLinks ul li a { padding:0px 3px 0px 3px; font-size:1.1em; } .quickLinks ul li.textSize {font-size:1.1em;} .quickLinks ul li.textSize img { vertical-align:middle;} .quickLinks ul li.textSize a { padding:0; margin:0;} .headerSearch { float:right; margin:0; } .headerSearch ul { margin:5px 0 0 0; padding:0; display:block; vertical-align:top; } .headerSearch ul li { margin:0; padding:0; display:inline; float:left; } .headerSearch .searchTextEntry { color:#828282; width:144px; padding:3px; margin:0 7px 0 0; } .contactLinks { margin:47px 0 0 0; padding:0 53px 0 0; background-image:url(/Images/HeadwayMainSite/nav/header/contactLinksBg.gif); background-repeat:no-repeat; background-position:right 1em; } .extranetHeader {margin:47px 0 0 0;} .contactLinks p, .extranetHeader p {text-align:right; margin:0; padding:0; letter-spacing:-0.03em; font-weight:bold; font-family:tahoma; font-size:2.5em; line-height:1.2em; } .contactNum {color:#5d5d5d;} .contactEmail {color:#1f6196;} .pagebanner { float:left; border:solid 1px #cececc; border-width:0 1px 1px; clear:both; } /* ---------------------------------*/ /* Menu */ /* -------------------------------- */ .menuHolder { float:left; margin:0; padding:0; clear:both; width:986px; background-color:#19507c; background-image:url(/Images/HeadwayMainSite/nav/header/navBarBg.png); background-repeat:repeat-x; background-position:0 0; border-left:1px solid #cecece; border-right:1px solid #cecece;} .menuHolder ul { list-style-type:none; margin:0; padding:0; } .menuHolder ul li { width:auto; margin:0; padding:0; } .menuHolder ul li .leftCap { width:988px; height:6px; margin:0 0 0 -1px; padding:0; background-image:url(/Images/HeadwayMainSite/nav/header/topNavLeft.gif); background-repeat:no-repeat; background-position:0 0; } .menu { float:left; margin-left:10px; width:978px; background-image:url(/Images/HeadwayMainSite/nav/header/topNavRight.gif); background-repeat:no-repeat; background-position:100% 0; } .menu ul { padding:0; margin:0; list-style-type:none; display:inline; } .menu ul li { background-image:none; display:inline; float:left; font-weight:normal; margin:0; padding:0; } .menu ul li a { display:block; float:left; padding:19px 12px 18px; margin:1px 0 0 0; font-size:1.5em; text-decoration:none; font-weight:normal; background-image:url(/Images/HeadwayMainSite/nav/header/menuSeparator.gif); background-position:right; background-repeat:no-repeat; } .menu ul li a:link {display:block; float:left; text-decoration:none; color:#fff;} .menu ul li a:visited {display:block; float:left; text-decoration:none; color:#fff;} .menu ul li a:hover {display:block; float:left; text-decoration:none; color:#1D66AA; background-image:url(/Images/HeadwayMainSite/nav/header/menuHoverBkgd.gif); background-repeat:repeat-x; background-position:0 0; padding:20px 11px 18px; margin:0; border-left:1px solid #b5cee4; border-right:1px solid #b5cee4;} .menu ul li a:active {display:block; float:left; text-decoration:none; background-image:url(/Images/HeadwayMainSite/nav/header/menuActiveBkgd.gif); background-repeat:repeat-x; background-position:0 0; } .menu ul li a.selected {display:block; float:left; text-decoration:none; color:#1f6196; background-image:url(/Images/HeadwayMainSite/nav/header/menuActiveBkgd.gif); background-repeat:repeat-x; background-position:0 0; } .menu ul li a.selected:hover {display:block; float:left; text-decoration:none; color:#1f6196; background-image:url(/Images/HeadwayMainSite/nav/header/menuHoverBkgd.gif); background-repeat:repeat-x; background-position:0 0; } .noLink {cursor:default;} /* ---------------------------------*/ /* CSS DROP DOWN Menu */ /* -------------------------------- */ /* CLEAN OUT DROP DOWN CSS CODE */ .menu { position:relative; z-index:1000;} .menu ul li { position:relative; } .menu ul li ul { width:191px; visibility:hidden; position:absolute; top:55px; left:0px; padding:0px;/* background-color:#ffffff; */ border-bottom: solid 1px #c6d6e5; height:auto; } .menu ul li ul li { width:191px; border-left:1px solid #c6d6e5; } /* style the second level links */ .menu ul li ul li a { width:168px; height:auto; line-height:1em; font-weight:normal; font-size:1.2em; padding:5px 0px 5px 23px; margin:0; color:#1d66aa; border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #d9e1e8; background-image:none; } .menu ul li ul li a:link { width:168px; background-color:#ffffff; color:#1d66aa; line-height:1.5em; border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #d9e1e8; background-image:none; } .menu ul li ul li a:visited { margin:0; width:168px; background-color:#ffffff; color:#1d66aa; line-height:1.5em; border-right:1px solid #d9e1e8; border-top:1px solid #fff; border-bottom:1px solid #fff; background-image:none; } .menu ul li ul li a:hover { padding:5px 0 5px 23px; width:168px; background-color:#79a2c2; color:#ffffff; line-height:1.5em; border-top:1px solid #d9e1e8; border-right:0px solid #fff; border-bottom:1px solid #d9e1e8; background-image:none; } .menu ul li ul li a:active { width:168px; background-color:#79a2c2; color:#ffffff; line-height:1.5em; } /* style the 2nd level background */ .menu ul li ul a.drop { background-image:url(/Images/HeadwayMainSite/nav/header/drop.gif); background-repeat:no-repeat; background-position:10px 10px;} .menu ul li ul a.drop:visited { background-image:url(/Images/HeadwayMainSite/nav/header/drop.gif); background-repeat:no-repeat; background-position:10px 10px;} .menu ul li ul a.drop:link { background-image:url(/Images/HeadwayMainSite/nav/header/drop.gif); background-repeat:no-repeat; background-position:10px 10px;} .menu ul li ul a.drop:hover { background-image:url(/Images/HeadwayMainSite/nav/header/dropHover.gif); background-repeat:no-repeat; background-position:10px 10px; font-weight:normal;} /* style the 3rd level background */ .menu ul ul ul a, .menu ul ul ul a:visited { background-image:none; background-color:#79a2c2;} /* position the 3rd level flyout menu */ .menu ul li ul li ul{ width:178px; top:1px; left:192px; border:0; background-color:#ffffff;} .menu ul li ul li ul li { width:178px; border:0;} .menu ul li ul li ul li a { border-top:dotted 1px #98b4c9; background-color:#79a2c2; color:#fff;} .menu ul li ul li ul li a:visited { border-top:dotted 1px #98b4c9; border-bottom:0px solid #79a2c2; background-color:#79a2c2; color:#fff;} .menu ul li ul li ul li a:link { border-top:dotted 1px #98b4c9; border-bottom:0px solid #79a2c2; background-color:#79a2c2; color:#fff;} /* style the 3rd level hover */ .menu ul li ul li ul li a:hover { background-color:#a8c3d8; border-left:0;} /* position the 3rd level flyout menu for a left flyout */ .menu ul li ul li ul.left {left:-192px;} /* style the table so that it takes no part in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} .noLink { cursor:default; } /* start style for IE6 Hack to work */ .menu li:hover a, .menu li a:hover { border:0; } * html .menu li a:hover ul li a { width:179px; } /* end style for IE6 Hack to work */ /* ------------------------------ */ /* Crumbtrail */ /* ------------------------------ */ #crumbtrailHolder { float:left; width:952px; padding:0; margin:0; border-bottom:solid 1px #dedede; } #crumbtrail { float:left; width:840px; color:#5c5c5c; font-size:1.1em; padding:17px 1px 4px 1px; margin:0; line-height:1.5em;} #crumbtrail .youAreHere { float:left; padding:0 0 0 15px; color:#535353; background-image:url(/Images/HeadwayMainSite/nav/crumbtrail/house.gif); background-repeat:no-repeat; background-position:1px center; } #crumbtrail ul { margin:0; float:left; padding:0 0 0 3px; } #crumbtrail li { display:inline; padding:0; margin:0; } .arrow, .activeCrumb { color:#4f4f4f; font-weight:normal; } /* ---------------------------------*/ /* Left Nav styles */ /* -------------------------------- */ /*need to compress.. find out what about hover state.. /* (base) */ .leftNav { margin-bottom:16px; } .leftNav img { vertical-align:bottom; } .leftNav ul { float:left; width:217px; margin:0; padding:0; border-bottom:1px dotted #dddddd;} .leftNav ul li { float:left; width:217px; list-style-type:none; margin:0; padding:0; border-top:1px dotted #dddddd; } .leftNav ul li a { float:left; width:195px; padding:6px 0 6px 23px; background-image:url(/Images/HeadwayMainSite/nav/leftbar/normBullet.gif); background-repeat:no-repeat; background-position:10px 10px; font-weight:normal; font-size:1.2em; } .leftNav ul li a:link { background-color:#fff; color:#1f6196; text-decoration:none; } .leftNav ul li a:visited { background-color:#fff; color:#1f6196; text-decoration:none; } .leftNav ul li a:hover { background-color:#e9e9e9; color:#1f6196; text-decoration:none; } .leftNav ul li a:active {color:#ffffff; background-color:#4F7F3F;text-decoration:none;} .leftNav ul li a:focus {color:#ffffff; background-color:#4F7F3F;} /*.leftNav ul li a:active { background-color:#fff; color:#1f6196; text-decoration:none; }*/ .leftNav ul li a.selected,.leftNav ul li a.selected:link,.leftNav ul li a.selected:visited, .leftNav ul li a.selected:hover { background-color:#1f6196; color:#ffffff; float:left; width:195px; padding:6px 0 6px 23px; background-color:#1f6196; color:#ffffff; text-decoration:none; background-image:url(/Images/HeadwayMainSite/nav/leftbar/selected.gif); background-repeat:no-repeat; background-position:10px 10px; font-weight:normal; font-size:1.2em; } .leftNav ul li a.selectedWithChildren { background-color:#1f6196; color:#ffffff; float:left; width:195px; padding:6px 0 6px 23px; background-image:url(/Images/HeadwayMainSite/nav/leftbar/selectedWithChild.gif); background-repeat:no-repeat; background-position:8px 11px; font-weight:normal; font-size:1.2em; } .leftNav ul li a.selectedWithChildren:hover { background-color:#286CA5; } /*- 2nd level -*/ .leftNav ul li ul { margin:0; padding:0; border:0; float:left; width:217px; border-left:solid 0 #e6e6e6; border-right:solid 0 #e6e6e6; } .leftNav ul li ul li { float:left; width:217px; list-style-type:none; margin:0; padding:0;} .leftNav ul li ul li a { float:left; width:185px; padding:6px 0 6px 33px; background-image:none; background-repeat:no-repeat; background-position:20px 10px; font-weight:normal; font-size:1.1em; } .leftNav ul li ul li a:link { background-color:#f3f6fb; color:#1f6196; text-decoration:none; } .leftNav ul li ul li a:visited { background-color:#f3f6fb; color:#1f6196; text-decoration:none; } .leftNav ul li ul li a:hover { background-color:#e9e9e9; color:#1f6196; text-decoration:none; } .leftNav ul li ul li a:active {color:#ffffff; background-color:#4F7F3F;text-decoration:none;} .leftNav ul li ul li a:focus {color:#ffffff; background-color:#4F7F3F;} /*.leftNav ul li ul li a:active { background-color:#f3f6fb; color:#1f6196; text-decoration:none; }*/ .leftNav ul li ul li a.selected,.leftNav ul li ul li a.selected:link,.leftNav ul li ul li a.selected:visited, .leftNav ul li ul li a.selected:hover { background-color:#6F6F6F; color:#ffffff; float:left; width:185px; padding:6px 0 6px 33px; background-image:url(/Images/HeadwayMainSite/nav/leftbar/selected.gif); background-repeat:no-repeat; background-position:20px 10px; font-weight:normal; font-size:1.1em; background-image:none;} .leftNav ul li ul li a.selectedWithChildren { background-color:#6F6F6F; color:#ffffff; float:left; width:185px; padding:6px 0 6px 33px; background-image:url(/Images/HeadwayMainSite/nav/leftbar/selectedWithChild.gif); background-repeat:no-repeat; background-position:19px 11px; font-weight:normal; font-size:1.1em; background-image:none; } .leftNav ul li ul li a.selectedWithChildren:hover { background-color:#5E5E5E; } /*- 3rd level -*/ .leftNav ul li ul li ul { margin:0; padding:0; border:0; float:left; width:217px; border-left:solid 0 #e6e6e6; border-right:solid 0 #e6e6e6; } .leftNav ul li ul li ul li { float:left; width:217px; list-style-type:none; margin:0; padding:0;} .leftNav ul li ul li ul li a { float:left; width:170px; padding:6px 0 6px 49px; background-image:none; background-repeat:no-repeat; background-position:20px 10px; font-weight:normal; font-size:1.1em; } .leftNav ul li ul li ul li a:link { background-color:#f3f6fb; color:#1f6196; text-decoration:none; } .leftNav ul li ul li ul li a:visited { background-color:#f3f6fb; color:#1f6196; text-decoration:none; } .leftNav ul li ul li ul li a:hover { background-color:#e9e9e9; color:#1f6196; text-decoration:none; } .leftNav ul li ul li ul li a:active {color:#ffffff; background-color:#4F7F3F;text-decoration:none;} .leftNav ul li ul li ul li a:focus {color:#ffffff; background-color:#4F7F3F;} /*.leftNav ul li ul li ul li a:active { background-color:#f3f6fb; color:#1f6196; text-decoration:none; }*/ .leftNav ul li ul li ul li a.selected,.leftNav ul li ul li ul li a.selected:link,.leftNav ul li ul li ul li a.selected:visited, .leftNav ul li ul li ul li a.selected:hover { background-color:#1f6196; color:#ffffff; float:left; width:152px; padding:6px 0 6px 66px; background-image:url(/Images/HeadwayMainSite/nav/leftbar/selected.gif); background-repeat:no-repeat; background-position:55px 10px; font-weight:normal; font-size:1.1em; background-image:none; } /* ---------------------------------*/ /* News list */ /* -------------------------------- */ .newsList { float:left; width:100%; margin:3px 0 16px; padding:5px 0 0 0; clear:both; } /*.newsList h2 { color:#8d8d8d; margin-bottom:0; }*/ /*.newsList h2 a:link { color:#8d8d8d; }*/ /*.newsList h2 a:visited { color:#8d8d8d; }*/ /*.newsList h2 a:hover { color:#8d8d8d; }*/ /*.newsList h2 a:active { color:#8d8d8d; }*/ .newsList ul { float:left; padding:0; margin:5px 0 0 0; } .newsList ul li { float:left; width:100%; list-style-type:none; background-image:none; padding:14px 0 2px 0; margin:0; border-top:dotted 1px #cbcbcb; } .newsList.wide ul li .newsListTxt { float:left; width:622px; } .newsList ul li .newsListTxt {float:left; width:600px;} .newsList ul li .newsListTxt img { vertical-align:bottom; } .newsList ul li .newsListImg { padding:4px; float:left; width:88px; height:88px; margin:0 15px 0 0; background-image:url(/Images/HeadwayMainSite/sitepages/thumb_border.gif); background-position:0 0; background-repeat:no-repeat; } .newsList ul li.first { border-top:solid 1px #e6e6e6; } .newsList ul li p.date { margin:0; padding:5px 0 5px; line-height:1.6em; color:#617687; font-size:1.2em; } .newsList ul li h2 { font-size:1.3em; font-weight:bold; color:#1f6196; margin:0; padding:0; } .newsList ul li h2 a:link, .newsList ul li h2 a:visited { color:#1f6196;} .newsList ul li h2 a:focus, .newsList ul li h2 a:active {color:#fff;} .newsList ul li h4 { font-size:1.1em; font-weight:normal; color:#8d8d8d; padding:0px 0 1px 0px; margin:0px; } .newsList ul li p { margin:0; line-height:16px; color:#8d8d8d; font-size:1.3em; } .newsList ul li h5 { font-size:1.1em; font-weight:normal; color:#535353; padding:0px 0 16px 0px; margin:0px; } /* ---------------------------------*/ /* Options Bottom */ /* -------------------------------- */ .optionsBottom { float:left; width:100%; margin:13px 0 0 0; padding:0; border-top:dotted 1px #dedede; } .optionsBottom ul { margin:9px 0 0 0; padding:4px 0 0 0; float:right; } .optionsBottom ul li { font-size:1.1em; list-style-type:none; display: inline; padding:0px 0px 0px 6px; background-image:none; } .optionsBottom ul li img { padding: 0 4px 1px 6px; vertical-align:middle;} /* ---------------------------------*/ /* Footer */ /* -------------------------------- */ #footer {clear:both; margin:0; padding:0;} .footerContent { float:left; width:985px; margin:0; padding:5px 0 0 1px; background-color:#e8ebf0; border:solid 1px #cecece; border-width:1px 1px 0; } .footerBorders { float:left; width:986px; background-image: url(/Images/HeadwayMainSite/nav/footer/footerBg.gif); background-position:-5px 0; background-repeat:repeat-y; min-height:194px; } .footerPanel { width:158px; float:left; padding:0 19px; } .footerPanel h2 { font-size:1.4em; color:#606060;margin-top:10px;} .footerPanel ul { padding:0; margin:0; } .footerPanel ul li { font-size:1.1em; line-height:2.1em; list-style-type: none; } /*.footerPanel ul li a{ color:#79a1c1; }*/ .footerPanel ul li a:active {color:#ffffff; background-color:#4F7F3F;text-decoration:none;} .footerPanel ul li a:focus {color:#ffffff; background-color:#4F7F3F;} .footerBase { float:left; height:9px; width:988px; background-image:url(/Images/HeadwayMainSite/nav/footer/footerBase.gif); background-repeat:no-repeat; background-position:top left;} .webSponsor { float:left; padding:10px 0 0 10px; } .webSponsor ul {margin:0; padding:0; width: 740px;} .webSponsor ul li {list-style-type:none; padding:0; margin:0; font-size:1.1em; } .webSponsor ul li img { vertical-align:middle; } .poweredBy { margin-top:10px; width:200px; height:36px; background: transparent url(/Images/HeadwayMainSite/nav/footer/poweredByRevolution.png) no-repeat 0 0} .poweredBy a.VliLink {display:block; float:left; height: 37px; width:42px; } .poweredBy a.RevLink {display:block; height: 37px; width:162px;} .poweredBy a:focus, .poweredBy a:active {background-color:transparent; outline: 1px dotted #ccc} .poweredBy:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .poweredBy a.VliLink :after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .poweredBy a.RevLink :after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* ---------------------------------*/ /* Extranet Login */ /* -------------------------------- */ .extranetLogin {width:217px; float:left; margin:30px 0 0 0; background-color:#f3f7fb; background-image:url('/Images/HeadwayMainSite/nav/leftbar/extranetLoginTop.gif'); background-repeat:no-repeat; background-position:0 0;} .extranetLogin img {float:left; display:block;} .extranetLogin p.panelTitle {margin:0 0 5px 0; padding:9px 0 0 18px; font-weight:bold; font-size:1.4em; color:#1f6196;} .extranetLogin input {margin:3px 18px 11px 18px; padding:3px; width:175px; } .extranetLogin label {color:#717171; font-size:1.1em;} .extranetLogin p.forgotPass {float:left; font-size:1.1em; color:#1e6bb0; padding-left:11px;} .extranetLogin .stdBtn {margin-left:18px;} .extranetLogin .stdBtn div {background-color:transparent; background-repeat:no-repeat; float:left;} .extranetLogin .stdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/topLeft.gif) no-repeat scroll left top;} .extranetLogin .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/bottomRight.gif) no-repeat scroll right bottom;} .extranetLogin .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/bottomLeft.gif) no-repeat scroll left bottom;} .extranetLogin .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/topRight.gif) no-repeat scroll right top;} .extranetLogin .stdBtn input, .extranetLogin .stdBtn a:link, .extranetLogin .stdBtn a:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/background.gif) no-repeat scroll right center; border:0 none; color:#ffffff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:2px 1px; padding:0 10px 2px 3px; text-decoration:none; width:3.6em;} .extranetLogin .stdBtn input:hover {text-decoration:underline;} /* ---------------------------------*/ /* UK Region Map */ /* -------------------------------- */ .UKRegionMapCnt {width:503px; height:403px; position:relative; border-top:1px dotted #dedede; padding-top:21px; margin-top:0;} .UKRegionMapCnt div.UKRegionMap { position:relative; height:373px; float:right; padding:26px 0 0 0; margin:0 30px 30px 0; } .UKRegionMapCnt div.UKRegionMap div {float:left; margin:0; padding:0;} .UKRegionMapCnt div.UKRegionMap span.channelIslands a:link, .UKRegionMapCnt div.UKRegionMap span.channelIslands a:visited {position:absolute; margin:0; padding:0; bottom:0px; right:0px; font-size:1.4em; font-weight:bold; color:#64a151;} .UKRegionMapCnt div.UKRegionMap span.channelIslands a:hover {color:#1f6196; text-decoration:none;} .UKRMLeftBar {width:217px; position:absolute; top:21px;left:8px;} .UKRMLeftBarSolicitor {width:217px; margin-left:8px; position:relative; z-index:1;} div.UKRegionMapSolicitor { height:373px; float:right; padding:0; margin-bottom:30px; position:absolute; top:48px; right:0px;} div.UKRegionMapSolicitor div {float:left; margin:0; padding:0;} div.UKRegionMapSolicitor span.channelIslands a:link, .UKRegionMapCnt div.UKRegionMapSolicitor span.channelIslands a:visited {position:absolute; margin:4em 0 0 0; padding:0; bottom:0px; right:0px; font-size:1.4em; font-weight:bold; color:#64a151;} div.UKRegionMapSolicitor span.channelIslands a:hover {color:#1f6196; text-decoration:none;} div.UKRMLeftBarPanelContainer { margin-bottom:20px; width:217px;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelTop img, div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelBottom img {display:block; margin:0; padding:0;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent {background-color:#f0f0f0; padding:0 6px;} /*div.UKRMLeftBarPanelContainer .UKRMleftBarPanelContent img { vertical-align:bottom;}*/ div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent p.panelTitle {padding:0 0 2px 0; margin:0; font-size:1.2em;color:#4A783C;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent p {padding:0 0 5px 0;font-size:1.1em; line-height:1.5em; color:#444;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent div.regionName { height:30px; color:#1f6196; padding:4px 0 2px 10px; font-size:1.8em; margin:3px 0 0 0; background-image:url('/Images/HeadwayMainSite/nav/ukregionmap/names/bkgndHighlight.gif'); background-repeat:no-repeat;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent input.solicitorTownKeyword {color:#5a5a5a; width:191px; padding:3px 1px; margin-bottom:10px;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent label {color:#444444; font-size:1.1em; line-height:1.85em; padding:0 1px;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent select {color:#5a5a5a; width:195px; padding:3px 1px; margin-bottom:8px;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent .stdBtn {float:left; margin-bottom:3px;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent .stdBtn div {background-color:transparent; background-repeat:no-repeat; float:left;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent .stdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196ONf0f0f0/topLeft.gif) no-repeat scroll left top;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196ONf0f0f0/bottomRight.gif) no-repeat scroll right bottom;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196ONf0f0f0/bottomLeft.gif) no-repeat scroll left bottom;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196ONf0f0f0/topRight.gif) no-repeat scroll right top;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent .stdBtn label {padding:0;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent .stdBtn input {background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196ONf0f0f0/background.gif) no-repeat scroll right center; border:0 none; color:#ffffff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:2px 1px; padding:0 10px 2px 3px; text-decoration:none; width:4.6em;} div.UKRMLeftBarPanelContainer .UKRMLeftBarPanelContent .stdBtn input:hover {text-decoration:underline;} .regionHighlight {padding:7px 0 36px 0; text-align:center;} div.regionHighlight {position:relative;} div.regionHighlight div div.regionHighlightButton {position:absolute;} div.regionHighlight div.regionHighlightNI {margin: 0 auto; width:189px; position:relative;} div.regionHighlight div.regionHighlightNI div.NI1 {left:123px;top:24px;} div.regionHighlight div.regionHighlightNI div.NI2 {left:146px;top:60px;} div.regionHighlight div.regionHighlightNI div.NI3 {left:108px;top:84px;} div.regionHighlight div.regionHighlightNI div.NI4 {left:31px;top:83px;} div.regionHighlight div.regionHighlightNI div.NI5 {left:28px;top:42px;} /* ---------------------------------*/ /* Standard Form Styles */ /* -------------------------------- */ div.loginPanel {padding:28px 40px 0;} div.loginPanel label {display:block;} div.loginPanel.formContainer div.errorMsg {border:0px none;} /*Styles for standard forms, some areas have custom forms that have their own styles, these styles just cover the basic versions of the forms*/ /*Many Headway forms have a full width dotted border above them*/ div.formContainerBorderTop { width:100%; border-top:1px dotted #dedede; margin-top:3px; padding:20px 0 20px;} /*Headway forms use a standard grey panel as a container the standard width is that of the centreCol with padding and margin*/ .panel.greyPanel504 {width:464px;padding:16px 20px;float:none; margin:0 auto 25px auto;background-color:#f0f0f0;} /*Non standard width for payment form*/ .panel.paymentCentred {float:none; background-color:#f0f0f0; margin:0 auto; width:412px;} /*Style for pages with small forms and no other content on the page*/ .formCentered {margin:0 auto;width:504px;} /*Form Description Styles*/ div.formDescription.leftPanel { float:left; width:295px;} div.formDescription h2 { font-size:1.4em; padding-top:0; color:#717171;} div.formDescription p { font-size:1.2em;} /*Form Mandatory Styles*/ .formMandatory {color:#cc0033;} p.formMandatory {font-size:1.1em; text-align:right; padding:0 0 10px;} /*Forms with multiple add options*/ div.addFormItem {text-align:right;} div.addFormItem a {font-size:1.2em;} /*Nav List for Headweay House Form*/ ul.formNavList {float:left; margin:0 0 10px 0; padding:0;} ul.formNavList li {list-style-type:none; float:left; padding:0; margin:0 4px 0 0; background:none; font-weight:bold;} /*Standard Form Styles*/ div.formContainer table td {font-size:1em; color:#444444; padding:0;} div.formContainer table tr {background:none;} div.formContainer input.textInput {width:186px;} div.formContainer input.lastInput {margin-bottom:0;} div.formContainer input.textInput.postcode {width:72px;} div.formContainer span.checkInput.labelRight input, div.formContainer input.checkInput.labelRight {margin-right:6px;} div.formContainer span.checkInput.labelLeft input, div.formContainer input.checkInput.labelLeft {margin-left:6px;} div.formContainer select.selectInput {width:194px;} div.formContainer textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#5a5a5a;} div.formContainer textarea.textAreaInput {width:436px;} div.formContainer textarea.messageToFriendTextarea {width:194px;height:100px;} div.formContainer div.formCheckBox {float:left;margin-right:12px;} div.formContainer ul {list-style-type:none; padding:0px; margin:0px;} div.formContainer ul.padded {margin:8px 13px 6px;} div.formContainer ul li {background:none; padding:0;} div.formContainer ul li label {font-size:1.1em; position:relative; top:-1px;} div.formContainer ul li input {font-size:1.1em; color:#5a5a5a; padding:3px; margin:2px 0 10px 0;} div.formContainer ul li input.noLabelBelow {margin:2px 0 2px 0} div.formContainer ul li input.subtitleBelow {margin-bottom:2px;} div.formContainer ul li select {font-size:1.1em; color:#5a5a5a; padding:3px; margin:2px 0 10px 0;} div.formContainer ul li textarea {padding:3px; margin:2px 0 10px 0;} div.formContainer ul li textarea.addressEdit {width:186px; height:60px;} div.formContainer ul li input.addCheck {margin:0 0 4px; vertical-align:middle;} div.formContainer ul li a.itemSubtitle {margin-top:4px;display:block;} div.formContainer .inlineSubmit .stdBtn {margin:10px 0 0 0;} div.formContainer input.donationFormSaveDetails {width:6.6em;} /*Form buttons styles*/ ul.formOptions.forgotPassword {width:488px; margin:0 auto;} ul.formOptions {list-style-type:none;} ul.formOptions li {background:none; margin-right:10px; display:inline; float:left; } ul.formOptions li.right {float:right;} ul.formOptions li .stdBtn input.contactFormBack {padding:0 3px 2px 8px; background:transparent url(/Images/HeadwayMainSite/scaleable/300/1f6196/backgroundBack.gif) no-repeat scroll left center; } div.formContainer .stdBtn {margin-left:20px;} .stdBtn input.sendEmail {padding:0 10px 2px 3px;margin:2px 1px;width:4.6em;color:white;} /*error message modifiers*/ div.formContainer div.errorMsg {width:100%; border:1px solid #e25051; margin-bottom:15px;position:relative;left:-1px;} div.formContainer div.errorMsg .errorImg {margin:7px; float:left;} div.formContainer div.errorMsg p {padding:0; font-weight:bold; font-size:1.7em; color:#b03c3c; margin:6px; float:left;} div.formContainer li {clear:both;} div.formContainer li.errorMsg {float:left; position:relative;left:-3px;top:-3px;border:1px solid #e25051; background:#fcdad9; padding:2px 2px 0 2px; margin-bottom:3px; width:100%;} div.formContainer li.errorMsg label {color:#B03C3C;} div.formContainer li.errorMsg input, div.formContainer li.errorMsg select {border:1px solid #f1a3a3;float:left; margin-bottom:3px;} div.formContainer li.errorMsg .errorText {float:left; margin:0px 2px 2px;} div.formContainer li.errorMsg .errorText .errorImg {float:left; margin:2px 0 0;} div.formContainer li.errorMsg p {float:left; padding:0; font-weight:bold; font-size:1.1em; color:#b03c3c; margin:2px 6px;} div.formContainer li.errorMsg label.checkBoxRight {top:3px;left:2px;} /* Extranet Login Modifiers*/ div.extranetLogin ul li {padding:0 17px;} div.extranetLogin li.errorMsg {margin:0 2px 4px; width:auto; padding:4px 14px 0; left:0;} div.extranetLogin li.errorMsg .errorText img.errorImg {float:left; margin-right:5px;} div.extranetLogin li.errorMsg p {float:none;} div.extranetLogin ul li.errorMsg input {float:none;} /* ---------------------------------*/ /* General Content Styles */ /* -------------------------------- */ p.date { font-size:1.1em; color:#617687; margin:0 0 20px 0; padding:0; } p.subHeader { font-size:1.7em; color:#1f6196; margin:0 0 20px 0; padding:0; } /* FILTER TYPE */ .filterType { width:731px; margin:0px; float:left; display:block; border-bottom: solid 1px #e6e6e6; padding:0 0 8px 10px; margin-bottom:14px; font-size:1.1em; color:#787878;} /* DOWNLOAD LIST - whole item hover */ .downloadList { float:left; width:505px; padding:0; margin:15px 0 0 0;} .downloadList h2 {font-weight:normal; padding:0 0 6px 0; margin:0; } .downloadList ul { padding:0; margin:0; } .downloadList ul li { float:left; width:481px; list-style-type:none; padding:8px 11px 9px 11px; margin:0; border-top:dotted 1px #dedede; background-image:none; line-height:1.5em;} .downloadList ul li.first { border:0; } .downloadList ul li .downloadLink { float:left; width:383px;} .downloadList ul li .downloadLink p.title { font-size:1.1em; color:#1f6196; font-weight:bold; margin:0 0 2px 0;} .downloadList ul li .downloadLink p { font-size:1.1em; color:#444; font-weight:normal; padding:0 20px 0 0; margin:0; } .downloadList ul li .downloadDetail { float:right; width:90px; font-size:1.1em; color:#444; padding-top:14px;} .downloadList ul li .downloadDetail .stdBtnCnt {font-size:0.91em;} .downloadList ul li .downloadDetail img { vertical-align:middle; margin-right:3px; } .downloadList ul li.active { float:left; width:481px; list-style-type:none; padding:8px 12px 9px 12px; margin:0px;border-bottom: dotted 1px #dedede;background-image:none;line-height:16px;background-color:#6291be; } .downloadList ul li.active .downloadLink p.title { font-size:1.1em; color:#ffffff; font-weight:bold; margin:0px 0px 0px 0px;} .downloadList ul li.active .downloadLink p { font-size:1.1em; color:#ffffff; font-weight:normal; margin:0; padding:0; } .downloadList ul li.active .downloadDetail { float:right; width:90px; font-size:1.1em; color:#ffffff;} /*======================================== Related Listing (docs/downloads) ==========================================*/ .relatedList {float:left; width:100%; padding:0; margin:15px 0 0 0;} .relatedList p {font-size:1.8em;color:#5c6a76;padding:0 0 6px 0;margin:0;} .relatedList ul {float:left; width:100%; padding:0; margin:0;} .relatedList ul li {float:left; padding:6px 0 6px 0; margin:0;width:100%; border-top:dotted 1px #dedede; background-image:none;} .relatedList ul li.first {border:0;} .relatedList ul li .downloadLink {padding-right:150px; padding-left:11px;} .relatedList ul li .downloadLink p { font-size:1.1em; line-height:1.6em; /*color:#919191;*/ font-weight:normal; padding:0; margin:0;} .relatedList ul li .downloadLink p.title {color:#1F6196; font-weight:bold;} .relatedList ul li .downloadDetail {float:right; width:135px; margin-right:-150px; text-align:right;padding:20px 10px 0 0; font-size:1em; /*color:#919191;*/} .relatedList ul li .downloadDetail img {display:inline; vertical-align:middle; margin-right:3px;} .relatedList ul li.active {background-color:#1F6196; } .relatedList ul li.active .downloadLink p.title,.relatedList ul li.active .downloadLink p,.relatedList ul li.active .downloadDetail {color:#fff;} /* FULL WIDTH STYLE LISTING */ .staffList2 { float:left; } .staffList2 ul { float:left; list-style:none; padding: 0px 0px 4px 0px; margin:13px 0 0 0; font-size:1.0em; line-height:16px;} .staffList2 ul li { background:none; float:left; list-style:none; padding:14px 0px 14px 0px; margin:0px; border-top:dotted 1px #e1e1e1; } .staffList2 ul li .itemImg { margin: 0 0 0 9px; padding:4px; float:left; width:88px; height:121px; background-image:url(/Images/HeadwayMainSite/sitepages/staffProfilePicBorder.gif); background-repeat:no-repeat; background-position:0px 0px; } .staffList2 ul li .itemText { float: right; width:386px; padding:2px 7px 7px 7px; } .staffList2 ul li .itemText h2 { font-size:1.3em; font-weight:bold; color:#1f6297; margin:0px; padding:0px 0px 2px 0px; border:0;} .staffList2 ul li .itemText h3 { font-size:1.2em; color:#818181; font-weight: bold; padding:3px 0 0 0; margin:0px;} .staffList2 ul li .itemText p { font-size:1.2em; padding:0px 0px 6px 0px; margin:0px; line-height:16px; color:#818181; } .staffList2 ul li .itemContact { float: left; width:188px; color:#1f6196; padding:10px 0 0 0; } .staffList2 ul li .itemContact ul { float: left; width:188px; margin:0px; padding:0px;} .staffList2 ul li .itemContact ul li { float: left; width:188px; list-style-type:none; background-image:none; margin:0px; padding:0px 0px 7px 0px; border:none; font-size:1.2em; color:#9a9a9a; } .staffList2 ul li .itemContact ul li span { font-size:1.2em; color:#5f5f5f; } .staffList2 ul li .itemContact img { vertical-align:top; padding-right:6px;} .staffList2 ul li .itemContact a:link { font-size:1.2em; color:#1f6196; } .staffList2 ul li .itemContact a:active, .staffList2 ul li .itemContact a:focus {color:#fff;} .staffList2 ul li.noBorder { border-top:none;} .staffList2 ul li.first { border-top:solid 1px #e6e6e6; } /* ------------------------------------------------------------------------------------------- */ /* Staff Profile Page */ /* ------------------------------------------------------------------------------------------- */ .staffProfile { margin-bottom:22px; } .staffProfile p {padding-top:12px; padding-bottom:0px;} .staffProfileHeader {padding:8px 0 9px 0; margin: 0 0 8px 0; min-height: 121px; background-image:url(/Images/HeadwayMainSite/sitepages/staffProfileGradient_120.gif); background-repeat:repeat-x; background-position:0px 1px; border-top: dotted 1px #dedede; border-bottom: dotted 1px #dedede;} .staffProfileHeader div .itemImg { margin: 0 0 0 6px; padding:4px; float:left; width:87px; background-image:url(/Images/HeadwayMainSite/sitepages/staffProfilePicBorder.gif); background-repeat:no-repeat; background-position:0px 0px; } .staffProfileHeader div .itemText { margin:20px 0 0 0 ; float: right; width:385px; padding:3px 5px 7px 3px; } .staffProfileHeader div .itemText h2 { font-size:1.8em; font-weight:bold; color:#1f6196; margin:0px; padding:0px 0px 2px 0px; border:0;} .staffProfileHeader div .itemText h3 { font-size:1.4em; color:#444; font-weight:normal; padding:0px; margin:0 0 11px 0;} .staffProfileHeader div .itemText p { font-size:1.1em; padding:0 0 12px 0; margin:0px; line-height:16px; color:#617687; } /* ---------------------------------*/ /* Resources */ /* -------------------------------- */ .resourceHolder { float:left; width:505px; border-top:solid 1px #e6e6e6; margin-top:15px;} .resourceHolder .resource { float:left; width:100%; margin:0px; padding:14px 0 0 0; border-top:1px dotted #cbcbcb; } .resourceHolder .noBorder { border-top:none;} .resourceImg { height:80px; width:80px; padding:4px; background: transparent url('/Images/HeadwayMainSite/sitepages/thumb_border.gif') no-repeat scroll top left; float:left; margin:0 0 0 7px;} .resourceInfo { font-size:11px; float:right; width:380px; padding:0px 20px 15px 0px;} .resourceInfo p.resourceTitle { font-size:12px; color:#1d66aa; font-weight:bold;} .resourceInfo p { font-size:11px; line-height:16px; color:#8d8d8d; padding:2px 0 5px;} .resourceInfoWide { font-size:11px; float:right; width:521px; padding:0px 0px 20px 0px;} .resourceInfoWide h2 { font-size:16px; margin-left:0px; padding:0px; color:#5f5f5f;} .resourceInfoWide h3 { font-size:11px; color:#1d66aa; } .resourceInfoWide p { font-size:11px; line-height:16px; color:#8d8d8d; padding:2px 0 5px;} .fileTitle { float:left; } .fileTitle img {vertical-align:middle;} .fileTitle p {padding:4px 10px 0 0;color:#617687;} .fileList { float:left; width:233px;} .fileList ul { width:233px; margin:0; padding:0; list-style-type:none; } .multipleFiles { float:right; margin-top:5px;} .multipleFiles img { vertical-align:middle; margin-right:3px;} .resourceDetails { float:left; width:694px; margin:0px; padding:0px; clear:both; } .resourceDetails img { vertical-align:bottom;} .resourceDetails .borders { float:left; width:666px; border-left: solid 3px #f3f3f3; border-right: solid 3px #f3f3f3; background-color:#fcfcfc; padding:0px 11px 0px 11px;} .resourceDetails .borders h3 { color:#5f5f5f; font-size:14px; padding:7px 0px 0px 0px; margin:0px 0px 4px 0px;} .borders a { float:right; font-size:11px; } .resourceDetails .expand { float:left; width:690px; font-size:11px; text-align:right; padding:4px 4px 4px 0px; background-image:url(/PiraEvents/PEFAsia/Images/sitepages/moreInfoBar.gif); background-repeat:no-repeat; } .resourceDetails .expand img { vertical-align:middle;} .resourceDetails .collapse { float:left; width:690px; font-size:11px; text-align:right; padding:4px 4px 4px 0px; background-image:url(/PiraEvents/PEFAsia/Images/sitepages/closeBar.gif); background-repeat:no-repeat; } .collapse img { vertical-align:middle;} .resourceDetails .empty { float:left; width:690px; font-size:11px; text-align:right; padding:4px 4px 4px 0px; background-image:url(/PiraEvents/PEFAsia/Images/sitepages/moreInfoBar.gif); background-repeat:no-repeat; height:28px; } .mediaImg { float:left; width:140px; padding:0px 0px 10px 0px; margin:10px 0px 0px 0px; } .mediaImg img { border: solid 3px #f3f3f3; padding:2px;} /* ---------------------------------*/ /* Right Bar Elements */ /* -------------------------------- */ /* generic right box */ .rightPanel { width:191px; float:left; margin-bottom:11px;} .rightPanelHeader { padding:0; margin:0 0 1px 0; float:left; } .rightPanelHeader h2 { font-size:2em; font-weight:normal; color:#1f6196; margin:0px; padding:0px; border-bottom:none;} .rightPanelContent { width:191px; float:left; } .rightPanelContent ul { float:left; margin:1px 0 0 0; padding:0px;width:191px; } .rightPanelContent ul li { list-style-type:none; margin:0 0 2px; padding:0; border:0; width:191px; background-color:#f0f0f0; background-image:url(/Images/HeadwayMainSite/nav/rightbar/rightBarItemTop.gif); background-repeat:no-repeat; background-position:0px 0px; } .rightPanelContent ul li img { vertical-align:bottom;} .rightPanelContent ul li h3 { margin:0px 7px; font-size:1.2em; font-weight:normal; color:#1f6196; padding:8px 0 2px; } .rightPanelContent ul li p { margin:0px 7px; padding:4px 0 0 0; font-size:1.1em; line-height:1.3em; color:#444; } .rightPanelContent ul li p.readMore { padding:4px 0 0 0; font-size:1.1em; line-height:1.5em; color:#1f6196; } .rightPanelContent ul li p.readMore img { vertical-align:middle; } li#downloadMeMessage {font-size:1.4em; font-weight:bold; text-align:center;} /*- rightbar header-*/ .rightBar .panel.header.green {background-color:#64a354;} .rightBar .panel.header h2, .rightBar .panel.rightPanelHeader a:link, .rightBar .panel.rightPanelHeader a:visited {width:181px; border:0 none; color:#ffffff; cursor:pointer; display:block; font-size:1.2em; font-weight:bold; margin:3px 0px; padding:3px 5px 4px; text-decoration:none;} .rightPanelHeader.plain {width:100%;margin:0 0 8px; padding:0;} /*-green (needs to be replaced by the .panel method above on all pages where it occurs) -*/ .rightPanelHeader.green .stdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a354/topLeft.gif) no-repeat scroll left top;} .rightPanelHeader.green .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a354/bottomRight.gif) no-repeat scroll right bottom;} .rightPanelHeader.green .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a354/bottomLeft.gif) no-repeat scroll left bottom;} .rightPanelHeader.green .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a354/topRight.gif) no-repeat scroll right top;} .rightPanelHeader.green .stdBtn h2, .rightPanelHeader.green .stdBtn a:link, .rightPanelHeader.green .stdBtn a:visited { background-color:#64a24f; } /*-blue-*/ .rightPanelHeader.blue .stdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/78a1c1/topLeft.gif) no-repeat scroll left top;} .rightPanelHeader.blue .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/78a1c1/bottomRight.gif) no-repeat scroll right bottom;} .rightPanelHeader.blue .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/78a1c1/bottomLeft.gif) no-repeat scroll left bottom;} .rightPanelHeader.blue .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/78a1c1/topRight.gif) no-repeat scroll right top;} .rightPanelHeader.blue .stdBtn h2, .rightPanelHeader.blue .stdBtn a:link, .rightPanelHeader.blue .stdBtn a:visited { background-color:#79a1c1; } /*-orange-*/ .rightPanelHeader.orange .stdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/f1ac52ONfff1df/topLeft.gif) no-repeat scroll left top;} .rightPanelHeader.orange .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/f1ac52ONfff1df/bottomRight.gif) no-repeat scroll right bottom;} .rightPanelHeader.orange .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/f1ac52ONfff1df/bottomLeft.gif) no-repeat scroll left bottom;} .rightPanelHeader.orange .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/f1ac52ONfff1df/topRight.gif) no-repeat scroll right top;} .rightPanelHeader.orange .stdBtn h2, .rightPanelHeader.blue .stdBtn a:link, .rightPanelHeader.blue .stdBtn a:visited { background-color:#f1ac52; } /* Rightbar Search Options collection */ .searchByOptions {float:left;} .searchByOptions .rightPanel { float: left; width:191px; margin:0px 0px 10px 0px; } .searchByOptions .rightPanel h3 { font-size:1.2em; margin:3px 0 14px 0; border-bottom: dotted 1px #e6e6e6; font-weight:bold; padding: 3px 0px 8px 0px; color:#8d8d8d;} .searchByOptions .rightPanel h3.bydepartment { margin: 0px 0px 9px 0px;} .searchByOptions .rightPanelHeader {padding:0; margin:0 0 8px;} .searchByOptions .listType { float:left; width:100%; padding:0px 0px 8px 0px; } .searchByOptions .listType ul { float:left; margin:0px; padding:0px;} .searchByOptions .listType ul li { list-style-type:none; background-image:none; margin:0px; padding:0px 0px 0px 7px; float:left;} .searchByOptions .listType ul li.noPad{ list-style-type:none; background-image:none; margin:0; padding:0; float:left;} .searchByOptions .listType ul li a {margin:0px; padding:0px;} .searchByOptions .keywordSearch { float:left; width:191px; padding:0 0 8px 0; margin:14px 0 4px 0; background-image:url(/Images/HeadwayMainSite/nav/rightBar/keywordSearch.gif); background-repeat:no-repeat; background-position:top right; clear:both;} .searchByOptions .selectSearch {float:left; width:191px; padding:0 0 8px 0; margin:14px 0 4px 0; clear:both;} .searchByOptions .keywordSearch ul, .searchByOptions ul.search { width:191px; margin:0; padding:0;} .searchByOptions .keywordSearch ul li, .searchByOptions ul.search li { display:inline; float:left; list-style-type:none; padding:0; margin:0; height:21px; background-image:none;} .searchByOptions .keywordSearchField { width:166px; font-size:1.1em; padding: 3px 0 3px 3px; color:#4f4f4f;} .searchByOptions .selectSearchField {width:191px; font-size:1.1em; padding: 3px 0 3px 3px; color:#4f4f4f;} .searchByOptions .keywordSearch input { border:none; background-color:transparent; } .searchByOptions .keywordSearchbutton { background-image:url(/Images/HeadwayMainSite/nav/header/searchButton.gif); background-repeat:no-repeat; background-position:right; background-color:#e6e6e8; font-weight:bold; width:20px; height:19px; border:none; cursor:pointer; margin: 1px 0px 0px 0px; padding:0px 0px 3px 0px; color:#245075; font-size:0.8em;} .clearAllButton { background-image:url(/Images/HeadwayMainSite/buttons/active/clearAll.gif); background-repeat:no-repeat; background-position:top; font-weight:bold; width:94px; height:24px; background-color:transparent; border:none; cursor:pointer; margin:0px; padding:0; } .searchByOptions .aToZ { width:100%; float:left; font-size:16px; font-weight:bold; margin: 14px 0 0 0; padding:0px; } .searchByOptions .aToZ img { float:left;} .searchByOptions .aToZ ul { float:left; width:100%; margin:0px; padding:0px; background-image:none; } .searchByOptions .aToZ ul li { float:left; width:26px; list-style-type:none; display:inline; margin:0px 7px 0px 0px; padding:0px 0px 8px 0px; color:#dbdbdb; height:27px; font-size:16px; font-weight:bold; text-align:center; background-image:url(/Images/HeadwayMainSite/sitepages/letter_inactive.gif); background-repeat:no-repeat; background-position:0px 0px;} .searchByOptions .aToZ ul li.noMargin { margin-right:0px;} .searchByOptions .aToZ ul li a { display:block; margin:0px; padding: 4px 0px 5px 0px; color:#472e90; text-decoration:none; background-image:url(/Images/HeadwayMainSite/sitepages/letter_link.gif); background-repeat:no-repeat; font-size:16px; font-weight:bold;} .searchByOptions .aToZ ul li a:link { color:#206197; text-decoration:none; } .searchByOptions .aToZ ul li a:visited { color:#206197; text-decoration:none; } .searchByOptions .aToZ ul li a:hover { color:#ffffff; text-decoration:none; background-image:url(/Images/HeadwayMainSite/sitepages/letter_active.gif); background-repeat:no-repeat; } .searchByOptions .aToZ ul li a:active { color:#ffffff; text-decoration:none; background-image:url(/Images/HeadwayMainSite/sitepages/letter_active.gif); background-repeat:no-repeat;} .searchByOptions .aToZActive {display:block; padding: 4px 0px 5px 0px; color:#ffffff; text-decoration:none; background-image:url(/Images/HeadwayMainSite/sitepages/letter_active.gif); background-repeat:no-repeat;} .searchByOptions .noLinkletter { display:block; padding: 4px 0px 5px 0px;} .searchByOptions .searchByListing { float: left; width:100%; } .searchByOptions .searchByListing ul { float: left; width:100%; margin:0px; padding:0px; } .searchByOptions .searchByListing ul li { float: left; width:100%; list-style-type: none; margin:0; padding:0px 0px 3px 0px; background-image:none; line-height:19px; } .searchByOptions .searchByListing ul li a { width: 174px; display:block; width:175px;color:#a09f9f; padding:0px 0px 0px 17px; font-weight:normal; font-size:12px; background-image:url(/Images/HeadwayMainSite/sitepages/bullet.gif); background-repeat:no-repeat; background-position: 7px 5px; } .searchByOptions .searchByListing ul li a:link { color:#0c5caf; text-decoration: none; } .searchByOptions .searchByListing ul li a:visited { color:#0c5caf; text-decoration: none;} .searchByOptions .searchByListing ul li a:hover { color:#0c5caf; text-decoration: underline; } .searchByOptions .searchByListing ul li a:active { color:#0c5caf; text-decoration: none; } .searchByOptions .searchByListing ul li span { color:#afb0af; font-size:10px; } .searchByOptions .searchByListing ul li .selected { float: left; width: 175px; color:#ffffff; text-decoration: none; background-image:url(/Images/HeadwayMainSite/sitepages/whitearrowForward.gif); background-repeat:no-repeat; background-position: 7px 7px; background-color:#6291be; padding:0px 0px 2px 17px; font-weight:normal; font-size:12px; } .searchByOptions .searchByListing ul li .selected span { color:#ffffff; } .searchByOptions .stdBtn {float:left; margin:0 10px 0 0;} .searchByOptions .stdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a24f/topLeft.gif) no-repeat scroll left top;} .searchByOptions .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a24f/bottomRight.gif) no-repeat scroll right bottom;} .searchByOptions .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a24f/bottomLeft.gif) no-repeat scroll left bottom;} .searchByOptions .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a24f/topRight.gif) no-repeat scroll right top;} .searchByOptions .stdBtn a:link, .searchByOptions .stdBtn a:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a24f/background.gif) no-repeat scroll right center; border:0 none; color:#ffffff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:3px 1px; padding:0 10px 2px 3px; text-decoration:none;} .searchByOptions .stdBtn a.search {width:3.6em;} .searchByOptions .stdBtn a.clear {width:5.4em;} /* downloads box */ .panel.rightPanelDownloads { float:none;background-color:#dcf2d4; width:183px;padding:4px; margin-bottom:14px;} .panel.rightPanelDownloadList {width:183px; float:none; background-color:#f3faf0;padding:10px 0 6px;} ul.rightPanelDownloadList { font-size:11px;list-style-type:none; padding:0;margin:3px; } ul.rightPanelDownloadList p.downloadTitle { font-size:1.0em; width:150px;padding:0;} ul.rightPanelDownloadList p.downloadTotal {font-size:1.0em; padding:8px 0 0;} ul.rightPanelDownloadList li {background:none; padding:3px;} ul.rightPanelDownloadList li .delete { float:right; margin: 7px 0 0 0; } ul.rightPanelDownloadList li .delete img {border:0px } .downloads .downloadAll {float:right; margin:10px 5px 10px 0; } .downloads .downloadAll img {border:0px } .rightPanelDownloads .stdBtn {float:left; margin:6px;} .rightPanelDownloads .stdBtn .btnTl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a24fONdcf2d4/topLeft.gif) no-repeat scroll left top;} .rightPanelDownloads .stdBtn .btnBr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a24fONdcf2d4/bottomRight.gif) no-repeat scroll right bottom;} .rightPanelDownloads .stdBtn .btnBl {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a24fONdcf2d4/bottomLeft.gif) no-repeat scroll left bottom;} .rightPanelDownloads .stdBtn .btnTr {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a24fONdcf2d4/topRight.gif) no-repeat scroll right top;} .rightPanelDownloads .stdBtn a:link,.rightPanelDownloads .stdBtn a:visited {background:transparent url(/Images/HeadwayMainSite/scaleable/300/64a24fONdcf2d4/background.gif) no-repeat scroll right center; border:0 none; color:#ffffff; cursor:pointer; display:block; font-size:1.1em; font-weight:normal; margin:3px 1px; padding:0 10px 2px 3px; text-decoration:none; width:5.9em;} /* ------------------------------------ */ /* background container (4corner) */ /* ------------------------------------ */ /*- default #f0f0f0 -*/ .greyContainer {background-color:#f0f0f0; background-repeat:no-repeat; float:left; margin-bottom:13px;} .greyContainer .tl {background:transparent url(/Images/HeadwayMainSite/scaleable/4corners/f0f0f0onfff/topLeft.gif) no-repeat scroll left top;} .greyContainer .br {background:transparent url(/Images/HeadwayMainSite/scaleable/4corners/f0f0f0onfff/botRight.gif) no-repeat scroll right bottom;} .greyContainer .bl {background:transparent url(/Images/HeadwayMainSite/scaleable/4corners/f0f0f0onfff/botLeft.gif) no-repeat scroll left bottom;} .greyContainer .tr {text-align:center; padding:6px; background:transparent url(/Images/HeadwayMainSite/scaleable/4corners/f0f0f0onfff/topRight.gif) no-repeat scroll right top;} /* ------------------------------ */ /* Pagination */ /* ------------------------------ */ .pagination { background-image:url(/Images/HeadwayMainSite/sitepages/paginationBkgd.gif); background-position:0 0; background-repeat:repeat-x; border:1px solid #E6E6E6; float:left; margin:0; margin-bottom:16px; padding:4px 10px 7px 0; } .pagination .results { float:left; font-size:1.1em; color:#787878; padding:3px 0px 0px 10px; margin:0px; text-align:left; } /* ------------------------------------------------------- */ /* page Numbers */ /* ------------------------------------------------------- */ .pageNumbers { float:right; padding:4px 5px 0 0; margin:0px; } .pageNumbers ul { margin:0px; padding:0px; text-align:right; } .pageNumbers ul li { float:left; display:inline; font-size:1.1em; list-style-type:none; margin: 0px; padding:0px; color:#cdcdcd; line-height:1.5em; background-image:none; } .pageNumbers ul li a { padding: 0px 3px 0px 3px; margin:0px 1px 0px 1px; } .pageNumbers ul li a:link { color:#1f6196; font-weight: normal; text-decoration: none; border: solid 1px #cdcdcd; background-color:#eaeaea; } .pageNumbers ul li a:visited { color:#1f6196; font-weight: normal; text-decoration: none; border: solid 1px #cdcdcd; background-color:#eaeaea;} .pageNumbers ul li a:hover { color:#1f6196; font-weight: normal; text-decoration: underline; border: solid 1px #cdcdcd; background-color:#eaeaea;} .pageNumbers ul li a:active, .pageNumbers ul li a:focus { color:#fff; font-weight: normal; text-decoration: none; border: solid 1px #cdcdcd; background-color:#4F7F3F;} .pageNumbers ul li a.selected { padding: 0px 3px 0px 3px; margin:0px 1px 0px 1px; color:#FFFFFF; font-weight: bold; text-decoration: none; border: solid 1px #6291be; background-color:#6291be; } .pageNumbers ul li a.pageArrow { padding:0px;} .pageNumbers ul li a.pageArrow:link { font-weight:normal; color:#1f6196; text-decoration:none; background-image:none; background-color:transparent; border:solid 0px #ffffff;} .pageNumbers ul li a.pageArrow:visited { font-weight:normal; color:#1f6196; text-decoration:none; background-image:none; background-color:transparent; border:solid 0px #ffffff;} .pageNumbers ul li a.pageArrow:hover { font-weight:normal; color:#1f6196; text-decoration:underline; background-image:none; background-color:transparent; border:solid 0px #ffffff;} .pageNumbers ul li a.pageArrow:active, .pageNumbers ul li a.pageArrow:focus { font-weight:normal; color:#fff; text-decoration:none; background-image:none; background-color:#4F7F3F; border:solid 0px #ffffff;} /* ------------------------- */ /* Thumbnail containers */ /* ------------------------- */ .thumb_65x69 { width:65px; height:69px; padding:5px 3px 0 5px; background-image:url(/Images/HeadwayMainSite/sitepages/thumb_65x69.gif); background-repeat:no-repeat; } /* ------------------------------------------------------------------------------------------- */ /* Miscellaneous - Cursor styles, font weight etc.. */ /* ------------------------------------------------------------------------------------------- */ .titleHelp {cursor:help;} .bold { font-weight:bold;} .italic { font-style:italic;} .underline { text-decoration:underline;} .error { color:#FF0000; font-weight:bold;} .grey { color:#535353;} .red {color:#f00;} .dottedBorderTop { border-top: dotted 1px #cccccc; } .dottedBorderBottom { border-bottom: dotted 1px #cccccc; } .clearBoth { clear:both; } .marTop0 {margin-top:0;} .marBot0 {margin-bottom:0;} .marBtm0 {margin-bottom:0;} .marBtm5 {margin-bottom:5px;} .marBtm9 {margin-bottom:9px;} .marBtm10 {margin-bottom:10px;} .marBtm25 {margin-bottom:25px;} .marTop10 { margin-top:10px; } .marTop3 { margin-top:3px; } .marLeft7 { margin-left:7px; } .marBtm18 { margin-bottom:18px;} .marBtm20 { margin-bottom:20px; } .marBtm30 { padding-bottom:30px;} .padTop6 { margin-top:6px;} .padTop10 { padding-top:10px;} .padTop20 { padding-top:20px;} .padBtm12 { padding-bottom:12px;} .padTop14 { padding-top:14px; } .padBtm20 { padding-bottom:20px;} .marLeft10 { margin-left:10px;} .marRight30 { margin-right:30px;} .marRight75 { margin-right:75px;} .marRight0 { margin-right:0px;} /* ------------------------------------------------------------------------------------------- */ /* Alignment Styles - Left align, floatRight etc */ /* ------------------------------------------------------------------------------------------- */ .clear { clear:both; } .alignLeft { text-align:left; } .alignCenter { text-align:center; } .alignRight { text-align:right; } .floatLeft { float:left; } .floatRight { float:right; } .imageRight { float:right; margin-left:5px;} .imageLeft { float:left; margin-right:5px;} .hidden { display:none; } .vertAlignTop { vertical-align:top} /* ---------------------------------*/ /* Width Classes */ /* -------------------------------- */ .w64 { width:6.4em; } .w80 { width:8em; } .w108 { width:108px; } .w188 { width:188px; } .w194 { width:194px; } .w260 { width:260px; } .w323 { width:323px; } .w400 { width:400px; } .w422 { width:422px; } .w436 { width:436px; } .w442 { width:442px; } .w484 { width:484px; } .w494 { width:494px; } .w705 { width:705px; } .w731 { width:731px; } .w100p { width:100%; } /* ======================================================================= Extranet Form Styles ======================================================================= */ div.eFormModule {} div.eFormModule table {width:auto;} div.eFormModule table col.numberInput {width:60px;} div.eFormModule table tr th {text-align:center; background-color:transparent; color:#1F6196; border-right:1px solid #afb4b8;} div.eFormModule table tr th.subTitle, div.eFormModule table tr th.emptyCell {font-weight:normal; border-bottom:1px solid #afb4b8;} div.eFormModule table tr th.noBorder, div.eFormModule table tr td.noBorder {border-right:0px none;} div.eFormModule table tr td {font-size:12px; font-weight:bold; color:#1F6196; padding:7px 12px; text-align:right; border-right:1px solid #afb4b8;} div.eFormModule table tr.first td {padding-top:7px;} div.eFormModule table tr td.input input.textInput {width:45px; border:1px solid #adb4ba; margin: 0; padding: 1px 0;} div.centreColWide .panel.greyPanel504 {width:672px;} div.eFormModule table.ethnicity {width:100%; border:0px none;} div.eFormModule table.ethnicity tr th {background-color:transparent; border-right:0px none; padding:12px 6px; vertical-align:top; text-align:left; color:#1F6196;} div.eFormModule table.ethnicity tr td {text-align:left; border-right:0px none; font-weight:normal; padding:0px 4px 9px; color:#444444;} div.eFormModule table.ethnicity tr td.input {border-left:1px solid #afb4ba; padding-left:50px;} div.eFormModule table.ethnicity tr td.input input.textInput {border:1px solid #adb4ba;} div.eFormModule table.ethnicity tr.group th {border-top:1px solid #afb4ba;} div.eFormModule table.ethnicity tr.group td {padding-top:10px; border-top:1px solid #afb4ba;} /* ======================================================================= tool tip styles ======================================================================= */ #revToolTip { position: absolute; left: -300px; border: 1px solid red; padding: 5px; background-color: #f9f5ea; visibility:hidden; z-index: 1000; } #revToolTipPointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; } #revInfoTip { position: absolute; left: -300px; border:2px solid #transparent; background-color: #ffffff; visibility:hidden; z-index: 1000; width: 300px; overflow-x:hidden; padding:0px } .revInfoTipInner { border:5px solid #f0f0f0; padding:8px; text-align:left;} #revInfoTip h4 {font-size:14px; color:#85898c; font-weight:bold; padding:0px; margin:0px 0px 6px 0px;} #revInfoTip #revInfoTipText { font-size:10px; color:#626262; margin:0px; line-height:16px;} #revInfoTip img { float:left; position:relative; top:6px; left:7px; } #revInfoTip #revInfoTipText ul { list-style-type:square; } /* 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; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* 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 p.homePageFeatureSubTitle { visibility:hidden; font-size:13px; line-height:15px; height:40px; margin-bottom:4px; } .sIFR-hasFlash .homePageFeatureBlue a, .sIFR-hasFlash .homePageFeatureGreen a, .sIFR-hasFlash .homePageFeatureOrange a { padding-top:2px; visibility:hidden; font-size:22px; line-height:24px; } #crumbtrailHolder .socialMedia { float: right;} #crumbtrailHolder .socialMedia ul { float: right;padding: 12px 0;margin: 0px;} #crumbtrailHolder .socialMedia ul li {list-style: none;float: left;} #crumbtrailHolder .socialMedia ul li a{ padding-left: 3px;display: block;} .copyrightInfo { float: left;margin-top: 10px;} .poweredBy { float: right;} .bmaLogo { float: right;margin-bottom: 1px;margin-right: 5px;margin-top: -30px;} img.bmaLogo {display: block;} #BasketTableContainerTableBody ul.donationFormList {padding:0;margin:0;} #BasketTableContainerTableBody ul.donationFormList li {background:none;} #BasketTableContainerTableBody ul.donationFormList.inline li {float:left;padding:10px;margin-right:20px;} #BasketTableContainerTableBody ul.donationFormList.inline li input {display:block;} #BasketTableContainerTableBody ul.donationFormList.inline li.submit {padding:23px 0 0 15px;} #BasketTableContainerTableBody ul.donationFormList.inline li.submit input { font-size:1em; width:4.4em;} #BasketTableContainerTableBody ul.donationFormList li {list-style-type:none;font-size:1em;} #BasketTableContainerTableBody ul.donationFormList li a.forgotPass {margin-top:4px;display:block;} .basketDonationForm span input {margin:0 3px 0 2px;vertical-align:middle;position:relative;top:-3px;} .basketDonationForm label.donationOther {margin:0 10px 0 22px;} .basketDonationForm label {color:#444;position:relative;margin-right:14px;} .basketDonationForm label.above {position:relative;top:-3px;} .basketDonationForm p.donationFormTitle {font-size:1.1em; font-weight:bold;padding:0 5px 5px 5px;} .basketDonationForm ul.donationFormList {float: left; padding:0;margin:0;} .basketDonationForm ul.donationFormList li {background:none;float: left;width: 670px;} .basketDonationForm ul.donationFormList li.inline { width: 114px; } .basketDonationForm ul.donationFormList li.inline div.orangeBtn {padding:0 0 0 15px;} .basketDonationForm ul.donationFormList li.inline div.orangeBtn input { float: left;} .basketDonationForm ul.donationFormList li {list-style-type:none;font-size:1.1em;} .basketDonationForm ul.donationFormList li a.forgotPass {margin-top:4px;display:block;} .basketDonationForm ul.donationFormList li.errorMsg {border:1px solid #e25051; background:#fcdad9; padding:2px 2px 0 2px;} .basketDonationForm ul.donationFormList li.errorMsg label {color:#b03c3c;} .basketDonationForm ul.donationFormList li.errorMsg .errorText { margin:0px 2px 2px;} .basketDonationForm ul.donationFormList li.errorMsg .errorText .errorImg {float:left; margin:2px 0 0;} .basketDonationForm ul.donationFormList li.errorMsg p {float:left; padding:0; font-weight:bold; font-size:1.1em; color:#b03c3c; margin:2px 6px;}