/* ------------------------------------------ Coca-Cola Africa Author: Alphonso Morris @ Special Ops Media http://specialopsmedia.com Version: 13/05/08 ------------------------------------------*/ /* = Color Chart" Master Link Color: #333333 Master Rollover Color: #666666 Menu Link Color: #666666 Menu Hover Color: #cc3300 Font Family: Arial, Helvetica, sans-serif; ------------------------------------------*/ /* = Structure ------------------------------------------*/ body { width: 100%; height: 100%; margin: 0px; padding: 30px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg.jpg) no-repeat center top; background-color: #616E76; } #outside_container {width: 1000px; margin: 0px auto 0px auto; } #top_nav{height: 60px;width:985px; margin-left:7px;padding: 0px; position: relative; background:url(../images/top_nav.png) no-repeat ; } #content { background: url(../images/body_bg.png) no-repeat center top; width:1000px; margin-right: 1px; padding: 0px; height: 650px; color:#666666; line-height:20px; } /* = Paragraph -------------------------------------------*/ p { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; line-height: 1.3;} /* = Links --------------------------------------------*/ a:link{ font-family:Arial, Helvetica, sans-serif; color:#333333; text-decoration: none;} a:visited{ text-decoration:none; color:#333333;} a:active{ color: #333333; text-decoration:none;} a:hover{text-decoration:underline; color:#666666;} /* = Subpage Menu ----------------------------------------------*/ ul#subright_menu { margin-left:55px; margin-top: -45px; margin-right: 20px; float: right; color: #666666; display:inline;} ul#submenu li, ul#subright_menu li { list-style:none; margin-right:20px;font-size: 11px; display:inline; } ul#submenu li a, ul#subright_menu li a { text-decoration:none; color:#666666; } ul#submenu li a:hover, ul#subright_menu li a:hover {color:#CC3300; font-size: 11px;} /* = Brands Menu ----------------------------------------------*/ ul#brands_menu { margin-top: 35px; margin-right: 20px; float: left; color: #666666; display:inline;} ul#brands_menu li, ul#brands_menu li { list-style:none; margin-right:13px;font-size: 11px; display:inline; } ul#brands_menuli a, ul#brands_menu li a { text-decoration:none; color:#666666; } ul#brands_menuli a:hover, ul#brands_menu li a:hover {color:#CC3300; font-size: 11px;} #group{float:left; width: 380px; height: auto;} #brands_group{float:left; width: 300px; height: auto;} /* = Title Image ------------------------------------------------*/ #title_image{ width: 750px; height: 60px; margin-left: 235px; padding-top: 45px;} * html #title_image{ width: 750px; height: 60px; margin-left: 235px; margin-top:3px;} #subtitle_image{ width: 750px; height: 60px; margin-left: 220px; padding-top: 20px;} /* Left Navigation ------------------------------------------------*/ * html #left_nav{ background: url(../images/aboutus-menu-bg.png); background-repeat:no-repeat; float: left; width: 206px; height:110px; margin-left: 11px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; display:inline; margin-top:-57px; list-style-type:none;} * html #careers_nav{ background: url(../images/careers-menu-bg.png); background-repeat:no-repeat; float: left; width: 206px; height:110px; margin-left: 11px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; display:inline; margin-top:-57px; list-style-type:none;} * html #csr_nav{ background: url(../images/csr-menu-bg.png); background-repeat:no-repeat; float: left; width: 206px; height:200px; margin-left: 11px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; display:inline; margin-top:-57px; list-style-type:none;} #left_nav{ background: url(../images/aboutus-menu-bg.png); background-repeat:no-repeat; float: left; margin-top: -56px; width: 206px; height:110px; margin-left: 11px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; display:inline; list-style-type:none;} #careers_nav{ background: url(../images/careers-menu-bg.png); background-repeat:no-repeat; float: left; margin-top: -56px; width: 206px; height:110px; margin-left: 11px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; display:inline; list-style-type:none;} #csr_nav{ background: url(../images/csr-menu-bg.png); background-repeat:no-repeat; float: left; margin-top: -56px; width: 206px; height:200px; margin-left: 11px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; display:inline; list-style-type:none;} .text{ margin-top:10px; margin-left:10px; padding: 0px; line-height: 30px; list-style-type:none;} .did_you_know_text{ margin-top:5px; margin-left:10px; padding: 0px; line-height: 18px; list-style-type:none;} #globe{ float:left; width: 150px; height: 50px; padding: 0px; margin-left: 11px; margin-top:3px;} * html #globe{ float:left; width: 150px; height: 50px; padding: 0px; margin-left: 6px; margin-top:3px;} /* = Main Text ------------------------------------------------*/ #main_text{ margin-left: 30px; width: 320px; margin-top:10px; height: auto; float: left; padding: 0px; display:inline;} #press_release_text{font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 30px; width: 320px; margin-top:10px; height: auto; float: left; padding: 0px; display:inline;} #press_text{ margin-left: 30px; width: 350px; height: auto; float: left; padding: 0px; display:inline;} #careers_text{ margin-left: 10px; width: 350px; margin-top:10px; height: auto; float: left; padding: 0px; display:inline;} #brands_text{ margin-left: 10px; width: 280px; margin-top:10px; height: auto; float: left; padding: 0px; display:inline;} #search_box{margin: 30px 0 0 30px; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:12px; width: 250px; } * html #search_box{margin: 30px 0 0 15px; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:12px; width: 250px; } #go_button{float:left; margin:40px 0 0 10px;} #info{margin-left:250px; width:700px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px;} #bottlers_text{margin-left:243px; width:700px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px;} #bottlers_list{margin-top: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; float:left;} #bottlers_list a {color: #cc0000;} #bottlers_pic{float:left; margin-top:20px; margin-left:20px;} /* = Press ------------------------------------------------*/ #news { height:200px;; width:400px; margin-top: 15px; padding: 0px; float: left; border-bottom:dotted #CCCCCC thin; } * html #news { height:200px;; width:400px; margin-top: 15px; padding: 0px; float: left; border-bottom:dotted #CCCCCC thin; } #news_title{ height: auto; width:300px; margin:0px; padding: 0px; margin-bottom:10px; line-height:18px; text-transform: uppercase; font-weight:bolder; } .news_text { font-family: Arial; font-size: 13px; padding-top: 5px; float: left; text-transform: none; line-height: 18px; width:370px; font-weight: bold; } .press_release_subtext { font-family: Arial; font-size: 11px; padding-top: 5px; float: left; text-transform: none; line-height: 18px; width:620px; font-weight: bold; } .news_date { height: 20px; width: 330px; font-family: Arial; font-size: 11px; text-transform: none; line-height: 13px; font-weight:bold; float: left; } .news_small { width: 330px; height: auto; font-family: font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-transform: none; line-height: 13px; font-weight:normal; padding-bottom: 10px; float: left; } .media_text { font-family: Arial; font-size: 13px; padding-top: 5px; margin-left: 5px; float: left; text-transform: none; line-height: 18px; width:150px; font-weight: bold; } .media_date { height: 20px; width: 150px; margin-left: 16px; font-family: Arial; font-size: 11px; text-transform: none; line-height: 13px; font-weight:bold; float: left; } .media_text { font-family: Arial; font-size: 13px; padding-top: 5px; margin-left: 16px; float: left; text-transform: none; line-height: 18px; width:150px; font-weight: bold; } * html .media_date { height: 20px; width: 150px; margin-left: 7px; font-family: Arial; font-size: 11px; text-transform: none; line-height: 13px; font-weight:bold; float: left; } * html .media_text { font-family: Arial; font-size: 13px; padding-top: 5px; margin-left: 7px; float: left; text-transform: none; line-height: 18px; width:150px; font-weight: bold; } .release_text { font-family: Arial; font-size: 13px; float: left; text-transform: none; line-height: 18px; width:150px; font-weight: bold; } ._text { font-family: Arial; font-size: 12px; float: left; text-transform: none; line-height: 18px; width:650px; padding-top: 10px; padding-bottom: 5px; border-bottom:dotted #CCCCCC thin; } .release_date { height: 20px; width: 150px; font-family: Arial; font-size: 11px; text-transform: none; line-height: 13px; font-weight:bold; float: left; } .press_links{ width: 165px; float: left; font-size: 10px; font-weight: bold; text-decoration: underline; } #press_contacts{ width:405px; height:255px; float: left; margin:10px 0 0 32px;} #recent_releases{background: url(../images/recent_releases.jpg) top left no-repeat; border-right:dotted #CCCCCC thin; width:190px; height:220px; margin-top:10px; float: left; display:inline;} #sustainability_releases{background: url(../images/case-study.jpg) top left no-repeat; padding-bottom:10px; width:650px; margin-top:5px; float: left; display:inline;} #media_inquires{background: url(../images/media_inquires.jpg) top center no-repeat; width:200px; height:225px; margin-top:10px; float: left; } #media_box{margin-top:55px; width: 100px; margin-left: 13px; } .release_box{margin-top:15px; height:50px;width: 180px; text-align:top; border-bottom:dotted #CCCCCC thin; } .sustainability_box{margin-top:15px; margin-left:3px; height:25px;width: 650px; text-align:top; } .sustainability_text{ margin-top:5px; padding-top: 10px;} .spacer{margin-top:10px; height:8px;width: 180px;} /* = Horizontal Line -------------------------------------------------*/ #horizontal_line {background: url(../images/didyouknow.png); float: left; width: 320px; height: 200px; display:inline; } #brands_facts {background: url(../images/brands_facts.jpg) no-repeat; margin-left: 15px; margin-top: 60px; float: left; width: 205px; height: 179px; display:inline; } #careers_quote {background: url(../images/careers-quote.jpg); float: left; margin-top: 200px; width: 345px; height: 131px; display:inline; } #careers_search {background: url(../images/search_bg.jpg); margin-top:20px; float: left; width: 354px; height: 92px; display:inline; } /* = Africa Map ------------------------------------------------*/ #africa_map{background: url(../images/africa_map.png); float:left; height: 468px; width: 306px; margin-top: 10px; padding: 0px; display:inline; } #lg_africa_map{ height: auto; width: auto; margin-top:0px; margin-left:25px; padding: 0px; } #did_you_know{ height:350px; margin-top:40px; } #tcaff{ background: url(../images/tcaff.gif) no-repeat bottom; height:350px; margin-top:40px; list-style-type: none;} * html #tcaff{ background: url(../images/tcaff.gif) no-repeat bottom; height:350px; margin-top:40px; list-style-type: none;} * html .tcaff_text{ list-style-type: none; float: left; margin-top:10px; margin-left: 5px; line-height: 16px;} .tcaff_text{ list-style-type: none; float: left; margin-left: -30px; line-height: 16px;} .tcaff_text li{ border-bottom:dotted #CCCCCC thin; padding-bottom: 5px;} #did_you_know_title{margin-left:5px;} /* = Press Image ------------------------------------------------*/ #press_image{background: url(../images/press_image.jpg) no-repeat; float:left; height: 220px; width: 289px; margin-left: 25px; margin-top: 10px; padding: 0px; display:inline; } #press_image2{background: url(../images/press_image2.jpg) no-repeat; float:left; height: 220px; margin-top:250px; width: 289px; padding: 0px; display:inline; } /* = Careers Image ------------------------------------------------*/ #careers_employees{background: url(../images/careers-employees.jpg) no-repeat; float:left; height: 194px; width: 355px; margin-left:23px; margin-top: 5px; padding: 0px; display:inline; } /* = Brands Image ------------------------------------------------*/ #ex1_p1{margin-right:20px;} #ex1_p1 p{width: 200px; padding-top:35px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} #ex1_p2 p{width: 200px; padding-top:35px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} #ex1_p3 p{width: 200px; padding-top:35px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} #ex1_p4 p{width: 200px; padding-top:35px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} #ex1_p5 p{width: 200px; padding-top:35px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} #ex1_p6 p{width: 200px; padding-top:35px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} * html #ex1_p1 p{width: 200px; padding-top:45px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} * html #ex1_p2 p{width: 200px; padding-top:45px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} * html #ex1_p3 p{width: 200px; padding-top:45px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} * html #ex1_p4 p{width: 200px; padding-top:45px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} * html #ex1_p5 p{width: 200px; padding-top:45px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} * html #ex1_p6 p{width: 200px; padding-top:45px; padding-left:23px; font-family:Arial, Helvetica, sans-serif; color: #333; position: absolute;} * html #brand_group{height:463px; width: 700px; float: left; margin-left:12px;} #brand_group{height:463px; width: 700px; float: left; margin-left:21px;} #featured_brand{background: url(../images/featured_brand.png) no-repeat; float:left; height: 241px; width: 700px; margin-top: 5px; padding: 0px; display:inline; } #brands_gallery{background: url(../images/brands_newbg.png) no-repeat; float:left; height: 222px; width: 700px; padding: 0px; display:inline; margin-top:5px;} * html #brands_gallery{background: url(../images/brands_newbg.png) no-repeat; float:left; height: 222px; width: 700px; padding: 0px; display:inline; } #brand_image{ margin: 60px 0 0 30px; float: left; } #brand_text{ margin-left: 5px; width:470px; height:80px; float: left; display:inline; position: relative; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;} #brands_smtitle{float:left; height: auto; margin-top:10px;} #brands_slide{ width:auto; height:auto; float: left;} * html #brands_slide{ margin-top: 15px; margin-left:30px; width:auto; height:auto; float: left;} #spacer{margin: 60px 0 0 190px;} #map_click{margin:335px 0 0 40px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; text-decoration: none;} #directions{margin-top:410px; margin-left:340px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} /* CSR -----------------------------------------------*/ #csr_group{float:left; width: 740px; height:450px; margin-top:15px; margin-left:25px; font-size:11px; } #csr_images: { height: 150px; margin: 0;} #coke_africa_logo{ padding: 17px 0 0 15px; margin: 0px;} #csr_img1{float:left;} #csr_img2{float:left;} #csr_img3{float:left;} #csr_img4{float:left;} #case_studies{ margin-top:20px; float:left; width: 350px; height:300px; display:inline; } #didyouknow{ float:left; margin-left: 20px; margin-top:20px; width: 350px; height:300px; } .csr_style_left { font-family: Arial; font-size: 11px; text-transform: none; padding:0px; margin: 0px; float: left; line-height: 18px; width:300px; text-decoration: none; list-style-type:none; text-align: left; } .csr_style_left li { background: url(../images/pdf_icon.gif) no-repeat; border-bottom:dotted #CCCCCC thin; margin-top:5px; padding:0 0 10px 25px; width:300px; overflow: visible; } #cr_top{background: url(../images/csr-casestudy.png) top left no-repeat; width:294px; height:28px; display:block;} #cr_left{float: left; margin-left:5px; margin-top: 10px; padding: 0px;} #cr_top_right{ width:158px; height:28px; display:block;} #cr_right{ float: left; width: 700px; margin-top:25px; padding: 0px;} #entrepreneurship_title{background: url(../images/entrepreneurship_title.jpg) top left no-repeat; float: left; width: 700px; margin-top:25px; padding: 0px;} #environment_title{background: url(../images/environment_title.jpg) top left no-repeat; float: left; width: 700px; margin-top:25px; padding: 0px;} #education_title{background: url(../images/education_title.jpg) top left no-repeat; float: left; width: 700px; margin-top:25px; padding: 0px;} #wellness_title{background: url(../images/wellness_title.jpg) top left no-repeat; float: left; width: 700px; margin-top:25px; padding: 0px;} #environment_title p{margin-top: 50px;} #entrepreneurship_title p{margin-top: 50px;} #education_title p{margin-top: 50px;} #wellness_title p{margin-top: 50px;} .csr_style_right { font-family: Arial; font-size: 11px; text-transform: none; line-height: 16px; width:320px; margin:0px; padding:10px 0 0 20px; } .csr_style_right li{ padding-bottom: 10px; } /* = Footer ------------------------------------------------*/ #sub_footer { line-height: 15px; margin-top:-50px; positon: absolute; margin-left: 120px; width:730px; font-family:Arial, Helvetica, sans-serif; font-size: 10px; display:inline; color: #FFFFFF; text-align: center; float: left; } #sub_footer a:link{ color: white; } #sub_footer a:hover{ color: white; }