/*///// Main.css - Trade Group 2013 /////*/ /*///// Fonts /////*/ @font-face { font-family: 'OSI'; src: url('../fonts/OpenSans-Italic.eot'); src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic.woff') format('woff'), url('../fonts/OpenSans-Italic.ttf') format('truetype'), url('../fonts/OpenSans-Italic.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OSBI'; src: url('../fonts/OpenSans-BoldItalic.eot'); src: url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-BoldItalic.woff') format('woff'), url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'), url('../fonts/OpenSans-BoldItalic.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OSSBI'; src: url('../fonts/OpenSans-SemiboldItalic.eot'); src: url('../fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-SemiboldItalic.woff') format('woff'), url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype'), url('../fonts/OpenSans-SemiboldItalic.svg#OpenSansSemiBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OSSB'; src: url('../fonts/OpenSans-Semibold.eot'); src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold.svg#Semibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OSL'; src: url('../fonts/OpenSans-Light.eot'); src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OS'; src: url('../fonts/OpenSans.eot'); src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OSEB'; src: url('../fonts/OpenSans-ExtraBold.eot'); src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBold.svg#OpenSansExtraBold') format('svg'); font-weight: normal; font-style: normal; } /*///// Reset /////*/ *{margin:0px;padding:0px;outline:0px none;border:0px none;} html{font:normal 100%/100% Tahoma;color:#ffffff;background:#202424;} body{width:100%;margin:0 auto;max-width:1800px;} a{text-decoration:none;} ul{list-style:none;} .clear{clear:both;overflow:hidden;} .floatLeft{float:left;} .floatRight{float:right;} .pagewrap{width:980px;margin:0 auto; } /*///// Selectors /////*/ .container{position:relative;} header{height:87px;width:100%;background:url(../images/header-bg.jpg) repeat-x left top; clear:both; position:relative} .mainLogo{width:214px;height:79px;margin:0px 0 0 28px;float:left;} .mainLogo a{display:block;width:214px;height:79px; } .mainLogo a img{margin:29px 0 0 0;} nav.topMenu{float:right;margin:3px 3px 0 0;height:76px;} ul.topNav{ display:inline-block;} ul.topNav li{float:left; position:relative;} .topNav li>a{height:76px;display:block;float:left;font:13px/73px 'OS';color:#96a1a1;text-align:center;margin:0 0 0 8px;} .topNav li>a:hover,.topNav li>a.active{color:#b7da39;text-shadow:0 0 5px #cbcbcb;} .topNav li>a>.navSpanLeft,.topNav li>a>.navSpanRight{display:block;width:16px;height:76px;float:left;} .topNav li>a:hover>.navSpanLeft,.topNav li>a.active>.navSpanLeft{background:url(../images/top-nav-span-left.png) no-repeat left top;} .topNav li>a:hover>.navSpanRight,.topNav li>a.active>.navSpanRight{background:url(../images/top-nav-span-right.png) no-repeat right top;} .topNav li>a>em{float:left;display:block;height:76px;min-width:50px;font-style:normal;} .topNav li>a:hover>em,.topNav li>a.active>em{background:url(../images/top-nav-link-bg.png) repeat-x left top;} .topNav li>a.navGroup{width:134px;height:28px;background:url(../images/top-nav-group-bg.png) no-repeat center top;color:#192904;text-shadow:1px 1px #7bb928;margin:22px 0 0 10px;font:13px/24px 'OSI';} .topNav li>a.navGroup:hover{background-position:center bottom;text-shadow:1px 1px #cbd42e;} /*////submenu////*/ ul.topNav li ul.subMenu{position:absolute; left:-31px; top:41px; z-index:1000; height:130px; width:174px; background: url(../images/group-menu-bg.png) no-repeat center bottom; border-radius:6px; padding:20px 0 3px 0; display:none} ul.topNav li ul.subMenu li{float:none; position:relative} ul.topNav li ul.subMenu li a{width:166px; height:32px; background:url(../images/sub-menu-bg.png) no-repeat center top; margin:0 0px 1px 4px; line-height:26px; color:#413c32; font-size:12px; font-family: 'OSSBI'; text-align:left } ul.topNav li ul.subMenu li a:hover{background:url(../images/sub-menu-bg.png) no-repeat center bottom; color:#ffffff} ul.topNav li ul.subMenu li a span{ display:block; float:left} ul.topNav li ul.subMenu li a span.subMenu_img01{background:url(../images/group-option-img01.png) no-repeat 0 0 ; width:26px; height:15px;margin: 8px 13px 0 9px;} ul.topNav li ul.subMenu li a:hover> span.subMenu_img01{background:url(../images/group-option-img01.png) no-repeat 0 -15px ; } ul.topNav li ul.subMenu li a span.subMenu_img02{background:url(../images/group-option-img02.png) no-repeat 0 0 ; width:34px; height:13px; margin:8px 8px 0 4px;} ul.topNav li ul.subMenu li a:hover> span.subMenu_img02{background:url(../images/group-option-img02.png) no-repeat 0 -13px ; } ul.topNav li ul.subMenu li a span.subMenu_img03{background:url(../images/group-option-img03.png) no-repeat 0 0 ; width:16px; height:16px; margin: 7px 16px 0 15px;} ul.topNav li ul.subMenu li a:hover> span.subMenu_img03{background:url(../images/group-option-img03.png) no-repeat 0 -16px ; } ul.topNav li ul.subMenu li a span.subMenu_img04{background:url(../images/group-option-img04.png) no-repeat 0 0 ; width:23px; height:18px; margin: 8px 12px 0 11px;} ul.topNav li ul.subMenu li a:hover> span.subMenu_img04{background:url(../images/group-option-img04.png) no-repeat 0 -18px ; } ul.topNav li:hover > ul{display:block;} /*////submenu02////*/ ul.topNav li ul.subMenu ul.subMenu02{position:absolute; top:0px; left:-149px; background:#ffffff; border-radius:6px; display:none; background:url(../images/submenu02-bg.png) no-repeat; width:165px; height:133px; padding-top:6px;} ul.topNav li ul.subMenu ul.subMenuFirst{top:5px;} ul.topNav li ul.subMenu ul.subMenuSec{top:35px;} ul.topNav li ul.subMenu ul.subMenuThird{top:65px;} ul.topNav li ul.subMenu ul.subMenuFourth{top:100px;} ul.topNav li ul.subMenu ul.subMenu02 li{float:none;} ul.topNav li ul.subMenu ul.subMenu02 li a{width:118px; height:31px; background:none; margin:0 0px 1px 4px; line-height:29px; color:#232323; font-family: 'OSSB'; padding:0 0 0 12px; border-bottom: 1px solid #ccc;} ul.topNav li ul.subMenu ul.subMenu02 li a.submenu{border-bottom:0px;} ul.topNav li ul.subMenu ul.subMenu02 li a:hover{background:url(../images/submenu02-hoverbg.png) no-repeat center bottom; color:#ffffff} ul.topNav li ul.subMenu li:hover > ul{display:block;} /*groupComp*/ .groupComp{ text-align:center; color:#254005; width:86px; height:86px; font-family: 'OS'; font-size:10px; text-transform:uppercase; line-height:11px; float:left; margin-top:1px;} .groupComp li > a{color:#254005; width:86px; height:79px; display:block; padding:1px 0 0 0; } .groupComp span{ font-size:17px; font-family: 'OSSB'; line-height:16px;} .subGroup{width:100%; height:211px; background:url(../images/subgroup-bg.jpg) repeat-x top ; position:absolute ; top:80px; z-index:100; display:none ; left:0px; } /*.groupComp li:hover > .subGroup{display:block;}*/ /*subGroup*/ .subGroup ul{ background:none; margin:0 auto; width:980px; } .subGroup ul li{float:left; position:relative; } .subGroup ul li a{background:none; width:auto; height:30px; padding:0 0 0 0; color:#263d00; font-size:13px; font-family: 'OSEB'; padding:21px 24px 0 20px; border-left:1px solid #589f01; border-right:1px solid #589f01; } .subGroup ul li a span{display:block; float:left; margin-right:5px;} .subGroup ul li a span.subGroupMenuImg01{background: url(../images/group-option-img01.png) no-repeat 0 0;width: 26px;height: 15px; margin-top:-2px} .subGroup ul li a span.subGroupMenuImg02{background: url(../images/group-option-img02.png) no-repeat 0 0;width: 34px;height: 13px; margin-top:-1px} .subGroup ul li a span.subGroupMenuImg03{background: url(../images/group-option-img03.png) no-repeat 0 0;width: 16px;height: 16px; margin-top:-3px} .subGroup ul li a span.subGroupMenuImg04{background: url(../images/group-option-img04.png) no-repeat 0 0;width: 23px;height: 18px; margin-top:-5px} .subGroup ul li:hover a{ border-left:1px solid #cfe2ad; border-right:1px solid #cfe2ad; background: url(../images/subgroupmenu-bg.jpg) repeat-x top ; color:#ffffff} .subGroup ul li#firstsubmenu > a{background: url(../images/submenu-arrow.png) no-repeat 218px 25px; } .subGroup ul li#firstsubmenu:hover > a{background: url(../images/submenu-arrow.png) no-repeat 218px 25px, url(../images/subgroupmenu-bg.jpg) repeat-x top; } .subGroup ul li#secsubmenu > a{background: url(../images/submenu-arrow.png) no-repeat 220px 25px; } .subGroup ul li#secsubmenu:hover > a{background: url(../images/submenu-arrow.png) no-repeat 220px 25px, url(../images/subgroupmenu-bg.jpg) repeat-x top; } .subGroup ul li#thirdsubmenu > a{background: url(../images/submenu-arrow.png) no-repeat 186px 25px; } .subGroup ul li#thirdsubmenu:hover > a{background: url(../images/submenu-arrow.png) no-repeat 186px 25px, url(../images/subgroupmenu-bg.jpg) repeat-x top; } .subGroup ul li:hover >a span.subGroupMenuImg01{background: url(../images/group-option-img01.png) no-repeat 0 -15px;} .subGroup ul li:hover >a span.subGroupMenuImg02{background: url(../images/group-option-img02.png) no-repeat 0 -13px;} .subGroup ul li:hover >a span.subGroupMenuImg03{background: url(../images/group-option-img03.png) no-repeat 0 -16px;} .subGroup ul li:hover >a span.subGroupMenuImg04{background: url(../images/group-option-img04.png) no-repeat 0 -18px;} .subGroup ul li ul.subGroupMenu02{ width:100%; background:url(../images/groupsubmenu-bg.png) repeat-x top; height:144px; display:none; border:none ; padding:0px 0 16px 0; z-index:10000; position:absolute; top:51px; left:0px; } .subGroup ul li ul.subGroupMenu02 li{float:none; border:0px; width:auto; text-align:left; border-left:0px solid #589f01; border-right:0px solid #589f01;} .subGroup ul li ul.subGroupMenu02 li a{border:none; color:#979797; text-transform:none; font-size:13px; height:13px; padding:12px 33px 8px 38px; width:auto; font-family: 'OSL'; background:none ; } .subGroup ul li ul.subGroupMenu02 li a.firstSubmenu{padding-top:24px;} .subGroup ul li ul.subGroupMenu02 li:hover{background:none; border:0px; border-left:0px solid #589f01; border-right:0px solid #589f01;} .subGroup ul li ul.subGroupMenu02 li a:hover{background:url(../images/submenu-line.jpg) no-repeat 38px bottom; color:#a3d53a;/* border-bottom:1px solid #93c036;*/ height:13px} .subGroup ul li ul.subGroupMenu02 li a span{border:1px solid #878787; width:2px; height:2px; margin:3px 9px 0 0px;} .subGroup ul li ul.subGroupMenu02 li a:hover span{border:1px solid #a3d53a;} /*.subGroup ul li:hover > ul.subGroupMenu02{display:block;}*/ .homeBanner{width:100%;height:485px;position:relative;} .homeSlideshow{width:100%;height:485px;position:relative;} .homeSlideshow>li{width:100%;height:485px;position:absolute;left:0;top:0;} .sliderControl{position:absolute; right:15%; bottom:15px; z-index:100; display:none} .sliderControl p .sliderPrev a.bx-prev{width:41px; height:42px; background:url(../images/slider-control-bg.png) no-repeat 0 -42px; display:inline-block ; text-indent: -999999px;} .sliderControl p .sliderNext a.bx-next{width:41px; height:42px; background:url(../images/slider-control-bg.png) no-repeat -42px -42px; display:inline-block; text-indent: -999999px;} .sliderControl p .sliderPrev a.bx-prev:hover{background:url(../images/slider-control-bg.png) no-repeat 0 0px;} .sliderControl p .sliderNext a.bx-next:hover{background:url(../images/slider-control-bg.png) no-repeat -42px 0px; } .bannerWrap{height:485px;position:relative;} .bannerWrap a{display:block;width:100%;height:485px;text-indent:-999999px;} .bannerWrap .bannerText{position:absolute; top:-325px; left:0; cursor:pointer} .bannerWrap .bannerText h1{ padding:24px 22px 16px 24px; color:#ffffff; font-family: 'OS'; font-size:32px; line-height:40px; background:url(../images/bannertext-bg.png)repeat; margin-bottom:1px; text-shadow:1px 2px 2px #020202 } .bannerWrap .bannerText h1 span{font-size:52px; color:#ffba00; text-transform:uppercase; font-family: 'OSEB'; line-height:52px; letter-spacing:-1px; text-shadow:none} .bannerTextLink{background:url(../images/bannertext-link-span-bg.png)no-repeat right; padding-right:64px; float:left} .bannerWrap .bannerText a{text-indent:0px; height:35px; color:#fff; background:url(../images/bannertext-link-bg.png)repeat; padding:0px 8px 0px 24px; font-family: 'OS'; font-size:18px; line-height:32px; width:auto; float:left; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .bannerWrap .bannerText a:hover{padding-right:50px; color:#ffba00; margin-left:50px;} .homeCenterPanel{height:420px;background:url(../images/home-center-panel-repeat.png) repeat-x left top;height:0px;} .homePanelSwitch{height:53px;background:url(../images/home-center-panel-bg.png) repeat-x left top;} .homePanelSwitch aside{width:313px;height:53px;background:url(../images/home-center-panel-switch.png) no-repeat center 3px;margin:0 auto;} .homePanelSwitch a{width:217px;height:47px;display:block;margin:0 auto;color:#3e180c;font:16px/51px 'OSBI';text-align:center;text-shadow:1px 1px #f9a829;} .homePanelSwitch a>span{display:block;width:30px;height:30px;background:url(../images/home-swtich-span-bg.png) no-repeat 1px 0;float:right;margin:10px 5px 0 0;} .homeCompanySlide{width:632px;height:357px;background:url(../images/home-company-slide-bg.png) no-repeat left top;margin:28px 0 0 0;padding:10px 0 0 10px;float:left;overflow:hidden;} .companySlider{position:relative;} .companySlider>li{position:absolute;top:0;left:0;} .companySliderPager{float:left;width:336px;height:200px;margin:15px 0 0 0;} .companySliderPager>li{width:154px;height:90px;float:left;margin:0 0px 10px 12px;} .companySliderPager>li>a{width:154px;height:90px;display:block;background:url(../images/home-company-pager-bg.png) no-repeat center top;color:#413c32;font:14px/140px 'OSSBI';text-align:center;} .companySliderPager>li>a>span{display:block;width:154px;height:90px;} .companySliderPager>li>a>span.apex{background:url(../images/home-company-pager-apex.png) no-repeat center top;} .companySliderPager>li>a>span.realty{background:url(../images/home-company-pager-reality.png) no-repeat center top;} .companySliderPager>li>a>span.logixs{background:url(../images/home-company-pager-logixs.png) no-repeat center top;} .companySliderPager>li>a>span.bmg{background:url(../images/home-company-pager-bmg.png) no-repeat center top;} .companySliderPager>li>a:hover,.companySliderPager>li>a.active{color:#f98d00;background-position:center bottom;} .companySliderPager>li>a:hover>span,.companySliderPager>li>a.active>span{background-position:center bottom;} .companySliderText{width:310px;height:155px;overflow:hidden;float:right;margin:30px 0 0 0;position:relative;} .companySliderText>li{width:310px;height:155px;position:absolute;} .companySliderText>li>strong{font:29px/29px 'OSL';color:#ffffff;display:block;padding:15px 0;} .companySliderText>li>span{font:14px/21px 'OSSBI';color:#ffffff;display:block;height:58px;} .companySliderText>li>a{display:block;width:104px;height:27px;background:url(../images/visit-now-btn.png) no-repeat center top;text-indent:-999999px;margin:10px 0 0 0;} .companySliderText>li>a:hover{background-position:center bottom;} .homeInteractive{height:370px;} .homeIntTab{width:335px;background:url(../images/home-content-tab-head.png) no-repeat center top;float:left;text-align:center;} .homeIntTab.floatLeft{width:280px;background:url(../images/home-content-tab-head-left.png) no-repeat center top;position:relative;text-align:left;} .homeIntTabHead{padding:40px 15px 10px 15px;} .homeIntTabHead>strong{color:#ffcc00;font:22px/26px 'OSL';display:block;} .homeIntTabHead>span{color:#b8b8b8;font:12px/18px 'OSL';} .homeIntVideo{width:280px;background:url(../images/home-content-tab-bg-left.png) no-repeat center top;margin:12px 0 0 0;position:relative;height:280px;} .videoSlideWrap{width:270px;height:175px;margin:5px;} .borderradius .videoSlideWrap{border-radius:5px;overflow:hidden;} .homeIntVideoPort{height:175px;} .homeIntVideoPort>li{width:270px;height:175px;} .homeIntVideoPort>li>article{width:270px;height:175px;position:absolute;z-index:1;top:0;} .homeIntVideoPort>li>aside{width:270px;height:40px;position:absolute;z-index:2;top:138px;background:#000000;text-align:center;font:12px/35px Tahoma;} .homeIntVideoPort>li>aside>span{color:#84aa30;padding:0 10px;} .homeIntVideoPort>li>aside>em{color:#505656;font:italic 11px/35px Georgia;} .homeIntVideoPort>li>a{width:62px;height:62px;position:absolute;z-index:3;background:url(../images/home-content-tab-video-icon.png) no-repeat center top;display:block;text-indent:-999999px;margin:60px 0 0 102px;} .homeIntVideoPort>li>a:hover{background-position:center bottom;} .homeVideoPager{height:17px;width:90px;margin:17px 0 0 96px;position:absolute;top:185px;z-index:1000;} .homeVideoPager>li{float:left;margin-right:5px;width:17px;height:17px;} .homeVideoPager>li>a{display:block;width:17px;height:17px;background:url(../images/video-pager-off.png) no-repeat center center;text-indent:-999999px;} .homeVideoPager>li>a.active{background:url(../images/video-pager-on.png) no-repeat center center;} .moreVideos{position:absolute;width:125px;height:250px;top:65px;right:0;z-index:5;} .moreVideoBtn{display:block;width:25px;height:25px;margin:0 10px 0 0;text-indent:-999999px;background:url(../images/video-more-btn.png) no-repeat center top;float:right;} .moreVideoBtn.active{background-position:center bottom;} .moreVideosList{width:125px;height:225px;background:url(../images/video-more-list-bg.png) repeat left top;border-radius:5px;margin:25px 0 0 0;opacity:0;} .moreVideosListUl{margin:0px 0 0 10px;padding:10px 0 10px 0;width:95px;} .moreVideosListUl>li{margin:10px 0 0 0;height:60px;} .moreVideosListUl>li.first{margin:0px;} .homeIntTab.floatRight{width:280px;background:url(../images/home-content-tab-head-left.png) no-repeat center top;position:relative;text-align:right;} .homeIntTab.center{margin:0 35px;} .homeIntTabCharity{background:url(../images/home-content-tab-bg-center.png) no-repeat center center;width:335px;height:185px;margin:10px 0 0 0;} .homeIntTabCharityInner{background:url(../images/home-charity-img.png) no-repeat 116px 22px;width:335px;height:185px;text-align:left;} .homeIntTabCharityInner>a{display:block;width:335px;height:185px;} .homeIntTabCharityInner span.title{font:19px/20px 'OSL';color:#61aa00;margin:38px 0 0 20px;display:block;} .homeIntTabCharityInner span.title strong{font:37px/49px 'OSL';color:#ffffff; letter-spacing:-2px} .homeIntTabCharityInner span.title em{font:25px/32px 'OSL';color:#2d83d1;} .homeIntTabCharityInner span.text{font:13px/18px 'Tahoma';color:#b8b8b8;margin:0 0 0 30px;display:block;} .homeIntTabCharityInner>a:hover span.title em,.homeIntTabCharityInner>a:hover span.title strong{color:#ffcc00;} .requestQuoteForm{margin:12px 0 0 0;text-align:left;} .inputWrap{width:275px;height:32px;background:url(../images/home-request-txt.png) no-repeat center top;clear:both;overflow:hidden;margin:0 0 10px 0;} .homeReqInput{width:275px;height:32px;background:none;padding:0 35px;color:#494949;font:11px/18px Tahoma;} .inputWrap.name .homeReqInput{background:url(../images/home-req-form-tinybit.png) no-repeat 12px 11px;} .inputWrap.email .homeReqInput{background:url(../images/home-req-form-tinybit.png) no-repeat 12px -32px;} .inputWrap.phone .homeReqInput{background:url(../images/home-req-form-tinybit.png) no-repeat 12px -75px;} .inputWrap.message{height:53px;background:url(../images/home-request-txtarea.png) no-repeat center top;} .inputWrap.message .homeReqInputArea{background:url(../images/home-req-form-tinybit.png) no-repeat 12px -113px;height:52px;width:273px;padding:8px 35px;color:#494949;font:11px/22px Tahoma;} .inputWrap.submit{background:none;} .homeReqSubmit{float:right;cursor:pointer;width:134px;height:27px;background:url(../images/top-nav-group-bg.png) no-repeat center top;color:#192904;text-shadow:1px 1px #7bb928;font:normal 15px 'OSSB'; line-height:27px;} .homeReqSubmit:hover{background-position:center -29px;} .requestQuoteForm .formError { float:left; width:200px; height:12px; margin:0 0 5px 0; color:#990000; } .requestQuoteForm .formProgress { float:left; padding-bottom:15px; margin-top:-10px; color:#FF0000; font-size:14px; } footer{background:url(../images/footer-line.png) #0f1111 repeat-x left top;} .linkListBox>ul{float:left;margin:35px 0 0 50px;font:11px/23px Tahoma;} .linkListBox>ul strong{color:#ffffff;} .linkListBox>ul a{color:#8e8e8e;} .linkListBox>ul.generic{margin:35px 0 0 0;} .linkListBox>ul.generic a{color:#ffffff;} .linkListBox>ul a:hover{color:#ffcc00;} .footerTags{height:40px;margin:45px 0 35px 0;background:url(../images/footer-tag-bg.png) no-repeat 13px top;padding:0 0 0 62px;font:11px/14px Tahoma;color:#777777;} .footerTags a{color:#777777;} .footerTags a:hover{color:#ffcc00;} .copyright{height:73px;background:url(../images/footer-line.png) #0f1111 repeat-x left top;font:11px/70px Tahoma;color:#7f7f7f;} .copyright a{color:#7f7f7f;} .copyright a.yellow{color:#7f7f7f;} .copyright a:hover{color:#ffffff;} /*///// About page /////*/ .internalWrap{background:url(../images/internal-bg-repeat.jpg) #dbe0e3 repeat-x left top;} .internalHead{margin:44px 0 0 0;} .internalHead.about{} .titleWrap{float:left; } .internalHead h2{height:60px;background:#0b4880;font:36px/60px "Times New Roman", serif;color:#ffffff;text-transform:uppercase;padding:0 25px;text-shadow:-2px 1px 0 #000000;margin:0 0 1px -1000px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;text-align:center;float:left;} .internalHead h3{height:37px;background:#272b2c;font:20px/36px "Times New Roman", serif;color:#ffffff;padding:0 25px;text-shadow:-2px 1px 0 #000000;margin:0px 0 40px -1000px;clear:both;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; float:left} .internalHead img{float:right;margin:0 -200px 0 0;} .internalHead>p{color:#272727;font:13px/19px 'OS';display:block;width:100%;} .internalBody{margin:10px 0 0 0;} .internalBody.about{background:url(../images/about-lines.png) no-repeat 263px top;} .aboutContent{float:left;color:#272727;} .aboutContent p{font:13px/19px 'OS';text-align:justify} .aboutContent.apexImg{margin:15px 0 0 10px;} .aboutContent img{opacity:0;} .riveraText{width:490px;float:right;margin:40px 0 0 0;} .riveraText>strong{float:right;display:block;width:490px;font:23px/32px 'OSEB';text-align:right;margin:0 0 10px 0;} .riveraImg{float:right;margin:10px 0 0 0px;} .logicsImg{float:right;margin:50px 0 0 0px;} .apexText{width:490px;float:left;margin:50px 0 0 0;} .apexText>strong{float:left;display:block;width:490px;font:24px/32px 'OSEB';text-align:left;margin:0px 0 10px 0;} .bmgText{width:415px;float:left;margin:170px 0 0 0;} .bmgText>strong{float:left;display:block;width:490px;font:24px/32px 'OSEB';text-align:left;margin:0px 0 10px 0;} .logicsText{width:480px;float:right;margin:21px 40px 0 0;} .logicsText>strong{float:left;display:block;width:490px;font:24px/32px 'OSEB';text-align:left;margin:0px 0 10px 0;} .bmgImg{float:left;margin:20px 0 0 -70px;} .abotuNav{margin:45px 0 50px 0;} .abotuNav>ul>li{float:left;margin:0 8px 0 0;} .abotuNav a{display:block;width:235px;height:61px;text-indent:-999999px;} .abtNavApex{background:url(../images/about-link-apex.png) no-repeat center top;} .abtNavRivera{background:url(../images/about-link-rivera.png) no-repeat center top;} .abtNavLogixs{background:url(../images/about-link-logixs.png) no-repeat center top;} .abtNavBmg{background:url(../images/about-link-bmg.png) no-repeat center top;} .abotuNav a:hover{background-position:center bottom;} /*///// Career page /////*/ .internalHead.career{} .internalBody.career {background:url(../images/career-content-line.png) repeat-x left top;} .internalBody.career>ul>li{clear:both;overflow:hidden;background:url(../images/career-content-line.png) repeat-x left bottom;} .internalBody.career>ul>li>.tabHead{height:62px;font:15px/62px "Times New Roman", serif;color:#242424;} .internalBody.career>ul>li>.tabHead>span{color:#0b4880;} .carAccord>li .tabHead>a{color:#0b4880;float:right;font:11px/22px "Times New Roman", serif;padding:0 0 0 15px;height:22px;margin:20px 0 0 0;background:url(../images/career-tab-plus.png) no-repeat left 0;} .carAccord>li .tabBody{overflow:hidden;height:0px;} .tabBodyLeft{width:95px;float:left;} .tabBodyRight{width:870px;float:left;} .tabBody strong{display:block;font:13px/20px 'OSBI';color:#393939;} .tabBody p{display:block;font:13px/20px 'OS';color:#393939;} .applyBox{background:url(../images/apply-box-bg.png) no-repeat left top;width:870px;height:76px;margin:25px 0 35px 0;} .applyBox strong{font:normal 15px/20px 'OSBI';margin:0 0 0 75px;} .applyBox strong em{color:#f14040;font:normal 15px/20px 'OSBI';} .applyBox span{font:normal 13px/20px 'OSSBI';color:#393939;margin:0 0 0 165px;} .applyBox a{display:block;width:134px;height:28px;background:url(../images/top-nav-group-bg.png) no-repeat center top;float:right;margin:-10px 25px 0 0;color:#192904;text-shadow:1px 1px #7bb928;font:normal 15px/25px 'OSSB';text-align:center;text-transform:uppercase;} .applyBox a:hover{background-position:0 -29px;} .carAccord>li.active .tabHead a{background-position:0 -21px;} .carAccord>li.active .tabBody{height:255px;} /*///// Contact page /////*/ .internalHead.contact{} .internalBody.contact{background:url(../images/career-content-line.png) repeat-x left top;} .internalBody.contact>p{font:14px/20px 'OSSBI';color:#272727;margin:15px 0;} .internalBody.contact>p>a{color:#0b4880;} .internalBody.contact>p>a:hover{color:#000000;} .internalBody.contact strong{font: 20px/28px 'OSSB';color:#0b4880;} .formBox{float:left;width:355px;margin:20px 0 0 0;} .formDiv{margin:15px 0 0 0;} .formDiv .formProgress { float:left; padding-bottom:15px; margin-top:-10px; color:#FF0000; font-size:14px; } .formBox label{float:left;display:block;width:35px;height:37px;background:url(../images/contact-label-bg.png) no-repeat right top;} .contactTxt{height:37px;width:320px;background:url(../images/contact-input-bg.png) no-repeat left top;font:14px/33px Tahoma;color:#494949;} .contactTxtArea{height:87px;width:310px;background:url(../images/contact-txtarea-bg.png) no-repeat left top;font:14px/33px Tahoma;color:#494949;padding:0 10px 0 35px;} .contactTxt.small{width:69px;height:37px;background:url(../images/contact-input-bg-small.png) no-repeat left top;text-align:center;} .contactTxt.med{width:128px;height:37px;background:url(../images/contact-input-bg-med.png) no-repeat left top;text-align:center;} .contactBtn{width:132px;height:37px;background:url(../images/contact-submit.png) no-repeat left top;text-indent:-999999px;cursor:pointer;} .contactBtn:hover{background-position:0 -38px;} .mapBox{width:566px;float:left;margin:20px 0 0 50px;} .mapOuter{width:566px;height:286px;background:url(../images/map-outer-bg.png) no-repeat left top;margin:15px 0 0 0;} .mapInner{height:256px;width:536px;padding:1px;background:#ffffff;margin:15px 0 0 15px;} .contactDetailBox{height:67px;width:980px;margin:70px 0 100px 0;background:url(../images/contact-detail-bg.png) no-repeat left top;float:left;} .contactDetailBox>ul{margin:15px 0 0 95px;} .contactDetailBox>ul>li{float:left;font:12px/37px Tahoma;color:#282b2c;margin:0 0 0 20px;} .contactDetailBox>ul>li>img{float:left;} .contactDetailBox>ul>li>span{font:15px/37px 'OSSBI';color:#242424;} .contactDetailBox>ul>li em{color:#0b4880;font-style:normal;} .contactDetailBox>ul>li em a{color:#0b4880;} .contactDetailBox>ul>li em a:hover{color:#000000;} .contactDetailBox>ul>li:hover,.contactDetailBox>ul>li:hover>em{color:#000000;} /*///// Social Panel /////*/ .socialPanel{position:absolute;right:10px;top:150px;width:165px;height:175px;z-index:1000;} .socialPanel>ul{width:165px;float:right;} .socialPanel>ul>li{height:38px;width:165px;clear:both;overflow:hidden;margin:0 0 4px 0;} .socialPanel a{height:38px;background:url(../images/social-icon-bg.png) no-repeat right top;display:block;float:right;} .socialPanel a:hover{background-position:100% -38px;} .socialPanel a>span{width:118px;height:26px;background:url(../images/social-tooltip.png) no-repeat center top;display:block;float:left;margin:7px 6px 0 0;font:12px/26px 'OSSBI';color:#ffffff;text-align:center;display:none;} .socialPanel a:hover>span{display:block;} /*///// media page /////*/ .mediaContent{width:980px;} .mediaTop{width:980px; margin:14px 0 64px; float:left} .mediaTop .latestNewsMedia{width:440px; float:left;} .mediaTop h2{color:#0b4880; font-family:"Times New Roman", Times, serif; font-size:24px; font-weight:normal; padding-bottom:14px; line-height:26px;} .mediaTop h2.latestNews{background:url(../images/header-line.jpg) repeat-x bottom;} .mediaTop .videoMedia{width:492px; float:right; position:relative; overflow:hidden} .videoInn{width:482px; height:293px; background:#141517; border-radius:6px; padding:5px;} .videoPlayButton{position:absolute; width:87px; height:88px; top: 105px;left: 202px;} .videoPlayButton a{width:87px; height:88px; background:url(../images/media-video-play-img.png) no-repeat center top; display:block; } .videoPlayButton a:hover{background:url(../images/media-video-play-img.png) no-repeat center bottom;} .videoPlayButton a span{display:none;} .videoCaption{position:absolute; z-index:4; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:20px; width:468px; padding:20px 0 20px 14px ; bottom:5px; left:5px; color:#dddddd; background:url(../images/videoCaptionBg.png)repeat;} .videoCaption span{font-style:italic; color:#b5da3a} .newsSlider{position:relative; width:440px;} .newsSlider ul li .newsPannel{width:100%; margin-top:25px; font-family:Georgia, "Times New Roman", Times, serif} .newsSlider ul li .newsPannel p.newsPannelDate{ color:#ffffff; font-size:11px; font-style:italic; background:#484d4e; margin-bottom:6px; padding:4px 13px; width:110px; border:1px solid #282828; border-radius:5px;} .newsSlider ul li .newsPannel p.newsPannelHead{ color:#054784; font-weight:bold; font-size:16px; margin-bottom:4px;} .newsSlider ul li .newsPannel p.newsPannelText{ color:#393939; font-size:13px; font-family: 'OS'; font-size:13px; line-height:20px} .mediaBottom{width:980px; margin:2px 0 64px; float:left} .mediaGallery { padding:0 0 2px 12px; clear: both; width:968px; float:left; background: url(../images/header-line.jpg) repeat-x bottom; margin-bottom:24px; } .mediaGallery li { display: inline; } .mediaGallery li a { padding:0 10px 6px 10px; float:left; text-decoration: none; color: #242424; font-size:20px; margin-right:60px; font-family: "Times New Roman", Times, serif;} .mediaGallery li.active a, .mediaGallery li a:hover { border-bottom:6px solid #0b4880 } .mediaOption { float: left; clear: both; border-left: none; padding:0; width: 980px; position:relative } .mediaOption ul.brochuresPannel{float:left; width:980px;} .mediaOption ul.brochuresPannel li{float:left; background:#141517; border-radius:6px; padding:5px; margin-right:28px; width:213px !important;} .mediaOption ul.brochuresPannel li.lastBrochure{margin-right:0px;} .mediaOption ul.brochuresPannel li:hover{background:#0b4880;} .mediaOption ul.brochuresPannel li p{ color:#ffcc00; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin:14px 0 8px; padding-left:10px} .mediaOption ul.brochuresPannel li p span{ color:#ffffff; } /*///// apex page /////*/ .apexBanner{background:url(../images/apex-banner01.jpg) no-repeat center center ; width:100%; height:324px; position:relative; } .apexContent{width:980px; margin:40px 0 40px 0} .apexContentLeft{width:650px; float:left;} .apexContentLeft p.apexContentHeading{font-size: 34px;font-family: 'OSEB';color: #024496;font-weight: bold;line-height: 38px;margin-bottom: 16px;} .apexContentLeft p.apexContentSubheading{font-size:15px; font-family: 'OS'; color:#272727 ; font-weight:bold; line-height:24px; margin-bottom:16px;} .apexContentLeft p.apexContentText{font-size:13px; font-family: 'OS'; color:#272727 ; font-weight:normal; line-height:21px; margin-bottom:20px; text-align:justify} .apexContentLeft p.apexContentText span.countryname{margin-left: 20px;width: 200px;display: inline-block;background: url(../images/steel-produc-arrow.png) no-repeat center left; padding-left: 20px; margin-bottom:10px;} .apexContentRight{width:290px; float:right;} .apexContentVideo{width:100%; margin-bottom:54px; float:left;} .apexContentRight p.apexContentHead{ float:left; padding:9px 22px; color:#ffd200; font-size:20px; font-family: 'OSSB'; background:#2c2e2e; border-radius:6px; margin-bottom:1px;} .apexContentRight p.apexContentSubhead{float:left; padding:6px 22px; color:#ffffff; font-size:11px; font-family: 'OSSB'; background:#2c2e2e; border-radius:6px; margin-bottom:12px;} .apexContentRight .videoApex{ width: 281px;position: relative;overflow: hidden; float:left} .apexContentVideo .videoApex .videoInnApex{width: 271px;height: 176px;background: #141517;border-radius: 6px;padding: 5px;} .apexContentVideo .videoApex .videoPlayButtonApex{position: absolute;width: 62px;height: 62px;top: 61px;left: 104px;} .apexContentVideo .videoApex .videoPlayButtonApex a {width: 62px;height: 62px;background: url(../images/home-content-tab-video-icon.png) no-repeat center top;display: block;} .apexContentVideo .videoApex .videoPlayButtonApex a:hover {background-position: center bottom;} .apexContentVideo .videoApex .videoPlayButtonApex a span {display: none;} .videoCaptionApex{position: absolute;z-index: 4; font: 12px/14px Tahoma; color:#000000; width: 273px;padding: 13px 0 13px ;bottom: 5px;left: 5px;color: #dddddd;background: url(../images/videoCaptionBg.png)repeat;} .videoCaptionApex>span {color: #84aa30;padding: 0 10px;} .videoCaptionApex>em {color: #505656;font: italic 11px/14px Georgia;} .apexReqSubmit{cursor: pointer;width: 273px;height: 37px;background: url(../images/apex-submit-btn.png) no-repeat 0 0 ;color: #ffffff;text-shadow: 1px 1px #7bb928;font: normal 15px 'OSSB'; text-align:center; text-transform:uppercase; line-height:37px;} .apexForm{width:100%; float:left;} .apexReqSubmit:hover {background-position: 0 -38px;} .internalHead.about.services{background: url(../images/career-content-line.png) repeat-x left bottom;} .apexContentLeft p.apexContentSubheading.servicesSubheading{font-size:13px;} .serviceTop{width:100%; float:left; margin-bottom:60px;} .serviceTopList{float:left; width:100%; margin-bottom:36px; background: url(../images/services-img01.png) no-repeat; height:226px; } .serviceTopList p{width:350px; height:72px; background:url(../images/services-top-bg.png) no-repeat; float:right; margin-top:24px; font-size:13px; color:#272727; font-family: 'OS'; padding:16px 23px 0 30px; position:relative; line-height:19px} .serviceTopList p span{position:absolute; background:#ffffff; border-radius:50%; width:36px; height:36px; color:#272727; font-size:15px; font-family: 'OSBI'; text-align:center; line-height:36px; left:-17px; top:25px; } .networkPannel img{float:right; margin:-42px 0 10px 30px;} .convoyPannel{width:100%; margin-top:42px; float:left; position:relative} .convoyPannel span{position:absolute; width:107px; height:98px; top:8px ; left:-20px;} .convoyPannel a{background:url(../images/convoy-haulage-bg.png) no-repeat center top; width:276px; height:118px; display:block; text-indent:-9999999px} .convoyPannel a:hover{background:url(../images/convoy-haulage-bg.png) no-repeat center bottom;} .calaloguePannel{width:100%; margin-top:42px; float:left;} .calaloguePannel a{background:url(../images/catalogue-bg.png) no-repeat center top; width:277px; height:119px; display:block; text-indent:-9999999px} .calaloguePannel a:hover{background:url(../images/catalogue-bg.png) no-repeat center bottom;} .apexProductCont{width:100%; float:left;} .apexProductCont p.subHeading{color:#313131; font-size:16px; font-family: 'OS'; line-height:26px;} .productTabbing{float: left;width: 100%; margin-top:36px; background:url(../images/product-shadow.png) no-repeat center bottom; padding-bottom:38px;} .productGallery{ padding:0 0 0 0px; clear: both;width: 980px;float: left; border-bottom:6px solid #0b4880;} .productGallery li {display: inline;} .productGallery li a {padding: 14px 14px 14px 14px;float: left;text-decoration: none;color: #ffffff;font-size: 16px; font-family: 'OSSB'; line-height:18px;margin-right:3px; background:#313131; border-radius:6px 6px 0 0} .productGallery li.active a, .productGallery li a:hover { background:#0b4880; box-shadow:0px 2px 5px #116cc0 inset} .productOption {float: left;clear: both;border-left: none;padding: 0;width: 920px; background:#ffffff; padding:8px 8px 8px 52px; color:#272727; font-size:13px; line-height:18px; font-family: 'OS'; } .productOption .productHead{ color:#0b4880; font-family: 'OS'; font-weight:bold; font-size:24px; margin-bottom:18px; line-height:28px; } .productOption .productSubhead{ color:#141414; font-family: 'OS'; font-weight:bold; font-size:14px; border-bottom:1px dashed #2f2f2f; padding-bottom:13px; } .productOption .productText{margin-bottom:28px;} .productOption .steelProduct{width:100%; padding-top:35px; } .productOption .steelProduct .mainSteelImg{float:right; margin:-35px 0 0 46px;} .productOption .steelProduct p.productSubhead{width:480px;} .productOption .steelProduct .steelProductOption{width:450px; margin:20px 0 24px; } .productOption .steelProduct .steelProductOption li{float:left; width:46%; color:#141414; font-size:14px; font-family: 'OSSB'; margin-bottom:16px; background:url(../images/steel-produc-arrow.png) no-repeat center left; padding-left:14px; } /*///// bmg page /////*/ .bmgBanner{background:url(../images/bmg-banner01.jpg) no-repeat center center ; width:100%; height:324px; position:relative; } .educationCharities{width:100%; margin-top:42px; float:left;} .apexContentRight .educationCharitiesOverview{margin-top:0px;} .educationCharities a{background:url(../images/education-charities-img.png) no-repeat center top; width:279px; height:174px; display:block; text-indent:-9999999px} .educationCharities a:hover{background:url(../images/education-charities-img.png) no-repeat center bottom;} .productOption .steelProduct .steelProductOption.bmgProductOption{width:509px; float:left; } .productOption .steelProduct .steelProductOption.bmgProductOption li{width:30%;} .mainBmgImg{margin-left:0px; float:right;} .bmgServiceCont{ width:100%; float:left} .bmgServiceCont li{width:100%; float:left; color:#272727; font-size:13px; font-family: 'OS'; line-height:18px; margin-bottom:30px; text-align:justify} .bmgServiceCont li p.bmgServiceContHead{ color:#0b4880; font-size:17px; font-family: 'OSSB'; line-height:21px; margin:20px 0 14px;} .bmgServiceCont li.leftPannel img{float:left; margin-right:20px} .bmgServiceCont li.rightPannel img{float:right; margin-left:20px} /*/////convoy page /////*/ .convoyBanner{background:url(../images/convoy-banner01.jpg) no-repeat center center ; width:100%; height:324px; position:relative; } .apexContentRight .apexContentVideo.convoyContentVideo{margin-bottom:0px;} .internalHead.fleet {background: url(../images/career-content-line.png) repeat-x left bottom;} .convoyDescription{width:580px; background:#ffffff; border-radius:6px; padding:38px 36px 38px 34px; float:left} .convoyDescription p.convoyDescriptionHead{ color:#0b4880; font-size:24px; font-family: 'OS'; line-height:28px; font-weight:bold; margin-bottom:16px;} .convoyDescription p.convoyDescriptionText{ color:#272727; font-size:13px; font-family: 'OS'; line-height:28px; line-height:18px; } .convoyDescription p.convoyDescriptionSubhead{ color:#141414; font-size:14px; font-family: 'OS'; font-weight:bold; line-height:18px; border-bottom:1px dashed #000; padding-bottom:12px; margin:28px 0 28px; } .convoyDescription .convoyNetworkOption{ width:580px; float:left;} .convoyDescription .convoyNetworkOption li{float: left;width: 30%;color: #141414;font-size: 14px;font-family: 'OSSB';margin-bottom: 16px;background: url(../images/steel-produc-arrow.png) no-repeat center left;padding-left: 14px;} /*/////products-services /////*/ /*.internalBody.products{background: url(../images/products-line.png) no-repeat 314px 40px; margin-bottom:70px;} .aboutContent.productsImg01 {margin: 15px 0 0 26px;} .aboutContent.productsImg03 {margin: 38px 0 0 20px;} .aboutContent.productsImg02 {float: right;margin: 140px 26px 0 0px;} .aboutContent.productsImg04 {float: right;margin: 134px 0px 0 0px;} .miningText {width: 490px;float: right;margin: 54px 0 0 0;} .miningText>strong {float: right;display: block;width: 490px;font: 24px/32px 'OSEB';margin: 0 0 10px 0; color:#0b4880} .industrialText {width: 470px;float: left;margin: 100px 0 0 0;} .industrialText>strong {display: block;font: 24px/32px 'OSEB'; margin: 0 0 10px 0; color:#0b4880} .realText {width: 480px;float: right;margin:92px 22px 0 0;} .realText>strong {display: block;font: 24px/32px 'OSEB';margin: 0 0 10px 0; color:#0b4880} .logisticsText {width: 490px;margin:115px 40px 0 0;} .logisticsText>strong {display: block;font: 24px/32px 'OSEB'; margin: 0 0 10px 0; color:#0b4880} .aboutContent p.miningSubheading{ color:#0b4880; font-size:13px; font-family: 'OSSB'; line-height:18px; margin-bottom:12px;} .aboutContent p a.productReadmore{color:#0b4880;} .aboutContent p a.productReadmore:hover{color:#272727;}*/ .internalBody .productsCont{width:100%; margin:16px 0 70px; float:left} .internalBody .productsCont ul{float:left;} .internalBody .productsCont ul li{float:left;background:url(../images/Product-cont-bg.png) no-repeat top left ; width:469px; height:248px; margin:0 18px 22px 0; position:relative; padding:5px; } .internalBody .productsCont ul li.rightside{margin-right:0px;} .internalBody .productsCont ul li .productCaption{position:absolute; width:438px; bottom:5px; padding:16px 0 12px 30px; background:url(../images/product-caption-bg.png) repeat; color:#e2e751; font-size:13px; font-family: 'OS'; font-weight:bold; line-height:18px; border-radius:6px; overflow:hidden; height:52px; } .internalBody .productsCont ul li .productCaption span{ color:#ffffff; font-size:19px; font-family: 'OSSB'; line-height:32px;} .internalBody .productsCont ul li .productCaption .productHide{} .internalBody .productsCont ul li .productCaption .productHide p{color:#ffffff; font-size:13px; font-family: 'OS'; line-height:18px; font-weight:normal; margin:12px 0 22px;} .internalBody .productsCont ul li .productCaption .productHide a.hideMore{width:182px; height:33px; background:url(../images/producthide-more-bg.png) no-repeat top left; display:block; text-align:center; color:#ffffff; line-height:30px;} .internalBody .productsCont ul li .productCaption .productHide a.hideMore:hover{width:182px; height:33px; background:url(../images/producthide-more-bg.png) no-repeat bottom left; color:#000} .internalBody .productsCont ul li img{border-radius:6px;} /*/////foundationCont /////*/ .foundationCont{width:100%; float:left; margin-bottom:68px; margin-top:20px} .foundationCont .foundationContLeft{float:left; width:320px; margin-top:15px} .foundationCont .foundationContLeft .ourGallery{} .foundationCont .foundationContLeft .ourGalleryHead{margin-top:46px; font: 17px/32px 'OSSB'; color:#0b4880;} .foundationCont .foundationContLeft .ourGallery .galleryCont{width:430px; background:#141517; padding:18px 35px; border-radius:5px; margin-top:5px; position:relative; z-index:2} .foundationCont .foundationContLeft .ourGallery .galleryCont ul li{margin-right:0px; width:114px !important; opacity:0.5} .foundationCont .foundationContLeft .ourGallery .galleryCont ul li:hover{opacity:1} .sliderControl_gallery {position: absolute;top: 32px; z-index:1} .galleryCont .bx-viewport{z-index:2} .sliderControl_gallery p .galleryPrev a.bx-prev {width: 26px;height: 26px;background: url(../images/gallery-control.png) no-repeat 0 0;display: inline-block;text-indent: -999999px; margin-left:-31px } .sliderControl_gallery p .galleryNext a.bx-next {width: 26px;height: 26px;background: url(../images/gallery-control.png) no-repeat -26px 0px;display: inline-block;text-indent: -999999px; margin-left:434px;} .foundationCont .foundationContRight{float:right; width:620px; margin-top:15px} .foundationCont .foundationHead{ font: 17px/32px 'OSSB'; color:#0b4880; margin-bottom:2px; } .foundationCont .foundationContRight .foundationSubhead{ color:#0b4880; font-size:13px; font-family: 'OSSB'; line-height:18px; margin-bottom:8px; } .foundationCont .foundationText{ color:#272727; font-size:13px; font-family: 'OS'; line-height:18px; text-align:justify} .foundationCont .foundationContRight .foundationText a.readmore{} .shikshaLogo{text-align:left; margin:10px 0 0 0;} .branchOffice{width:980px; float:left; margin:48px 0 48px 0} .branchOffice h3{color:#2d2d2d; font-family: 'OSSBI'; font-size:15px; background:url(../images/branch-office-icon.png) no-repeat left center; height:24px; padding:4px 0 0 28px; margin-left:33px; } .branchOffice .address{ width:978px; float:left; border-radius:6px; border:1px solid #c1cdd4; padding:24px 0 0 0; box-shadow:1px 1px 2px #eceff0 inset; margin-top:6px;} .branchOffice .address p.addressText{color:#272727; font-size:14px; font-family: 'OSSB'; float:left; width:448px; line-height:20px; padding-left:40px} .branchOffice .address p.addressText span{ color:#0b4880; font-size:18px; font-family: 'OSSB'; line-height:28px;} .branchOffice .address p.contantTBC{width:938px; float:left; color:#2d2d2d; font-size:14px; font-family: 'OSSB'; padding-left:40px; margin:20px 0 20px 0} .branchOffice .address p.contantTBC img{vertical-align:middle;} .branchOffice .address p.contantDetail{width:948px; background:url(../images/contant-detail-bg.png) repeat; float:left; font: 12px/37px Tahoma; padding:5px 0 5px 30px; color:#282b2c} .branchOffice .address p.contantDetail img{vertical-align:middle;} .branchOffice .address p.contantDetail span{margin-right:30px;} .branchOffice .address p.contantDetail span em{font-style:normal; color:#0b4880;} .branchOffice .address p.contantDetail span em a{color:#0b4880;} .branchOffice .address p.contantDetail span em a:hover{color:#282b2c;} .navMain{text-align:center; width:980px; margin:0 auto; height:87px; } .navMain li{float:left; padding: 0 20px; height:67px; padding-top:20px; position:relative} .navMain li a{color:#ffffff;} .navMain li ul{position:absolute; width:100%; background:#ff0000; height:30px; float:left; z-index:100} .navMain li ul li{float:left;} /*///// bmg page /////*/ .palmBanner{background:url(../images/luxury-villa-banner.jpg) no-repeat center center ; width:100%; height:324px; position:relative; } .bx-pager-item{display:none;} .sliderControl_cat{position:absolute; top: -58px;right: 0px;} .sliderControl_cat p .catPrev a.bx-prev{width:33px; height:31px; background: url(../images/arrow_left2.png) no-repeat 0 0;display: inline-block;text-indent: -999999px; } .sliderControl_cat p .catPrev a.bx-prev:hover{background: url(../images/arrow_left2.png) no-repeat 0px -31px;} .sliderControl_cat p .catNext a.bx-next {width:33px; height:31px; background: url(../images/arrow_right2.png) no-repeat 0 0;display: inline-block;text-indent: -999999px;} .sliderControl_cat p .catNext a.bx-next:hover {background: url(../images/arrow_right2.png) no-repeat 0px -31px;} .apexContentLeft p.apexContentHeading.apexNewHeading{ background:url(../images/apex_subgroup_logo.png) no-repeat 0 0; height: 50px;padding-top: 53px;padding-left: 74px;} .apexContentLeft p.apexContentHeading.bmgNewHeading{ background: url(../images/bmg_subgroup_logo.png) no-repeat 0 0px; height: 72px; padding-top: 17px; padding-left: 96px;} .apexContentLeft p.apexContentHeading.conveyNewHeading{background: url(../images/convoy_subgroup_logo.png) no-repeat 0 0; height: 63px; padding-top: 19px; padding-left: 158px; } .apexContentLeft p.apexContentHeading.palmNewHeading{background:url(../images/palm_subgroup_logo.png) no-repeat 0 0; height: 50px;padding-top: 32px;padding-left: 108px;} .apexContentLeft p.apexContentHeading.apexNewHeading img{vertical-align:middle;} .catalogueButton{ float:right; margin-top:-37px; margin-bottom:37px} .catalogueButton a{width:202px; height:33px; background:url(../images/catalogue_button.png) bottom center no-repeat; display:block; text-indent: -999999px; transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out} .catalogueButton a:hover{background:url(../images/catalogue_button.png) top center no-repeat;} .careerOpportunity {width: 100%; margin-top: 42px; float: left; position: relative;} .careerOpportunity span {position: absolute; width:83px; height:73px; top:17px; left: -25px;} .careerOpportunity a {background: url(../images/career-opportunity.png) no-repeat center top; width: 281px; height: 119px; display: block; text-indent: -9999999px;} .careerOpportunity a:hover{background:url(../images/career-opportunity.png) no-repeat center bottom;}