table { border-collapse:collapse;}
td { vertical-align:top; padding:8px 16px;} .tbl td {border:1px solid #D0D0D0;}

p, ul {margin:15px 0; line-height:24px;}
ul li {line-height:30px;}
ul.dot {padding-left:0;}
ul.dot li {list-style-type:none; padding-left:18px; background:url(images/li-dot-black.png) no-repeat left 2px;}
.article-column .first-element { margin-top:0; }

ul.box-dot li {background-image:url(images/li-dot-white.png)}

h1 { margin:0 2.2% 24px; padding-top:16px; /* scrolling */ font-size:32px; letter-spacing: -2px; font-weight:700; color: #2B2F40;}
h2 {font-size:28px; line-height:26px; color:#2B2F40; letter-spacing: -1px;}
h3 { font-size:17px;}

/*  aside column  */
.compact-box { padding:1px 10px 6px; margin-bottom:22px; border-radius: 4px;}
.compact-box h2 { text-align:center; color: #2B2F40; font-size:26px; line-height: 30px; padding: 0 7px; margin:20px 0 16px;}
.compact-box p { color: #000; padding:0; margin:12px auto; text-align:center; max-width:270px; }
.last-box {margin-bottom:0;}

.phone-link { display:block; 	max-width:220px; margin:14px auto; padding: 85px 0 2px; text-align:center; font-size:34px; line-height:40px;
	letter-spacing:2px; color: #2B2F40; font-weight:700; background:url(images/phone-icon-black.png) no-repeat center 13px; text-decoration:none;}

.contact-heading { margin-top: -8px; padding-top: 14px;}
.compact-box .link-wrapper { padding:8px 0; }

/* buttons */
.link-btn { padding:8px 16px; border-radius: 3px; margin:0 auto; background-color: #ee1345ff; color:#fff; text-decoration:none; cursor: pointer; }
.link-btn:hover { background-color: #ee1345dd; }
.scroll-btn { width: 140px; padding: 12px 0 12px 20px; text-align: center; display: block; float: left; background-position: 12px center; background-repeat: no-repeat;}
.arrow-up-icon { background-image: url(images/arrow-up-icon.png);}
.arrow-down-icon { background-image: url(images/arrow-down-icon.png);}
.scroll-btn + .scroll-btn { margin-left: 24px; }
.mobile-display { display: none;}
.foot-btn-wrapper { margin: 0; float: right; position: absolute; bottom: 26px; right: 26px;}
.middle-btn-wrapper { margin: 26px auto 18px; width: 160px;}


/* box open-hours */
.open-hours-box { background-color: #2B2F40; border-radius: 4px;}
.open-hours-box h2 {color:#fff;}
.table-open-hours { margin:6px auto 12px auto; width: 225px; }
.table-open-hours tr td:first-child { min-width: 100px;}
.table-open-hours td { padding:3px 0; color:#fff;}
.table-open-hours td.closed { /*color:#f22;*/}
.table-open-hours td.booked { /*color:#ff0;*/}
.table-open-hours tr td:first-child { padding-right:12px;}


/*  messages  */
.message-box { padding:8px 0; margin:18px 0; border-radius: 4px; max-width: 550px;}
.message-box h2 { text-transform: uppercase; word-spacing: 3px;}
.message-box h2 .snipp { margin-right:14px;}
.message-box h2 .snipp:last-child { margin-right:0;}
.message-box .snipp-upper { text-transform:uppercase;}
.text-message-closed .snipp { margin-right:8px;}
.box-style-strong { background-color:#2B2F40; color:#FFF;}
.box-style-strong h2{ color:#FFF;}
.box-style-info { background-color:#e0e2e4; /*color:#FFF;*/}
.box-style-warning { background-color:#ee1345;}
.message-box h2 { font-size:24px; line-height:35px; margin:12px 0; padding: 0 22px;}
.message-box p {  margin:12px 18px; }
.box-style-warning h2, .box-style-warning p { color:#FFF;}

/* one column layout */
@media (max-width: 800px)
{
	h1, h2 { padding-left: 3px;}
	.message-box { margin:18px auto; }
	.message-box h2 { text-align: center;}
	.contact-link-wrapper { display: block;}
	.compact-box {  margin: 10px 0; padding:1px 10px 4px;}
	.compact-box h2 { margin-top: 14px; margin-bottom: 14px;}
	.foot-btn-wrapper {  max-width: 344px; margin: 0 auto 2.8%; float: none; position: static; }
	.mobile-display { display: block;}
}