/* INDEX */
.company .teaserWrapper {padding:0;}
.company .contentBoxWrapper { padding: 0 9px; }
.company .lastContentBoxWrapper { background: url(/images/layout/shadow2Columns.png) left bottom no-repeat; }
.company .contentBox { position: relative; padding: 15px 15px 20px; width: 609px; height: 165px; overflow: hidden; }
.company .lastContentBoxWrapper .contentBox { height: 190px; }
.company .contentBox h2 { height: 40px; text-indent: -19999px; margin: 0 0 5px; }
.company .contentBox .contentBoxContent { height: 60px; padding: 10px 15px; margin: 0 0 10px; }
.company .contentBoxContent p { font-size: 1.1em; font-weight: bold; line-height: 16px; color: #FFFFFF; }

.company #successBox { padding: 21px 15px 55px 9px; width: 968px; height: 170px; background: url(/images/company/indexSuccessBoxBg.png) left top no-repeat; }
.company #successBox h1 { width: 330px; height: 170px; float: left; text-indent: -19999px; background: url(/images/company/indexSuccessBoxH1Headline.gif) left top no-repeat; }
.company #successBox .contentBoxContent { float: left; width: 318px; height: 150px; padding: 10px 290px 10px 15px; background: url(/images/company/indexSuccessBoxContentBoxBg.png) left top no-repeat; margin: 0; }
.company #successBox .contentBoxContent p { color: #debac0; }
.company #successBox img { position: absolute; top: 20px; right: 15px; }

.company #aboutUsBox { background: url(/images/company/indexAboutUsBoxBg.png) left top no-repeat; }
.company #aboutUsBox h2 { background: url(/images/company/indexAboutUsBoxH2Headline.gif) left top no-repeat; }
.company #aboutUsBox .contentBoxContent { background: url(/images/company/indexAboutUsBoxContentBoxBg.png) left top no-repeat; }
.company #aboutUsBox .contentBoxContent p { color: #b7c6d3; }
.company #aboutUsBox img { position: absolute; top: 0px; right: 75px; }

.company #believeBox { background: url(/images/company/indexBelieveBoxBg.png) left top no-repeat; }
.company #believeBox h2 { background: url(/images/company/indexBelieveBoxH2Headline.gif) left top no-repeat; }
.company #believeBox .contentBoxContent { padding: 10px 310px 10px 15px; background: url(/images/company/indexBelieveBoxContentBoxBg.png) left top no-repeat; }
.company #believeBox img { position: absolute; bottom: 0px; right: 9px; }

/* ABOUT */

.about #aboutBox { padding: 6px 15px 0px 9px; background: url(/images/company/about/aboutBoxBg.png) left top no-repeat; width: 968px; height: 661px; position: relative; }
.about #aboutBox h1 { position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
.about #aboutBox ul.tabs { list-style-type: none; display: block; width: 100%; overflow: hidden; height: 32px; }
.about #aboutBox ul.tabs li { display: block; width: 484px; height: 32px; float: left; }
.about #aboutBox ul.tabs li a { display: block; width: 484px; height: 32px; text-indent: -19999px; background-position: left top; background-repeat: no-repeat; }
.about #aboutBox ul.tabs li#tabWorldwide a { background-image: url(/images/company/about/tabNavWorldwide.gif); }
.about #aboutBox ul.tabs li#tabMilestones a { background-image: url(/images/company/about/tabNavMilestones.gif); }
.about #aboutBox ul.tabs li a.active { background-position: left bottom; }

.about #aboutBox .topContent { width: 938px; height: 134px; padding: 13px 15px 32px 15px; overflow: hidden; background: url(/images/company/about/aboutVisual.png) 520px top no-repeat; }
.about #aboutBox .topContent .contentBoxContent { float: left; padding: 10px 15px; height: 114px; width: 423px; background: url(/images/company/about/contentBoxContentBg.png) left top no-repeat; }
.about #aboutBox .topContent .contentBoxContent p { font-size: 1.1em; font-weight: bold; line-height: 16px; color: #b9cad9; margin: 0 0 16px; }
.about #aboutBox .bottomContent { padding: 0 33px 0 33px; height: 450px; }
.about #aboutBox .bottomContent #map { width: 100%; height: 450px; overflow: hidden; background-image: url(/images/company/about/worldmap.jpg); background-repeat: no-repeat; background-position: left top; position: relative; }
.about #aboutBox .bottomContent .mapUSAKanada { background-position: left -450px !important; }
.about #aboutBox .bottomContent .mapSuedamerikaKaribik { background-position: left -900px !important; }
.about #aboutBox .bottomContent .mapEuropa { background-position: left -1350px !important; }
.about #aboutBox .bottomContent .mapNaherOstenAfrika { background-position: left -1800px !important; }
.about #aboutBox .bottomContent .mapAsienPazifik { background-position: left -2250px !important; }
.about #aboutBox .bottomContent #map ul { list-style-type: none; display: block; width: 100%; height: 100%; position: relative; }
.about #aboutBox .bottomContent #map ul li { display: block; position: absolute; }
.about #aboutBox .bottomContent #map ul li a { display: block; width: 100%; height: 100%; background: transparent; text-indent: -19999px; }
.about #aboutBox .bottomContent #map ul li a:focus { outline: none; }

.about #aboutBox .bottomContent #map #mapInfo { position: absolute; top: 30px; right: 2px; width: 442px; height: 192px; padding: 10px 25px 25px 15px; background: url(/images/company/about/mapInfoBg.png) left top no-repeat; }
.about #aboutBox .bottomContent #map #mapInfo a.closeButton { position: absolute; top: 10px; right: 20px; width: 11px; height: 11px; text-indent: -19999px; background: url(/images/company/about/closeButton.gif) left top no-repeat; }
.about #aboutBox .bottomContent #map #mapInfo a.closeButton:focus { outline: none; }
.about #aboutBox .bottomContent #map #mapInfo .contentBoxContent { padding: 10px 15px; width: 412px; height: 147px; }
.about #aboutBox .bottomContent #map #mapInfo .contentBoxContent p { font-size: 1.1em; font-weight: bold; line-height: 16px; color: #fee7ce; margin: 0 0 16px; }
.about #aboutBox .bottomContent #map #mapInfo h2 { height: 25px; text-indent: -19999px; background-repeat: no-repeat; background-position: left top; }
.about #aboutBox .bottomContent #map #mapInfo h2.infoUSAKanada { background-image: url(/images/company/about/headlineUSAKanada.gif); }
.about #aboutBox .bottomContent #map #mapInfo h2.infoSuedamerikaKaribik { background-image: url(/images/company/about/headlineSuedamerikaKaribik.gif); }
.about #aboutBox .bottomContent #map #mapInfo h2.infoEuropa { background-image: url(/images/company/about/headlineEuropa.gif); }
.about #aboutBox .bottomContent #map #mapInfo h2.infoNaherOstenAfrika { background-image: url(/images/company/about/headlineNaherOstenAfrika.gif); }
.about #aboutBox .bottomContent #map #mapInfo h2.infoAsienPazifik { background-image: url(/images/company/about/headlineAsienPazifik.gif); }

.about #aboutBox .bottomContent #map ul li#mapUSAKanada { width: 407px; height: 212px; top: 0px; left: 0px; }
.about #aboutBox .bottomContent #map ul li#mapSuedamerikaKaribik { width: 357px; height: 259px; top: 191px; left: 0px; }
.about #aboutBox .bottomContent #map ul li#mapEuropa { width: 150px; height: 174px; top: 17px; left: 378px; }
.about #aboutBox .bottomContent #map ul li#mapNaherOstenAfrika { width: 181px; height: 210px; top: 180px; left: 390px; }
.about #aboutBox .bottomContent #map ul li#mapAsienPazifik { width: 268px; height: 450px; top: 0px; left: 571px; }

/* MILESTONES */

.milestones #aboutBox .topContent { background: url(/images/company/about/milestoneVisual.png) 116px 13px no-repeat; padding-bottom: 17px; }
.milestones #aboutBox .topContent .contentBoxContent { float: right; }
.milestones #aboutBox .bottomContent { padding: 0; position: relative; height: 416px; }
.milestones #aboutBox #milestoneContent { padding: 10px 0 0 30px; height: 406px; }
.milestones #aboutBox #milestoneContent .milestoneContent { width: 938px; height: 406px; overflow: hidden; position: relative; }
.milestones #aboutBox #milestoneContent h2 { margin: 15px 0 0; font-size: 8.5em; line-height: 90px; color: #002849; }
.milestones #aboutBox #milestoneContent h3 { text-transform: uppercase; font-size: 3.0em; line-height: 34px; color: #002849; margin: -10px 0 30px; }
.milestones #aboutBox #milestoneContent p { font-size: 1.1em; line-height: 16px; color: #FFFFFF; font-weight: bold; margin: 0 0 16px; }
.milestones #aboutBox #milestoneContent img { position: absolute; top: 0px; }

.milestones #aboutBox #milestoneContent #year1954 img { left: 370px; }
.milestones #aboutBox #milestoneContent #year1957 img { left: 333px; }
.milestones #aboutBox #milestoneContent #year1963 img { left: 468px; }
.milestones #aboutBox #milestoneContent #year1974 img { left: 443px; }
.milestones #aboutBox #milestoneContent #year1975 img { left: 398px; }
.milestones #aboutBox #milestoneContent #year1976 img { left: 533px; }
.milestones #aboutBox #milestoneContent #year1977 img { left: 370px; }
.milestones #aboutBox #milestoneContent #year1982 img { left: 398px; }
.milestones #aboutBox #milestoneContent #year1986 img { left: 353px; }
.milestones #aboutBox #milestoneContent #year1991 img { left: 493px; }
.milestones #aboutBox #milestoneContent #year1992 img { left: 493px; }
.milestones #aboutBox #milestoneContent #year1993 img { left: 327px; }
.milestones #aboutBox #milestoneContent #year1997 img { left: 260px; top: 31px; }
.milestones #aboutBox #milestoneContent #year1998 img { left: 363px; top: -15px; }
.milestones #aboutBox #milestoneContent #year1999 img { left: 268px; top: 51px; }
.milestones #aboutBox #milestoneContent #year2001 img { left: 560px; }
.milestones #aboutBox #milestoneContent #year2002 img { left: 438px; }
.milestones #aboutBox #milestoneContent #year2003 img { left: 438px; }
.milestones #aboutBox #milestoneContent #year2004 img { left: 385px; }
.milestones #aboutBox #milestoneContent #year2005 img { left: 385px; }
.milestones #aboutBox #milestoneContent #year2006 img { left: 411px; top: 56px; }
.milestones #aboutBox #milestoneContent #year2007 img { left: 438px; top: -16px; }
.milestones #aboutBox #milestoneContent #year2008 img { left: 411px; }
.milestones #aboutBox #milestoneContent #year2009 img { left: 464px; }


.milestones #aboutBox .galleryWrapper { width: 968px; height: 60px; position: absolute; top: 390px; left: 0px; }
.milestones #aboutBox .gallerySlider { width: 868px; height: 60px; margin: 0 auto; overflow: hidden; position: relative; }
.milestones #aboutBox .galleryWrapper a.sliderNav { display: block; width: 50px; height: 60px; text-indent: -19999px; position: absolute; top: 0px; background-repeat: no-repeat; background-position: left top; }
.milestones #aboutBox .galleryWrapper a.leftSliderNav { left: 0px; background-image: url(/images/company/about/sliderNavLeft.png); }
.milestones #aboutBox .galleryWrapper a.rightSliderNav { right: 0px; background-image: url(/images/company/about/sliderNavRight.png); }
.milestones #aboutBox .galleryWrapper a.sliderNav:focus { outline: none; }

.milestones #aboutBox ul.gallerySlides { position: absolute; list-style-type: none; display: block; overflow: hidden; height: 60px; width: 100%; }
.milestones #aboutBox ul.gallerySlides li { float: left; width: 100px; height: 60px; overflow: hidden; display: block; padding: 0 25px 0 0; background: url(/images/company/about/sliderShadow.png) 5px bottom no-repeat; }
.milestones #aboutBox ul.gallerySlides li a { font-size: 4.0em; line-height: 40px; color: #196fb5; text-decoration: none; }
.milestones #aboutBox ul.gallerySlides li a.active { color: #74b7ed; }

/* FRANCHISE */

.franchise .rightColumn {padding:0;}
.franchise .topBox { width: 346px; height: 190px; padding: 10px 15px 0 239px; }
.franchise .topBox h1, 
.franchise .topBox h2 { height: 65px; text-indent: -19999px; background-repeat: no-repeat; background-position: left top; margin: 0 0 22px; }
.franchise p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #b6c7d4; margin: 0 0 16px; }
.franchise h4 { font-size: 1.6em; line-height: 24px; color: #b6c7d4; margin: 0 0 10px; }

.franchise ul, 
.franchise ol { margin: 0 0 16px; }
.franchise ul ul, 
.franchise ol ul { margin: 0; }
.franchise ul li, 
.franchise ol li { font-size: 1.1em; font-weight: bold; color: #b6c7d4; line-height: 16px; }
.franchise ol li ul li { font-size: 1.0em; }
.franchise span.paragraph { font-size: 1.1em; font-weight: bold; color: #b6c7d4; line-height: 16px; }

#keyToSuccessBox { width: 600px; height: 442px; padding: 6px 29px 0; background: url(/images/company/franchiseKeyToSuccessBoxBg.png) left top no-repeat; }
#keyToSuccessBox h1 { background-image: url(/images/company/franchiseH1KeyToSuccess.gif); }

#yourWayBox { width: 600px; height: 554px; padding: 30px 29px 0; background: url(/images/company/franchiseYourWayBoxBg.png) left top no-repeat; }
#yourWayBox h2 { background-image: url(/images/company/franchiseH2YourWay.gif); }
#yourWayBox .innerColumnGroup { width: 100%; overflow: hidden; }
#yourWayBox .innerColumnGroup .innerLeftColumn { width: 350px; padding: 0 25px 0 0; float: left; }
#yourWayBox .innerColumnGroup .innerRightColumn { width: 225px; float: right; }
#yourWayBox ul { margin: 0 0 16px 13px; }

#conditionsBox { width: 600px; height: 480px; padding: 50px 29px 0; background: url(/images/company/franchiseConditionsBoxBg.png) left top no-repeat; }
#conditionsBox h2 { background-image: url(/images/company/franchiseH2Conditions.gif); }
#conditionsBox .topBox { height: 160px; }
#conditionsBox ol { margin: 0; list-style-position: inside; }
#conditionsBox ol li { margin: 0 0 16px; }
#conditionsBox ol ul { list-style-position: outside; margin: 0 15px 0 13px; list-style-type: disc;  }
#conditionsBox ol li ul li { margin: 0; }

#dfvBox { width: 600px; height: 480px; padding: 25px 29px 0; background: transparent url(/images/company/franchiseDfvBoxBg.png) no-repeat scroll left -40px }
#dfvBox  h2 { background-image: url(/images/company/franchiseH2Dfv.gif); }
#dfvBox  .topBox { height: 185px; }
#dfvBox  a { color: #B6C7D4; }

/* BELIEVE */

.fullSizeBox { padding: 26px 15px 85px 24px; width: 953px; height: 455px; position: relative; }
.fullSizeBox h1 { text-indent: -19999px; height: 123px; }
.fullSizeBox .contentBoxContent { padding: 10px 15px 10px 15px; width: 380px; margin-left:10px; }
.fullSizeBox .contentBoxContent p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #FFFFFF; margin: 0 0 16px; }
.fullSizeBox img { position: absolute; bottom: 0px; right: 0px; }

.deepblueBox { background: url(/images/company/believe/deepblue968x475Bg.png) left top no-repeat; }
.deepblueBox .contentBoxContent { background: url(/images/company/believe/deepblueContentBoxContentBg.png) left top no-repeat; height: 295px; }

.believe h1 { background: url(/images/company/believe/believeH1Headline.png) left top no-repeat; }