#nav{
    list-style:none;
	color:#000;
    margin: 5px 0;
    float:left; 
    width:100%;
}
#nav li{
    float:left;
    margin-right:10px;
    position:relative;
}
#nav a{
    display:block;
    padding:5px 10px;
    color:#000;

    text-decoration:none;
	
}
#nav a:hover{

    text-decoration:none;
	color:#fff;
}

#nav ul{
    background:#fff;
	background:rgba(255,255,255,0); 
    list-style:none;
    position:absolute;
    left:-9999px;
}
#nav ul li{
    padding-top:1px; 
    float:none;
}
#nav ul a{
    white-space:nowrap; 
}
#nav ul ul{
    padding-left:35px; 
}
#nav li:hover ul{ 
    left:0; 
}
#nav li:hover a{ 
   background:#9C132D;
	color:#fff;
}
#nav li:hover ul a{ 
	text-decoration:none;
	color:#E3BCC4;
	
}
#nav li:hover ul li a:hover{ 
	background:#720E22;
	color:#fff;
}
#nav li a.home{
	margin-top:3px;
    padding:10px;
	background: url(/images/sprite_sheet.png) no-repeat scroll 0px -1060px;
}
#nav li a:hover.home{
	margin-top:3px;
	padding:10px;
	background: url(/images/sprite_sheet.png) no-repeat scroll 0px -1080px;
}

social a.twitter {
	float:right;
	display: block;
	width:30px;
	height:30px;
	background: url(social-media.png) no-repeat scroll 0px -30px;
}
social a.twitter:hover {
	float:right;
	display: block;
	width:30px;
	height:30px;
	background: url(social-media.png) no-repeat scroll -30px -30px;
}

social a.facebook {
	margin-left:2px;
	float:right;
	display: block;
	width:30px;
	height:30px;
	background: url(social-media.png) no-repeat scroll 0px 0px;
}
social a.facebook:hover {
	margin-left:2px;
	float:right;
	display: block;
	width:30px;
	height:30px;
	background: url(social-media.png) no-repeat scroll -30px 0px;
}	
social a.instagram {
	float:right;
	display: block;
	width:30px;
	height:30px;
	background: url(instagram.png) no-repeat;
	background-size: 30px 30px;
	margin-left: 2px;
}

.footer_style {
	margin:20px 0 0 0;
	float:left;
}
.footer_style p span {
	font-weight:none;
	float:right; 
	margin-left:10px;
}
.footer_style h3{
	
	margin:0 0px 10px 0;
	padding:5px;
 }
.footer_style ul {
	margin:0 10px 20px 0;
	padding:0 10px 0 0;
}
.footer_style li {
	border-bottom:1px #CCC dotted;
	padding:5px 0 2px 0;
}
.footer_style li:hover {
	border-bottom:1px #720E22 dotted;
	
}
.footer_style a:hover {
	text-decoration:none;
}
.right_align {
	float:right;
}
#r_header {
	float:right;	
}
#r_header ul{
	margin:0px;
}
#r_header ul li{
	font-size:16px;
	float:right;
	margin:0 0 0 0;
	padding:6px 10px;
}

#r_header ul li a{
	text-decoration:none;
	color:#fff;
}
#r_header ul li a:hover{
	text-decoration:underline;
	color:#fff;
	
}
#r_header ul li.red{
	background-color:#9C132D;
	color:#fff;
	text-align:center;
}

#r_header ul li.no_margin{
	margin:0px;
	padding:0px;
}

#r_header .account_tab_1 {
	margin: 4px 10px 0 0;
	padding:0px 4px;
}
#r_header social {
	margin-top:18px;
}
#r_header .account_tab_2 {
	margin: 4px 0px 0 0;
	padding:0px 4px;
	border-right:1px #720E22 dotted;
}

#r_header .account_link  {
	color:#000;
}
#r_header .account_link:hover {
	color:#720E22;
	text-decoration:underline;
}
#searchtxt{
	height:1.3em;
}

.pc {
	display:block;
}

.mobile {
	display:none;
}

/* Screens smaller than 1000 pixels */

@media screen and (max-width: 1000px) {

	#maincolumn {
		width: 67.91666666666666% !important;
	}
	
	#logo-national, #logo-westwales, #logo-curado {
		width:100% !important;		
	}
	
	div.center {
		width:100% !important;
	}
	
	.pc {
		display:none;
	}

	.mobile {
		display:block;
	}

	#r_header {
		float: left !important;
		margin-left: 15px;
		margin-top: 5px;
	}

	#r_header ul li.searchbox {
		float:left !important;
	}
	
	#searchbox {
		float: left !important;
	}
	
	.mobile .mobile-menu.inactive {
		display:none;
	}

	.mobile .mobile-menu.active {
		display:block;
	}

	.mobile .mobile-menu .dt-close-mobile-menu-icon {
		left: auto;
		right: 0;
		opacity: 1;
		position: fixed;
		top: 0;
		width: 30px;
		height: 30px;
		left: -50px;
		z-index: 9999;
		opacity: 0;
		-webkit-transition: opacity .2s ease;
		transition: opacity .2s ease;
		-webkit-transition-delay: .5s;
		transition-delay: .5s;
	}

	.mobile .mobile-menu .dt-close-mobile-menu-icon span {
		color: #fff;
		background-color:#9c132d;
		position: relative;
		display: block;
		width: 30px;
		height: 30px;
		margin: 0;
	}

	.mobile .mobile-menu .dt-close-mobile-menu-icon span:before {
		-ms-transform: rotate3d(0,0,1,45deg);
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
	}

	.mobile .mobile-menu .dt-close-mobile-menu-icon span:after, 
	.mobile .mobile-menu .dt-close-mobile-menu-icon span:before {
		display: inline-block;
		height: 2px;
		background: #ecf0f1;
		position: absolute;
		content: '';
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		top: 50%;
		left: 50%;
		margin: -1px 0 0 -11px;
		width: 22px;
		-webkit-transition: -webkit-transform .1s ease;
		transition: transform .1s ease;
	}
	
	.mobile .mobile-navigation {
		-webkit-order: 2;
		-moz-order: 2;
		-ms-flex-order: 2;
		order: 2;
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -ms-flex;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-ms-flex-align: center;		
		align-items: center;	
		position: absolute;
		right: 25px;	
		top:130px;
	}

	.mobile .mobile-navigation .dt-mobile-menu-icon {
		margin-left: 10px;
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flexbox;
		display: -ms-inline-flex;
		display: inline-flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 30px;
		height: 22px;
		margin-right: 0;
		transition: .3s;
		cursor: pointer;
		user-select: none;
		border-radius: .57143rem;
	}

	.mobile .mobile-navigation .dt-mobile-menu-icon:hover .lines:before {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	.mobile .mobile-navigation .dt-mobile-menu-icon .lines, 
	.mobile .mobile-navigation .dt-mobile-menu-icon .lines:before, 
	.mobile .mobile-navigation .dt-mobile-menu-icon .lines:after {
		background-color: #333333;
		display: inline-block;
		width: 35px;
		height: 4px;
		position: relative;
	}


	.mobile .mobile-navigation .dt-mobile-menu-icon .lines, 
	.mobile .mobile-navigation .dt-mobile-menu-icon .lines:before, 
	.mobile .mobile-navigation .dt-mobile-menu-icon .lines:after {
		background-color: #333333;
	}
	
	.mobile .mobile-navigation .lines:before {
		top: 5px;
	}
	
	.mobile .mobile-navigation .lines:after, .mobile .mobile-navigation .lines:before {
		position: absolute;
		left: 0;
		content: '';
		-webkit-transform-origin: 1.5px center;
		transform-origin: 1.5px center;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	
	.mobile .mobile-navigation .lines, .mobile .mobile-navigation .lines:after, .mobile .mobile-navigation .lines:before {
		display: inline-block;
		width: 22px;
		height: 2px;
	}

	#nav
	{
		position:absolute;
		right:0px;
		top:180px;
		width: 85%;
		background-color:#9c132d;
	}

	#nav li
	{
		display:inline-block;
		float:left;
		clear:left;
		heigh:150px;
		width: 98%;
		padding: 0px;
	}

	#nav li.level1.children1:before {
	  content: '+';
	  font-size: 25px;
	  color: white;
	  float: right;
	  margin-left: 5px;
	}
	
	#nav li.level1.children1.active:before {
	  content: "-";
	  color: white;
	}

	#nav ul
	{
		position:relative;
		left:0px;
		display:none;
	}	
	
	#nav li.active ul
	{
		display:inline-block;
	}

	#nav a
	{
		color:#fff;
		border-bottom: 1px solid white;
	}
	
	#nav social a
	{
	 	margin-right: 10px;
		border: none;
	}
	
	social {
		float:left !important;
		margin:11px !important;
	}
		
	social a.twitter {
		float:left;
		display: block;
		width:30px;
		height:30px;
		padding:0px !important;
		background: url(social-media.png) no-repeat scroll 0px -30px;
	}
	social a.twitter:hover {
		float:left;
		display: block;
		width:30px;
		height:30px;
		padding:0px !important;
		background: url(social-media.png) no-repeat scroll -30px -30px;
	}
	
	social a.facebook {
		margin-left:2px;
		float:left;
		display: block;
		width:30px;
		height:30px;
		padding:0px !important;
		background: url(social-media.png) no-repeat scroll 0px 0px;
	}
	social a.facebook:hover {
		margin-left:2px;
		float:left;
		display: block;
		width:30px;
		height:30px;
		padding:0px !important;
		background: url(social-media.png) no-repeat scroll -30px 0px;
	}	
	social a.instagram {
		float:left;
		display: block;
		width:30px;
		height:30px;
		background: url(instagram.png) no-repeat;
		background-size: 30px 30px;
		margin-left: 2px;
		margin-left:4px;
		padding:0px !important;
	}

	section#sidebar {
		display:none;
	}	

	section#sidebar.active {
		display:block;
		position:relative;
		bottom:40px;
	}	

	section#sidebar h3 {
		padding:5px 5px !important;
	}	
	
	body.product-list #sidebar-menu {
		display:block !important;
		z-index:999;
	}
	
	#sidebar-menu {
		display:none !important;
		background-color:#9c132d;
		color:#fff;
		width:6%;
		padding:6px 6px 6px 8px;
		display:flex;
		float:left;
		margin-right:2px;
		margin-left:4px;
		position:relative;
		top:4px;
				
	}

	#sidebar-menu a {
		color:#fff !important;
	    text-decoration:none;
	    font-size:1.5em;
	    z-index:999;
	}

	#sidebar-menu a:hover{
	    text-decoration:none;
	}

	.products li {
		margin-right:1.4% !important;
		margin-left:1.4%;
	}

	li.noforceclickandcollect button.clickandcollect, li.noforceclickandcollect button.clickandcollect2 {
		width:40%;
	}
	
	li.noforceclickandcollect button.clickandcollect.second, li.noforceclickandcollect button.clickandcollect2.second  {
	}

	ul.about {
		display:block !important;
	}
	
	.footer_style {
		margin: 20px 0 0 20px !important;
	}
	
	footer section.right_align {
		float:left !important;
	}
}



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, social, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, social, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

ul ul {
	padding-left:10px;
}

blockquote, q {
	quotes: none;
	font-style:italic;
	background-image: url(/images/quote.jpg), url(/images/quote2.jpg);
	background-repeat:no-repeat;
	background-position: -10px -10px, bottom right;
	margin:0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
background: url(/images/bg.jpg);
font-family:  Arial, sans-serif;
color:#555;
}

/*
body.curado section#homecontent {
	background: none !important;
	background-color: rgb(0, 173, 166) !important;
}*/

img, object, embed {
/*max-width: 100%;*/
}
#middlecolumn img{
	max-width:100%;
	}
img {
height: auto;
}
strong{
font-weight:bold;
}
input,a{
font-family:  Arial, sans-serif;
}
a{
color:#9c132d;
text-decoration:none;
outline: none;
}
a:hover{
text-decoration:underline;
}

h1,h2,h3, h4{
line-height:1.7em;
font-weight:bold;
color:#9c132d;
}
h1 {
font-size: 2em;
padding: 1em;
}
h1 a , h2 a{
	text-decoration: none;
}
h2{
font-size:1.3em;
}
h4{
font-size:1.2em;
}
.border{
border: 1px solid #EEE;
font-size:0.9em;
}
/* tbody img{
max-width:70px;
} */
td, th{
text-align: center;
vertical-align: middle;
padding:10px;
}
#prize_draw_left td, #prize_draw_left th{
text-align: left;
vertical-align: left;
padding-bottom:0px;
}
td.right, th.right{
text-align: right;
}
th{
padding:3px;
background:#f5f5f5;
color:#444;
}
fieldset li{
margin: 4px 0;
}
legend{
padding: 10px 0 !important;
}

.italic{
font-family:Georgia, serif;
font-style:italic;
font-size:16px;
}
/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
	color:#9C132D;
}
.nivo-caption a {
	display:inline !important;
	color:#9C132D;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*
 * jQuery FlexSlider v1.2
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider, ul.slides {width: 100%; margin: 0; padding: 0;}
.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 5px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.flexslider .slides  li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative; max-width:943px;}


/* Caption style 
.flex-caption {width: 96.2%; padding:1% 2%; position: absolute; left: 0; bottom: 0; background-image: url(/images/white-opacity-80.png); color: #555; font-size: 13px; line-height: 18px;}*/
.flex-caption {width: 45%; padding:1% 2%; position: absolute; right: 0; bottom: 15px; background-image: url(/images/white-opacity-80.png); color: #555; font-size: 13px; line-height: 18px;}
.flexslider a:visited, .flexslider a:hover {text-decoration:none !important;}
.flex-caption  h3{font-size: 15px;}
/* Direction Nav */
ul.flex-direction-nav{margin:0;}
.flex-direction-nav{background:url(/images/shadow.jpg) 0 0 no-repeat  #fff !important; height:1.5em;}
.flex-direction-nav li a {
	width: 33px; 
	height: 33px; 
	margin: -13px 0 0; 
	display: block; 
	background: url(/images/sprite_sheet.png) no-repeat scroll 0 0;
	position: absolute; 
	top: 45%; 
	cursor: pointer; 
	text-indent: -9999px;
} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -34px -840px; right: 2px;}
.flex-direction-nav li a.prev {background-position: 0 -840px; left: 12px;}

/* Control Nav */
.flex-control-nav {margin-left: -31px; position: absolute; bottom: -22px; left: 50%;} /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {margin: 0 0 0 5px; float: left;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
	width: 13px; 
	height: 13px; 
	display: block; 
	background: url(/images/sprite_sheet.png) no-repeat 0 -600px; 
	cursor: pointer; 
	text-indent: -9999px;
}
.flex-control-nav li a:hover {background-position: 0 -622px;}
.flex-control-nav li a.active {background-position: 0 -622px; cursor: default;}

/************************************************
	Video Layouts/Styles
************************************************/
.video_pre_top_nav_spacer{
	clear: both;
	width: 100%;
	height: 10px;
}
.video_nav{
        position: relative;
        margin: 0 auto;
        margin-bottom: 5px;
        width: 360px;
        height: 38px;
        clear: both;
        overflow: auto;
}
.video_nav_prev{
        position :absolute;
        top: 0;
        left: 0;
        text-align: right;
        margin: 0;
        margin-bottom: 10px;
}
.video_nav_next{
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        margin-bottom: 10px;
}
.video_nav_pages{
        margin-top: 0px;
        margin-left: 80px;
        margin-right: 80px;
        text-align: center;
}
.video_post_bottom_nav_spacer{
        clear: both;
        width: 100%;
        height: 5px;
}
.video_tiles_wrapper{
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}
.video_tile_container{
	position: relative;
	float: left;
	display: inline;
	width: 31%;
    margin: 5px;
	padding: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid #f4f4f4;
	font-size: 13px;
}
.video_tile_container p{
	margin: 0;
	padding: 0;
}
.video_tile {
    position: relative; 
	top: 0px;
	left: 0px;
	padding: 10px;
	overflow: hidden;
}
.video_tile .date{
        position: relative;
        float: right;
        display: inline;
        margin-right: 3px;
}

.video_tile .title { 
	margin: 0;
	height: 70px;
}
.video_tile .views { 
	margin: 0;
	font-size: 1.0em; 
	width: 88%; 
	font-weight: normal; 
	white-space:nowrap; 
	overflow: hidden; 
	color: #aaa;
}
.video_tile .description{ 
	overflow-x: hidden; 
	overflow-y: auto; 
	padding-right: 3px; 
	text-overflow: ellipsis; 
	-webkit-overflow-scrolling: 
	touch; margin-bottom: -2px;
	display:none;
	}
.video_tile .image{
	float: left; 
	display: inline; 
	max-width:100%;
}
.video_tile .image img { 
	max-width: 100%;
}
.video_tile .duration { 
	position: relative; 
	clear:both; 
	top: -24px; 
	color: #fff; 
	margin-bottom: -22px;
}
.video_tile .previews { 
	position: absolute;
	left: 250px;
	bottom: 0px;
}
.video_tile .previews .preview {
	position: relative; 
	float: left; 
	display: inline; 
	bottom: 10px; 
	margin-right: 10px;
}
.video_tile .metadata {
	position: relative;
	float: right;
	overflow: hidden; 
	text-align: 
	right; margin-top: 12px; 
	margin-bottom: -7px
}
.view_video_wrap{
	clear: both;
	width: 560px;
	border: 1px solid #f4f4f4;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
.view_video_wrap .view-video-description{
	padding: 20px;
}
.view_video_title{
	color: #2e68af;
	font-size: 1.3em;
	margin-bottom: 5px;
}








.description{
font-size:13px;
font-style:italic;
padding:5px;
}
#content{
clear:both;
overflow: hidden;
background: white;
border: 1px solid #f0ece9;
padding-bottom: 2em !important;
margin-bottom:2em;
}

#logo-national, #logo-westwales{
	background: #9c132d url(/images/Ultracomida-logo.png) no-repeat !important;
	width:285px;
	height:85px;
	float:left;
	cursor:pointer;
}

#logo-curado{
	background: url(/images/Curado-Logo.png) no-repeat !important;
	width:286px;
	height:85px;
	float:left;
	cursor:pointer;
}
 

#logo-national h1, #logo-westwales h1, #logo-curado h1{
	text-indent:-3333px;
	margin:0;
	padding:0;
}

a div#logo-national p, a div#logo-westwales p, a div#logo-curado p{
	color:white;
	padding:15px 45px;
	font-size:13px;
}

/**login/register**/
#login{
float: right;
margin: 5px 10px;
}
#login a{
color:#555;
}
.login{
width:50%;
float:left;
line-height:1.4em;
}
h1.logintitle{
font-size:1.5em;
margin: 0 auto;
padding: 0 0 20px 0;
width: 9em;
display: block;
overflow: hidden;
}
/** shopping basket **/
#shopping_basket{
float:right;
background:#9c132d;
padding:10px;
}
#shopping_basket a{
font-weight:bold;
color:white;
font-size:0.95em;
}

#menu{
float:left;
}
#searchbox{
float:right;
margin:15px 0 0 0;
height:2em;

}
#searchtxt{
height:1.3em;
float: left;
}
#searchsubmit{
background: url(/images/sprite_sheet.png) no-repeat 0px -1180px !important;
text-indent:-3000px;
width:29px;
height:29px;
border:none;
cursor:pointer;
}
/** spanish_products **/
.spanish_products img, .spanish_products p{
float:left;
margin-bottom:2%;
}
.spanish_products img{
width:100%;
clear: both;
}
.spanish_products p{
padding:0;
width:99%;
color:#333;
line-height: 1.5em;
}


/** homecolumn **/
#homecolumn img{

}
.specials{
overflow: hidden;
}
.specials li{
position:relative;
float:left;
padding: 1%;
width: 30%;
}
.specials li a{
width: 90%;
}
.specials li img{
}
.specials li .circle{
display:block;
background: url(/images/sprite_sheet.png) no-repeat 0px -740px !important;
height: 40px;
width: 54px;
padding: 25px 24px;	
line-height:1.2em;
position:absolute;
top:20px;
left:10px;
z-index:10;
color:white;
font-weight:bold;
}
.specials li p{
color:#333;
}
.about{
clear:both;
}
.about p{
padding: 5px;
line-height: 1.4em;
}
.about li{
margin: 2% 2% 2% 0;
float: left;
width: 300px;
}
.newspic a, 
.imagerestaurant a.imgrestaurant{
display:block;
border:1px solid #eee;
padding: 5px;
background: white;
}
.newspic a img,.newspic a,
.imagerestaurant a.imgrestaurant,
.imagerestaurant a.imgrestaurant img{
overflow: hidden; float: left;
}
.newspic a img,
.imagerestaurant a.imgrestaurant img{
border:none;
}

.newspic a:hover,
.imagerestaurant a:hover.imgrestaurant{
border:6px solid #9c132d;
}
.about  li a:hover img,
.newspic a:hover img,
.imagerestaurant a:hover.imgrestaurant img{
margin:-5px;
opacity:1;
}
.about li.last{
margin: 2% 0 2% 0;
}
.about li a.about-hover,
.about li a.pepe-hover,
.about li a.homedelivery-hover,
.about li a.elisabeth-hover{
display:block;
border:1px solid #eee;
padding: 5px;
background: white;
width:287px;
height:122px;
max-width:100%;
}
.about li a.pepe-hover{
}
.about li a.homedelivery-hover{
}
.about li a.elisabeth-hover{
}
.about li a.about-hover:hover{
}
.about li a.pepe-hover:hover{
}
.about li a.homedelivery-hover:hover{
}
.about li a.elisabeth-hover:hover{
}

a.aber-hover,
a.narb-hover,
a.restaurant-hover{
position:relative;
display:block;
border:1px solid #eee;
padding: 5px;
background: white;
width:193px;
max-width:100%;
margin: 7px;
}
.h4restaurant{
padding: 10px 10px 0px 10px;
}
/*** news ***/
.news{
margin-bottom: 30px;
}
.newshome{
clear: both;
margin: 25px 0 55px 0;
overflow:hidden;
}
.newspic{
float:left;
}
.newstext{
float:left;
width: 54%;
padding-left: 3%;
line-height:1.4em;
}
.newshome h3{
font-size:1.3em;
}
.newshome img{
float:left;
}

/** homesidebar **/
#homesidebar img{
padding:7px 7px 20px 7px;
}

.newsletter #email{
float:left;
margin: 1% 5% 3% 0;
}
/** sidebar **/
.imageside img{
padding: 5px;
border: 1px solid #EEE;
}
.menu-link{
display: block;
padding: 5px;
}
#rightsidebar a:hover h4.menu-link{
background: #9C132D;
}
#menu li a.home{
background: url(/images/sprite_sheet.png) no-repeat scroll 0px -1060px;
}
#menu li a:hover.home{
background: url(/images/sprite_sheet.png) no-repeat scroll 0px -1080px;
}
/* Showcase
-------------*/
#imagewrapper{
clear: both;
border: 1px solid #EEE;
background: url(/images/shadow.jpg) 0 290px no-repeat  #fff !important;
max-width:954px;
max-height: 286px;
margin-bottom: 30px;
margin-left: 2px;
}
.showcase-content-container{
background:url(/images/shadow.jpg) 0 290px no-repeat  #fff !important;
}
.showcase-content img{
background:#fff;
padding-top:6px;
max-width: 100%;
}
img.shadow{
padding:0;
border:none;
margin-top: -5px;
}

td.noforceclickandcollect button.clickandcollect, th.noforceclickandcollect button.clickandcollect,
td.noforceclickandcollect button.clickandcollect2, th.noforceclickandcollect button.clickandcollect2 {
    padding: 1em;
    background-color: #9c132d;
    border: none;
    color: white;
    border-radius: 12px;
    margin: 0 0 0 2em;
	position: absolute;	
	font-weight: bold;
}	


td.noforceclickandcollect button.clickandcollect.second, th.noforceclickandcollect button.clickandcollect.second,
td.noforceclickandcollect button.clickandcollect2.second, th.noforceclickandcollect button.clickandcollect2.second {
	margin-top:2em;
	margin-left:2em;
}

li.noforceclickandcollect button.clickandcollect, li.noforceclickandcollect button.clickandcollect2 {
    padding: 1em;
    background-color: #9c132d;
    border: none;
    color: white;
    border-radius: 12px;
	font-weight: bold;
}	


li.noforceclickandcollect button.clickandcollect.second, li.noforceclickandcollect button.clickandcollect2.second  {
	margin-top:2em;
	margin-left:2em;
}

/*** signup***/
a.signup, a.buttonstyle, a.update,button.signup{
background: url(/images/sprite_sheet.png) no-repeat scroll 0px -1120px;
border:none;
color:#fff;
font-weight:bold;
cursor:pointer;
width:6.7em;
margin-top:0.5em; 
text-align:center;
padding: 0em;
text-decoration:none;
font-size:13px;
}
a.signup, a.buttonstyle, a.update{
display:block;
}
button.signup{
height:2em;
}
ul.updateshopping{
margin-top:2em;
float:left;
clear:both;
}
ul.updateshopping li{
float:left;
}
p.updateshopping{
margin-top:1em;
}
a.signup{
width: 6.7em;
line-height:1.3em;
padding: 5px 0;
display: inline-block;
font-size: 13px;
}
a.signup-2{
	background: url(/images/signup_2.jpg) no-repeat;
	width:7.4em;
}
a.buttonstyle{
padding: 0.3em 0em;
float: left;
margin-right: 2em;
margin-top: 2em;
font-size: 13px;
height: 20px;
}
a.update{
font-size: 13px;
padding: 0.4em 0em;
}
a.continue{
padding: 0.7em 1em;
display:block;
}
input:hover.signup, a:hover.signup,
a:hover.update,
a:hover.buttonstyle,
button:hover.signup{
background: url(/images/sprite_sheet.png) no-repeat scroll 0px -1148px;
color:white;
}
input:visited.signup, a:visited.signup,
a:visited.update,
a:visited.buttonstyle,
button:visited.signup{
color:white;
}
a:hover.signup-2{
background: url(/images/signup_2.jpg) 0 -31px no-repeat;
}
.terms{
line-height:1.4em;
clear:both;
margin-bottom:15px;
padding:0!important;
width:100%;
}
/*** deliveryinfo **/
.deliveryinfo,.customerreviews{
color:#fff;
font-weight:bold;
padding:1%;
width:99%;
background:#c5b492;
}
/*** customerreviews ***/
.customerreviews{
margin:20px 0;
overflow:hidden;
}
.reviews a:hover, #review-area a:hover{
text-decoration:none !important;
}
ul.reviews li{
padding:20px 0;
}
/*** breadcrumbs **/
.breadcrumbs{
padding:1%;
font-size:0.95em;
}
.breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a:visited{
color:#000000;
}
/*** productmenu **/
.productmenu li a,.browse li a{
color:#555;
display:block;
padding:5px 10px;
border-bottom:1px #eee solid;
font-weight:normal;
}
.productmenu li a:hover,
.productmenu li a:active,
.productmenu li a.active,
.redback,
.browse li a:hover,
.browse  li a:active,
.browse li a.active
{
color:#fff;
background:#9c132d;
text-decoration:none;
}
.productmenu{
}
.smallmargin{
margin-bottom:1em;
}
.redback{
padding-left:5px;
margin-bottom:4px;
}

/** shoponline**/
.imageleft, .textright{
width:62%;
float:left;
}
.textright{
width:34%;
line-height:1.4em;
float:left;
margin-left:3%;
}
.textright p, .imagerestaurant p{
padding:0 !important;
font-size: 13px;
}
.imageleft img{
border: 1px solid #EEE;
padding: 5px;
max-width:100%;
}
.imagerestaurant{
float:left;
width:45%;
margin: 4% 5% 4% 0;
line-height:1.4em;
}
#sort{
clear:both;
margin:10px 0;
padding:10px;
display:block;
background:#fff;
}
#sort span{
font-weight:bold;
color:#9c132d;

}


/** products **/
.products{
overflow: hidden;
}
.products li{
width: 170px; /*24.4%;*/
float:left;
margin-right:0.4%;
margin-bottom: 10px;
font-size:13px;
}
.products li a{
/*width:175px;*/
}
.products li a {
display:block;
overflow:hidden;
background:#F4F5EF;
width:170px;
}

.products a,.products a:hover, .recipes a, .specials a{
display:block;
color:#555;
padding-bottom: 0.5em;
overflow:hidden;
}
#rightsidebar li a.active{
background:#f6f6f6;
}
.products a:hover, 
.specials a:hover,
.recipes a:hover,
#rightsidebar li a:hover{
background:#9c132d;
text-decoration:none;
}
.products li a:hover h4,
.products li a:hover span,
.recipes li a:hover h4,
.specials li a:hover h4,
#rightsidebar a:hover h4,
#rightsidebar a:hover{
color:white;
text-decoration:none;
}
#rightsidebar a:hover h4{
background:#9c132d;
}
.recipes li h4,
.specials li h4,
.products li h4{
font-size:1em;
line-height:1.5em;
color:#555;
font-weight:normal;
padding:8px;
height:4em;
}
.products li h4{
padding: 0;
height:5.5em;
}
.products li h4.product-title-discount{
height:8em;
}
.products h4 a{
color:#555;
width:auto;
}
.products h4 a:hover{
background:none;
color:#9C132D;
}
.listbox{
padding:0 8px 10px 8px;
background:#F4F5EF;
}
ul.listitem{
margin:0;
}
.listitem li{
width:49.5%;
}

.products li span{
padding:0 10px 0px 5px;
float:left;
width:3em;
color:#555;
}
li span.price{
font-weight:bold;
clear:both;
width:100%;
}
.specials li span.price{
float:right;
font-size:1.2em;
display:block;
padding:2px 10px;
}
.specials li h4{
padding:5px;
}
.specials li a:hover span.price{
color:white;
}
.products a.viewitem,
.products a.viewitem2{
clear:both;
color:white;
font-weight: bold;
background: url(/images/sprite_sheet.png) no-repeat scroll 0px -940px !important;
padding: 1px 8px 2px 8px;
margin: 0.4em auto;
overflow: hidden;
width: 7em;
font-size:13px;
}
.products a.viewitem2{
background: url(/images/sprite_sheet.png) no-repeat scroll 0px -1000px !important;
padding: 1px 21px 2px 21px;
width: 5em;
}
.products  a:hover.viewitem{
background: url(/images/sprite_sheet.png) no-repeat scroll 0px -966px !important;
}
.products  a:hover.viewitem2{
background: url(/images/sprite_sheet.png) no-repeat scroll 0px -1026px !important;
}

.products a.viewitem.checkout{
padding: 3px 8px 7px 8px
}

/*** single product ***/
.productimage, .producttext{
width:50%;
float:left;
margin-bottom:3em;
}
.productimage a#image-zoom1 img{
max-width:300px;
}
#product_image img{
max-width:500px;
}
.icons{
padding:0 10px 0 30px;
margin: 20px 5px;
}
.icons img{
padding:5px 3px 0 0;
}
.icons a{
display:block;
float:left;
}
#___plusone_0{
width:75px !important;
margin-left:10px!important;
}
.fb-send iframe{
height:25px !important;
width:56px !important;
}

.sharelinks li{
width:120px;
float:left;
height:40px;
}
.sharelinks li:first-child+li{
padding:5px;
}


.producttext p{
line-height:1.4em;
}
.redcolour{
color:#9c132d;
margin:10px 0 20px 0;
font-size:1.1em;
display:block;
}
.rating img{
float:left;
padding:10px 2px;
}
.rating a{
display:block;
padding:0px 15px 10px 0;
float:left;
color:#a88c52;
}
.rating a:visited,
.rating a:hover{
color:#a88c52;
}
.fb-like{
margin:8px 20px;
}
.addtobasket{
border-top:1px solid #c5b492;
border-bottom:1px solid #c5b492;
padding: 2px 0 30px 0;
margin: 10px 0;
height: 7em;
}
a.addtobasketbutton{
color:#fff;
display:block;
padding: 5px 15px;
margin-top:24px;
width:7em;
text-decoration:none;
font-weight:bold;
background: url(/images/sprite_sheet.png) no-repeat 0px -520px !important;
font-size:13px;
height:1.5em;
}
a:hover.addtobasketbutton, a:visited.addtobasketbutton{
background: url(/images/sprite_sheet.png) no-repeat 0px -550px !important;
color:#fff;
}
.pricebasket li{
float:left;
width:33%;
height:5em;
}
.pricebasket p{
font-size: 1.4em;
font-weight: bold;
}
.pricebasket span{
padding-bottom: 5px;
display: block;
}
.delivery{
padding:20px 0 5px;
}
.delivery img{
padding:0 10px 10px 0;
float:left;
}
.delivery p{
float:left;
display:block;
padding: 5px 10px;
}

.clear{
clear:both;
}


/***recipes ***/
.recipes li{
width:222px; /*31.9%;*/
float:left;
margin: 0 1.3% 1% 0;
}
/* [if gte IE 9] */	 
/* [endif] */
.recipes li a{
width:222px;
}

.recipes li img{
background:#fff;
border:1px solid #ddd;
padding:5px;
}
.recipes li h4{
font-size:1.1em;
height:3em;
color:#9c132d;
}
/***newsletter***/
.newsletter, .finduson, .browse{
margin-bottom:20px;
margin-top:5px;
clear:both;
overflow:hidden;
}
#homesidebar .newsletter{
margin-top:43px;
padding:0 3%;
}
 .findus{
 padding:0 3%;
 }
.newsletter p{
margin:5px 0;
}
.finduson a{
margin-top:5px;
display:block;
float:left;
width:45px;
height:38px;
text-indent:-3000px;
background: url(/images/social-icons.jpg) no-repeat;
}
.finduson a.facebook{
background-position: 0 0;
}
.finduson a.twitter{
padding:10px;
background: url(/images/sprite_sheet.png) no-repeat scroll 0px -1060px;
/*background-position: -47px 0;*/
}
.finduson a.feeds{
background-position: -95px 0;
}
.finduson a:hover.facebook{
background-position: 0 -38px;
}
.finduson a:hover.twitter{
background-position: -47px -38px;
}
.finduson a:hover.feeds{
background-position: -95px -38px;
}
.sidepromotion{
margin-top:60px;
}
.browse a{
display:block;
}
li.browsetitle{
font-weight:bold;
color:#9c132d;
padding:5px;
border-bottom:1px solid #9c132d;
}
/*** rightsidebar **/
#rightsidebar ul{
margin: 0 7px;
}
#rightsidebar h4{
font-size:1em;
line-height:1.3em;
}
p.postedon{
font-style:italic;
padding-bottom: 0.5em;
}
#rightsidebar li a{
display:block;
color:#777;
padding:5px;
}
a:visited.readmore{
color:#9c132d !important;
}
a.readmore, a.more{
padding:5px;
display:block;
}

/**** form *****/
 
form#signin input, form#checkout-form input {
	width:33%;
}

form#signin select {
	width:34%;
}

form#signin input[type=checkbox] {
	width:auto;
}

#contact-area{
width: 100%;
margin-top: 9%;
}

#contact-area input, #contact-area textarea, #contact-area select,
#review-area  input, #review-area textarea {
padding: 5px;
width: 70%;
font-size: 1em;
margin: 0px 0px 2% 0px;
border: 1px solid #CCC;
}

#contact-area textarea {
height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus,
#review-area  input:focus, #review-area textarea:focus {
border: 2px solid #900;
}

#contact-area input.submit-button {
width: 90px;
float: right;
background: url(/images/signup.jpg) no-repeat;
border:none;
color:white;
font-size:13px;
font-weight:bold;
text-align:center;
padding:3px;
height:2em;
}

article.wineclub #contact-area input.submit-button {
	float:left;
}


#contact-area input.submit-button:hover{
background: url(/images/signup_over.jpg) no-repeat;
}

#contact-area label{
float:left;
}
label{
text-align: right;
margin-right: 15px;
width: 100px;
padding-top: 5px;
display: inline-block;
vertical-align: top;
}

label.error
{
	text-align: left;
	margin-left: 113px;
	width: 50%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border:none;
}
input.error {
	padding:3px;
	margin-bottom:5px;
}

#prize_draw_questions label{
width: 300px;
text-align:left;
margin:-3px 0 0px 15px;
}
legend{
padding: 15px 0;
}
label#agree{
width:70%;
float: none;
padding: 0 5px;
text-align:left;
}
#review-area  label{
width:25%;
}
#review-area  input, #review-area textarea{
width: 45%;
}
#review-area .error-message{
margin-left:27%;
}

#contact-area input.wholesale, #contact-area textarea.wholesale {
width: 81%;
}	

#contact-area select.wholesale {
width: 83%;
}	
 /**** end form *****/

 
 /*** recipe ingredients **/
.recipe,.ingredients{
float:left;
margin-bottom:20px;
}
.ingredients{
width:96%;
padding:2%;
margin:1%;
border-bottom:1px solid #ddd;
font-size:0.95em;
line-height:1.4em;
}
.ingredients h3, .recipe h3{
color:#555;
}
.recipe h3{
padding:0 5px;
}
.ingredients li{
padding:3px 0;
}
.recipevideo iframe{
max-width:100%;
}

footer{
border-top: 1px #CCC dotted;
height: 200px;
clear: both;
margin: 20px 0;
color: #666;
}
.infooter{
line-height:1.3em;
float: left;
width: 26%; /*22%;*/
display: block;
margin: 20px 0 50px 0;
padding: 0 1% 0 2%;
}
.infooter.last{
padding:0;
width:22%;
float:right;
}
.infooter.first {
width:17%;
}
.infooter ul{
list-style:square;
}
.infooter a{
color:#555;
}
.infooter a:hover{
background:#9c132d;
color:#fff;
text-decoration:none;
}
/*** Pepe picks***/
.pepepicks li{
clear:both;
border-bottom:1px solid #eee;
overflow:hidden;
margin-bottom:20px;
padding-bottom:10px;
}
.pepepicks  li a img{
width:25%;
float:left;
}
.text-pepe{
float:left;
width:74%;
}
.pepeside img{
max-width:100%;
}
.text-pepe span{
font-weight:bold;
}
.text-pepe  a.addtobasketbutton{
margin: 5px 0;
}
#maincolumn .text-pepe p{
padding: 5px 0;
}
.pepe-left{
width:220px;
height:120px;
}
a:hover .pepe-left{
}

.elisabeth-left{
width:220px;
height:120px;
}
a:hover .elisabeth-left{
}
/**** term and conditions ***/
.termsconditions{
padding:20px 0;
font-size:0.95em;
}
.termsconditions ol{
width:85%;
list-style-type: decimal;
padding-left:5%;
}
.termsconditions ol li{
padding-top:10px;
}
/*** shoppingprocess ***/
.shoppingprocess li span{

font-weight:bold;
}
.shoppingprocess{
padding:20px 0;
height:2em;
}
.shoppingprocess li{
color:#555;
float:left;
width:23%;
text-align: center;
display: table-cell;
vertical-align: middle;
border:1px solid #eee;
padding:5px;
}
.shoppingprocess li.active{
background:#f4f4f4;
color:#555;
}
.reviewtext{
margin-top:20px;
}
#rightsidebar .newsletter p,
#rightsidebar .newsletter form{
padding-left:10px;
}
#rightsidebar .finduson a{
margin-left:7px;
}
.searchresults{
border-bottom:1px solid #eee;
}
.searchresults a{
padding: 0 5px;
display:block;
color:#555;
padding:10px 0;
}
.searchresults a:hover{
background:#eee;
text-decoration: none;
}

h3.searchresults{
margin-top:20px;
background:#C5B492;
padding: 5px;
color:#fff;
}
.searchresults h4{
font-size:1em;
padding:5px;
}

/*** map ***/
#middlecolumn #map_canvas img{
max-width:none !important;
}
/***Slider***/
#slider-wrapper {
background: #fff url(/images/promotion.jpg) no-repeat;
/* background:url(/images/slider.png) no-repeat; /* Slider border and shadows */
width: 304px;
height: 260px;
margin:0 auto;
padding:7px 7px 10px 10px;
}
#slider{
width: 286px;
height: 244px;
position:relative;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
width: 286px;
height: 244px;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
    width:251px;
    height:40px;
    position:absolute;
    left:20px; /* Manually position in centre. Not perfect :( */
    bottom:-55px;
    padding:8px 0 0 82px;
    z-index:20; /* Make sure it is visible above the slides */
    display:none;
}
.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(/images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
.nivo-controlNav a.active,
.showcase-button-wrapper span.active {
    background-position:0 -22px; /* Selected bullet */
}

.nivo-caption {
    bottom:0; /* Vertically centre the captions */
    left:auto;
    right:0px; /* Put them on the right */
    width:auto;
    max-width:286px;
    overflow:hidden;
    background-image: url(/images/white-opacity-80.png);
    text-shadow:none;
	color:#9C132D;
	height:243px;
}
.nivo-caption p {
	color:#000;
    padding:5px 15px;
    line-height:23px;
}
.nivo-caption p.time {
	color:#9C132D;
    font-weight:bold;
}
.nivo-caption a { 
	color:#9C132D;
    font-weight:bold;
}
.view_video_description{
margin-top:20px;
}

.sitemap li{padding:3px;margin:0;color:#000000;background-color:inherit;}
.sitemap li a{text-decoration:none;color:#000000;background-color:inherit;}
.sitemap li a:hover{text-decoration:none;color:#000000;background-color:inherit;}
.sitemap li ul{padding:2px 0 0 20px;margin:0;	}
.sitemap li ul li{padding:0 0 6px 15px;margin:0;color:#000000;background-color:inherit;}

#flashMessage {
	clear:both;
	padding: 5px;
	color: #004890; 
	font-size: 1.2em;
}

#homecontent #flashMessage {
	margin-top:60px;
}

#flashError {
	clear:both;
	color: red; 
	font-size: 1.2em;
}

#flashErrorMessage {
	clear:both;
	color: red; 
	font-size: 1.2em;
}

.error, .notice, .success,  .message{
	clear:both;
	padding:0.8em;
	margin:0 0 1em 0;
	border:2px solid #ddd;
	position:relative;
}
.error p, .notice p, .success p, .message p{
	padding:0;
	margin:0;
}
#main #main-center-panel .error p,
#main #main-center-panel .notice p,
#main #main-center-panel .success p,
#main #main-center-panel .message p{
	padding:0;margin:0;
}
.error {background:#FFFFFF;color:#9C132D;border-color:#9C132D;}
.notice {background:#FFFFFF;color:#000000;border-color:#9C132D;}
.success {background:#FFFFFF;color:#000000;border-color:#9C132D;}
.error a {color:#9C132D;}
.notice a {color:#000000;}
.success a {color:#000000;}
.message a {color:#000000;}

.error-message{
	color:#FF3030;
}
#message-wrap{
	color: #004890; 
}
#onecolumn .error-message{
margin-left:115px;
}
#onecolumn #prize_draw_wrapper .error-message{
margin-left:0px;
}

#signin input[type="checkbox"]{
	margin-top:5px;
}

/** pagination **/
ul.pagination{
float:right;
margin: 0 20px 0 0;
}
ul.pagination li {
float: left;
display:block;
font-weight: bold;
font-size:13px;
text-align: center;
margin: 0 5px;

}
ul.pagination li a{
color: #888;
text-decoration: none;
padding:2px 6px;
border:1px solid #F4F5EF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
ul.pagination li.prev a,
ul.pagination li.next a{
padding:4px 6px;
}
ul.pagination li a:hover{
border:1px solid #9c132d;
color:#fff;
background:#9c132d;
}
ul.pagination li .current{
border:1px solid #9c132d;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color:#fff;
background:#9c132d;
padding:2px 6px;
}
ul.pagination li span{
margin: 0 1px;
}
/*** product thumbnails **/
.products .thumbnail img{
max-width:170px;
max-height:170px;
}
.products .thumbnail{
width:170px;
height:170px;
background:#fff;
}
.mainpage table{
	border: 1px solid;
}
.mainpage td{
	border: 1px solid;
}

a.cymraeg, .finduson{
float:left;
}
a.cymraeg{
width: 100px;
margin: 0 0 0 35px;
display:block;
height:109px;
background: url(/images/cymraeg.png) 0 0 no-repeat;
text-indent:-9999px;
}
a:hover.cymraeg{
display:block;
background: url(/images/cymraeg.png) 0 -110px no-repeat;
}
#sidebar .finduson{
width:100%;
}

.message a.blue-link {
 color:#004890;
 text-decoration:underline;
 font-size:85%;
 font-weight:bold;
}

.ch-grid {
	margin: 0 0 0 -15px;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 135px;
	height: 90px;
	display: inline-block;
	margin: 5px;
	padding: 4px;
	border: 1px solid #EEE;
}


.ch-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.ch-info{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ch-info .ch-info-front {/*
	border: 1px solid #ccc;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,0.3);*/
}

.ch-info .ch-info-back {
	-webkit-transform: translate3d(0,0,-90px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-90px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-90px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-90px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-90px) rotate3d(1,0,0,90deg);
	background: #9C132D;
	opacity: 0;
}

.ch-img-1 { 
	background-image: url(..images/featured.jpg);
}

.ch-img-2 { 
	background-image: url(..images/fwines.jpg);
}

.ch-img-3 { 
	background-image: url(..images/fmountain.jpg);
}
.ch-img-4 { 
	background-image: url(..images/fpeople.jpg);
}

.ch-img-5 { 
	background-image: url(..images/fwines2.jpg);
}

.ch-img-6 { 
	background-image: url(..images/fmeat.jpg);
}

.ch-info h3 {
	color: #fff;
	letter-spacing: 0px;
	font-size: 14px;
	margin: 0 5px;
	padding: 10px 0 5px 0;
	height: 28px;
	line-height: 16px;
}

.ch-info p {
	color: #fff;
	padding: 5px;
	font-style: italic;
	margin: 0 10px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
}
/*
.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}*/

.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0,110px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,110px,0) rotate3d(1,0,0,-90deg);
	-o-transform: translate3d(0,110px,0) rotate3d(1,0,0,-90deg);
	-ms-transform: translate3d(0,110px,0) rotate3d(1,0,0,-90deg);
	transform: translate3d(0,110px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}

.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}

/* Wine crate */
#cart {padding: 10px; background:#fff;border: 1px solid #ccc;width: 150px; /*height:350px;*/ font-size:12px;}
#cart h2 {padding: 0 0 10px 0; font-size: 14px;}
.cart-item {line-height: 10px;float: left; width: 25px;}
.cart-item p {
float: left;
}
li.product{list-style:none !important;}
.item-name {padding-right: 10px;
width:106px;}
.clickme{
  position: absolute;;
  top:50%;
  left:50%;
  width:100px;
}
p.input {float:right;}
.hoverimg{padding:5px 3px;}

.tooltip{
position: relative;      /*cursor: help;*/
display: inline-block;
text-decoration: none;
color: #222;
outline: none;
margin: 2px;
font: bold 12px/14px sans-serif;
}
    
.tooltip span{
  visibility: hidden;
  position: absolute;
  top: -45px;
  left: 0;
  z-index: 999;
  /*width: 130px;*/
  margin-left: -48px;
  padding: 2px;
  border: 2px solid #eee;
  opacity: .9;
  background-color: #eee;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover{
  border: 0; /* IE6 fix */
}

.tooltip:hover span, .image-zoom:hover .clickme{
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.tooltip span:before{
  border-top-color: #eee
  bottom: -8px;
}

#specialities .tooltip img{
    margin:auto;
  }
td.mm{
  text-align: left;
  font:13px/19px sans-serif;
}


.clickme {
visibility: hidden;
position: absolute;
top: 50%;
left: 25%;
width: 80px;
text-align: center;
background: rgba(240, 240, 240, 0.8);
padding: 5px;
border-radius: 5px;
font-weight: bold;
color:#555;
}

.fullbasket{
  display: none;
}

.checkout.signup{
  height: 18px;
  margin: 10px 30px 0 30px;
}
.checkout.signup-2{
  height: 20px;
  margin: 10px 30px 0 30px;
}
.cart-content{
  position: relative;
}
.div-remove{
  position: relative;
}

.div-remove a:hover{
  text-decoration: none;
}
.id,#dialog-confirm,#checkout-confirm{display: none;}

.dropzone {
	background: url(/images/sprite_sheet.png) no-repeat 0px -400px !important; 
	display: block; 
	height:120px;
}

.dropzone.takeaway {
	background: url(/images/Take-away-box.png) no-repeat !important; 
}

div.ui-state-default .dropzone { 
	border: 3px solid #9C132D;
}

.dropzone p {text-align: center;}
.empty, #wineproducts .checkout {margin: 10px 0 0 0; width: 100%;background: #000; height: 40px; color: #fff; text-align: center;line-height: 40px; display: none;}

.div-remove {
	float: left;
	padding: 0 5px;
	font-size: 25px;
	line-height: 10px; 
	cursor: pointer;
}

.div-remove.takeaway {
	padding: 0 5px 0 13px;
}

.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; overflow: hidden; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

----------------------------------*/
.ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #eeeeee; background: #ffffff  50% 50% repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e3a1a1; background: #9C132D  50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d8dcdf; background: #eeeeee;font-weight: bold; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004276; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cdd5da; background: #f6f6f6 url(/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #111111; }
.ui-state-hover a, .ui-state-hover a:hover { color: #111111; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #eeeeee; background: #ffffff url(/images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #e51b24; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e51b24; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcd3a1; background: #fbf8ee url(/images/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x; color: #444444; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #e51b24; background: #f3d8d8 url(/images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2e2e2e; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #2e2e2e; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-icon-closethick { background-image: url(..images/close.png);  background-position: -96px -128px; text-indent: -9000px; }

#wineproducts{
  width:75%;
  float:left;
}
#floatingcart{
  width:24%;
  float:left;
}
.quantity{
font: 16px/20px Verdana, sans-serif;
margin: 3px 0 -12px 0;
text-align: center;
color: #9C132D;
}
.ui-widget-overlay{
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

#add-message{
	text-align:center;
	font-weight:bold;
	color: #9C132D;
	border:1px solid;
	margin-top:10px;
}

#maincolumn p#add-product-message{
	text-align:center;
	font-weight:bold;
	color: #9C132D;
	border:1px solid;
	margin-bottom:10px;
	padding:10px;
}

aside p {
	padding: 2px 0px 0px 10px;
}

social {
	float:right;
	margin-right:15px;
}

a.addtobasketbutton {
    background: url(/images/sprite_sheet.png) no-repeat scroll 0 -520px rgba(0, 0, 0, 0) !important;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 1.5em;
    margin-top: 24px;
    padding: 5px 15px;
    text-decoration: none;
    width: 7em;
}

body{width:100%;*zoom:1}body:before,body:after{content:"";display:table}body:after{clear:both}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-size:14px;line-height:1.231}body,button,input,select,textarea{font-family:sans-serif;color:#222}::-moz-selection{background:#0abbcd;color:#555;text-shadow:none}::selection{background:#0abbcd;color:#fff;text-shadow:none}a{color:#9c132d}a:visited{color:#9e4758}a:hover{color:#9c132d}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{padding:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0}dd{margin:0 0 0 40px}

nav ul,nav ol{
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
	z-index:1000;
}

img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}table button,table input{*overflow:auto}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.redstrip{background:#9c132d;width:100%;height:5px}ul#menu{padding:20px 0 5px 0;clear:both;height:1.5em;font-size:1.1em}#menu li{float:left;margin:0}#menu li a{padding:0 10px;color:#4e4242;text-decoration:none;display:block}#menu li a.active,#menu li a:hover{color:#9c132d}#menu li a.home{padding:0 15px; text-indent:-3000px;display:block;height:18px;margin-top:-3px}#menu li a:hover.home{background:url(/images/home_hover.png) 5px 3px no-repeat}div.center{max-width:960px;margin:0 auto;overflow:hidden;background:url(/images/spiral.png) 573px -143px no-repeat}#maincolumn{display:inline;float:left;width:72.91666666666666%;margin:0 1.0416666666666665%}#sidebar{display:inline;float:left;width:22.916666666666664%;margin:0 1.0416666666666665%}#homecolumn{display:inline;float:left;width:64.58333333333334%;margin:0 1.0416666666666665%}

#homesidebar{display:inline;float:right;width:31.25%;margin:0 1.0416666666666665%}

#middlecolumn{display:inline;float:left;width:47.91666666666667%;margin:0 1.0416666666666665%;margin-bottom:3em}

#rightsidebar{display:inline;float:left;width:22.916666666666664%;margin:0 1.0416666666666665%}

#onecolumn{display:inline;float:left;width:97.91666666666666%;margin:0 1.0416666666666665%}

#middlecolumn img{border:1px solid #eee;padding:5px;margin:10px 0}

#middlecolumn,#maincolumn{line-height:1.4em}

#middlecolumn p,#maincolumn p{padding:5px}.mainsite{padding:0 10px}#maincolumn .mainsite p{padding:5px 0}#rightsidebar h3{margin:0 7px;padding-left:.6em;background:#9c132d;color:#fff}.restaurant{position:relative;float:left}@media only screen and (max-width:320px){body{font-size:1em}.center,#maincolumn,#sidebar,#middlecolumn,#rightsidebar{display:inline;float:left;width:97.91666666666666%;margin:0 1.0416666666666665%;margin-bottom:1em}ul#menu{height:auto}#menu li{padding:3px}.products li .viewitem{font-size:.9em}.infooter,.infooter.first,.infooter.last{width:100%}.about li{width:100%}.about li p{padding-left:1%;float:left}.specials li,#homesidebar,.imageleft,.textright{width:100%}.specials li a{width:170px}.spanish_products p,.spanish_products img,.productimage,.producttext,.imagerestaurant,.newstext,.newspic{width:100%}#scrolltable{overflow-x:scroll}.login,#logo,.shoppingprocess li{width:100%}a div#logo p{padding:10px 45px}.products li .viewitem{}}@media only screen and (min-width:321px) and (max-width:480px){body{font-size:1em}.center,#maincolumn,#sidebar,#middlecolumn,#rightsidebar{display:inline;float:left;width:97.91666666666666%;margin:0 1.0416666666666665%;margin-bottom:1em}#imagewrapper{margin-top:30px}.infooter,.infooter.first,.infooter.last{width:100%}.about li{width:100%}.about li p{padding-left:1%;float:left}.specials li,#homesidebar,.imageleft,.textright{width:100%}#homecolumn{width:100%}.specials li a{width:170px}.spanish_products p,.spanish_products img,.productimage,.producttext,.imagerestaurant,.newstext,.newspic{width:100%}#scrolltable{overflow-x:scroll}.login,#logo,.shoppingprocess li{width:100%}a div#logo p{padding:10px 45px}.products li .viewitem{}}@media only screen and (min-width:481px) and (max-width:768px){.center,#maincolumn,#sidebar,#middlecolumn,#rightsidebar{display:inline;float:left;width:97.91666666666666%;margin:0 1.0416666666666665%;margin-bottom:1em}.infooter,.infooter.first,.infooter.last{width:100%}.about li{width:100%}.about li p{padding-left:1%;float:left}.specials li,#homesidebar,.imageleft,.textright,.productimage,.producttext,.newstext,.newspic{width:100%}#homecolumn{width:100%}.specials li a{width:170px}}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline;color:black!important}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3,h4{orphans:3;widows:3}h2,h3,h4{page-break-after:avoid}#login,nav,ul#menu,#sidebar{display:none!important;visibility:hidden}}

body{width:100%;*zoom:1}body:before,body:after{content:"";display:table}body:after{clear:both}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-size:14px;line-height:1.231}body,button,input,select,textarea{font-family:sans-serif;color:#222}::-moz-selection{background:#0abbcd;color:#555;text-shadow:none}::selection{background:#0abbcd;color:#fff;text-shadow:none}a{color:#9c132d}a:visited{color:#9e4758}a:hover{color:#9c132d}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{padding:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}table button,table input{*overflow:auto}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.redstrip{background:#9c132d;width:100%;height:5px}ul#menu{padding:20px 0 5px 0;clear:both;height:1.5em;font-size:1.1em}#menu li{float:left;margin:0}#menu li a{padding:0 10px;color:#4e4242;text-decoration:none;display:block}#menu li a.active,#menu li a:hover{color:#9c132d}#menu li a.home{padding:0 15px; text-indent:-3000px;display:block;height:18px;margin-top:-3px}#menu li a:hover.home{background: url(/images/sprite_sheet.png) no-repeat scroll 0px -1080px;}div.center{max-width:960px;margin:0 auto;overflow:hidden;background:url(/images/spiral.png) 573px -143px no-repeat}#maincolumn{display:inline;float:left;width:72.91666666666666%;margin:0 1.0416666666666665%}#sidebar{display:inline;float:left;width:22.916666666666664%;margin:0 1.0416666666666665%}#homecolumn{display:inline;float:left;width:64.58333333333334%;margin:0 1.0416666666666665%}#homesidebar{display:inline;float:right;width:31.25%;margin:0 1.0416666666666665%}#middlecolumn{display:inline;float:left;width:47.91666666666667%;margin:0 1.0416666666666665%;margin-bottom:3em}#rightsidebar{display:inline;float:left;width:22.916666666666664%;margin:0 1.0416666666666665%}#onecolumn{display:inline;float:left;width:97.91666666666666%;margin:0 1.0416666666666665%}#middlecolumn img{border:1px solid #eee;padding:5px;margin:10px 0}#middlecolumn,#maincolumn{line-height:1.4em}#middlecolumn p,#maincolumn p{padding:5px}.mainsite{padding:0 10px}#maincolumn .mainsite p{padding:5px 0}#rightsidebar h3{margin:0 7px;padding-left:.6em;background:#9c132d;color:#fff}.restaurant{position:relative;float:left}@media only screen and (max-width:320px){body{font-size:1em}.center,#maincolumn,#sidebar,#middlecolumn,#rightsidebar{display:inline;float:left;width:97.91666666666666%;margin:0 1.0416666666666665%;margin-bottom:1em}ul#menu{height:auto}#menu li{padding:3px}.products li .viewitem{font-size:.9em}.infooter,.infooter.first,.infooter.last{width:100%}.about li{width:100%}.about li p{padding-left:1%;float:left}.specials li,#homesidebar,.imageleft,.textright{width:100%}.specials li a{width:170px}.spanish_products p,.spanish_products img,.productimage,.producttext,.imagerestaurant,.newstext,.newspic{width:100%}#scrolltable{overflow-x:scroll}.login,#logo,.shoppingprocess li{width:100%}a div#logo p{padding:10px 45px}.products li .viewitem{}}@media only screen and (min-width:321px) and (max-width:480px){body{font-size:1em}.center,#maincolumn,#sidebar,#middlecolumn,#rightsidebar{display:inline;float:left;width:97.91666666666666%;margin:0 1.0416666666666665%;margin-bottom:1em}#imagewrapper{margin-top:30px}.infooter,.infooter.first,.infooter.last{width:100%}.about li{width:100%}.about li p{padding-left:1%;float:left}.specials li,#homesidebar,.imageleft,.textright{width:100%}#homecolumn{width:100%}.specials li a{width:170px}.spanish_products p,.spanish_products img,.productimage,.producttext,.imagerestaurant,.newstext,.newspic{width:100%}#scrolltable{overflow-x:scroll}.login,#logo,.shoppingprocess li{width:100%}a div#logo p{padding:10px 45px}.products li .viewitem{}}@media only screen and (min-width:481px) and (max-width:768px){.center,#maincolumn,#sidebar,#middlecolumn,#rightsidebar{display:inline;float:left;width:97.91666666666666%;margin:0 1.0416666666666665%;margin-bottom:1em}.infooter,.infooter.first,.infooter.last{width:100%}.about li{width:100%}.about li p{padding-left:1%;float:left}.specials li,#homesidebar,.imageleft,.textright,.productimage,.producttext,.newstext,.newspic{width:100%}#homecolumn{width:100%}.specials li a{width:170px}}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline;color:black!important}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3,h4{orphans:3;widows:3}h2,h3,h4{page-break-after:avoid}#login,nav,ul#menu,#sidebar{display:none!important;visibility:hidden}}