/* @group Template */ /** * Styles */ input, select, textarea{ font: normal 11px/15px Arial, Helvetica, sans serif; } * { margin: 0; padding: 0; border:none;} .ui-state-error {border: solid #CD0A0A; background: #B81900 url('../resources/images/validationerror.png')} table{ margin:0; padding:0;} th{ background-color:#FFF; height:30px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; vertical-align:middle; text-align:left; font-size: 12px; color: #9A2A29; padding: 2px 4px 2px 4px; border-bottom: 1px solid #8B0100; border-top: 1px solid #CCC; border-right:t 1px solid #CCC; padding: 0px 0px 0px 4px; width:250px; } td { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; text-align:left; background-color:#CCC; height:30px; vertical-align:middle; border-bottom:thin #FFF solid; border-right:thin #FFF solid; padding: 4px 4px 4px 4px;} tr { background-color:#CCC; } sub { line-height: 0; } a {color: #433F32; text-decoration:none;} a:link {color:#333; text-decoration: none;} a:hover { COLOR:#9A2A29;} .clear{clear:both } ul{list-style-type:disc} /** * Overall */ #page { width: 800px; text-align: left; margin: 0 auto; background: #FFF url('../images/innerbackground.jpg') no-repeat; } #pageInner { } /** * Header Section */ #pageHeader { padding: 0; height: 114px; border-top: solid 1px #00346D; background: #01244A url('../images/back_grad.jpg') no-repeat; } #pageHeader h1 { padding: 0} #pageSearch { float: right; } #pageSearch input.searchText { background-color:#ddd; color:#444;vertical-align:middle; margin:4px; width:160px; font-size:11px } #pageSearch input.searchButton { vertical-align:middle; margin-right:5px; } /** Two column page styles (including the home page) */ #main_index{ float:left; background-color:#AB0000;} #main_index #mainContent { float:left; width:412px; padding-right:20px; padding-left:20px; margin:0px; background-color:#ededed; } #rightContent{ float:left; width:265px; border: none; background-color:#FFFFFF; padding:10px;margin-left:3px;} #newsContent{ float:left; width:743px; padding-left:0px; background-color:#fff;} /** * Navigation */ #siteMap ul.siteMap{ clear:both; list-style:none; padding:10px 0 10px 0; } #siteMap ul.siteMap li{ float:left; padding:2px 5px 15px 10px; width:110px; } #siteMap ul.siteMap li a{font-size:12px; font-weight:bold; } #siteMap ul.siteMap ul{ width:105px; border-right: none; } #siteMap ul.siteMap ul li{clear:both; width:105px; padding:4px 0 4px 0;list-style:none; border-right: none; } #siteMap ul.siteMap ul li a{ font-size:11px; font-weight:normal; color:#01244A; padding-bottom:4px; } #siteMap ul.siteMap ul li ul li a{ color:#506882; } #siteMap ul.siteMap ul li ul li { border-bottom:dotted .5px #ccc ; width:105px; } #siteMap h3 { clear:both; } #pageNavigation { float:left; color:#111; background-color:#FFF; border-bottom: solid 1px; border-bottom-color:#ccc; padding-left:20px; width:945px; margin-bottom:2px; background-image:url(../images/nav.jpg); background-repeat:repeat-x; } #pageNavigation ul.mainMenu { font-size:11px; margin:0px; padding:0px;} #pageNavigation ul.mainMenu li { float:left; text-decoration: none; list-style:none;} #pageNavigation ul.mainMenu li a { color: #444; display:block; border-right:dotted #FFF 1px; background-image:url(../images/nav.jpg) ; background-repeat:repeat-x; padding:8px 10px 6px 10px; text-decoration: none; } #pageNavigation ul.mainMenu li a:hover {background-color:#7D0000; color:#FFF; background-image: url(../images/nav_selected.jpg); } #nav ul.mainMenu li a.selected { color:#444; background-color:#7D0000; color:#FFF; background-image:url(../images/nav_selected.jpg); } #pageNavigation ul.mainMenu li.selectedPath a {background-color:#7D0000; color:#FFF; background-image: url(../images/nav_selected.jpg); } #pageNavigation ul.mainMenu li.item_0 a { border-bottom: solid 3px #64655F } #pageNavigation ul.mainMenu li.item_1 a { border-bottom: solid 3px #64655F; } #pageNavigation ul.mainMenu li.item_2 a { border-bottom: solid 3px #64655F; } #pageNavigation ul.mainMenu li.item_3 a { border-bottom: solid 3px #64655F; } #pageNavigation ul.mainMenu li.item_4 a { border-bottom: solid 3px #64655F; } #pageNavigation ul.mainMenu li.item_5 a { border-bottom: solid 3px #64655F; } #pageNavigation ul.mainMenu li.item_0 ul li a { border-bottom: dotted 1px #8298AA; } #pageNavigation ul.mainMenu li.item_1 ul li a { border-bottom: dotted 1px #8298AA; } #pageNavigation ul.mainMenu li.item_2 ul li a { border-bottom: dotted 1px #8298AA; } #pageNavigation ul.mainMenu li.item_3 ul li a { border-bottom: dotted 1px #8298AA; } #pageNavigation ul.mainMenu li.item_4 ul li a { border-bottom: dotted 1px #8298AA; } #pageNavigation ul.mainMenu li.item_5 ul li a { border-bottom: dotted 1px #8298AA; } #pageNavigation ul.mainMenu li.item_0 a em { color: #ffd600; font-style: normal; } #pageNavigation ul.mainMenu li.item_1 a em { color: #0087cd; font-style: normal; } #pageNavigation ul.mainMenu li.item_2 a em { color: #c64d1f; font-style: normal; } #pageNavigation ul.mainMenu li.item_3 a em { color: #b5d334; font-style: normal; } #pageNavigation ul.mainMenu li.item_4 a em { color: #a7a9ac; font-style: normal; } #pageNavigation ul.mainMenu li.item_5 a em { color: #abcabc; font-style: normal; } #pageNavigation ul.mainMenu li ul { z-index: 100; position: absolute; display: none; color: #FFF; width: 140px; padding-bottom: 0; } #pageNavigation ul.mainMenu li ul li { clear: both; background: #103a5c; } #pageNavigation ul.mainMenu li ul li a { color: #433F32; width: 133px; text-align: left; padding: 2px 0 2px 4px; } #pageNavigation ul.mainMenu li ul li a:hover { color: #DE1F26; background: #204a6c; } #pageNavigation ul.mainMenu li:hover ul { display: block; } #pageNavigation ul.mainMenu li ul li.mainMenuFirst a { font: normal 12px/22px Arial; background: #00326a url('../images/sub_nav_top.gif') top left no-repeat; border-bottom: solid 1px #365f8c; } #pageNavigation ul.mainMenu li ul li.mainMenuListItem a { font: normal 12px/22px Arial; background: #00326a url('../images/sub_nav.gif') top left no-repeat; border-bottom: solid 1px #365f8c; } #pageNavigation ul.mainMenu li ul li.mainMenuLast a { font: normal 12px/22px Arial; background: #00326a url('../images/sub_nav.gif') top left no-repeat; border-bottom: solid 1px #365f8c; } #pageNavigation ul.mainMenu li ul li.mainMenuFirst a:hover { background: #012b58 url('../images/top_roll.gif') top left no-repeat; } #pageNavigation ul.mainMenu li ul li.mainMenuListItem a:hover { background: #012b58 url('../images/sub_roll.gif') top left no-repeat; } #pageNavigation ul.mainMenu li ul li.mainMenuLast a:hover { background: #012b58 url('../images/sub_roll.gif') top left no-repeat; } /** * Body Section * * DO NOT apply padding to any of these styles, and try to avoid margins (except the alignment margin-left). */ /** #pageContent { background:#fff url('../images/back_grad_inset.png') repeat-x; } #pageContent #contentMenu { width: 150px; float: left; } #pageContent #contentBody { float:left; width:565px; padding-left:0px; background-color:#fff;} **/ #pageContent .newsBackground { border: solid 1px #EEE; background: #fff url('../images/newsbackground.png') repeat-x; float: right; margin-right: 30px; margin-top: 10px; width: 269px; padding: 0 20px 10px 10px} #pageContent .newsItem { padding: 10px 0; border-bottom: solid 1px #BBB;} #pageContent .dateHome { width: 50px; color:#333; float: right; font: normal 10px/15px Arial, Helvetica, sans serif;} #pageContent .headline { width: 200px; float: left; } #pageContent .headline a { text-decoration: none; color: #00336C; font: normal 11px/15px Arial, Helvetica, sans serif; } #pageContent .headline a:hover { text-decoration: underline; color: #00336C; font: normal 11px/15px Arial, Helvetica, sans serif; } .pager { clear: both; font: normal 10px Helvetica, Arial; color: #999; } .pager a { font: normal 10px Helvetica, Arial; color: #000; } .pager a:hover { font: normal 10px Helvetica, Arial; color: #CCC; } .pager a.selected { font-weight: bold; color: #CCC; } /** * Footer Section */ #footer .FooterText { padding: 35px 10px 0 0; float: right; } #footer .FooterMenu { padding: 0px 30px 0 0; float: right; } #footer .FooterMenu li { list-style: none; display: inline; } #footer .FooterMenu li a { color:#433F32; text-decoration: none; border-right: solid 1px #433F32; padding: 0 6px; } #footer{width:925px; color:#433F32; height:30px; vertical-align:middle; background-color:#FFF; border-top:#DE1F26 1px solid; padding:15px 20px 0px 20px; font-size:10px; } #footerlft{float:left; width:500px } #registerrgt{ float:right; text-align:right; padding:10px; text-decoration:none; } #footerrgt{ float:right; text-align:right; text-decoration:none; } #footerrgt a{ color:#DE1F26; text-decoration:none; } #footerrgt a:hover{ color:#FF0000; text-decoration:none; } /** * Support Styles */ .end { clear: both; } .clear{ clear: both; } /** * ContentMenu */ #contentMenuInner { float:left; width:218px; height:600px; font-size:12px; color:#111; padding:10px 2px 0px 2px; } #contentMenuInner h3 { font-size: 80%; color: #222; padding-bottom: 6px; } #contentMenuInner ul { margin:0px; padding:0px; } #contentMenuInner ul li { list-style:none;display:block; border-bottom:dotted #fff 1px; padding:4px 0px 4px 20px} #contentMenuInner ul li a { color: #433F32; text-decoration: none; padding:4px 8px 4px 0px; } #contentMenuInner ul li a:hover { color:#DE1F26; } #contentMenuInner ul li a.selected { color:#DE1F26; } #contentMenuInner ul ul { margin:0px; padding:5px 0px 0px 0px;} #contentMenuInner ul ul li { list-style:none;display:block; border-top:solid #bbb 1px;border-bottom:0px; padding:4px 0px 4px 30px; font-size:11px} #contentMenuInner ul ul li a { color: #433F32; text-decoration: none; padding:4px 8px 4px 0px; } #contentMenuInner ul ul li a:hover { color:#DE1F26; } #contentMenuInner ul ul li a.selected { color:#DE1F26; } /** * Content Styles */ .contentHeader { margin: 15px 20px 15px 0; height: 40px; } .contentHeader h1 { color: #246; font-weight: bold; font-size: 18px; float: left; } .contentHeader .controls { float: right; padding: 3px 20px 3px 0; } .contentHeader .controls input { font-size: 11px; } .contentHeader .controls select{ font-size: 11px; } /* Styles for text for the site map page*/ .sitemapText { margin: 20px 20px 0; background-repeat: no-repeat; background-position: top; } .sitemapText .newsarticle { margin: 0 180px 0 0; } .sitemapText a{ color: #246; text-decoration:none; font-weight: normal; } .sitemapText a:hover{ color: #CCC; font-weight: normal; text-decoration: underline; } .sitemapText ol { margin: 8px 0 8px 20px; } .sitemapText li { font-size: 11px; } .sitemapText p { font-size: 12px; margin: 8px 0; } .sitemap_cont { width:135px; } .contentText { margin: 0; } .contentText .newsarticle { margin: 0 180px 0 0; } .contentText a{ color: #246; text-decoration:none; font-weight: normal; } .contentText a:hover{ color: #CCC; font-weight: normal; text-decoration:underline } .contentText h1{ color:#DE1F26; font-weight:300; font-size:24px; border-bottom: dotted 1px; border-bottom-color:#ccc; padding-bottom:5px; margin:0px 0px 15px; } .contentText h2{ color:#DE1F26; font-weight:300; font-size:18px; border-bottom: dotted 1px; border-bottom-color:#ccc; padding-bottom:5px; margin-top:15px } .contentText h3{ color:#DE1F26; font-weight:300; font-size:16px; border-bottom: dotted 1px; border-bottom-color:#ccc; padding-bottom:5px; margin-top:15px } .contentText h4{ color:#DE1F26; font-weight:300; font-size:18px; padding-bottom:5px; margin-bottom:5px; margin-top:5px } .contentText h5, .contentText h6 { color: #246; font-weight: normal; } .contentText ul, .contentText ol { margin: 8px 0 8px 20px; } .contentText li { font-size: 11px; } .contentText p { font-size: 12px; margin: 8px 0; } .contentNews { margin: 15px 20px 15px 0; } .contentNews p {color: #000; margin: 0 0 0; padding-bottom: 10px; font-size: 80%; } .contentNews .item { background: #00254F url('../images/news_item_background.jpg') repeat-x top left; margin-bottom: 2px; height: 95px; } .contentNews .item .image { width: 110px; height: 70px; float: left; } .contentNews .item .image img { margin: 12px 0 8px 10px; } .contentNews .item .text { margin-left: 130px; } .contentNews .item .text h4 { color: #FFF; font-weight: normal; margin: 0 10px 10px; padding-top: 10px; } .contentNews .item .text a { color: #FFF; text-decoration: none; font-weight: normal; } .contentNews .item .text a:hover { color: #CCC; font-weight: normal; text-decoration: underline; } .contentNews .item .text p { color: #FFF; margin: 0 10px; padding-bottom: 10px; font-size: 80%; } .contentNews .item .text p .date { color: #36F; } .contentNews .item .text p .source { color: #CCC; font-style: italic; } /** *Search results styling */ .contentSearch { margin: 15px 20px 15px 0; } .contentSearch p {color: #000; margin: 0 0 0; padding-bottom: 10px; font-size: 80%; } .contentSearch .item { background: #fff; margin-bottom: 2px; height:100px; } .contentSearch .item .text { margin-left: 10px; } .contentSearch .item .text h4 { color: #FFF; font-weight: normal; margin: 0 10px 10px; padding-top: 10px; } .contentSearch .item .text a{ color: #01244A; text-decoration:none; font-weight: normal;} .contentSearch .item .text a:hover{ color: #DE1F26; font-weight: normal; text-decoration:underline} .contentSearch .item .text p { color: #01244A; margin: 0 10px 0; padding-bottom: 10px; font-size: 80%; } /** * HomePage */ #contentHolderHome #backing { background-image: url(../images/home-back.png); background-repeat: repeat-x; background-position: -300px 0; width: 800px; padding-bottom: 20px; } #contentHolderHome p { padding: 0; margin: 0; } /** * Latest Content Toggler */ .latestContent { } .latestContent h1 { background: url(../images/homepage/latest-backing.png) repeat-x; color: #fff; padding: 5px 20px; font-size: 13px; font-weight: bold; } .latestContent h1 a { color: #FFF; text-decoration: none; } .latestContent .toggler { position: relative; width: 2000px; } .latestContent .toggleState1 { left: 0; } .latestContent .toggleState2 { left: -800px; } .latestContent .items { height: 104px; overflow: hidden; width: 800px; position: relative; } .latestContent .items .item { float: left; background-repeat: repeat-x; } .latestContent .items .item .content { height: 104px; width: 266px; } .latestContent .items .item .content img { float: left; line-height:18px; margin: 12px 10px 0 20px; } .latestContent .items .item .content .text { padding-top: 10px; width:142px; padding-right:5px; float:left; } .latestContent .items .item .content .text h4 { font-weight: bold; } .latestContent .items .item .content .text p { margin: 10px 0 0 0; color: #fff; font-size:11px; } .latestContent .items .item .content .text a { color: #FFF; text-decoration: none; font-weight:bold; font:12px/17px; margin:0 5px 0 0; } .latestContent .items .colour_0 { background-image: url(../images/homepage/blue-backing.png); width: 268px; } .latestContent .items .colour_1 { background-image: url(../images/homepage/green-backing.png); } .latestContent .items .colour_2 { background-image: url(../images/homepage/orange-backing.png); } .latestContent .items .colour_3 { background-image: url(../images/homepage/grey-backing.png); width: 268px; } .latestContent .items .colour_4 { background-image: url(../images/homepage/yellow-backing.png); } .latestContent .items .colour_5 { background-image: url(../images/homepage/darkblue-backing.png); } #contentHolderHome #LeftColumn { float: left; width: 455px; color: #003268; padding: 20px 20px 0; } #contentHolderHome #RightColumn { float: left; width: 250px; padding: 20px 0 0; margin: 0 0 0 38px; } #contentHolderHome #RightColumn h3 a { text-decoration: none; color: #00336C; } #contentHolderHome #RightColumn h3{ padding: 5px; margin: 0; } #contentHolderHome #RightColumn h2 { font-size: 17px; color: #003268; margin: 0 0 20px; } #contentHolderHome #RightColumn div.item { width: 252px; margin: 0; background-color: #b1b2b4; border-bottom: solid 2px white; padding: 5px; } #contentHolderHome #RightColumn div.item a { text-decoration: none; color: #00336C; font: normal 11px/15px Arial, Helvetica, sans serif; } #contentHolderHome #RightColumn div.item a:hover { text-decoration: underline; color: #00336C; font: normal 11px/15px Arial, Helvetica, sans serif; } #contentHolderHome #RightColumn div.item img { float: left; margin: 0; border: solid 1px #0087cd; } #contentHolderHome #RightColumn div.itemText { float: left; color: white; margin: 0 0 0 8px; width: 170px; } #contentHolderHome #RightColumn div.item h4 { font-weight: bold; color: #003268; } #contentHolderHome #RightColumn div.item p { margin: 0; color: #999; } #contentHolderHome #RightColumn #podcastItem { background-color: #d9dbdd; padding: 2px 8px; margin: 15px 0; } #contentHolderHome #RightColumn #podcastItem p { color: #003268; margin: 0; } /** * Knowledge Center */ #clear { clear: both; } #contentMenuInner img { margin: 15px auto; } #topContent{ color: #fff; } #topContent #titlePicture { height: 256px; background-color: #b5d334; } #topContent #titlePicture img { float: left; } #topContent #titlePicture #titleText { float: left; padding: 10px; } #topContent #titlePicture #titleText h2 { margin: 0; } #topContent #titlePicture #titleText p { margin: 0; } #contentHolder #LeftColumn p.dirName { font-size: 11px; font-weight: bold; margin: 0; } #contentHolder #LeftColumn p.dirTitle { font-size: 11px; color: #666; } #contentHolder #RightColumn { float: right; width: 165px; padding: 0; } #contentHolder #RightColumn h2 { font-size: 17px; color: #003268; margin: 0 0 20px; } #contentHolder #RightColumn div.item {height: 90px; width: 305px; margin: 0 0 5px; background-image: url(../images/knowledgecenter/kc-itemback.jpg); background-repeat: no-repeat; } #contentHolder #RightColumn div.item img { float: left; margin: 8px 0 0 8px; border: solid 1px #8d2810; } #contentHolder #RightColumn div.itemText { float: left; color: white; margin: 8px 0 0 8px; } #contentHolder #RightColumn div.item h4 { font-weight: bold; } #contentHolder #RightColumn div.item p { margin: 0; } #mainContent{ float:left; width:565px; padding-left:0px; background-color:#fff;} div.Tout { float:left; width:164px; border: none; background-color:#ccc; padding-left:2px; } div.Tout img { border:none;} div.Tout h1 { margin: 0 5px 2px; color:#fff; border-bottom: dotted 1px #fff; font-size: 12px; } div.Tout a {float:left; background-color:#ccc; padding:2px; text-decoration:none; color:#444; border:none; } div.Tout a:hover{float:left; background-color:#888; text-decoration:none; color:#DDDBD0; padding:2px} div.Tout p { margin: 0 5px 2px; } div.Tout ul { margin: 0 0 2px 5px; list-style: none; } /** * Breadcrumb Trail */ .breadcrumbTrail { font: normal 10px Arial; color: #666; margin:15px 0 15px 0; } .breadcrumbTrail a { color: #666; text-decoration:none; } .breadcrumbTrail a:hover { color: #999; } .breadcrumbTrail a:active { color: #0787b6; } /** * Carbon Counter */ .CarbonContainer { color: #000; float: left; width: 160px; height: 230px; background: url('../images/grey_box.jpg') no-repeat; margin: 42px 0 0 20px; font-size:10px; } .CarbonContainer .date { padding: 65px 0 0 10px; } .CarbonCounter { padding: 15px 0 0 10px; color: #FFF; } .CarbonCounter p { color: #000; margin: 0; padding: 0; } /** * Media Holder */ #mediaHolder { background-color: #b5d334; margin-bottom: 5px; height: 270px; } #mediaHolder .flash { float: left; } #mediaHolder .flash p { margin: 0; padding: 0; } #mediaHolder .text { float: left; margin: 10px; width: 130px; color: white; } #mediaHolder .text h1 { margin: 0; padding: 0; color: white; font-size: 14px; } #mediaHolder .text p { margin: 0; padding: 0; font-size: 12px; color: white; } /* @group Projects */ /* Styling of the Tables on project pages. Please set cell-padding, cell-spacing and border to 0 in the HTML */ .projects { border-width: 1px 0 0 1px; border-color: #333; border-style: solid; } .projects td { padding: 2px 5px;border-width: 0 1px 1px 0; border-color: #333; border-style: solid;vertical-align: top;font-size: 12px; } /* @end */ /* @group Projects TABLE */ table.projects { border-width: 1px 0 0 1px; border-color: #FFF; border-style: solid; color: #FFF; text-align: left; width: inherit; } table.projects td { padding: 2px 5px; border-width: 0 1px 1px 0; border-color: #FFF; border-style: solid; vertical-align: top; font-size: 12px; } table.projects td.pTitle { background-color: #00346d; width: 25%; font-weight: bold; } table.projects td.pInfo { background-color: #0187ce; } /* @end */ /* @group Directors TABLE */ #mainContent .people { border-width: 1px 0 0 1px; border-color: #333; border-style: solid;} #mainContent .people td {width: 33%;padding: 2px 5px; text-align: center;vertical-align: top;border-width: 0 1px 1px 0; border-color: #333; border-style: solid;vertical-align: top;font-size: 12px;} /* @end */ /* new sitemap styles */ #pageContent #contentBody02 {width:800px; } .contentHeader{ font-size:11px} /* Document styles*/ .contentDocuments ul{ list-style:none; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:dotted 1px #ccc;} .contentDocuments a{ font-size:12px; text-decoration:none;} /*Start of Grahams stylesheet*/ body { min-height:1000px; background-color:#ddd; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-image: url(../images/grad_back02.jpg);background-repeat:repeat-x;margin:8px;} h1{ color:#DE1F26; font-weight:300; font-size:24px; border-bottom: dotted 1px; border-bottom-color:#ccc; padding-bottom:5px; margin-top:15px } h2{ color:#DE1F26; font-weight:300; font-size:18px; border-bottom: dotted 1px; border-bottom-color:#ccc; padding-bottom:5px; margin-top:15px } h3{ color:#DE1F26; font-weight:300; font-size:16px; border-bottom: dotted 1px; border-bottom-color:#ccc; padding-bottom:5px; margin-top:15px } h4{ color:#DE1F26; font-weight:300; font-size:18px; padding-bottom:5px; margin-bottom:5px; margin-top:5px } #outermain{width:965px; background-color:#fff; margin:auto; padding:20px 20px 5px 20px; } #topbar{ float:left; height:100px; background-color:#FFF; background-image: url(../images/line_head.jpg); background-repeat:repeat-x; width:965px; } #topbar a {color: #ccc;} #topbar a:hover {color: #fff;} #topbar_logo{float:left; padding:30px 0px 20px 20px;} #main{ width:965px; background-image: url(../images/nav_grad.jpg); background-color:#f3f3f3; background-repeat:repeat-x; position:relative; } #topbar_heading{float:left; padding:25px 0px 0px 35px; width:530px;} #topbar h2 { color:#DE1F26; font-weight:300; font-size:22px; margin:0px; } #topbar_heading h1{color:#fff; font-weight:300; font-size:22px; margin:0px; border:none;} #nav { float:left; width:915px; color:#111; border-bottom: solid 1px; border-bottom-color:#ccc; width:965px; background-color:#AB0000; } #nav ul { font-size:11px; margin:0px; padding:0px } #nav ul li { float:left; text-decoration: none; list-style:none;} #nav ul li a { color: #fff; display:block; border-right:dotted #FFF 1px; background-color:#AB0000; padding:4px 10px 4px 10px; text-decoration: none; } #nav ul li a:hover {background-color:#7D0000; } #nav ul li a.selected { color:#FFF; background-color:#7D0000; } #bottomcontent{ float:left; width:965px; } #bcont1{ float:left; width:445px; padding-right:20px } #bcont1_content{ float:left; min-height:250px; min-width:505px;padding-right:20px; padding-left:40px; margin:0px; padding-bottom:20px; position:0px; background-color:#fff; } #bcont1_content p {display:block; margin: 1em 0px;} #bcont1_content .contact { text-align:left; vertical-align:top;} #bcont1_content .events {float:left; border:1px #ccc solid;} #bcont1_content .events td { height:25px; width:25%; padding-left:5px; vertical-align:middle; text-align:left; border-left:1px #FFF solid;} #bcont1_content .events .red{ background-color:#DE1F26; color:#FFF; } #bcont1_content .events .grey td{ border-bottom:1px #ccc solid; border-right:1px #ccc solid; } #bcont1_content ul{ padding-left:30px; } #bcont2{ float:left; width:245px; margin:0px } #bcont2 p{ float:left; margin-bottom:5px; margin-top:0px; background-image:url(../images/roll.png); } #bcont2 p a{ background-color:#FFF; width:230px; display:block; padding:15px 5px 15px 5px; } #bcont2 p a:hover{ background-color:#000; } #bcont3{ float:left; width:250px; padding:0px 0px 15px 5px; } #bcont3 h2{ color:#AB0000; font-weight:300; font-size:24px; border-bottom: dotted 1px; border-bottom-color:#ccc; padding:0px 0px 5px 5px; margin-bottom:5px; margin-top:15px } .bcont3links{ float:left; width:230px; margin-bottom:5px; margin-top:0px; padding:8px 8px 8px 8px; background-image: url(../images/links_roll.png); } .bcont3linksimg{ float:left; width:230px; margin:0px; height:50px } .bcont3links2{ float:left; width:230px; margin:0px; padding:0px; vertical-align:middle;} /* upload CV fieldsets */ fieldset { border:1px dotted #999999; clear:both; display:block; margin-top:5px; padding:10px 0px 5px; } fieldset h1{ font-size:12px; margin:0 0 5px 0; padding:5px 0 5px 10px } legend { font-weight:bold; } dd { clear:right; height:25px; margin:0; padding:0; } #ctl00_body_UploadCV1_FileUpload1, file input { background-color:#F3F3F3; float:left; margin:0 0 0 0px; padding:0; text-align:center; width:200px; } .validator{ color:Red; display:inline; float:left; } .formbutton { background-color:#FFFFFF; border:1px solid #666666; color:#666666; height:40px; margin:10px 0 0; padding:0; width:120px; float:left; } .formbutton:hover {background-color:#CCCCCC; border:1px solid #666666; color:#666666; height:40px; margin:10px 0 0; padding:0; width:120px; float:left; } dt {float:left; margin:0px; width:160px; padding-bottom:0px; padding-left:0px; padding-right:10px; padding-top:0px; } .dt_no_width {width:auto;} fieldset.loginCtrl dt{ width:50px; } fieldset.loginCtrl label{ width:50px; } .ddtextarea50 {height:50px;margin:0;padding:0 0 0 0px;} .textarealabel label {clear:both;display:block;margin:0;padding:10px 0 0 10px;text-align:center;width:238px;} /*Contact us form*/ #form{ padding:10px 0 0 0} #form select.width{ width:180px;} #form label{ padding:0 0 0 10px; text-align:left; width:150px; float:left; display:block;} #form textarea{ width:200px;} /* CV Login Control */ #CVLogin label {clear:both;display:block;float:left;height:25px;margin:0;padding:0 0 0 5px;text-align:left;width:50px;} #CVLogin .formbutton {background-color:#FFFFFF;border:1px solid #666666;color:#666666;height:25px;margin:10px 0 0;padding:0;width:110px;} #CVLogin .formbutton:hover {background-color:#CCCCCC;border:1px solid #666666;color:#666666;height:25px;margin:10px 0 0;padding:0;width:110px;} #mainbanner{background-color:White;float:left;width:790;} #mainbanner_content {float:left; width:565px; height:320px; background-color:#FFF; border-bottom:solid #DE1F26 1px; } #homepage_main_index{ float:left; width:790px; background:#630100 url("../images/line_news.jpg") repeat-x;} #homepage_main_index #bcont1 {background-color:#EDEDED;float:left; width:490px; padding-left:20px;padding-right:20px;} .bcont1_news_tout{ float:left; margin:15px 0px 0px 15px; } .bcont1_news_tout img{ border:1px solid #ccc } .bcont1_news_tout .image{ } .bcont1_news_tout h2{ font-size:11px; padding:5px 0px 0px 0px; color:#666;margin:0px 0px 0px 0px;border-bottom:0px;} .bcont1_news_tout p{ font-size:11px; color:#eee; padding:0px 5px 5px 5px; margin-bottom:0px; } .bcont1_news_tout a{ padding:2px 2px 5px 2px; text-decoration:none; color:#fff; border:none;} .bcont1_news_tout a:hover{ padding:2px 2px 5px 2px; text-decoration:none; color:#fff; } #homepage_main_index #bcont2 {float:left; margin:0px;width:260px; } #homepage_main_index #bcont2 h2 { color:#fff; font-weight:300; font-size:18px; border-bottom:1px solid #6C0000; padding:0px 0px 5px 10px; margin-bottom:0px; margin-top:15px } .news {float:left; width:260px; margin:0px; border-bottom:2px solid #570D0F; border-top:2px solid #535353;} .heading_news { font-weight:bold; font-size:11px; margin:0px; color:#FFF; padding: 0px 0px 5px 0px; } .news p { padding-left:2px; padding-bottom:0px; margin:8px 0px 8px 0px; } .news img { border:none;} .news a {float:left; padding:6px 5px 5px 10px; text-decoration:none; color:#fff; border:none;width:245px;} .news a:link {color:#fff;} .nets a:visited {color:#fff;} .news a:hover{float:left; background-color:#790000; padding:6px 5px 5px 10px; text-decoration:none; color:#DDDBD0; } #homepage_bcont3 {background-color:#CCC;border:none;float:left; width:175px; } .contentTouts {background-color:#CCC; border:none; float:left; padding-left:0px; width:160px;} .tout {float:left; width:170px; background-color:#ccc; margin:0px; border-bottom:thin solid #eee;} .tout2 {float:left; width:170px; background-color:#ccc; margin:0px; padding:4px 0px 4px 0px; border-bottom:thin solid #eee;} .touttxt { padding-left:2px; margin:2px 0px 5px 0px;} .tout img { border:none;} .tout a {float:left; background-color:#ccc; padding:2px; text-decoration:none; color:#444; border:none; } .tout a:hover{float:left; background-color:#888; text-decoration:none; color:#DDDBD0; padding:2px} /* LoopSlider*/ .container { width:565px; height:320px; overflow:hidden; position:relative; cursor:pointer; border-bottom:solid #DE1F26 1px;} .slides { position:absolute; top:0; left:0; } .slides div { position:absolute; top:0; width:565px; display:none; } #loopedSlider { width:565px; position:relative; clear:both; } .slideshow { height: 320px; width:565px; } .sepLine {float:left; border-bottom-color:#CCC; border-bottom: dotted 1px #CCC; margin-top:10px;margin-bottom:10px; width:100%} /* Company History Slider*/ #main_content_slider{float:left; height:300px; position: relative; margin:auto; background-repeat:no-repeat; } #main_content_arrowLeft{float:left; width:30px; padding:100px 0 0 0px; } #main_content_arrowRight{float:left; width:18px; padding:100px 0 0 12px; } #main_content_history_02{float:left; margin:0px 0 0 0px; width:570px; background-image:url(../images/grad_history.jpg); background-repeat:no-repeat} #main_content_blue a:active{border:none; } #main_content_blue a:hover{border:none; } #middle_content_module{float:left; height:150px; width:955px; padding:20px 0 0 0px } #middle_content_module h1{ color:#666; font-weight:300; font-size:24px; margin:0 170px 40px 170px; border-bottom: dotted 1px; border-bottom-color:#ccc; } #main_content_history{ float:left; width:740px; padding-top:20px; padding-left:0px; background-color:#fff;} #main_history {float:left; width:740px; height:700px; position:relative; background-color:#FFF; } #bcont1_history{ float:left; width:680px; padding-right:20px; padding-left:40px; margin:0px; padding-bottom:20px; position:0px; background-color:#fff; } a:active {outline:none;} :focus {-moz-outline-style:none;} #jFlowSlide{ } #myController { margin-left:120px; margin-top:20px; margin-right:auto; } #myController ul li.jFlowControl{ color:#eee; font-weight:normal; background-image:url(../images/nav_bar_middle.jpg); } #myController ul li.jFlowSelected { color:#eee; font-weight:normal; background-image:url(../images/nav_bar_middle02.jpg); } .jFlowControl{ } .slide-wrapper { width:560px; height:220px; } .slide-thumbnail { width:150px; height:150px; margin:20px; float:left; } .slide-thumbnail img {max-width:300px; } .slide-details { width:350px; float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; } .slide-details h2 { font-size:18px; color:#DE1F26; font-weight:300; line-height: 1; margin:0; padding:0px 0px 0 5px; } .slide-details .description { margin-top:5px; margin-bottom:0px; } .slide-details .description p { margin:0px; margin-bottom:5px; padding:0px 5px 0 5px; } #nav_slide { height:42px; margin: 0 auto; } #nav_slide_left { float:left; height:42px; width:13px; } #nav_slide_right { float:left; height:42px; width:13px; } #nav_slide ul { float:left; font-size:11px; margin:0px; padding:0px } #nav_slide ul li { float:left; text-decoration: none; text-align:center; list-style:none;} #nav_slide ul li a { color:#666; outline:none; display:block; padding:10px 4px 14px 4px; text-decoration: none; } #nav_slide ul li a:hover { color:#333; outline:none; background-image:url(../images/nav_bar_middle02.jpg); } #nav_slide ul li a:selected { } jFlowNext .jFlowPrev, { color:#FFF; cursor:pointer; } .jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover, { background-image:url(../images/nav_bar_middle.jpg);} #mainContentWithoutTouts{ float:left; width:740px; padding-left:0px; background-color:#fff;} .contacts{ border:1px solid; border-color:#CCC ; width:300px;} .tbl_grad{ background-image:url(grad.gif); background-repeat:repeat-y; } /*styles for CTAs*/ .CTAs_container {background-image:url(../images/ctas.jpg);background-repeat:no-repeat;width:471px;height:123px;padding:5px 5px 15px 5px;} /*-----------------------------------------------------------------------------------------------*/ /* GENERAL LAYOUT */ /*-----------------------------------------------------------------------------------------------*/ #wrapper {width: 505px; margin: auto; padding: 10px 0;} #mainMap_distributers {width: 505px; height: 320px; background:url(../images/BBI%20distributers%20World%20Map.png); font-size:11px; margin-top: 7px; position: relative; float: left;} #cloud1 {top: 98px; left: 142px; padding-left:25px;} #cloud2 {top: 117px;left: 296px;width:150px;} #cloud3 {top: 89px; left: 37px; } #cloud4 {top: 89px;left: 246px; padding-left:15px;} #cloud5 {top: 85px;left: 140px;} #cloud6 {top: 113px;left: -10px;} #cloud7 {top: 103px;left: 402px;width:150px;} /*BBI Gold*/ #BBIGold{ } #BBIGold img{ text-align:center; } #BBIGold table{ text-align:center;} #BBIGold th{background-color:#FFF;height:30px;font-weight: bold;font-family:Arial, Helvetica, sans-serif;vertical-align:middle;text-align:center;font-size: 12px;color: #9A2A29;padding: 0px 10px 0px 4px;border-bottom: 1px solid #8B0100;border-top: 1px solid #A90100;border-right:1px solid #ccc ;border-left:thin #ccc solid;border-top:thin #ccc solid;width:250px;} #BBIGold td { font-family:Arial, Helvetica, sans-serif; font-size:11px; width: 125px; color:#333; text-align:center; background-color:#CCC; height:30px; vertical-align:middle; border-bottom:thin #ccc solid; border-right:thin #ccc solid; border-left:thin #ccc solid; } #BBIGold tr { background-color:#fff; text-align:center; } /*-----------------------------------------------------------------------------------------------*/ /* EVENT TABLE STYLES */ /*-----------------------------------------------------------------------------------------------*/ .contacts{ border:1px solid; border-color:#CCC; width:440px;} #events th{background-color:#FFF;height:30px;font-weight: bold;font-family:Arial, Helvetica, sans-serif;vertical-align:middle;text-align:center;font-size: 12px;color: #9A2A29;padding: 0px 10px 0px 4px;border-bottom: 1px solid #8B0100;border-top: 1px solid #A90100;border-right:1px solid #ccc ;border-left:thin #ccc solid;border-top:thin #ccc solid;width:500px;} #events td { font-family:Arial, Helvetica, sans-serif; font-size:11px; width: 125px; color:#333; text-align:centre; background-color:#fff; height:30px; vertical-align:middle; border-bottom:thin #ccc solid; border-right:thin #ccc solid; border-left:thin #ccc solid; margin-left: auto; margin-right: auto; text-align:center; } #events tr { background-color:#fff; text-align:center; } #events .tbl_grad{ background-image:url(grad.gif); background-repeat:repeat-y; } /*-----------------------------------------------------------------------------------------------*/ /* BBI Gold Global facilities */ /*-----------------------------------------------------------------------------------------------*/ #wrapper {width: 505px; margin: auto; padding: 20px 0;} #mainMap_gold_global {width: 450px; height: 320px; background:url(../images/BBI_international_World_Map.jpg); font-size:11px; margin-top: 7px; position: relative; float: left; no-repeat;} .tTip {width: 102px;position: absolute;cursor: pointer;color: #E31C21;font-weight: bold;left: 280px;top: 38px;} .tip {width: 212px;padding-top: 27px;overflow: hidden;display: none;position: absolute;z-index: 500;background: transparent url(../images/tipTop.png) no-repeat top;color: #333;} .tipMid {background: transparent url(../images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;} .tipBtm {background: transparent url(../images/tipBtm.png) no-repeat bottom; height: 32px;} .list { padding 0px 0px 0px 10px; } #global_1 {top: 10px;left: 142px;padding-left:10px;} #global_2 {top: 29px;left: 123px;width:150px; } #global_3 {top: 102px;left: 37px;} .button_roll { float:left; width:96px; height:22px; font:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; width: 125px; color:#333; background-color:#fff; height:30px; vertical-align:middle; margin-left: auto; margin-right: auto; text-align:center; padding: 4px 0px 0px 25px; } .button_roll a { float:left; width:97px; height:19px; text-decoration:none; font:Arial, Helvetica, sans-serif; color:#333; display:block; background-image:url(../images/booknow_button.jpg); background-repeat:no-repeat; vertical-align:middle; padding:3px 0 0 0px;} .button_roll a:hover { float:left; width:97px; height:19px; text-decoration:none; font:Arial, Helvetica, sans-serif; color:#333; display:block; background-image:url(../images/booknow_button.jpg); color:#DE1F26; background-repeat:no-repeat; vertical-align:middle; padding:3px 0 0 0px;} /*-----------------------------------------------------------------------------------------------*/ /* Language Selector Menu */ /*-----------------------------------------------------------------------------------------------*/ #langNav { margin:0; padding:0; list-style:none; float:left; padding-left:10px !important; } /* make the LI display inline */ /* it's position relative so that position absolute */ /* can be used in submenu */ #langNav li { float:left; display:block; width:100px; background:#ccc; position:relative; z-index:500; margin:0 1px; } /* this is the parent menu */ #langNav li a { display:block; padding:2px 0px 0 5px; font-weight:700; height:18px; text-decoration:none; color:#fff; text-align:center; color:#333; } #langNav li a:hover { color:#fff; } /* you can make a different style for default selected value */ #langNav a.selected { color:#f00; } /* submenu, it's hidden by default */ #langNav ul { position:absolute; left:0; display:none; margin:0 0 0 -1px; padding:0px 0 0 0; list-style:none; } #langNav ul li { width:100px; float:left; border-top:1px solid #fff; height:18px; padding:2px 0 0 0; } /* display block will make the link fill the whole area of LI */ #langNav ul a { display:block; height:15px; padding: 0px 0px; color:#666; } #langNav ul a:hover { text-decoration:underline; } #contLang { width:250px; } #contLang span { float:left; } #relatedLinks h3 {border-bottom-color: #CCC; border-bottom: 1px dotted #CCC; color:#FFF; font-size: 12px; font-weight: bold; margin: 10px; 0px 10px 10px }