/*   
Theme Name: Karen A Tutoring
Theme URI: https://www.karenatutoring.co.uk
Description: Responsive - custom template Brian Pedley 2021
Author: Brian Pedley
Author URI: http://www.pedleyonline.co.uk
Version: 1.01
*/


/*

font-family: 'Caveat', cursive;
font-family: 'Open Sans', sans-serif;

Dark Blue - #224287
Light Blue - #4e77cf
Light Grey - #bbbcbf

 */

@charset "UTF-8";
body {
	
}

html, body {

	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6, p, address, blockquote, div, ul, li { margin: 0; padding: 0; }

#websitemiddleLeft ul li, #mainpageHolder ul li, #topnavHolder ul li, #topSocial li, #pageIntro li, #bottomBit li, #greenBullets li, div#footerNav li, #footer li,  #sidenav li, #linknav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

:focus {
  outline: none !important;
}

::-moz-focus-inner {
  border: 0 !important;
}


a:link, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
}

a img {
	border-width: 0px;
	border-style: none;
}

a.dark:link, a.dark:visited {
	text-decoration: none;
	color: #FFF;
}
a.dark:hover, a.dark:active {
	text-decoration: none;
	color: #94C948;
}
.gaptopbot {
	padding-top: 10px;
	padding-bottom: 10px;	
	}
.gaptop {
	padding-top: 10px;
}

#gapTop {
	padding-top: 20px;
}


img.alignright {
	float:right;
	margin:0 0 20px 20px
}
img.alignleft {
	float:left;
	margin:0 20px 20px 0
}


/* Main Structure */

/* Website Top */

#websiteHeader {
position: fixed;
z-index: 400;
	width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
 	height: 135px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 5px solid #224287;
	background-color: #fff;
}

#websiteTop {
	height: 130px;
	margin-left: 0;
	margin-right: 0;
}
#websiteTop #logo {
	padding-left: 0;
	padding-right: 0;
	float: left;
	height: 130px;
	width: 40%;
}
#websiteTop #logo img {
	display: block;
	margin-left: 0;
	margin-right: auto;
	padding-top: 0px;
	height: 90px;
	margin-top: 20px;
}
#topRight {
	width: 60%;
	float: right;
	height: 0px;
}
#headerTop {
	height: 110px;
	width: 100%;
}

#topContact {
	padding-top: 0px;
	float: left;
}

#topContact img {
	margin-left: auto;
	margin-right: 80px;
	display: block;
	padding-top: 10px;
	margin-top: 22px;
	width: 260px;
}	

#topSocial {
	height: 85px;
	float: right;
	padding-top: 20px;
} 

#topSocial ul {
	margin-left: auto;
	margin-right: 0;
	display: block;
	width: 192px;
}
#topSocial li img {
	margin-left: 4px;
	margin-right: 0px;
	border-radius: 48px;
	background-color: #0ba3cd;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	width: 44px;
	float: left;
	padding: 4px;
}
#topSocial li img:hover {
	background-color: #087492;
}

#contactTop {
width: 30%;
	text-align: right;
	padding-top: 20px;
	color: #68bb45;
	font-size: 1.1em;
	line-height: 1.6em;
	float: left;
	height: 150px;
}	 


 

 
span.telephone {
	font-size: 1.4em;
	color: #fff;
	font-weight: bold;
}

#contactTop a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#contactTop a:hover {
	color: #a4d620;
	text-decoration: none;
}
 
span.email {
	font-size: 1em;
}
	

/* Responsive Menu */

#wprmenu_menu.top ul#wprmenu_menu_ul {
	padding-bottom: 0px;
	border-bottom: 2px solid #000;
}

ul#wprmenu_menu_ul li.menu-item a {
font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #0489e7;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

ul#wprmenu_menu_ul li.menu-item a:hover {
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	background-color: #1f72d6;
}


/* Top Nav */

#topnavHolder {
	margin-right: 0;
	margin-left: 0;
	float: right;
	width: 60%;
	height: 50px;
	margin-top: 50px;
}
#topnavHolder li a {
	display: block;
	text-align: center;
	color: #acadad;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	font-size: 1.2em;
	transition-property: color background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	height: 30px;
	margin-left: 20px;
	border-bottom: 2px solid rgba(172, 173, 173, 0);
}

#topnavHolder li a:hover {
		border-bottom: 2px solid #acadad;
	color: #858888;
	text-decoration: none;
}
#topnavHolder .current-menu-item a,
#topnavHolder .current-menu-item a:hover {
	color: #224287;
	border-bottom: 2px solid #224287;
}

#topnavHolder li#menu-item-51 a {
	margin-left: 0;
}

div.menu-top-menu-container, ul#menu-top-menu {
	float: right;
	margin-bottom: 0;
	padding-right: 0;
}

/* Website Middle */

#mainpageHolder {
   font-family: 'Open Sans', sans-serif;
	color: #0c1933;
	padding-bottom: 0px;
margin-top: 135px;
	font-size: 1.1em;
	line-height: 1.8em;
}

#mainpageHolder h1 {
	font-weight: bold;
	font-size: 2.2em;
	padding: 20px 0 0px;
	margin-top: 0;
	margin-bottom: 20px;
	color: #000;
}
 
#mainpageHolder h2 {
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 20px;
	color: #4e77cf;
	margin-bottom: 14px;
}

#mainpageHolder h2#nogapBot {
	margin-bottom: 10px;
}

#mainpageHolder #pageContent.faqs h2 {
	font-size: 1.2em;
}

#mainpageHolder h2#top {
	margin-top: 0;
}

body.page-id-3 #mainpageHolder h2 {
	margin-top: 15px;
}

#mainpageHolder #wideHeader h1.strap {
	margin-bottom: 0;
}
#mainpageHolder #wideHeader h2.strap {
	color: #4e77cf;
	margin-top: 10px;
	font-size: 1.4em;
	margin-bottom: 25px;
}

#mainpageHolder h3 {
 	font-weight: bold;
	margin-top: 0px;
	color: #a70711;
	margin-bottom: 10px;
}

#mainpageHolder h2 a {
	color: #086eb6;
}
  
#mainpageHolder span.telephone {
	color: #1f2d60;
	font-weight: bold;
	font-size: 1.5em;
}

#mainpageHolder a {
	color: #4b4b4b;
}

img#profilePic {
	margin-top: 20px;
	padding-left: 40px;
}

/* FAQs */

#faq {
	margin-bottom: 30px;
}

#faq #question {
	font-size: 1.2em;
	font-weight: bold;
	color: #162b59;
	margin-bottom: 10px;
}

/* Top Banner */

#topBanner {
	overflow:hidden;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 30px;
}
#mainpageHolder #topBanner img {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	height: auto;
}
#overlay #headerCaption {
	background-color: rgba(0, 0, 0, 0.9);
	color: #fff;
	padding-right: 30px;
	padding-left: 30px;
	width: 100%;
}
#headerCaption {
	bottom: 0px;
	color: #fff;
}

#mainpageHolder #topCaption h1 {
	line-height: 1.2em;
	font-size: 2.2em;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	border-left: 15px solid #a70711;
	margin-bottom: 0px;
	margin-top: 0;
	color: #fff;
}

/* Buttons */

#mainpageHolder a.buttonEnq {
		background: url(_graphics/mail-icon.png) 200px 12px no-repeat;
	background-size: 28px;
	width: 240px;
	display: block;
	margin: 20px auto 10px;
	text-align: left;
	color: #fff;
	border-radius: 4px;
	padding: 10px 20px 12px;
	border: 1px solid #ffffff;
	font-weight: bold;
}
#mainpageHolder a.buttonEnq:hover {
	color: #fff;
	text-decoration: none;
}

#action a {
	font-weight: bold;
	padding: 15px;
	display: block;
	width: 380px;
	margin: 25px auto 22px 0;
	background-color: #4e77cf;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
}

#mainpageHolder #action a:hover {
	background-color: #305bb7;
	color: #ffffff;
}

#mainpageHolder a:hover {
	color: #4e77cf;
	text-decoration: none;
}

/* Page Content Backgrounds */

#pageContent.pageExtra {

	padding-top: 30px;
	padding-bottom: 10px;
	background-color: #c2c2c4;
} 
   
#pageContent.noGap {
	padding-top: 0px;
} 
 
#pageContent {
	padding-bottom: 40px;
	padding-top: 10px;
}  
  
#pageExtra,
#pageIntro,
#pagePanels {
	margin-left: 0;
	margin-right: 0;
}
#pageIntro,
#pagePanels {
	margin-bottom: 0px;
}

#panelOne,
#panelTwo,
#panelThree {
	float: left;
	width: 33.3%;
	padding-bottom: 10px;
}
#pagePanels #panelHeader a {
	font: 1.4em 'Montserrat', sans-serif;
	display: block;
	padding: 10px;
	background-color: #086eb6;
	color: #fff;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
}
#pagePanels #panelHeader a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0286e3;
}

#panelOne {
	padding-right: 10px;
}
#panelTwo {
	padding-right: 5px;
	padding-left: 5px;
}
#panelThree {
	padding-left: 10px;
}

#panelImage img {
	width: 100%;
	filter: grayscale(1%);
	transition-property: opacity;
	transition-duration: .4s;
	transition-timing-function: ease-in-out;
}
#panelImage img:hover {
	opacity: 0.7;
}

#panelText {
	padding: 15px 20px 20px;
	background-color: #f5f5f6;
}

#bulletBlock {
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 30px;
}

#bulletsRow {
	margin-top: 10px;
}

#bulletsLeft {
	width: 50%;
	float: left;
	padding-right: 15px;
}

#introRow {
	margin-bottom: 15px;
}

#introRow #rightText {
	margin-top: 25px;
}
#textLeft {
	padding-left: 15px;
	margin-bottom: 15px;
	padding-right: 15px;
}
#textRight {
	padding-right: 15px;
	padding-left: 15px;
}

img#reviewImage {
	margin: 15px auto;
	width: 90%;
	display: block;
}

body.page-id-4 img#nnalLogo {
	width: 100%;
	margin-left: auto;
	margin-right: 0;
}

img#nnalLogo {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#introRow h2 {
		margin-top: 0;
	font-size: 1.8em;
}
  
#topImage {
	margin: 0;
}

#wideImage {
	overflow:hidden;
	margin-right: 0;
	margin-left: 0;
	width: 100%;
}
#wideImage img {
	width: 100%;
	height: auto;
}

#homeSlider {
	padding-top: 10px;
}

#imagerightTop {
	padding-top: 20px;
	padding-bottom: 20px;
}

#rightText h2 {
	margin-top: 0;
	font-weight: bold;
	font-size: 1.8em;
}

#mainpageHolder #rightText {

}

#mainpageHolder #rightText img {
	padding-top: 15px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Web Bullets */

#mainpageHolder #blogSingle li,
#mainpageHolder #textLeft li,
#mainpageHolder #leftRight li {
	padding-right: 0;
	list-style-type: none;
	background: url(_graphics/blue-bullet.png) 4px 9px no-repeat;
	margin-left: 0px;
	padding-left: 25px;
	display: block;
}

#mainpageHolder h3 {
	font-size: 1.4em;
	margin-top: 20px;
}

#mainpageHolder ul#ticks {
	margin-bottom: 0px;
}

ul#bullets li {
background: url(_graphics/blue-bullet.png) 2px 8px no-repeat;
padding-left: 25px;
padding-bottom: 5px;
font-size: 1em;
display: block;
line-height: 1.5em;	
} 

#mainpageHolder ul#whiteBullets li {
	background: url(_graphics/white-bullet.png) 2px 7px no-repeat;
	padding-left: 25px;
	padding-bottom: 5px;
	font-size: 1em;
	display: block;
	line-height: 1.5em;
}

#mainpageHolder ul#ticks {
	margin-top: 10px;
}

#mainpageHolder ul#ticks li a {
	background: url(_graphics/blue-tick.png) right 0 no-repeat;
	background-size: 32px;
	padding: 4px 40px 12px 0px;
	display: block;
	line-height: 1.4em;
	transition-property: color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 1em;
}
#mainpageHolder ul#ticks li a:hover {
		color: #4e77cf;
	text-decoration: none;
}

#pageHeader {
	padding-left: 15px;
	padding-right: 15px;
}

#mainpageHolder #rightText #logoLeft {
	margin-top: 20px;
	margin-left: 30px;
}

#mainpageHolder #rightText #logoLeft img {
	height: 180px;
	margin-bottom: 15px;
	float: left;
	padding-top: 0;
	margin-right: 30px;
}

/* Wide Band */

#wideBand {
	padding-top: 50px;
	padding-bottom: 50px;
}

#wideBand.payments {
	background-color: #fff;
	font-weight: bold;
}

#wideBand.grey {
	background-color: #dedfdf;
	color: #fff;
	padding-bottom: 35px;
}

#wideBand.calltoAction {
	background-color: #099fd1;
	color: #fff;
}
#mainpageHolder #wideBand.calltoAction a {
	color: #fff;
}

#wideHeader h1 {
	padding-top: 0;
}
 
#wideHeader h2 {
	padding-top: 0;
	margin-top: 30px;
	color: #000;
}

#headingMiddle {
	font: bold 1.8em 'Montserrat', sans-serif;
	text-align: center;
	margin-bottom: 20px;
}
#contentMiddle {
	text-align: center;
}

#wideBand.payments 	#contentMiddle {
	text-align: left;
}
#wideBand.payments img {
	display: block;
}

#wideBand .contactIntro {
	font: bold 1.4em 'Montserrat', sans-serif;
	display: block;
	margin-top: 15px;
}
#wideBand .contactNumbers {
	font: bold 1.8em 'Montserrat', sans-serif;
	display: block;
	margin-top: 10px;
}

#wideBand.calltoAction #readMore a {
	font: bold 1.4em 'Montserrat', sans-serif;
	color: #fff;
	padding: 15px;
	display: block;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	border: 1px solid #ffffff;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
}

#wideBand.calltoAction #readMore a:hover {
	background-color: #000;
}

/* Service Panels */

#panels {
	
}

#panels.three #panel {
	width: 33.3%;
	float: left;
	margin-bottom: 15px;
}
#panels.three #panel.one {
	padding-right: 10px;
}
#panels.three #panel.two {
	padding-left: 5px;
	padding-right: 5px;
}
#panels.three #panel.three {
	padding-left: 10px;
}
#panelTitle a {
	background-color: #4e77cf;
	text-align: center;
	display: block;
	padding: 15px 10px 17px;
	color: #fff;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	font-size: 1.2em;
}
#panelTitle a:hover {
	background-color: #2f57ae;
	color: #fff;	
}


/* Services */

#service {
	width: 49%;
	float: left;
	margin-left: .5%;
	margin-right: .5%;
}

#mainpageHolder #service h3 {
	margin-top: 0;
}

#mainpageHolder #service h3 a {
	color: #000;
}
#mainpageHolder #service h3 a:hover {
	color: #a70711;
}

#serviceImg {
	width: 30%;
	float: left;
}

#serviceImg a img {
border-radius:  200px;
	background-color: #a70711;
	width: 80%;
	padding: 10px;
	transition-property: padding;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	border: 8px solid #a2a3a6;
}

#serviceImg a img:hover {
	padding: 15px;
}

#serviceText {
	width: 70%;
	float: right;
	padding-right: 20px;
	height: 220px;
}

/* Services Nav */

#servicesLeft {
	padding-left: 20px;
	padding-right: 20px;
}

#servicesRight {
	margin-top: 40px;
	margin-bottom: 30px;
}

#servicesRight li a {
	float: left;
	width: 24%;
	display: block;
	margin-right: .5%;
	margin-left: .5%;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 1%;
	padding: 10px;
	text-align: center;
}

/* Alarm Packages */

#pageContent.packages {
	padding-top: 20px;
	padding-bottom: 20px;
}

#packagePanels {
	margin-left: 0;
	margin-right: 0;
}

#package {
	width: 24%;
	float: left;
	margin-right: .5%;
	margin-left: .5%;
	margin-bottom: 1%;
}

#package ul {
	margin-bottom: 0;
}

#package #header {
	font: bold 1.2em 'Montserrat', sans-serif;
	padding: 105px 20px 15px;
	color: #fff;
	text-align: center;
}

#package.bronze #header {
	background: url(_graphics/icon-bronze.png) center 10px no-repeat #505052;
}
#package.silver #header {
	background: url(_graphics/icon-silver.png) center 10px no-repeat #505052;
}
#package.gold #header {
	background: url(_graphics/icon-gold.png) center 10px no-repeat #505052;
}
#package.platinum #header {
	background: url(_graphics/icon-platinum.png) center 10px no-repeat #505052;
}

#package ul {
	padding-top: 10px;
	padding-bottom: 10px;
}

#package.bronze ul {
	background-color: #8d704a;
}
#package.silver ul {
	background-color: #999999;
}
#package.gold ul {
	background-color: #ba903f;
}
#package.platinum ul {
	background-color: #bcbdc0;
}

#package ul li {
	background: url(_graphics/left-arrow.png) 10px 11px no-repeat;
	font-size: .9em;
	line-height: 1.4em;
	padding: 5px 20px 5px 22px;
	display: block;
	color: #fffeff;
}

#package ul li:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.12);
}

#packFaq a {
	display: block;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 0px;
	background-color: #a70711;
	color: #fff;
}
#packFaq a:hover {
background-color: #c40612;
color: #fff;	
}
 
/* Gallery */

#galleryHeader {
	font: bold 1.2em 'Montserrat', sans-serif;
	color: #000;
	text-align: center;
	margin-bottom: 15px;
}

#fooGallery {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}
 
#fooGallery .fg-default.fg-gutter-10 {
padding-left:0px;
margin-bottom:0px
}
 
#fooGallery .fg-item {
    width: 16.6%;
}
  
#fooGallery .fg-item {
    margin-right: 0;
    margin-bottom: 0;
}
  
#fooGallery a.fancybox.image img {
    padding: 5px;
    width: 100%;
    height: auto;
	background-color: #dedfdf;
} 
  
#fooGallery.three .fg-item {
    width: 33.3%;
}
#fooGallery.four .fg-item {
    width: 25%;
}
#fooGallery.five .fg-item {
    width: 20%;
}
#fooGallery.six .fg-item {
    width: 16.6%;
}
/* HomePanels */

#homePanels {
	margin-left: 0;
	margin-right: 0;
}

#homePanels img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#homeOne, #homeTwo, #homeThree, #homeFour {
	padding-left: 4px;
	padding-right: 4px;
}

#homePanels h2 {
	font: 1.6em 'Open Sans', sans-serif;
	line-height: 1.8em;
	margin-top: 0;
}

#homePanels h2 a {
	font-weight: bold;
	margin-top: 0;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background: #0374bb url(_graphics/plus-icon.png) no-repeat right 8px;
}

#homePanels h2 a:hover {
	color: #fff;
	background-color: #005e9a;
}

#contactUs {
	padding-bottom: 15px;
	padding-top: 5px;
}

#contactUs a {
	background-color: #68bb45;
	padding: 10px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	width: 100%;
	display: block;
	text-align: center;
	border-radius:5px;
}

#contactUs a:hover {
	background-color: #4f9034;
	color: #fff;
}

#rightText #dshExtra {
	margin-top: 30px;
	padding: 30px;
	border: 1px dotted #0374bb;
}

/* FAQs */

#faqHolder {
	margin-bottom: 40px;
}

#faqQuestion {
	font: 1.4em 'Montserrat', sans-serif;
	margin-bottom: 10px;
} 

/* Website Testimonials */

#testimonialImage {
	margin-top: 25px;
} 

img#reviews {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	margin-bottom: 15px;
}

#testimonialsHolder {
	margin-right: 0;
	margin-left: 0;
	margin-top: 10px;
}
#reviewsLeft {
	padding-right: 30px;
	padding-left: 0px;
}
#testimonialsMiddle {
	padding-left: 5px;
	padding-right: 5px;
}
#reviewsRight {
	padding-left: 30px;
	padding-right: 0px;
}

#reviewPanel {
	margin-bottom: 40px;
}

#review {
	font: 1.5em/1.5em 'Caveat', cursive;
}

#reviewFrom {
	color: #4e77cf;
	margin-top: 10px;
	font-size: 1em;
}

#testimonialFrom a {
		color: #316fc8;
}
#testimonialFrom a:hover {
		color: #316fc8;
	text-decoration: underline;
}

#breadCrumb {
	width: 675px;
	float: left;
	font-size: 16px;
	color: #328eb8;
	font-weight: bold;
	line-height: 30px;
	border-bottom: 1px solid #0e3458;
	padding-bottom: 1px;
}

div#breadCrumb a {
	color: #0e3458;
}
div#breadCrumb a:hover {
	color: #7cbc42;
}

#websiteContent {
	width: 675px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	text-align: left;
	padding-right: 25px;
	padding-left: 20px;
}

#editorialContent {
	width: 675px;
	float: left;
	padding-top: 15px;
	padding-bottom: 20px;
	}

/* Blog Post Styling */

#archiveDesc,
#blogSingle,
#bloglistHolder {
	padding-left: 100px;
	padding-right: 100px;
	margin-left: 0;
	margin-right: 0;
}

#blogPost {
	margin-bottom: 50px;
	border-bottom: 1px dashed #b2b3b5;
	padding-bottom: 40px;
}

#headerBit {
	width: 100%;
	float: left;
	padding-top: 20px;
}
#headerLeft {
	width: 90%;
	float: left;
}
#headerRight {
	width: 10%;
	float: right;
}
#headerRight img {
	width: 44px;
	margin-right: 0;
	margin-left: auto;
}

#mainpageHolder #headerLeft h1 {
	margin-top: 0px;
	font-size: 2em;
	margin-bottom: 20px;
	padding-top: 5px;
}

#blogPost h2 {
	font-size: 1.6em;
	color: #086eb6;
}

#blogPost img {
	margin-top: 30px;
	margin-bottom: 20px;
}

#archiveDesc {
	margin-bottom: 50px;
}

#blogpostList {
	padding-bottom: 20px;
	padding-left: 0;
	padding-top: 30px;
	margin-left: 0;
	margin-right: 0;
	border-bottom: 1px dotted #0489e7;
}

#blogpostList #thumbImage img {
	width: 100%;
	height: auto;
}
#blogpostText {
	padding-left: 30px;
}
#blogpostList a.more-link {
	width: 45%;
	display: block;
	font-weight: bold;
	margin: 25px auto 20px 0;
	padding: 15px;
	text-align: center;
	background-color: #0489e7;
	font-size: 1.1em;
}

#blogpostList a span.readMore,
#blogpostList a.more-link {
		color: #fff;
}

#blogpostList a span.readMore:hover,
#blogpostList  a.more-link:hover {
		color: #fff;
	text-decoration: none;
		background-color: #2c6dbc;
}

/* Pagination */

#mainpageHolder .wp-paginate {
	padding: 20px 0;
	font-family: 'Montserrat', sans-serif;
	
	margin:0;
	text-align: center;
}
#mainpageHolder .wp-paginate li {display:inline; list-style:none;
}
#mainpageHolder .wp-paginate a {background:#fff; border:1px solid #5d9ae4; color:#5d9ae4; margin-right:5px; padding: 8px 12px; text-align:center; text-decoration:none;
	font-size: 1.2em;
}
#mainpageHolder .wp-paginate a:hover, 
#mainpageHolder.wp-paginate a:active {background: #e2ebf6; color: #5b98e3;
	}
#mainpageHolder .wp-paginate .title {color: #5d9ae4; margin-right:10px;
	font-weight: bold;
}
.wp-paginate .gap {color: #5d9ae4; margin-right:4px;}
#mainpageHolder .wp-paginate .current {color:#fff; background: #5d9ae4; border:1px solid #5d9ae4; 	font-size: 1.2em; margin-right:5px; padding: 8px 12px;}
.wp-paginate .page {}
#mainpageHolder .wp-paginate .prev, 
#mainpageHolder .wp-paginate .next {
	display: none;
}

#errorpageHolder img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 20px;
	padding-bottom: 40px;
}

#blogpageHolder .entry {
}

#blogpostMain {
	width: 980px;
	float: left;
	}

/* Website Right */

#websiteRight {
	float: right;
	width: 320px;
	padding-right: 20px;
}
	
#rightwidgetTop {
	float: left;
	width: 320px;
}
	
div#websiteRight h2 {
	width: 300px;
	color: #fff;
	margin-bottom: 5px;
	font-size: 18px;
	padding-top: 4px;
	padding-bottom: 7px;
	padding-left: 20px;
}


div#recent-posts-2.widget h2,
div#recent-posts-3.widget h2 {
	display: none;
}

/* Contact Page */

#contactDetails {
	color: #4e77cf;
	padding-top: 10px;
	padding-bottom: 15px;
	font-weight: bold;
}
span.number {
	color: #1f294d;
	padding-left: 5px;
	font-size: 1.6em;
}
.email a {
		color: #000;
}
#mainpageHolder .email a:hover {
		color: #0ba3cd;
	text-decoration: none;
}

#addressBlock {
	margin-bottom: 20px;
	margin-top: 10px;
}

/* Gravity Forms */

#contactformHolder {
border: 1px solid #121212;
padding: 5% 10% 10%;
margin-bottom: 0px;
	border-radius: 5px;
	margin-top: 30px;
}

#contactformHolder #gform_wrapper_1 {
color: #000;
margin-bottom: 0;
background-color: #fff;
margin-top: 0;
}
 
#contactformHolder span.gfield_required {
font-weight: normal;
font-style: normal;
	color: #121212;
}

#contactformHolder .gform_body li {
	padding-right: 0;
}

#contactformHolder textarea,
#contactformHolder .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
padding: 8px 10px;
letter-spacing:normalwidth: 1px;
width: 100%;
border: 1px solid #121212;
font-weight: bold;
font-size: 1.2em;
-webkit-appearance: none;
border-radius: 0;
margin-bottom: 10px;
}

#contactformHolder textarea {
height: 150px;
	margin-bottom: 15px;
}

#contactformHolder label {
font-size: 1em;
font-weight: normal;
font-style: normal;
margin-bottom: 0;
	color: #121212;
}

#contactformHolder .gform_footer.top_label {
margin-top: 5px;
margin-bottom: 0;
padding-top: 0;
}

#contactformHolder input#gform_submit_button_1 {
background-color: #4e77cf;
background-image: none;
border-style: none;
color: #fff;
padding-top: 4%;
font-size: 1.6em;
padding-bottom: 5%;
text-align: center;
-webkit-appearance: none;
border-radius: 5px;
transition-property: background-color;
transition-duration: .6s;
transition-timing-function: ease-out;
width: 100%;
font-weight: 800;
margin-right: 0;
	margin-top: 20px;
}

#contactformHolder input#gform_submit_button_1:hover {
background-color: #2d56ac;
}

/* Gravity Forms – error messages */

#contactformHolder .gform_wrapper .gfield_error .gfield_label{
color: #ba0202;
background-color: #fff;
font-weight: bold;
}

#contactformHolder .gfield_description.validation_message {
color: #ba0202;
padding-top: 0;
padding-bottom: 15px;
}

#contactformHolder .gform_wrapper div.validation_error{color:#ba0202;font-size:1em;font-weight:700;margin-bottom:25px;border-top:2px solid #ba0202;border-bottom:2px solid #ba0202;padding:16px 0;clear:both;width:100%;text-align:center}

/* Gravity Forms – Confirmation Screen */

#contactformHolder .gform_confirmation_message {
padding: 30px;
text-align: left;
font-size: 1.2em;
font-weight: bold;
background-color: #ffffff;
}

/* Gravity Forms – Extra CSS Styling */

#contactformHolder .tickBoxes li {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

#contactformHolder .tickBoxes li input {
	margin-right: 10px;
	vertical-align:top;
}


/* Bottom Bit */

#footerLogos {
	margin-top: 30px;
}

#footerLogos #trustLogo,
#footerLogos #nnalLogo {
	float: left;
	width: 50%;
}
#footerLogos #trustLogo img {
	width: 70%;
	margin-right: 0;
	margin-left: auto;
	padding-right: 10px;
}
#footerLogos #nnalLogo img {
	width: 70%;
	margin-right: auto;
	margin-left: 0;
	padding-left: 10px;
}
#textBit {
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 20px;
}

#footerPanels {
	display: none;
}

/* Bottom Bit */

#barkLogo img {
	width: 280px;
	margin: 60px auto;
}

#bottomExtra {
	padding: 20px;
	margin: 10px 0 25px;
	border: 1px dotted #0374bb;
}

#bottomBit {
	margin-left: 0;
	margin-right: 0;
}

#bottomBit ul {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
 
#bottomBit li {
	float: left;
	width: 33.3%;
}

#bottomBit li img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Website Footer */

#footer {
font-family: 'Open Sans', sans-serif;
	background-color: #162b59;
	color: #c2c2c4;
	font-size: 1.1em;
}
#footer a {
transition-property: color;
transition-duration: .6s;
transition-timing-function: ease-out;
	color: #c2c2c4;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}

#websiteBottom {
	padding-right: 15px;
	padding-left: 15px;
	border-bottom: 10px solid #4e77cf;
}

#footerPanel {
	width: 25%;
	float: left;
}

#aboutText {
	padding-right: 30px;
	line-height: 1.8em;
}
#aboutText img {
	margin-bottom: 15px;
}

#footerPanels {
	margin: 20px 0;
}

#footer #panelHolder {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 20px;
	text-align: left;
}
#footerPanel li a {
	padding-left: 20px;
	background: url(_graphics/red-bullet.png) left 7px no-repeat;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 10px;
}
 
#footerPanel h3 {
	margin-bottom: 5px;
	margin-top: 5px;
	color: #fff;
	font: bold 1.2em 'Montserrat', sans-serif;
	text-align: left;

}

#footerPanel h3 a {
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 10px;
	display: block;
}
 
#footer li a:hover {
	color: #fff;
	text-decoration: none;
}

/* Footer Social */

#footerSocial {
	padding-top: 30px;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 0px;
} 

#footerSocial ul {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 192px;
}
#footerSocial li img {
	margin-left: 2px;
	margin-right: 2px;
	border-radius: 48px;
	background-color: #0ba3cd;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	width: 44px;
	float: left;
	padding: 4px;
}
#footerSocial li img:hover {
	background-color: #077694;
}

#footerBox.row {
	font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
	font-size: 1em;
	color: #d2d2d2;
	padding-top: 20px;
	padding-bottom: 50px;
	margin-top: 20px;
}



#copyright {
	text-align: center;
	padding-bottom: 20px;
}

#pedleyonline {
	text-align: center;
	font-size: .8em;
} 
	
/* Media Queries */



/* XS */

@media(max-width:767px) {


#websiteHeader
 {
	position: static;
} 

#responsive-menu-pro-header {
	border-bottom: 5px solid #224287;
}

#websiteHeader {
 	background:none;
	display: none;
}
 
#mainpageHolder {
margin-top: 0px;
}
#topContact img {
	padding-top: 15px;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
}		
#topSocial {
	padding-top: 20px;
		height: 90px;
	width: 100%;
}   
#topSocial ul {
	margin-right: auto;
	margin-left: auto;
}

img#reviewImage {
	margin: 20px auto 15px;
	width: 60%;
}
 
#mainpageHolder h1 {
	font-size: 1.7em;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#mainpageHolder #wideHeader h1 {
	font-size: 1.7em
}

#mainpageHolder #textLeft h1 {
	padding-left: 0;
	padding-right: 0;
}

#mainpageHolder h2#top {
	margin-top: 20px;
}

#mainpageHolder #wideHeader h2 {
	padding-left: 10px;
	padding-right: 10px;
}
#mainpageHolder #wideHeader h2.strap,
#mainpageHolder #wideHeader h2 {
	font-size: 1.2em;
}

#mainpageHolder h3 {
	font-size: 1.2em;
}

#action a {
	width: 100%;
	font-size: 1.2em;
}
   

#panelOne,
#panelTwo,
#panelThree {
	width: 100%;
	padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
}
#textLeft {
	padding-left: 10px;
	padding-right: 10px;
}
#textRight {
	padding-right: 10px;
	padding-left: 10px;
}

#panels.three #panel {
	width: 100%;
}
#panels.three #panel.one,
#panels.three #panel.two,
#panels.three #panel.three {
	padding-left: 0px;
	padding-right: 0px;
} 

#mainpageHolder ul#ticks li {
	font-size: 1.4em;
	padding-left: 0px;
}

#pagePanels #panelHeader a {
	font-size: 1em;
}  
 
#package {
	width: 99%;
	margin-right: .5%;
	margin-left: .5%;
	margin-bottom: 10px;
}
 
#mainpageHolder ul#ticks li {
	font-size: 1em;
}

img#profilePic {
	padding-left: 0px;
} 
 
#reviewsLeft {
	padding-right: 10px;
	padding-left: 10px;
}
#reviewsRight {
	padding-left: 10px;
	padding-right: 10px;
}
   
#archiveDesc,
#blogSingle,
#bloglistHolder {
	padding-left: 10px;
	padding-right: 10px;
}
#blogpostList #thumbImage img {
	margin-bottom: 30px;
	margin-left: auto;
	width: 80%;
	margin-right: auto;
	display: block;
}
#blogpostText {
	padding-left: 0px;
	padding-right: 0;
}

#mainpageHolder #blogpostText h2 {
	font-size: 1.4em;
	margin-bottom: 5px;
}

#wideBand {
	padding-left: 10px;
	padding-right: 10px;
}

#wideBand.payments 	#contentMiddle {
	text-align: center;
}
#wideBand.payments img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	width: 290px;
}


#footerLogos #trustLogo img {
	width: 100%;
}
#footerLogos #nnalLogo img {
	width: 100%;
}

 
}	

/* SM */

@media(min-width:768px){

#websiteHeader {
 	height: 120px;
}

#websiteTop {
	height: 120px;
}
#websiteTop #logo {
	height: 100px;
	width: 40%;
}
#websiteTop #logo img {
	padding-top: 0px;
	height: 55px;
	margin-top: 30px;
}
#topnavHolder {
	width: 60%;
	height: 50px;
	margin-top: 45px;
}
#topnavHolder li a {
	padding-top: 0px;
	font-size: 1em;
	margin-left: 12px;
}


#mainpageHolder {
margin-top: 120px;
}

#wideImage {
	width: 130%;
		height: 300px;
	}
img#profilePic {
	padding-left: 0px;
}

#pageContent {
	padding-left: 20px;
	padding-right: 20px;
} 

#topBanner {
	position: relative;
}
#overlay #headerCaption {
	position: absolute; 
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding-right: 30px;
	padding-left: 30px;
	width: 100%;
}
 
#headerCaption {
	position: absolute; 
	color: #fff;
}


#mainpageHolder h3 {
	font-size: 1.2em;
	margin-top: 20px;
}
#mainpageHolder h2#top {
	margin-top: 20px;
}
#mainpageHolder #wideHeader h2 {
	padding-left: 0px;
	padding-right: 0px;
}

#action a {
	width: 380px;
	font-size: 1.4em;
}

img#reviewImage {
	margin: 20px auto 15px;
	width: 70%;
}
 
#textLeft {
	padding-left: 0px;
	padding-right: 0px;
}
#textRight {
	padding-right: 0px;
	padding-left: 0px;
}

#reviewsLeft {
	padding-right: 0px;
	padding-left: 0px;
}
#reviewsRight {
	padding-left: 0px;
	padding-right: 0px;
}

#bulletsRight {
	padding-right: 0px;
	padding-left: 0px;
}

#panelOne,
#panelTwo,
#panelThree {
	width: 100%;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

#panels.three #panel {
	width: 100%;
}
#panels.three #panel.one,
#panels.three #panel.two,
#panels.three #panel.three {
	padding-left: 0px;
	padding-right: 0px;
}

#pagePanels #panelHeader a {
	font-size: 1.4em;
}
#archiveDesc,
#blogSingle,
#bloglistHolder {
	padding-left: 0px;
	padding-right: 0px;
}
#mainpageHolder #blogpostText h2 {
	font-size: 1.4em;
	margin-bottom: 5px;
}

#wideBand {
	padding-left: 0px;
	padding-right: 0px;
}

#wideBand.payments 	#contentMiddle {
	text-align: center;
}
#wideBand.payments img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}


#footerLogos #trustLogo img {
	width: 70%;
}
#footerLogos #nnalLogo img {
	width: 70%;
}

	
	}
 

/* MD */

@media(min-width:992px){

#websiteHeader {
 	height: 135px;
}

#websiteTop {
	height: 130px;
}
#websiteTop #logo {
	height: 100px;
	width: 40%;
}
#websiteTop #logo img {
	padding-top: 0px;
	height: 75px;
	margin-top: 28px;
}
#topnavHolder {
	width: 60%;
	height: 50px;
	margin-top: 50px;
}
#topnavHolder li a {
	padding-top: 0px;
	font-size: 1.2em;
	margin-left: 15px;
}


#mainpageHolder {
margin-top: 135px;
}

#wideImage {
	width: 100%;
		height: 300px;
	}
img#profilePic {
	padding-left: 40px;
}
#pageContent {
	padding-left: 20px;
	padding-right: 20px;
} 
  
#mainpageHolder #wideHeader h1 {
	font-size: 2.2em;
	margin-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}
#mainpageHolder #wideHeader h2.strap {
	margin-top: 10px;
	font-size: 1.4em;
	margin-bottom: 25px;
}
#mainpageHolder h3 {
	font-size: 1.2em;
}
#mainpageHolder h2#top {
	margin-top: 0px;
}
#mainpageHolder #wideHeader h2 {
	padding-left: 0px;
	padding-right: 0px;
}
#textLeft {
	padding-left: 0px;
	padding-right: 15px;
}
#textRight {
	padding-right: 0px;
	padding-left: 15px;
}

#reviewsLeft {
	padding-right: 30px;
	padding-left: 0px;
}
#reviewsRight {
	padding-left: 30px;
	padding-right: 0px;
}

#bulletsRight {
	padding-right: 0px;
	padding-left: 20px;
}

#panels.three #panel {
	width: 33.33%;
}
#panels.three #panel.one {
	padding-right: 10px;
	padding-left: 0;
}
#panels.three #panel.two {
	padding-left: 5px;
	padding-right: 5px;
}
#panels.three #panel.three {
	padding-left: 10px;
	padding-right: 0;
}
 
#panelOne,
#panelTwo,
#panelThree {
	width: 33.3%;
	padding-bottom: 20px;
}
#panelOne {
	padding-right: 10px;
	padding-left: 0;
}
#panelTwo {
	padding-right: 5px;
	padding-left: 5px;
}
#panelThree {
	padding-left: 10px;
	padding-right: 0;
}
#pagePanels #panelHeader a {
	font-size: 1.1em;
}

#wideBand.payments 	#contentMiddle {
	text-align: left;
}
#wideBand.payments img {
	margin-right: 0;
	margin-left: auto;
	float: right;
	margin-top: 0;
}

#archiveDesc,
#blogSingle,
#bloglistHolder {
	padding-left: 30px;
	padding-right: 30px;
}

	}

/* LG */
 
@media(min-width:1200px){

#websiteTop {
	height: 130px;
}
#websiteTop #logo {
	height: 130px;
	width: 40%;
}
#websiteTop #logo img {
	padding-top: 0px;
	height: 90px;
	margin-top: 20px;
}
#topnavHolder {
	width: 60%;
	height: 50px;
	margin-top: 50px;
}
#topnavHolder li a {
	padding-top: 0px;
	font-size: 1.2em;
	margin-left: 20px;
}

#wideImage {
	width: 120%;
		height: 400px;
	}	

#mainpageHolder #wideHeader h2.strap {
	margin-top: 10px;
	font-size: 1.4em;
	margin-bottom: 25px;
}
	
#bulletsRight {
	padding-right: 0px;
	padding-left: 60px;
}	

#archiveDesc,
#blogSingle,
#bloglistHolder {
	padding-left: 100px;
	padding-right: 100px;
}
#mainpageHolder #blogpostText h2 {
	font-size: 1.4em;
	margin-bottom: 5px;
}
	
	}
	

	@media(min-width:1300px){ 
	
	
#wideImage {
	width: 130%;
		height: 500px;
	}	
	
	 
	}

	@media(min-width:1400px){
	
	
	
}
 
	

@media(min-width:1600px){




	
	
	
		}
		
	@media(min-width:1800px){
	
	
		
			}

/* Plug-Ins */


@media screen {

* { margin: 0; padding: 0; }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0;
	list-style-position: inside;
}

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decorati