.main .divider { margin:0 -22px; padding:8px 22px 0; }

/* tabs */
.tabs { margin-top:60px; height:80px; text-align:center; }
.tabs ul { position:absolute; z-index:1; left:50%; margin:0 -1280px; width:2560px; border-bottom:1px solid #ccc; }
.tabs li,
.tabs li a,
.tabs li span { display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1;
	-webkit-border-radius:4px 4px 0 0;
	   -moz-border-radius:4px 4px 0 0;
	        border-radius:4px 4px 0 0;
}

.tabs li { position:relative; z-index:1; margin:5px 0 0; *margin-right:5px; height:73px; vertical-align:top; border:1px solid #ccc; border-bottom-width:0; }
.tabs li a,
.tabs li span { width:260px; padding:21px 0 22px; font-size:1.125em; color:#999; text-decoration:none; background:#f6f6f6; }

.tabs li a:hover { background:#fff; }

.tabs li span { position:relative; z-index:1; color:#000; border-bottom:1px solid #fff; background:#fff; cursor:default; }

/* category nav */
.category-nav { margin-bottom:40px; }
.category-nav h2 { font-weight:normal; }
.category-nav a { display:block; margin-bottom:4px; color:#666; text-decoration:none; }
.category-nav a:hover { color:#08c; }


/* compatibility pages
---------------------------- */

/* header */
body#compatibility .hero { position:relative; z-index:1; overflow:hidden; padding-top:40px; padding-bottom:0; border-bottom:none; }
body#compatibility .hero .intro { margin-top:1.4em; width:850px; }

/* compatability table */
body#compatibility .chart { padding-top:60px; }
body#compatibility .chart table { margin:0 -22px; width:924px; line-height:1.4; border:1px solid #e2e2e2; }
body#compatibility .chart table th,
body#compatibility .chart table td { padding:12px 8px 12px 22px; border:1px solid #e2e2e2; }
body#compatibility .chart table th { font-weight:bold; border-width:1px 0; background:#f7f7f7; /*background:#fcfcfc;*/ }
body#compatibility .chart table td { width:270px; }

body#compatibility .chart table th + th,
body#compatibility .chart table th + td,
body#compatibility .chart table td + th,
body#compatibility .chart table td + td { padding-left:8px; text-align:center; background:#fcfcfc; }
body#compatibility .chart table th + th,
body#compatibility .chart table td + th { font-weight:normal; font-style:italic; background:#f7f7f7; }
body#compatibility .chart table th + td,
body#compatibility .chart table td + td { width:190px; }

body#compatibility .chart table thead th,
body#compatibility .chart table thead td { border-width:1px; background:#f2f2f2; }
body#compatibility .chart table thead th + th,
body#compatibility .chart table thead td + th { font-weight:bold; font-style:normal; }

body#compatibility .chart table img { display:block; margin:0 auto; }

/* iwork promos */
body#compatibility .iwork-promos { margin-top:-60px; /*margin-bottom:60px;*/ /*padding-bottom:0;*/ }
body#compatibility .iwork-promos .row { width:924px; padding-left:0; padding-right:0;}
body#compatibility .iwork-promos .row.height-fixer{  display: flex; justify-content: space-between }
body#compatibility .iwork-promos .column { margin:0; width:252px; padding:20px 25px 0; }
body#compatibility .iwork-promos .column + .column { border-left:1px solid #e0e0e0; }


/* numbers 250+ functions
------------------------------ */
body#functions .hero .row { border:none; }
body#functions .hero h1 { margin-top:20px; margin-bottom:6px; letter-spacing:-1px; font-size:2em; }
body#functions .hero .intro { width:370px; }

body#functions .category-nav { margin-top:40px; margin-bottom:-30px; }
body#functions .category-nav .grid5col .column { width:20%; }
body#functions .category-nav .grid5col .column.first { width:19%; }
body#functions .category-nav .grid5col .column.last { width:15%; }

body#functions .grid4col { font-size:.75em; }
body#functions .grid4col h1 { margin:0 -22px 24px; padding:0 22px 8px; font-size:1.75em; border-bottom:1px solid #e5e5e5; }
body#functions .grid4col h2 { margin-bottom:4px; padding-bottom:5px; font-weight:bold; font-size:1em; border-bottom:1px solid #e5e5e5; }

body#functions p.backtotop { clear:both; margin-bottom:0; padding-bottom:18px; text-align:right; font-size:12px; }
body#functions p.backtotop a { padding-right:10px; text-align:right; background:url(/global/elements/arrows/uparrow_08c.gif) no-repeat 100% 50%; }