body {background: #eeeeee; font-family: Helvetica, sans-serif, Consolas, Monaco; color:#4b4a5c; line-height:1.7; font-size:105%;}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }
a {color: #47b3e0;text-decoration: none; font-weight: 700;}
a:active, a:hover {color: #9a1111;}
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-op { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */}
.img-op:hover {opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}
.img-op2 { opacity: 0.8; filter: alpha(opacity=50); /* For IE8 and earlier */}
.img-op3 { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */}
.img-op3:hover {opacity: 0.3; filter: alpha(opacity=30); /* For IE8 and earlier */}
.tjimage {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}


.tjimage:hover {
  opacity: 0.3;
}



h1 {font-size:130%; font-weight:normal; color:#4b4a5c;} 
h2 {font-size:120%; font-weight:normal; color:#4b4a5c;} 
h3 {font-size:110%; font-weight:normal; color:#4b4a5c;} 
h4 {font-size:105%; font-weight:normal; color:#4b4a5c;} 
h5 {font-size:103%; font-weight:normal; color:#4b4a5c;} 
.hiddenonmob{display:inherit }
.showonmob{display:none !important;}
.maincontainer {margin-left: auto; margin-right: auto; margin-top:0px; margin-bottom:0px; text-align: left; max-width:1200px; padding:0%;  background-color: #fff;}
.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}
.listingbox {float:left; width:45%; border:1px solid; border-color: #dedede; padding:1%; margin-right:5px; margin-bottom:5px}

.redbox {border:1px solid; border-color: #7f1734; background: #7f1734; padding:10px;  margin-bottom:5px; text-align:center; color:#ffffff}

.redbox a {color: #fff; text-decoration: none; font-weight: 400;}
.redbox a:active, a:hover {color: #111;}


.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: #09748e;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 8px 20px 8px;
	'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;
}
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 {padding:25px 0;  background-color:#425059; 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:2% 1%;  background-color:#425059; color:#fff; margin:0}
.bottom-bar a {color:#fff; padding:1%; font-weight:normal}
.bottom-bar a:hover {color: #fff; background-color: #333;  padding:1%; font-weight:normal}


.bottom-bar-wine {padding:20px;  background-color:#7f1734; color:#fff; margin:0}
.bottom-bar-wine a {color:#fff; font-weight:normal}
.bottom-bar-wine a:hover {color: #fff; background-color: #111; font-weight:normal}
.bottom-bar-black {padding:20px;  background-color:#000; color:#fff; margin:0}
.bottom-bar-black a {color:#fff; font-weight:normal}
.bottom-bar-black a:hover {color: #fff; background-color: #111; font-weight:normal}


.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}
.bottom-panel {padding:20px;  background-color:#dedede; color:#4b4a5c; margin:0}
.bottom-panel a {color:#7f1734; font-weight:normal}
.bottom-panel a:hover {color: #111; font-weight:normal }
.emergency {padding:20px 0;  background-color:#bc290a; color:#fffffe; margin:15px 2%; text-align:center}
.emergency a {color:#fffffe; background-color:#bc290a; padding:20px; font-weight:bold;}
.emergency a:hover {color: #fff; background-color: #111112;}


.alignleft {
	float: left; margin:0 40px 20px 0;
}
.alignright {
	float: right; margin:0 0 20px 40px
}
.headertwo {float:left; width:100%; margin-bottom:-0px; text-align:center;  font-size:100%}
.tjtwo {float:left; width:50%; margin-bottom:10px;}
.tjthree{float:left; width:33.33%; margin-bottom:10px;}
.tjsix{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:70%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%; width:28%; margin-bottom:10px;}

.itwo {float:left; width:50%; margin-bottom:5px;}
.ithree{float:left; width:33.33%; margin-bottom:5px;}
.ifour{float:left; width:25%; margin-bottom:1px;}


.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;
}


.site-header {
	background-color: #ddd;
	max-width: 1460px;
	position: relative;
	width: 100%;
	z-index: 4;
}

.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: 0px;

}
.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: #7f1734;
	border-radius: 2px;
	cursor: pointer;
	font-size: 0;
	height: 68px;
	margin: 0;
	overflow: hidden;
	padding: 20px 0;
	position: absolute;
	top: 0px;
	right: 0;
	text-align: center;
	width: 100%;
	font-weight: bold;
font-family: "Helvetica Neue", Helvetica, sans-serif, Consolas, Monaco; 
}

.menu-toggle:before {
	color: #fff;
	content: "Click Here For 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: #000;
}


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







@-ms-viewport{width:device-width;}
@viewport{width:device-width;}
@media screen and (max-width:600px)
{
.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;}
.tjsix{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.7; padding:10px;}
}


@-ms-viewport{width:device-width;}
@media screen and (max-width:360px)
{
.nomob{display:none !important;}
.hiddenonmob{display:none !important;}
.showonmob{display:block !important;}
.leftright2 {padding:0% 4%;}
.tjtwo {float:left; width:100%; margin-bottom:5px;}
.tjthree{float:left; width:100%; margin-bottom:5px;}
.tjsix{float:left; width:100%; margin-bottom:5px;}
.tjfour{float:left; width:100%; margin-bottom:1px;}
.itwo {float:left; width:100%; margin-bottom:5px;}
.ithree{float:left; width:100%; margin-bottom:5px;}
.ifour{float:left; width:100%; margin-bottom:1px;}

.tj75{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:5px;}
.tj25{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:5px;}
h1 {font-size:110%; font-weight:normal; color:#4b4a5c;} 
h2 {font-size:100%; font-weight:normal; color:#4b4a5c;} 
h3 {font-size:100%; font-weight:normal; color:#4b4a5c;} 


}
@media screen and (min-width:361px)
{
.tjtwo {float:left; width:100%; margin-bottom:5px;}
.tjthree{float:left; width:100%; margin-bottom:5px;}
.tjsix{float:left; width:100%; margin-bottom:5px;}
.tjfour{float:left; width:50%; margin-bottom:1px;}
.itwo {float:left; width:100%; margin-bottom:5px;}
.ithree{float:left; width:100%; margin-bottom:5px;}
.ifour{float:left; width:100%; margin-bottom:1px;}
.tj75{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:5px;}
.tj25{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:5px;}
}


@media screen and (min-width:640px)
{
	
.emergency {padding:0px;  background-color:#fff; color:#fffffe; margin:20px 2%; text-align:right}
.emergency a {color:#fffffe; background-color:#bc290a; padding:20px; font-weight:bold;}
.emergency a:hover {color: #fff; background-color: #111112;}	
	
/* 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: #425059; padding:0px 0
}
		
	

	.primary-navigation {
background-color:#425059;
width:100%;
font-size: 100%;
margin: 0;
padding: 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: 20px 12px;
		white-space: nowrap;
		color: #fff;
			font-weight:normal;
	}

	.primary-navigation ul ul {
		background-color: #09748e;
		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 8px;
		white-space: normal;
		width: 201px;
	}

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

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #444445;
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: 201px;
	}

	.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;
	}
	
.tjtwo {float:left; width:50%; margin-bottom:5px;}
.tjthree{float:left; width:33.33%; margin-bottom:5px;}
.tjsix{float:left; width:33.33%; margin-bottom:10px;}
.tjfour{float:left; width:25%; margin-bottom:1px;}	
.itwo {float:left; width:50%; margin-bottom:5px;}
.ithree{float:left; width:33.33%; margin-bottom:5px;}
.ifour{float:left; width:25%; margin-bottom:1px;}
.headertwo {float:left; width:50%; margin-bottom:10px; text-align:left;  font-size:110%}
}


@media screen and (min-width:783px)
{
.tjtwo {float:left; width:50%; margin-bottom:10px;}
.tjthree{float:left; width:33.33%; margin-bottom:10px;}
.tjsix{float:left; width:16%; margin-bottom:5px;}
.tjfour{float:left; width:25%; margin-bottom:10px;}
.itwo {float:left; width:50%; margin-bottom:5px;}
.ithree{float:left; width:33.33%; margin-bottom:5px;}
.ifour{float:left; width:25%; margin-bottom:1px;}
.tj75{float:left; margin-right:1%; padding-right:1%; width:70%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%; width:28%; margin-bottom:10px;}
}