/* ---------------------------------------------------------------------------------------------------- * General layout * ---------------------------------------------------------------------------------------------------- */ #centre { position: relative; width: 940px; margin: 10px auto 0 auto; } #header { position: relative; width: 940px; float: left; height: 157px; } #page { position: relative; width: 940px; float: left; margin-top: 15px; } #footer { position: relative; width: 940px; float: left; border-top: 1px solid #e2e3e3; margin-top: 20px; } #banner { position: relative; width: 940px; float: left; background-color: #616168; margin-top: 5px; } /* ---------------------------------------------------------------------------------------------------- * Header specific * ---------------------------------------------------------------------------------------------------- */ #bbk-logo { position: absolute; left: 0; } #contact-info { position: absolute; top: 50px; right:0; } #menu-top { position: absolute; top: 100px; } #menu-top li { float: left; height: 25px; } #menu-top .selected { background-color: #e9e9ec; } #menu-top .divider a { border-right: 1px solid #e0e0e0; } #menu-top li{} #menu-top a, #menu-top a:active, #menu-top a:link, #menu-top a:visited { display: block; padding: 0 6px 0 6px; margin-top: 5px; } #bar { position: absolute; bottom: 0; width: 940px; height: 30px; background-color: #d1be7b; } #menu-areas { float: left; } #menu-areas li { float: left; height: 30px; } #menu-areas .selected { background-color: #a28800; } #menu-areas .divider a { border-right: 1px solid #af9621; } #menu-areas a, #menu-areas a:active, #menu-areas a:link, #menu-areas a:visited { display: block; padding: 0 6px 0 6px; margin-top: 8px; } #search { float: right; padding: 4px; } #search input { float: left; } .criteria { width: 125px; height: 17px; padding: 5px 0 0 5px; border: 0px; } .submit { width: 27px; height: 22px; } /* ---------------------------------------------------------------------------------------------------- * Banner specific * ---------------------------------------------------------------------------------------------------- */ #banner img { display: block; overflow: hidden; /* needed for IE6 */ } #banner h1 { position: absolute; left: 15px; bottom: 0; } .banner-home { height: 185px; } /*.banner-home h1 { position: absolute; top: 25px; } .banner-home p { position: absolute; top: 75px; left: 15px; width: 430px; }*/ .banner-home #flash { right: 0; float:left;} .banner-home #bannertext #text{ width: 390px; padding-top:75px; padding-left:20px;} .banner-home #bannertext h1{width: 430px; top:25px;} .banner-home #bannertext{ float:left; width:430px;} .banner-normal{height:105px;} .banner-service { height:105px;} .banner-about { height:105px;} .banner-news { height:105px;} .banner-team { height:105px;} .banner-normal img { width: 280px; position: absolute; right: 60px; } .banner-service img { width: 280px; position: absolute; right: 60px; } .banner-about img { width: 260px; position: absolute; right: 255px; } .banner-news img { width: 505px; position: absolute; right: 190px; } .banner-team img { width: 335px; position: absolute; right: 100px; } /* ---------------------------------------------------------------------------------------------------- * Side menu specific * ---------------------------------------------------------------------------------------------------- */ #menu-side { position: relative; float: left; width: 220px; } #menu-side li { padding: 5px 0 4px 0; border-bottom: 1px solid #d1be7b; display:block; overflow:hidden; } #menu-side li a { margin-left: 10px; display:block; overflow:hidden;} #menu-side .sub-menu { padding-left: 10px;display:block; overflow:hidden;border-top: 1px solid #d1be7b; margin-top: 5px;} #menu-side .sub-menu li { display:block; overflow:hidden; border-bottom: 0; padding: 3px 0 3px 15px; background-image: url('../images/sub-menu-disc.gif'); background-repeat: no-repeat; background-position: 5px 8px; } #menu-side .sub-menu li a { display:block; overflow:hidden; margin-left: 0;} #menu-side .sub-menu ul{ display:block; overflow:hidden;} /*#menu-side li { padding: 5px 0 4px 0; border-bottom: 1px solid #d1be7b; } #menu-side li a { margin-left: 10px; } #menu-side .sub-menu { padding-left: 20px; margin-top: 5px; }/*Remove #menu-side .sub-menu li { border-bottom: 0; padding: 3px 0 3px 15px; background-image: url('../images/sub-menu-disc.gif'); background-repeat: no-repeat; background-position: 5px 8px; } #menu-side .sub-menu li a { margin-left: 0; }*/ #menu-side .top-divider { border-top: 1px solid #e2e3e3; } #menu-side .Select-top-divider{ border-top: 1px solid #e2e3e3;} #menu-side .Select-top-divider span {font-weight:bold; font-size:11px;} #menu-side .baclass { border-top: 1px solid #e2e3e3;margin-left:10px;} #menu-side .sub-menu .selected { background-color: #f2f2f2; } #menu-side .rss-icon { position: absolute; right: 0; top: 3px; margin: 0; } /* ---------------------------------------------------------------------------------------------------- * Page specific * ---------------------------------------------------------------------------------------------------- */ .left { float: left; } .right { float: right; } #page-content { float: right; width: 700px; } #page-middle { float: left; width: 400px; } #page-aside { float: right; width: 280px; } #page-aside .scfForm {background-color:#6e7fad; color:#ffffff; padding:10px 0 10px 0; margin:0 0 10px 0; border:1px solid #666666;} #page-aside .scfForm span, #page-aside .scfForm p, #page-aside .scfForm label {color:#ffffff;} #page-aside .scfForm .scfTitleBorder, #page-aside .scfForm .scfIntroBorder, #page-aside .scfForm .scfSectionBorder .scfSectionUsefulInfo, #page-aside .scfForm .scfSectionBorder .scfSectionContent, #page-aside .scfForm .scfFooterBorder, #page-aside .scfForm .scfSubmitButtonBorder {margin:0 8px 0 10px; width:260px;} #page-aside .scfForm .scfTitleBorder {margin-bottom:10px;} #page-aside .scfForm .scfFooterBorder {margin-bottom:10px;} #page-aside .scfForm .scfValidationSummary {margin:10px 0 10px 0; border-top:1px solid #cc0000; border-bottom:1px solid #cc0000; padding:10px 0 10px 0; background-color:#ff9999;} #page-aside .scfForm .scfValidationSummary ul {list-style-type:disc; padding:0 0 0 25px;} #page-aside .scfForm .scfValidationSummary ul li {padding:5px 10px 0 0px; color:#cc0000;} #page-aside .scfForm .scfValidatorRequired {color:#ff9999 !important;} #page-aside .scfForm .scfValidator {color:#ff9999 !important;} #page-aside .scfForm .scfError {} #page-aside .scfForm .scfDropListLabel, #page-aside .scfForm .scfEmailLabel, #page-aside .scfForm .scfMultipleLineTextLabel, #page-aside .scfForm .scfSingleLineTextLabel, #page-aside .scfForm .scfPasswordLabel, #page-aside .scfForm .scfNumberLabel, #page-aside .scfForm .scfDateLabel, #page-aside .scfForm .scfRadioButtonListLabel, #page-aside .scfForm .scfCheckBoxListLabel, #page-aside .scfForm .scfListBoxLabel, #page-aside .scfForm .scfFileUploadLabel, #page-aside .scfForm .scfDateSelectorLabel { padding: 3px 5px 0px 0px; width: 110px; display: block; float: left; } #page-aside .scfForm .scfMultipleLineTextLabel { padding: 0 0 0px 0; width: 260px; display: block; float: left; } #page-aside .scfForm .scfEmailGeneralPanel, #page-aside .scfForm .scfMultipleLineGeneralPanel, #page-aside .scfForm .scfSingleLineGeneralPanel, #page-aside .scfForm .scfPasswordGeneralPanel, #page-aside .scfForm .scfNumberGeneralPanel { margin:0 0 10px 0px; width: 132px; display: block; float:left; } #page-aside .scfForm .scfMultipleLineGeneralPanel { margin:0 0 10px 0px; width: 249px; display: block; float:left; } #page-aside .scfForm .scfDateGeneralPanel, #page-aside .scfForm .scfRadioButtonListGeneralPanel, #page-aside .scfForm .scfCheckBoxListGeneralPanel, #page-aside .scfForm .scfFileUploadGeneralPanel, #page-aside .scfForm .scfDateSelectorGeneralPanel { margin:0 0 10px 0px; width: 136px; display: block; float:left; } #page-aside .scfForm .scfDateSelectorDay, #page-aside .scfForm .scfDateSelectorMonth, #page-aside .scfForm .scfDateSelectorYear { width:43px; margin:0px; } #page-aside .scfForm .scfDateSelectorMonth{margin:0 3px 0 3px; width:44px;} #page-aside .scfForm .scfSubmitButtonBorder {display:block; overflow:hidden;} #page-aside .scfForm .scfSubmitButtonBorder .scfSubmitButton {margin:0 0px 0px 0; padding:1px 10px 1px 10px; float:right;} #small-side { position: relative; float: left; width: 220px; } #small-aside { width: 200px; } .aside-box { float: right; clear: both; background-color: #e2e3e3; padding: 10px; margin-bottom: 10px; width: 260px; } .aside-box li { margin-bottom: 5px; } .info-box img { float: left; margin-right: 10px; } .image-box { padding: 0; width: 280px; } .image-box img { border-top: 1px solid #a89011; } .image-box p { } .team-box {position:relative;} .team-box .profile { position: absolute; right: 10px; width: 260px; top: 30px; display: none; } .team-box #profile0 { display: block; } /* for none javascript browsers */ .team-box img {border-top:1px solid #a89011; float: left; margin: 0 10px 10px 0; } .team-box a {} .team-box a:hover {} .team-box a:visited {} .team-box h3 { float: left; width: 100px; } .team-box p { float: left; width: 260px; clear: both; } .team-box ul { float:left; width: 260px; clear: both; border-top: 1px solid #d1be7b; padding-top: 10px; margin-top: 150px; } .team-box li { position: relative; float: left; width: 120px; height:15px; } /*#team-list li.team-list-li {width:auto; margin-right:5px; height:20px; overflow:hidden;} #team-list li.team-list-li a {height:20px;} #team-list {overflow:hidden;}*/ #team-list span {display:block; width:120px; float:left;} #team-list span.team-list-li {margin-right:5px; float:none; width:auto; display:inline;} .team-box-small p { float: left; clear: none; width: 80px; } .team-box-small ul { margin-top: 110px; } .team-box-small li { width: auto; height: auto; } /* on the "Our Team" page */ .team-profile-box { float: left; width: 213px; margin-bottom: 10px; } /* changed from width: 220px;*/ .team-profile-box-divider { padding-right: 20px; } .team-profile-box img { margin-bottom: 5px; border-top: 1px solid #a89011; } /* on the "Our Sevices" page */ .service-box { float: left; width: 220px; margin-bottom: 15px; } .service-box-small { float: left; width: 185px; margin-bottom: 10px; } .service-box-divider { margin-right: 9px; border-right: 1px solid #e2e3e3; padding-right: 10px; } .service-box p, .service-box-small p { margin-bottom: 0; } .check-list { float: left; margin: 10px 0 0 0; } .check-list li { width: 280px; padding: 0 20px 10px 30px; background-image: url('../images/quality-tick.png'); background-repeat: no-repeat; background-position: 0 0; } .blog-item { float: left; width: 700px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e3e3; } .blog-item h2 { margin-bottom: 5px; } .blog-item p { margin-bottom: 5px; } .blog-item-text { width: 460px; float: left; } .blog-item-profile { width: 220px; float: right; } .blog-item-profile p { margin-bottom: 5px; } .blog-item-profile img { border-top: 1px solid #a89011; } .s-item { width: 660px;float: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e3e3; } .s-item h2 { margin-bottom: 5px; } .s-item p { margin-bottom: 5px; } .s-item-text { float: left; width: 660px;} .news-item { float: left; width: 460px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e3e3; } .news-item h2 { margin-bottom: 5px; } .news-item p { margin-bottom: 5px; } .news-item-text { width: 460px; float: left; } .page-form .item { width: 190px; } .page-form label { float: left; clear: both; margin-bottom: 5px; } .page-form input { float: left; padding: 2px; clear: both; width: 180px; } .page-form #submit { width: 100px; float: right; } .page-form select { float: left; padding: 2px; clear: both; width: 180px; } .page-form textarea { float: left; padding: 2px; clear: both; width: 390px; height: 100px; margin-bottom: 10px; } #page-content .clear { clear: both; } /*-----Add-*/ .campaign-item { float: right; width: 700px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e3e3; } .campaign-item h2 { margin-bottom: 5px; } .campaign-item p { margin-bottom: 5px; } .campaign-item-text { width: 540px; float: right; } .campaign-item-profile { width: 150px; float: left; } .campaign-item-profile p { margin-bottom: 5px; } .campaign-item-profile img { border-top: 1px solid #a89011; } /*-----end add---*/ /* ---------------------------------------------------------------------------------------------------- * Home page specific * ---------------------------------------------------------------------------------------------------- */ #testimonials { position: relative; width: 940px; float: left; margin-bottom: 20px; } #testimonials li { float: left; width: 290px; padding-left: 11px; } #testimonials .divider { border-right: 1px solid #e2e3e3; padding-right: 11px; min-height:100px; } #testimonials .small { margin-bottom: 0; } #features { position: relative; width: 940px; float: left; background-color: #e9e9ec; } .feature-box { float: left; width: 289px; padding: 12px; } .feature-box img { float: left; margin-right: 10px; } .feature-box li { margin-bottom: 5px; } /* ---------------------------------------------------------------------------------------------------- * Footer specific * ---------------------------------------------------------------------------------------------------- */ #menu-footer { float: right; margin-top: 3px; } #menu-footer li { float: left; height: 12px; } #menu-footer .divider { margin-right: 5px; padding-right: 5px; border-right: 1px solid #e2e3e3; } #addthis { position: relative; float: left; margin-top: -1px; } #small-aside ul { list-style-type:none; margin-left:0;font-size: 1.1em;} .pic {background-color:#e2e3e3;width:150px; height:102px;float:left } .pic img{ width:150px; height:100px;} /*.blogpic {height:120px; background-position:0 -45px; border-top:1px solid #a28800;}*/ .blogpic img{} .test{padding-left:10px;} .Rightpic img{width:280px;} .flashMessege{ color:White; font-size:12px; margin-top:20px;} .flashMessege a{color:White; font-size:12px;} #flashp{} #flashwrapper{margin-right:65px; float:right;} .bg{ background-color:#e2e3e3; display:block; overflow:hidden; height:80px; float:left; padding-left:10px; width:90px;} .bgtel{background-color:#e2e3e3;display:block; overflow:hidden; } /* ------ BULLET POINTS FIXES : START ------- */ .rt ul {margin:0 0 0px 0px; padding:0 0 15px 20px;} .rt ul li {line-height:1.3em; padding:0px; margin-bottom:10px; list-style-position:outside;} .rt ul li ul {margin:0 0 0px 0px; padding:10px 0 0px 40px;} .rt ul li ul li {list-style-type:circle!important;} .rt ul li ul li ul li {list-style-type:square!important;} .rt ol {margin:0 0 0px 10px; padding:0 0 15px 20px; font-size:12px!important;} .rt ol li {line-height:1.3em; padding:0px; margin-bottom:10px; list-style-position:outside; list-style-type:decimal!important;} .rt ol li ol {margin:0 0 0px 0px; padding:10px 0 0px 40px;} .rt ol li ol li {list-style-type:decimal!important;} .rt ol li ol li ol li {list-style-type:decimal!important;} .rt ol.listAlpha {margin:0 0 0px 10px; padding:0 0 15px 20px; font-size:12px!important;} .rt ol.listAlpha li {line-height:1.3em; padding:0px; margin-bottom:10px; list-style-position:outside; list-style-type:lower-alpha!important;} .rt ol.listAlpha li ol {margin:0 0 0px 0px; padding:10px 0 0px 40px;} .rt ol.listAlpha li ol li {list-style-type:lower-alpha!important;} .rt ol.listAlpha li ol li ol li {list-style-type:lower-alpha!important;} /* ------ BULLET POINTS FIXES : END ------- */