Getting your Trinity Audio player ready...

<!– STARTER CSS
WRAP it all in a

background page color is #FBFCFC
–>

div#content.article .graphic-wrapper h2,
.graphic-wrapper img {max-width:100%}
a.credit{font-style:italic}
.graphic-wrapper p{font-weight:normal;}

/* Put a

on your charts*/
.graphic-wrapper .legend p{font-family:’Arial’, sans-serif; font-size:14px; color:#000;line-height:1.3em;margin:0;padding:0;}
ul.key li{display: inline;margin-right: 28px;font-family: ‘Arial’,sans-serif;color: #000;font-size: 13px;}

/* A will draw a colored box for use in a color key. You will need to write a second class to set the color so it matches the chart/map/etc. */
.box{display: inline-block;background-color: #000;height: 10px;width: 10px;margin: 0 5px 0 0px;}

.clearfix{clear:both}

/* REMOVE HEIGHT and WIDTH attributes from fusion tables and replace with class=’fusion-table’ */
.fusion-table{width:100%;height:400px;margin:15px 0;}

/* USE AN

in “.graphic-wrapper” for chart labels */
.graphic-wrapper h4{color:#000;font-family:’Arial’, sans-serif;font-weight:bold;font-size:16px}

/* USE AN inside the

for normal-weight italic type */
.graphic-wrapper h4 em{font-weight:normal;}

/* TABLE STYLES — just be sure

is in “.graphic-wrapper” */
.graphic-wrapper table thead tr {background-color:#12182d;color:#fff;}
.graphic-wrapper table td,.graphic-wrapper table th{font-size:14px; font-family:’Arial’, sans-serif;}
.graphic-wrapper table td {padding:7px;}
.graphic-wrapper table th {padding:10px 7px;}
.graphic-wrapper table tr:last-child{ border-bottom: 2px solid #12182d;}
.graphic-wrapper table tr:last-child td{ padding-top: 10px; padding-bottom:10px;}

/* TABLE ZEBRA STRIPES — use

*/
.graphic-wrapper table.zebra td {padding:10px 7px;}
.graphic-wrapper table.zebra tr:nth-child(even) {background: #d3deea}

.show-phone{display:none;}

/* YOUR NEW STYLES HERE */

@media all and (max-width: 700px) {

.show-phone{display:initial;}
.hide-phone{display:none;}

/* THIS IS WHERE PHONE-SPECIFIC STYLES GO */

}

Peet’s Coffee & Tea, which plans to open 16 shops in the Chicago area in the coming months, still has a long way to go to compete with Starbucks. Despite losing market share to smaller coffee chains since its peak of 88.9 percent in 2008, Starbucks still dominates the specialty coffee shop chain landscape in the U.S.

U.S. MARKET SHARE OF SPECIALTY COFFEE SHOP CHAINS IN 2013


MARKET SHARE CHANGE SINCE 2004


Upcoming Peet’s Coffee and Tea locations in the Chicago area Opening this fall and winter

SOURCES: Euromonitor, Peet’s Coffee and Tea

@ChiTribGraphics

More Stories