@charset "utf-8";
:focus {
	outline: 0;
}
html { scroll-behavior: smooth; }
article, #author, figure, figcaption, footer, header, hgroup, nav, section, summary {
	display: block;
}
:root {
    --black: #000;
    --text-grey: #333;
	--promo-bckg: #88bfe8;
	--light-grey: #f2f1f2;
	--dark-grey: #666;
	--nav-hover: #ff7300;
	--nav-text-hover: #88bfe8;
	--white: #fff;
	--widerow-bckg: #f2f2f2;
	--price-link: #FFE01B;
	--mailchimp-text: #272727;
	--bckg-grey: #ccc;
	--lime: #99CC33;
}
body, #checkwrap {
	font-family: Arial, Helvetica, sans-serif;
    font-family: 'Open Sans', sans-serif;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}
h1, h2, h3, h4 {
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
	color: var(--text-grey);
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
p {
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	width: 100%;
	color: var(--text-grey);
	padding: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/**** masthead ****/
#promowrap, #main .widerow, #mailchimpwrap, #main .widerow .widesingle, #navwrap #navigation, #main .widerow .widebuy, #main #content, #main #content .framewrap, #main #content article {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}
#main .widerow {
	margin: 20px 0px 20px 0px;
}
#promowrap {
	height: 60px;
	background-color: var(--promo-bckg);
}
#promowrap #promo {
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
}
#promowrap #promo a {
	color: var(--black);
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	width: 100%;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
}
#promowrap #promo a:hover {
	color: var(--white);
}
#main header, #main header #title {
	display: none;
}
.round {
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.topline {
	border-top: 1px solid var(--promo-bckg);
	padding: 20px 0px 0px 0px;
}
/**** navigation ****/
#navwrap #navigation nav {
	width: auto;
	height: auto;
}
#navwrap #navigation nav span#mbnav {
	display: none;
	font-size: 18px;
	width: 246px;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	float: left;
	background-image: url(../public/images/siteimgs/mobile-nav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 44px 88px;
	border: none;
	margin: 0px;
	padding: 0px 0px 0px 54px;	
	color: var(--light-grey);
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	background-color: var(--dark-grey);
	border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	background-clip: padding-box;
	overflow: hidden;
}
#navwrap #navigation nav span#mbnav:hover {
	color: var(--nav-hover);
	background-position: 0px -44px;
	cursor: pointer;
}
#navwrap #navigation nav ul.collapsible.collapsed {
	transition: max-height 0.3s ease-out;
	transform: scaleY(1);
}
#navwrap #navigation nav ul {
	background-color: var(--dark-grey);
	border-radius: 0px 0px 4px 4px;
	background-clip: padding-box;
}
#navwrap #navigation nav ul, #navwrap #navigation nav ul li {
	width: auto;
	height: auto;
	float: left;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	list-style: none;
}
#navwrap #navigation nav ul li {
	clear: none;
}
#navwrap #navigation nav ul li a {
	color: var(--light-grey);
	width: auto;
	height: 32px;
	line-height: 32px;
	padding: 6px 16px 6px 16px;
	vertical-align: middle;
	float: left;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	overflow: hidden;
	border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	background-clip: padding-box;
	text-transform: uppercase;
	cursor: pointer !important;
}
#navwrap #navigation nav ul li a:hover, #main #content #right .rbox .textbox a.more:hover {
	color: var(--white);
	transition: background-color 0.3s ease;
	background-color: var(--nav-text-hover);
}
/**** index ****/
#main, #navwrap, #mailchimpwrap #mailwide, #fwrap #footer {
	width: 1180px;
	height: auto;
	margin: 0 auto 0 auto;
}
#main .widerow .widesingle {
	position: relative;
}
#main .widerow .widesingle img {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#main .widerow .widesingle a.actiontext {
	width: 260px;
	height: auto;
	padding: 20px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 800px;
	display: block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
	filter: alpha(opacity=90); /* IE 5-7 */
	opacity: 0.9;
	background-color: var(--white);
	text-decoration: none;
	border-top: 6px solid var(--nav-text-hover);
	text-align: center;
}
#main .widerow .widesingle a.actiontext h3, #main .widerow .widesingle a.actiontext p {
}
#main .widerow .widesingle a.actiontext:hover, #main .widerow .widedouble .triplewrap a:hover {
	transition: background-color 0.3s ease;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
	filter: alpha(opacity=100); /* IE 5-7 */
	opacity: 1.0;
	background-color: var(--nav-text-hover);
	cursor: pointer;
	text-decoration: none;
}
#main .widerow .widesingle a.actiontext:hover > h3, #main .widerow .widesingle a.actiontext:hover > p, #main .widerow .widedouble .triplewrap a:hover > h3, #main .widerow .widedouble .triplewrap a:hover > p {
	color: var(--white);
}
#main .widerow h2 {
	font-size: 32px;
	text-align: center;
	margin: 0px;
}
#main .widerow .widebox, #main .widerow .widebox .imgwrap, #main .widerow .widebox .imgwrap a, #main .widerow .widebox .imgwrap a img {
	width: 280px;
	height: auto;
	float: left;
	overflow: hidden;
}
#main .widerow .widebox:nth-of-type(5n), #main .widerow .widebox:nth-of-type(6n) {
	display: none;
}
#main .widerow .widebox .imgwrap a:hover {
	transition: transform 0.3s ease;
	transform: scale(1.1);
}
#main .widerow .widebox {
	margin: 10px 20px 20px 0px;
}
#main .widerow .widebox:nth-of-type(4n) {
	margin: 10px 0px 20px 0px;
}
#main .widerow .widebox .imgwrap {
}
#main .widerow .widebox .imgwrap a {
}
#main .widerow .widebox .imgwrap a img {
}
#main .widerow .widebox .textbox {
	width: 260px;
	height: 120px;
	padding: 0px 10px 20px 10px;
	float: left;
	background-color: var(--nav-text-hover);
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	background-clip: padding-box;
	overflow: hidden;
}
#main .widerow .widebox .textbox h3, #main .widerow .widebox .textbox p {
	color: var(--white);
	margin: 10px 0px 0px 0px;
	text-shadow: 2px 2px 4px #100;
}
#main .widerow .widedouble, #main .widerow .widedouble img, #main .widerow .widedouble .triplewrap, #main .widerow .widebuy .pricebox, #main .widerow .widebuy #buyinfo {
	width: 370px;
	height: auto;
	float: left;
	overflow: hidden;
}
#main .widerow .widedouble {
	margin: 0px 35px 0px 0px;
}
#main .widerow .widedouble:last-of-type {
	margin: 0px 0px 0px 0px;
}
#main .widerow a#widerowLink {
	width: 100%;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	color: var(--white);
	text-decoration: none;
	padding: 6px 0px 6px 0px;
	margin: 10px 0px 0px 0px;
	background-color: var(--dark-grey);
	text-align: center;
	float: left;
	clear: both;
}
#main .widerow a#widerowLink:hover {
	background-color: var(--promo-bckg);
}
#main .widerow.andReviews {
	border-top: 6px solid var(--lime);
	background-color: var(--black);
	float: left;
	clear: both;
}
#main .widerow.andReviews #andWrap {
	width: 1100px;
	margin: 20px 40px 20px 40px;
	float: left;
	clear: both;
}
#main .widerow.andReviews #andWrap a#andLogo {
	margin: 0px 40px 0px 0px;
}
#main .widerow.andReviews #andWrap a#andLogo, #main .widerow.andReviews #andWrap a#andLogo img {
	width: 300px;
	height: 180px;
	float: left;
	clear: none;
	text-decoration: none;
}
#main .widerow.andReviews #andWrap #textbox {
	width: auto;
	max-width: 700px;
	float: left;
	clear: none;
}
#main .widerow.andReviews #andWrap #textbox h3, #main .widerow.andReviews #andWrap #textbox p {
	color: var(--white);
}
#main .widerow.andReviews #andWrap #textbox p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
#main .widerow.andReviews #andWrap #textbox a#andLink {
	width: auto;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
	padding: 6px 20px 6px 20px;
	text-align: center;
	color: var(--white);
	border: 2px solid var(--white);
	margin: 10px 0px 0px 0px;
	float: right;
	clear: both;
	text-decoration: none;
}
#main .widerow.andReviews #andWrap #textbox a#andLink:hover {
	background-color: var(--lime);
	text-decoration: none;
}
#main .widerow .widebuy, #main .widerow .launchPanel {
	background-color: var(--widerow-bckg);
	border-top: 6px solid var(--nav-text-hover);
	background-image: url(../public/images/siteimgs/mobile-phones.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 774px auto;
}
#main .widerow .widebuy .pricebox {
	clear: none;
	margin: 20px 35px 20px 0px;
	text-align: center;
}
#main .widerow .widebuy .pricebox a.price {
	width: 180px;
	height: 180px;
	border: none;
	text-decoration: none;
	background-color: var(--price-link);
	vertical-align: middle;
	display: inline-block;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	background-clip: padding-box;
}
#main .widerow .widebuy .pricebox a.price h3, #main .widerow .widebuy .pricebox a.price p {
	width: 100%;
	height: auto;
	float: left;
	color: var(--white);
}
#main .widerow .widebuy .pricebox a.price h3 {
	font-size: 80px;
	line-height: 80px;
	color: var(--white);
	font-weight: bold;
	text-align: center;
	margin: -3px 0px 0px 0px;
	text-shadow: 2px 2px 4px #000000;
}
#main .widerow .widebuy .pricebox span.buyNow {
	width: 160px;
	height: 61px;
	background-size: 100% auto;
	background-image: url(../public/images/siteimgs/buy-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	position: relative;
	z-index: 48;
	left: 18px;
	bottom: -120px;
}
#main .widerow .widebuy .pricebox a.price p {
	color: var(--black);
	line-height: 24px;
	font-size: 22px;
	margin: 26px 0px 0px 0px;
}
#main .widerow .widebuy .pricebox h2 {
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0px;
}
#main .widerow .widebuy .pricebox a.price:hover, #main .widerow .widebuy #buyinfo a:hover, #checkwrap .cardcheck input#cardRequest:hover, #main .widerow .offer a:hover, #main .widerow .launchPanel #launchInfo a:hover, #main .widerow .offer .imgwrap .urlBadge a.prtUrl:hover, #checkwrap .cardcheck p#msswrap a:hover {
	transition: background-color 0.3s ease;
	background-color: var(--nav-text-hover);
	cursor: pointer !important;
}
#main .widerow .widebuy #buyinfo {
	width: 350px;
	height: auto;
	float: left;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 10px;
	text-align: center;
}
#main .widerow .widebuy #buyinfo h3 {
	margin: 10px 0px 10px 0px;
}
#main .widerow .widebuy #buyinfo h3, #main .widerow .widebuy #buyinfo p {
	text-align: center;
}
#main .widerow .widebuy #buyinfo a {
	margin: 10px auto 10px auto;
}
/** launch CSS **/
#main .widerow .launchPanel {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	background-color: var(--widerow-bckg);
	border-top: 6px solid var(--nav-text-hover);
	background-image: url(../public/images/siteimgs/food-deals-background.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 100% auto;
}
#main .widerow .launchPanel #launchInfo {
	width: 350px;
	height: auto;
	float: left;
	margin: 20px 0px 20px 60px;
	padding: 0px 0px 0px 10px;
	text-align: center;
	z-index: 10;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
	filter: alpha(opacity=90); /* IE 5-7 */
	opacity: 0.9;
	background-color: var(--white);
	text-decoration: none;
	border-top: 6px solid var(--nav-text-hover);
}
#main .widerow .launchPanel #launchInfo h3, #main .widerow .launchPanel #launchInfo p {
	text-align: center;
}
#main .widerow #launchInfo h3 {
	margin: 10px 0px 10px 0px;
}
#main .widerow .launchPanel #launchInfo a {
	margin: 10px auto 10px auto;
	text-align: center;
	display: inline-block;
}
/** end Launch **/
#main .widerow .widedouble .triplewrap {
	position: relative;
}
#main .widerow .widedouble .triplewrap img {
	z-index: 1;
}
#main .widerow .widedouble .triplewrap a {
	width: 260px;
	height: auto;
	padding: 20px;
	position: absolute;
	top: 60%;
	left: 35px;
	display: block;
	z-index: 10;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
	filter: alpha(opacity=90); /* IE 5-7 */
	opacity: 0.9;
	background-color: var(--white);
	text-decoration: none;
	border-top: 6px solid var(--nav-text-hover);
}
#main .widerow .widedouble .triplewrap a h3, #main .widerow .widedouble .triplewrap a p {
}
/**** content ****/
#main #content h1 {
	width: 96%;
	height: auto;
	float: left;
	clear: both;
	margin: 20px 0px 20px 0px;
}
#main #content #left {
	width: 800px;
	height: auto;
	margin: 0px 0px 20px 10px;
	float: left;
	clear: none;
}
#main #content #left article .framewrap img {
	width: 100%;
	height: auto;
	float: left;
	margin: 0px 0px 20px 0px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
	margin: 0px 0px 20px 0px;
    overflow: hidden;
}
#main #content #left article .framewrap iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#main #content #left article p a {
	color: var(--nav-text-hover);
	font-weight: 700;
	text-decoration: underline;
}
#main #content #left article p a:hover {
	text-decoration: none;
}
#main #content #right, #main #content #right .rbox, #main #content #right .rbox img {
	width: 300px;
	height: auto;
	float: right;
	clear: none;
}
#main #content #right .rbox {
	margin: 0px 0px 20px 0px;
}
#main #content #right .rbox, #main #content #right .rbox img {
	float: left;
	overflow: hidden;
}
#main #content #right .rbox .textbox {
	width: 280px;
	height: auto;
	float: left;
	padding: 10px;
	border-top: 6px solid var(--nav-text-hover);
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;;
	background-clip: padding-box;
	background-color: var(--widerow-bckg);
}
#main #content #right .rbox .textbox a.txtLnk {
	color: var(--promo-bckg);
	text-decoration: none;
}
#main #content #right .rbox .textbox a.txtLnk:hover {
	text-decoration: underline;
}
/**** offers ****/
#main .widerow .location {
	width: 580px;
	height: 260px;
	float: left;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-top: 6px solid var(--nav-text-hover);
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;;
	background-clip: padding-box;
	overflow: hidden;
}
#main .widerow .location .name {
	width: 260px;
	height: auto;
	padding: 20px;
	margin: 10% auto 0px auto;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
	filter: alpha(opacity=90); /* IE 5-7 */
	opacity: 0.9;
	background-color: var(--white);
	text-decoration: none;
	border-top: 6px solid var(--nav-text-hover);
	cursor: pointer !important;
}
#main .widerow .location.liverpool {
	background-image: url(../public/images/siteimgs/liverpool.jpg);
}
#main .widerow .location.manchester {
	background-image: url(../public/images/siteimgs/manchester.jpg);
}
#main .widerow .location:nth-child(even) {
	margin: 0px 0px 0px 10px;
}
#main .widerow .location:nth-child(odd) {
	margin: 0px 10px 0px 0px;
}
#main .widerow a.locationTitle {
	color: var(--text-grey);
	font-size: 28px;
	font-weight: 600;
	font-family: 'Roboto Slab', serif;
	width: 100%;
	height: 52px;
	margin: 0px;
	float: left;
	line-height: 48px;
	vertical-align: middle;
	text-align: center;
	background-color: var(--widerow-bckg);
	border-top: 6px solid var(--nav-text-hover);
	text-decoration: none;
}
#main .widerow a.locationTitle:hover {
	text-decoration: none;
}
#main .widerow .offer {
	margin: 0px 20px 20px 0px;
}
#main .widerow .offer:nth-child(2n) {
	margin: 0px 0px 20px 0px;
}
#main .widerow .offer, #main .widerow .offer .imgwrap, #main .widerow .offer .imgwrap img, #main .widerow .offer .textbox, #main .widerow .offer a {
	width: 580px;
	height: auto;
	float: left;
	clear: none;
	overflow: hidden;
}
#main .widerow .offer .imgwrap {
	width: 240px;
	height: 240px;
	position: relative;
}
#main .widerow .offer .imgwrap .urlBadge {
	width: 240px;
	height: 50px;
	position: absolute;
	top: 20px;
}
#main .widerow .offer .imgwrap .urlBadge a.prtUrl {
	width: 140px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	padding: 0px;
	text-indent: 20px;
	color: var(--white);
	background-color: var(--black);
	overflow: hidden;
	visibility: visible;
	z-index: 20;
	background-image: none;
	position: absolute;
	left: 20px;
}
#main .widerow .offer .imgwrap img {
	width: auto;
	height: 100%;
}
#main .widerow .offer .textbox {
	width: 310px;
	height: 220px;
	padding: 12px 10px 8px 20px;
	background-color: var(--widerow-bckg);
}
#main .widerow .offer .textbox h3, #main .widerow .offer .textbox p {
	margin: 0px 0px 6px 0px;
}
#main .widerow .offer .textbox p {
	font-size: 14px;
}
#main .widerow .offer .textbox p.venueoffer {
	color: var(--nav-text-hover);
	font-size: 17px;
	font-weight: 700;
}
#main .widerow .offer .textbox p.offcon {
	font-size: 14px;
}
#main .widerow .offer a {
	color: var(--white);
	width: 530px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	padding: 0px 0px 0px 50px;
	background-color: var(--black);
	text-decoration: none;
	background-image: url(../public/images/siteimgs/map-icon.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	background-size: auto 40px;
}
#main .widerow .offer a:hover {
}
/**** mailchimp ****/
#mailchimpwrap {
	background-color: var(--price-link);
	margin: 20px 0px 0px 0px;
}
#mailchimpwrap #mailwide {
}
#mailchimpwrap #mailwide #mailchimp {
	height: 240px;
	background-image: url(../public/images/siteimgs/mail-logo.png);
	background-repeat: no-repeat;
	background-position: 90px 20px;
	background-size: 210px auto;
}
#mailchimpwrap #mailwide #mailchimp #formwrap {
	width: 510px;
	height: auto;
	float: left;
	margin: 40px 0px 0px 40%;
}
#mailchimpwrap #mailwide #mailchimp #formwrap h4 {
    color: var(--white);
    font-size: 22px;
    text-transform: uppercase;
	text-shadow: 2px 2px 4px #000000;
}
#mailchimpwrap #mailwide #mailchimp #formwrap #formInputs {
	width: auto;
	height: auto;
	float: left;
}
#mailchimpwrap #mailwide #mailchimp #formwrap #formInputs input#chimpemail, #checkwrap .cardcheck input#cardEmail, #cardpurchase .cardcheck input#orderEmail, #cardpurchase .cardcheck input#orderRequest {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: var(--mailchimp-text);
    border: none;
    width: 480px;
    height: 32px;
    line-height: 32px;
    padding: 4px 10px 4px 20px;
    margin: 0px 0px 20px 0px;
    border-radius: 8px;
	background-clip: padding-box;
    overflow: hidden;
    float: left;
    clear: both;
}
#mailchimpwrap #mailwide #mailchimp #formwrap #formInputs p#error, #mailchimpwrap #mailwide #mailchimp #formwrap #formInputs p#chimpSuccess {
	height: 30px;
	width: 260px;
	padding: 10px 10px 2px 10px;
	float: left;
	margin: 0px 0px 0px 10px;
	display: none;
}
#mailchimpwrap #mailwide #mailchimp #formwrap #formInputs p#error {
	color: var(--text-black);
	background-color: rgb(173, 214, 214);
	border-radius: 8px;
	border: none;
}
#mailchimpwrap #mailwide #mailchimp #formwrap input#subscribe, #main .widerow .widebuy #buyinfo a, #main #content #right .rbox .textbox a.more, #checkwrap .cardcheck input#cardRequest, #cardpurchase .cardcheck input#orderRequest, #main .widerow .launchPanel #launchInfo a, #checkwrap .cardcheck p#msswrap a {
    color: var(--white);
    font-size: 18px;
    width: auto;
    height: 42px;
    padding: 0px 20px 0px 20px;
    float: left;
    border-radius: 4px;
	border: none;
    line-height: 42px;
    text-align: center;
    vertical-align: middle;
    background-color: var(--black);
    cursor: pointer !important;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
	background-clip: padding-box;
    overflow: hidden;
	display: inline-block;
}
#main .widerow .widebuy #buyinfo a, #main .widerow .launchPanel #launchInfo a {
	float: none;
	display: inline-block;
}
#main #content #right .rbox .textbox a.more {
	float: right;
	background-color: var(--dark-grey);
}
#mailchimpwrap #mailwide #mailchimp #formwrap #formInputs input#subscribe:hover, #cardpurchase .cardcheck input#orderRequest:hover {
	color: var(--black);
	background-color: var(--widerow-bckg);
	transition: background-color 0.3s ease;
}
/**** card data request ****/
#checkwrap, #cardpurchase {
	display: none;
	width: 100%;
	height: 100vh;
	position: absolute;
	background: rgba(242,242,242,0.8);
	z-index: 50;	
}
#checkwrap span.cancel, #cardpurchase span.cancel {
	width: 60px;
	height: 60px;
	border: none;
	position: absolute;
	margin: -15px 0px 0px -31px;
	cursor: pointer;
	background-image: url(../public/images/siteimgs/cancel-button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 60px 120px;
}
#checkwrap span.cancel:hover, #cardpurchase span.cancel:hover {
	background-position: 0px -60px;
}
#checkwrap .cardcheck, #cardpurchase .cardcheck {
	left: 50%;
	margin-top: 120px;
	margin-left: -150px;
	width: 296px;
	height: auto;
	position: absolute;
	z-index: 100;
	background-color: var(--bckg-grey);
	border: 2px solid var(--nav-text-hover);
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;;
	background-clip: padding-box;
}
#cardpurchase .cardcheck {
	border: 2px solid var(--price-link);
	background-color: var(--nav-text-hover);
}
#cardpurchase .cardcheck #saleFeedback {
	width: 100%;
	height: auto;
	float: left;
}
#checkwrap .cardcheck h3, #checkwrap .cardcheck #saleFeedback p, #cardpurchase .cardcheck h3, #cardpurchase .cardcheck p {
	text-align: center;
}
#checkwrap .cardcheck h3, #cardpurchase .cardcheck h3 {
	font-size: 24px;
	font-weight: 600;
	width: 100%;
	height: auto;
	line-height: 50px;
	vertical-align: middle;
	float: left;
	color: var(--text-grey);
	background-color: var(--nav-text-hover);
}
#checkwrap .cardcheck h3 {
	color: var(--white);
}
#cardpurchase .cardcheck h3 {
	background-color: var(--price-link);
}
#checkwrap .cardcheck p#msswrap, #cardpurchase .cardcheck p#paymentFb, #cardpurchase .cardcheck a#addLexicard {
	width: 240px;
	height: auto;
	float: left;
	line-height: 24px;
	vertical-align: middle;
	font-size: 16px;
	background-color: #fff;
	margin: 0px 23px 20px 23px;
	padding: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-clip: padding-box;
}
#checkwrap .cardcheck p#msswrap p.cardRec {
	padding: 10px 0px 10px 0px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-clip: padding-box;
}
#checkwrap .cardcheck p#msswrap p.cardRec:nth-of-type(even){
	background-color: #f7f7f7;
}
#checkwrap .cardcheck p#msswrap {
	text-align: center;
}
#checkwrap .cardcheck p#msswrap a {
	float: none;
	margin: 10px auto 0px auto;
}
#cardpurchase .cardcheck a#addLexicard {
	text-decoration: none;
	text-align: center;
	background-color: var(--price-link);
	color: var(--black);
}
#cardpurchase .cardcheck a#addLexicard:hover {
	background-color: var(--light-grey);
}
#checkwrap .cardcheck #saleFeedback p.cardRec {
	font-size: 16px;
	width: 80%;
	height: auto;
	margin: 10px 10px 0px 10%;
	padding: 0px 0px 10px 0px;
	text-align: left;
	display: inline;
	float: left;
	clear: both;
	border-bottom: 1px solid var(--nav-text-hover);
}
#checkwrap .cardcheck #saleFeedback p.cardRec span {
	width: auto;
	height: auto;
	float: right;
	font-weight: bold;	
}
#checkwrap .cardcheck input#cardEmail, #checkwrap .cardcheck input#cardRequest, #cardpurchase .cardcheck input#orderEmail, #cardpurchase .cardcheck input#orderRequest {
	width: 276px;
	height: 42px;
	padding: 0px 10px 0px 10px;
	margin: 0px 10px 10px 10px;
	float: left;
}
#checkwrap .cardcheck input#cardRequest, #cardpurchase .cardcheck input#orderRequest {
	width: 276px;
}
#checkwrap .cardcheck #saleFeedback p.cardRec a {
	width: 192px;
	height: 32px;
	line-height: 32px;
	float:  left;
	margin: 10px 0px 6px 0px;
	vertical-align: middle;
	text-align: center;
	color: var(--white);
	background-color: var(--nav-text-hover);
	text-decoration: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-clip: padding-box;
	overflow: hidden;
}
#checkwrap .cardcheck #saleFeedback p.cardRec a:hover {
	background-color: var(--dark-grey);
	text-decoration: none;	
}
/**** paypal ****/
.paypal-button-container {
	width: 276px;
	height: auto;
	float: left;
    border-radius: 8px;
    background-color: transparent;
    padding: 0px 10px 10px 10px;
}
.card_container {
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: 20px;
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
}
.card_field{
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
.card_field_50{
    width: 50%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
.card_field_75{
    width: 75%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    margin: 0 -16px;
}
.col-25 {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
}
.col-50 {
    -ms-flex: 50%; /* IE10 */
    flex: 50%;
}
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.message_container {
    border-radius: 5px;
    background:#FFFFFF;
    font-size:13px;
    font-family:monospace;
    padding: 20px;
}
#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}
#loading-image {
    position: absolute;
    z-index: 15;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -150px;
}
.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /* height of the spinner gif +2px to fix IE8 issue */
}
.button_container {
    display: flex;
    justify-content: center;
}
button:hover {
    background-color: powderblue;
}
button {
    width:229px;
    height:49px;
    background:lightblue;
    border:1px dotted black;
    font-size:17px;
    color:#3a3a3a;
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto;
}
.btn_small{
    width:130px;
    height:39px;
    background:lightblue;
    border:1px dotted black;
    font-size:14px;
    color:#3a3a3a;
}
.btn_small:hover {
    background-color: powderblue;
}
/**** footer ****/
#fwrap {
	width: 100%;
	height: auto;
	float: left;
	background: var(--nav-text-hover); /* Old browsers */
	background: -moz-linear-gradient(left, var(--nav-text-hover) 0%, #70b0e0 49%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, var(--nav-text-hover) 0%,#70b0e0 49%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, var(--nav-text-hover) 0%,#70b0e0 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin: 0px;
	padding: 20px 0px 20px 0px;
}
#fwrap #footer .fbox {
	width: 180px;
	height: auto;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
#fwrap #footer .fbox h3, #fwrap #footer .fbox p, #fwrap #footer #footerwide h3 {
	clear: both;
	color: var(--white);
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
	line-height: 22px;
}
#fwrap #footer .fbox p {
	font-size: 14px;
	line-height: normal;
	text-align: left;
}
#fwrap #footer .fbox p img {
	width: 60px;
	height: auto;
	float: left;
	clear: none;
	margin: 0px 10px 40px 0px;
}
#fwrap #footer .fbox ul, #fwrap #footer .fboxwide ul {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	clear: none;
	float: left;
	height: auto;
	width: auto;
}
#fwrap #footer .fbox ul li, #fwrap #footer .fboxwide ul li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 4px 0px;
	clear: both;
	float: left;
	height: auto;
	width: auto;
	list-style-type: none;
}
#fwrap #footer .fbox ul li a {
	color: var(--white);
	width: auto;
	height: auto;
	float: left;
	border: none;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
}
#fwrap #footer .fbox ul li a:hover {
	text-decoration: underline;
}
#fwrap #footer #footerwide, #fwrap #footer #footerwide .fwide {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	clear: none;
	float: left;
	height: auto;
	width: 100%;
}
#fwrap #footer #footerwide {
	width: 460px;
	margin: 0px 0px 6px 60px;
}
#fwrap #footer #footerwide .fwide a, #main #right #socialbox #smedia .srow a {
	width: 64px;
	height: 64px;
	margin: 0px 10px 0px 0px;
	background-image: url(../public/images/siteimgs/social-icons.png);
	background-size: 128px 256px;
	background-position: 0px 0px;
	text-decoration: none;
	background-repeat: no-repeat;
	overflow: hidden;
	clear: none;
	float: left;
}
#fwrap #footer #footerwide .fwide #fwrap a {
	background-image: none;
}
#fwrap #footer #footerwide .fwide a#twitter, #main #right #socialbox #smedia .srow a.twitter {
	background-position: 0px -64px;
}
#fwrap #footer #footerwide .fwide a#instagram, #main #right #socialbox #smedia .srow a.instagram {
	background-position: 0px -128px;
}
#fwrap #footer #footerwide .fwide a#youtube, #main #right #socialbox #smedia .srow a.youtube {
	background-position: 0px -192px;
}
#fwrap #footer #footerwide .fwide a#facebook:hover, #main #right #socialbox #smedia .srow a.facebook:hover {
	background-position: -64px 0px;
}
#fwrap #footer #footerwide .fwide a#twitter:hover, #main #right #socialbox #smedia .srow a.twitter:hover {
	background-position: -64px -64px;
}
#fwrap #footer #footerwide .fwide a#instagram:hover, #main #right #socialbox #smedia .srow a.instagram:hover {
	background-position: -64px -128px;
}
#fwrap #footer #footerwide .fwide a#youtube:hover, #main #right #socialbox #smedia .srow a.youtube:hover {
	background-position: -64px -192px;
}
#fwrap #footer #footerwide .fwide #publish {
	width: 100%;
	height: auto;
	margin: 10px 0px 0px 0px;
	float: left;
	clear: both;
}
#fwrap #footer #footerwide .fwide #publish a, #fwrap #footer #footerwide .fwide #publish a img {
	width: 40px;
	height: auto;
	float: left;
	clear: none;
	border: none;
	background-image: none;
}
#fwrap #footer #footerwide .fwide #publish a {
	margin: 0px 10px 0px 0px;
}
#fwrap #footer #footerwide .fwide #publish a:hover, #fwrap #footer #footerwide .fwide #publish a:hover > img {
	border: none;
	opacity: 0.9;
	background-image: none;
	text-decoration: none;
}
#fwrap #footer #footerwide .fwide #publish h3, #fwrap #footer #footerwide .fwide #publish p {
	color: var(--white);
	width: 80%;
	height: auto;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	float: left;
	clear: none;
}
#fwrap #footer #footerwide .fwide #publish p {
	font-size: 14px;
}
#terms {
	width: 100%;
	height: auto;
	float: left;
	background-color: var(--mailchimp-text);
}
#terms p {
	width: 100%;
	height: auto;
	float: left;
	padding: 0px;
	margin: 0px;
	color: var(--white);
	text-align: center;
	line-height: 50px;
	vertical-align: middle;
}
/********* mobile css *********/
@media
only screen and (min-width: 767px) and (max-width: 979px),
only screen and (min-width: 767px) and (max-width: 979px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (max-width: 979px) and (min-device-pixel-ratio : 2.0){
#main, #navwrap, #main .widerow, #fwrap #footer {
	width: 760px;
}
#main .widerow .widebuy .pricebox {
	margin: 20px 10px 20px 0px;
}
#main .widerow .widesingle a.actiontext {
	left: 430px;
}
#main .widerow .widedouble, #main .widerow .widedouble img, #main .widerow .widedouble .triplewrap {
	width: 246px;
}
#main .widerow .widedouble {
	margin: 0px 10px 0px 0px;
}
#main .widerow .widebuy #buyinfo {
	width: 540px;
	padding: 0px 100px 0px 100px;
	text-align: center;
}
#main .widerow .widebuy #buyinfo a {
	float: none;
	display: inline-block;
}
#main .widerow .widedouble .triplewrap a {
	width: 165px;
	top: 45%;
	left: 20px;
}
#main .widerow .widebox, #main .widerow .widebox .imgwrap, #main .widerow .widebox .imgwrap a, #main .widerow .widebox .imgwrap a img {
	width: 240px;
}
#main .widerow .widebox .textbox {
	width: 220px;
}
#main .widerow.andReviews #andWrap #textbox {
	width: 340px;
}
#mailchimpwrap #mailwide #mailchimp #formwrap {
	width: 455px;
	margin: 40px 0px 0px 30%;
}
#mailchimpwrap #mailwide #mailchimp #formwrap #formInputs input#chimpemail {
	width: 400px;
	float: left;
}
#main #content #left {
	width: 420px;
}
#main .widerow .offer {
	width: 760px;
	margin: 0px 0px 20px 0px;
}
#main .widerow .widebox:nth-of-type(3n), #main .widerow .widebox:nth-of-type(6n) {
	margin: 10px 0px 20px 0px;
}
#main .widerow .widebox:nth-of-type(4n){
	margin: 10px 20px 20px 0px;
}
#main .widerow .widebox:nth-of-type(5n), #main .widerow .widebox:nth-of-type(6n) {
	display: inline;
}
#main .widerow .location {
	width: 360px;
	height: 180px;
}
#main .widerow .offer .textbox {
	width: 490px;
}
#main .widerow .offer a {
	width: 710px;
}
#fwrap #footer #footerwide {
	margin: 0px 0px 6px 20px;
}
}
@media
only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio : 2.0),
only screen and (max-device-width: 320px) and (min-device-pixel-ratio : 2.0),
only screen and (max-device-width: 320px), only screen and (max-width: 767px){
#promowrap #promo a {
	font-size: 16px;
}
#main, #navwrap {
	width: 320px;
}
#main .widerow, #main .widerow .widebuy .pricebox, #main .widerow .widedouble img, #main .widerow .widedouble .triplewrap, #main .widerow .widebox .imgwrap, #main .widerow .widebox .imgwrap a, #main .widerow .widebox .imgwrap a img, #mailchimpwrap #mailwide, #main #content, #main #content #left, #fwrap #footer {
	width: 300px;
}
#checkwrap .cardcheck {
	margin-left: -160px;
}
#main .widerow .widebuy .pricebox {
	margin: 20px 0px 20px 0px;
}
#main .widerow .widesingle a.actiontext {
	left: 430px;
}
#main .widerow .widedouble {
	width: 300px;
	margin: 0px 0px 20px 0px;
}
#main .widerow .widebuy {
	background-image: url(../public/images/siteimgs/phone-background-900x1320.jpg);
	background-size: 300px auto;
}
#main .widerow .widebuy #buyinfo {
	width: 300px;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	text-align: center;
}
#main .widerow .widebuy #buyinfo p {
	width: 88%;
	margin: 0px 6% 20px 6%;
}
#main .widerow .widebuy #buyinfo a {
	float: none;
	display: inline-block;
}
#main .widerow .launchPanel {
	text-align: center;
}
#main .widerow .launchPanel #launchInfo {
	width: 260px;
	float: none;
	margin: 20px auto 20px auto;
}
#main .widerow .widedouble .triplewrap a {
	width: 220px;
	top: 45%;
	left: 20px;
}
#main .widerow .widebox {
	width: 300px;
	margin: 10px 0px 20px 0px;
}
#main .widerow .widebox .textbox {
	width: 280px;
}
#main .widerow .location:nth-child(even), #main .widerow .location:nth-child(odd){
	margin: 0px 0px 10px 0px;
}
#main .widerow .location {
	width: 300px;
	height: 180px;
}
#main .widerow .location .name {
	width: 200px;
}
#main .widerow a.locationTitle {
	height: auto;
	font-size: 17px;
}
#main .widerow.andReviews #andWrap #andlogo {
}
#main .widerow.andReviews #andWrap {
	width: 260px;
	margin: 20px;
}
#main .widerow.andReviews #andWrap #textbox {
	width: 260px;
}
#main .widerow.andReviews #andWrap a#andLogo, #main .widerow.andReviews #andWrap #textbox {
	width: 260px;
	height: auto;
	clear: both;
	margin: 10px 0px 10px 0px;
}
#main .widerow.andReviews #andWrap a#andLogo img {
	width: 260px;
	height: auto;
	float: left;
}
#mailchimpwrap #mailwide #mailchimp {
	background-position: 0px 20px;
}
#mailchimpwrap #mailwide #mailchimp #formwrap {
	width: 280px;
	margin: 40px 0px 0px 10px;
}
#mailchimpwrap #mailwide #mailchimp #formwrap #formInputs input#chimpemail {
	width: 260px;
	float: left;
}
#mailchimpwrap #mailwide #mailchimp #formwrap #formInputs p#error {
	clear: both;
	margin: 10px 0px 0px 0px;
}
#main #content #left {
	margin: 0px 0px 20px 0px;
}
#main #content #right {
	float: left;
}
#main #content h1 {
	width: 100%;
	margin: 20px 0px 20px 0px;
}
#main .widerow .offer {
	width: 300px;
	margin: 0px 0px 20px 0px;
}
#main .widerow .offer .imgwrap {
	width: 300px;
	height: 300px;	
}
#main .widerow .offer .textbox {
	width: 280px;
	height: auto;
	padding: 14px 10px 10px 10px;
}
#main .widerow .offer a {
	width: 250px;
	height: 60px;
	line-height: 30px;
	padding: 6px 0px 6px 50px;
	word-break: break-word;
	background-position: 10px 11px;
	Overflow: hidden;
}
#main .widerow .offer a span {
	white-space: nowrap;
}
#fwrap #footer .fbox {
	width: 146px;
	margin: 0px;
}
#fwrap #footer #footerwide {
	width: 300px;
	margin: 0px 0px 6px 0px;
}
}