/* Include Default Site Styles */ /* ------------------------------------------------------------------------------------------- */ /* Main Body and HTML styles... */ /* ------------------------------------------------------------------------------------------- */ /* - resets & defaults - */ html,body,td,th,li {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#919191; font-size:12px;} /*table {border-collapse:collapse;}*/ p {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#919191; font-size:12px; line-height:19px; margin:0 0 17px; padding:0;} p.leadText {color:#818080; font-size:16px; line-height:24px; margin:8px 0 26px; padding:0;} html,body {/* tiling bg image to go here*/background-image:url(/Images/MainSite/body/contentGradient.jpg); background-repeat:repeat-x; background-position:top; background-color:#ffffff;} html {overflow-y:scroll;} td,th,p,li {text-align:left;} img {border:0;} /* - Global Headers - */ h1 {font-family:Arial, Helvetica, sans-serif; color:#989898; font-size:25px; font-weight:bold; padding:9px 0 9px 0; margin:0 0 3px 0;} h2 {font-family:Arial, Helvetica, sans-serif; color:#919191; font-size:18px; font-weight:bold; padding:22px 0 5px 0; margin:0;} h3 {font-family:Arial, Helvetica, sans-serif; color:#8e8e8e; font-size:16px; font-weight:bold; padding:0 0 5px 0; margin:0;} h4 {font-family:Arial, Helvetica, sans-serif; color:#4f4f4f; font-size:15px; font-weight:normal; padding:0 0 5px 0; margin:0 0 10px 0;} h5 {font-family:Arial, Helvetica, sans-serif; color:#535353; font-size:12px; font-weight:normal; padding:0 0 5px 0; margin:0;} h2.tableHeader {color:#293B58;margin:0 0 9px 0;padding:9px 0 0 0;} /* ------------------------------------------------------------------------------------------- */ /* Link Styles */ /* ------------------------------------------------------------------------------------------- */ a:link {text-decoration:none; color:#0c5caf;} a:visited {text-decoration:none; color:#0c5caf;} a:hover {text-decoration:underline; color:#0c5caf;} a:active {text-decoration:none; color:#0c5caf;} /* ------------------------------------------------------------------------------------------- */ /* Site Structure Styles - Used to control main work areas and structure of site */ /* ------------------------------------------------------------------------------------------- */ /* -- Main Master.page containers -- */ #contentBg {margin-left:auto; margin-right:auto;} .contentBgBanner {background-image:url(/Images/MainSite/body/bannerBg.jpg); background-repeat:no-repeat; background-position:top; margin-left:auto; margin-right:auto;} .contentBgBannerLogo {background-image:url(/Images/MainSite/body/bannerBg.jpg); background-repeat:no-repeat; background-position:top; margin-left:auto; margin-right:auto;} #contentHolder {text-align:left; margin-left:auto; margin-right:auto; width:1002px; padding:0;} #content, .content, .content2 {float:left; width:988px; margin:0; padding:0 6px 0 8px; background-image:url(/Images/MainSite/sitepages/contentBg.gif); background-repeat:repeat-y; background-position:top;} .overlayed {z-index:99999; position:relative;} /*styles for when theres no left bar */ .content.contentNoLeft, #content.contentNoLeft {background-image:url(/Images/MainSite/sitepages/contentBgNoLeftBar.gif);} .content div.btmBlendContainer, .content2 div.btmBlendContainer, #content div.btmBlendContainer {position:relative;width:100%;height:0px;} .content div.btmBlendContainer img.leftBarBtmBlend, .content2 div.btmBlendContainer img.leftBarBtmBlend, #content div.btmBlendContainer img.leftBarBtmBlend {position:absolute; bottom:0px; left:0px;} .content.contentNoLeft div.btmBlendContainer, .content2.contentNoLeft div.btmBlendContainer, #content.contentNoLeft div.btmBlendContainer {display:none;} #contentTop {float:left; width:988px; margin:0; padding:0 6px 0 8px; background-image:url(/Images/MainSite/sitepages/contentTop.gif); background-position:top; background-repeat:no-repeat; height:5px;} /* -- 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:960px; margin:0; padding:0 13px 50px;} .mainFullPage.mainFullPageHome {padding-bottom:36px;} .mainFullPage.mainFullPageTesting {padding:5px 9px 50px; width:968px;} /* LEFT NAV */ .leftBar {vertical-align:top; float:left; width:233px; margin:0; padding:14px 6px 204px 5px; background-image:url(/Images/MainSite/sitepages/leftBarTop.gif); background-repeat:no-repeat; background-position:right 0px;} /* 2 COLUMN CONTAINER (EXPECTS 'LEFT NAV' OR 'MAIN RIGHT BAR') */ .mainWorkArea {float:left; width:709px; margin:0px; padding:0px 13px 50px 20px;} /* MAIN RIGHT BAR */ /*.mainRightBar {vertical-align:top; float:right; width:191px; margin:0 0 0 22px; 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:705px; margin-right:0; padding:11px 0 30px 0;} /* CENTER COLUMN, EXPECTS RIGHTBAR */ .centreCol {float:left; width:466px; margin-right:21px; padding:11px 0 30px 0;} /* RIGHT COLUMN */ .rightBar {vertical-align:top; float:left; width:218px; margin:0; padding:14px 0 0 0;} /* RIGHT COLUMN */ /*.centreTabs {float:left; width:734px; clear:both; background-image:url(/vliPreviewIntranet/Images/MainSite/sitepages/tabs/tabsBkgd.gif); background-repeat:repeat-x; background-position:0 0; padding:0 0 0 10px; margin:0 0 17px 0;}*/ /* RIGHT COLUMN */ /*.titleBar {float:left; width:100%; border-bottom:solid 1px #d4d4d4; padding:0; margin-bottom:25px}*/ .fullPageModifier {margin:0;width:896px;padding:10px 31px 10px 41px;} .fullPageModifier .centreColWide {width:655px;} .fullPageModifier .rightBar {padding:0 0 0 21px;} .fullPageModifier .rightBar div.searchOptions {padding:0 14px 20px 12px;} /*======================================== Holding Page Styles ==========================================*/ #holdingPageContainer {clear:both; padding:40px 35px; min-height:730px;} #holdingPageOuter {} #holdingPageInner {} /* ---------------------------------*/ /* Xstandard Styles */ /* -------------------------------- */ .mainWorkArea ul, div.xStandardContent ul {float:none; margin:0px; padding:8px 0px 8px 20px; line-height:19px;} .mainWorkArea ul li, div.xStandardContent ul li {float:none; list-style-type:none; background-image:url(/Images/MainSite/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px;} .mainWorkArea ul li ul, div.xStandardContent ul li ul {margin:0px; padding:0px 0px 0px 20px;} .mainWorkArea ul li ul li, div.xStandardContent ul li ul li {list-style-type:none; background-image:url(/Images/MainSite/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px;} .mainWorkArea ul li ol, div.xStandardContent ul li ol {margin:0px; padding:0px 0px 0px 20px;} .mainWorkArea ul li ol li, div.xStandardContent ul li ol li {list-style-type:none; background-image:url(/Images/MainSite/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px;} .mainWorkArea ol, div.xStandardContent ol {margin:0px; padding:8px 0px 8px 20px;} .mainWorkArea ol li, div.xStandardContent ol li {list-style-type:none; background-image:url(/Images/MainSite/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px; line-height:18px;} .mainWorkArea ol li ul, div.xStandardContent ol li ul {margin:0px; padding:0px 0px 0px 20px;} .mainWorkArea ol li ul li, div.xStandardContent ol li ul li {list-style-type:none; background-image:url(/Images/MainSite/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px;} .mainWorkArea ol li ol, div.xStandardContent ol li ol {margin:0px; padding:0px 0px 0px 20px;} .mainWorkArea ol li ol li, div.xStandardContent ol li ol li {list-style-type:none; background-image:url(/Images/MainSite/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px;} /*.mainWorkArea ul .largeList {line-height:20px; padding:0 0 9px 11px;font-size:16px; font-weight:bold; margin-bottom:2px; background-image:url(/Images/MainSite/sitepages/viewArrow.gif); background-repeat: no-repeat; background-position:0 8px;}*/ .mainWorkArea ul .largeList {line-height:20px; font-size:16px; font-weight:bold;margin-bottom:2px;} .mainWorkArea th {font-size: 12px; font-weight: bold; color:#565656; padding: 4px 4px 9px 4px; background-color:#fbfbfb;} .mainWorkArea td {font-size: 12px; line-height:16px; padding: 4px;} .mainWorkArea td p {font-size: 12px; line-height:16px;} .mainWorkArea td h3 {color: #7d7d7d; font-size: 12px; font-weight: bold;} .mainWorkArea td h4 {color:#919191; font-size: 12px; font-weight: bold;} .mainWorkArea td h5 {color:#919191; font-size: 12px; font-weight: normal;} /*.mainWorkArea table {border:0px none;width:100%;margin:15px 0;}*/ /*.mainWorkArea table td {font-size:1.2em;}*/ /*.mainWorkArea table td table td {font-size:1em;}*/ /*.mainWorkArea tr {background-color:#d6eefc;}*/ /*.mainWorkArea td, th {color:black;padding:4px;}*/ /*.mainWorkArea th {background-color:#0069aa;color:white;font-weight:bold;}*/ /*.mainWorkArea tr.even {background-color:#bfd4ff;}*/ /*.mainWorkArea table.withBorder tr, table.withBorder td, table.withBorder th {border:2px solid #fff;}*/ /*.mainWorkArea caption {font-size:1.2em; font-weight: normal; color:#fff; background-color:#b7b7b7; padding:4px; text-align:left; margin:10px 0px 5px 0px;}*/ /* ---------------------------------*/ /* Header */ /* -------------------------------- */ #header {float:left; z-index:11; width:1002px;margin: 10px 0px 137px 0px;padding: 0px;background-image:url(/Images/MainSite/nav/header/headerGradientBg.png);background-repeat:no-repeat; background-position:top;height:150px;position:relative;} #header h1 {position:absolute; left:0; margin:0px; padding:0px;} .rightHeader {float:right;width:884px;} .quickLinks {min-height:27px;} .quickLinks ul {margin:11px 20px 0px 0px; padding:0; float:right; text-align:right} .quickLinks ul li {margin:0px; padding:0; list-style:none; display:inline; color:#c8c8c8; font-size:11px;} .quickLinks ul li a {color:#1e6bb0; padding:0px 3px 0px 3px} .headerSearch {float:right; margin:0px 19px 0px 0px} .headerSearch ul {margin:20px 0px 0px 0px; padding:0px; display:block; vertical-align:top} .headerSearch ul li {margin:0px; padding:0px; font-size:9px; display:inline; float:left; background-image:url(/Images/MainSite/nav/header/searchInputBg.gif); background-repeat:no-repeat; background-position:0 0;} .headerSearch .searchTextEntry {color:#828282; border:0 solid #d5d5d5; background-color:transparent; width:154px; padding:5px 0 5px 0; margin:0 2px 0 22px;} .headerLoggedInContainer {float:right; margin-top:10px; padding-right:28px;} .headerLoggedInContainer p {font-size:11px; color:#717171; padding:0; margin:0; line-height:15px;} .headerLoggedInContainer p span.sep {color:#c8c8c8;} .ie6Hide {display:none} /* ---------------------------------*/ /* CSS Dropdown menu */ /* -------------------------------- */ .menuHolder {position:absolute; bottom:3px; margin-left:8px} .menuHolder img {float:left} .menu {float:left; width:978px; position:relative; z-index:100; /*height:26px;*/} /* Level 1 */ .menu ul {float:left; width:978px; padding:0px; margin:0px 0px 0px 0px; list-style-type:none; display:inline; height:34px; background-image:url(/Images/MainSite/nav/header/headerBg.gif); background-repeat:repeat-x; background-position:top} .menu ul li { float:left; font-weight:normal; margin:0px; padding:0px; position:relative;} /* Level 1 Link */ .menu ul li a, .menu ul li a:visited {display:block; float:left; padding:4px 16px 6px 16px; margin:1px 1px 0px 1px; font-size:17px; text-decoration:none; color:#ffffff; font-weight:normal;} /* Level 1 Hover State */ .menu ul li a:hover {color:#1d66aa; border:1px solid #dedede; border-bottom:0px none; background:transparent url(/Images/MainSite/nav/header/menuButtonBg.gif) repeat-x scroll 0 0; margin:0;} .menu *:hover > a, .menu *:hover > a:visited {color:#1d66aa; border:1px solid #dedede; border-bottom:0px none; background:transparent url(/Images/MainSite/nav/header/menuButtonBg.gif) repeat-x scroll 0 0; margin:0;} /* Level 1 Drop Hover State */ .menu ul li a.drop:hover {border:1px solid #7d9ebb; border-bottom:0px none;} .menu *:hover > a.drop, .menu *:hover > a.drop:visited {border:1px solid #7d9ebb; border-bottom:0px none;} /* Level 1 Active State */ .menu ul li a:active {color:#1967ae; border:1px solid #dedede; border-bottom:1px solid #d1d1d1; background:transparent url(/Images/MainSite/nav/header/activeTab.gif) repeat-x scroll 0 0; margin:0px} .menu *:hover > a:active {color:#1967ae; border:1px solid #dedede; border-bottom:1px solid #d1d1d1; background:transparent url(/Images/MainSite/nav/header/activeTab.gif) repeat-x scroll 0 0; margin:0px} /* Level 1 Selected State */ .menu ul li a.selected, .menu ul li a.selected:hover, .menu ul li a.selected:visited {color:#1967ae; border:1px solid #dedede; border-bottom:1px solid #ffffff; background:transparent url(/Images/MainSite/nav/header/activeTab.gif) repeat-x scroll 0 0; margin:0px} /* Level 2 */ .menu ul li ul {width:192px; visibility:hidden; position:absolute; top:31px; left:0; padding:1px 0 0; margin:0; background-color:#ffffff; border:1px solid #7d9ebb; border-top:0; height:auto; background-image:none} .menu ul li ul li {padding:1px; margin:0; float:left; display:block; background-image:url(/Images/MainSite/nav/header/dotted.gif); background-repeat:repeat-x; background-position:top;} /* Level 2 Link */ .menu ul li ul li a, .menu ul li ul li a:visited {width:158px; margin:0; padding:4px 16px 6px 16px; border:0px none; float:none; color:#1d66aa; height:auto; line-height:1.5em; background:#ffffff url(/Images/MainSite/nav/header/deactiveArrow.gif) no-repeat scroll 8px 9px; font-weight:normal; font-size:12px;} .menu *:hover > ul li a, .menu *:hover > ul li a:visited {width:158px; margin:0; padding:4px 16px 6px 16px; border:0px none; float:none; color:#1d66aa; height:auto; line-height:1.5em; background:#ffffff url(/Images/MainSite/nav/header/deactiveArrow.gif) no-repeat scroll 8px 9px; font-weight:normal; font-size:12px;} /* Level 2 Hover State */ .menu ul li ul li a:hover, .menu ul li ul li a.drop:hover {color:#ffffff; background:#1967ae url(/Images/MainSite/nav/header/activeArrow.gif) no-repeat scroll 8px 9px;} .menu *:hover > ul li a:hover, .menu ul li *:hover > a.drop, .menu ul li *:hover > a.drop:visited {color:#ffffff; background:#1967ae url(/Images/MainSite/nav/header/activeArrow.gif) no-repeat scroll 8px 9px;} /* Level 2 Drop Hover State */ .menu ul li ul li a.drop:hover {margin:0; border:0px none; padding:4px 16px 6px 16px;} .menu ul li *:hover > a.drop, .menu ul li *:hover > a.drop:visited {margin:0; border:0px none; padding:4px 16px 6px 16px;} /* Level 3 */ .menu ul li ul li ul {padding:0; width:177px; top:1px; left:191px; border:1px solid #1e6ab0; background-color:#1967ae; background-image:none;} /* Level 3 Left Flyout */ .menu ul li ul li ul.left {left:-178px;} .menu ul li ul li ul li {padding:1px 0; background:transparent url(/Images/MainSite/nav/header/blueDotted.gif) repeat-x scroll 0 100%;} /* Level 3 Link */ .menu ul li ul li ul li a, .menu ul li ul li ul li a:visited {width:145px; background-color:#1967ae; color:#ffffff; background-image:none; border:0px none;} .menu *:hover > ul li ul li a, .menu *:hover > ul li ul li a:visited {width:145px; background-color:#1967ae; color:#ffffff; background-image:none; border:0px none;} /* Level 3 Hover State */ .menu ul li ul li ul li a:hover {background-color:#699cca; border:0px none;} .menu *:hover > ul li ul li a:hover {background-color:#699cca; border:0px none;} /* 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;} /* ---------------------------------*/ /* Left Bar */ /* -------------------------------- */ .leftNav {float: left; width: 217px; padding:0px 8px 0px 8px; background-color:#FFFFFF;} .leftNav ul {float: left; width: 217px; border:0px none; margin:0px; padding:0px;} .leftNav ul li {float: left; width:217px; list-style-type: none; margin: 0px; padding:0px; background-image:url(/Images/MainSite/nav/leftbar/dotted.gif); background-position:top; background-repeat:repeat-x;} .leftNav ul li a {float:left; width:201px; padding:7px 0px 7px 16px; font-weight:normal;font-size:12px;border-top:1px dotted #dedede;} .leftNav ul li a:link, .leftNav ul li a:visited, .leftNav ul li a:active {background-color:#ffffff; color:#1967ae; text-decoration:none; background-image:url(/Images/MainSite/icons/8x8/icons/transparent/blueArrow.gif); background-position:7px 10px; background-repeat:no-repeat} .leftNav ul li a:hover {background-color:#79b3e9; color:#ffffff; text-decoration: none; background-image:url(/Images/MainSite/icons/8x8/icons/transparent/whiteArrow.gif); background-position:7px 10px; background-repeat:no-repeat} .leftNav ul li a.selected, .leftNav ul li a.selected:visited { background-color:#1967ae; color:#ffffff; text-decoration:none; background-image:url(/Images/MainSite/icons/8x8/icons/transparent/whiteArrow.gif); background-position:7px 10px; background-repeat:no-repeat;font-weight:normal;font-size:12px;} .leftNav ul li a.hasChildren, .leftNav ul li a.hasChildren:hover { color:#1967ae; background-color:#f3f6fb; background-image:url(/Images/MainSite/icons/8x8/icons/transparent/blueArrowDown.gif); background-position:6px 13px; background-repeat:no-repeat; } .leftNav ul li a.hasChildren:hover {background-color:#79b3e9; color:#ffffff; background-image:url(/Images/MainSite/icons/8x8/icons/transparent/whiteArrowDown.gif);} .leftNav ul li a.selectedWithChildren { background-color:#1967ae; color:#ffffff; background-image:url(/Images/MainSite/icons/8x8/icons/transparent/whiteArrowDown.gif); background-position:6px 13px; background-repeat:no-repeat; } /*second level*/ .leftNav ul li ul {float:left; border-bottom:1px solid #1967ae; width: 217px; margin:0px; padding:0px;} .leftNav ul li ul li {float: left; width:217px; list-style-type: none; margin: 0px; padding:0px;} .leftNav ul li ul li a { width:194px; padding:8px 0px 7px 23px; font-size:11px; border-top:1px dotted #dedede; } .leftNav ul li ul li a:link, .leftNav ul li ul li a:visited, .leftNav ul li ul li a:active {background-color:#f3f6fb; color:#1b66aa; text-decoration:none; background-image:none;} .leftNav ul li ul li a:hover {background-color:#79b3e9; color:#ffffff; text-decoration: none; background-image:none;} .leftNav ul li ul li a.selected, .leftNav ul li ul li a.selected:visited { background-color:#1967ae; color:#ffffff; font-size:11px; background-position:16px 11px; } .leftNav ul li ul li a.selectedWithChildren { background-color:#1967ae; color:#ffffff; font-size:11px; padding:8px 0 7px 23px; background-image:url(/Images/MainSite/icons/8x8/icons/transparent/whiteArrowDown.gif); background-position:12px 13px; background-repeat:no-repeat; } .leftNav ul li ul li a.hasChildren { float: left; width:194px; padding:8px 0px 7px 23px; background-color:#ffffff; background-image:url(/Images/MainSite/icons/8x8/icons/transparent/blueArrowDown.gif); background-position:12px 13px; background-repeat:no-repeat; font-weight:normal; } .leftNav ul li ul li a.hasChildren:hover {background-color:#79b3e9; color:#ffffff; background-position:12px 13px;background-image:url(/Images/MainSite/icons/8x8/icons/transparent/whiteArrowDown.gif);} /*thirdlevel*/ .leftNav ul li ul li ul {float: left; width: 217px; margin:0px; padding:0px; border:0px none;} .leftNav ul li ul li ul li {float: left; width:217px; list-style-type: none; margin: 0px; padding:0px;} .leftNav ul li ul li ul li a {float: left;width:185px;padding:8px 0px 7px 32px;font-weight:normal;font-size:11px;border;border-top:1px dotted #cbcbcb;} .leftNav ul li ul li ul li a:link,.leftNav ul li ul li ul li a:visited, .leftNav ul li ul li ul li a:active {background-color:#fbfdfe; color:#1b66aa; text-decoration: none; background-image:none;} .leftNav ul li ul li ul li a:hover {background-color:#79b3e9; color:#ffffff; text-decoration: none; background-image:none;} .leftNav ul li ul li ul li a.selected, .leftNav ul li ul li ul li a.selected:visited {float:left;background-position:25px 11px;width:185px;padding:8px 0px 7px 32px;background-color:#1967ae;color:#ffffff;font-weight:normal;font-size:11px;} .leftItem {width:233px;} .leftItem ul {padding:0; margin:0; border-bottom:1px dotted #dedede; margin-bottom:20px;} .leftItem ul li {cursor:pointer; position:relative; min-height:107px; list-style:none; border-top:1px dotted #dedede; padding:1px 8px 1px 58px;} .leftItem ul li:hover {background-color:#ffffff;} .leftItem ul li img {position:absolute; left:0px; float:left; margin-right:11px;} .leftItem ul li div {float:left; margin:20px 0 0 0;} .leftItem ul li p {font-size:11px} .leftItem ul li h3 {margin:20px 0 3px 0; padding:0; color:#1967ae; font-size:12px} /* ---------------------------------*/ /* Footer */ /* -------------------------------- */ #printFooter {display:none; border-top:1pt dotted #dedede; padding-top:20px; margin-top:20px;} #footer {position:relative; float:left; width: 988px; margin:0 7px 0 7px; padding:0; background-color:#f3f6fb; background-image:url(/Images/MainSite/nav/footer/footerGradientBg.gif); background-position:0 100%; background-repeat: repeat-x; border-top:1px solid #cecece; min-height:194px;} #footer h1 {color:#989898; font-size:14px; font-weight:bold; margin-bottom:0px; width:136px;} #footer ul {margin:0px; padding:0px 0px 15px 0px; float:left; width:136px;} #footer ul li {margin:0px 0px 6px 0px; padding:0px; list-style:none} #footer ul li a{font-size:11px; color:#809fbc} .footerBorders {float:left; width:988px; background-image: url(/Images/MainSite/nav/footer/footerBg.gif); background-position:0 0; background-repeat:repeat-y; min-height:194px;} .footerCurve {float:left; width:988px; background-image: url(/Images/MainSite/nav/footer/footerCorner.jpg); background-position:100% 100%; background-repeat:no-repeat; min-height:194px;} .footerPanel {width:158px; background-position:top right; background-repeat:no-repeat; float:left; padding:0px 20px 0px 20px;} .footerPanelCopy {width:350px; float:left; padding:0px 20px 0px 20px; font-size:11px; color:#7a7979;} #footer .footerPanelCopy ul {width:320px;} #footer .footerPanelCopy ul li {font-size:11px;} #footer img {position:absolute; right:30px; bottom:30px;} /* ------------------------------------ */ /* Crumbtrail */ /* ------------------------------------ */ /* #crumbtrailHolder {float:left; width:1002px; padding:0px; margin:0px;} .crumbImg {float: left; width:1002px;} #crumbtrail {float:left; width:1002px; color:#5c5c5c; font-size:11px; padding:0px; margin:0px; line-height: 16px; background-image:url(/Images/MainSite/nav/crumbtrail/crumbBkgd.gif); background-repeat:repeat-y; background-position:0px 0px;} #crumbtrail .youAreHere {float: left; width: 76px; padding:3px 0px 3px 31px; color:#4f4f4f} #crumbtrail ul{margin:0px; float: left; width: 865px; padding:3px 30px 3px 0px;} #crumbtrail li{display:inline; padding:0px; margin:0px; font-size:11px;} #crumbtrail li a:link{color:#1d66aa; text-decoration: none;} #crumbtrail li a:visited{color:#1d66aa; text-decoration: none;} #crumbtrail li a:hover{color:#1d66aa; text-decoration: underline;} #crumbtrail li a:active{color:#1d66aa; text-decoration: none;} .arrow {color:#4f4f4f; font-weight:normal} .activeCrumb {color:#8d8d8d; font-weight:bold} */ /* ---------------------------------*/ /* Main Home Page */ /* -------------------------------- */ div.homePageLeft {float:left; width:724px; padding:16px 0 0 7px;} div.homePageLeftWide {width:auto;} div.homePageLeft div.mainContent {padding-right:20px;} div.homepagePanelContainer {width:709px; overflow:hidden; padding-right:15px; margin-bottom:9px; background:#ffffff url('/Images/MainSite/homepage/panels/homepagePanelsY.gif') repeat-y scroll 0 0;} div.homepagePanelTop div.homepagePanelContainer {background-position:-724px 0;} div.homepagePanelBottom div.homepagePanelContainer {background-position:0 0;} div.homepagePanelHeader {position:relative; width:724px; height:98px; float:left; background:transparent url('/Images/MainSite/homepage/panels/homepagePanels.png') no-repeat scroll 0 0;} div.homepagePanelTop div.homepagePanelHeader {background-position:0 0;} div.homepagePanelBottom div.homepagePanelHeader {background-position:0 -110px;} div.homepagePanelFooter {overflow:hidden; width:724px; height:12px; float:left; background:transparent url('/Images/MainSite/homepage/panels/homepagePanels.png') no-repeat scroll 0 -98px;} div.homepagePanelTop div.homepagePanelFooter {background-position:0 -98px;} div.homepagePanelBottom div.homepagePanelFooter {background-position:0 -208px;} div.homepagePanelLeft {float:left; width:322px; padding: 0 11px 0 12px;} div.homepagePanelRight {float:right; width:322px; padding: 0 11px 0 12px;} div.contentPanel {width:321px; margin:2px 0 11px; float:left; background:transparent url('/Images/MainSite/homepage/panels/homepagePanelsY.gif') repeat-y scroll -1448px 0;} div.contentPanel div.contentPanelTop {width:321px; overflow:hidden; float:left; height:6px; background:transparent url('/Images/MainSite/homepage/panels/homepagePanels.png') no-repeat scroll 0 -220px;} div.contentPanel div.contentPanelContent {float:left; width:303px; padding:3px 9px 1px;} div.contentPanel div.contentPanelBottom {width:321px; overflow:hidden; float:left; height:6px; background:transparent url('/Images/MainSite/homepage/panels/homepagePanels.png') no-repeat scroll 0 -226px;} div.homepagePanelContainer p {line-height:1.65em; margin-bottom:12px;} div.homepagePanelContainer h2 {font-size:11px; font-weight:bold; margin:0; padding:0 0 1px 0;} div.homepagePanelContainer ul {padding:0 0 5px 0; margin:0; list-style-type:none;} div.homepagePanelContainer div.contentPanelContent ul {padding-bottom:0;} div.homepagePanelContainer ul li {padding:4px 0 5px 8px; margin:0; font-size:11px; line-height:16px; background:transparent url('/Images/MainSite/homepage/panels/listArrow.gif') no-repeat scroll 0 8px;} div.homepagePanelContainer ul li a {font-size:12px; font-weight:bold; line-height:13px;} div.homepagePanelContainer ul li span {display:block; padding-top:2px;} div.homepagePanelContainer ul li span.eventDate {padding-top:5px; line-height:14px;} div.homepagePanelContainer ul li span.eventVenue {padding-top:0; padding-bottom:1px; line-height:12px; color:#616060;} div.homepagePanelHeader a.panelLeftLink {display:block; position:absolute; left:0; top:17px; width:345px; height:71px;} div.homepagePanelHeader a.panelRightLink {display:block; position:absolute; left:364px; top:17px; width:345px; height:71px;} div.panel1 p {color:#6d879a;} div.panel1 h2 {color:#9dacb7;} div.panel2 p {color:#35762a;} div.panel2 h2 {color:#82bc78;} div.panel3 p {color:#685e96;} div.panel3 h2 {color:#8b84ac;} div.panel4 p {color:#4283c2;} div.panel4 h2 {color:#669cd1;} div.homePageRight {float:right; width:218px; padding:13px 7px 0 0;} div.homePageRight div.newsItemContainer {margin-bottom:18px; padding-top:19px;} div.homePageRight div.newsItemContainer h2 {font-size:11px; margin:0; padding:3px 3px 2px 5px; font-weight:bold; color:#293b58; background-color:#eeeeec; border-top:1px solid #dedede; border-bottom:1px solid #dedede;} div.homePageRight div.newsItemContainer ul li h4 {font-size:12px; padding-bottom:1px; line-height:18px;} div.homePageRight div.newsItemContainer ul li {padding-top:4px; padding-bottom:3px; padding-right:5px;} div.homePageRight div.newsItemContainer ul li.focus {padding-top:8px; padding-bottom:11px;} div.homePageRight div.newsItemContainer ul li.focus p.date {margin-bottom:1px;} div.homePageRight div.newsItemContainer ul li.view {padding:1px 0 1px 0;} div.homePageRight div.newsItemContainer ul li.view p {padding:2px 6px 4px 20px; background-color:#fafafa;} div.homePageRight div.adSpace {border:4px solid #eeeeec; padding:5px; margin-bottom:18px;} div.homeContentLeft {float:left; width:345px; padding-right:19px;} div.homeContentRight {float:left; width:345px; padding-right:15px;} div.mainHomeFooter {padding:1px 3px 1px 1px;} div.homeFooterBkgnd {float:left; width:100%; background:#bcbcbc url('/Images/MainSite/homepage/footer/homeFooterBkgnd.gif') repeat-x scroll 0 0;} div.homeFooterBkgnd div.homeFooterPanel {min-height:131px; float:left; width:291px; padding:16px 14px 16px 23px; background:transparent url('/Images/MainSite/homepage/footer/homeFooterSep.gif') no-repeat scroll 100% 25px;} div.homeFooterBkgnd div.homeFooterPanel.homeFooterPanelLast {background:none;} div.homeFooterBkgnd div.homeFooterPanel h2 {font-size:14px; font-weight:bold; color:#293b58; margin:0; padding:0 0 11px 5px;} div.homeFooterBkgnd div.homeFooterPanel img.itemThumb {float:left; background-color:#ffffff; padding:2px; margin-right:16px;} div.homeFooterBkgnd div.homeFooterPanel p {font-size:14px; line-height:18px; padding-top:4px;} /* ---------------------------------*/ /* Event Home Page */ /* -------------------------------- */ .bannerRotator {position:relative; width:454px; height:139px; padding:6px; background-color:#8b84ac; margin-bottom:13px;} .bannerRotator .rotatorContent {position:absolute; overflow:hidden; width:454px; height:139px; background-color:#ffffff;} .bannerRotator .rotatorContent .panelWrapper {height:139px; width:10000px;} .bannerRotator .rotatorContent .panelWrapper .rotatorPanel {float:left; width:454px;} .bannerRotator .rotatorContent ul {margin:0; padding:0;} .bannerRotator .rotatorContent ul li {margin:0; padding:0; background-image:none;} .bannerRotator .rotatorContent p {color:#293b58; font-size:12px; margin:0 0 0 10px; line-height:18px} .bannerRotator .rotatorContent p.title {color:#6799c4; font-size:17px; line-height:20px; margin-bottom:8px;} .bannerRotator .rotatorContent div.textHolder {float:left; width:225px; margin:7px 0 0;} .bannerRotator .rotatorContent div.imageHolder {float:right; width:218px;} .bannerRotator .rotatorControls {} .bannerRotator .rotatorControls ul {position:absolute; bottom:15px; left:18px; margin:0; padding:0; list-style-type:none;} .bannerRotator .rotatorControls ul li {font-size:11px; width:21px; height:18px; float:left; margin:0 3px 0 0; padding:0; background-image:url(/Images/MainSite/rotator/buttonBg.gif); background-position:0 0; background-repeat:no-repeat;} .bannerRotator .rotatorControls ul li a {font-size:11px; display:block; width:14px; height:18px; margin:0; padding:0 0 0 7px; color:#5e5686; font-weight:bold;} .bannerRotator .rotatorControls ul li a.arrows {padding:5px 0 0 8px; width:13px; height:13px;} .bannerRotator .rotatorControls ul li.numberDisplay {background:none; font-weight:bold; color:#5e5686; padding-left:7px; padding-right:7px; width:auto;} .homepageEventList {padding:6px; margin:0; background-color:#eceaf7;} .homepageEventList .xstandardContent {margin-top:13px; padding:0 14px;} .homepageEventList ul {margin:0;padding:0 5px;} .homepageEventList ul li {background-image:none; border-top:1px dotted #bcb8d3; list-style-type:none; margin:5px 0 0; padding:7px 0 4px 10px;} .homepageEventList ul li p.title {line-height:13px; background-image:url(/Images/MainSite/sitepages/viewArrow.gif);background-position:0 4px;background-repeat:no-repeat;color:#1967AE;font-size:12px;font-weight:bold;margin:0;padding:0 0 4px 7px;} .homepageEventList ul li p.date {color:#616060;font-size:11px;margin:0 0 5px 8px;padding:0;} .homepageEventList ul li.view {background-image:none;padding:3px 0 0 17px;} .homepageEventList ul li.view p {color:#1F6196; font-size:11px;} .homepageEventList ul li.view img {margin-left:2px;} .homepageEventList .upcomingEvents {padding:5px; margin:0; background-color:#ffffff; background-image:url(/Images/MainSite/rotator/piraLogoBg.gif); background-position:96% 8px; background-repeat:no-repeat;} .homepageEventList .upcomingEvents h2 {padding:15px 0 18px 10px; font-size:18px; color:#293b58;} .homepageEventList .upcomingEvents ul {padding:0;} .homepageEventList .upcomingEvents ul li {background-image:url(/Images/MainSite/sitepages/homepageListItemBg.gif); background-position:0 0; background-repeat:repeat-x; border-top:1px dotted #DEDEDE;} .homepageEventList .upcomingEvents ul li.view {background-image:none;padding:3px 0 0 17px;} .columnA {float:left; width:365px; margin-right:18px} .columnB {float:right; width:322px;} .columnA .newsItemContainer {padding:0;} .columnA .KeySpeakers h2 {padding:5px 0 4px; border-bottom:3px solid #8b84ad; color:#293B58; margin-bottom:2px; margin-left:0;} .columnA .KeySpeakers ul {padding:0; margin:0;} .columnA .KeySpeakers ul li {padding:0; margin-bottom:1px;height:81px; background-color:#eceaf7; cursor:pointer; background-image:none;} .columnA .KeySpeakers ul li:hover {background-color:#8b84ad;} .columnA .KeySpeakers ul li p {color:#919191; margin:0; padding:0; line-height:17px; font-size:11px;} .columnA .KeySpeakers ul li p.name {color:#1967ae; font-size:12px;} .columnA .KeySpeakers ul li p.topic {color:#616060; font-weight:bold; font-size:11px;} .columnA .KeySpeakers ul li:hover p {color:#ffffff;} .columnA .KeySpeakers ul li div.profile {float:left; width:69px; height:79px; border:1px solid #dedede;} .columnA .KeySpeakers ul li div.text {float:left; padding:13px 15px 0 13px;} .columnB .newsItemContainer {padding:5px 0 0;} .columnB .newsItemContainer h2 {border-bottom:3px solid #8b84ad; margin-bottom:2px; margin-left:0; padding-bottom:4px;} .columnB .newsItemContainer ul li {margin:3px 0 0; padding:7px 0 5px 10px; background-image:url(/Images/MainSite/sitepages/homepageListItemBg.gif);} .columnB .newsItemContainer ul li.focus {padding:10px 0 15px 10px;} .columnB .newsItemContainer ul li h4 {font-size:12px; line-height:13px; margin-bottom:3px;} .columnB .newsItemContainer ul li.view {background-image:none;padding:4px 0 4px 17px; background-color:#f5f4fa;} .columnB .newsItemContainer ul li.view p {color:#1F6196; font-size:11px;} .columnB .newsItemContainer ul li.view img {margin-left:4px;} /* ---------------------------------*/ /* Event List Styles */ /* -------------------------------- */ .eventlistContainer {margin-bottom:27px;} .eventlistContainer ul {width:100%; padding:0; margin:0;} .eventlistContainer ul li {width:100%; margin:0; padding:0; border-top:1px dotted #dedede; background:none; list-style-type:none;} .eventlistContainer ul li.first {border-top:0px none;} .eventlistContainer ul li div.eventContent {margin:2px 0; padding:14px 0 18px;} .eventlistContainer ul li div.eventImg {float:left; margin-left:-124px; width:110px; height:70px;} .eventlistContainer ul li div.eventText {padding-left:130px; padding-right:10px;} .eventlistContainer ul li h2 {font-size:12px; line-height:16px; font-weight:bold; margin:0 0 4px 0; padding:0;} .eventlistContainer ul li.focus div.eventContent {background-color:#f3f7fb; padding-bottom:23px;} .eventlistContainer ul li.focus div.eventImg {margin-left:-213px; width:200px; height:128px;} .eventlistContainer ul li.focus div.eventText {padding-left:220px;} .eventlistContainer ul li.focus h2 {font-size:17px; line-height:20px; font-weight:normal;} .eventlistContainer ul li p.eventDetails {font-size:11px; line-height:16px; color:#616060; margin-bottom:4px;} .eventlistContainer ul li p.eventDescription {font-size:12px; line-height:18px; color:#919191; margin-bottom:9px;} .eventlistContainer ul li ul.eventLinks {margin:7px 0 0 0; padding:0;} .eventlistContainer ul li ul.eventLinks li {display:inline; font-size:11px; margin:0; padding:0 14px 0 10px; background: transparent url('/Images/MainSite/sitepages/eventListOptionArrow.gif') no-repeat scroll right center; border:0px none; border-left:1px solid #cdcdcd; list-style-type:none;} .eventlistContainer ul li ul.eventLinks li.first {border-left:0px none; padding-left:0px;} .eventlistContainer ul li.noResults {border-top:0px none; padding-left:0px; margin-top:27px} .rightBar h2.panelTitle {color:#293B58;margin:0 0 16px 0;padding:0 0 9px 14px; border-bottom:1px dotted #dedede;} .rightBar div.searchOptions {padding:0 14px 0 12px; background-color:#f3f6fb; border:1px solid #e6e6e4;} .searchOptions h2.panelTitle {padding-left:0; padding-top:7px; padding-bottom:9px; margin:0 0 14px;} .searchOptions p.searchTitle {font-weight:bold; margin:18px 0 0 0; padding:0 0 10px 0; color:#293b58; font-size:13px;} .searchOptions p.searchTitle.textAbove {margin:11px 0 0 0;} .searchOptions p.searchTitle.first {margin-top:0px;} .searchOptions p.searchTitle.bdr {border-bottom:1px dotted #DEDEDE;padding:0 0 4px; margin-bottom:2px;} .searchOptions div.searchBox {border:1px solid #e2e3ea; border-top:1px solid #abadb3;} .searchOptions div.searchBox input {border:0px none; margin:0; padding:0; vertical-align:bottom;} .searchOptions div.searchBox input.textInput {font-size:11px; width:162px; padding:2px 3px 3px;} .searchOptions div.searchBox input.buttonInput {margin:1px 1px 1px 0;} .searchOptions p.searchMapLink {margin:3px 0 0 6px;padding:0;} .searchOptions p.searchMapLink a {padding-left:8px; margin:0; background:transparent url('/Images/MainSite/nav/subnav/subNavBackground.gif') no-repeat scroll left center;} .searchOptions a.moreIndustries {float:left; margin-left:1px; padding:2px 0 0 16px; display:block; width:165px; height:19px;background-image:url(/Images/MainSite/nav/subnav/subNavBackground.gif);background-position:106px 6px;background-repeat:no-repeat;} .searchOptions a.moreIndustries:hover {text-decoration:none; background-color:#1967AE; background-image:url(/Images/MainSite/nav/subnav/subNavBackgroundHover.gif);color:#ffffff;} .searchOptions a.open, .searchOptions a.open:visited {background-color:#1967AE;color:#ffffff; background-image:url(/Images/MainSite/nav/subnav/subNavBackgroundHover.gif);background-position:106px 6px;background-repeat:no-repeat;} .searchOptions div.moreIndustriesDiv {display:block; margin-left:1px; line-height:20px; font-size:11px; padding:3px 7px 6px 15px; width:159px; color:#1967ae; background-color:#ffffff;} .searchOptions div.moreIndustriesDiv img.moreArrow {padding-left:2px;} .searchOptions div.close {display:none;} /*======================================== Event Details Page ==========================================*/ div.eventPageHeader {padding-top:9px;} div.eventPageHeader img {margin-bottom:12px;} div.eventPageHeader h1, div.eventPageHeader h2 {display:inline; margin:0; padding:0; color:#989898;} div.eventPageHeader h2 {font-size:21px; font-weight:normal;} div.eventPageHeader p.eventDetailsSummary {font-size:17px; padding-top:11px; line-height:24px;} div.eventDetails {float:left;padding:0; margin:0;background:transparent url('/Images/MainSite/sitepages/eventDetailsSep.gif') repeat-y scroll 270px 0;} div.eventDetails div.eventDetailsLeft {float:left; padding-top:6px; width:270px;} div.eventDetails div.eventDetailsLeft h2 {padding:0 0 7px 0; margin:0; font-weight:normal;} div.eventDetails div.eventDetailsLeft p.eventTimes {color:#293b58; line-height:16px; margin-bottom:8px;} div.eventDetails div.eventDetailsLeft p.eventTimes span.eventTimes {color:#919191;} div.eventDetails div.eventDetailsRight {float:left; width:163px; padding:6px 16px 0 17px;} div.eventDetails div.eventDetailsRight span {display:block;} div.eventDetails div.eventDetailsRight span a {padding-right:7px; background: transparent url('/Images/MainSite/sitepages/viewArrow.gif') no-repeat scroll right center;} div.eventDetails div.eventDetailsRight span.eventLinksRegister {padding:3px 5px 19px 33px; background: transparent url('/Images/MainSite/sitepages/eventDetailsRegister.gif') no-repeat scroll 0px 0px;} div.eventDetails div.eventDetailsRight span.eventLinksDownload {padding:3px 5px 19px 33px; background: transparent url('/Images/MainSite/sitepages/eventDetailsDownload.gif') no-repeat scroll 5px 0px;} div.eventDetails div.eventDetailsRight span.eventLinksEnquire {padding:3px 5px 19px 33px; background: transparent url('/Images/MainSite/sitepages/eventDetailsEnquire.gif') no-repeat scroll 3px 0px;} /* Wide Variant */ .centreColWide div.eventDetails {width:100%; background-position: 508px 0;} .centreColWide div.eventDetails div.eventDetailsLeft {width:508px;} div.eventInfoPanelCnt {padding:0; margin:30px 0 0 0;} div.eventInfoPanelTabs {padding:0; margin:0; display:block; border-bottom:1px solid #cdcdce;} div.eventInfoPanelTabs ul {float:left; margin:0; padding:0 5px;} div.eventInfoPanelTabs ul li {font-size:14px; position:relative; top:4px; background:none; list-style-type:none; float:left; padding:0; margin:0;} div.eventInfoPanelTabs ul li.selected {margin:0 1px; top:1px; border: 1px solid #cdcdce; border-bottom:1px solid #fff;} div.eventInfoPanelTabs ul li a, div.eventInfoPanelTabs ul li a:link, div.eventInfoPanelTabs ul li a:visited {display:block; margin:1px; padding:4px 10px 5px; color:#fff; background-color:#1967ae; overflow:hidden;} div.eventInfoPanelTabs ul li.selected {background:transparent;} div.eventInfoPanelTabs ul li.selected a, div.eventInfoPanelTabs ul li.selected a:link, div.eventInfoPanelTabs ul li.selected a:visited {margin-top:4px; margin-bottom:2px; padding:3px 8px 5px; color:black; background:transparent;} div.eventInfoPanelContent {padding:12px 5px;} div.rightBar div.sponsors img.sponsorImg {display:inline;} div.rightBar div.sponsors h2 {color:#293b58; padding-bottom:9px;} div.rightBar div.sponsors a {display:block; text-align:center; border:5px solid #f2f2f2; margin-bottom:5px;} div.rightBar div.keySpeakers {padding-bottom:22px;} div.rightBar div.keySpeakers h2 {color:#293b58; padding-bottom:9px;} div.rightBar div.keySpeakers div.speaker {border-top:1px dotted #dedede; padding:11px; padding-bottom:20px;} div.rightBar div.keySpeakers div.speaker img {display:block; border:1px solid #dedede; margin-right:8px;} div.rightBar div.keySpeakers div.speaker p.speakerName {margin:0 0 3px 0; padding:0; line-height:14px; color:#0C5CAF;} div.rightBar div.keySpeakers div.speaker p.orgName {margin:0 0 5px 0; padding:0; font-size:11px; line-height:13px;} div.rightBar div.keySpeakers div.speaker p.speakerSubject {margin:0; padding:0; font-size:11px; font-weight:bold; color:#616060; line-height:13px;} div.testimonials {padding-bottom:7px;} div.gradientPanel div.gradientPanelTop img {vertical-align:bottom;} div.gradientPanel div.gradientPanelBottom img {vertical-align:top;} div.gradientPanel div.gradientPanelContent {/*min-height:200px;*/ padding:33px 13px 36px; position:relative; background:transparent url('/Images/MainSite/sitepages/gradientPanelBkgnd.gif') repeat-x scroll left top; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;} div.gradientPanelContent img.quoteTop {position:absolute;top:7px;left:13px;} div.gradientPanelContent img.quoteBottom {position:absolute;bottom:7px;right:13px;} div.gradientPanelContent div.quote p {font-style:italic; color:#6d6d6d;line-height:21px; padding:0; margin:0 0 4px 0;} div.gradientPanelContent div.quoteAbove {margin-top:26px;} div.gradientPanelContent div.quoteDetails p {font-size:11px; color:#6d6d6d; padding:0; margin:0; line-height:18px;} /*======================================== SubNav ==========================================*/ div.subNav {margin:0;padding:0;} ul.subNav {float:left; width:100%; margin:0 0 4px 0; padding:0;} ul.subNav li {list-style-type: none; background:none; margin: 3px 0 2px; padding:0;} ul.subNav li a {display:block; margin:0; padding:1px 0 1px 16px; font-weight:normal; font-size:12px; background-image:url('/Images/MainSite/nav/subnav/subNavBackground.gif');background-repeat:no-repeat; background-position:6px 7px;} ul.subNav li a:link, ul.subNav li a:visited {/*background-color:#ffffff;*/ text-decoration:none;} ul.subNav li a:hover, ul.subNav li a:active, ul.subNav li a:focus, ul.subNav li a.selected, ul.subNav li a.selected:visited {background-image:url('/Images/MainSite/nav/subnav/subNavBackgroundHover.gif'); background-color:#1967ae; color:#fff;} ul.subNav li a span {color:#afb0af;font-size:0.83em;} ul.subNav li a:hover span, ul.subNav li a:active span, ul.subNav li a:focus span, ul.subNav li a.selected span, ul.subNav li a.selected:visited span {color:#ececec;} /* ---------------------------------*/ /* Blue Panel */ /* -------------------------------- */ div.bluePanel {position:relative; background:#1967ae url('/Images/MainSite/sitepages/bluePanelBottom.gif') no-repeat scroll left bottom; padding:0; margin:0;} div.bluePanel img.panelTop {position:absolute; display:block; height:5px; border:0px none; margin:0; padding:0;} div.bluePanelContent {margin:0; padding: 10px 4px 13px 4px;} div.bluePanelContent h2 {margin:0; padding:0 3px 11px 9px; font-size:17px; color:#fff;} div.bluePanelContent p {font-weight:bold; padding:10px 9px 0 9px; margin:0 0 7px 0; color:#fff;} /* ---------------------------------*/ /* News Item Stylings */ /* -------------------------------- */ .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;} .newsItemContainer .newsItemFeatureImage {margin:11px 0 0 0; padding:0 0 5px 0;} .newsItemContainer .videoContainer {margin:11px 0 20px 0; padding:0;} .newsItemContainer .thumbnail {width:200px; background-color:#2a3b57; float:right; margin:4px 7px 0;} .newsItemContainer .thumbnail p {font-size:10px; color:#ffffff; margin:2px 5px;} .newsItemContainer h2 {color:#293b58; margin:0 0 0 10px; padding:0;} .newsItemContainer {padding:20px 0 0 0;} .newsItemContainerNoTitle {padding:10px 0 25px 0;} .newsItemContainer ul {margin:0; padding:0;} .newsItemContainer ul li {padding:7px 0 0 10px; background-image:none; margin:5px 0 0 0; list-style-type:none; border-top:1px dotted #dedede; overflow:hidden; background-image:url(/Images/MainSite/sitepages/newsListItemBg.gif); background-repeat: repeat-x; background-position:0 0;} .newsItemContainer ul.nopad li {padding:20px 0 16px 0;} .newsItemContainer ul li.focus {padding:7px 0 20px 10px;} .newsItemContainer ul li.first {border:0;} .newsItemContainer ul li h3 {color:#115ca2; font-size:18px; margin:0; padding:0; font-weight:normal;} .newsItemContainer ul li h4 {padding:0 0 0 8px; font-weight:bold; font-size:11px; color:#1967ae; display:block; margin-bottom:0; background-image:url(/Images/MainSite/sitepages/viewArrow.gif); background-repeat: no-repeat; background-position:0 7px;} .newsItemContainer ul li p.date {font-size:11px; color:#616060; margin:0 0 5px 8px; padding:0;} .newsItemContainer ul li.focus p.date {margin:0 0 5px 0;} .newsItemContainer ul li p {font-size:12px; color:#919191; padding:0; margin:0; line-height:18px;} .newsItemContainer ul li p.subHeader {color:#616060;} .newsItemContainer ul li a {color:#115ca2;} .newsItemContainer ul li img.newsItemLeftImage {padding: 5px 8px 2px 0;} .newsItemContainer ul li.view {background-image:none; padding:2px 0 0 20px;} .newsItemContainer ul.market li.view, .newsItemContainer ul.events li.view {background-image:none; padding:2px 0 0 10px;} .newsItemContainer ul li.view p {font-size:11px; color:#1f6196;} .newsItemContainer ul li.view p img {margin-left:4px;} .newsItemContainer ul.news {} .newsItemContainer ul.news li {background-image:none;} .newsItemContainer ul.news li p {line-height:22px;} .newsItemContainer ul.news li h3 {font-weight:bold;} .newsItemContainer ul.news li p.subheader {color:#293b58; font-size:14px; margin-bottom:5px;} /* - rightbar variants - */ .rightBar .newsItemContainer {padding-bottom:15px;} .rightBar .newsItemContainer ul li {padding:7px 10px 12px; background-image:none;} .rightBar .newsItemContainer ul li.focus {padding:7px 10px 17px;} .rightBar .newsItemContainer ul li h3 {font-size:12px; padding-bottom:0px; line-height:17px;} .rightBar .newsItemContainer ul li p {font-size:11px; line-height:16px;} .rightBar .newsItemContainer ul li img.newsItemLeftImage {padding: 5px 8px 0 0;} .rightBar .newsItemContainer ul li p.date {color:#616060; font-size:11px; font-weight:normal; line-height:16px; margin:2px 0 5px 0;} .rightBar .newsItemContainer ul.market li h3 {font-size:13px; padding:0;} .rightBar .newsItemContainer ul.market li p {color:#616060;} .rightBar .newsItemContainer ul.market li.focus p {color:#919191;} .rightBar .newsItemContainer ul.rightBarProfile h5 {color:#1967ae; margin:0; padding:4px 0 0 10px; font-weight:bold;} .rightBar .newsItemContainer ul.rightBarProfile li p {margin:0 4px 8px 0; line-height:17px;} .rightBar .newsItemContainer ul.rightBarProfile p.title {color:#b1b1b1; font-size:11px; margin:0;} .rightBar .newsItemContainer ul.rightBarProfile p.field {color:#293b58; font-size:11px; margin:0;} .rightBar .newsItemContainer ul.rightBarProfile li img.profileLeftImage {margin:5px 8px 0 0; border:solid 1px #dedede;} /* ---------------------------------*/ /* ResourcesList */ /* -------------------------------- */ .resourcesList {float:left; width:466px; padding:0px; margin:10px 0 0;} .resourcesList h3 {font-size:18px; color:#919191; font-weight:normal; padding:0 0 6px 0; margin:0px; border-bottom: dotted 1px #dedede;} .resourcesList ul {padding:0px; margin:0px;} .resourcesList ul li {float:left; width:455px; list-style-type:none; padding:8px 6px 9px 6px; margin:0px; border-bottom: dotted 1px #dedede; background-image:none; line-height:16px; cursor:pointer;} .resourcesList ul li.nopad {padding-left:0px;} .resourcesList ul li .resourceLink {float:left; width:345px;} .resourcesList ul li .resourceLink h4 {font-size:11px; color:#1967ae; font-weight:bold; margin:0px 0px 0px 0px; padding:0px;} .resourcesList ul li .resourceLink h5 {padding:0px; font-size:11px; color:#919191; font-weight:normal; padding-right:20px; margin:0px 0px 0px 0px} .resourcesList ul li .resourceDetail {float:left; width:110px; font-size:11px; color:#919191; padding-top:12px;} .resourcesList ul li .resourceDetail img {vertical-align:middle; margin-right:3px; behavior: url(/Pira/App_Themes/Site/iepngfix.htc);} .resourcesList ul li.active {float:left; /*width:670px;*/ list-style-type:none; padding:8px 6px 9px 6px; margin:0px; border-bottom:dotted 1px #dedede; background-image:none; line-height:16px; background-color:#7ba1c6;} .resourcesList ul li.active .resourceLink h4 {font-size:11px; color:#ffffff; font-weight:bold; margin:0px 0px 0px 0px;} .resourcesList ul li.active .resourceLink h5 {font-size:11px; color:#ffffff; font-weight:normal; margin:0px 0px 0px 0px;} .resourcesList ul li.active .resourceDetail {color:#ffffff;} .centreColWide .resourcesList {width:705px;} .centreColWide .resourcesList ul li {width:695px;} .centreColWide .resourcesList ul li .resourceLink {width:584px;} /* ---------------------------------*/ /* News list */ /* -------------------------------- */ .newsList {float:left; width:466px; margin:5px 0 20px; padding:5px 0 0 0; border-top:solid 1px #e6e6e6;} .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 {padding:0; margin:0;} .newsList ul li {float:left; width:457px; list-style-type:none; background-image:none; padding:14px 6px 14px 0; margin:0; border-top:dotted 1px #cbcbcb;} .newsList ul li .newsListTxt {float:right; width:328px;} .newsList ul li .newsListTxt img {vertical-align:bottom;} .newsList ul li .newsListImg {float:right; width:110px; height:70px; margin:0 15px 0 0; text-align:center;} .newsList ul li p.date {margin:0; padding:0 0 5px; line-height:16px; color:#616060; font-size:11px;} .newsList ul li h3 {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#1d66aa; margin:0; padding:0;} .newsList ul li h4 {font-family:Arial, Helvetica, sans-serif; font-size:11px; 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:11px;} .newsList ul li h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#535353; padding:0px 0 16px 0px; margin:0px;} /* -- focused -- */ .newsList ul li.focused {width:466px; margin:0 0 2px; border-top:dotted 1px #e6e6e6; padding:2px 0 0; cursor:pointer;} .newsList ul li.focused .focusedBg {float:left; width:460px; background-color:#f3f6fb; margin:0; padding:19px 5px 15px 0; cursor:pointer;} .newsList ul li.first {border:0; border:none;} .newsList ul li.focused .newsListTxt {float:left; width:245px;} .newsList ul li.focused .newsListPreview {float:left; width:200px; height:128px; margin:0 10px 0 5px;} .newsList ul li.focused h3 {color:#1967ae; font-size:17px; font-weight:normal; line-height:20px;} .newsList ul li.focused p {color:#919191; font-size:12px; font-weight:normal; line-height:17px;} .newsList ul li.focused p.date {color:#616060; font-size:11px; font-weight:normal; line-height:16px;} /* ------------------------------ */ /* Pagination */ /* ------------------------------ */ .pagination {background-image:url(/Images/MainSite/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.subTitleUnder {margin-bottom:0;} .pagination .results {float:left; font-size:11px; color:#535353; padding:3px 0px 0px 10px; margin:0px; text-align:left;} .paginationSubtitle {float:left; width:100%; padding:0;margin:0; border-bottom:1px solid #e6e6e6;} .paginationSubtitle div.subTitleInternal {float:left; padding:2px 0;margin:2px 0 1px;width:100%;} /*.paginationSubtitle div.clear {padding:0;margin:0;width:0;height:0;}*/ .paginationSubtitle div p.left {float:left;font-size:11px;padding:2px 0 4px 5px; margin:0;} .paginationSubtitle div p.right {padding:0; margin:0; float:right;} .paginationSubtitle a.rightButton {display:block; font-size:11px; line-height:18px; background:#f3f7fb url('/Images/MainSite/sitepages/paginationButtonArrow.gif') no-repeat scroll right center; border: 1px solid #d7e5f1; padding:2px 12px 3px 5px; margin:0;} .w456 {width:454px;} .w645 {width:643px;} .w695 {width:695px;} .w697 {width:697px;} .w685 {width:685px;} /* ------------------------------------------------------------------- */ /* 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:11px; list-style-type:none; margin: 0px; padding:0px; color:#cdcdcd; line-height:16px; background-image:none;} .pageNumbers ul li a {padding: 0px 3px 0px 3px; margin:0px 1px 0px 1px;} .pageNumbers ul li a:link, .pageNumbers ul li a:visited, .pageNumbers ul li a:active, .pageNumbers ul li a:hover {color:#6291be; font-weight: normal; text-decoration: none; border: solid 1px #cdcdcd; background-color:#eaeaea;} .pageNumbers ul li a:hover {text-decoration:underline;} .pageNumbers ul li a.selected {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, .pageNumbers ul li a.pageArrow:visited, .pageNumbers ul li a.pageArrow:active, .pageNumbers ul li a.pageArrow:hover {font-weight:normal; color:#0c5dae; text-decoration:none; background-image:none; background-color:transparent; border:solid 0px #ffffff;} .pageNumbers ul li a.pageArrow:hover {text-decoration:underline;} /* --------------------------------------- */ /* Option bars */ /* --------------------------------------- */ .optionsBottom {float: left; width: 466px; margin: 21px 0px 0px 0px; padding-top:12px; border-top:dotted 1px #cdcdcd;} .optionsBottom.borderAbove {border:0px none; margin-top:0;} .optionsBottom ul {margin:0px; padding:0px 12px 0px 0px;} .optionsBottom ul li {float: right; list-style-type:none; font-weight: normal; font-size:11px; display:inline; background-image:none; margin:0px; padding:0px 0px 0px 6px;} .optionsBottom img {padding: 0px 2px 0px 4px; vertical-align:middle} .centreColWide .optionsBottom {width: 705px;} .centreColWide .w655 {width: 653px;} .centreColWide .w697 {width:697px;} /* ---------------------------------*/ /* Forms */ /* -------------------------------- */ .width100 {width:100px;} .width140 {width:140px;} .width180 {width:180px} .width270 {width:270px;} select {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#535353;} input {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#535353;} textarea {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#535353; height: 111px;} /* ---------------------------------*/ /* StayinTouch module */ /* -------------------------------- */ .stayInTouch {cursor:pointer; width:218px; margin:0 0 20px 0; padding:0; background-image:url(/Images/MainSite/sitepages/contactBg.gif); background-repeat:repeat-y;} .stayInTouch .bottomCap {width:218px; margin:0; padding:0; height:8px; background:#ffffff url(/Images/MainSite/sitepages/contactBot.gif) no-repeat scroll 0 -1px;} .stayTop {min-height:96px; width:208px; padding:5px 0 0 5px; margin:0 0 0 5px; background-image:url(/Images/MainSite/sitepages/contactDetailsBg.jpg); background-repeat:no-repeat; background-position:65% 0;} .stayTitle {font-size:18px; font-weight:bold; color:#1967ae; padding:0; margin:0;} .staytext {width:104px; margin-top:4px;} .staytextLarge {width:104px;} .staytext p {font-size:11px; line-height:15px; font-weight:bold; color:#1967ae;} .staytextLarge p {font-size:14px; font-weight:bold; color:#1967ae;} .staySignup {padding:2px 0; font-size:14px; margin:2px; width:190px; height:23px; background-color: #f2f2f2;} .staySignup a {margin-left:7px;} .staySignup img {margin:1px 0 0 3px; border:none; vertical-align:middle;} .contactProfile {margin-top:40px; padding:6px 5px 4px; width:192px; min-height:94px; background-image:url(/Images/MainSite/sitepages/contactFormProfileBg.png); background-repeat:no-repeat; background-position:0 0;} .contactProfile p {margin:0; padding:0; font-size:11px; color:#293b58;} .contactProfile h3 {color:#293b58; font-size:12px; margin-top:5px;} .contactProfile img {border:1px solid #ffffff; float:right;} .captcha table td {border-bottom: solid 1px #dadada;} /* -- EXPANDED STYLES -- */ #contentArea .stayContactMain input {width:177px;} .stayContactFinish {width:202px;} .stayContactFinish .stayThanks {padding-top:30px; width:190px;} .stayContactFinish .stayThanks p {margin:2px 0 10px 30px;} .stayContactFinish .stayThanks p.eventTitle {color:#848484; font-weight:bold; padding-bottom:4px;} .stayForm {margin:0; padding:0; margin-left:2px;} .stayContactMain .stayForm p {margin:0; padding:0; text-align:right; width:204px; color:red; font-size:10px;} .stayForm ul {margin:-4px 0 0 0; padding:0 0 8px 0; list-style:none;} .stayForm ul li {margin:0 0 8px 8px; padding:0px; background-image:none;} .stayForm label {color:#848484; font-size: 0.9em; display:block; padding-bottom: 3px;} .stayForm label span {color:red;} .stayForm input, .stayForm textarea {width:190px;} .stayContactMain .captcha {margin-left:6px;} .stayContactMain .captcha p {width:190px; text-align:left; color:#848484; line-height:16px; padding:0; margin:0 0 11px 2px; font-size:10px;} .stayContactMain .captchaFailMessage p {font-size:12px; color:red; margin:0; padding:0 0 10px 2px;} .stayContactMain .captchaInput input {float:left; margin:7px 0 14px 2px; width:126px;} .stayContactMain .stayFormSubmit {float:right; margin:7px 12px 14px 0px; width:55px; height:23px;} .stayContactMain .stayFormClose {float:left; margin:14px 0 7px 0px; width:51px; height:24px;} .stayContactMain .staySendButton {background-image:url(/Images/MainSite/sitepages/submit.gif); background-repeat:no-repeat; background-position:top; width:55px; height:23px; background-color:transparent; border:none; cursor:pointer;} .stayContactMain .indent {margin: 0 0 6px 0px;} /* Membership Variants */ a.memberContactPanelLoggedOut {display:block; cursor:pointer; width:135px; height:71px; padding:11px 70px 11px 13px; margin-bottom:30px; background:transparent url('/Images/MainSite/membership/membershipContactUs.gif') no-repeat scroll 0 0;} a.memberContactPanelLoggedOut:hover {text-decoration:none;} a.memberContactPanelLoggedOut span {font-size:14px; line-height:18px; color:#1967ae; font-weight:bold;} a.memberContactPanelLoggedIn {display:block; cursor:pointer; width:105px; height:69px; padding:12px 100px 12px 13px; background:transparent url('/Images/MainSite/membership/membershipContactUsLoggedIn.gif') no-repeat scroll 0 0;} a.memberContactPanelLoggedIn:hover {text-decoration:none;} a.memberContactPanelLoggedIn span.large {font-size:18px; line-height:23px; color:#1967ae; font-weight:bold;} a.memberContactPanelLoggedIn span {font-size:14px; line-height:18px; color:#1967ae; font-weight:bold;} /* ---------------------------------*/ /* RightBar Featured module */ /* -------------------------------- */ .rightBarFeature {cursor:pointer; width:218px; margin:10px 0 0 0; background-color:#8c98a4; background-image:url(/Images/MainSite/sitepages/rightBarFeatureTop.gif); background-repeat:no-repeat; background-position:0 0;} .rightBarFeature .rightBarTitle h2 {color:#ffffff; margin:0 4px; padding:12px 0 0 10px;} .rightBarFeature .rightBarImage {width:210px; height:104px; margin:11px 4px 0;} .rightBarFeature .rightBarContent p {line-height:12px; font-size:11px; color:#dde0e5; width:200px; border-top:1px solid #afb7bf; padding:5px 0 5px 10px; margin:0 4px;} .rightBarFeature .rightBarContent h3 {color:#ffffff; margin:0 4px; padding:10px 0 12px 10px; font-size:15px;} .rightBarFeature .rightBarFooter {width:218px; height:11px; background-image:url(/Images/MainSite/sitepages/rightBarFeatureBot.gif); background-repeat:no-repeat; background-position:bottom;} /* ---------------------------------*/ /* RightBar search module */ /* -------------------------------- */ .rightBar .rightbarSearch {width:218px; height:200px; padding:0 0 10px 0; margin:0; border-top:1px dotted #DEDEDE; background-image:url(/Images/MainSite/sitepages/rightBarSearchBar.gif); background-repeat:no-repeat; background-position:10px 50px;} .rightBar .rightbarSearch p {font-size:12px; font-weight:bold; margin:20px 0 12px 10px;} .rightBar .rightbarSearch ul {margin:0; padding:0; border:0;} .rightBar .rightbarSearch ul li {display:inline; float:left; list-style-type:none; padding:0; margin:0; border:0;} .rightBar .rightbarSearchField {background-color:#ffffff; border:none; width:165px; margin-left:11px; font-size:11px; padding: 3px 0px 3px 3px; color:#5a5a5a; font-family:Verdana, Arial, Helvetica, sans-serif;} .rightBar .rightbarSearchbutton {background-image:url(/Images/MainSite/sitepages/searchButton.gif); background-repeat:no-repeat; background-position:0 0; width:19px; height:17px; border:none; cursor:pointer; margin: 1px 0 0 0; padding:0; color:#245075;} /* ---------------------------------*/ /* expert module */ /* -------------------------------- */ .rightBar .expertForm {margin:0; padding:10px 0 0; margin:10px 0 0 2px; border-top:1px dotted #DEDEDE;} .rightBar .expertForm p {margin:0; padding:0; text-align:right; width:204px; color:red; font-size:10px;} .rightBar .expertForm ul {margin:-4px 0 0 0; border:0; padding:0 0 8px 0; list-style:none;} .rightBar .expertForm ul li {margin:0 0 0 8px; padding:4px; border:0; background-image:none;} .rightBar .expertForm label {color:#848484; font-size:0.9em; display:block; padding-bottom:3px;} .rightBar .expertForm label span {color:red;} .rightBar .expertForm input, .rightBar .expertForm textarea {width:190px;} .expertForm select {width:195px;} .rightBar .expertForm .captcha {margin-left:6px;} .rightBar .expertForm .captcha table tr td {border:0;} .rightBar .expertForm .captcha p {width:190px; text-align:left; color:#848484; line-height:16px; padding:0; margin:0 0 11px 5px; font-size:10px;} .rightBar .expertForm .captchaInput input {float:left; margin:18px 0 20px 6px; width:120px;} .rightBar .expertForm .stayFormSubmit {float:right; margin:18px 15px 20px 0px; width:55px; height:23px;} .rightBar .expertForm .staySendButton {background-image:url(/Images/MainSite/sitepages/submit.gif); background-repeat:no-repeat; background-position:top; width:55px; height:23px; background-color:transparent; border:none; cursor:pointer;} /************************************************************* /************************************************************* /************************************************************* /************************************************************* /*-- Basket page stylings --*/ /* ecomm tabbing /* ------------------------------------ */ .ecommNav { position:absolute; width:93px; height:28px; top:-36px; left:7px; padding:8px 0 0 22px; background-image:url(/Images/MainSite/ecomm/backToShopTab.gif); background-repeat:no-repeat; background-position:top;} .ecommNav .backToShop { font-weight:bold;} /* search Container /* ------------------------------------ */ div.searchPanel {width:219px; padding:0 7px 0; margin-bottom:10px; position:relative;} div.searchPanel img.searchTop {position:absolute; display:block; height:7px; border:0px none;} div.searchPanel img.searchBtm {height:7px; border:0px none; vertical-align:top;} div.searchPanelContent {margin:0; padding: 14px 4px 0 18px; background:url('/Images/MainSite/ecomm/search/searchBg.gif') repeat-y scroll 0 0;} div.searchPanelContent p.searchTitle {font-weight:bold; font-size:14px; color:#fff; margin:0 0 11px; padding:0;} div.searchPanelContent ul {margin:0; padding:0;} div.searchPanelContent ul li {width:181px; margin:0 0 8px 1px; padding:0;list-style-type:none;} div.searchPanelContent ul li input {width:175px; font-size:11px; padding:2px 2px 4px;} div.searchPanelContent ul li select {width:181px; font-size:11px; padding:2px 2px 4px 1px;} div.searchPanelContent .searchButton {margin:11px 0 10px 1px;} div.searchPanelContent .searchOptions {padding-bottom:16px;} div.searchPanelContent .searchOptions .searchBox {margin-bottom:18px; width:181px;} div.searchPanelContent .searchOptions div.searchBox input.textInput {font-size:11px;padding:2px 3px 3px;width:175px;} div.searchPanelContent .searchOptions .searchBox .buttonInput {margin-left:-20px;} div.searchPanelContent .searchOptions p.searchTitle {font-size:12px; margin:0 0 2px;} div.searchPanelContent .searchOptions ul.subNav {margin:3px 0 0 0;} div.searchPanelContent .searchOptions ul.subNav li {margin:0 0 3px 1px;} div.searchPanelContent .searchOptions ul.subNav li a:link, div.searchPanelContent .searchOptions ul.subNav li a:visited {background-color:transparent;text-decoration:none;} div.searchPanelContent .searchOptions ul.subNav li a:hover,div.searchPanelContent .searchOptions ul.subNav li a:active, div.searchPanelContent .searchOptions ul.subNav li a:focus,div.searchPanelContent .searchOptions ul.subNav li a.selected, div.searchPanelContent .searchOptions ul.subNav li a.selected:visited {padding:2px 0 4px 16px;background-color:#e7e6e6; background-image:url(/Images/MainSite/nav/subnav/subNavBackgroundGrey.gif);background-position:6px 6px;color:#414141;} div.searchPanelContent .searchOptions ul.subNav li a {background-image:url(/Images/MainSite/nav/subnav/subNavBackgroundHover.gif);background-position:6px 6px;background-repeat:no-repeat;display:block;font-size:12px;font-weight:normal;margin:0;padding:2px 0 4px 16px;color:#ffffff;} div.searchPanelContent .searchOptions div.moreContainer {padding-bottom:23px;} div.searchPanelContent .searchOptions a.moreIndustries {margin-left:1px; padding:2px 0 0 16px; display:block; width:165px; height:19px; color:#ffffff; background-image:url(/Images/MainSite/nav/subnav/subNavBackgroundHover.gif);background-position:106px 6px;background-repeat:no-repeat;} div.searchPanelContent .searchOptions a.moreIndustries:hover {text-decoration:none; background-color:#e7e6e6; background-image:url(/Images/MainSite/nav/subnav/subNavBackgroundGrey.gif);background-position:106px 6px;color:#414141;} div.searchPanelContent .searchOptions a.open {background-color:#414141;} div.searchPanelContent .searchOptions a.open:hover {background-color:#414141;color:#ffffff; background-image:url(/Images/MainSite/nav/subnav/subNavBackgroundHover.gif);background-position:106px 6px;background-repeat:no-repeat;} div.searchPanelContent .searchOptions div.moreIndustriesDiv img.moreArrow {padding-left:2px;} div.searchPanelContent .searchOptions div.moreIndustriesDiv {display:block; margin-left:1px; line-height:20px; font-size:11px; padding:3px 7px 6px 15px; width:159px; color:#1967ae; background-color:#f6f6f6;} div.searchPanelContent .searchOptions div.close {display:none;} /* Promo Container /* ------------------------------------ */ .promoContainer {margin-top:26px;} /* Grey Panel -------------------------*/ .panel {padding:5px; position:relative; background-color:#EDEDED;} .panel img.topLeft {display:block;position:absolute;left:0;top:0;} .panel img.topRight {display:block;position:absolute;right:0;top:0;} .panel img.bottomLeft {display:block;position:absolute;bottom:0;left:0;} .panel img.bottomRight {bottom:0;display:block;position:absolute;right:0;} .featurePanel {height:100%; margin:9px 0 30px; padding:5px; position:relative;} /* Focus table -------------------------*/ .MainFocus a {display:block;} .focusItem {margin-top:10px; margin-left:7px; width:227px; height:100px; background-color:#000000; float:left;} .focusItem.first {margin-left:0;} .focusItem a,.focusItem a:link,.focusItem a:visited {color:#ffffff; display:block;} .focusItem p {margin:0; padding:0; line-height:14px; float:right; margin-right:7px;} .focusItem p a {color:#ffffff; font-size:11px;} .focusItem p a span {font-size:13px;} /* Item Group -------------------------*/ .ItemsGroup .TitleBox {margin-bottom:19px; background-color:#f3f7fb; border-top:1px dotted #cdcdcd; border-bottom:1px dotted #cdcdcd; padding-bottom:7px; padding-top:7px;} .ItemsGroup .TitleBox p.itemGroupHeader {float:left; margin:0; font-size:18px; color:#919191; padding-left:9px;} .ItemsGroup .TitleBox p.itemGroupHeader span {float:right; font-size:11px; color:#1f6196; margin-right:11px;} .ItemsGroup .TitleBox p.viewAll {float:right; margin:0; font-size:11px; color:#1f6196; margin-right:11px;} .ItemsGroup .ItemContainer {padding:0; width:147px; float:left; margin-bottom:33px; margin-left:38px;} .ItemsGroup .ItemContainer.first {margin-left:0;} .ItemsGroup .ItemContainer img {padding:0 0 6px 0;} .ItemsGroup .ItemContainer p {margin:0; line-height:17px;} .ItemsGroup .ItemContainer .itemDesc {min-height:173px;} .ItemsGroup .ItemContainer .itemDesc p {color:#1967ae; margin:0;} .ItemsGroup .ItemContainer .itemDesc p span {font-size:11px; display:block; color:#616060;} .ItemsGroup .ItemContainer .itemDetails p.price {color:#ec0101; font-weight:bold; font-size:14px;} .ItemsGroup .ItemContainer .itemDetails p.price span {font-size:11px; font-weight:normal; color:#293b58;} .ItemsGroup .ItemContainer .itemDetails p.listPrice {font-size:11px; font-weight:normal; color:#b2b2b2; margin-top:1px;} .ItemsGroup .ItemContainer .itemDetails img {margin-left:-1px; margin-top:8px;} /* Details Table -------------------------*/ div.detailsTableContainer {margin-bottom:12px;} div.detailsTableContainer p.tableHeader {padding:4px 6px 5px; margin:0 0 4px 0; line-height:11px; color:#ffffff; background-color:#669bd0; font-size:11px; font-weight:bold;} div.detailsTable {background:#ffffff url('/Images/MainSite/ecomm/tableBkgnd.gif') repeat-x scroll top left;} div.detailsTable table {border-top:1px dotted #dedede; width:100%;} div.detailsTable table col.title {width:107px;} div.detailsTable table tr {background-color:transparent;} div.detailsTable table tr td {vertical-align:top; font-size:11px; font-weight:bold; color:#6d6d6d; border-bottom:1px dotted #dedede;} div.detailsTable table tr td.title {padding-left:11px; color:#293b58; font-weight:normal; background:transparent url('/Images/MainSite/ecomm/tableBullet.gif') no-repeat scroll 6px 10px;} /* Basket styles -------------------------*/ /*.mainWorkArea {position:relative; z-index:0;}*/ .basketPosition {float:right; width:1px height:1px; position:relative;z-index:10;} .basketContainer {position:absolute; width:266px; top:-37px; right:-14px;} .basketContainer .basketBar {width:266px; height:38px; margin-bottom:-6px; background-image:url(/Images/MainSite/ecomm/basket/basketCloseBg.png);} .basketContainer .basketBar ul {float:left; padding-left:13px; padding:8px 0 0 13px; margin:0; line-height:19px;} .basketContainer .basketBar ul li {padding:0; color:#ffffff; float:left; list-style-type:none; background-image:none;} .basketContainer .basketBar ul li.itemCount {font-weight:bold; width:123px; font-size:11px;} .basketContainer .basketBar ul li.checkout {width:62px; padding-top:1px;} .basketContainer .basketBar ul li.viewMore {width:57px; margin-left:6px;} .basketContainer .basketBar ul li.viewMore a {font-size:11px; text-align:right; padding-right:22px; display:block; width:33px; background-image:url(/Images/MainSite/ecomm/basket/basketOpenIcon.gif); background-repeat:no-repeat; background-position:100% 0} .basketContainer .basketBar ul li.viewMore a.close {background-image:url(/Images/MainSite/ecomm/basket/basketCloseIcon.gif);} .basketContainer .basketBar ul li a {color:#ffffff;} .basketContainer .basketContentPanel.hidePanel {display:none;} .basketContainer .basketContentBg {background-image:url(/Images/MainSite/ecomm/basket/basketContentBg.gif); background-repeat:repeat-y;} .basketContainer .basketContentBg .basketContent {padding-left:16px; padding-right:16px; padding-top:1px; background-image:url(/Images/MainSite/ecomm/basket/basketContentTop.gif); background-repeat:no-repeat; background-position:top;} .basketContainer .basketContentBg .basketContent p {font-size:11px; padding:10px 0; margin:0; width:230px;} /* items table */ .basketContent table {width:234px; margin:0;} .basketContent table col.itemName {width:180px;} .basketContent table col.qty {width:23px; text-align:center;} .basketContent table col.clear {width:20px;} .basketContent table th {background-color:transparent; font-weight:normal; padding-bottom:5px; padding-right:0; padding-left:0; font-size:11px; color:#1967ae; border-bottom:1px dotted #dedede;} .basketContent table td.itemName {padding-right:20px; text-align:left;} .basketContent table td.removeLink {padding-top:7px;} .basketContent table td.totals {padding:8px 0 3px; text-align:left; color:#293b58; font-weight:bold; border:none;} .basketContent table td {vertical-align:top; text-align:center; padding-right:0; padding-left:0; padding-bottom:5px; font-size:11px; color:#1967ae; border-bottom:1px dotted #dedede;} .basketContent table td span {display:block; color:#ff0000;} .basketContent table td.totals span {display:inline;} .basketContainer .basketSummary {width:266px; height:50px; padding-top:12px; background-image:url(/Images/MainSite/ecomm/basket/basketContentBtm.png); background-repeat:no-repeat; background-position:top;} .basketContainer .basketSummary ul {float:left; padding:8px 0 0 11px; margin:0;} .basketContainer .basketSummary ul li {margin-right:9px; padding:0; color:#ffffff; float:left; list-style-type:none; background-image:none;} /* listing styles -------------------------*/ .paginationSubtitle div {color:#797979; font-size:11px; padding:7px 0;} .paginationSubtitle div select {margin-left:5px;} .subTitleInternal .left {float:left;} .subTitleInternal .right {float:right;} .ecommlistContainer {margin-bottom:27px;} .ecommlistContainer ul {width:100%; padding:0; margin:0;} .ecommlistContainer ul li {width:100%; margin:0; padding:0; border-top:1px dotted #dedede; background:none; list-style-type:none;} .ecommlistContainer ul li.first {border-top:0px none;} .ecommlistContainer ul li div.ecommContent {margin:2px 0; padding:14px 0 16px;} .ecommlistContainer ul li div.ecommImg {float:right; margin-right:-144px; width:123px;} .ecommlistContainer ul li div.ecommText {padding-right:143px; padding-left:19px;} .ecommlistContainer ul li h2 {font-size:13px; line-height:16px; font-weight:bold; margin:0; padding:0;} .ecommlistContainer ul li div.ecommImg p.price {margin-top:13px; margin-bottom:0; color:#ec0101; font-weight:bold; font-size:14px;} .ecommlistContainer ul li div.ecommImg p.price span {font-size:11px; font-weight:normal; color:#293b58;} .ecommlistContainer ul li div.ecommImg p.listPrice {margin-bottom:8px; font-size:11px; font-weight:normal; color:#b2b2b2; margin-top:1px;} .ecommlistContainer ul li.focus div.ecommContent {background-color:#f3f7fb; padding-bottom:18px;} .ecommlistContainer ul li.focus h2 {font-size:17px; line-height:20px; font-weight:normal;} .ecommlistContainer ul li p.ecommDetails {font-size:11px; line-height:16px; color:#616060; margin-bottom:4px;} .ecommlistContainer ul li p.ecommDescription {font-size:12px; line-height:18px; color:#919191; margin-bottom:9px;} .ecommlistContainer ul li ul.ecommLinks {margin:7px 0 0 0; padding:0;} .ecommlistContainer ul li ul.ecommLinks li {display:inline; font-size:11px; margin:0; padding:0 8px 0 10px; background:none; border:0px none; border-left:1px solid #cdcdcd; list-style-type:none;} .ecommlistContainer ul li ul.ecommLinks li a {padding-right:8px; background:transparent url('/Images/MainSite/ecomm/listArrow.gif') no-repeat scroll right 5px;} .ecommlistContainer ul li ul.ecommLinks li.first {border-left:0px none; padding-left:0px;} .newsItemContainer ul li p.greyHeader {margin-top:3px;color:#919191;} .searchlistContainer {margin-bottom:27px;} .searchlistContainer ul {width:100%; padding:0; margin:0;} .searchlistContainer ul li {width:100%; margin:0; padding:0; border-top:1px dotted #dedede; background:none; list-style-type:none;} .searchlistContainer ul li.first {border-top:0px none;} .searchlistContainer ul li div.searchContent {margin:2px 0; padding:12px 0 4px;} .searchlistContainer ul li div.searchText {padding-right:19px; padding-left:19px;} .searchlistContainer ul li h2 {font-size:13px; line-height:16px; font-weight:bold; margin:0; padding:0 0 1px 0;} .searchlistContainer ul li p.searchDetails {font-size:11px; line-height:16px; color:#616060; margin-bottom:2px;} .searchlistContainer ul li p.searchDescription {font-size:12px; line-height:18px; color:#919191; margin-bottom:9px;} .searchlistContainer ul li .resourceDetail {padding-left:19px; font-size:11px; color:#919191; margin-bottom:4px; margin-top:5px;} .searchlistContainer ul li .resourceDetail img {margin-right:7px; vertical-align:middle;} .searchlistContainer ul li span {color:#d4d4d4;} /* details styles -------------------------*/ div.ecommPageHeader {padding-top:30px;} div.ecommDetailImage {float:left;margin:0 25px 46px 0;position:relative;} div.ecommDetailImage div.itemImageLabel {text-align:center; height:58px;width:68px;margin:0;padding:0;position:absolute;right:-9px;top:-21px;} /*div.ecommDetailImage div.itemImageLabel a {color:#ffffff; font-size:16px; font-weight:bold;}*/ div.itemDownloadButton {position:absolute; bottom:-20px; right:-12px;} div.itemDownloadButton a img {display:block;} div.ecommDetailTitles {float:left; width:350px;} div.ecommDetailTitles h1 {display:inline; margin:0; padding:0; color:#989898;} div.ecommDetailTitles p.ecommDetailsSummary {font-size:17px; padding-top:8px; line-height:24px;} div.ecommDetailTitles table {margin:0;} div.ecommDetailTitles table tr {background-color:transparent;} div.ecommDetailTitles table td {line-height:12px; font-size:11px; font-weight:bold; width:118px;} div.ecommDetailTitles table td.title {font-weight:normal; width:118px;} div.ecommDetailOptions {float:right; width:160px;} div.ecommDetailOptions .listPrice {color:#b2b2b2; margin-bottom:7px;} div.ecommDetailOptions .price {color:#ec0101; font-size:16px; font-weight:bold; margin-bottom:5px;} div.ecommDetailOptions .price span {color:#293b58; font-size:11px; font-weight:normal;} div.ecommDetailOptions a {width:138px; display:block; margin-bottom:6px;} div.ecommInfoPanelCnt {padding:0; margin:20px 0 0 0;} div.ecommInfoPanelTabs {padding:0; margin:0; display:inline-block; border-bottom:1px solid #cdcdce; width:100%;} div.ecommInfoPanelTabs ul {float:left; margin:0; padding:0 5px;} div.ecommInfoPanelTabs ul li {font-size:14px; position:relative; top:4px; background:none; list-style-type:none; float:left; padding:0; margin:0;} div.ecommInfoPanelTabs ul li.selected {margin:0 1px; top:1px; border: 1px solid #cdcdce; border-bottom:1px solid #fff;} div.ecommInfoPanelTabs ul li a, div.ecommInfoPanelTabs ul li a:link, div.ecommInfoPanelTabs ul li a:visited {display:block; margin:1px; padding:4px 25px 5px; color:#fff; background-color:#1967ae;} div.ecommInfoPanelTabs ul li.selected {background:transparent;} div.ecommInfoPanelTabs ul li.selected a, div.ecommInfoPanelTabs ul li.selected a:link, div.ecommInfoPanelTabs ul li.selected a:visited {margin-top:4px; margin-bottom:2px; padding:3px 30px 5px 30px; color:black; background:transparent;} div.ecommInfoPanelContent {padding:17px 0 17px 5px;} div.ecommInfoContent {float:left; width:457px; padding-right:20px;} div.ecommInfoPanelRight {float:right; width:218px;} div.ecommInfoPanelRight div.gradientPanelContent {min-height:1px;} /* info panel styles -------------------------*/ .infopanel .TitleBox {margin:30px 0 10px 0; background-color:#f3f7fb; border-top:1px dotted #cdcdcd; border-bottom:1px dotted #cdcdcd; padding-bottom:3px; padding-top:3px;} .infopanel .TitleBox p.itemGroupHeader {float:left; margin:0; font-size:12px; color:#919191; padding-left:9px;} /*.infopanel .TitleBox p.itemGroupHeader span {font-weight:bold;}*/ .infopanel .TitleBox p.viewAll {float:right; margin:0; font-size:11px; color:#1f6196; margin-right:11px;} /*======================================== Checkout pages ==========================================*/ .checkoutPanel {margin:0;width:886px;padding:10px 41px;} .checkoutPanel h1 {margin-bottom:10px;} .checkoutPanel p {line-height:20px;} .checkoutPanel div.confirmationText {margin-top:31px;} .checkoutPanel p.large {line-height:24px; margin-bottom:24px; font-size:16px;} .checkoutPanel .panel {padding-bottom:1px;} .checkoutPanel .refNum {font-weight: bold; font-size: 13px;} .checkoutPanel .refNum span {font-weight: normal;} .accountCreationModifier .checkoutPanel { width:896px;padding:10px 30px; } .checkoutOptions {padding-top:16px; border-top:1px dotted #dedede; width:100%; margin-bottom:20px; margin-top:69px;} .checkoutOptions ul {list-style-type:none; float:left; padding:0; margin:15px 0 0;} .checkoutOptions ul li {background:none; padding:0; float:left; margin-right:7px;} /* normal page */ .newAccountPanel {float:right; margin-right:32px; margin-top:30px; width:567px;} .newAccountPanel .panel {background-color:#F0F0F0; float:none; margin:0 auto 25px; padding:25px 24px 16px 22px; width:521px;} .userLoginPanel {float:left; margin-left:30px; margin-top:30px; width:260px;} .userLoginPanel .panel {background-color:#F0F0F0; float:none; margin:0 auto 25px; padding:25px 24px 16px 22px; width:260px;} /*event del variation */ .newAccountPanelLeft {float:left; margin-right:0; margin-left:40px; margin-top:40px; width:567px;} .newAccountPanelLeft .panel {background-color:#F0F0F0; float:none; margin:0 auto 25px; padding:28px 24px 16px 22px; width:521px;} .userLoginPanelRight {float:left; margin-left:23px; margin-top:40px; width:251px;} .userLoginPanelRight .panel {background-color:#F0F0F0; float:none; margin:0 auto 25px; padding:25px 24px 16px 22px; width:251px;} /* billing page*/ .billingPanel {float:left; margin-right:42px; margin-top:31px; width:566px;} .billingPanel .formContainer h2 {margin-left:2px;} .billingPanel .panel {background-color:#F0F0F0; float:none; margin:0 auto 0; padding:26px 24px 16px 22px; width:522px;} .billingPanel .formContainer p.formLegend {margin:7px 1px 0;} /* deilvery page */ .checkbox {font-size:11px;margin-left:4px;margin-top:1px; margin-bottom:12px;font-weight:bold;} .checkbox input {margin-left:4px;vertical-align:middle;} /* summary page */ .summaryText {float:left; width:580px;} .summaryOptions {float:right; margin:13px 0 2px;} .summaryOptions input {margin:0 0 0 17px;} /* Progress Bar */ .progressBarContainer {width:100%; margin:0; padding:0; padding-bottom:2px;} .progressBarContainer .pageTitle {float:left; width:200px; margin-right:20px;} .progressBarContainer .pageTitle h1 {margin-bottom:3px;} .progressBarContainer .subHeader {font-size:17px; line-height:14px; color:#293b58;} /* ECOMM PAGES */ .progressBarContainer .progressBarEcomm {float:right; margin-top:28px;} .progressBarContainer .progressBarEcomm .panel {padding:0;float:left;} .progressBarEcomm ul {list-style-type:none; float:left; padding:0; margin:0; background-color:#bab9b9;} .progressBarEcomm ul li {background:none; padding:0; float:left; font-weight:bold; font-size:11px; min-height:40px;} .progressBarEcomm ul li.stage5selected {background:#293b58;} .progressBarEcomm ul li.stage1selected, .progressBarEcomm ul li.stage2selected, .progressBarEcomm ul li.stage3selected, .progressBarEcomm ul li.stage4selected {background:#293b58 url(/Images/MainSite/ecomm/checkout/itemTip.gif) no-repeat scroll 100% 0;} .progressBarEcomm ul li.stage1completed, .progressBarEcomm ul li.stage2completed, .progressBarEcomm ul li.stage3completed, .progressBarEcomm ul li.stage4completed {background-color:#293b58;} .progressBarEcomm ul li span {float:left; font-weight:bold; color:#ffffff;} .progressBarEcomm ul li.stage1 span {padding:13px 25px 13px 56px; background-image:url(/Images/MainSite/ecomm/checkout/iconBilling.gif); background-repeat:no-repeat; background-position:22px center;} .progressBarEcomm ul li.stage2 span {padding:13px 28px 13px 54px; background-image:url(/Images/MainSite/ecomm/checkout/iconDelivery.gif); background-repeat:no-repeat; background-position:18px center;} .progressBarEcomm ul li.stage3 span {padding:13px 25px 13px 43px; background-image:url(/Images/MainSite/ecomm/checkout/iconSummary.gif); background-repeat:no-repeat; background-position:12px center;} .progressBarEcomm ul li.stage4 span {padding:13px 22px 13px 53px; background-image:url(/Images/MainSite/ecomm/checkout/iconPayment.gif); background-repeat:no-repeat; background-position:16px center;} .progressBarEcomm ul li.stage5 span {padding:13px 23px 13px 48px; background-image:url(/Images/MainSite/ecomm/checkout/iconConfirmation.gif); background-repeat:no-repeat; background-position:17px center;} .progressBarEcomm ul li.stage1selected span, .progressBarEcomm ul li.stage1completed span {padding:13px 25px 13px 56px; background-image:url(/Images/MainSite/ecomm/checkout/iconBillingSel.gif); background-repeat:no-repeat; background-position:22px center;} .progressBarEcomm ul li.stage2selected span, .progressBarEcomm ul li.stage2completed span {padding:13px 28px 13px 54px; background-image:url(/Images/MainSite/ecomm/checkout/iconDeliverySel.gif); background-repeat:no-repeat; background-position:18px center;} .progressBarEcomm ul li.stage3selected span, .progressBarEcomm ul li.stage3completed span {padding:13px 25px 13px 43px; background-image:url(/Images/MainSite/ecomm/checkout/iconSummarySel.gif); background-repeat:no-repeat; background-position:12px center;} .progressBarEcomm ul li.stage4selected span, .progressBarEcomm ul li.stage4completed span {padding:13px 22px 13px 53px; background-image:url(/Images/MainSite/ecomm/checkout/iconPaymentSel.gif); background-repeat:no-repeat; background-position:16px center;} .progressBarEcomm ul li.stage5selected span, .progressBarEcomm ul li.stage5completed span {padding:13px 23px 13px 48px; background-image:url(/Images/MainSite/ecomm/checkout/iconConfirmationSel.gif); background-repeat:no-repeat; background-position:17px center;} /*item table*/ .BasketTableContainer {width:100%; font-size:11px; margin-bottom:13px; padding-top:20px;} .BasketTableContainer table {width:100%; margin:0;} .totalsTableContainer table {width:100%; margin:0;} .BasketTableContainer table col.itemCol {width:432px;} .BasketTableContainer table col.priceCol {width:97px;} .BasketTableContainer table col.QtyCol {width:66px;} .BasketTableContainer table col.optionsColWide,.BasketTableContainer table col.optionsCol {width:292px;} .BasketTableContainer table thead tr th {color:#5a5a5a; font-size:12px; font-weight:bold; background-color:transparent; padding:4px 0 8px 9px; border-bottom:1px solid #dadada;} .BasketTableContainer table thead tr th.qty {padding-left:10px;} .BasketTableContainer table tr td.qty {padding-left:5px; color:#787878;} .BasketTableContainer table .alignC {text-align:center;} .BasketTableContainer table tr {background-color:transparent;} .BasketTableContainer table tr td {color:#1f6196; font-size:11px; padding:11px 0 10px 9px; border-bottom:1px dotted #dadada;} .BasketTableContainer table tr td.itemName {font-weight:bold; font-size:11px;} .BasketTableContainer table tr td.price,.totalsTableContainer table tr td.price {color:#ff0000;} .BasketTableContainer table tr td.remove {padding-right:12px;} .BasketTableContainer table tr td input.quantity {float:left; color:#919191; width:26px; font-size:11px; text-align:center; padding:3px 1px 2px 1px;} .quantityArrows {float:left; margin-left:6px;} .quantityArrows img {display:block; margin-top:5px;} .quantityArrows a:active, .quantityArrows a:focus {background-color:transparent;} /* summary modifiers */ .BasketTableContainer table col.QtyColSummary {width:36px;} .BasketTableContainer table col.optionsColSummary {width:312px;} .BasketTableContainer table thead tr th.qtySummary {padding-left:0px;} .BasketTableContainer table tr td.itemNameSummary {font-weight:bold; font-size:12px; padding:14px 0 13px 9px;} .BasketTableContainer table col.itemColSummary {width:442px;} /*totals table*/ .totalsTableContainer {width:100%; font-size:11px; margin-bottom:3px;} .totalsTableContainer table col.itemCol {width:431px;} .totalsTableContainer table col.QtyCol {width:80px;} .totalsTableContainer table col.totalsCol {width:170px;} .totalsTableContainer table col.priceCol {width:82px;} .totalsTableContainer table col.eventSpacer {width:206px;} .totalsTableContainer table col.blankSpace {width:776px;} .totalsTableContainer table col.optionsColWide,.totalsTableContainer table col.optionsCol {width:120px;} .totalsTableContainer table tr {background-color:transparent;} .totalsTableContainer table tr td {height:26px; padding:0; font-size:12px;} .totalsTableContainer table tr td.qty {padding-left:12px; font-weight:bold; color:#5a5a5a;} .totalsTableContainer table tr td.totals {padding-left:5px; padding-top:2px; color:#5a5a5a;} .totalsTableContainer table tr td.totalsSelect {padding-left:0; padding-top:2px; color:#5a5a5a;} .totalsTableContainer table tr td.finalTotal {height:32px;padding-left:5px; color:#5a5a5a; font-weight:bold; background:#ffffff url(/Images/MainSite/ecomm/checkout/totalsBgLeft.gif) no-repeat scroll 0 0;} .totalsTableContainer table tr td.finalPrice {height:32px; color:#ff0000; font-weight:bold; background:#ffffff url(/Images/MainSite/ecomm/checkout/totalsBgRight.gif) no-repeat scroll 100% 0;} .totalsTableContainer table tr.vat td {padding-bottom:12px;padding-top:4px;} .totalsTableContainer table tr td select {width:152px; color:#5a5a5a; font-size:11px; margin-left:25px;} .totalsTableContainer table tr td select.postageSelect {width:155px; padding:1px 0; color:#5a5a5a; font-size:12px; margin-left:0;} /* summary modifiers */ .summaryPanel .totalsTableContainer table {width:100%; margin:0;} .totalsTableContainer table col.itemColSummary {width:401px;} .totalsTableContainer table col.QtyColSummary {width:30px;} .totalsTableContainer table col.optionsColSummary {width:185px;} .totalsTableContainer table col.totalsColSummary {width:125px;} .totalsTableContainer table col.priceColSummary {width:82px;} .totalsTableContainer table tr td.qtySummary {padding-left:16px; font-weight:bold; color:#5a5a5a;} .totalsTableContainer .editBasket {margin-left:53px;} .totalsTableContainer .editBasket img {margin-top:3px;} /* address panels*/ .addressPanel {width:287px; margin-right:23px; margin-top:20px;margin-bottom:27px; float:left;} .addressPanel h3 {color:#293B58;font-size:13px;font-weight:bold;margin:22px 0 13px 23px;padding:0;} .addressPanel h3.errorMsg {color:#e15150; } .addressPanel table {margin:0 0 13px 24px;} .addressPanel table td {font-size:11px; padding:0 0 16px;color:#666666;line-height:15px; vertical-align:top;} .addressPanel table col.titleCol {width:128px;} .addressPanel table col.detailsCol {width:120px;} .addressPanel table .title {padding-right:20px; font-weight:bold;} .addressPanel a.editDetails {font-size:11px; float:right; margin:0 20px 16px 0; padding-right:8px; background:transparent url('/Images/MainSite/ecomm/listArrow.gif') no-repeat scroll right 5px;} /*======================================== Form Styles ==========================================*/ .formContainer h2 {margin-left:6px;padding:0; font-size:18px; font-weight:bold; margin-bottom:12px; color:#293b58;} .formContainer h3 {margin-left:4px; padding:0; font-size:13px; font-weight:bold; margin-bottom:13px; color:#293b58;} .formContainer h3.sectionBorder {border-top:1px dotted #b3b3b3; padding-top:15px; margin-top:13px; margin-bottom:3px;} .formContainer p {margin-left:6px; line-height:20px;} .formContainer p.subText {font-size:11px; line-height:16px; padding:0 6px 0 4px; margin:3px 0 12px;} .formContainer p.formLegend {font-size:11px;line-height:16px; float:right; padding-right:6px; padding-bottom:0; margin:3px 0 0;} .formContainer p.errorMsg {margin-bottom:0;font-size:12px; padding:0; color:#e15150;} .formContainer .mandatory {color:red;} .formContainer div.buttons {margin-top:-1px; margin-bottom:14px; padding:0 6px 0 0;} .formContainer div.buttons input {margin:0;} .formContainer div.successMsg {padding:3px 3px 6px 46px; margin-bottom:18px; background:#d4f2d6 url('/Images/MainSite/ecomm/checkout/formSuccess.gif') no-repeat scroll 4px 4px; border:1px solid #50e25a; } .formContainer div.successMsg p {font-size:16px; padding:4px 0 2px; margin:0;color:#2ebc3b; font-weight:bold;} .formContainer div.errorMsg {padding:3px 3px 6px 46px; margin-top:5px; margin-bottom:18px; background:#fcdad8 url('/Images/MainSite/ecomm/checkout/formError.gif') no-repeat scroll 5px 4px; border:1px solid #e25051;} .formContainer div.errorMsg p.errorText {margin:0;font-size:16px; padding:4px 0 2px; color:#e15150; font-weight:bold;} .formContainer div.errorMsg ul {float:none;padding-top:8px;} .formContainer div.errorMsg ul li {float:none; padding:0 0 0 1px; margin-bottom:7px; list-style-type:square; list-style-position:inside; color:#e15150; font-weight:bold; font-size:12px;} .formContainer ul {float:left; list-style-type:none; padding:0;margin:0;} .formContainer ul li {float:left; padding:0 6px; list-style-type:none; background:none;} .formContainer ul li.formError {position:relative;top:-4px; padding:3px 5px; margin-bottom:1px; border:1px solid #e25051; background-color:#fcdad8;} .formContainer ul li.formError label, .formContainer ul li.formError legend {color:#e25050;} .formContainer ul li.formError input, .formContainer ul li.formError select {margin-bottom:3px;} .formContainer input.textInput, .formContainer input.textInputShort {font-size:11px; color:#5a5a5a; padding:3px 3px 4px 3px; margin:3px 0 9px 0;} .formContainer ul li.textInputPlaceholder {height:55px;} .formContainer select {font-size:11px; color:#5a5a5a; padding:3px 3px 4px 3px; margin:3px 0 9px 0;} .formContainer input.textInput.noLabelBelow {margin-bottom:0px;} .formContainer input.textInputShort {width:116px;} .formContainer textarea {font-size:11px; color:#5a5a5a; padding:0 0 0 3px; margin:3px 0 12px 0; overflow-y:scroll;} .formContainer .loginCol {padding-top:5px; margin-bottom:10px;} .formContainer .loginCol input.textInput {width:190px;} .formContainer .loginCol p {font-size:12px; margin:0 0 5px 6px; padding:0;width:193px} .formContainer .loginCol a {font-size:11px; margin:0; padding:0;} .formContainer .loginCol p input {float:right; vertical-align:middle;} .formContainer .loginCol ul li input#rememberMeCheck { float:left; position:relative; top:1px; border:1px solid #97bada; margin:0 5px 0 0; width:auto; padding:6px 5px; vertical-align:text-bottom;} .formContainer .loginCol ul li a.rememberMeLink { font-size:11px; font-family:verdana,Helvetica,sans-serif; } .formContainer .loginCol ul li span { position:relative; top:3px; color:#919191; float:left; margin-left:3px; font-size:10px; margin-bottom:15px;} .formContainer .loginCol ul li span a { font-size:9px;} .formContainer .loginCol ul li.options { width:200px; } .formContainer .loginCol ul li.options a { float:left; margin-top:4px; } .formContainer .loginCol ul li.options input { float:right; } .formContainer .loginCol label.rememberMe { float:left; margin-top:2px;} .formContainer .loginCol ul li span.rememberMeInput {margin:0;top:3px;} .formContainer .loginCol ul li span.rememberMeInput input {float:left; top:-1px; position:relative; border:1px solid #97bada; margin:0 5px 0 0; width:auto; padding:6px 5px; vertical-align:text-bottom;} .formContainer .oneCol {width:412px; margin-bottom:10px;} .formContainer .oneCol textarea {width:412px; height:172px;} .formContainer .oneCol input.textInput {width:226px;} .formContainer .oneCol select {width:234px;} .formContainer .oneColWide select {width:294px;} .formContainer .oneColWide textarea {width:509px; height:92px;} .formContainer .twoColLeft {float:left;width:246px; margin-bottom:10px;} .formContainer .twoColRight {float:right;width:246px; margin-bottom:10px;} .formContainer .twoColLeft .textInput, .formContainer .twoColRight .textInput {width:226px;} .formContainer .twoColLeft select, .formContainer .twoColRight select {width:234px;} .formContainer .twoColLeft textarea, .formContainer .twoColRight textarea {width:229px;} .formContainer .twoColLeft select.selectInputShort {width:92px;} .formContainer input.radioInput {margin-top:8px; margin-right:1px;} .formContainer label, .formContainer legend {font-size:11px; white-space:nowrap; padding:0; color:#666666;} .formContainer label.inline {position:relative; top:-2px; padding-right:12px;} /*======================================== Login Panel ==========================================*/ .loginContainer {z-index:1050; float:right; position:relative;} .loginButtonContainer {margin:10px 10px 0 0; width:53px; height:17px;} .loginButtonContainer a:link, .loginButtonContainer a:visited {color:#ffffff; padding-left:9px; padding-top:1px; width:44px; height:17px; font-size:11px; display:block; background-image:url(/Images/MainSite/popups/loginButton.gif); background-position:top left; background-repeat:no-repeat;} .loginPanelContainer {position:absolute;top:8px;right:8px;width:225px; display:none;} .logoutButtonContainer {margin:10px 5px 0 0; width:231px; height:17px;} .logoutButtonContainer a:link, .logoutButtonContainer a:visited {float:right; color:#ffffff; padding-left:9px; padding-top:1px; width:51px; height:17px; font-size:11px; display:block; background-image:url(/Images/MainSite/popups/logoutButton.gif); background-position:top left; background-repeat:no-repeat;} .logoutButtonContainer p {float:left; color:#548bc2; font-size:11px; margin:-2px 6px 0 0;} .logoutButtonContainer p span {font-weight:bold;} .loginTab {z-index:2;position:absolute; width:100%;height:19px;background-image:url(/Images/MainSite/popups/clientLoginTab.gif);background-position:top right;background-repeat:no-repeat;} .loginTab a {font-size:11px; display:block; width:46px; height:19px; float:right; padding:3px 0 0 11px;} .formContainer.loginPanel {background-color:#ffffff;border:1px solid #a7c6e5; padding:1px; width:221px;} .loginPanelContainer .formContainer.loginPanel {z-index:1;position:relative;top:17px;} .loginPanelBg {background-color:#e4eef8;padding:11px 10px 10px; width:201px;} .formContainer.loginPanel h2 {margin:0; padding:0 0 10px; color:#1967ae;} .formContainer.loginPanel p {font-family:verdana,Helvetica,sans-serif;font-size:11px;margin:0;padding:0 0 10px 0;color:#2c3a55;} .formContainer.loginPanel p.title {color:#2c3a55;font-size:13px;font-weight:bold;line-height:18px;margin:0 0 1px 0;padding-top:16px;} .formContainer.loginPanel ul {list-style-type:none;margin:0;padding:0 0 10px; float:none; text-align:left; width:100%;} .formContainer.loginPanel ul li {float:none; display:block; list-style-type:none; background:none; margin:0; padding:0 3px;} .formContainer.loginPanel ul li.formError {position:relative; padding:0 3px; left:-1px; top:-1px; background-color:#FCDAD8;} .formContainer.loginPanel ul li.formError label {color:#E15150;} .formContainer.loginPanel ul li.formError input.textInput {margin-bottom:5px;} .formContainer.loginPanel ul li.options {float:none; padding-top:8px;} .formContainer.loginPanel ul li.options input.button {float:right;} .formContainer.loginPanel ul li label {display:block;font-family:verdana,Helvetica,sans-serif; color:#6d6d6d; font-size:11px;padding-bottom:3px;display:block; line-height:13px;} .formContainer.loginPanel ul li input {border:1px solid #97bada; margin-bottom:7px; width:182px; padding:6px 5px;} .formContainer.loginPanel ul li input#chkRememberMe{ float:left; position:relative; top:5px; border:1px solid #97bada; margin:0 5px 0 0; width:auto; padding:6px 5px; vertical-align:text-bottom;} .formContainer.loginPanel ul li a.rememberMeLink { font-size:11px; font-family:verdana,Helvetica,sans-serif; } .formContainer.loginPanel ul li span { position:relative; top:5px; color:#919191; float:left; margin-left:21px; font-size:9px;} .formContainer.loginPanel ul li span a { font-size:9px; padding:0; } .formContainer.loginPanel ul li span.rememberMeInput { margin-left:0;top:3px; font-size:11px;} .formContainer.loginPanel ul li span.rememberMeInput input {float:left; border:1px solid #97bada; margin:0 5px 0 0; width:auto; padding:6px 5px; vertical-align:text-bottom;} .formContainer.loginPanel .loginPanelBg div.errorMsg, .formContainer .loginCol div.errorMsg {padding:3px 3px 10px 28px; margin-bottom:14px; min-height:30px; background:#fcdad8 url('/Images/MainSite/ecomm/checkout/formErrorSmall.gif') no-repeat scroll 5px 4px; border:1px solid #e25051;} .formContainer.loginPanel .loginPanelBg div.errorMsg p.errorText, .formContainer .loginCol div.errorMsg p.errorText { font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-top:0; font-weight:bold;} .formContainer.loginPanel .loginPanelBg div.errorMsg ul, .formContainer .loginCol div.errorMsg ul {padding-bottom:0;} .formContainer.loginPanel .loginPanelBg div.errorMsg ul li, .formContainer .loginCol div.errorMsg ul li {display:list-item; font-weight:normal; font-size:11px; list-style-position:inside; list-style-type:square;} /*RightBar Variants*/ .rightBar .formContainer.loginPanel {border-color:#e6e6e6; width:214px;} .rightBar .loginPanelBg {background-color:#f3f6fb; width:194px;} .rightBar .formContainer.loginPanel ul li input {width:174px;} .rightBar .formContainer.loginPanel a.forgotPassLink { top:3px; } .rightBar .formContainer.loginPanel ul li span { top:2px; } .rightBar .formContainer.loginPanel ul li span.rememberMeInput { top:4px; margin-left:0px;} /*End*/ .formContainer.loginPanel ul li.options label {margin-top:2px; float:left;} .formContainer.loginPanel ul li input.loginFormRemember {border:0; width:auto;float:left;margin-left:6px;margin-top:3px;margin-right:1px; vertical-align:top;} .formContainer.loginPanel ul li input.loginFormSubmit, .rightBar .formContainer.loginPanel ul li input.loginFormLogin {cursor:pointer;border:0;background-color:transparent;width:63px;height:25px;float:right;margin:0 0 0 6px;background-image:url(/Images/MainSite/popups/submitButton.gif);background-position:0 0;background-repeat:no-repeat;} .formContainer.loginPanel ul li input.loginFormLogin, .rightBar .formContainer.loginPanel ul li input.loginFormLogin {cursor:pointer;border:0;background-color:transparent;width:57px;height:25px;float:right;margin:0 0 0 6px;background-image:url(/Images/MainSite/popups/clientLoginButton.gif);background-position:0 0;background-repeat:no-repeat;} .formContainer.loginPanel div.buttonContainer {width:100%;} .formContainer.loginPanel input.loginFormBackToLogin, .rightBar .formContainer.loginPanel input.loginFormBackToLogin {cursor:pointer;border:0;background-color:transparent;width:90px;height:25px;float:right;margin:0 0 0 6px;background-image:url(/Images/MainSite/popups/backToLogin.gif);background-position:0 0;background-repeat:no-repeat;} .formContainer.loginPanel a.forgotPassLink {float:left;font-size:11px; position:relative; top:6px;} /************************************************************* /************************************************************* /************************************************************* /************************************************************* /*======================================== Events Booking Styles ==========================================*/ /* progress bar */ .progressBarContainer .progressBarEvents {float:right; margin-top:28px;} .progressBarContainer .progressBarEvents .panel {padding:0;float:left;} .progressBarEvents ul {list-style-type:none; float:left; padding:0; margin:0; background-color:#bab9b9;} .progressBarEvents ul li {background:none; padding:0; float:left; font-weight:bold; font-size:11px; min-height:40px;} .progressBarEvents ul li.stage5selected {background:#293b58;} .progressBarEvents ul li.stage1selected, .progressBarEvents ul li.stage2selected, .progressBarEvents ul li.stage3selected, .progressBarEvents ul li.stage4selected {background:#293b58 url(/Images/MainSite/ecomm/checkout/itemTip.gif) no-repeat scroll 100% 0;} .progressBarEvents ul li.stage1completed, .progressBarEvents ul li.stage2completed, .progressBarEvents ul li.stage3completed, .progressBarEvents ul li.stage4completed {background-color:#293b58;} .progressBarEvents ul li span {float:left; font-weight:bold; color:#ffffff;} .progressBarEvents ul li.stage1 span {padding:13px 22px 13px 52px; background-image:url(/Images/MainSite/ecomm/checkout/iconOptions.gif); background-repeat:no-repeat; background-position:18px center;} .progressBarEvents ul li.stage2 span {padding:13px 22px 13px 46px; background-image:url(/Images/MainSite/ecomm/checkout/iconDelegates.gif); background-repeat:no-repeat; background-position:19px center;} .progressBarEvents ul li.stage3 span {padding:13px 25px 13px 43px; background-image:url(/Images/MainSite/ecomm/checkout/iconSummary.gif); background-repeat:no-repeat; background-position:12px center;} .progressBarEvents ul li.stage4 span {padding:13px 22px 13px 53px; background-image:url(/Images/MainSite/ecomm/checkout/iconPayment.gif); background-repeat:no-repeat; background-position:16px center;} .progressBarEvents ul li.stage5 span {padding:13px 23px 13px 48px; background-image:url(/Images/MainSite/ecomm/checkout/iconConfirmation.gif); background-repeat:no-repeat; background-position:17px center;} .progressBarEvents ul li.stage1selected span, .progressBarEvents ul li.stage1completed span {padding:13px 22px 13px 52px; background-image:url(/Images/MainSite/ecomm/checkout/iconOptionsSel.gif); background-repeat:no-repeat; background-position:18px center;} .progressBarEvents ul li.stage2selected span, .progressBarEvents ul li.stage2completed span {padding:13px 28px 13px 54px; background-image:url(/Images/MainSite/ecomm/checkout/iconDelegatesSel.gif); background-repeat:no-repeat; background-position:18px center;} .progressBarEvents ul li.stage3selected span, .progressBarEvents ul li.stage3completed span {padding:13px 25px 13px 43px; background-image:url(/Images/MainSite/ecomm/checkout/iconSummarySel.gif); background-repeat:no-repeat; background-position:12px center;} .progressBarEvents ul li.stage4selected span, .progressBarEvents ul li.stage4completed span {padding:13px 22px 13px 53px; background-image:url(/Images/MainSite/ecomm/checkout/iconPaymentSel.gif); background-repeat:no-repeat; background-position:16px center;} .progressBarEvents ul li.stage5selected span, .progressBarEvents ul li.stage5completed span {padding:13px 23px 13px 48px; background-image:url(/Images/MainSite/ecomm/checkout/iconConfirmationSel.gif); background-repeat:no-repeat; background-position:17px center;} /* EventsContainer */ .eventDets {margin-top:24px;} .eventsContainer {float:left; width:861px; background-color:#ffffff;margin-bottom:4px; padding-top:13px;padding-left:15px; padding-bottom:16px;} .eventsContainer .eventDetails {float:left; background:none;} .eventsContainer .eventDetails p {color:#293b58; font-size:15px; margin:0; padding-bottom:5px;} .eventsContainer .eventDetails p.title {font-weight:bold; font-size:17px;} .eventsContainer .EventLogo {float:left; margin-left:40px;} .accountCreationModifier .eventsContainer { width: 868px; } /*groupDets*/ .groupDets {margin-top:51px; width:100%; margin-bottom:4px; padding:0;} .groupDets .groupContainer {padding:5px 5px 0;} .groupDets .groupContainer p {color:#666666;font-size:11px;margin-left:3px; line-height:19px; margin-bottom:13px;} .groupDets .groupContainer .checkbox {float:left; color:#293b58; font-weight:bold; font-size:13px; margin:7px 16px 0 0; padding:0 0 5px 4px;} .groupDets .groupContainer .totalNumber {float:left;color:#666666; margin-top:7px;} .groupDets .groupContainer .totalNumber select {margin-left:2px; width:42px;} /*options table*/ .optionsTableContainer {width:887px; font-size:11px; margin-bottom:13px; padding-top:20px; border-bottom:1px dotted #dadada;} .optionsTableContainer table {width:887px; margin:0;} .optionsTableContainer table col.event {width:216px;} .optionsTableContainer table col.eventPrice {width:174px;} .optionsTableContainer table col.selectedEvent {width:98px;} .optionsTableContainer table col.blankCol {width:261px;} .optionsTableContainer table thead tr th {color:#5a5a5a; font-size:12px; font-weight:bold; background-color:transparent; padding:4px 0 8px 9px; border-bottom:1px solid #dadada;} .optionsTableContainer table thead tr th.price {padding-left:17px;} .optionsTableContainer table thead tr th.selectEvent {padding-left:30px;} .optionsTableContainer table tr {background-color:transparent;} .optionsTableContainer table tr td {padding:5px 0 4px 20px; color:#666666; font-size:12px;} .optionsTableContainer table tr td.header {padding:10px 0 7px 10px; font-size:14px; color:#293b58; font-weight:bold; border-top:1px dotted #dadada;} .optionsTableContainer table tr td.spacer {padding:0 0 1px 20px;} .optionsTableContainer table tr td.noBdr {border-top:none; padding:13px 0 7px 9px;} .optionsTableContainer table tr td.price {padding-left:18px;} .optionsTableContainer table tr td.checkBox {padding:0 0 0 62px;} .optionsTableContainer table tr td span {font-size:11px; color:#666666;} .optionsTableContainer table tr td.itemName {font-weight:bold; font-size:11px;} .optionsTableContainer table tr.selected td {background-color:#f0f0f0;} .optionsTableContainer table tr.selected td.price {color:#ff0000;} .optionsTableContainer table tr.selected td.clear {background-color:transparent;} /* your details (delegate reg) */ .yourDetailsContainer {border-bottom:1px dotted #B3B3B3;margin-bottom:15px;padding-bottom:14px;} .further .yourDetailsTable {margin-left:3px;} .billingAddSum .yourDetailsTable {margin-left:7px; margin-top:1px;} .billingAddSum .yourDetailsTable tr td {padding-bottom:15px;} table.yourDetailsTable {margin-left:6px; margin-top:1px; margin-bottom:9px;} table.yourDetailsTable col.detailsCol1 {width:275px;} table.yourDetailsTable col.detailsCol3 {width:140px;} table.yourDetailsTable tr td {font-size:11px; color:#5a5a5a; padding-bottom:10px; vertical-align:top;} table.yourDetailsTable tr td.header {font-weight:bold;} table.yourDetailsTable tr.header td {font-weight:bold; padding-bottom:2px} .youDetailsToggle {font-size:11px; float:right; padding-right:17px; margin-right:5px; background-image:url(/Images/MainSite/ecomm/yourDetailsLink.gif); background-repeat:no-repeat; background-position:100% center;} .editDetails {font-size:11px; float:right; margin:0 10px 16px 0; padding-right:8px; background:transparent url('/Images/MainSite/ecomm/listArrow.gif') no-repeat scroll right 5px;} .linkTopRight {font-size:11px; position:absolute; top:13px; right:6px; margin:0 10px 16px 0; padding-right:8px; background:transparent url('/Images/MainSite/ecomm/listArrow.gif') no-repeat scroll right 5px;} .editBooking {float:right; font-size:11px; margin:8px 0 8px 0; padding:0 8px 0 0; background:transparent url('/Images/MainSite/ecomm/listArrow.gif') no-repeat scroll right 5px;} .checkboxReg {font-size:11px; margin-bottom:12px; margin-left:48px; margin-top:1px; font-weight:bold; } .checkboxReg input {vertical-align:middle;} .summaryContainer {position:relative; margin:0 40px 15px 40px;} .summaryContainer .summaryTitles {float:left;} .summaryContainer .summaryTitles h2 {font-weight:bold; color:#293B58; font-size:18px;} .summaryContainer .summaryTitles h3 {font-weight:bold; color:#293B58; font-size:13px;} .summaryContainer .summaryTitles h3 span {font-weight:normal;} .summaryContainer .summaryTitles h3 .editDetails {font-weight:normal; margin-left:12px; margin-top:2px;} .summaryContainer .BasketTableContainer {width:100%; padding-top:0;} .summaryContainer .BasketTableContainer table {width:100%;} .summaryContainer .BasketTableContainer table tr td.itemNameSummary {font-weight:normal; color:#293b58;} .summaryContainer .BasketTableContainer table tr td.itemNameSummary span {font-weight:bold;} /*======================================== Search Table (subscriptions / events / history) ==========================================*/ div.searchTableContainer {margin:0;padding-bottom:42px;} div.searchTableContainer table {border-collapse:collapse; border:0px none; border-color:#dfe8f1; width:100%;} div.searchTableContainer table .alignC {text-align:center;} div.searchTableContainer table col.titleCol {width:432px;} div.searchTableContainer table col.orderRefCol,div.searchTableContainer table col.volIssueNo,div.searchTableContainer table col.published {width:128px;} div.searchTableContainer table col.SubsPeriod {width:230px;} div.searchTableContainer table col.options {width:33px;} div.searchTableContainer table col.orderDateCol {width:79px;} div.searchTableContainer table col.itemCol {width:272px;} div.searchTableContainer table col.itemTypeCol {width:97px;} div.searchTableContainer table col.orderValCol {width:83px;} div.searchTableContainer table col.eventCol {width:262px;} div.searchTableContainer table col.industryCol {width:88px;} div.searchTableContainer table col.eventDateCol {width:88px;} div.searchTableContainer table col.placesAvailCol {width:88px;} div.searchTableContainer table col.placesReservCol {width:88px;} div.searchTableContainer table col.optionsCol {width:83px;} div.searchTableContainer table col.delName {width:159px;} div.searchTableContainer table col.delEmail {width:204px;} div.searchTableContainer table col.delCountry {width:156px;} div.searchTableContainer table col.delDateReserved {width:156px;} /*ebooks*/ div.searchTableContainer table col.eBookTitleCol {width:397px;} div.searchTableContainer table col.width88 {width:88px;} div.searchTableContainer table td.eBookTitle {color:#9d9b9c;} div.searchTableContainer table td.eBookTitle a {font-weight:bold;color:#1967ae;cursor:pointer;padding:0;margin:0;} div.searchTableContainer table td.eBookTitle p.title {font-weight:bold;color:#1967ae;cursor:auto;padding:0;margin:0;} div.searchTableContainer table td.eBookTitle p.subTitle {font-size:11px;font-weight:normal;padding:0;margin:0;} div.searchTableContainer table td.eBookTitle span {margin:0;font-weight:bold; color:#9d9b9c; display:inline;} /*Expandable Panel*/ div.searchTableContainer table td div.expandPanelContainer {display:inline; position:relative;} div.searchTableContainer table td div.expandPanelContainer a.expandPanelLink {font-weight:normal; font-size:11px;} div.searchTableContainer table td div.expandPanelContainer div.expandPanel {position:absolute; display:none; top:-1px; left:-5px; width:200px; padding:0;background-color:#ffffff; border:1px solid #719ec9;} div.searchTableContainer table td div.expandPanelContainer div.expandPanel p.expandPanelHeader {font-size:11px; line-height:17px; color:#ffffff; background-color:#719ec9; padding:0 4px;} div.searchTableContainer table td div.expandPanelContainer div.expandPanel p {font-size:11px; padding:4px 4px; margin:0; line-height:20px;} div.searchTableContainer table td div.expandPanelContainer div.expandPanel p a {font-weight:normal;} div.searchTableContainer table td div.expandPanelContainer div.expandPanel a.expandPanelClose {position:absolute; top:3px; right:3px;} div.searchTableContainer table th {padding:0 6px; height:35px; border-right:1px solid #fff; background:#6d8eac url('/Images/MainSite/sitepages/tableHeader.gif') repeat-x scroll top left;} div.searchTableContainer table th.options {border-right:0px none;} div.searchTableContainer table th {color:#fff; font-weight:bold; font-size:11px;} div.searchTableContainer table th div.textHolder {display:table;height:100%;width:100%} div.searchTableContainer table th div.textHolder div.textAlign {display:table-cell;vertical-align:middle;} div.searchTableContainer table td {color:#717171; padding:10px 6px 9px; border-bottom:1px solid #dfe8f1; border-top:1px solid #dfe8f1; font-size:12px;} div.searchTableContainer table tr.even, div.searchTableContainer table tr.evenDetail, div.searchTableContainer table tr.evenDetail:hover {background-color:#f6f9fe;} div.searchTableContainer table tr td span {color:#9d9b9c; font-size:11px; display:block; margin-left:17px;} div.searchTableContainer table tr td a.expandLink {color:#1967ae; cursor:pointer; padding-left:18px; background:transparent url('/Images/MainSite/sitepages/searchTableExpand.gif') no-repeat scroll left 3px;} div.searchTableContainer table tr td a.addToBasket {cursor:pointer; color:#1967ae;} div.searchTableContainer table tr.expanded td {border-bottom:0px none;} div.searchTableContainer table tr.expanded td a.expandLink {background-image:url('/Images/MainSite/sitepages/searchTableMinimise.gif');} div.searchTableContainer table tr td.options {padding:3px 0 0 0; text-align:center;} div.searchTableContainer table tr:hover {background-color:#fffeeb;} div.searchTableContainer table tr.detail:hover {background-color:transparent;} /* sub level */ div.searchTableContainer table tr.hiddenRow {display:none;} div.searchTableContainer table tr.expiredEvent, div.searchTableContainer table tr.detailExpired, div.searchTableContainer table tr.detailExpired:hover {background-color:#f8f8f8;} div.searchTableContainer table tr.expiredEvent:hover {background-color:#fffeeb;} /*div.searchTableContainer table tr.expiredEvent td {color:#cacaca;}*/ /*div.searchTableContainer table tr.expiredEvent td a {color:#8cb3d6;}*/ div.searchTableContainer table tr.expired, div.searchTableContainer table tr.expired:hover {background-color:#ffebec;} div.searchTableContainer table tr.expired td {color:#ea0909;} div.searchTableContainer table tr td.itemDetail {border:0px none; padding:0; font-size:1.0em;} div.searchTableContainer table tr td.itemDetail div.itemDetailContainer {padding:0 9px 12px 9px;} div.searchTableContainer table tr td.itemDetail div.itemDetailContainer p.itemText {font-weight:bold; padding:10px 0 0 0; margin:0;} div.searchTableContainer table td.itemDetail .subtable {border:1px solid #dfe8f1; padding:1px; background-color:#fffeeb;} div.searchTableContainer table td.itemDetail table {margin:0;} div.searchTableContainer table td.itemDetail table tr th {background:#6D8EAC url(/Images/MainSite/sitepages/tableHeaderSmall.gif) repeat-x scroll left top;height:25px;} div.searchTableContainer table td.itemDetail table tr td {border:0 none; border-top:1px solid #dfe8f1; border-bottom:0px none; font-size:11px; color:#717171; padding:0 0 5px; text-align:center} div.searchTableContainer table td.itemDetail table.textLeft tr td {text-align:left; padding:4px 0 4px 7px;} div.searchTableContainer table td.itemDetail table.textLeft tr td.alignC {text-align:center; padding-left:0;} div.searchTableContainer table td.itemDetail table tr td.options {text-align:left; padding-left:30px; padding-top:5px; padding-bottom:5px;} div.searchTableContainer table td.itemDetail table tr td.options img {vertical-align:middle;} div.searchTableContainer table td.itemDetail table tr {background-color:#fffeeb;} div.searchTableContainer table td.itemDetail table tr:hover {background-color:#cfe4f9;} /*======================================== Focus Books panel (your Ebooks) ==========================================*/ .focusBooks {width:695px;display:inline-block;border-top:1px dotted #dedede; margin:3px 0 0 0;padding:0;} .focusBooks .focusBookItem {position:relative; border-bottom:1px dotted #dedede; padding-bottom:12px;} .focusBooks .focusBookItem .focusBookDownload {position:absolute; top:25px; right:18px;} .focusBooks .focusBookItem h2 {color:#293B58;margin:0 0 12px 18px;padding:15px 0 0 0;} .focusBooks .focusBookItem h3 {color:#1967ae;margin:0 0 3px 18px;padding:0;font-size:13px;} .focusBooks .focusBookItem p {margin-left:18px;margin-bottom:0;} /*======================================== eBooks Search bar ==========================================*/ .eBooksSearch {display:inline-block;margin:0 0 15px 0;padding:0;} .eBooksSearch h2 {color:#293B58;margin:0 0 9px 0;padding:15px 0 0 0;} .eBooksSearch .eBooksSearchBar {width:697px; background:transparent url(/Images/MainSite/sitepages/eBooksBarBg.gif) repeat-x scroll left top;height:49px;} .eBooksSearch .eBooksSearchBar ul {width:691px;float:left; list-style-type:none;padding:0;margin:0;} .eBooksSearch .eBooksSearchBar ul li {background-image:none;float:left;padding:13px 20px 0 0;} .eBooksSearch .eBooksSearchBar ul li label {color:#797979; font-size:11px;margin-right:5px;} .eBooksSearch .eBooksSearchBar ul li input {width:177px;padding-top:3px;padding-bottom:2px;padding-right:2px;} .eBooksSearch .eBooksSearchBar ul li input.eBookSearch {cursor:pointer;border:0;background-color:transparent;width:66px;height:25px;float:right;margin:-1px 0 0 2px;background-image:url(/Images/MainSite/sitepages/search.gif);background-position:0 0;background-repeat:no-repeat;} .eBooksSearch .eBooksSearchBar ul li select {width:181px;height:22px;} .eBooksSearch .eBooksSearchBar ul li.endCap {padding:0;width:9px;} .eBooksSearch .eBooksSearchBar .rightCap {float:right;width:6px;} .eBooksSearch .eBooksSearchBar h3 {color:#1967ae;margin:0 0 3px 18px;padding:0;font-size:13px;} .eBooksSearch .eBooksSearchBar p {margin-left:18px;margin-bottom:0;} /*======================================== Events Download List ==========================================*/ div.downloadList {border-bottom:1px dotted #dedede;} div.downloadList h2 {font-size:18px; font-weight:normal; color:#919191; padding-bottom:6px;} div.downloadList ul {padding:0;} div.downloadList ul li {position:relative; padding:0 125px 12px 0; list-style-type:none;background:none;} div.downloadList ul li.active {background-color:#7BA1C6; } div.downloadList ul li p {font-size:11px; line-height:16px; color:#919191; padding:0; margin:0;} div.downloadList ul li.group {border-top:1px dotted #dedede; padding-top:12px; padding-bottom:6px;} div.downloadList ul li p.resourcesGroup {font-size:13px; font-weight:bold; color:#293b58;} div.downloadList ul li p a {font-weight:bold;} div.downloadList ul li div.downloadLink {width:100%; display:block;} div.downloadList ul li div.downloadDetail {width:100px; font-size:11px; color:#919191; padding-right:22px; text-align:right; position:absolute; right:0px; top:21%;} div.downloadList ul li div.downloadDetail.noDesc {top:-2px;} div.downloadList ul li div.downloadDetail span {color:#d4d4d4;} div.downloadList ul li div.downloadDetail img {vertical-align:middle;} /*======================================== Membership Home Page ==========================================*/ div.membershipAreas {padding-bottom:18px; padding-top:26px;} div.membershipAreas h2 {color:#293b58; padding-left:10px; padding-top:0;} div.membershipAreas h2.mainHeader {font-size:18px; padding-bottom:9px;} div.membershipAreas h2.subHeader {font-size:14px;padding-bottom:12px;padding-top:12px;} div.membershipAreas ul {padding:0;} div.membershipAreas ul li {list-style-type:none; padding:0; margin:0 0 6px 0; background:none;} div.membershipAreas ul li a, div.membershipAreas ul li a:visited {cursor:pointer; display:block; height:44px; position:relative; color:#ffffff; font-weight:bold; font-size:14px;} div.membershipAreas ul li a:hover {text-decoration:none;} div.membershipAreas ul li a img.topLeft {position:absolute; top:0; left:0;} div.membershipAreas ul li a img.topRight {position:absolute; top:0; right:0;} div.membershipAreas ul li a img.bottomLeft {position:absolute; bottom:0; left:0;} div.membershipAreas ul li a img.bottomRight {position:absolute; bottom:0; right:0;} div.membershipAreas ul li a img.dropShadow {position:absolute; bottom:-4px; left:0;} div.membershipAreas ul li a img.areaItem {position:relative; top:1px; left:1px; display:inline-block;} div.membershipAreas ul li a span.contentContainer {display:table; width:147px; height:44px; position:absolute; left:62px;top:0;} div.membershipAreas ul li a span.contentContainer span {display:table-cell;vertical-align:middle;} div.membershipAreas div.members ul li a.selected, div.membershipAreas div.members ul li a.selected:hover, div.membershipAreas div.nonMembers ul li a.selected, div.membershipAreas div.nonMembers ul li a.selected:hover {background-color:#e56701;} div.membershipAreas div.members ul li a {background-color:#19ae20;} div.membershipAreas div.members ul li a:hover {background-color:#76c87a;} div.membershipAreas div.nonMembers ul li a {background-color:#1967ae;} div.membershipAreas div.nonMembers ul li a:hover {background-color:#97bada;} /* Spotlights */ div.memberSpotlights {margin:7px 0 25px 0; float:left; padding:0 0 17px 0; border-top:3px solid #f0f0f0; border-bottom:3px solid #f0f0f0;} div.memberSpotlights h2 {color:#293b58; text-align:center; padding:13px 0 20px;} div.memberSpotlights ul {margin:0; padding:0;} div.memberSpotlights ul li {float:left; list-style-type:none; background:none; margin:0; padding:0;} div.memberSpotlights ul li.arrow {width:24px; height:139px; background:transparent url('/Images/MainSite/membership/spotlightArrow.gif') no-repeat scroll 0 0;} /* Info Panels */ div.memberInfoPanel {position:relative; width:100%; background-color:#f0f0f0; padding:3px 0; margin-bottom:11px;} div.memberInfoPanel img.topLeft {position:absolute; top:0; left:0;} div.memberInfoPanel img.topRight {position:absolute; top:0; right:0;} div.memberInfoPanel img.bottomRight {position:absolute; bottom:0; right:0;} div.memberInfoPanel img.bottomLeft {position:absolute; bottom:0; left:0;} div.memberInfoPanel a.memberPanelOptionLink {display:block; font-size:11px; text-align:right; padding:4px 8px 2px 0; margin-right:8px; background:transparent url('/Images/MainSite/sitepages/rightArrow.gif') no-repeat scroll right 9px;} div.memberInfoPanel div.panelHeader {padding:0 3px;} div.memberInfoPanel div.panelHeader img {float:left; margin-right:7px;} div.memberInfoPanel div.panelHeader h2 {color:#293b58; padding:3px 0 7px; margin:0;} div.memberInfoPanel div.panelContent {background-color:#ffffff;position:relative; margin:0 3px; padding:6px 0 15px;} div.memberInfoPanel div.panelContent ul {padding:0 0 0 46px;} div.memberInfoPanel div.panelContent ul li {margin-top:6px; padding-bottom:6px;} div.memberInfoPanel div.panelContent ul li a, div.memberInfoPanel div.panelContent ul li a:visited, div.memberInfoPanel div.panelContent ul li span {color:#1967ae;} /* ---------------------------------*/ /* Testing Home Page */ /* -------------------------------- */ .testingPanel {float:left;height:420px;width:968px;margin:0;} .testingPanel img.caps {float:left;} .testingPanelContent {position:relative;float:left;width:956px;height:420px;background-image:url(/Images/MainSite/homepage/testingPanelBg.gif); background-repeat:repeat-x;} .testingPanelContent .panelTopBar {height:42px;} .testingPanelContent .panelMainContent {width:968px; height:378px;position:absolute;left:-6px;} /*industry tab*/ .panelMainContent .industryContainer {padding:11px 8px 12px 16px;} .panelMainContent .industryContainer .industryLeftContent {float:left;width:200px;padding-top:16px;} .panelMainContent .industryContainer .industryLeftContent h2 {line-height:22px;padding:0 0 10px;margin:0;font-size:18px;font-weight:normal;} .panelMainContent .industryContainer .industryLeftContent p {line-height:22px;} .panelMainContent .industryContainer .industryLinks {float:right;width:725px; height:355px;border:1px dotted #b2b2b2; border-width:1px 0 1px 1px;background-image:url(/Images/MainSite/homepage/testingIndustryLinkBg.gif); background-repeat:repeat-x;} .industryContainer .industryLinks .rowA {padding-left:1px;width:725px;border-bottom:1px dotted #b2b2b2;} .industryContainer .industryLinks .rowB {padding-left:1px;width:725px;} .industryContainer .industryLinks .link {position:relative;text-align:center;float:left;width:180px;height:177px;border-right:1px dotted #b2b2b2;} .industryLinks .link a {display:block;width:155px;height:99px;padding:73px 10px 5px 15px;} .industryLinks .link a:hover {text-decoration:none;background-color:#e5eff9;} .industryLinks .link .linkImg {position:absolute;width:60px; height:60px;left:60px;top:12px;} .industryLinks .link span {text-align:left;display:block;font-size:11px;color:#717171;line-height:16px;margin:0;} .industryLinks .link span.title {font-size:12px;font-weight:bold;color:#919191;line-height:18px;padding:0;margin:0;} .industryLinks .link a:hover span.title {color:#1967ae;} /*Testing Panel*/ .testingPanel .panelMainContent .panelLeftNav {float:left; padding:0; margin:0; width:254px; height:378px; background: transparent url('/Images/MainSite/homepage/testingPanelLeftBkgnd.gif') no-repeat scroll left top;} .testingPanel .panelMainContent .panelLeftNav ul {padding:0;margin:11px 0 0 11px;} .testingPanel .panelMainContent .panelLeftNav ul li {list-style-type:none; padding:0; margin:0;} .testingPanel .panelMainContent .panelLeftNav ul li.item {width:237px; height:73px; padding:0; margin:0; cursor: pointer;} .testingPanel .panelMainContent .panelLeftNav ul li.item {display:block; width:237px; height:73px; margin:0; padding:0; background: transparent url('/Images/MainSite/homepage/testingPanelLeftNavItemBackground.gif') no-repeat scroll left top;} .testingPanel .panelMainContent .panelLeftNav ul li.item.selected {background-image:url('/Images/MainSite/homepage/testingPanelLeftNavItemSelected.gif');} .testingPanel .panelMainContent .panelLeftNav li#testingPanelNavFood.selected span.linkRight {color:#3ca900;} .testingPanel .panelMainContent .panelLeftNav li#testingPanelNavMaterials.selected span.linkRight {color:#683b82;} .testingPanel .panelMainContent .panelLeftNav li#testingPanelNavPackaging.selected span.linkRight {color:#a36f00;} .testingPanel .panelMainContent .panelLeftNav li#testingPanelNavDistribution.selected span.linkRight {color:#1990ae;} .testingPanel .panelMainContent .panelLeftNav ul li.item span.linkRight {color:#1967ae; font-size:16px; font-weight:bold; float:right; width:122px; padding-right:34px; position:relative;} .testingPanel .panelMainContent .panelLeftNav ul li.item img {position:absolute; border:0px none;} .testingPanel .panelMainContent .panelLeftNav ul li.divider {width:213px; position:relative; height:21px;} .testingPanel .panelMainContent .panelLeftNav ul li.divider img {display:block; position:absolute; top:3px; left:55px; margin:0; padding:0;} .testingPanel .panelMainContent .panelRightContent {float:right; position:relative; padding:10px; width:694px; height:358px;} .testingPanel .panelMainContent .panelRightContent h2 {font-size:25px; padding:15px 0 16px;} .testingPanel .panelMainContent .panelRightContent p.leadText {font-size:16px; line-height:25px;} .testingPanel .panelMainContent .panelRightContent p {line-height:21px; margin-bottom:19px;} .testingPanel .panelMainContent .overviewPanelLeft {float:left; width:348px;} .testingPanel .panelMainContent .overviewPanelRight { cursor:pointer; float:right; width:341px; height:111px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; margin:0 0 5px 5px; } .testingPanel .panelMainContent .overviewPanelRight img {float:left; margin:28px 19px 0 21px;} .testingPanel .panelMainContent .overviewPanelRight p {font-size:14px; color:#1967ae; line-height:27px; padding-top:25px;} .testingPanel .panelMainContent .overviewPanelRight p.tent .overviewPanelRight p span {font-size:21px; font-weight:bold;} .overviewContent .overviewContentLeft {position:absolute; top:10px; left:10px; width:558px; height:130px;} .overviewContent .overviewContentRight {position:absolute; top:10px; right:10px; width:136px; height:130px;} .overviewContent .overviewSectionSelector {position:absolute; top:140px; left:10px; width:674px; padding:0; margin:0; border:0px none;} .overviewContent p {margin-bottom:10px;} .overviewSectionSelector.fourItems .sectionSelectorItem {width:24.7%; padding:0 1px;} .overviewSectionSelector.threeItems .sectionSelectorItem {width:33%; padding:0 1px;} .overviewSectionSelector .sectionSelectorItem {cursor:pointer; background:#f0f0f0 url('/Images/MainSite/homepage/sectionSelectorDivider.gif') no-repeat scroll right top; border:1px solid #dadada; border-left:0px none; border-right:0px none; float:left; height:122px; margin:0; padding:0;} .overviewSectionSelector .sectionSelectorItem.selected {padding:0; background-image:none; background-color:transparent; border-top:0px none; border-bottom:0px none;padding:1px 0; border-right:1px solid #dadada; border-left:1px solid #dadada;} .overviewSectionSelector .sectionSelectorItem.first {border-left-color:#fff;} .overviewSectionSelector .sectionSelectorItem.last {border-right-color:#fff; background-image:none;} .overviewSectionSelector .sectionSelectorItem .sectionSelectorItemContent {padding:14px 6px; height:94px;} .sectionSelectorItem .sectionSelectorItemContent img.itemIcon {display:block; width:41px; margin:0 auto 8px;} .overviewSectionSelector .sectionSelectorItem .sectionSelectorItemContent p {text-align:center; font-size:13px; line-height:18px; font-weight:bold; margin:0;} .overviewContent .overviewSectionItem {position:absolute; top:280px; left:10px; width:674px; padding:0;} .overviewSectionItem .overviewSectionItemList {float:left; width:33.3%;} .overviewSectionItem .overviewSectionItemList ul {padding:0; margin:0 6px; float:none; display:inline-block;} .overviewSectionItem .overviewSectionItemList ul li {font-size:11px; line-height:16px; padding-left:6px; margin:0 0 9px; background-image:url('/Images/MainSite/homepage/distribution/bullet.gif'); background-repeat:no-repeat; background-position: left 5px; list-style-type:none;} .panelMainContent .overviewContent .overviewContentLeft h2 {font-size:18px; font-weight:normal;} /*Food Specific*/ .panelMainContent .overviewContent.food h2 {color:#3ca900;} .overviewContent.food .sectionSelectorItem.selected .sectionSelectorItemContent p {color:#3ca900;} .overviewContent.food .overviewSectionItem .overviewSectionItemList ul li a {color:#3ca900;} .overviewContent.food .overviewSectionItem .overviewSectionItemList ul li {background-image:url('/Images/MainSite/homepage/food/bullet.gif');} /*Materials Specific*/ .panelMainContent .overviewContent.materials h2 {color:#693c83;} .overviewContent.materials .sectionSelectorItem.selected .sectionSelectorItemContent p {color:#693c83;} .overviewContent.materials .overviewSectionItem .overviewSectionItemList ul li a {color:#693c83;} .overviewContent.materials .overviewSectionItem .overviewSectionItemList ul li {background-image:url('/Images/MainSite/homepage/materials/bullet.gif');} /*Packaging Specific*/ .panelMainContent .overviewContent.packaging h2 {color:#a36f00;} .overviewContent.packaging .sectionSelectorItem.selected .sectionSelectorItemContent p {color:#a36f00;} .overviewContent.packaging .overviewSectionItem .overviewSectionItemList ul li a {color:#a36f00;} .overviewContent.packaging .overviewSectionItem .overviewSectionItemList ul li {background-image:url('/Images/MainSite/homepage/packaging/bullet.gif');} /*Distribution Specific*/ .panelMainContent .overviewContent.distribution h2 {color:#1990ae;} .overviewContent.distribution .sectionSelectorItem.selected .sectionSelectorItemContent p {color:#1990ae;} .overviewContent.distribution .overviewSectionItem .overviewSectionItemList ul li a {color:#1990ae;} .overviewContent.distribution .overviewSectionItem .overviewSectionItemList ul li {background-image:url('/Images/MainSite/homepage/distribution/bullet.gif');} .blueTabs h2 {padding:0;margin:13px 0 0 15px;color:#293B58;} .blueTabs ul {padding:0;margin-top:9px;} .blueTabs ul li {background-image:none;list-style-type:none;padding:0;margin:2px 0 5px;border:1px solid #afc8de;background-color:#e5eff9;} .blueTabs ul li a {display:block;padding:10px 10px;padding-left:10px;} .blueTabs ul li a img {vertical-align:middle; margin-right:15px;} .blueTabs ul li a.sec {padding-left:15px;} .blueTabs ul li a.paper {padding-left:15px;} .blueTabs ul li a:hover {background-color:#ffffff;text-decoration:none;} .panelTopBar .blueTabs {float:left;margin:7px 0 0 2px;} .panelTopBar .blueTabs.right {float:right;} .panelTopBar .blueTabs ul {float:left;margin:0;} .panelTopBar .blueTabs ul li {float:left; margin:0 8px 0 0;} .panelTopBar .blueTabs.right ul li {float:left; margin:0 2px 0 8px;} .panelTopBar .blueTabs ul li a {font-size:15px;padding:5px 9px;display:inline-block;} /*======================================== Overlay ==========================================*/ #overlay {position:fixed; display:none; z-index:1000; left:0px; width:100%; height:1000px; top:0px; padding:11px; background-color:#000; opacity:0.4;} /*added temp for ie8*/ #overlay { filter:alpha(opacity=40); } .overlayContainer {position:fixed; display:none; width:835px; background-color:transparent; float:left; z-index:2000; margin:0px; top:67px; left:17%; padding:0;} .overlayContainer .topBorder {float:left;} .overlayContainer .overlayBorderTopLeft {float:left; width:14px; height:14px; background-image:url(/Images/MainSite/overlays/overlayHeaderLeft.png); background-repeat:no-repeat; background-position:0 0;} .overlayContainer .overlayBorderTopMiddle {float:left; width:807px; height:14px; background-image:url(/Images/MainSite/overlays/overlayHeaderBg.png); background-repeat:no-repeat; background-position:0 0;} .overlayContainer .overlayBorderTopRight {float:left; width:14px; height:14px; background-image:url(/Images/MainSite/overlays/overlayHeaderRight.png); background-repeat:no-repeat; background-position:0 0;} .overlayContainer .overlayBorderBottomLeft {float:left; width:14px; height:21px; background-image:url(/Images/MainSite/overlays/overlayFooterLeft.png); background-repeat:no-repeat; background-position:0 0;} .overlayContainer .overlayBorderBottomMiddle {float:left; width:807px; height:21px; background-image:url(/Images/MainSite/overlays/overlayFooterBg.png); background-repeat:no-repeat; background-position:0 0;} .overlayContainer .overlayBorderBottomRight {float:left; width:14px; height:21px; background-image:url(/Images/MainSite/overlays/overlayFooterRight.png); background-repeat:no-repeat; background-position:0 0;} .overlayContainer .overlay {padding:0px; margin:0px; float:left; width:835px; background-image:url(/Images/MainSite/overlays/overlayBkgd.png); background-repeat:repeat-y; background-position:0px 0px;} .overlayContainer .overlayHeader {float:left; height:33px; width:793px; margin:0 11px; padding:0 10px; background:transparent url('/Images/MainSite/overlays/overlayHeaderBg.gif') repeat-x scroll top left; color:#FFFFFF} .overlayContainer .overlayHeader .close {float:right; font-size:1.1em; padding:7px 3px;} .overlayContainer .overlayHeader .close a, .overlayContainer .overlayHeader .close a:visited {color:#cc0033;} .overlayContainer .overlayHeader .close img {display:inline; vertical-align:middle; position:relative; top:-1px; padding-left:4px;} .overlayContainer .blueBar {width:780px; height:8px; background:transparent url('/Images/MainSite/overlays/blueBar.gif') no-repeat scroll top left;} .overlayContainer .overlayContent {float:left; overflow-y:scroll; height:500px; width:773px; margin:0 11px 0; padding:9px 20px 8px 20px; background-color:#ffffff;} .overlayHeaderBar {width:773px; height:80px; margin-top:6px; background-color:#104b7d; position:relative;} .overlayHeaderBar img.topLeft {width:5px; height:5px; position:absolute; top:0; left:0;} .overlayHeaderBar img.topRight {width:5px; height:5px; position:absolute; top:0; right:0;} .overlayHeaderBar img.bottomRight {width:5px; height:5px; position:absolute; bottom:0; right:0;} .overlayHeaderBar img.bottomLeft {width:5px; height:5px; position:absolute; bottom:0; left:0;} .overlayHeaderBar h2 {color:#ffffff; float:left; font-size:2.4em; padding:24px 14px 0; width:605px;} .overlayHeaderBar img.logo {float:right; margin:0 8px;} /* ---------------------------------*/ /* Popup Windows */ /* -------------------------------- */ #popupTab { margin: 2px; padding: 0px; position: relative; top: 1px; z-index: 101; float:left; } #popupTab img { float:left; } .popupTabContent { position:relative; top:-2px; border: 1px solid #0098c1; float:left; padding: 20px; margin:2px; background-color: #bfe1f3; border-top:0px; z-Index: 105; } #popup {width: 872px; margin-left:auto; margin-right: auto;} /* ------------------------------------------------------------------------------------------- */ /* Miscellaneous - Cursor styles, font weight etc.. */ /* ------------------------------------------------------------------------------------------- */ .hidden {display:none;} .titleHelp {cursor:help;} .bold { font-weight:bold;} .italic {font-style:italic;} .underline {text-decoration:underline;} .error {color:#FF0000; font-weight:bold;} .red {color:#ff0101;} .nameBold {font-size:11px; color:#4f4f4f; font-weight:bold;} .text16Bold {font-size:16px; color:#919191; font-weight:bold;} .text15Bold {font-size:15px; color:#919191; font-weight:bold;} .text12Bold {font-size:12px; color:#5F5F5F; font-weight:bold;} .featured {font-size:16px; line-height:24px; padding-top:5px; margin-bottom:9px;} .dottedBorderTop {border-top: dotted 1px #cccccc;} .dottedBorderBottom {border-bottom:dotted 1px #cccccc;} .date {color:#616060; font-size:12px; font-weight:normal; line-height:16px; margin:-5px 0 18px 0;} .title {color:#989898; font-size:17px; font-weight:normal; line-height:24px; margin:-10px 0 18px 0;} .imgLeft {float:left; padding:0 16px 0 0; margin:0;} .imgRight {float:right; padding:0 0 0 16px; margin:0;} .noBorderTop {border-top:0px none;} .marTop15 {margin-top:15px;} .marTop27 {margin-top:27px;} .padTop1 {padding-top:1px;} .infoBar {margin:15px 0 0 0; color:#FF0000; } /* ------------------------------------------------------------------------------------------- */ /* 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;} .hidden {display:none;} .vertAlignTop {vertical-align:top} .vertAlignBot {vertical-align:bottom} /* ------------------------------------------------------------------------------------------- */ /* TAB Styles - Used via Tabs function */ /* ------------------------------------------------------------------------------------------- */ .mainTabs { float: left; margin: 0; padding: 0; display: block; position: relative; top: 1px; z-index: 101; } .mainTabs h2 { margin: 0px 2px 0px 0px; font-size: xx-small; float: left; padding: 4px; text-align: center; width: 140px; border: solid 1px #0089D0; color: #000000; font-weight: bold; } .mainTabs h2 a { display: block; padding: 4px; font-size: xx-small; color: #000000; text-decoration: none; } .mainTabs h2 a:hover { color: #000000; background-color: #DDF2F9; font-size: xx-small; } .mainTabs h2 a:visited { color: #000000; font-size: xx-small; text-decoration: none; } .mainTabs h2.selNav { border-bottom: 1px solid #DDF2F9; background-color: #DDF2F9; font-size: xx-small; } .mainTabs h2.accessDenied { background-color: #7B7C7D; font-size: xx-small; } #mainTabArea { font-size: xx-small; border: solid 1px #0089D0; background-color: #DDF2F9; padding: 5px; text-align:left; width: 610px ; } #mainTabAreaHeader { font-size: xx-small; border: solid 1px #0099CC; background-color: #F8FEF9; padding: 5px; text-align:left; margin-bottom: 5px; } #mainTabAreaHeader h2 { font-size: small; } /*=========================== tool tip styles ============================*/ #revToolTip { position: absolute; left: -300px; border: 1px solid #1B5DA9; padding: 5px; background-color: #F3F3F3; visibility:hidden; z-index: 999999; } #revToolTipPointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; } #revInfoTip { position: absolute; left: -300px; border:2px solid #57a619; background-color: #ffffff; visibility:hidden; z-index: 999999; width: 300px; overflow-x:hidden; padding:2px } .revInfoTipInner {border:5px solid #f0f0f0; padding:15px 15px 45px 15px} #revInfoTip h4 {font-size:14px; color:#676767; font-weight:bold; padding:0px; margin:0px 0px 6px 0px;} #revInfoTip #revInfoTipText {font-size:11px; color:#676767; margin:0px; line-height:16px;} #revInfoTip img {float:left; position:relative; top:6px; left:7px;} #revInfoTip #revInfoTipText ul {list-style-type:square;} .previewBar {display:none} /* Include (and hide) Intertech Pira Site Styles */