.blockElement { display:block }
.nButton a { display:inline-block; padding:10px; font-weight:bold; color:#fff; text-decoration:none; background:transparent none repeat-x 0 0 }
.nButtonGreen a { background-color:#5b630f; background-image:url(http://www.mars.com/global/assets/images/banners/botBox_greenLink.png) }
.nButtonSlim a { display:inline-block; padding:4px; padding-left: 10px; padding-right: 10px; font-weight:bold; color:#fff; text-decoration:none; background-color:#5b630f; font-size: 12px; background: url(http://www.mars.com/global/assets/images/banners/botBox_greenLink.png) repeat-x #5B630F; }

#div_centerwhite.nofloat { float:none; width:auto }

/* Careers Banner */
.careersBanner { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/global/assets/images/layout/header_bgs_2.png); background-repeat:no-repeat; width:760px; height:208px; float: left; position:relative; clear:both; margin: 0px 0 10px; *margin-top:5px }
.careersBanner[class] { background-image: url('/global/assets/images/layout/header_bgs_2.png'); background-repeat:no-repeat; width:760px; height:208px; float: left; position:relative; clear:both; margin:0px 0 10px; *margin-top:5px }
    .careersBanner .careersBannerContent { position:absolute; top:20px; bottom:20px; left:20px; width:480px }
        .careersBanner h1 { margin:0 0 10px 0; font-size:28px; color:#555d0b; line-height:1 }
        .careersBanner p { margin:0; font-size:1.3em; font-weight: bold; color:#6a6a6a; line-height:1.2em; }
        .careersBanner p.footnote { font-size: 0.9em; line-height: 1.6em; font-weight: normal; }
        
        .careersWindow { position: relative; }
        p#discoverWindow { position: absolute; top: 20px; text-indent: -9999px; left: 470px; width: 262px; height: 235px; padding: 0px; z-index: 10; background: url(/global/assets/images/center-contents/discover_window.png) no-repeat top right; }
        .careersWindow h1 { margin:0 0 10px 0; font-size:28px; color:#555d0b; line-height:1; padding-right: 280px; }
        .careersWindow p { margin:0; font-size:1.3em; font-weight: bold; color:#6a6a6a; line-height:1.2em; padding-right: 280px; padding-top: 10px; }
        
        .careersWindow p.footnote { font-size: 0.9em; line-height: 1.6em; font-weight: normal; }
        .careersWindow li { margin:0; font-size:1.1em; font-weight: bold; color:#6a6a6a; line-height:1.2em; padding-right: 280px; padding-top: 10px; }
        .careersWindow ul { margin:0 0 0 15px; padding: 0; list-style-position:outside; padding-bottom: 10px; }
        
/* Careers Article */
.careersArticle h2 { margin:0; padding:0 0 15px; color: #555d0b; font-size:16px }
.careersArticle p { margin:0; padding:0 0 15px }
.careersArticle ul { margin:0 0 0 15px; padding:0 0 20px 0; list-style-position:outside }
    .careersArticle ul li { padding-bottom:10px }
.careersArticle .divider { margin:5px 0 20px; height:0; overflow:hidden; border-top:1px dotted #a4a957 }

/* Careers Carousel */
.careersCarousel { position:relative; clear:both; *height:174px; margin-top:10px; *overflow:hidden }
    .careersCarouselHeader { height:16px; padding:12px 20px; _padding-bottom:8px; background:transparent url(/global/assets/images/layout/background-carousel-header.jpg) no-repeat 0 0 }
    html > body .careersCarouselHeader { *width:776px }
        .careersCarouselHeader h3 { margin:0; padding:0; _height:19px; _overflow:hidden; color:#fff; font-size:16px }
    .careersCarouselBody { padding:20px 30px 5px; background:transparent url(/global/assets/images/layout/background-carousel-body.jpg) repeat-y 0 0 }
        .careersCarouselContent { *position:relative; width:700px; height:95px; margin:-55px 0 -25px; padding:55px 0 25px; overflow:hidden }
            .careersCarouselContent ul { _position:relative; width:4000px; margin:0; padding:0; list-style:none }
                .careersCarouselContent ul li { float:left; width:330px; margin-right:20px }
                .careersCarouselContent ul li.last { margin-right:0 }
                    .careersCarouselContent ul li img { _position:relative; float:left; margin-right:10px }
                    .careersCarouselContent ul li.portrait img { margin-top:-25px; margin-bottom:-25px }
                        .careersCarouselContent ul li h4 { margin:0 0 5px 0; padding:0; font-size:14px; color:#495212 }
                        .careersCarouselContent ul li p { margin:0; padding:0 }
            .careersCarouselButtonPrevious, .careersCarouselButtonNext { position:absolute; top:95px; width:17px; height:25px; background:transparent none no-repeat 0 0 }
            .careersCarouselButtonPrevious { left:10px; _left:10px; background-image:url(/global/assets/images/layout/btn_back_off.gif) }
            .careersCarouselButtonNext { right:10px; _right:15px; background-image:url(/global/assets/images/layout/btn_next_off.gif) }
            .careersCarouselButtonPrevious:hover { background-image:url(/global/assets/images/layout/btn_back_on.gif) }
            .careersCarouselButtonNext:hover { background-image:url(/global/assets/images/layout/btn_next_on.gif) }
    .careersCarouselFooter { height:15px; background:transparent url(/global/assets/images/layout/background-carousel-footer.jpg) no-repeat 0 0 }
    html > body .careersCarouselFooter { *width:776px }

/* Careers Gallery Head */
.careersGalleryHead {  }
    .careersGalleryHead .careersGalleryHeadText { float:left; width:350px }
        .careersGalleryHead h1 { color:#555D0B; margin:0; padding-bottom:10px; font-size:24px; _line-height:1 }
        .careersGalleryHead h3 { margin:0; padding-bottom:0px; font-size:1.2em }
        .careersGalleryHead p { margin:0 }
    .careersGalleryHead .careersGalleryHeadContent { float:right; width:328px; _width:358px; margin:0 0 -10px 0; padding:0; list-style:none; }
        .careersGalleryHead .careersGalleryHeadContent li { position:relative; float:left; width:72px; height:72px; margin:0 0 10px 10px; background: url(../images/image_person1_hover.jpg) no-repeat; }
            .careersGalleryHead .careersGalleryHeadContent li a { display:block; width: 72px; height: 72px; background: url(../images/image_person1.jpg) no-repeat; }
            .careersGalleryHead .careersGalleryHeadContent li a:hover { background: none; }
                  .careersGalleryHead .careersGalleryHeadContent li img { width:72px; height:72px; border:none }
                  .careersGalleryHead .careersGalleryHeadContent li span { position:absolute; left:4px; top:48px; width:40px; height:40px; background:transparent url(/global/assets/images/layout/play_icon.png) no-repeat 0 0 }
                
/* Careers Card Deck */
#CareersCardDeck {  }
    #CareersCardDeck .careersCardDeckText { float:left; width:420px }
        #CareersCardDeck .careersCardDeckText h1 { color:#555D0B; font-size:28px; line-height:1; margin:0 0 10px;}
        #CareersCardDeck .careersCardDeckText ul { margin:0; padding-left:25px }
            #CareersCardDeck .careersCardDeckText ul li { margin-bottom:10px; font-size:14px }
            #CareersCardDeck .careersCardDeckText ul li a { color:#006BA9; font-weight:bold; text-decoration:none; }
            #CareersCardDeck .careersCardDeckText ul li a:hover, #CareersCardDeck .careersCardDeckText ul li a:focus, #CareersCardDeck .careersCardDeckText ul li a:active { text-decoration: underline; }
    #CareersCardDeck .careersCardDeckContent { position:relative; float:right; width:275px; height:350px; margin:0 0 -15px 0; padding:0; list-style:none; background:transparent url(/global/assets/images/layout/background-deck.png) no-repeat 0 0 }
    #CareersCardDeck .careersCardDeckContent { _margin-bottom:0; _background-image:url(/global/assets/images/layout/background-deck.jpg) }
        #CareersCardDeck .careersCardDeckContent li { position:absolute; top:18px; left:47px; z-index:199; width:162px; height:231px; padding:50px 15px 15px 15px; font-family:"Trebuchet MS", sans-serif; color:#fff; background:transparent url(/global/assets/images/layout/background-card.png) no-repeat 0 0 }
        #CareersCardDeck .careersCardDeckContent li { _background-image:url(/global/assets/images/layout/background-card.gif) }
        #CareersCardDeck .careersCardDeckContent li { -webkit-animation-iteration-count:1; -webkit-animation-direction:normal; -webkit-transition-delay:0; -webkit-animation-timing-function:ease-out }
        #CareersCardDeck .careersCardDeckContent li.first { z-index:201 }
            #CareersCardDeck .careersCardDeckContent li h3 { margin:0 0 7px 0; padding:0; font-size:23px; font-weight:normal; line-height:1 }
            #CareersCardDeck .careersCardDeckContent li p { margin:0 0 10px 0; font-size:12px }
            #CareersCardDeck .careersCardDeckContent li a { position:absolute; bottom:15px; right:15px; width:60px; height:14px; padding:1px 7px; font-size:12px; color:#fff; text-decoration:none; background:transparent url(/global/assets/images/layout/backgorund-card-button.png) no-repeat 0 0 }
@-webkit-keyframes swap
{
    0%   { -webkit-transform:translate(0, 0) rotate(0deg) }
    50%  { -webkit-transform:translate(-162px, 0) rotate(-15deg) }
    100% { -webkit-transform:translate(0, 0) rotate(0deg) }
}
@-webkit-keyframes reset
{
    0%   { -webkit-transform:translate(0, 0) rotate(0deg) }
    100% { -webkit-transform:translate(0, 0) rotate(0deg) }
}

/* Purpose List */
.purposeList { list-style:none }
    .purposeList li {  }
        .purposeList li img { float:left; width:73px; height:73px; margin-right:15px }
        .purposeList li .purposeListContent { margin-left:88px }
            .purposeList li h2 { padding-bottom:10px }
    
/* Green Shaded Box */
.div_gradientGreen { clear:both; margin-bottom:10px }
    .div_gradientGreen .div_gradientGreen_head { height:15px; overflow:hidden; background:transparent url(/global/assets/images/layout/background-greenmodule-header.jpg) no-repeat 0 0 }
    .div_gradientGreen .div_gradientGreen_center { padding:0 15px; background:transparent url(/global/assets/images/layout/background-carousel-body.jpg) repeat-y 0 0 }
    .div_gradientGreen .div_gradientGreen_foot { height:15px; overflow:hidden; background:transparent url(/global/assets/images/layout/background-carousel-footer.jpg) no-repeat 0 0 }
    html > body .div_gradientGreen .div_gradientGreen_head,
    html > body .div_gradientGreen .div_gradientGreen_foot { *width:760px }

.next_page { position: relative; width: 612px; padding-left: 50px; padding-right: 100px; height: 190px; float: left; background: url(/global/assets/images/center-contents/next_bg.png) top left no-repeat !important; background: url(/global/assets/images/center-contents/next_bg.gif) top left no-repeat; margin-top: 10px; }

.next_page h4 { font-size: 2.2em; color: #004268; padding-top: 8px; }

.next_page em { color: #004268; }

.next_page p { border-top: 1px dotted #d1d1d1; margin-left: 50px; border-bottom: 1px dotted #d1d1d1; font-size: 1.4em; padding-top: 10px; padding-bottom: 10px; font-style: italic; }

.next_page p.one { margin-top: 32px; }

.next_page p.two { margin-top: 24px; }

.next_page p.three { margin-top: 16px; }

.next_page p.four { margin-top: 4px; }

.next_page p a:hover { text-decoration: underline; }

.next_page p.large { padding-right: 75px; }

.next_page p.xlarge { padding-right: 175px; }

.next_page p.xlargemargin { margin-right: 175px; }

.next_page p.images { position: absolute; right: 60px; text-indent: -9999px; border: none; margin: 0px; padding: 0px; }

.image1 p.images { background: url(/global/assets/images/center-contents/nextcontent_cards.png) no-repeat top left !important; background: url(/global/assets/images/center-contents/nextcontent_cards.gif) no-repeat top left; width: 106px; height: 127px; top: 25px; }

.image2 p.images { background: url(/global/assets/images/center-contents/nextcontent_people.png) no-repeat top left !important; background: url(/global/assets/images/center-contents/nextcontent_people.gif) no-repeat top left; width: 145px; height: 109px; top: 35px;  right: 70px; }

.image1a p.images { background: url(/global/assets/images/center-contents/nextcontent_fiveprinciples.png) no-repeat top left !important; background: url(/global/assets/images/center-contents/nextcontent_fiveprinciples.gif) no-repeat top left; width: 185px; height: 186px; top: 1px;  right: 70px; }

.image3 p.images { background: url(/global/assets/images/center-contents/nextcontent_videos.png) no-repeat top left !important; background: url(/global/assets/images/center-contents/nextcontent_videos.gif) no-repeat top left; width: 145px; height: 109px; top: 44px; right: 57px; }

.image4 p.images { background: url(/global/assets/images/center-contents/nextcontent_lady.png) no-repeat top left !important; background: url(/global/assets/images/center-contents/nextcontent_lady.gif) no-repeat top left; width: 205px; height: 129px; bottom: 5px; right: 57px; }

.next_page p a { text-decoration: none; font-weight: bold; color: #000000; }

.next_page a.next_one { position: absolute; right: 4px !important; right: 6px; top: 0px; height: 190px; width: 100px; background: url(/global/assets/images/layout/nextcontent_nextbutton.png) no-repeat right center !important; background: url(/global/assets/images/center-contents/nextcontent_nextbutton.gif) no-repeat right center; text-indent: -9999px; outline: none; }

.next_page a.end_one { position: absolute; right: 4px; top: 0px; height: 190px; width: 100px; background: url(/global/assets/images/layout/nextcontent_magnifier.png) no-repeat right center !important; background: url(/global/assets/images/center-contents/nextcontent_magnifier.gif) no-repeat right center; text-indent: -9999px; outline: none; }

.next_page a.back_one { position: absolute; left: 1px; bottom: 20px; height: 35px; padding-top: 15px; padding-left: 30px; font-size: 1.4em; text-decoration: none; width: 100px; background: url(/global/assets/images/layout/nextcontent_back.png) no-repeat top left !important; background: url(/global/assets/images/center-contents/nextcontent_back.gif) no-repeat top left;  color: #CCCCCC; }

.next_page a.back_one:hover { color: #AAAAAA; }
 

#div_centerwhite_rightcontent { width: 444px; position: relative; float: left; background: #FFFFFF; padding:0 16px; padding-right: 300px; text-align:left; min-height: 400px; height: auto !important; height: 400px;  }
#the_boxes { position: absolute; top: 0px; right: 0px; padding-right: 10px;}
/* .div_vertcal_banner_individual { margin: 10px; } */
#div_head_curve { background: #FFFFFF; }
#div_fullwhite_contents { float:left;}