body {background:#eee; font-family: Helvetica, sans-serif, Consolas, Monaco; color:#4b4a5c; line-height:1.6; font-size:103%; margin:0;  word-break: break-word;}
.maincontainer {margin-left: auto; margin-right: auto; margin-top:5px; margin-bottom:0px; text-align: left; max-width:1400px; padding:0%;  background-color: #fff;}
.footercontainer {border:0px solid; border-radius:3px; border-color:#dedede; padding:15px 2%;  background-color: #4A86B3;}
.formcontainer {border:1px solid; border-radius:3px; border-color:#dedede; padding:15px 2%;  background-color: #fff; margin-bottom:10px}
.nobordercontainer {border:0px solid; padding:2%;  background-color: #fff; margin:0}
.txtcontainer {border:0px solid; border-radius:0px; border-color:#dedede; padding:20px;  background-color: #fff; margin-bottom:10px}
.imgcontainer {border:1px solid; border-radius:0px; border-color:#dedede; padding:20px 0 20px 20px;  background-color: #fff; margin-bottom:10px}
.mcontainer {border:1px solid; font-size:120%; border-radius:0px; border-color:#ddd; padding:20px;  background-color: #fff; margin-bottom:10px}
.sidebarcontainer {border:0px solid; border-radius:0px; border-color:#dedede; padding:5px;  background-color: #fff; margin-bottom:10px}
.lrbcontainer2 {border:0px solid; padding:18px 2% 10px 2%;  background-color: #fff; margin:0}
.christmascontainer {
width:100%;	
padding:15px 0px;
background-color:#4A86B3;
display:flex;
align-items: center;
justify-content: center;
}

.christmascontainermot {
padding:15px 0px;
background-color:#4A86B3;
text-align:center
}
.btn {
padding:10px 40px;
background:#4A86B3;
border:0;
outline:none;
cursor:pointer;
font-size: 22px;
font-weight:500;
border-radius:1px;		
}
.popup {
max-width:1000px;
background:#fff;
z-index: 6;
border-radius:6px;
position:absolute;
top:0;
left: 50%;
transform: translate(-50%,-50%) scale(0.1);
text-align:center;
padding:0 10px 30px;
color:#333;
visibility:hidden;
transition:transform 0.4s, top 0.4s;
word-break: normal;
box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
}
.open-popup {
visibility:visible;
top:50%;
transform: translate(-50%,-35%) scale(1);
}
.popup h2 {
font-size: 38px;
font-weight:500;
color:111;
margin: 30px 0 10px;
}
.popup button {
margin-top: 10px;
padding:10px 10px;
background:#4A86B3;
color:#fff;
border:0;
outline:none;
cursor:pointer;
font-size: 18px;
font-weight:500;
border-radius:4px;	
box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);
}


.heroImage {
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0, 0, 0, 0.0)), url("/img/a.jpg");
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}


.heroImage1 {
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0, 0, 0, 0.0)), url("/img/1.jpg");
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.heroImage2 {
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0, 0, 0, 0.0)), url("/img/2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.heroImage3 {
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0, 0, 0, 0.0)), url("/img/3.jpg");
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.heroImage4 {
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0, 0, 0, 0.0)), url("/img/4.jpg");
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}




.heroContents {
	padding: 50px 3% 50px 3%; 
	text-align: left;
	color: white;
}
.heroContents  h1{
color: white;
font-size:200%;
text-shadow: 0px 0px #111;
}

.bookButton {
  background-color: #1B48E0;
  border: none;
  color: white;
  padding: 10px 20px;
  font-size: 15px;
  border-radius: fpx;
}




.page {
margin-left: auto; 
margin-right: auto; 
margin-top:10px; 
text-align: left; 
background-color: #fff;
max-width:1400px;
}
.page-content {
border:0px solid; 
border-radius:3px; 
border-color:#dedede; 
padding:1%;  
background-color: #fff;
}
.header-content {border:0px solid; border-radius:3px; border-color:#dedede; padding:0 2%;  background-color: #fff;}
.article-content  {
padding:2%;  
}

.myheader {padding:20px 2% 10px 2%;  background-color:#4A86B3; color:#fff; margin:0; }
.mobileheader {text-align:center; background-color: #4A86B3; padding:0px}	
div.letters {font-size:15px; display:inline;}
div.letters ul {list-style-type:none;margin-left:0; padding-left:0; margin-bottom:10px;}
div.letters ul li {display:inline;margin-left:0; padding-left:0; margin-bottom:10px;}
div.letters a {text-align:center; border:#ccc solid 1px; text-decoration:none; width:20px; padding:2px 2px; float:left; margin-right:8px;margin-bottom:10px;}
div.letters a:hover {color:white; background:#2c7d9b;}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }
	
.img-op { opacity: 0.8; filter: alpha(opacity=50); /* For IE8 and earlier */}
.img-op2 { opacity: 0.8; filter: alpha(opacity=50); /* For IE8 and earlier */}
.img-op:hover {opacity: 1.1; filter: alpha(opacity=100); /* For IE8 and earlier */}	
	
.hero-container {position: relative;text-align: left;color: white;}
.hero-box {position: absolute;top: 80px;left: 80px;transform: translate(-20%, -30%);background:rgba(0, 0, 0, 0.50);color:white;padding:15px;width:300px;}
.hero-h1 {color:white; font-family: Helvetica, sans-serif, Consolas, Monaco;  !important;border-bottom:1px solid #4A86B3; }

.sliderbox {display: inline-block;}
.sliderboximage {margin-right: 10px;}
.sliderboximage  a {color:#1d7aeb; text-decoration: none; font-weight: 500;}
.sliderboximage  a:hover {color:#fe0000;text-decoration: underline; font-weight: 500}
.img-op5 { background:#fff; opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */}
.img-op5:hover {background:#fe0000; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */}	

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4A86B3; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #111112; 
}



a {color:#1d7aeb; text-decoration: none; font-weight: 500;}
a:active, a:hover {color: #222222;}
b,strong {font-weight: 700;}
img {max-width:100%; height:auto}
.clear {clear:both;}
.hide {display: none;}
ol, ul , li {line-height:2; margin-left:10px; padding-left:0px}
.img-circle {
    border-radius: 50%;
}
.img-circle-25 {
    border-radius: 50% 50% 0 0;
}
h1 {font-size:160%; font-weight:normal; color:#111;} 
h2 {font-size:140%; font-weight:normal; color:#111;} 
h3 {font-size:120%; font-weight:normal; color:#222; text-align:left} 
h4 {font-size:110%; font-weight:normal; color:#4b4a5c;} 
h5 {font-size:100%; font-weight:normal; color:#4b4a5c;} 


.hiddenonmob{display:inherit }
.showonmob{display:none !important;}
.top-black-bar {margin: 0; background-color:#111112;  top:0; width:100%; position: fixed;    z-index: 99;}
.lrbcontainer {border:0px solid; padding:0 2%;  background-color: #fff; margin:0}
.listingbox {float:left; width:45%; border:1px solid; border-color: #dedede; padding:1%; margin-right:5px; margin-bottom:5px}
.l2r2{border:0px solid; padding:0 2%;  background-color: #fff; margin:0}
.l2r2b0{border:0px solid; padding:2% 2% 0 2%;  background-color: #fff; margin:0}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.alltwo{padding:2%}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #4A86B3;
	border: 0;
	border-radius: 0px;
	color: #fff;
	font-size: 110%;
	font-weight: 400;
	padding: 10px 30px 10px;
	'text-transform: uppercase;
	vertical-align: bottom;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #555;
	color: #fff;
}
button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #777;
}



.button4 {
	background-color: #4A86B3;
	border: 0;
	border-radius: 1px;
	color: #fff;
	font-size: 110%;
	font-weight: 400;
	padding: 20px 30px;
	'text-transform: uppercase;
	vertical-align: bottom;
}

.button4:hover {background-color: #333;color:#fff;}

.button4 a {color:#fff;}
.button4 a:hover {color: #fff;}

.button5 {
	background-color: #8c917d;
	border: 0;
	border-radius: 1px;
	color: #fff;
	font-size: 110%;
	font-weight: 400;
	padding: 20px;
	'text-transform: uppercase;
	vertical-align: bottom;
}

.button5:hover {background-color: #4A86B3;color:#fff;}

.button5 a {color:#fff;}
.button5 a:hover {color: #fff;}





input,
textarea{border:1px solid rgba(0, 0, 0, 0.5);border-radius:2px;color:#333;padding:8px 10px 7px;}
textarea{width:100%;}
input:focus,
textarea:focus{border:1px solid rgba(0, 0, 0, 0.3);outline:0;}



.comments-area {width:90%;}
.add-to-cart {text-align:right;}
.add-to-cart-button {font-size:110%; background-color:#444; padding:5px 12% 5px 10px; border:0; color:#fff}
.add-to-cart-button a {color: #fff; text-decoration: none;}


.top-bar-black {padding:10px 0; background-color:#111112; color:#fff; font-size:100%; margin-left: auto; margin-right: auto; margin-top:0px; margin-bottom:0px; max-width:1400px; text-align:right}
.top-bar-black a {color:#fffffe; padding:8px 10px; background-color:#111112; font-weight:700; margin-right:5px}
.top-bar-black a:hover {padding:8px 10px; background-color:#4A86B3; color:#111; font-weight:700; margin-right:5px}
.top-bar-black ul {margin: 0; padding: 0;}
.top-bar-black ul li {display: inline; line-height: 1.5; padding:0px}



.top-bar {padding:25px 0;  background-color:#4A86B3; color:#fffffe; margin:0; }
.top-bar a {color:#fffffe; padding:15px 1%; font-weight:normal; margin-left:0}
.top-bar a:hover {color: #fff; background-color: #111112;  padding:22px 1%; margin-left:0}
.top-bar ul {margin: 0; padding: 0;}
.top-bar ul li {display: inline; line-height: 1.5; padding:0px}
.bottom-bar {padding:1.5% 1%;  background-color:#4A86B3; color:#fff; margin:0; }
.bottom-bar a {color:#fff; padding:1%;}
.bottom-bar a:hover {color: #222222; background-color: #fff;  padding:1%; }
.bottom-bar ul {margin: 0; padding: 0;}
.bottom-bar ul li {display: inline; padding:1px}
.mid-bar {color:#fff; font-size:140%; text-align:center; background-color:#0b6194; padding-bottom:25px}
.middle-bar {padding:2px 0;  background-color:#111112; color:#fffffe; margin:0; text-align:left; }
.middle-bar a {color:#fffffe; padding:2px 1%; font-weight:normal; margin-left:0}
.middle-bar a:hover {color: #fff; background-color: #111112;  padding:22px 1%; margin-left:0}
.middle-bar ul {margin: 0; padding: 0;}
.middle-bar ul li {display: inline; line-height: 1.5; padding:0px}
.alignleft {
	float: left; margin:0 40px 20px 0;
}
.alignright {
	float: right; margin:0 0 20px 40px
}
.tjtwoall {float:left; width:48%; margin-bottom:5px; margin-right:2%}
.tjtwo {float:left; width:50%; margin-bottom:10px;}
.tjthree{float:left; width:33.33%; margin-bottom:10px;}
.tjfour{float:left; width:25%; margin-bottom:10px;}
.tj75{float:left; margin-right:0%; padding-right:0%; width:75%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%; width:25%; margin-bottom:10px;}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}

.cart-contents:before {
    font-family:WooCommerce;
    content: "View Basket   \e01d";
    font-size:150%;
    margin-top:5px;
    font-style:normal;
    font-weight:400;
    padding-right:15px;
    vertical-align: middle;
    margin-left:7%;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #07365a;
    font-weight: bold;
    border-radius: 10px;
    padding: 5px 10px;
    line-height: 1;
    vertical-align: middle;
    margin-right:2%;
    margin-top:15px;
}


/* Genericons */

.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.widget_twentyfourteen_ephemera .widget-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}

/* Separators */

.site-content span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .comments-link:before,
span + .edit-link:before,
.widget_twentyfourteen_ephemera .entry-title:after {
	content: "\0020\007c\0020";
}



.site-header {
	background-color: #DEDEDE;
	max-width: 1600px;
	position: relative;
	width: 100%;
	z-index: 4;
	font-size:100%;
	  
	
}

.site-header a {font-size:100%}
.site-header a:active, a:hover {font-size:100%}

.header-main {
	height: auto;
padding: 0px;

}

.site-navigation ul {
	list-style: none;
	margin: 0px ;
		padding: 0px 1px;
		
}
.site-navigation li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.site-navigation ul ul {
	margin-left: 20px;

}
.site-navigation a {
	color: #4b4a5c;
	display: block;
	font-size:100%;
	font-weight:normal;
	'text-transform: uppercase;
	

}
.site-navigation a:hover {
	color: #111;
		background-color: #fff;
		

}
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	font-weight:normal

}
/* Primary Navigation */
.primary-navigation {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 18px;
	padding-top: 62px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.primary-navigation.toggled-on {
	padding: 72px 0 36px;
}
.primary-navigation .nav-menu {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	display: none;
}
.primary-navigation.toggled-on .nav-menu {
	display: block;
}
.primary-navigation a {
	padding: 1px 10px;
}
/* Secondary Navigation */
.secondary-navigation {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 12px;
	margin: 48px 0;
}
.secondary-navigation a {
	padding: 9px 0;
}
.menu-toggle {
	background-color:#4A86B3;
	border-radius: 0px;
	cursor: pointer;
	font-size: 0;
	height: 68px;
	margin: 0;
	overflow: hidden;
	padding: 20px 0;
	position: absolute;
	top: 0px;
	right: 0;
	text-align: left;
	width: 100%;
	font-weight: bold;
font-family: "Helvetica Neue", Helvetica, sans-serif, Consolas, Monaco; 
}

.menu-toggle:before {
	color: #fff;
	content: " ☰ Menu";
	display: inline;
	margin-top: 46px;
	font-weight: bold;
font-family: "Helvetica Neue", Helvetica, sans-serif, Consolas, Monaco; 
padding:20px;
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
	background-color: #111112;
}


.menu-toggle:focus {
	outline: 1px dotted;
}







@-ms-viewport{width:device-width;}
@viewport{width:device-width;}
@media screen and (max-width:600px)
{
body {background: #fff; font-family: Helvetica, sans-serif, Consolas, Monaco; color:#4b4a5c; line-height:1.6; ;}
.mobileheader {text-align:center; background-color: #fff; padding:0}	
.nomob{display:none !important;}
.hiddenonmob{display:none !important;}
.showonmob{display:block !important;}
.listingbox {float:left; width:95%; border:1px solid; border-color: #dedede; padding:1%; margin-right:5px; margin-bottom:5px}
.ipad {float:left; margin-right:0%; padding-right:0%; width:100%; margin-bottom:5px;}
.ipadtwo {float:left; margin-right:0%; padding-right:0%; width:100%; margin-bottom:5px;}
.ipad3 {width:99%; margin-bottom:20px;}
.fulltwo {float:left; margin-right:0%; padding-right:0%; width:100%; margin-bottom:5px;}
.tjtwo {float:left; width:99.5%; margin-bottom:10px;}
.tjthree{float:left; width:99.5%; margin-bottom:10px;}
.tjfour{float:left; width:99.5%; margin-bottom:10px;}
.tj75{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:10px;}
.add-to-cart {text-align:left; margin-top:0px; }
.add-to-cart-button {font-size:110%; background-color:#333; border:0; color:#fff; padding:5px 10px 5px 7%; border:0; color:#fff}
.add-to-cart-button a {color: #fff; text-decoration: none;}
.top-bar {padding:15px 0;  color:#fffffe; margin:0}
.top-bar a {color:#fffffe; padding:15px 1%; font-weight:normal; margin-left:0}
.top-bar a:hover {color: #fff; background-color: #111112;  padding:15px 10px;}
.top-bar ul {padding-left: 8%;}
.top-bar ul li {display: list-item; list-style-type: square; color:#111112; line-height: 1.6; padding:10px;}
.christmascontainer {
width:100%;
padding:15px 0px;
background-color:#4A86B3;
display:flex;
align-items: center;
justify-content: center;
}
.btn {
padding:10px 10px;
background:#4A86B3;
border:0;
outline:none;
cursor:pointer;
font-size: 22px;
font-weight:500;
border-radius:0px;		
}


}



@media screen and (min-width:601px)
{
.tjtwo {float:left; width:50%; margin-bottom:10px;}
.tjthree{float:left; width:33.33%; margin-bottom:10px;}
.tjfour{float:left; width:50%; margin-bottom:10px;}
.tj75{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:10px;}
}




@media screen and (min-width:640px)
{
/* Navigation */
	.site-navigation li .current_page_item > a,
	.site-navigation li .current_page_ancestor > a,
	.site-navigation li .current-menu-item > a,
	.site-navigation li .current-menu-ancestor > a {
		color: #111;
	}

	/* Primary Navigation */
	

.site-header {
	background-color: #4A86B3; padding:0px 0; 
	 
}
		
	

	.primary-navigation {
background-color:#4A86B3;
width:100%;
font-size: 105%;
margin: 0;
padding: 20px 0;
'text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}

.primary-navigation .menu-toggle {
		display: none;
		padding: 0;
	}

	.primary-navigation .nav-menu {
		border-bottom: 0;
		display: block;
	
	}

	.primary-navigation.toggled-on {
		border-bottom: 0;
		margin: 0;
		padding: 0;
	}

	.primary-navigation li {
		border: 0;
		display: inline-block;
		position: relative;

	}

	.primary-navigation a {
		display: inline-block;
		padding: 12px;
		white-space: nowrap;
		color: #e4ecf1;
			font-weight:normal;
			
	}

	.primary-navigation ul ul {
		background-color: #eee;
		float: left;
		margin: 0;
		position: absolute;
		left: -999em;
		z-index: 99999;
	}

	.primary-navigation li li {
		border: 0;
		display: block;
		height: auto;
		line-height: 1.0909090909;
	}

	.primary-navigation ul ul ul {
		left: -999em;
		top: 0;
	}

	.primary-navigation ul ul a {
		padding: 12px;
		white-space: normal;
		color:#111;
		width: 190px;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #f0f0f0;
		color: #111;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #f0f0f0;
margin-left:0;

	}

	.primary-navigation ul li:hover > ul,
	.primary-navigation ul li.focus > ul {
		left: auto;
	}

	.primary-navigation ul ul li:hover > ul,
	.primary-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.primary-navigation .menu-item-has-children > a,
	.primary-navigation .page_item_has_children > a {
		padding-right: 26px;
	}

	.primary-navigation .menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "⇩";
		display: inline-block;
		font: normal 8px/1 Genericons;
		position: absolute;
		right: 12px;
		top: 22px;
		vertical-align: text-bottom;
	}

	.primary-navigation li .menu-item-has-children > a,
	.primary-navigation li .page_item_has_children > a {
		padding-right: 20px;
		width: 190px;
	}

	.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
	.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
	.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
		content: "⇩";
		right: 8px;
		top: 20px;
	}

}


@media screen and (min-width:783px)
{
.tjtwo {float:left; width:50%; margin-bottom:10px;}
.tjthree{float:left; width:33.33%; margin-bottom:10px;}
.tjfour{float:left; width:25%; margin-bottom:10px;}
.tj75{float:left; margin-right:0%; padding-right:0%; width:75%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%; width:25%; margin-bottom:10px;}
h3 {font-size:120%; font-weight:normal; color:#222; text-align:left} 
}