/* Project : Aramco Overseas Document : styles-main Created on : 09-Apr-2010, 17:34:52 Author : Praym Description: Master stylesheet */ /* base setters */ html, body, p, dl, dd,dt ,blockquote,table,th, td, ul, ol, li, form, img , fieldset, caption, legend, textarea,h1,h2,h3,h4,h5,h6,address { margin:0; padding:0; vertical-align:baseline; line-height:1em;} h1,h2,h3,h4,h5,h6,address,pre,p,span,th,td { font-style:normal; font-weight:normal; font-size:1em; } a, a:link, a:visited, a:hover, a:active { text-decoration:none; color:inherit } a img, img, object { border:0; } :focus { outline:0px dotted; } ol, ul, li { list-style-type:none; } li { list-style-position:outside; } li li, li p, li a, p a{ font-size:100%; } table { border-collapse: collapse; border-spacing:0; table-layout:auto; } blockquote, q{ quotes:"" "" } blockquote:before, q:before, blockquote:after, q:after { content:''; } blockquote p { padding-left:0px; padding-bottom:0em; margin:0 0 0.5em;} html { font-size:100%; height:100.1% } body { height:100.1% } table>tr { vertical-align:baseline;} th{ text-align:left; } /* font faces */ /* MPlus fonts */ @font-face { font-family: 'M+1cthin'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-thin-webfont.eot); src: local('☺'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-thin-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-thin-webfont.svg#webfontZBrOhi4U) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'M+1c'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-regular-webfont.eot); src: local('☺'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-regular-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-regular-webfont.svg#webfontqbmUFwlU) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'M+1cmedium'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-medium-webfont.eot); src: local('☺'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-medium-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-medium-webfont.svg#webfontYZ0y5lMM) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'M+1cheavy'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-heavy-webfont.eot); src: local('☺'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-heavy-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-heavy-webfont.svg#webfontEr55I1z1) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'M+1cbold'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-bold-webfont.eot); src: local('☺'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-bold-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-bold-webfont.svg#webfontp9QB9FKs) format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'M+1cblack'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-black-webfont.eot); src: local('☺'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-black-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-black-webfont.svg#webfontIopxGPGd) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'M+1clight'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-light-webfont.eot); src: local('☺'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-light-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-light-webfont.svg#webfont5gE3NZnS) format('svg'); font-weight: normal; font-style: normal; } /* basic styles */ body{ font-family: Arial, Helvatica, sans-serif; font-size:62.5%; color:#6c6e70; background:#fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg_pattern.jpg) no-repeat scroll top center; } a,p,dd,td,th,li { font-size:1.2em; line-height:130%; } a, a:link, a:visited, a:active { color:#008982; } a:hover {text-decoration:underline; /* line-height:1.5em; */ } p{ margin-bottom:1em; } h1, h2,h3, h5, h6 { color:#213a51; font-family: "M+1cbold","Myriad", "Myriad Pro", Arial, Helvatica, sans-serif;} h1 { text-transform:uppercase; } h2 { font-size:1.6em; font-weight:normal; margin-bottom:10px; text-transform: uppercase; } h3 { font-weight:normal; font-size:1.4em; text-transform:uppercase; } h4 { font-size:1.3em; font-family: Arial, Helvatica, sans-serif; font-weight:bold; color:#213a51; } h3.skyblue { color:#6CBBE8; } h3.grey { color:#545454; } h3.yellow { color:#FFCE4C;} h3.red { color:#83303D; } h3.blue { color:#005E9B; } h3.underlined { border-bottom:1px solid #D0D7DA; padding: 5px 0; } /* master layouts */ #sitepage { width:960px; margin:0 auto; position:relative;} #quick-access-nav { position:absolute; top:-9999px; left:-9999px;} #masthead{ margin-top:23px; height:142px; position:relative;} #logo { margin-left:715px;} #global-nav { position:absolute; top:0; left:0; /*right:0;*/} #global-nav li { float:left; font-size:1.2em;} #global-nav a{color:#617f9f; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bar-global-nav.gif) no-repeat scroll center right; /*border-right:1px solid #7292B3;*/ padding:0 5px; } #global-nav .last a{ background-image:none;} #search-nav {width:500px; height:24px; position:absolute; top:73px; left:0; } #search-nav li { float:left;} #lang-selector { height:22px; /* background:#e8e5de; */ margin-right:0px; color:#7292B3; font-size:1em; } #lang-selector option { color:#7292B3; font-size:1em; padding:2px 5px; } #lang-selected { color:#7292B3; font-weight:bold; font-size:1.1em; } #search-text, #re-search-text { border:1px solid #c9c9c9; font-size:1.1em; color:#7292B3; display:inline-block; padding:2px 5px; } #gosubmit, #re-gosubmit, #gochange { border:none; cursor:pointer; width:30px; height:18px; text-indent:-9999px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-brown-on-trans.gif) no-repeat scroll 7px 1px; overflow:hidden; /*padding-left:30px;*/font-size:1px;} #gosubmit, #gochange { line-height:0;} #gosubmit.hvr, #re-gosubmit.hvr, #gochange.hvr { background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-green-on-trans.gif) no-repeat scroll 6px 0px;; } #re-search-form{ border:2px solid #fff; background-color:#fefbf9; padding:5px; } #re-search-form label { font-size:1.4em; font-weight:bold; color:#83303D; margin-right:10px;vertical-align:middle; } #re-search-text { width:225px;} #top-nav { border:1px solid #9fa3b3; width:958px; height:28px; overflow:visible; background:#788697 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-top-nav.jpg) repeat-x scroll top left; margin-top:10px; } #top-nav li { float:left; } #top-nav a { display:block; padding:6px 12px; font-family: "M+1clight", Arial, Helvatica,sans-serif; text-transform:uppercase; color:#fff; border-right:1px solid #9fa3b3; /* text-shadow: 0px 1px 1px #FFFFFF; */ } #top-nav a:hover,#top-nav a.selected , #top-nav .sel a{ text-decoration:none; background:#4f5b6c url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-top-nav-on.jpg) repeat-x scroll top left; } /* styles for getting the drop down in same line as the text box in IE7 */ #lang-selector { margin-top:1px; } #lang-selected { float:left; line-height:22px; vertical-align: middle; padding-right:5px; } #gochange { *background-position:7px 3px; } /* styling fix ends */ #container { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-container-for-content-page.png) no-repeat scroll top left; } #container .full-width { width:960px; } #content { width: 788px; float:right;} #main-content { padding-bottom:1px; } #main-content h1 { font-size:2.4em; margin-bottom:5px; } #main-content h1.regular { text-transform:none; } #sidebar { width:172px; float:left; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-sidebar-top111111111.png) no-repeat scroll top left; padding-top:60px; position:relative;} #sidebar h3 { font-family:"M+1cmedium","Myriad", "Myriad Pro", Arial, Helvatica, sans-serif; font-size:2em; font-weight:normal; color:#213a51; text-transform:uppercase; margin-bottom:5px; padding-right:25px;} #leftnav a { color:#617f9f; display:block; height:1%; line-height:120%;} #leftnav a.selected { color:#213a51;} #leftnav ul { padding-right:25px;} #leftnav li { margin-bottom:4px;} #leftnav li li a { padding-left:10px; } #leftnav li li a.selected { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-left-nav-on-trans.gif) no-repeat scroll 0 6px; } #footer { margin-bottom:50px; } #misc-hold { padding:20px 20px 0; } #site-info {width:475px; float:left; margin-bottom:20px; } #site-info p { font-size:1.1em; color:#6c6e70;} #key-areas { float:left; margin:0 0 20px 160px; width:145px; } #site-tools { float:left; margin:0 0 20px 35px; width:105px;} p.copyright { clear:both; display:block; border-top:5px solid #eef0f2; padding-top:5px; color:#B1B2B0; font-size:1.1em;} #footer h4 { color:#4c4d4a; font-size:1.3em; margin-bottom:5px;} #footer li { font-size:1em;} #footer li a { color:#617f9f; font-size:1.1em; padding-left:10px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-grey-on-trans.gif) no-repeat scroll 0 4px; } /* homepage */ .type-home #main-content { background:#fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-fullwidth-banner.jpg) no-repeat scroll top left; padding-top:15px } .accordion-title { cursor:pointer; color:#427DB4; font-size:14px; font-weight:normal; padding:6px 25px 6px 10px; text-transform:uppercase; border:1px solid #D0D7DA; border-width:1px 1px 0px; background:#e8ebf0 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-featured-accordion-title.gif)no-repeat scroll center right; margin-bottom:0;} .accordion-body { display:none; } .accordion .open .accordion-title{ border-width:1px; color:#fff; background:#f4f4f4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-accordion-title-open.jpg) no-repeat scroll top left} .accordion .open .accordion-body{ display:block;} .accordion .last { height:35px; /* border-bottom:1px solid #D0D7DA; */ background:#f4f4f4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-last-highlight-title.jpg) no-repeat scroll bottom left; } .accordion .open.last { height:auto; padding-bottom:10px;} .accordion-body { background:#f4f4f4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-featured-accordion-body.jpg) repeat-x scroll top left;padding-top:1px;} .type-home .accordion-body { height:206px; } .type-content .accordion-body { padding:10px;} .items-row { border:1px solid #fff; height:170px; margin:13px 19px 18px; display:block; } .home-4-col{ width:228px; border:1px solid #fff; height:168px;} .items-row .w2of4 { width:458px;} .items-row .gridbox .text { width: 208px; } .items-row .gridbox h3 { font-size:1.2em; margin-bottom:5px;} /* landing pages */ .type-landing #main-content,#newspub-wrap { background:#ECEEF1 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-landing-content.jpg) no-repeat scroll top left; padding-top:30px } .type-content .full-width #main-content { width:748px; } .type-landing #intro-text { padding-left:20px; padding-bottom:1px; width:558px; } .type-landing #flash-banner{ margin-left:20px; margin-bottom:20px;} #banner { position:relative} #banner-text-container { position:absolute; right:0; top:25px; width:403px; padding-bottom:0px; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-shadow-banner.png) repeat-x scroll bottom left; display:none;} #banner-text .headline { font-size:2.4em; font-family:"M+1clight","Myriad", "Myriad Pro", Arial, Helvatica, sans-serif; margin-bottom:0; line-height:1.3em; text-transform:uppercase; margin-bottom:5px; color:#545454;} #banner-text { background-color:#fff; padding:10px; } #banner-text .brief { color:#545454; font-weight:bold; margin-bottom:0.75em; } #intro-text { margin-bottom:30px; } #intro-text p { font-size:1.4em; color:#333; } .grid3col { border:1px solid #fff; margin:0 20px 20px 19px; } .grid3col .w1col { width: 247px; border:1px solid #fff;} .grid3col .w2col { width:496px; border:1px solid #fff;} .grid3col .fullh { height: 184px;} .grid3col .halfh { height:91px;} .grid3col li .w1colt {width: 227px; } .grid3col li .w2colt { width:477px; } .grid3col h3 { font-size:1.175em; font-weight:normal; text-transform:uppercase;} .grid3col p { color:#333; } .grid3col p.white { color:#fff;} .gridbox { float:left; background: #fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient.jpg) repeat-y scroll top left; position:relative;} .gridbox{ background:url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient.jpg) repeat-y scroll left top #FFFFFF; padding-left:0; } .gridbox .text li{ padding-left:0; background-image:none;} .gridbox .text { width:104px; padding:10px; position:relative; z-index:1; } .bfoto { position:absolute; right:0; bottom:0; } .gridbox p { margin-bottom:10px; } .gridbox li { margin-bottom:5px; } .gridbox li a { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-small-green-on-trans.gif) no-repeat scroll 0 4px; padding-left:10px; display:block; line-height:110%; } .gridbox.hvr { background-image:url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient-hvr.jpg);} ul.more-links { position:absolute; bottom:0px; left:0px; ; padding:0 10px 5px; margin:0; z-index:1; } p.more-link { position:absolute; bottom:0px; left:0px; width:104px; padding:0 10px 5px; margin:0; z-index:1; } .w2col p.more-link { width:200px;} .more-link a { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-small-green-on-trans.gif) no-repeat scroll 0 4px; padding-left:10px; display:block;} .more-link a.white { color:#fff; background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-white-on-trans.gif); } /* content page*/ .type-content #content { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-maincontent-related-content.gif) repeat-y scroll top left;} .type-content #main-content{ width: 536px; padding:0 20px 30px; float:left; background:#EEEFF1; /*#F0F2F4*/} .type-landing #main-content.no-banner { padding-top:0; background-image:none; } .type-content .full-width #content { background-color:#EEEFF1; background-image:none; } /* content page elements */ #breadcrumb { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-top-breadcrumb.jpg) no-repeat scroll top left; width:748px; padding:15px 20px 25px;} #crumb-list { width:556px;} #crumb-list li { float:left; font-size:1.1em; font-weight:bold; } #crumb-list a {display:block; font-size:100%; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-breadcrumb.gif) no-repeat scroll center right; padding-right:10px; margin-right:5px; } #utility-bar { float:right; margin-right:20px;} #utility-bar li { float:left; font-size:1.1em; } #utility-bar a { display:block; font-size:100%; color:#7292b3; margin-left:5px; padding-left:17px; } #print a { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-print.gif) no-repeat scroll left center; } #share a { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-share.gif) no-repeat scroll left center; } .full-width #breadcrumb { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-top-breadcrumb-full-width.jpg) no-repeat scroll top left;} .type-content h3{ margin-bottom:15px;} .type-content h3.text-large { font-family:"M+1clight","Myriad","Myriad pro",arial,helvatica,sans-serif; font-size:2.4em; line-height:130%; } .type-content h4 { margin-bottom:15px} .data p { margin-bottom:20px;} .data ul { /* padding:15px 0; border-top:1px solid #ccc; */ padding-bottom:15px;} .data ul.topbar{ padding:15px 0; border-top:1px solid #ccc; } .data li { padding-left: 20px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bullet-green.gif) no-repeat scroll 5px 5px;} ul.no-bullets { border-top:0; padding:0; } ul.no-bullets li { background-image:none; padding:0; margin-bottom:15px; } #main-content ul.notopbar { border-top:none;} ul.half { width:280px;} .nobm { margin-bottom:0 !important; } #related-content { width:212px;float:left; background-color:#F4F5F6; } .backto { background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-small-green-on-trans-backto.gif) no-repeat scroll 0 4px; padding-left:10px;} /* inline images */ .inline-image-left { float:left; width:234px; margin:5px 15px 1px 0;} .inline-image-right{ float:right; width:234px; margin:5px 0px 1px 15px; } /* quotes */ .inline-image-left blockquote, .inline-image-right blockquote{ display:block; padding:26px 0px 0px 30px ; background:#fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-open-on-white.gif) no-repeat scroll top left;} .inline-image-left blockquote p, .inline-image-right blockquote p{ display:block; margin:0; padding:0 30px 26px 0; background:#fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-close-on-white.gif) no-repeat scroll bottom right; font-style: italic;} blockquote .person { display:block;} blockquote.blue { background-color:#213A51; margin-bottom:20px; display:block; padding:35px 0px 0px 35px ; background:#213A51 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-open-on-blue.gif) no-repeat scroll top left; } blockquote.blue p{ display:block; margin:0; font-size:1.6em; padding:0 35px 35px 0; background:#213A51 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-close-on-blue.gif) no-repeat scroll bottom right; font-style: italic; color:#fff; } blockquote.blue .person{ font-size:.8125em;} .whitebox { background:#fff; padding:15px 0 0 ; margin-bottom:20px;} .whitebox h3 { text-transform:uppercase; color:#545454; font-weight:normal; margin:0 15px 15px } .whitebox li { padding-left:35px; background-position:15px 6px;} .no-banner #intro-text{ margin-bottom:10px; } #main-content .page-body { padding:0 20px 20px;} /* tables */ table.style1 { border:1px solid #D0D7DA; margin-bottom:15px; width:100%; } table.style1 th, table.style1 td { padding:10px; vertical-align:top; border-bottom:1px solid #D0D7DA; } table.style1 th { background-color:#D8E1E9; font-weight:bold; color:#213a51; font-size:1.3em;} table.style1 td { background-color:#F2F4F5;} table.style1 .even, table.style1 .even td { background-color:#ECEEF1; } table.style1 tr:hover,table.style1 .hvr td, table.style1 .hvr th{ background-color:#D0D7DA;} /* highlights list */ ul.hlist { border-top:none; padding:0;} ul.hlist li { border-bottom:1px solid #D0D7Da; padding:1px 15px 15px; background-image:none; margin-bottom:15px; } ul.hlist li.last { border-bottom:0; margin-bottom:0; } .hlist-thumbnail { float:left; /*width:79px; height:56px;*/ border:1px solid #fff;} .hlist-text { margin-left:95px; min-height:56px; width:410px; } .hlist-text h4{ margin-bottom:0px; font-size:1.2em; font-weight:normal;} .hlist-text p { margin-bottom:10px;} /* box colors */ .lightbluebox { background:#c8D6E4; padding:15px; margin-bottom:20px;} .darkbluebox { background-color:#213a51; padding:15px; margin-bottom:20px; } /* inside story */ .darkbluebox h3{ margin-bottom:10px; } .inside-story { min-height:100px; } .inside-story-text { width:315px; float:left} .inside-story-text h3{ margin-bottom:10px; color:#fff; font-family: "M+1clight", "Myriad", "Myriad pro", arial, helvatica, sans-serif; font-weight:normal; font-size:1.7em; } .inside-story-text p { color:#fff;} .darkbluebox .inside-story-text a { color: #4fded5; } .inside-story-image { float:left; margin-left:10px; } .inside-story-image img{ border:1px solid #fff;} .inside-story-image-caption { font-size:0.8em; color:#fff; float:left; width:178px; margin:10px 0 0 10px} .darkbluebox li { background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bullet-white.gif)} /* timeline */ .timeline h3 { color:#83303D; margin-bottom:5px;} /* quickfact */ .quickfact-box { width:315px; border-top:1px solid #6c859b; float:left; padding:10px 0 0;} p.quickfact { font-size:2.1em; font-family:"M+1cbold", "Myriad", "Myriad pro", arial, helvatica, sans-serif; color:#fff; margin-bottom:0px; text-transform:uppercase; } .quickfact-box h3{ color:#fff; margin-bottom:5px; } .white { color:#fff;} /* tabs */ .tabs { margin-bottom:20px;} .tabheads { margin-top:10px; height:25px; width:536px;} .type-content .tabheads { padding:0; border-top-width:0;} .tabheads li{ float:left; background-image:none; padding-left:0; display:block; } .tabheads li a { display:block; display:inline-block; padding:5px 10px; border:2px solid #fff; background:#f0f2f5; border-width:2px 0 0 2px; font-size:14px; font-weight:bold; color:#b0b1b5; font-family:"FrutigerBold", "Myriad", "Myriad Pro", Arial, Helvatica, sans-serif; } .tabheads a span { display:inline-block; font-weight:bold; color:#333; cursor:pointer;} .tabheads a.on { background:#f0f2f5 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-tab-on.jpg) no-repeat scroll top left; border-width:0; position:relative; z-index:1; margin-top:-3px; margin-right:-10px; padding:0 0 0 10px; color:#83303d;} .tabheads a.on:hover { color:#83303d; } .tabheads a.on span { background: #f0f2f5 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-tab-on.jpg) no-repeat scroll top right; padding:10px 20px 5px 0; color:#83303d;} .tabheads a:hover { text-decoration:none; color:#b0b1b5;} .tabheads a:hover span { color:#b0b1b5; } .tabheads .last { border-width:2px 2px 0 2px; } .tabheads a.last.on span { background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-tab-on-last.jpg); border-right:0;} .tabheads a.last span {border-width:2px 2px 2px 2px; } .tabbody { background:#fff; clear:left;} .tabdata { padding:15px;} /* offices */ .data .offices { min-height:1px; border-top:1px solid #ccc; padding:15px 0;} .data ul.notopline { border-top:0; padding-top:0;} ul.offices p { margin-bottom:0;} .offices address { /*height:100px;*/ } ul.offices li { background-image:none; padding-left:0; width:178px; float:left; margin-bottom:15px;} .country-name{ font-weight:bold;} .tel .type { width:30px; display:inline-block;} /* where we operate */ #flash-world-map-container { margin:10px 0;} /* job descriptions */ .job-description .data h3{ margin-bottom:5px; } .job-description .data ul { border-top:0; } /* search results */ .search-results h4{ font-size:1.1em; font-weight:bold; font-family: arial, helvatica, sans-serif; margin-bottom:1px;} .search-results p { margin-bottom:0} /* paginators */ .paginator { color:#6C6E70; margin-bottom:10px; } .paginator a { color:#6C6E70; padding:0 3px;} .paginator a.current { color:#000; } /* press releases */ ul.pr-list { border-top:0; padding:0;} ul.pr-list li { background-image:none; padding:0 0 15px 0; } .pr-list li p { margin-bottom:0; font-size:0.925em;} .pr-list .pr-title-link { font-size:1.25em; color:#427db4; /* font-weight:bold; */} .pr-title-link a { color:#427db4; } /* news and publications */ #latest-news, #latest-publications { border:2px solid #fff; background:#fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient.jpg) repeat-y scroll left top; padding:10px 10px 0; margin-bottom:15px;} #latest-news h3{ color:#83303D;} #feature-news { /*font-size:1.1em; */ } #feature-news .items-row .item{ width:460px; float:left; } #feature-news #latest-news { width:436px; height:156px; margin-bottom:0;} #feature-news #latest-news h3 { margin-bottom:10px; font-size:1.2em; } #feature-news ul.pr-list li { padding-bottom:5px;} #feature-news ul.pr-list .last { background:none; height:auto;} #feature-news #latest-publications { width:436px; height:146px; margin-bottom:0; } #feature-news #latest-publications .last { background:none; } #feature-news #latest-publications .no-thumb { width: 180px;} #feature-news #latest-publications .bfoto{ right:5px; } #feature-news #latest-publications .publ-item{ height:146px;} #latest-publications { padding-bottom:10px;} #latest-publications h3{color:#83303D; } #latest-publications .publ-item { background-image:none; padding:0; width:256px; float:left; height:160px; position:relative; } #latest-publications .publ-item h3 {color:#427DB4; font-size:1.2em; margin-bottom:5px; } #latest-publications .more-link { margin-bottom:0; padding: 0 0 5px; width:130px; } #latest-publications .bfoto { top:0; right:20px; position:absolute;} #latest-publications .text { width:140px; position:relative; z-index:1; padding:0; } #latest-publications p {margin-bottom:10px;} #latest-publications .pdf{ padding: 0 0 0 20px; } #latest-publications .pdf a{ background-image:none; padding:3px 4px; } /* publications */ .data .publications { border-top:0; padding-top:0; } .publications li { background-image:none; padding-left:0; margin-bottom:5px;} li.publication-item { background-color:#fff; padding:15px 0 0 15px; margin-bottom:15px; } .publication-image { float:left;} .publication-image .thumbnail { border:1px solid #a6a8a7;} .publication-details { margin-left:95px; width:426px; min-height:128px;} .publication-details h3 { margin-bottom:2px; font-size:1.2em; font-weight:bold; padding-right:10px} .publication-details p { padding-right:10px; } .media-links { border-top:1px solid #ccc; padding:15px 0;} .media-links li { float:left; width:200px; padding-right:10px; } .media-links a { background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-small-green-on-trans.gif) no-repeat scroll 0 6px transparent; padding-left:10px; display:inline-block; } /* big green button */ .data .green-button { margin:0 0 5px 0; height:35px; } .data .green-button a{ background:#c8D6E4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-green-btn.gif) no-repeat scroll top right; padding:0 25px 0 0; margin:0; display:inline-block;} .green-button span { background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-green-btn.gif) no-repeat scroll top left; margin:0; padding:9px 0 0px 30px; font-size:13px; font-weight:bold; text-transform:uppercase; color:#fff; text-shadow:0px 0px 1px #FFFFFF; height:28px; display:inline-block;} .green-button a:hover { text-decoration:none; background-position: 100% -61px; } .green-button a:hover span{ text-decoration:none; background-position: 0 -61px; } /* form buttns */ .button { margin:0 0 5px; height:25px;} .button a { padding:0 10px 0 0; margin:0; display:inline-block; background:#EdEEF2 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-grey-btn-small.gif) no-repeat scroll top right;} .button a span { background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-grey-btn-small.gif) no-repeat scroll top left; margin:0; padding:5px 0 0px 18px; font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff; height:25px; display:inline-block; } .button a:hover { text-decoration:none; background-position:100% -60px;} .button a:hover span { text-decoration:none; background-position:0 -60px;} .button.green a, .button.green a span { background-image:url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-green-btn-small.gif);} /* icon styles */ .pdf, .media-links a.pdf { font-weight:normal; padding:2px 0 2px 22px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-pdf.gif) no-repeat scroll 0 0; } .xls { font-weight:normal; padding:2px 0 2px 22px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-xls.gif) no-repeat scroll 0 0; } .xls-list li { background-image:none; padding:0 0 10px 0; } /* sidelets */ .sidelet { width:172px; margin:0px 0 20px 20px; padding:1px 0 10px;} .sidelet h3{ text-transform:uppercase; margin:15px 0 5px} .sidebox { background-color:#eaedf2; margin-bottom:0; } div.sidebox h3 { text-transform: uppercase; margin:15px 11px 10px;} .sidebox p { margin:0px 11px; font-size:1.1em;} .sidebox p strong { font-size:1.1em; } .sidebox p.underline { border-bottom:1px solid #c4c9cd; padding-bottom:8px; margin-bottom:8px; } .sidebox ul {margin:0px 11px 8px;} .sideletimage { margin-bottom:8px; } .sidelet .figure { font-size:8.6em; font-weight:normal; color:#008982; line-height:1em; padding:0; margin-bottom:0;} .sidelet .figuremedium {font-size:5em; font-weight:normal; color:#008982; line-height:1em; padding:0; margin-bottom:0; } .sidelet .figure .unit {font-size:32px; line-height:1em;} .sidelet li a { background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-small-green-on-trans.gif) no-repeat scroll 0 6px; padding-left:10px; display:inline-block;} .box-blue li a { background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-white-on-trans.gif);} .box-blue h4.rss { margin:0 11px 2px; padding:2px 0 2px 20px; color:#fff; font-weight:normal; font-size:1.3em; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-rss.gif) no-repeat scroll top left; } .firstone { margin-top:70px; } .text-lightyellow { color:#ffd557; } .text-brightyellow { color:#ffce4c; } .text-darkblue { color:#005e9b;} .text-lightblue { color:#6cbbe8; } .text-lightgreen { color:#c3db35; } .text-darkgreen { color:#008982; /*#007261;*/} .text-red{ color:#83303d;} .text-brown{ color:#83471f;} /* .text-blue { color:#427db4;} - related links */ .box-blue { background-color:#427db4; } .box-blue p, .box-blue a, .box-blue li, .box-yellow p, .box-yellow a, .box-yellow li { color:#fff; } div.box-blue p.underline { border-bottom:1px solid #cfdce5; } div.box-yellow p.underline { border-bottom:1px solid #fff; } .box-yellow { background-color:#ffce4c; padding-top:0;} .box-green { background-color:#008982; background-image:none;} .box-red { background-color:#83303d; background-image:none;} .up { margin-top:-93px;} /* sitemap */ .sitemap { /*background-color:#f4f5f7;*/ } .map-col { width:149px; float:left;} #main-content .map-col ul { border-top:0; padding:0;} #main-content .map-col li { background-image:none; padding:0 10px 0 0;} .col-title { height:70px; display:table-cell; vertical-align:bottom;; position:relative; } #main-content .map-col li li { padding-left:15px; } #main-content .sitemap li a { color:#7292B3; font-weight:bold; } /* what we do */ #what-we-do h3 {margin-bottom:5px; font-size:1.2em; color:#427db4; } #what-we-do ul { border:1px solid #fff; margin-bottom:20px;} .grid4col{ width:744px;} .wwd-grid2col{ width:372px;} .wwd-grid3col{ width:558px;} #what-we-do li {width:184px; border:1px solid #fff; float:left; position:relative; padding-bottom:40px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg_4colGrid.jpg) repeat-y scroll top left;} #what-we-do .text { padding:10px; min-height:80px; height:80px} /* faq */ #faq li { padding-left:0; background-image:none; } #faq li.open{ height:auto;} #faq .last { background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-accordion-last-item.jpg); } #faq .open .accordion-title { background:#F4F4F4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-faq-title.jpg) no-repeat scroll top right; } #faq .open.last { padding-bottom:5px;} #faq .accordion-title { text-transform:none; padding-bottom:10px; font-family:"M+1c","Myriad","Myriad Pro",Arial,Helvatica,sans-serif; } /* forms */ .aocform { padding:15px 0; margin-bottom:15px; /*border:1px solid #d1d6d9; border-width:1px 0;*/} .aocform label { color:#213a51; font-size:1.3em; font-weight:bold; margin-bottom:8px;} .aocform .row { padding:5px 0; } .aocform .half { width:265px; float:left; } .aocform .hidden { visibility:hidden; } .aocform .field { border:0px solid #f00; } .aocform label { display:block; } .aocform select, .aocform input { display:block; background-color:#f4f5f7; border:1px solid #d1d7d7; height:22px; width:254px;} .aocform textarea { width:534px; display:block; background-color:#f4f5f7; border:1px solid #d1d7d7; } .aocform p { margin-bottom:2px;} .aocform p.msg { display:none;} .aocform div.error p { margin-bottom:5px; color:#d00; display:block} .aocform div.error input, .aocform div.error textarea, .aocform div.error select { border:1px solid #d00;} .aocform .alertbox { padding:15px 15px 15px 35px ; background:#ffcccb url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-alert.gif) no-repeat scroll 10px 55%; color:#d00; margin-bottom:15px; } .aocform input.checkbox { display:inline; width:20px} .aocform .accordion .last {padding-bottom:5px; } .aocform .accordion input { height:auto; } /* corousal */ .carousal-module{margin:0 18px 20px 20px; position:relative;} .carousal-module h2 {font-size:1.6em; } #carousal{ position:relative; width:746px;} #viewframe { width:744px; height:129px; overflow:hidden; position:relative; border:1px solid #fff; } #carousal .previous{ top:40% ; left:-15px; position:absolute; cursor:pointer; width:10px; text-indent:-9999px; width:33px; height:33px; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/btn-previous.png) no-repeat scroll top left; z-index:1; } #carousal .previous.on { background-image :url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/btn-previous-on.png);} #carousal .next{ top:40%; right:-15px; position:absolute; cursor:pointer; width:10px; text-indent:-9999px; width:33px; height:33px; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/btn-next.png) no-repeat scroll top left; } #carousal .next.on { background-image :url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/btn-next-on.png);} #carousal ul.slider-belt { list-style:none; width: 746px; position:absolute; top:0; left:0; height: 129px} #carousal ul.slider-belt li{ float:left; ; width: 184px; border:1px solid #fff; } #carousal .status-counter { position:absolute; top:10px; right:30px;} #carousal .box{ position:relative;} #carousal .box h3{ position:absolute; top:0; left:0; padding:5px; color:#fff; font-size:1.2em; text-transform: uppercase; } #carousal .fomore{ position:absolute; color:#fff; padding:5px 0 5px; display:block; bottom:0; right:0; width:184px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-grey-transl.png) no-repeat scroll top left; margin:0;} #carousal .fomore:hover { text-decoration:none;} #carousal .fomore span { color:#fff; padding-left:20px; background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-white-on-trans.gif) no-repeat scroll 8px 4px transparent; position: relative;} #carousal .fomore span:hover { text-decoration:underline;} #peoplecarousal { margin:0 0 20px;} #peoplecarousal #carousal { padding-top:20px; } #peoplecarousal #viewframe { height:349px;} #peoplecarousal ul.slider-belt { height:349px;} #peoplecarousal .status-counter { top:0; font-size: 1.2em; } #peoplecarousal .people-details{ background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-people-details.png) repeat scroll top left; height:106px; width:184px; display:block; position:absolute; bottom:0; left:0; z-index:1; } .individual-quote {background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-quote-people.png) no-repeat scroll top left; height:243px; width:184px; display:block; position:absolute; top:0; left:0; } .individual-quote blockquote{ display:block; position:absolute; bottom:0; width:150px; left:20px; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-open-people.png) no-repeat scroll top left;} .individual-quote blockquote p{ padding:15px 12px 15px 15px; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-close-people.png) no-repeat scroll bottom right; display:block; color:#fff;} .people-details .name, .people-details .designation, .people-details .location { color:#fff; margin-bottom:2px; padding: 0 10px; } .people-details .name { font-size:1.2em; text-transform: uppercase; font-weight:bold; padding-top:15px; font-family: "M+1cbold","Myriad", "Myriad Pro", Arial, Helvatica, sans-serif;} .people-details .designation { color:#fff;} .people-details .location { color:#fff;} .people-details .readmore { color:#fff; padding-left:20px; background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-white-on-trans.gif) no-repeat scroll 8px 4px transparent; position: absolute; bottom:5px; left:5px; } /* utility */ .caps { text-transform:capitalize; } .hidden { display:none; } .nextline { clear:both;} .textRight { text-align:right;} .topbar { border-top:1px solid #d1d6d9; } .mb10 { margin-bottom:10px; } .mb0 { margin-bottom:0;} .underline {border-bottom:1px solid #d1d6d9; padding-bottom:10px; } /* new clearfix */ .cfx:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .cfx { zoom: 1; } /* IE6 */ *:first-child+html .cfx { zoom: 1; } /* IE7 */ @media print { /* dont print the following elements */ #sidebar, #global-nav, #search-nav, #site-sections, #misc-hold, #related-content, #utility-bar { display:none; } blockquote:before, q:before, blockquote:after, q:after { content:'"'; color:#f00; font-size:5em; } /* Avoid page breaks straight after a heading. */ h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } /* Avoid page breaks inside paragraphs, blockquotes, lists, and preformatted text. */ p, blockquote, ul, ol, dl, pre { page-break-inside: avoid; } /* Miscellaneous adjustments for print */ #content{ float:none; width:1000%; } #main-content { width:100%; } #footer { width:100%; border:1px solid #fff;} a[href^="http://"]:after, a[href^="ftp://"]:after { content: " (" attr(href) )"; font-size: 10pt; } }