@charset "utf-8"; 

/* BASE END ----------------------------------------------------------- */
/* LAYOUT --------------------------------------------------------------- */
.wrapper{width:98%; margin:1px auto; overflow:hidden; position:relative}

.wrapper.loading{ }

/*gridpak*/
.row{margin-right:-5px}

 .home .wrapper, .bv .wrapper{border-right-width:5px}

.colb{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background:#414141; background-clip:padding-box !important; border:0 solid transparent; float:right; margin-bottom:5px; border-right:5px transparent solid; padding:0 0%}

 
/* 1. 2 Column Grid 0px - 479px 
    ----------------------------------------------------------------------------- 
    
    Span 1:   50%
    Span 2:   100%
    
    ----------------------------------------------------------------------------- */
 @media screen and (min-width:0px) and (max-width:479px){ #language,#topnav{display:none}

 #navigation{display:none}
 .logo img{width:80%}
 .hideColumn{display:none}
 .sectoroverviews .twoColContent img{max-width:50%; float:left}
 .tinynav{display:block; width:100%}
 .RadMenu{float:none !important}
 .rmRootGroup{display:none !important}
 .charts{display:none}
 .nav{ display:none}

 body{font-size:0.875em}

.wrapper.loading, .loader{ height:200px}

 .home .wrapper, .bv .wrapper{width:275px}

.bpRelatedArticles{width:12.1%}

 .nav-item-title{font-size:1.2em}
 .nav2{color:#FFF; font-size:0.85em; padding-right:15px; position:absolute; top:50px; width:80px; z-index:100}

 .span_1, 
/*.nav li, */ .filters, .bpArticle, .nextprev, .btmLeftBrandImg li, .btmRailImg li, .brand{ width:50%}
 .span_2, 
.bpLeft, .bpTwitter, .infographic, .socialMedia, .copyright, .twoColContent, .threeColContent, .fourColContent, .fiveColContent, .eightColContent, .chartsPieContainer, .chartsBarContainer, .compareContainer .jezVideo, .tinynav, .interviewImg, .methodologyVideo, .ResponsiveTable, .topriser, .TopBrandsTable{ margin-right:0;  width:100%}

.brand, .brand .brandview{height:135px}
/*adds height to topriser*/
.brand.topriser, .brand.topriser .brandview{height:275px}

 .submenu_toggle h1{font-weight:bold; color:#c60c30; margin:0 9px 5px 0}
 .submenu_toggle .filterMenu li{/*background:none repeat scroll 0 0 #F1F1F2; display:inline; */ float:right;  border-radius:3px 3px 3px 3px;  margin:5px; overflow:hidden; padding:6px 8px; text-align:right; white-space:nowrap; width:120px}

 }

 /* 2. 4 Column Grid 480px - 767px 
    ----------------------------------------------------------------------------- 
    
    Span 1:   25%
    Span 2:   50%
    Span 3:   75%
    Span 4:   100%
    
    ----------------------------------------------------------------------------- */
 @media screen and (min-width:480px) and (max-width:767px){ .hideColumn{display:none}
 .mobileBanner{display:none}
 #navigation{display:none}
 .menu-button{display:none!important}
 #language, #topnav{display:none}

 /*page height styles*/
 .sectoroverviews .twoColContent img{max-width:50%; float:left}
 /*navigation styles*/
 .tinynav{display:block; width:100%}
 #navigation{float:none !important}
 .nav-item-title-first{line-height:24px!important}
 .nav-item-title-img, .nav-item-title-img2{width:74%}
 .RadMenu{float:none !important}
 .rmRootGroup{display:none !important}


.wrapper.loading, .loader{ height:200px}

 .home .wrapper, .bv .wrapper{width:431px}

.articleTitle{font-size:0.7em; width:80px}

 .nav-item-title{font-size:0.8em}
 .nav2{color:#FFF; font-size:0.8em; padding-right:15px; position:absolute; top:50px; width:80px; z-index:100}
 
 .bpRelatedArticles{width:12.1%}
 
 .span_1, 
.nav li, .btmLeftBrandImg li, .btmRailImg li, .brand, .nextprev{ width:25%}
 .span_2, 
.bpArticle, .topriser{ width:50%}
 .span_3, 
.filters, .interviewImg{ width:75%}

 .span_4, 
.bpLeft, .bpSlider, .charts, .bpTwitter, .socialMedia, .copyright, .twoColContent, .threeColContent, .fourColContent, .fiveColContent, .eightColContent, .chartsContainer, .compareContainer, .chartsPieContainer, .jezVideo, .methodologyVideo, .infographic, .ResponsiveTable, .TopBrandsTable{ margin-right:0;  width:100%}

.brand, .brand .brandview{height:104px}

 /*adds height to topriser*/
.brand.topriser, .brand.topriser .brandview{height:213px}

.clear2{clear:both}

 .submenu_toggle h1{font-weight:bold; color:#c60c30; margin:0 9px 5px 0}
 .submenu_toggle .filterMenu li{/*background:none repeat scroll 0 0 #F1F1F2; display:inline; */ float:right;  border-radius:3px 3px 3px 3px;  margin:5px; overflow:hidden; padding:6px 8px; text-align:right; white-space:nowrap; width:120px}

 }

 /* 3. 4 Column Grid 768px - 1023px 
    ----------------------------------------------------------------------------- 
    
    Span 1:   25%
    Span 2:   50%
    Span 3:   75%
    Span 4:   100%
    
    ----------------------------------------------------------------------------- */
 @media screen and (min-width:768px) and (max-width:1023px){  .mobileBanner{display:none}
 .tinynav{display:none}
 .miniNav{display:none}
 .logo{float:right}
 .menu-button{display:none!important}
 /*page height styles*/ 
 .sectoroverviews .twoColContent{height:800px}
 .articleLink{position:absolute}
 .articles .twoColContent{height:800px}
 .interviews .twoColContent{height:550px}
 .methodology .twoColContent{height:700px}
 .downloads .twoColContent{height:700px}
 .flexnav{display:none}
 
 
 .wrapper.loading, .loader{ height:200px}
 
 .home .wrapper, .bv .wrapper{width:715px}

 .span_1, 
.nav li, .bpArticle, .btmLeftBrandImg li, .btmRailImg li, .brand, .bpRelatedArticles, .nextprev{ width:25%}
 .span_2, 
.twoColContent, .topriser{ width:50%}
 .span_3, 
.filters, .interviewImg{ width:75%}
 .span_4, 
.bpLeft, .bpSlider, .bpTwitter, .charts, .infographic, .socialMedia, .infographic, .sectorImg, .copyright, .threeColContent, .fiveColContent, .eightColContent, .chartsContainer, .chartsPieContainer, .chartsBarContainer, .compareContainer, .chartsPieContainer, .jezVideo, .methodologyVideo, .infographic, .ResponsiveTable, .TopBrandsTable{ margin-right:0;  width:100%}

.brand, .brand .brandview{height:175px}

 /*adds height to topriser*/
.brand.topriser, .brand.topriser .brandview{height:355px}

.clear2{clear:both}

 .submenu_toggle h1{font-weight:bold; color:#c60c30; margin:0 9px 5px 0}
 .submenu_toggle .filterMenu li{/*background:none repeat scroll 0 0 #F1F1F2; display:inline; */ float:right;  border-radius:3px 3px 3px 3px;  margin:5px; overflow:hidden; padding:6px 8px; text-align:right; white-space:nowrap; width:120px}
 }

 /* 4. 8 Column Grid 1024px - 1279px 
    ----------------------------------------------------------------------------- 
    
    Span 1:   12.5%
    Span 2:   25.0%
    Span 3:   37.5%
    Span 4:   50.0%
    Span 5:   62.5%
    Span 6:   75.0%
    Span 7:   87.5%
    Span 8:   100%
    
    ----------------------------------------------------------------------------- */
 @media screen and (min-width:1024px) and (max-width:1279px){ .tinynav{display:none}
 .miniNav{display:none}
 .logo{float:right}

 .mobileBanner{display:none}
 /*page height styles*/
 .sectoroverviews .twoColContent{height:700px}
 .articleLink{position:absolute}
 .articles .twoColContent{height:700px}
 .articlesinterviews .twoColContent{height:675px}
 .interviews .twoColContent{height:500px}
 .methodology .twoColContent{height:800px}
 .downloads .twoColContent{height:575px}
 .nav-item-title{font-size:0.8em}
 .bpLeft{min-height:1250px}/*avoid having related articles move over under brandprofiles*/

 .nav-item-title-first{font-size:1.8em!important; line-height:23px!important}
 .nav-item-title{font-size:0.8em!important}
 .brandview .brandlogo{width:80%}
 .flexnav{display:none}
 .articleTitle{ font-size:0.9em!important;  padding-right:10px!important;  position:absolute;  top:10px!important;  width:100px!important}
 
 .wrapper.loading, .loader{ height:500px}
 
 .home .wrapper, .bv .wrapper{width:971px}

.bpRelatedArticles{width:12.0%}

 .span_1, 
.nav li, .brand, .nextprev, .bpArticle, .btmLeftBrandImg li, .btmRailImg li{ width:12.5%}
 .span_2, 
.bpArticle, .twoColContent, .topriser{ width:25.0%}
 .span_3, 
.threeColContent, .interviewImg{ width:37.5%}
 .span_4, 
.charts, .infographic, .bpSlider, .bpTwitter, .bpLeft, .fourColContent, .jezVideo, .methodologyVideo, .TopBrandsTable{ width:50.0%}
 .span_5, 
.fiveColContent{ width:62.5%}
 .span_6{ width:75.0%}
 .span_7, 
.filters{ width:87.5%}
 .span_8, 
.socialMedia, .copyright, .eightColContent, .chartsContainer, .chartsPieContainer, .chartsBarContainer, .compareContainer, .chartsPieContainer, .ResponsiveTable{ margin-right:0;  width:100%}

.brand, .brand .brandview{height:117px}
/*adds height to topriser*/
.brand.topriser, .brand.topriser .brandview{height:239px}
 .submenu_toggle h1{font-weight:bold; color:#c60c30; margin:0 9px 5px 0}
 .submenu_toggle .filterMenu li{/*background:none repeat scroll 0 0 #F1F1F2; display:inline; */ float:right;  border-radius:3px 3px 3px 3px;  margin:5px; overflow:hidden; padding:6px 8px; text-align:right; white-space:nowrap; width:165px}
 }

 /* 5. 8 Column Grid 1280px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:   12.5%
    Span 2:   25.0%
    Span 3:   37.5%
    Span 4:   50.0%
    Span 5:   62.5%
    Span 6:   75.0%
    Span 7:   87.5%
    Span 8:   100%
    
    ----------------------------------------------------------------------------- */
 @media screen and (min-width:1196px){ .tinynav{display:none}
 .miniNav{display:none}
 .logo{float:right}
 .mobileBanner{display:none}
 /*page height styles*/ 
 .sectoroverviews .twoColContent{height:700px}
 .articlesinterviews .twoColContent{height:700px}
 .articleLink{position:absolute}
 .articles .twoColContent{height:725px}
 .interviews .twoColContent{height:500px}
 .methodology .twoColContent{height:725px}
 .downloads .twoColContent{height:575px}
 .flexnav{display:none}
 
 .bpLeft{ min-height:1400px}
 
.wrapper.loading, .loader{ height:500px}
 
 .wrapper{width:1196px}

.bpRelatedArticles{width:12.1%}

 .span_1, 
.nav li, .item, .brand, .nextprev, .bpArticle, .btmLeftBrandImg li, .btmRailImg li{ width:12.5%}
 .span_2, 
.twoColContent, .topriser{ width:25.0%}

 .span_3, 
.bpLeft, .threeColContent, .interviewImg{ width:37.5%}
 .span_4, 
.buttonOverlay, .fourColContent, .jezVideo, .methodologyVideo, .TopBrandsTable{ width:50.0%}
 .span_5, 
.bpSlider, .charts, .infographic, .bpTwitter, .fiveColContent{ width:62.5%}
 .span_6{ width:75.0%}
 .span_7, 
.filters{ width:87.5%}
 .span_8, 
.socialMedia, .copyright, .eightColContent, .chartsContainer, .chartsPieContainer, .chartsBarContainer, .compareContainer, .chartsPieContainer, .ResponsiveTable{ margin-right:0;  width:100%}

.brand, .brand .brandview{height:151px}

 /*adds height to topriser*/
.brand.topriser, .brand.topriser .brandview{height:307px}

.articles{height:307px}

 .submenu_toggle h1{font-weight:bold; color:#c60c30; margin:0 9px 5px 0}
 .submenu_toggle .filterMenu li{/*background:none repeat scroll 0 0 #F1F1F2; display:inline; */ float:right;  border-radius:3px 3px 3px 3px;  margin:5px; overflow:hidden; padding:6px 8px; text-align:right; white-space:nowrap; width:165px}

 }
 
.isoGrid img{max-width:100%}

.sectorImg img{max-width:100%}
.btmRailImg img{max-width:100%}

.btmLeftBrandImg li{list-style-type:none; position:relative}
.btmLeftBrandImg a{display:block}
.btmLeftBrandImg img{max-width:100%}

.infographic img{max-width:100%}

.bpArticle img{max-width:100%}
.bpArticle a{display:block}

.nextprev a{display:block}
.nextprev img{max-width:100%}

.buttonOverlay img{max-width:100%}

.sectorImgGrid img{max-width:100%}
.bpRelatedArticles img{max-width:100%}
.twoColContent img{max-width:100%; display:block}
.fourColContent img, .fiveColcontent img, .eightColContent img{max-width:100%}
.interviewImg img{max-width:100%}
 
.copyright ul{float:left; margin-top:10px}

/* LAYOUT END --------------------------------------------------------------- */
/* MODULES --------------------------------------------------------------- */
/* header */
.header{overflow:hidden}

/* header end */
/* main nav */
.nav{list-style-type:none; padding:0px; margin:0px; position:relative;}

.nav li{opacity:1; position:relative}

.nav a:link, .nav a:visited{ color:#000; display:block; width:100%; height:100%}

.nav a:hover, .nav a:active, .nav a.selected{background:#5a5a5a ;  /*color:#fff; */}
.nav a:hover span, .nav a:active span, .nav a.selected span{color:#fff}
 .nav a:hover .nav-item-title-img{ display:none}

 .nav a:hover .nav-item-title-img2{ display:block}

.nav a:link .nav-item-bgrnd, .nav a:visited .nav-item-bgrnd{display:block; visibility:visible; max-width:100%}

.nav a:hover .nav-item-bgrnd, .nav a:active .nav-item-bgrnd, .nav a.selected .nav-item-bgrnd{visibility:hidden}

.nav-item-title{display:block; max-width:81%; padding-right:10%; min-height:inherit; position:absolute;  font-size:1.3em;  line-height:25px; top:50%;  z-index:100;text-align:right;color:#D4D4D4;}

 .nav-item-title-first{  display:block; max-width:48%; padding-right:10%; min-height:inherit; position:absolute; font-size:2.4em;  line-height:30px; top:5%;  z-index:100}

.nav-item-title-img{ display:block;  position:absolute;  padding:10% 10% 0 0}

.nav-item-title-img2{ display:none;  position:absolute;  padding:10% 10% 0 0}

.nav-item-title.mainSquare{font-size:1.5em; top:10%}

.nav-item-title img{max-width:85%; position:absolute; margin-top:-45%}

/* main nav end */
/* main grid brands */
/* main grid brands end */
.name{display:none}

.loading .loader{    height:500px;     width:100%;     display:block;     background:url('../../app/controls/BGB/BGB2012/images/navigation/preload.gif') no-repeat 50% 50%;  position:absolute;  top:70px;  right:0px;  z-index:99999}

.loader{display:none}

#tempTopRisers{ display:none}

.brand{overflow:hidden; position:relative}
.brand a:link, .brand a:visited{display:block; margin:0px; padding:0px}

.brand a:hover, .brand a:active{}

.brand .brandrank{position:absolute; font-size:1.4em; text-align:center;  width:100%; z-index:5; top:5px}

.brand .brandrank{color:#000}

.home .brand .brandrank{color:#fff;  display:none}

.home .brand .brandrank.dataView, 
.lt-ie9 .home .brand a:hover .brandrank, .lt-ie9 .home .brand a:active .brandrank{color:#c60c30}

.lt-ie9 .home .brand a:hover .brandview, .lt-ie9 .home .brand a:active .brandview{display:block}

.lt-ie9 .home .brand a:hover .peopleview, .lt-ie9 .home .brand a:active .peopleview{display:none}

.brand .brandview{position:absolute; display:block; padding:0% 6%; width:89%; /*was  88*/z-index:2; background:#f6f6f6; top:0}

.home .brand .brandview{display:none}

.brand a:hover .brandview, .brand a:active .brandview{}
 .brandview .brandlogo{ display:block;  max-width:54%;  margin:2% auto 0}
 
 .brandview .topRiserBadge{ max-width:23%;  margin-top:10%;  position:absolute;  bottom:10px;  left:20px}
 
 .brandview .changeinbv{ display:block;  color:#2a2a2a;  margin-top:1%}
 .brandview .brandvalue{ display:block;  color:#2a2a2a}
 
.brand .peopleview{max-width:100%; display:none}

.home .brand .peopleview{display:block}

/* MODULES END --------------------------------------------------------------- */
/* THEME --------------------------------------------------------------- */
/* THEME END --------------------------------------------------------------- */










/* grid styling */
/*1280px - 4px padding*/
#container{width:100%; overflow:auto}
.articlesinterviews{width:100%}
 
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0}
.mobileBanner{margin-top:5px}

/*filter menu*/
.appliedFilter{margin-right:5px; font-weight:bold; color:#000}

/*Toggle Area*/
#menu{margin-bottom:5px;}
#menu .toggle{float:left; width:9px; padding:5px; cursor:pointer; border-top:1px solid white; border-right:1px solid #E0E0E0; color:#999}
#menu ul.navmenu li:first-child .toggle{border-width:0 1px 0 0}

/*Menu Setup*/
#menu ul{margin:0; width:100%; background:none repeat scroll 0 0 #f6f6f6}
#menu ul.navmenu li{margin:0; list-style:none}
/*Links*/
#menu ul.navmenu a, #menu ul.navmenu a:visited{text-decoration:none; margin-right:5px; padding:5px; color:#000; /*display:block; */}
#menu ul.navmenu ul.submenu a:hover{/*background:#efefef; */ color:#c60c30}
/*Heading Outer div*/
#menu ul.navmenu .menutop{overflow:hidden; width:100%; background:#f6f6f6; cursor:pointer}
/*Header Links*/
#menu ul.navmenu .menutop a{width:100%; margin:0 0 1px 0; border-top:1px solid white; font-size:16px; /*float:left; */}
/*Header Link Hover*/
#menu ul.navmenu .menutop a:hover{color:#333}
/*Removes white border for the first header*/
#menu ul.navmenu li:first-child .menutop a{border-width:0px; position:relative; right:10px; top:5px}

/*Single Menu Width Fix*/
#menu ul.navmenu .menusingle a{width:100%}

/*Border Radius and Special Border Width*/
#menu ul.navmenu li:first-child .menutop{border-width:1px 1px 0 1px; -moz-border-radius:5px 0 0 5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px}
#menu ul.navmenu li:last-child .menutop{border-width:0px 1px 1px 1px; -moz-border-radius:0 5px 5px 0; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px}
#menu ul.navmenu li:last-child ul.submenu{-moz-border-radius:0 5px 5px 0; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px}
#menu ul.navmenu li:last-child .menutop-open{-moz-border-radius:0; -webkit-border-radius:0px; border-width:0 1px; border-bottom:1px solid #f6f6f6}

.navmenu hr{border-color:#f6f6f6; border-style:solid; border-width:1px 0 0; margin-bottom:10px; margin-top:10px; ; width:98%}

.submenu{display:none}
.submenu h1{font-weight:bold; color:#c60c30; margin:0 9px 5px 0}
.submenu .filterMenu li{background:none repeat scroll 0 0 #f6f6f6; border-radius:3px 3px 3px 3px; float:right; margin:2px; overflow:hidden; padding:6px 8px; text-align:right; white-space:nowrap; width:155px}

.hide{display:none}

.sectorArticleTitle{width:100px; position:absolute;  font-size:3.0em; color:#fff; top:100px; padding-right:35px; z-index:100}
.sectorImg:hover .hide{display:block; position:absolute}

.articleTitle{width:120px; position:absolute; font-size:0.9em; line-height:1.2em; color:#fff; top:15px; padding-right:15px;  z-index:5000}
.articleTitle:hover{color:#fff; width:120px; position:absolute; top:15px; padding-right:15px;  z-index:5000}

.btmLeftBrandImg li:hover .hide{display:block; position:absolute}

.brandview .brandrank{color:#c60c30; font-size:32px}

/*grid*/ 
/*brandprofile left column*/
.brandinfo{height:138px; background-color:#f6f6f6; position:relative}
.brandinfo .brandrank{position:relative; color:#c60c30}

.brandinfo .brandlogo{float:left; margin-left:15px; position:absolute; left:0; top:0}

.brandinfo .changeinbv{position:relative; margin-top:15px; right:20px; font-weight:bold}
.brandinfo .brandvalue{position:relative; right:20px; margin:3px 0}
.brandinfo .sector{position:relative; right:20px}

.brandinfo .brandrank{font-size:3.0em; color:#ed1c24; padding:10px 20px 0 0}
.brandinfo .brandview .brandrank{position:relative; color:#c60c30; z-index:101}

.brandinfo .brandview .brandlogo{position:relative; z-index:101; top:55px; right:10px}

.brandinfo .brandview .changeinbv{position:relative; top:110px; right:10px; font-weight:bold; color:#000}
.brandinfo .brandview .brandvalue{position:relative; top:125px; right:10px; color:#000}

.brandsummary{background-color:#f6f6f6; font-size:16px; line-height:24px; margin-top:4px; padding:10px}
.brandsummary p{ font-size:14px; line-height:24px; margin-bottom:18px}
.brandsummary .brandname{margin:10px; font-size:30px; line-height:1.5em; }
.brandsummary .topriser{text-align:center}
 .brandsummary h1{font-weight:bold}

.bptopriser{text-align:center}
/*brandprofile right column*/
.bpRight{float:right}
.bpTwitter{}
.twtr-hd{background-color:#fff; display:none}
.twtr-hd2{background-color:#fff; height:30px}
.twtr-hd2 h4{margin:-22px 40px 0 0 !important; font-size:14px}
.twtr-hd a{color:#000}
.twtr-ft{background-color:#000; margin-top:5px}

.twtr-ft a{color:#fff!important}

#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4{background-color:#000}

.bpTwitter #twtr-widget-1 .twtr-new-results, .bpTwitter #twtr-widget-1 .twtr-results-inner, .bpTwitter #twtr-widget-1 .twtr-timeline{background:none repeat scroll 0 0 #000 !important}
.twtr-doc{border-radius:0px!important}
.twter-widget{background-color:#000}
.twtr-widget .twtr-tweet{margin:4px 0; border-bottom:none!important}
.twtr-widget .twtr-tweet-wrap{background-color:#000;  overflow:hidden;    padding:6px 8px}
.twtr-timeline{border-radius:0!important}
  .bpRelatedArticles{margin-right:4px}
.sectorImg{margin-top:4px; position:relative}

 .sectorImgGrid{margin-top:4px; position:relative}
.bpArticle{height:150px; background-image:url(../images/brandprofile/background.jpg)}

 .articleList li{  line-height:22px; font-size:14px; margin-right:10px; list-style:circle!important; margin-bottom:10px; margin-right:25px}
.sectorImgGrid{list-style:none}
.buttonOverlay{position:relative; z-index:2}
.previousUnderlay{position:relative; z-index:1}

/*methodology+interviews &articles*/
 
 /*methodology ul*/
 .methodology ul{ font-size:16px; line-height:20px; list-style-type:circle; margin-right:20px}

/*pages*/
.socialshare{float:left}

 .socialMedia{position:relative; float:left}
 .socialmedia ul{width:100%}

 .addthis_toolbox{padding:5px 5px 5px 0px}
 .addthis_toolbox .custom_images a{width:16px; height:16px; margin:0; padding:0}
 .addthis_toolbox .custom_images a:hover img{opacity:1}
 .addthis_toolbox .custom_images a img{display:inline; opacity:0.75}

 .interviewImg{background:#f6f6f6}
 .interviewImg p{padding:0 15px}

.articleinterviews{min-height:100%}
.articlesinterviews h1, .sectoroverviews h1, .downloads h1, .methodology h1{font-size:1.6em}
.blockquote{font-size:3.0em; line-height:40px; margin:10px 0; color:#000}

/*2 columns*/
.articlesinterviews .twoColContent a{color:#000}
.articlesinterviews .twoColContent a:hover{text-decoration:underline; color:#000}
 .articlesinterviews .twoColContent{background:#f6f6f6}
 .downloads .twoColContent{background:#f6f6f6}
 .sectoroverviews .twoColContent{background:#f6f6f6; padding:5px}
 .sectoroverviews .twoColContent a:hover{text-decoration:underline}
.bold{font-weight:bold}
 .italic{font-style:italic}

.twoColContent{position:relative; padding-bottom:60px}
.twoColContent h1{padding:5px; color:#000; font-size:1.3em; line-height:1.143em}
.twoColContent h2{padding:5px 15px; width:100px; font-size:0.9em; font-weight:bold;}
.twoColContent p{padding:5px; }

 /*3 columns*/
.threeColContent{position:relative; padding:10px}
.threeColContent h1{font-size:1.6em; line-height:1.2em; margin:5px 0; color:#000}

.threeColContent h2{font-size:0.9em; font-weight:bold; }
.threeColContent p{margin:10px 0;}

/*4 columns*/
.fourColContent{position:relative; padding:10px}
.fourColContent h1{font-size:1.6em; line-height:1.3em; margin:5px 0; color:#000}

.fourColContent h2{font-size:1.0em; font-weight:bold; }
.fourColContent p{margin:10px 0}

/*5 columns*/
.fiveColContent{position:relative}
.fiveColContent h1{padding:10px 10px; color:#c60c30; font-size:1.3em}
.fiveColContent h2{padding:5px 10px; font-size:0.9em; font-weight:bold; }
.fiveColContent p{padding:0 10px; }

/*8 columns*/
.eightColContent h1{margin:10px 0}

.eightColContent p{margin:10px 0; }

.articleLink{padding:15px 5px 30px; bottom:0}
.articleLink a{font-weight:bold; color:#000; font-size:12px;}
.title{font-weight:bold}

/**** Isotope CSS3 transitions ****/
.isotope, 
.isotope .isotope-item{ -webkit-transition-duration:0.8s;  -moz-transition-duration:0.8s;  -ms-transition-duration:0.8s;  -o-transition-duration:0.8s;  transition-duration:0.8s}

.isotope{ -webkit-transition-property:height,width;  -moz-transition-property:height,width;  -ms-transition-property:height,width;  -o-transition-property:height,width;  transition-property:height,width}

.isotope .isotope-item{ -webkit-transition-property:-webkit-transform,opacity;  -moz-transition-property: -moz-transform,opacity;  -ms-transition-property: -ms-transform,opacity;  -o-transition-property: top,right,opacity;  transition-property: transform,opacity}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, 
.isotope.no-transition .isotope-item, 
.isotope .isotope-item.no-transition{ -webkit-transition-duration:0s;  -moz-transition-duration:0s;  -ms-transition-duration:0s;  -o-transition-duration:0s;  transition-duration:0s}

/* End:Recommended Isotope styles */
.isotope-item{ z-index:2}

.isotope-hidden.isotope-item{ pointer-events:none;  z-index:1}

/*radcontrol overrides*/
.rgHeader{font-weight:bold!important}
.rgRow td, .rgAltRow td{vertical-align:middle}
.RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader{padding:15px!important}

.RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol{ background:none!important}

.TopBrandsTable .RadGrid_Default{ border:none!important}

.RadGrid_Default .rgHeader, .rgRow, .rgAltRow{}

/*brand profile rank colors*/
.brandrank.rank-01{color:#ED1C24}
.brandrank.rank-02{color:#ED1C23}
.brandrank.rank-03{color:#ED1D23}
.brandrank.rank-04{color:#ED1E23}
.brandrank.rank-05{color:#ED1F23}
.brandrank.rank-06{color:#ED2023}
.brandrank.rank-07{color:#ED2123}
.brandrank.rank-08{color:#ED2123}
.brandrank.rank-09{color:#ED2223}
.brandrank.rank-10{color:#ED2323}
.brandrank.rank-11{color:#ED2423}
.brandrank.rank-12{color:#ED2523}
.brandrank.rank-13{color:#ED2623}
.brandrank.rank-14{color:#ED2623}
.brandrank.rank-15{color:#ED2723}
.brandrank.rank-16{color:#ED2823}
.brandrank.rank-17{color:#ED2923}
.brandrank.rank-18{color:#EE2A23}
.brandrank.rank-19{color:#EE2B23}
.brandrank.rank-20{color:#EE2B23}
.brandrank.rank-21{color:#EE2C23}
.brandrank.rank-22{color:#EE2D23}
.brandrank.rank-23{color:#EE2E23}
.brandrank.rank-24{color:#EE2F23}
.brandrank.rank-25{color:#EE3023}
.brandrank.rank-26{color:#EE3023}
.brandrank.rank-27{color:#EE3123}
.brandrank.rank-28{color:#EE3223}
.brandrank.rank-29{color:#EE3323}
.brandrank.rank-30{color:#EE3423}
.brandrank.rank-31{color:#EE3523}
.brandrank.rank-32{color:#EE3523}
.brandrank.rank-33{color:#EE3623}
.brandrank.rank-34{color:#EF3723}
.brandrank.rank-35{color:#EF3822}
.brandrank.rank-36{color:#EF3922}
.brandrank.rank-37{color:#EF3A22}
.brandrank.rank-38{color:#EF3B22}
.brandrank.rank-39{color:#EF3B22}
.brandrank.rank-40{color:#EF3C22}
.brandrank.rank-41{color:#EF3C22}
.brandrank.rank-42{color:#EF3E22}
.brandrank.rank-43{color:#EF3F22}
.brandrank.rank-44{color:#EF4022}
.brandrank.rank-45{color:#EF4022}
.brandrank.rank-46{color:#EF4122}
.brandrank.rank-47{color:#EF4222}
.brandrank.rank-48{color:#EF4322}
.brandrank.rank-49{color:#EF4422}
.brandrank.rank-50{color:#EF4522}
.brandrank.rank-51{color:#F04522}
.brandrank.rank-52{color:#F04622}
.brandrank.rank-53{color:#F04722}
.brandrank.rank-54{color:#F04822}
.brandrank.rank-55{color:#F04922}
.brandrank.rank-56{color:#F04A22}
.brandrank.rank-57{color:#F04A22}
.brandrank.rank-58{color:#F04B22}
.brandrank.rank-59{color:#F04C22}
.brandrank.rank-60{color:#F04D22}
.brandrank.rank-61{color:#F04E22}
.brandrank.rank-62{color:#F04F22}
.brandrank.rank-63{color:#F04F22}
.brandrank.rank-64{color:#F05022}
.brandrank.rank-65{color:#F05122}
.brandrank.rank-66{color:#F05222}
.brandrank.rank-67{color:#F15322}
.brandrank.rank-68{color:#F15421}
.brandrank.rank-69{color:#F15521}
.brandrank.rank-70{color:#F15521}
.brandrank.rank-71{color:#F15621}
.brandrank.rank-72{color:#F15721}
.brandrank.rank-73{color:#F15821}
.brandrank.rank-74{color:#F15921}
.brandrank.rank-75{color:#F15A21}
.brandrank.rank-76{color:#F15A21}
.brandrank.rank-77{color:#F15B21}
.brandrank.rank-78{color:#F15C21}
.brandrank.rank-79{color:#F15D21}
.brandrank.rank-80{color:#F15E21}
.brandrank.rank-81{color:#F15F21}
.brandrank.rank-82{color:#F15F21}
.brandrank.rank-83{color:#F16021}
.brandrank.rank-84{color:#F26121}
.brandrank.rank-85{color:#F26221}
.brandrank.rank-86{color:#F26321}
.brandrank.rank-87{color:#F26421}
.brandrank.rank-88{color:#F26421}
.brandrank.rank-89{color:#F26521}
.brandrank.rank-90{color:#F26621}
.brandrank.rank-91{color:#F26721}
.brandrank.rank-92{color:#F26821}
.brandrank.rank-93{color:#F26921}
.brandrank.rank-94{color:#F26921}
.brandrank.rank-95{color:#F26A21}
.brandrank.rank-96{color:#F26B21}
.brandrank.rank-97{color:#F26C21}
.brandrank.rank-98{color:#F26D21}
.brandrank.rank-99{color:#F26E21}
.brandrank.rank-100{color:#F36F21}

/* Flexnav Base Styles */
.flexnav{ -webkit-transition:none;  -moz-transition:none;  -ms-transition:none;  transition:none;  -webkit-transform-style:preserve-3d;  overflow:hidden;  margin:0 auto;  width:100%;  max-height:0}

 .flexnav.opacity{ opacity:0}

 .flexnav.show{ max-height:2000px;  opacity:1;  -webkit-transition:all .5s ease-in-out;  -moz-transition:all .5s ease-in-out;  -ms-transition:all .5s ease-in-out;  transition:all .5s ease-in-out}

 .flexnav.one-page{ position:fixed;  top:50px;  left:5%;  max-width:200px}

 .flexnav li{ font-size:100%;  position:relative;  overflow:hidden}

 .flexnav li a{ position:relative;  display:block;  padding:.96em;  z-index:2;  overflow:hidden;  color:#222;  background:#f6f6f6;  border-bottom:1px solid rgba(0,0,0,0.15)}

 .flexnav li ul{ width:100%}

 .flexnav li ul li{ font-size:100%;  position:relative;  overflow:hidden}

 .flexnav li ul.show li{ overflow:visible}

 .flexnav li ul li a{ display:block;  background:#b2b2af}

 .flexnav ul li ul li a{ background:#bfbfbc}

 .flexnav ul li ul li ul li a{ background:#cbcbc9}

 .flexnav .touch-button{ position:absolute;  z-index:999;  top:0;  left:0;  width:50px;  height:50px;  display:inline-block;  background:#acaca1;  background:rgba(0,0,0,0.075);  text-align:center}

 .flexnav .touch-button:hover{ cursor:pointer}

 .flexnav .touch-button .navicon{ position:relative;  top:1.4em;  font-size:12px;  color:#666}

.menu-button{ position:relative;  display:block;  padding:1em;  margin:5px 0;  background:#f6f6f6;  color:#222;  cursor:pointer;  /*border-bottom:1px solid rgba(0,0,0,0.2); */}

 .menu-button.one-page{ position:fixed;  top:0;  left:5%;  padding-left:45px}

 .menu-button .touch-button{ background:transparent;  position:absolute;  z-index:999;  top:0;  left:0;  width:50px;  height:50px;  display:inline-block;  text-align:center}

 .menu-button .touch-button .navicon{ font-size:16px;  position:relative;  top:1em;  color:#666}

@media all and (min-width:800px){ body.one-page{ padding-top:70px}

 .flexnav{ overflow:visible}

 .flexnav.opacity{ opacity:1}

 .flexnav.one-page{ top:0;  left:auto;  max-width:1080px}

 .flexnav li{ position:relative;  list-style:none;  float:right;  display:block;  background-color:#a6a6a2;  width:20%;  overflow:visible}

 .flexnav li a{ border-right:1px solid #acaca1;  border-bottom:none}

 .flexnav li >ul{ position:absolute;  top:auto;  right:0}

 .flexnav li >ul li{ width:100%}

 .flexnav li ul li >ul{ margin-right:100%;  top:0}

 .flexnav li ul li a{ border-bottom:none}

 .flexnav li ul.open{ display:block;  opacity:1;  visibility:visible;  z-index:1}

 .flexnav li ul.open li{ overflow:visible;  max-height:100px}

 .flexnav li ul.open ul.open{ margin-right:100%;  top:0}

 .menu-button{ display:none}
}

.oldie body.one-page{ padding-top:70px}

.oldie .flexnav{ overflow:visible}

 .oldie .flexnav.one-page{ top:0;  left:auto;  max-width:1080px}

 .oldie .flexnav li{ position:relative;  list-style:none;  float:right;  display:block;  background-color:#a6a6a2;  width:20%;  min-height:50px;  overflow:visible}

 .oldie .flexnav li:hover >ul{ display:block;  width:100%;  overflow:visible}

 .oldie .flexnav li:hover >ul li{ width:100%;  float:none}

 .oldie .flexnav li a{ border-right:1px solid #acaca1;  border-bottom:none;  overflow:visible}

 .oldie .flexnav li >ul{ background:#acaca1;  position:absolute;  top:auto;  right:0;  display:none;  z-index:1;  overflow:visible}

 .oldie .flexnav li ul li ul{ top:0}

 .oldie .flexnav li ul li a{ border-bottom:none}

 .oldie .flexnav li ul.open{ display:block;  width:100%;  overflow:visible}

 .oldie .flexnav li ul.open li{ width:100%}

 .oldie .flexnav li ul.open ul.open{ margin-right:100%;  top:0;  display:block;  width:100%;  overflow:visible}

 .oldie .flexnav ul li:hover ul{ margin-right:100%;  top:0}

.oldie .menu-button{ display:none}

.oldie.ie7 .flexnav li{ width:19.9%}