/* identitycreation.com CSS */
html, body			{margin: 0; padding: 0;font-family: arial, sans-serif;font-weight: 300;/*background:#ffd45e;*/}
h1, .h1, h2, h3, h4, h5, h6 {
	font-family: copperplate, serif;
	font-weight: 700;
}
/*img.background-image{position: absolute; top: 0px; left: 0; width: 100%; min-height: 100%;}*/

/*Background Images
div.bg-image-wrapper		{position:fixed; left: 0; top: 0px; z-index: 2;width: 100%; height: 100%;}
div.background-image 	{width: 100%;height: 100%;}
div.background-image img	{object-fit: cover;width: 100%;height: 100%;}
div.caption				{position: absolute;background:#FFFFFF;padding: 6px 12px;bottom: 20px;}
div.caption h2			{font-size: 16px;font-weight:normal;} */

/* Recaptcha Badge*/
div.grecaptcha-badge		{z-index: 200;}
/* Main Page Styling */			
/*#container				{width: 100%; height: auto;margin: 0;background: url(../images/background.jpg) scroll no-repeat center/cover;
						background-size: cover; background-position:top center;background-repeat: no-repeat;}*/
a.back-to-top			{position: fixed; bottom: 20px; right: 20px; z-index: 90000;}
a.back-to-top i			{font-size: 55px;color:#faa309;}
#container				{width: 100%; height: auto;margin: 0;/*background: url(../images/background.jpg);
						background-size: 100%; background-position:top center;background-repeat: no-repeat;*/}
#top-header-wrap			{max-width: 1280px;width: 100%;background: #353D48;}
#top-header				{max-width: 1280px; width:100%;margin: 0 auto;}
#top-header a			{color:#FFFFFF;text-decoration: none; font-size: 18px;padding: 5px 0;}
#top-header a.social-link{float:left;margin: 0 10px;font-size:20px;}
#top-header a.phone-link{float:right;margin: 0 10px;font-size:20px;}
#banner-container		{max-width: 1280px;width:100%; margin: 0 auto; padding: 0; position:relative; z-index: 10;	}
#banner					{width:100%;margin: 0 auto;position: relative;background:#353D48;}
#banner	a				{display:block;margin: 0 auto;width:332px;padding: 0;position:relative; z-index: 3;}
#banner	a img			{width: 100%}
#banner img.bnr-img		{width: 100%;}
#banner img.love-hornsea{float:right;margin: 0 10% 20px 0;width: 320px;z-index: 3;position: relative;clear:right}
#banner img.nfca-logo	{float:left;margin: -50px 0 0 10%;z-index: 3;position: relative;width: 90px}
/* main menu */
#menu-container		{background:#353D48;max-width:1280px;width: 100%;position:relative; z-index: 10;margin: 0 auto;}
#main-menu			{margin:0 auto;width:100%;max-width:1280px;}
#main-menu ul		{list-style-type: none; margin: 0;padding:0; width: 100%; display: table;}
#main-menu ul li		{display: table-cell;position:relative}
#main-menu ul li a	{display: block; text-decoration:none; color: #FFFFFF; font-weight: 600; cursor: pointer;
					font-size: 14px;margin: 0; text-align: center; padding: 9px 0 9px 0;  
					-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s;}
#main-menu ul li a:hover, #main-menu ul li a.active {background: #f79d27;}

/*sub menu*/
#main-menu ul li ul.hide {position: absolute; top: 72px; z-index: 200; overflow: hidden; background: #f79d27; width: 150px;
						display:none;}
#main-menu ul li ul.show	{display:block; top: 36px;}
#main-menu ul li ul.hide li{display: block;}
#main-menu ul li ul.hide li a{padding: 10px; margin: 5px 0 5px 0; text-align: left;color: #FFFFFF;}
#main-menu ul li ul.hide li a:hover{background: #353D48;}

/*Index page sections*/
div#page					{width: 100%; max-width: 1280px; height: auto; margin: 30px auto 0;z-index: 1;position:relative}
div.section				{width: 100%; padding: 0; margin: 0 0 20px 0;float:left;position:relative;}
div.section.half			{width :49%;float:left;}
div.section.half.right	{margin-left: 2%;}
div.copy					{float:left;width: 50%}
div.shortcut-btns		{float:right;margin: 20px 30px 0}
div.section h1, div.section .h1 {width: 80%;font-size: 35px;margin: 0 0 0 30px; padding: 30px 0 10px 0;float:left;}
div.section h1.opening-header, div.section .h1.opening-header,div.section h2.opening-header{width: 60%;float:left;}
div.section h2			{width: 80%;font-size: 22px;margin: 5px 0 10px 30px;}
div.section p			{clear:left;width: 90%;font-size: 16px; padding: 0 0 10px 0; margin: 10px 30px 10px 30px;line-height: 24px;}
div.section ul			{padding: 0 0 10px 0;margin: 0 0 10px 30px}
div.section ul li		{margin: 5px 0;}
div.section table.open-times{margin: 0 0 0 30px}
div.section table.open-times h2{margin-left: 0;}
div.section img.right-main-img{float:right; margin: 0 30px 0 30px;width:45%;}
div.section.white		{background: rgba(255,255,255,0.9);}
div.section.white.solid	{background:#FFFFFF;}
div.section.white h1, div.section.white .h1,div.section.white a	{color:#353D48;}
div.section.white p		{color:#333;}
div.section.green		{background:rgba(44,189,81,0.85);color:#FFFFFF;}
div.section.orange		{background:#faa309dd;color:#FFFFFF;}
div.section.pblue		{background:#49616C;color:#FFFFFF;}
div.section.pblue p	{color:#FFFFFF;}

/*Christmas opening times 2018 plus gift card section */
div.section.red		{background:#ee281c;color:#FFFFFF;min-height: 620px;}
div.section.red ul 	{list-style-type: none;width: 90%;font-size: 18px;}
div.section.red ul span{float:right}
div.section.red ul li {padding: 3px 20px;}
div.section.red ul li:nth-child(2n+0){background:#FFFFFF;color:#ee281c;}
/*gift cards */
div.section.dark_blue		{background: url(../images/giftvoucher-bg.jpg) no-repeat bottom #144379;color:#FFFFFF;background-size: contain;min-height: 620px;}
div.section.dark_blue p		{font-size: 18px;text-shadow: 2px 2px 8px #000;}
div.section.dark_blue p a	{color:#FFFFFF;}	
	
a.btn					{color:#FFFFFF !important;padding: 10px 30px;text-decoration:none;transition: background 0.4s; display:inline-block;margin: 10px 0 0 0}
a.btn:hover				{background:#70d0f6;}
a.blue					{background: #353D48;}
a.green					{background: rgba(44,189,81,1);}
a.orange					{background: #faa309;}
div#google_map_canvas	{width:100%;height: 270px;}
div#twitter				{width: 60%;float:left;}
div.badge				{margin: 0 auto;width: 100%;}
div.badge div#CDSWIDEXC	{width: 90%;float:left;height: auto;margin-left: 0}
div.badge div#CDSWIDCOE.widCOE{width: 90%;}
div.badge a.msc-logo		{width: 45%;display:inline-block;text-align:center;float:left}
div.badge a.quality-award{width: 45%;display:inline-block;text-align:center;float:left;margin-top: 20px;}
div.badge a.ta-hof-logo-hp{width:90%;float:left;margin-bottom: 10px}
div.badge a.ta-hof-logo-hp img{width: 70%;margin: 0 15%;}
div.opening-times		{height: auto}
img.guide-dogs			{float:right;width: 130px;margin: 20px;}
div.location iframe		{width: 100%; height: 270px; border: 0;}
div.location,div.social	{height: 450px;}
div.special, div.news	{height: 350px}
div.news p				{width: 50%}
div.news img				{width: 38%;float:right;margin: 0 10px 0 0}
div.links				{width: 100%;clear:left;padding-bottom: 20px;}
div.links a				{width: 16%;float:left;text-align:center;}
img.moby-hme				{position: absolute;z-index: 20;top: 20px;right: 20px; width: 20%;}
img.food-care-hp			{float:right;width: 50%;}
div.food-care-img		{width: 50%; float:right;margin: 50px 0}
div.food-care-img img	{width: 32%}

/*Homepage camera slidershow and video*/
.video-container		{width: 45%;float:right;margin: 30px 30px 0 0}
.video-container video{width: 100%;height:auto;}
.slideshow-container	{width: 45%;float:right;margin: 30px 30px 0 0}
.slideshow-container.banner{width: 100%;float:none;margin: 0;position: absolute;top: 0;left: 0;z-index: 1}
.icons a				{text-decoration: none;}
.icons img			{margin: 10px 0 0 10px; width: 45px;}
div.camera_target	{border:0;}
.camera_wrap			{border: none;}
#welcome section.about div.right_col .camera_wrap{padding-bottom: 0px;}/*used for index and aboutus*/
.camera_pie			{display:none;}
.camera_wrap h1, .camera_wrap .h1		{text-shadow: -2px -2px 0 #FFFFFF, 2px -2px 0 #FFFFFF,-2px  2px 0 #FFFFFF,2px  2px 0 #FFFFFF;
					margin: 0 0 0 20px;}
.camera_wrap h1.small-text, .camera_wrap .h1.small-text{font-size: 24px !important;}
.camera_wrap h1.top, .camera_wrap .h1.top		{margin-top: -270px !important;}

/* Follows */
div.follows			{float:right;text-align: right;}
div.follow			{display: inline-block;margin: 10px 10px;float:right;}
div.follows .fb-like{margin: 0}
div.follows .twitter-follow-button{margin: 0}
div.follows #TA_socialButtonBubbles172{margin: 0;}
div.follows #TA_socialButtonBubbles172 img{width: inherit; margin: 0;float:right;}

/* Booking form */
#booking-form				{background: url(../images/white-tile.png);padding: 0 0 20px 0;width: 100%;height: auto;}
#booking-form h1				{margin: 10px 0 20px 10px;padding: 20px 0 0 0;color:#353D48;font-size: 28px;}
#booking-form p				{float: left; clear: left; padding:0; margin: 0 0 0 10px}
#booking-form a.trigger		{color: #FFFFFF; float: right;}
#booking-form form ul		{list-style-type:none;margin: 0; padding: 0;line-height: normal;width:100%}
#booking-form form ul li		{margin: 0 0 20px 0;height: auto;}
#booking-form form div.form-block
							{float: left; width: 32%;background: #f0db5f;margin: 20px 0 0 1%;height: 440px;
							position:relative}
#booking-form form h2		{margin: 10px;color:#353D48;}
#booking-form form h3		{margin: 10px;color:#353D48;font-size: 15px}
#booking-form form label		{color:#353D48;margin: 0 0 0 10px;width:40%;}
#booking-form form input,#booking-form form select		
							{float:right;margin: 0 10px 0 0;font-size: 16px;width: 30%;}
#booking-form form input		{padding: 3px}
#booking-form form li		{clear:left;}
#booking-form form p 		{margin: 0 0 0 10px !important; width: 90%;padding: 0 !important;}
#booking-form form div.details label{width: 30%;}
#booking-form form div.details input
							{width: 58%;}
#booking-form form div.details textarea
							{margin: 10px;width: 92.5%;resize:vertical;min-height: 70px;height: 70px;font-size: 16px}
.spam_check					{display:none}
#booking-form li.consent		{background:#f99e00;height: auto;width: 100%;}
#booking-form li.consent p	{padding: 10px;}
#booking-form li.consent label{float:left;width: 75%;padding: 10px;}
#booking-form form input.consent
							{float:left;width: 20px;margin: 10px;}
#booking-form form p			{color:#353D48;padding: 10px 0 0 0;float:none;margin: 0;}
#booking-form input.submit-button
							{background:#353D48;border: 0;color:#FFFFFF;padding: 10px;width: 60%;}

                                            
/*News page */
.news-story			{border-bottom: 1px solid #ddd; padding: 0 30px 20px 30px; clear: both;}
.news-story h3		{text-align: left; font-size: 18px; color: #353D48; margin: 0 0 10px 0;}
.news-story h4		{text-align: left; font-size: 12px; color: #353D48; margin: 20px 0 20px 0} 
.news-story p		{margin: 0 0 10px 0 !important; line-height: 22px;width: 100% !important;}
.news-story p span	{font-size: 11px; line-height: normal; float: right; width: 50%; padding: 10px 0 0 0}
.news-story img		{float:right; margin: 0 0 0 10px; max-width: 50%}
.news-story img.wrap-image	{float:right; margin: 0 0 0 20px;}
.news-story span.sub-title	{font-size: 11px; line-height: normal; float: right; width: 50%; margin: 0 0 20px 40px}						
.news-story iframe	{float: left; margin: 0 20px 0 0;}

/*Christmas bookings 2017 */
div.christmas-bookings		{float:left;background: #1f8835;margin: 2px 0 0 0}
div.christmas-bookings img	{float:right;margin: 20px;}
div.christmas-bookings .copy	{width: 46%;}
div.christmas-bookings h1, div.christmas-bookings .h1	{color:#FFFFFF !important;margin: 20px 30px 10px 30px !important;padding: 0 0 0 0 !important;float:left}
div.christmas-bookings h2	{color:#FFFFFF !important;margin: 0px 30px 10px 30px !important;padding: 0 0 0 0 !important;float:left;font-size: 18px !important;}
div.christmas-bookings p		{color:#FFFFFF !important;margin: 0 30px 20px 30px !important;float:left;}
div.christmas-bookings p a	{color:#f0db5f}

/*recruitment*/
div.recruit					{float:left;background: #353D48;margin: 20px 0 0 0}
div.recruit h1, div.recruit .h1				{color:#FFFFFF !important;margin: 20px 30px 10px 30px !important;padding: 0 0 0 0 !important;}
div.recruit p				{color:#FFFFFF !important;margin: 0 30px 20px 30px !important;}
div.recruit p a				{color:#f0db5f}

/* team page */
img.staff-img			{float:right;width: 45%; margin: 20px;}

/*Allergy Page*/
div.categories			{width: 95%;float:left;margin: 0 30px;}
div.categories a 		{display:table; float:left;width: 19%;height: 100px;text-align:center;
						margin: 7px 0.5%;text-decoration:none;font-size: 18px;}
div.categories a span	{display:table-cell;vertical-align:middle;padding: 0 5%;}
div.categories a.beverages{color:#FFFFFF !important;background:#ad2f2f}
div.categories a.coated	{color:#FFFFFF !important;background:#ffa72a}
div.categories a.condiments{color:#FFFFFF !important;background:#ac602d}
div.categories a.desserts{color:#FFFFFF !important;background:#ff6c6c}
div.categories a.meat	{color:#FFFFFF !important;background:#e06f2a}
div.categories a.oils	{color:#FFFFFF !important;background:#e7ca08}
div.categories a.pies	{color:#FFFFFF !important;background:#2fcb4c}
div.categories a.patties	{color:#FFFFFF !important;background:#c49d48}
div.categories a.seafood	{color:#FFFFFF !important;background:#23a1bc}
div.keyword-search		{margin: 10px 0; float:left;}
div.keyword-search form	{margin: 0 30px}
div.keyword-search form label{font-weight: bold;}
div.keyword-search form input.keyword {padding: 5px;font-size: 18px;margin: 10px 0; width: 30%;}
div.keyword-search form input.kword-btn{background:#353D48;color:#FFFFFF;padding: 5px 10px;font-size: 18px;}
div.keyword-search form input.kword-btn.apply{background:#ffa72a;}
div.product-table		{width: 95%;float:left;margin: 0 30px;}
div.product-table h3,div.product-table p		
						{margin: 10px}
div.category-head 		{background:#353D48;}
div.category-head h2		{padding: 10px 0 10px 10px;color:#FFFFFF;margin: 0;float:left;}
div.category-head h2 a 	{color:#FFFFFF !important;}
div.category-head a i 	{color:#FFFFFF; font-size: 24px;float:right;margin: 10px}

div.product-info			{width:100%;border-bottom: 1px solid #353D48;}
div.product-name			{width: 32%;float:left;}
div.product-name h3		{color:#353D48}
div.product-name svg		{width: 50px;}
div.product-name a 		{margin-left: 10px}
div.product-ingredients	{width: 32%;float:left}
div.product-allergens	{width: 32%;float:left}
div.product-allergens p,div.product-allergens p a{font-weight: bold;color:#dd1515 !important}
div.product-ingredients h3,div.product-allergens h3{font-size: 14px}

/* What Customers Say Page */
div#ta-awards			{float:right; margin: 30px 30px 0 30px;} 
div.ta-award				{margin: 0;float:right;clear:right;}
a.ta-hof-logo			{margin: 0;background:#17af88;text-align: center;width: 298px;display:block;}
a.ta-hof-logo img		{width: 180px;}
div#CDSWIDEXC			{float:right;height: 121px;margin-top: 0}
#CDSSCROLLINGRAVE.narrow	{float:right;}
div#reviews				{}
div.review				{padding: 10px 0;border-top: 1px solid #aaa;float:left;clear:left;margin: 0 0 20px 0; width: 100%;}
div.review i.type-icon	{float:right;margin: 0 30px 0 0;font-size: 28px;color:#353D48}
div.review i.type-icon.ta{/*color:#00af87*/color:#000}
div.review i.type-icon.fb{color:#3b5998}
div.review h1, div.review .h1			{font-size: 25px !important;padding: 0 !important;}
div.review h1 a, div.review .h1 a			{font-size: 16px;color:#FFFFFF;font-weight: normal; text-decoration: none;padding: 10px;}
div.review h1 a.ta-more, div.review .h1 a.ta-more	{background:#00af87;color:#FFFFFF;}
div.review h1 a.fb-more, div.review .h1 a.fb-more	{background:#3b5998;color:#FFFFFF;}
div.review h2.ta_rev		{background:#00af87;color: #FFFFFF !important; padding: 10px;display:inline-block}
div.review h2.fb_rev		{background:#3b5998;color: #FFFFFF !important; padding: 10px;display:inline-block}
div.review h2			{font-size: 18px !important;margin: 10px 0 10px 30px !important;}
div.review h2 i			{color:#4296d4}
div.review h3			{margin: 0 0 20px 30px; font-size: 18px; font-weight: normal;width: 93%;}
div.review h3 i			{color: #353D48;}

/* Our Food Care page */
div.img-group			{width: 50%; float:right;}
div#marquee-container	{width: 100%;}
div.marquee				{width: 45.2%; float:left; height: 590px; background: #FFFFFF; margin: 0 0 30px 30px; overflow: hidden;}
div.marquee img			{width: 100%;}
div.marquee-header		{background:url(../images/food-care/marquee-header-tile.gif) repeat-x;width: 100%;height: 70px;}
div.marquee h1, div.marquee .h1			{padding: 5px 0 10px 0; margin-bottom: 0;}
div.marquee	p			{width: 90%;}
img.no-border	{border: none; box-shadow: none;}
img.marquee-header{float:left;width: 100%;}
div.marquee.wide			{width: 93.5%; clear: both;height: auto;}
div.marquee.wide img.image{float:right; margin: 20px 20px 0 20px;width: 45%;}
div.marquee.wide img.hg-msc{width: 250px;}
div.marquee.wide ul		{color: #333; margin:0 0 20px 30px;width: 75%;}
img.lve-wheads			{float:right;clear:right; margin: -75px 50px 5px 0;z-index: 10;position: relative;}
img.fnc-plate			{float:right;clear:right; margin: 10px 50px 20px 0;z-index: 2;position: relative;}
a.rating					{float:right;margin: 50px 60px -70px 0;z-index: 30; position: relative;}
/*portion and nutrition */
div.portions			{margin: 0 0 20px 0px;width: 100%;}
div.portion			{width: 31%;height: auto;float: left;margin: 0 0 0 20px;}
div.portion h2		{margin: 160px 0 0 0 !important;width: 100%; text-align:center !important;color:#FFFFFF;}
div.portion table	{font-size: 18px;color:#FFFFFF;width: 75%;margin: 0 12.5% 20px;}
div.portion table td:nth-child(1){font-weight:bold;text-align: left;}
div.portion table td:nth-child(2){text-align: right;}
div.light-bite		{background: url(../images/food-care/light-bite-portion.gif) no-repeat #59cbd4;background-size: 100%}
div.small			{background: url(../images/food-care/small-portion.gif) no-repeat #70d339;background-size: 100%}
div.regular			{background: url(../images/food-care/regular-portion.gif) no-repeat #f99e28;background-size: 100%}
div#nutrition-banner		{background: #4ca8ef;color:#FFFFFF;margin:0 0 20px 0}
div.portion.nutrition	{}
div.portion.nutrition img{margin: 10px 0 0 0;}
div.portion.nutrition h2	{margin: 5px 0 0 0 !important;font-size: 19px !important;}

/*to remove the outline after clicking on the header link  */
.ui-state-focus 		{outline: none;}

/* Promotions page - Loyalty Card and Colouring Book*/
div.promotion.half	{height: 450px;}
div.promotion img	{float:right; margin: 0 10px 10px 30px;width: 40%;}
div.promotion img.moby{float:right;margin: 0 -180px 0 0;position: relative; z-index: 20;}

div.promotion img.main{margin: 30px 30px 10px 0;}

/* links page */
#links-list	a		{clear:both;float:left;font-weight: bold; color: #353D48; margin: 0 0 10px 30px;}
#image-links			{background: #FFFFFF;float:left;width: 100%;padding: 20px 0;}
#image-links a:nth-child(1){margin: 0 10px 0 30px;}
#image-links a		{display:inline-block;width: 11%;text-align:center}
#image-links a img	{box-shadow: none; vertical-align: middle;}
.clearfix			{clear: both;}				

/* Contact form */
form ul 			{width: 45%; float: left; list-style-type: none;padding-left:30px;}
form ul li		{float:left;width: 100%;margin: 0 0 20px 0}
form ul li label	{color: #353D48; font-weight: bold; font-size: 14px;float:left}
form ul li input	{float: right; width: 300px; margin: 0 0 0 0;font-size: 16px; padding: 10px}
form ul li p		{color:#353D48;float:left;margin: 0;}
form ul li.consent	{background:#f99e00;width: 96%;margin: 20px 0 0 0}
form ul li input.consent	{float:left;width: 30px;margin: 20px 0 0 0}
form ul li label.consent	{width: 90%;float:left;padding: 10px 0 10px 0}
form ul li.message			{float: left; width: 100%; height: 188px; margin: -21px 0 0 0}
form ul li textarea			{resize: none; width :100%; height: 165px;font-size: 16px;border: 1px solid #333;}
form ul li input.submit-btn	{float: right; clear: right; border: 1px solid #FFFFFF; background:#f0db5f; color:#353D48;
									width: 100px; margin: 20px 0 0 0; border-radius: 4px; box-shadow: 0px 0px 5px #999;}
/* footer */
#footer				{width: 100%;max-width: 1280px; background-color: #353D48;position:relative;margin: 0 auto;}
#footer-container	{max-width: 1280px; margin: 0 auto; padding: 10px 0 50px 0;}
div.f-section		{width: 32%;	 margin: 0 0 0 10px; float:left;color:#FFFFFF;}
div.f-section:nth-of-type(2){text-align:center;}
div.f-section:nth-of-type(3){text-align:right;}
div.f-section h1, div.f-section .h1		{font-size: 18px; margin: 0 0 5px 0;}
div.f-section a		{display:block;color:#FFFFFF; text-decoration: none; margin: 6px 0 0 0;}
div.f-section svg	{width: 30%;}
div.f-section a:hover{text-decoration: underline;}
div.f-section img.love-hornsea	{width: 50%;display:block;margin: 0 25%;}
#copyright			{margin-top: 50px;}
#copyright a			{color:#FFFFFF;display:inline-block}

/*sticky footer*/
* 					{margin: 0;}
html, body 			{height: 100%;}
#container 			{min-height: 100%;height: auto !important; margin: 0 auto -300px 0;}
#footer, .push 		{height: 300px;}