/***** easy clearing *****/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ .clearfix {display: block;} /* End hide from IE-mac */ html { height: 100%; overflow: -moz-scrollbars-vertical; } body { background-color: #f0eff0; margin: 0; position: relative; height: 100%; } * { margin: 0; padding: 0; } a { outline: 0; } td { vertical-align: top; } div.hr { border-top: 1px solid #e0dfe0; border-bottom: 1px solid #fff; height: 0; margin: 10px 0; } img { border: 0; } .float_right { float: right; } .siteWidth { width: 950px; margin: 0 auto; } .siteWrapper { min-height: 100%; margin-bottom: -119px; } #top { height: 95px; background: url(../assets/images/bg/top.png) no-repeat; } #topMargin { height: 11px; } #header { height: 160px; background-color: #fff; } body#homepage #header { height: 269px; } body#homepage #header .collection_innerWrapper{ position: relative; width: 950px; height: 272px; overflow: hidden; } body #header .collection_innerWrapper{ position: relative; width: 950px; height: 160px; overflow: hidden; } body#homepage #header li.collection_item {height: 272px; width: 950px; position: absolute; top: 0; left: 0; } body #header li.collection_item {height: 160px; width: 950px; position: absolute; top: 0; left: 0; } a#homelink { float: left; height: 72px; margin: 10px; width: 151px; } div#print_mail_newsletter { background-color: #f7f7f7; width: 195px; border: 1px solid #e0dfe0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 10px 5px; } div#print_mail_newsletter a { display: block; height: 20px; line-height: 20px; padding-left: 25px; margin-bottom: 6px; } div#print_mail_newsletter a.print { background: transparent url(../assets/images/buttons/print.png) no-repeat; } div#print_mail_newsletter a.mail { background: transparent url(../assets/images/buttons/mail.png) no-repeat; } div#print_mail_newsletter a.newsletter { background: transparent url(../assets/images/buttons/sign.png) no-repeat; } /* Menu's */ #topLinks { float: right; margin: 18px 13px 0 0; } #topMenu { } #topMenu li { list-style: none; display: block; float: right; margin: 6px 5px; } #mainMenu, #subMenu { margin-left: 20px; } #firstLevelMenu, #secondLevelMenu { margin-left: -13px; background-color: #f58026; width: 976px; } #firstLevelMenu { height: 37px; } #secondLevelMenu { background: #fff url(../assets/images/bg/menu_bg.png) no-repeat; height: 43px; } #mainMenu li { list-style: none; display: block; height: 25px; float: left; line-height: 25px; margin: 6px 5px; } #mainMenu li a { display: block; padding-right: 10px; color: #fff; float: left; } #mainMenu li a span { display: block; padding-left: 10px; float: left; } #mainMenu li.activeItem a, #mainMenu li a:hover { background: #fff url(../assets/images/buttons/mainmenu_button_right.png) no-repeat top right; color: #f58026; display: block; height: 25px; padding-right: 10px; } #mainMenu li.activeItem a span, #mainMenu li a:hover span { background: #fff url(../assets/images/buttons/mainmenu_button_left.png) no-repeat; } #subMenu li { list-style: none; display: block; height: 22px; float: left; line-height: 22px; margin: 11px 5px; } #subMenu li a { display: block; padding-right: 10px; float: left; } #subMenu li a span { display: block; padding-left: 10px; float: left; } #subMenu li.activeItem a, #subMenu li a:hover { background: #f58026 url(../assets/images/buttons/submenu_button_right.png) no-repeat top right; color: #fff; display: block; height: 22px; padding-right: 10px; } #subMenu li.activeItem a span, #subMenu li a:hover span { background: #f58026 url(../assets/images/buttons/submenu_button_left.png) no-repeat; } #thirdLevelMenu { background: #f0eff0 url(../assets/images/bg/third_level_menu_top.png) no-repeat; width: 222px; margin-bottom: 12px; padding-top: 3px; } #pageMenu { background: transparent url(../assets/images/bg/third_level_menu_bottom.png) left bottom no-repeat; padding-bottom: 3px; } #thirdLevelMenu li.first { height: 25px; border-top: 0; } #thirdLevelMenu li.first a { height: 25px; height: 25px; line-height: 25px; border-top: 0; } #thirdLevelMenu li.last { height: 25px; border-bottom: 0; } #thirdLevelMenu li { list-style: none; display: block; height: 28px; border: 1px solid #e0dfe0; border-top: 0; float: left; } #thirdLevelMenu li a { display: block; height: 28px; line-height: 28px; background: transparent url(../assets/images/buttons/pagemenu.png) 198px center no-repeat; border-top: 1px solid #fff; padding-left: 10px; float: left; } #thirdLevelMenu li a:hover, #thirdLevelMenu li a.activeItem { color: #F58026; background-image: url(../assets/images/buttons/pagemenu_hover.png); } #thirdLevelMenu li a span { display: block; float: left; width: 211px; } /* Main */ #main { background: #fff url(../assets/images/bg/content_bottom.png) no-repeat bottom left; padding-bottom: 10px; } #mainContent { padding: 17px; width: 950px; } #divContent { line-height: 20px; } #divContent ul { } #divContent li { list-style-position: outside; margin-left: 20px; } #divContent li p { display: inline; } #rightColumn { width: 180px; } #divContent a { color: #F58026; } #divRightColumn > div, #divLeftColumn > div { margin: 17px 12px; } .ewyseImageInContent { border: 1px solid #e7e7e7; padding: 6px 6px 0; background-color: #f7f7f7; display: inline-block; margin: 0 15px 15px 0; float: left; } .ewyseImageInContent img { border: 1px solid #fff; } #nav_img { width: 217px; background: url(../assets/images/bg/nav_img_middle.png) repeat-y; } #nav_img .top, #nav_img .bottom { width: inherit; height: 5px; } #nav_img .top { background: url(../assets/images/bg/nav_img_top.png) no-repeat; } #nav_img .bottom { background: url(../assets/images/bg/nav_img_bottom.png) no-repeat; } #nav_img img { margin: 6px 12px; display: block; border: 1px solid #fff; } #nav_img .img_txt { margin: 6px 12px; font-style: italic; } /*body.js #contentWrapper { overflow: hidden; height: 110px; } */ #contentWrapper p { margin-bottom: 12px; } #read_more { display: none; color: #F58026; cursor: pointer; } /*body.js #read_more { display: block; }*/ #homepage_teasers { margin: 0 7px; } #homepage_teasers .teaser { width: 230px; height: 221px; float: left; margin: 0 2px; background-position: left 36px; } #homepage_teasers .teaser a.header { display: block; height: 169px; } #homepage_teasers .teaser div.more { height: 33px; width: 222px; margin: 0 auto; padding-top: 9px; background: #f0eff0 url(../assets/images/bg/teaser_bottom.png) no-repeat left bottom; } #homepage_teasers .teaser div.more a { height: 24px; width: 70px; line-height: 22px; padding-left: 19px; display: block; background: transparent url(../assets/images/buttons/readmore.png) no-repeat; margin-left: 10px; } #homepage_teasers .teaser a.header span { display: block; width: 230px; height: 36px; line-height: 36px; text-align: center; background: transparent url(../assets/images/bg/teaser_header.png) no-repeat; } #homepage_teasers .teaser a.header:hover span { background: #F58026 none; } #teaser_companystory { background: transparent url(../assets/images/bg/teaser_1b.jpg) no-repeat; } #teaser_oilgas { background: transparent url(../assets/images/bg/teaser_2.jpg) no-repeat; } #teaser_whoiswho { background: transparent url(../assets/images/bg/teaser_3.jpg) no-repeat; } #teaser_investorcentre { background: transparent url(../assets/images/bg/teaser_4.jpg) no-repeat; } .push { height: 140px; } #footer { background: #e0dfe0 url(../assets/images/bg/footer_top.png) repeat-x; height: 119px; } #footerLogo { margin: 37px 0 0 47px; float: left; } #footer .footerLinks { float: left; width: 120px; height: 75px; margin-left: 80px; padding-left: 20px; margin-top: 26px; background: transparent url(../assets/images/bg/footer_links_left.png) repeat-y; } #footer .footerLinks li { list-style: none; } #searchBox form { width: 179px; height: 26px; background: #fff url(../assets/images/bg/search.png) no-repeat right top; } #searchBox input.text { border: 0; width: 118px; height: 17px; padding: 4px 3px 0 5px; line-height: 17px; background-color: transparent; } #searchBox input.submit { width: 52px; height: 25px; border: 0; padding-bottom: 1px; margin-left: -4px; color: white; background-color: transparent; } div.collection_navigation .page { width: 10px; text-align: center; display: inline-block; } div.collection_navigation .activePage { color: #F58026; font-size: 16px; } div.collection_navigation .nextItem, div.collection_navigation .prevItem { width: 8px; height: 12px; display: inline-block; } div.collection_navigation .nextItem span, div.collection_navigation .prevItem span { display: none; } div.collection_navigation .nextItem { background: #fff url(../assets/images/buttons/pager_next.png) no-repeat left bottom; } div.collection_navigation .prevItem { background: #fff url(../assets/images/buttons/pager_prev.png) no-repeat left bottom; } div.collection_navigation a { line-height: 30px; } span.read_more { color:#F58026; display:block; height:14px; line-height:12px; padding-right:15px; background: transparent url(../assets/images/buttons/readmore_arrow.png) no-repeat right bottom; } #lightboxCloseLink { position: absolute; right: 6px; top: 6px; } #lightboxInner { background-color: #f7f7f7; border: 6px solid #e0dfe0; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 520px; } #lightboxContent { background-color: #f7f7f7; padding: 12px 10px; } #mailpageInner { } #lightboxContent #mailpageInner { padding: 0; } #mailpageInner input.text { width: 220px; margin-bottom: 10px; } #mailpageInner input.image { position: absolute; right: 17px; bottom: 19px; } #mailpageStamp { position: absolute; right: 0; top: 0; } #personalMessage { } #messageBox { width: 540px; } #wrapItUpYo { } #senderDiv label, #receiverDiv label { display: block; } #senderDiv div.field, #receiverDiv div.field { width: 270px; float: left; } #wrapItUpYo > div { margin: 0 15px; } #wrapItUpYo div.hr { margin: 15px 0 !important; } #mailToContactFormInner, #sampleRequestFormInner { } .messageBox { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e3e2e2; } .messageBox img { border: 1px solid #5B5B5B; float: left; margin-right: 50px; } .messageDiv { height: 100px; } .messageDiv span.title { display: block; font-size: 1.33em; color: #009bdb; } .messageDiv p { } #mailToContactFormInner #messageTextarea { height: 92px; width: 424px; } #sampleRequestFormInner #messageTextarea { height: 92px; width: 539px; } .messageDetails { margin-bottom: 20px; padding-bottom: 5px; } .messageDetails label { display: inline-block; width: 180px; margin-bottom: 10px; } #lightboxInner input.text { height:20px; width: 175px; margin-bottom: 10px; } #lightboxInner button.submit { background: transparent url(../assets/images/buttons/normal_button.png) no-repeat; border: 0; float: right; height: 24px; line-height: 24px; margin-right: 17px; width: 100px; color: #F58026; } input.image { float: right; } input#resume { } div.captcha { border: 6px solid #7f7f7f; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 400px; background-color: #fff; height: 55px; padding-left: 10px; } div.captcha img { vertical-align: middle; } div.captcha input.text { position: relative; top: 5px; width: 180px !important; } input.example { color: #9f9c9c; } .errorMessage { color: #FF0000; background-color:#fff; padding: 2px 5px; z-index: 10; } #lightbox h1, div.messageDetails { margin: 5px 15px 0; } #lightbox h2 { color: #f58026; margin-bottom: 10px; } #lightboxInner textarea { width: 540px; } .imgDiv { height: 500px; margin-top: 40px; width: 733px; text-align: center; } .messageDetails div.field { width: 182px; float: left; } div.help { display: inline-block; position: relative; margin-left: 0 !important; } div.help div.button { height: 30px; width: 30px; cursor: pointer; margin-top: 18px; } div.help div.text { background: transparent url(../assets/images/bg/help_balloon.png) no-repeat scroll 0 0; display: none; height: 50px;left: 36px; padding: 10px 15px; position: absolute; top: 0; width: 200px; z-index: 2000; color: white; } div.captcha { float: left; } span.orange_border_button { background: transparent url(../assets/images/buttons/download.png); display: block; width: 106px; height: 30px; text-align: center; line-height: 28px; margin: 15px 0; color: #919295; } span.orange { color: #F58026; }