body {background:#ddd; font-family: Helvetica, sans-serif, Consolas, Monaco; color:#4b4a5c; line-height:1.6; font-size:103%; margin:0;  word-break: break-word;}

.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:#39688a; color:#fff; margin:0; }
.mobileheader {text-align:center; background-color: #39688a; 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 #39688a; }

.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: #39688a; 
  border-radius: 10px;
}

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



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:#4b4a5c;} 
h2 {font-size:140%; font-weight:normal; color:#4b4a5c;} 
h3 {font-size:120%; font-weight:normal; color:#4b4a5c;} 
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;}
.maincontainer {margin-left: auto; margin-right: auto; margin-top:5px; margin-bottom:0px; text-align: left; max-width:1400px; padding:0%;  background-color: #fff;}
.top-black-bar {margin: 0; background-color:#39688a;  top:0; width:100%; position: fixed;    z-index: 99;}


.formcontainer {border:1px solid; border-radius:3px; border-color:#dedede; padding:15px 2%;  background-color: #fff; margin-bottom:10px}
.lrbcontainer2 {border:0px solid; padding:18px 2% 10px 2%;  background-color: #fff; margin:0}
.nobordercontainer {border:0px solid; padding:2%;  background-color: #fff; margin:0}
.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: #39688a;
	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: #ae1600;
	border: 0;
	border-radius: 10px;
	color: #fff;
	font-size: 110%;
	font-weight: 400;
	padding: 20px;
	'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: #333;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:#39688a; 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:#39688a; font-weight:700; margin-right:5px}
.top-bar-black a:hover {color:#222; padding:8px 10px; background-color:#0b9bbf; 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:#39688a; 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:#39688a; 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
}
.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:1%; padding-right:1%; width:75%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%; width:23%; 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: #ddd;
	max-width: 1460px;
	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;
}
.primary-navigation.toggled-on {
	padding: 72px 0 36px;
}
.primary-navigation .nav-menu {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	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:#39688a;
	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: #e4ecf1;
	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: #39688a;
}


.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: #39688a; 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;}
}



@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: #39688a; padding:0px 0
}
		
	

	.primary-navigation {
background-color:#39688a;
width:100%;
font-size: 105%;
margin: 0;
padding: 20px 0;
'text-transform: uppercase;
	}

.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: #555;
		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;
		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:1%; padding-right:1%; width:75%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%; width:23%; margin-bottom:10px;}
}