html, body			{margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; background-color: #fff;}
* 					{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
h1, h2, h3			{margin: 0; padding: 0;}
h1.small			{font-size: 20px;}
h1.call-now		{font-size: 20px; color: #fff; text-align: right; position:absolute; right: 5px; top: 50px;}
h1.call-now span	{display:block; font-size: 18px; font-weight: normal;}
p					{font-size: 0.875em;}
b					{font-weight: 600;}
form, input			{font-size: 0.875em;}
a.img, img			{border: 0;}
a.body-link-large	{font-size: 21px;font-weight: bold; text-decoration: none; color:#2f4798;	display: block; margin: 10px 0 20px 0}

/*Christmas opening times*/ 
div#special-times		{width: 100%;}
div#christmas-times		{width: 980px; margin: 10px auto; background: #c60202;}
div#christmas-times h1	{width: 100%; color: #fff; font-size: 24px; margin: 10px 0 0 0;text-align: center;}
div#christmas-times h2	{width: 100%; color: #fff; font-size: 18px; padding: 0 0 10px 0;text-align: center;clear:both;}
div#christmas-times ul 	{height: 80px; width: 28%; float: left; list-style-type: none; padding: 0 20px 0 20px; border-right: 1px solid #fff}
div#christmas-times ul:nth-of-type(3)	{border-right:0px;}
div#christmas-times ul li				{clear: left; color: #fff;}
div#christmas-times ul li span			{margin: 0 0 0 10px; font-weight: 700; float: right; text-align: right;}

/*Google Reviews*/
div.google-reviews	{text-align:center;width: 100%;}
div.google-reviews h1{margin: 20px 0 0}
div.google-reviews h1 a{text-decoration: none;color: #333;}
div.review 			{display:inline-block; float:left; width: 32%;text-align:center;margin: 20px 0.66%;
					background: #eee; min-height: 240px;border-radius: 8px;}
div.review a			{text-decoration: none; color: #333;}
span.stars			{display:block;margin: 10px 0;color:#ffe600;text-shadow: 0px 0px 5px #333;}
span.name			{display:block;font-weight: bold;}
span.review			{display:block;width: 90%;margin: 5px 5%;}
/*mondays*/
div#mondays				{float:right; margin: 0}
div#mondays img			{float: right; margin: 0 0 0 0}

/*Offers, Specials and Awards on Homepage */
#info-container		{width: 100%;}
#info-banner			{width: 980px; margin: 0 auto 0 auto;}
div.tbox				{width: 32%; float:left;margin: 20px 0.66% 10px;max-height: 555px;min-height: 555px;
					box-shadow: 0px 0px 4px #333;}
div.tbox:nth-of-type(1){background: #91c23e;}
div.tbox:nth-of-type(2){background: #2f4798;}
div.tbox:nth-of-type(3){background: #ff8100;}
div.image-mask		{width: 100%;height: 200px;overflow: hidden;}
div.tbox img			{transition: transform 0.4s;-webkit-transition: transform 0.4s;}
div.tbox img:hover	{transform: scale(1.1,1.1);}					
div.tbox h1			{color:#fff; font-weight: 600; font-size: 25px; padding:10px 0;width:100%;text-align:center;}
div.tbox h2			{color:#fff; font-weight: 600; font-size: 20px; padding: 5px 0px; width: 70%;margin: 0 15%;text-align:center;text-transform: uppercase}
div.tbox h3			{font-size: 16px;color:#fff;padding: 5px 0 10px;margin: 0 5%;width: 90%;text-align:center;font-weight: 400}
div.tbox ul			{color:#fff; font-weight: 400; font-size: 16px;list-style-type: none;padding:0;width: 100%;}
div.tbox li			{width: 90%;margin: 0 5%;line-height: 25px;border-bottom: 1px dotted #ffc88f;}
div.tbox li span		{font-weight: bold; float:right}
div.tbox a.gf-accred img	{width: 100%}
div.award-badge		{width: 100%;}
div.award-badge img	{width: 37%;margin: 5px 31.5%}
div.award-badge img.ta-cert-exc{width: 70%;margin: 5px 15%}
/*Allergies*/
div#allergies		{width: 100%;background:#2f4798;color:#fff;padding: 10px 0;text-align:center;
					margin: 0 0 15px 0;font-weight:bold;clear:both;}
div#allergies i 		{float:left;font-size: 45px;margin: 15px 0 30px 10px;}

/*middle bar*/
div.m_bar			{background:#2f4798;width: 100%;margin: 10px 0;display:block;}
div.m_bar h1			{color:#fff; font-size: 18px;color:#fff; padding: 5px;}
div.m_bar h1 i 		{margin: 0 10px 0;}
div.m_bar h1 br		{display:none;}
div.social			{margin: 0 5px 0 0; text-decoration:none;float: right;}
div.social a			{color:#fff;text-decoration:none;font-size: 22px;margin: 0 5px}
/* TA Bravo
div#CDSWIDEXC			{margin: 0 0px 0 0; float: left;}
div#TA_certificateOfExcellence462{width: 48%; float: left;}
div#CDSWIDCOE			{margin: -20px 0 0 0}
a.ta-cert				{float:left;	}
a.ta-cert img 			{width: 160px;}
* */

/* Main Page Styling */
#container				{width: 100%; min-width: 980px; position: relative;}
#top-container			{height: auto; width: 100%;}
body.contact #top-container{margin: 0 0 50px 0}
#banner					{margin: 15px auto 20px auto; width: 980px; position: relative;}
#banner div 				{float: right;width: 228px;}
#banner div h1			{color: #91c23e; font-size: 21px; float:left; margin: 3px 0 0 0;}
#banner div a			{float: right; margin: 5px 5px 0 0}
#banner div h2			{float: left;color: #2f4798; font-size: 16px;}
#banner div h2 span		{display: block; font-size: 11px;}
#banner div a.gf-accred	{float:left;}
#banner div a.gf-accred img	{width: 100px;float:left;}
div.fb-like				{margin: 10px 0;text-align:right;}
#image-slider			{margin: 0 auto 0 auto; width: 980px; position: relative; top: 5px; left: 0;}
/* main menu */
#menu-container			{width: 100%; background:#2f4798;}
#main-menu				{margin: 0 auto 0 auto; width: 980px; vertical-align: top;}		
#main-menu ul			{width: 980px; margin: 0; padding: 0;background:#2f4798; display: block;}
#main-menu ul li		{display: inline-block; list-style-type: none; text-align: center;}
#main-menu ul li a		{display: block;text-transform: uppercase;color: #fff; text-decoration: none; font-weight: 600; 
						font-size: 0.875em; padding: 8px 30px 10px 30px; margin: 0 8px 0 8px; transition: background .3s; -webkit-transition: background .3s}		
#main-menu ul li a.active, #main-menu li a:hover		
						{background: #213885;}
#inner-content			{width: 980px;margin: 30px auto 60px auto;position: relative; min-height: 360px;}
#inner-content.wide	h1,#inner-content.wide p
						{width: 90%;}
#inner-content h1		{color:#2f4798; font-size: 22px; width: 420px; margin: 0px 0 0 10px;}
#inner-content h2		{color:#2f4798;margin: 20px 0 20px 10px;font-size: 16px; letter-spacing: 1px; width: 380px;}
#inner-content h3		{color:#5b5b5b;margin: 0px 0 0 10px;font-size: 16px; font-weight: 400; }
#inner-content p		{color: #5b5b5b; width: 400px;margin: 20px 0 0 10px;}
#inner-content.full	h1	{margin: 20px 0 0 10px}
#inner-content.full	p	{width: 100%}
#inner-content img		{float: right;}
#inner-content img.crew	{width: 50%; margin: 50px 0 0 0}
#inner-content div#awards	{width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; min-height: 150px; margin:10px 0;}
#inner-content div#awards h1	{margin: 0 0 10px; padding: 10px 0 0 10px; font-size: 15px;}
div#awards div#CDSWIDCOE		{margin: 0 0 0 0}
#inner-content div.award		{float:none;text-align:center;display:inline-block;margin: 0 10px}
#inner-content div.award img	{float:none;}
#inner-content div.award img.ta-cert{width: 160px;}
#inner-content img.fishchips	{position: absolute; left: 400px; top: 20px; z-index: 30;}
#inner-content iframe	{float: right; width: 738px; height: 364px; background: #ddd;}
#inner-content p.right-contact
						{width: 450px; float: right; margin: 40px 10px 0 0}
#inner-content p.right-contact a,#inner-content p.right-contact span
						{font-size: 21px;font-weight: bold; text-decoration: none; color:#2f4798;
						display: block; margin: 10px 0 20px 0}
#inner-content a.contact-image{float: right; margin: 30px 0 0 0}

/* Contact form */
form						{width: 70%; float: left; margin: 20px 10px 30px 0}
form	 p					{width: 100% !important; clear: both;font-size: 16px;}
form	 p a					{color:#2f4798;font-weight: bold;}
form	 p.spam_check		{display:none;}
form	 p.consent input		{float:right;width: 30px;}
form	 p.consent label		{width: 85%; font-weight: normal;}
form p label				{float: left; font-size: 18px;color:#2f4798;font-weight: bold;}
form p input,form p textarea	
						{float: right; height: 24px;font-size: 18px;margin: 0 0 7px 0; width: 80%; border: 1px solid #ddd}
form	 p textarea			{height: 50px; resize: none; border: 1px solid #ddd; width:80%;}	
form	 p input#submit		{float: right; clear: both; padding: 0; margin: 0; width: 150px;
						height: 35px;background:#91c23e;color:#fff}
p.thankyou				{float:left;padding: 20px 0 0 0; color:#2f7ac1 !important;width: 50%;font-size: 18px;font-weight: bold;float:left;}

div.clearfix				{clear:both;}

#content-wrapper		{margin: 0 auto 0 auto; height: auto; width: 100%;}
#content				{width: 980px; margin: 0 auto 0 auto; padding: 0;}
#twitter-timeline		{width: 320px; float: left; height: 390px; background: #ddd; margin: 0 10px 38px 0; clear: left;}
#twitter-timeline iframe{height: 390px !important;}
#content-boxes			{width: 650px; height: auto; float: left;}
#content-boxes .box		{width: 320px; height: 190px; display: block; float: left; background: #ddd; position: relative;}
#content-boxes .box:nth-child(1),#content-boxes .box:nth-child(3)
						{margin: 0 10px 0 0}
#content-boxes .box:nth-child(1),#content-boxes .box:nth-child(2)
						{margin-bottom: 10px;} 
#content-boxes .box img	{position: absolute; left: 0; top: 0;}
#content-boxes .box a 		{position: absolute; top: 156px; left: 0; display: block; width: 100%; height: 35px; background: #2f4798;font-weight: bold; 
							font-size: 14px; text-decoration: none; transition: background .3s; -webkit-transition: background .3s}
#content-boxes .box a.nivo	{background: transparent; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
#content-boxes .box a.nivo:hover	
							{background: transparent;}	
#content-boxes .box a span	{color: #fff; text-transform: uppercase; margin: 8px 0 0 20px; display: block;}
#content-boxes .box a img	{position: absolute; left: 286px;}
#content-boxes .box a:hover	{background:#213885;}
#content-boxes .box #slider-quotes	
							{margin-top: -14px;}	
#content-boxes .box	.nivo-directionNav, #content-boxes .box	.nivo-controlNav
							{display: none;}
/* Catch Crew */
#content #text			{width: 320px; float: left; margin: 20px 0 30px 0; display: block;/*border: 1px solid #f00;*/ height: 805px;}
#content #text h1		{color:#2f4798; font-size: 22px; width: 95%; margin: 0px 0 0 10px;}
#content #text p		{color: #5b5b5b; width: 95%;margin: 20px 0 0 10px;}
#content #text #twitter-timeline		{margin: 98px 0 0px 0;}
#content-boxes.profiles					{margin: 20px 0 50px 0; float: right;}
#content-boxes.profiles .box.profile	{width: 319px; height: 265px; display: block; float: left; background: #fff; position: relative; margin: 0 0 5px 5px}						
#content-boxes.profiles .box.profile h1	{position: absolute; left: 32px; top: 25px; z-index: 200; font-weight:  bold; font-size: 18px; text-indent: -8px; width: 170px;}
#content-boxes.profiles .box.profile h1 b	{display: block; text-indent: 0; font-weight: normal; font-size: 14px; text-transform: uppercase; margin: 15px 0 0 0;}
#content-boxes.profiles .box.profile:nth-child(2) h1,#content-boxes.profiles .box.profile:nth-child(3) h1 	
											{color: #2f4798;}
#content-boxes.profiles .box.profile:nth-child(4) h1,#content-boxes.profiles .box.profile:nth-child(5) h1,#content-boxes.profiles .box.profile:nth-child(6) h1 	
											{color: #fff}
/* footer */
#footer-container	{width: 100%; background: #1e2b56; height: auto; position: relative; float:left; clear: both;}
#footer				{width:980px; height: 200px; margin: 20px auto 0 auto; position: relative;}
#footer div.menu		{font-size: 0.750em; width: 160px; float: left; margin: 0 0 0 10px; clear: both;}
#footer div.menu a	{display: block; color: #fff; text-decoration: none; margin: 0 0 4px 0;}
#footer-address 		{color:#fff; float: left;line-height: 22px; font-size: 14px; 
					font-weight: bold; padding: 0 6px 0 0; margin: 0 0 0 10px;width: 50%;}
#footer-address span{margin: 0 20px 0 0;}
#footer-address h2	{font-weight: 400; font-size: 15px;}
#footer-logo			{float: right;}
.fsa-logo			{float:right;margin: 25px 20px;}
.q-award				{float:right;margin: 0;}
#copyright			{font-size: 12px; color: #ddd; float: right; margin: 10px 0 50px 10px; clear: both;}
#copyright a			{color:#ddd;}
#copyright a:hover	{color:#ddd;}
#contact-number div a{color: #002667; text-decoration: none;}
#contact-number div	{font-size: 21px;}