/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */



@font-face {

    font-family: 'cafeteriabold';

    src: url('/Fonts/cafeteria-bold-webfont.eot');

    src: url('/Fonts/cafeteria-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('/Fonts/cafeteria-bold-webfont.woff') format('woff'),

         url('/Fonts/cafeteria-bold-webfont.ttf') format('truetype'),

         url('/Fonts/cafeteria-bold-webfont.svg#cafeteriabold') format('svg');

    font-weight: normal;

    font-style: normal;



}



/* ==========================================================================

   Base styles

   ========================================================================== */



html {

    height:100%;

	

	color: #666;

    font-size: 15px;  

	font-family: Arial, Helvetica, sans-serif;

    line-height: 1.4;

}



body {

    height:100%;

}

body.yougo4it {
	background: rgba(0, 0, 0, 0) url("/Images/yougo4it/bg.gif") repeat-x scroll center top;
}

.yougo4it header {
	background-color:#fff;	
	padding-left:10px;
	border-radius:5px;
	margin-top:5px;
}


/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection rule sets have to be separate.

 * Customize the background color to match your design.

 */



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



/*

 * A better looking default horizontal rule

 */



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



/*

 * Remove the gap between images, videos, audio and canvas and the bottom of

 * their containers: h5bp.com/i/440

 */



audio,

canvas,

img,

svg,

video {

    vertical-align: middle;

}



/*

 * Remove default fieldset styles.

 */



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */



textarea {

    resize: vertical;

}



/* Redefine HTML Tags */



h1, h2,h3,h4,h5,h6 {

	font-weight:normal;	

}



h1 {

	margin-top:0;
	margin-bottom:10;

	color:#018EC3;

	

	font-family:'cafeteriabold';

	font-size:48px;		

}

h2 {

	margin-top:0;
	margin-bottom:10;

	color:#018EC3;

	font-family:'cafeteriabold';

	font-size:22.5px;		

}

a { 

	text-decoration: none;
	color:#018EC3;
	outline: 0;
}



/* ==========================================================================

   Browse Happy prompt

   ========================================================================== */



.browsehappy {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}



#main {

	height:auto!important;
	min-height:100%;

	margin:0 auto -200px;
	
	padding-bottom:215px;	

}

.enfield #main {
	background-image:url("/Images/enfield-curve.gif");
	background-repeat:no-repeat;
	background-position:bottom center;
	margin-bottom:0px;
}



.blue, .blue a {color:#018ec3;}

.red, .red a {color:#d91600;}



.red-background {background-color:#d91600;}

.blue-background {background-color:#018ec3 !important;}

.light-blue-background {background-color:#67b8d0;}

.aqua-background {background-color:#238f85;}

.lime-green-background {background-color:#9ec501;}

.purple-background {background-color:#6b539d;}

.orange-background {background-color:#f8b100;}

.dark-green-background {background-color:#93b01e;}

.text-indent {/*text-indent: -5000px;*/}

.light-blue-gradient-background {padding-top:15px;background:url('/Images/light-blue-gradient-background.gif') repeat-y; background-size:contain;}

.light-blue-gradient-background-210 {padding:15px 0;background:url('/Images/light-blue-gradient-background-210.png') repeat-y;background-size:contain;}

.spacer {width:255px;height:6px;background-image:url(/Images/spacer.png);background-repeat:no-repeat;}



.section-title {

	width:95%;

	height:44px;

	

	padding-top:2px;

	padding-left:12px;

	

	background-color:#018ec3; 

	color:#fff;



	font-family:'cafeteriabold';

	font-size:28px;

}





.quote-box {width:190px;height:181px;}

a.inherit-size {display:block;width:inherit;height:inherit;}

.recipes {min-width:134px;min-height:26px;background:url(/Images/recipes.png) no-repeat;}



.caption-image{

    background:url(/Images/caption-image-bottom-shadow.png) bottom left no-repeat;

    background-size:100%;

    padding-bottom:17px;

}



.caption-image > div{

    display:inline-block;

    vertical-align:top;

}



.recipes-red {width:70px;height:28px;background:url(/Images/recipes-red.png);}

.food-health-red {width:132px;height:23px;background:url(/Images/food-health-red.png);}

.food-sourcing-red {width:133px;height:29px;background:url(/Images/food-sourcing-red.png);}



h2.recipes{

    background-position: 12px 10px;

    margin:0;

    padding:0;

}



.ticked-list li{

    padding-left:25px;

    list-style-type: none;

    background: url(/Images/tick-box.png) top left no-repeat;

    margin-bottom:15px;

    font-size:14px;

    font-weight:bold;

}



.title-placeholder{

    background: url(/Images/title-placeholder.jpg);

    width:332px;

    height:43px;

    margin-bottom:15px;

}



.side-menu {

	margin-bottom:50px;	
	width:95%;
}



.side-menu:after {

	/*background:url(/Images/sidemenu-shadow-bottom.png);*/

}



.side-menu > ul {

    margin-left:-27px;

	margin-top:-3px

}



.side-menu li {

    font-size:12px;

    list-style-type: none;

    padding:0 0 0 0;

    margin:0 0 10px 12px;

}



.side-menu ul ul{

    padding-top:9px;

	margin-left:-38px;

}

.side-menu ul > li > ul > li > ul > li {
	display:none;	
}

.side-menu > ul > ul > li.active ul, 
.side-menu > ul > li > ul.active > li.active li, 
.side-menu > ul > li > ul > li > ul.active li {
	display:block;	
}

.side-menu > ul > li{

    padding-bottom:5px;

    background:url(/Images/spacer-168.png) no-repeat bottom left;
	background-size:contain;
	
	width:85%;

}



.side-menu a.active {

    font-weight:bold;

}





/* TOP BAR */



.top-bar{ 

	width:100%;

	height:35px;

	

	text-align:right; 

	

	background-color:#d91600;

}



.top-bar .social-media-links { 

	display:inline-block; 

}



.top-bar .twitter{

    width:28px;

    height:32px;

}



.top-bar .facebook{

    width:28px;

    height:32px;

}



.top-bar .youtube{

    width:28px;

    height:32px;

}



.top-bar .googleplus {

    width:28px;

    height:32px;

}



.top-bar .linkedin {

    width:28px;

    height:32px;

}



.top-bar a { 

	color:#fff; 

	

	font-size:14px; 

	font-weight:bold; 

	

}



.top-bar input[type="text"] { 

	width:176px;

	

	margin-left:23px;

	

	background-color:transparent;

	

	color:#fff; 

	

	font-size:14px; 

	font-weight:bold; 



	border-top:none;

	border-left:none;

	border-right:none;

	border-bottom:1px solid #fff;

	

}



.top-bar #search-button {

	margin-left:-23px;

	margin-top:-6px;

	cursor:pointer;	

}



.top-bar #contact-us {

	margin-left:26px;

	margin-right:10px;

}



/* ******* */





/* Top Navigation */

.nav{

	padding-left:0;

	margin-left:0;
	margin-bottom:3px;

	font-size:16px;
	
	position:relative!important;

}

.nav > li > a{color:#fff;text-decoration: none;padding:8px 20px 4px 20px;border-top-right-radius:10px;border-top-left-radius:10px; }

.nav > li > a.last-child {padding:8px 24px 4px 25px;}

.nav > li { 

	display:inline-block;

	list-style-type: none;

	margin-left:5px;
	
	position:static!important;

}



.nav > li.home { 

	margin-left:0;

}

.nav > li > a:hover + .dynamic-menu-block,

.nav > li:hover + .dynamic-menu-block,

.dynamic-menu-block:hover {

    display:block !important;

    visibility: visible !important;

    position:absolute;

    /*top:210px;

    left:10px;*/
	left:0;

    width:940px;

    min-height:300px;

    padding:10px;

    color:#fff;

    font-size:13px;

	opacity:100%;

	border-top:4px solid #fff;
	
	z-index:9999;

}



.dynamic-menu-block h2{

    font-size:13px;

}



.dynamic-menu-block h2 a {

    font-size:13px;

	font-weight:bold;

	color:#fff;

	

	margin-top:0;

}



.dynamic-menu-block ul{

    padding-left:0;

    margin-left:0;

}



.dynamic-menu-block ul li{

    list-style-type: none;

}



.dynamic-menu-block ul li a{

    display:block;

    margin-bottom:5px;

    color:#fff;

    text-decoration:none;

}



.menu-image {

    width:197px;

    height:150px;

	background-repeat:no-repeat;

	

	position:relative;

}



.menu-image .title {

	font-family:'cafeteriabold';

	font-size:22px;

	

	background-color:rgba(35,143,133,0.60);

	

	bottom: 0;

    color: #FFFFFF;

    display: block;

    padding: 2px 10px;

    position: absolute;

    width: 100%;	

}



.menu-image .title a {

	color:#fff;

}

	



.logo{
    width:141px;
    height:127px;

	margin-left:-0;
}



.authority-logo {

    width:172px;

    height:55px;

    margin-top:35px;

}



.advert {

    float:left;
	
	text-align:right;

    margin-top:20px;

    max-width:468px;
	
	 width:100%;

    max-height:60px;
	
	margin-right:40px;

   /* background:url(/Images/parentpay-online-payments.jpg); */

}


.view-this-weeks-menu{

    background:url(/Images/view-this-weeks-menu.jpg);

    width:197px;

    height:146px;

}



/* Page breadcrumb trail */

.breadcrumb {

	display:inline-block;

	

	margin-left:18px;

	margin-bottom:-2px;

	

	font-size:12px;

	font-weight:normal;

	

	color:#787878;	

}



.breadcrumb ul {

	list-style:none;

	display:inline-block;

	margin-left:-40px;

}



.breadcrumb li {

	list-style:none;

	display:inline-block;

	margin-left:0;

}



.breadcrumb li.active {

	font-weight:bold;

	color:#018ec3;

}



.breadcrumb li a {

	color:#787878;	

}



/* ********* */





/*FOOTER */



footer { 

	width:100%;

	padding-top:15px;

	min-height:200px;

	background-color:#d91600;

	clear:both;
}



footer p {color:#fff;margin:0 0 10px 0;}



.twitter-large{

	background:url(/Images/twitter-large.png);

	width:66px;

	height:66px;

	

	margin-top:2px;

}



footer .six {

	margin-top:15px;

}





.site-links a {display:block;margin-top:8px;padding-left:20px;color:#fff;font-size:13px;text-decoration:none;}



/* ******** */





.tick-box{background:url(/Images/tick-box.jpg) no-repeat top left;width:220px;margin:0 15px 30px 15px;padding-left:40px;font-size:13px;}





.light-blue-gradient-background > h3{

    padding-top:0;

    margin-top:0;

    margin-bottom:15px;

}



.twitter{

    width:30px;

    height:32px;

}



.facebook{

    width:30px;

    height:32px;

}



.youtube{

    width:30px;

    height:32px;

}



.googleplus {

    width:30px;

    height:32px;

}



.linkedin {

    width:30px;

    height:32px;

}



.social-media-links div{

    display:inline-block;

}



.my-school-lunch-details{

    margin-top:30px;

    font-size:12px;

}





/*HOME PAGE */

.homepage-top.row {
	margin-top:4px;
	margin-left:0px;
	margin-right:0px;

}

.homepage-top {

	margin-top:10px;

	clear:both;	

}

.homepage-top .col-sm-8, .homepage-top .col-sm-4{
	min-height:325px;
}

.homepage-top .col-sm-8 {
	width:65.6667%;
	margin-right:1%;	
}

.homepage-top .col-sm-4 {
	width:32.3333%;
	margin-right:1%;		
}


.homepage-top .quote {

	height:215px;

	width:215px;

	

	margin-left:17px;

	margin-top:85px;

	

	padding-left:48px;

	padding-right:30px;

	padding-top:30px;

	

	background-image:url(/Images/background-quote.png);

	background-repeat:no-repeat;

    

	color:#fff;

	font-family:'cafeteriabold';

	font-size:35px;	



	line-height:0.75em;

}



.homepage-top .col-sm-4 {

	background: url("/Images/background-homepage-light-blue-gradient.gif");	

	font-size:16px;

	color:#000; 
	
	padding-top:15px;     

}



.homepage-top .col-sm-4 ul {

	margin-left:-31px;

	margin-top:-3px;

	margin-bottom:0;

}



.homepage-top .col-sm-4 li {

	list-style:none;

	

	background-image:url('/Images/bullet-tick.png');

	background-repeat:no-repeat;

	background-position:top left;

	

	padding-top:7px;

	padding-left:50px;

	padding-right:10px;

	padding-bottom:24px;	

	

	margin-left:0px;

}



.homepage-top .col-sm-4 li {

	

}



/* Homapage hero spots */

.homepage-hero {

	color:#fff;

	font-family:'cafeteriabold';

	font-size:32px;	

	

	position:relative;

}

.homepage-hero.row {
	margin-top:24px;
	margin-left:0;
	margin-right:0;

}

.homepage-hero .col-sm-4 {
	width:32.33333%;

    background-repeat:no-repeat;
	background-color:#f5f5f5;

	min-height:164px;	

	padding-bottom:50px;
	
	margin-right:1%;

}



.homepage-hero .col-sm-4 .title {

	display:block;

	width: 100%;

	font-size:32px;

	color:#fff;

	padding:2px 10px;	

	

	position:absolute;

	bottom:0;

}



.homepage-hero .col-sm-4 .title a {

	color:#fff;	

}



/* Homepage boxes */

.homepage-boxes.row {
	margin-top:24px;
	margin-left:0;
	margin-right:0;

}

.homepage-boxes h3 {

	color:#cc0000;

	font-family:'cafeteriabold';

	font-size:32px;	

	

	padding-top: 5	px;

	padding-left:13px;

	

	margin-top:3px;

	margin-bottom:10px;

}



.homepage-boxes .col-sm-4 {

   	width:32.33333%;
	
	min-height:350px;

   	background: url("/Images/light-blue-gradient-background.gif") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
	background-size:contain;
	
   font-size:16px;

   color:#000;

	margin-right:1%;
	
}

.homepage-boxes .col-sm-4 ul {
	margin-top:17px;	
}

.homepage-boxes .col-sm-4 li {

	list-style-image:url("/Images/bullet-red.png");	

	margin-left:-3px;

	margin-bottom:16px;

}



.homepage-boxes .icon12 > div {

   background-image: url("/Images/icon-recipes.png");

   background-repeat:no-repeat;

   background-position:top right;
   
	padding-top:5px;   

}



.homepage-boxes .icon13 > div {

   background-image: url("/Images/icon-food.png");

   background-repeat:no-repeat;

   background-position:top right;

	padding-top:5px;
}

.homepage-boxes .icon13 > div p {
	padding-left:20px;
	padding-right:20px;	
}

.homepage-boxes .icon13 > div p:first-child {
	padding-top:20px;
}

.homepage-boxes .icon13 > div p:last-child {
	padding-bottom:20px;
}

.homepage-boxes .icon14 > div {

   background-image: url("/Images/icon-sourcing.png");

   background-repeat:no-repeat;

   background-position:top right;

	padding-top:5px;
}





.homepage-boxes .spacer {

	margin-left:13px;

	padding-bottom:6px;

}



.homepage-lower {

	color:#fff;

	font-family:'cafeteriabold';

	font-size:32px;	

	position:relative;

}

.homepage-lower.row {
	margin-top:24px;
	margin-left:0;
	margin-right:0;

}


.homepage-lower .col-sm-6 {

    background-repeat:no-repeat;
	background-color:#f5f5f5;

	min-height:190px;	

	padding-left:0;
	padding-right:0;
	padding-bottom:50px;
	
	width:49%;
	
	margin-right:1%;

}



.homepage-lower .col-sm-6 .title {

	display:block;

	width: 100%;

	font-size:32px;

	color:#fff;

	padding:2px 10px;	


	position:absolute;

	bottom:0;

}



.homepage-lower .col-sm-6 .title a {

	color:#fff;	

}

/* Menu vote */

.menu-vote-items {
    color: #fff;
    font-family: "cafeteriabold";
    font-size: 32px;
    position: relative;
}

.menu-vote-items.row {
	margin-top:24px;
	margin-left:0;
	margin-right:0;

}

.menu-vote-items .col-sm-4 {
	width:32.33333%;

    background-repeat:no-repeat;
	background-color:#f5f5f5;

	min-height:164px;	

	margin-right:1%;
	margin-bottom:1%;

}



.menu-vote-items .col-sm-4 .title {

	display:block;

	width: 100%;

	font-size:22px;

	color:#fff;

	padding:2px 10px;	

	

	position:absolute;

	bottom:0;

}



.menu-vote-items .col-sm-4 .title a {

	color:#fff;	

}

.rating-list label span {
	margin-bottom:0;
	margin-left:10px;
}

.rating-type label {
	font-weight:normal;
	margin-left:10px;
}

.rating-form label {
	width:165px;	
}

.rating-form input[type=text] {
	width:225px;	
}

.rating-form textarea {
	width:392px;	
	height:100px;
}


/* WHAT IS SPF */



.children-serving-food{

    background:url(/Images/children-serving-food.jpg) no-repeat;

    width:296px;

    height:171px;

}



#what-is-spf .caption-image .caption{

    width:399px;

    height:171px;

}



#what-is-spf .caption-image .caption p{

    font-size:14px;

    color:#fff;

    padding:10px;

}



#what-is-spf .ticked-list{

    width:400px;

    display:inline-block;

    vertical-align: top;

    padding-right:50px;

}



#what-is-spf .quote{

    display:inline-block;

    position:relative;

    vertical-align:top;

    width:205px;

    height:217px;

    color:#fff;

    background:url(/Images/quote-box-outline.png);

    position:relative;

    top:0;

}



#what-is-spf blockquote{

    width:152px;

    height:160px;

    margin:22px auto 0 auto;

    /*padding:18px;*/

    font-size:25px;

    padding-left:35px;

}



blockquote:before{

    background:url(/Images/blockquote-start.png);

    content: " ";

    width:20px;

    height:20px;

    display:block;

    position:absolute;

    top:16px;

    left:20px;

}



blockquote:after{

    background:url(/Images/blockquote-end.png);

    content: " ";

    width:20px;

    height:20px;

    display:block;

    position:absolute;

    top:140px;

    left:140px;

}



/* ==========================================================================

   Helper classes

   ========================================================================== */



/*

 * Hide from both screenreaders and browsers: h5bp.com/u

 */



.hidden {

    display: none !important;

    visibility: hidden;

}



/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v

 */



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



/*

 * Extends the .visuallyhidden class to allow the element to be focusable

 * when navigated to via the keyboard: h5bp.com/p

 */



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



/*

 * Hide visually and from screenreaders, but maintain layout

 */



.invisible {

    visibility: hidden;
  

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */



.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}



/* ==========================================================================

   EXAMPLE Media Queries for Responsive Design.

   These examples override the primary ('mobile first') styles.

   Modify as content requires.

   ========================================================================== */



@media only screen and (min-width: 35em) {

    /* Style adjustments for viewports that meet the condition */

}



@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 120dpi) {

    /* Style adjustments for high resolution devices */

}



/* ==========================================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */



@media print {

    * {

        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links for images, or javascript/internal links

     */



    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

}

/* flash games */

.container .flash-games {
	margin-bottom:15px;
}

/* News section */

.container .News_Image {
	float:right;
	margin:-150px 0px 0 0;
}

.container .news_date_list {
	float: right;
	margin: -15px 1px 0px 0px;
}

.container .news_content {
	margin:0px;
	width:500px;
}


/* Activities For Teachers */

/* Curriculum Plan */

.breadcrumb_cell_teachers {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 10px;
	color: #6b539d;

}

.breadcrumb_cell_teachers a:link, .breadcrumb_cell_teachers a:active, .breadcrumb_cell_teachers a:visited, .breadcrumb_cell_teachers a:hover {
	color: #4909B7;
}

.breadcrumb_cell_teachers .text {
	color: #333333;
}


.title_left_teachers {
	width: 5px;
	height: 56px;
	background: url(Images/teachers/title_left.gif) no-repeat top right;
}

.title_right_teachers {
	width: 9px;
	height: 56px;
	background: url(Images/teachers/title_right.gif) no-repeat top right;
}

.title_cell_teachers {
	background: url(Images/teachers/title_bg_slice.gif) #4909B7 repeat-x bottom;
	
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 1.6em;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.item_list_header_teachers {
	color: #FFFFFF;
	font-weight: bold;
	background: #6b539d;
	padding-left:8px;
	text-align:left;

}

.item_list_even_teachers {
	background: #E9DFF9;
	padding-left:7px;
	padding-top:2px;
	
}

.item_list_odd_teachers {
	background: #DCCDF5;
	padding-left:7px;
	padding-top:2px;
}


.cp_title {
	color: #6b539d;
	font-weight:bold;
	font-size: 1.6em;
	padding-left: 5px;
	
}

.cp_header_left {
	color: #FFFFFF;
	font-weight: bold;
	background: #6b539d;
	height: 30px;


}

.cp_header_item {
	color: #FFFFFF;
	font-weight: bold;
	background: #6b539d;
}

.cp_right_side {

}

.cp_red_text {
	color: #000000;
	font-weight:bold;
	padding-left: 5px;

}

.cp_green_text {
	color: #006633;
	font-weight:bold;
	padding-left: 5px;

}

.centercolour01 {
	background: #E9DFF9;
}
.centercolour02 {
	background: #DCCDF5;
}

.cp_right_side {

}

.cp_red_text {
	color: #000000;
	font-weight:bold;

}

.cp_green_text {
	color: #006633;
	font-weight:bold;

}

/* Kids club */
.club-login {
	width:350px;
	height:200px;
	
	padding-left:125px;
	padding-top:110px;
	
	margin-bottom:20px;
	
	background-repeat:no-repeat;	
} 

.club-login input[type="password"] {
	border:none;
	
	margin-bottom:20px;
}

.manchester .club-login {
	background-image:url('/media/269556/background-login.jpg');
}

.caerphilly-en .club-login, .caerphilly-cy .club-login {
    background-image: url("/Images/authority-images/caerphilly_login.png");
}

.westminster .club-login {
    background-image: url("/Images/authority-images/westminster_login.png");
}

.derbyshire .club-login {
    background-image: url("/Images/authority-images/derbyshire_login.jpg");
}

.enfield .club-login {
    background-image: url("/Images/authority-images/enfield_login.jpg");
}			
	
.hampshire .club-login {
    background-image: url("/Images/authority-images/hampshire_login.jpg");
}							

.kirklees .club-login {
    background-image: url("/Images/authority-images/kirklees_login.jpg");
}
												
.tower-hamlets .club-login {
    background-image: url("/Images/authority-images/towerhamlets_login.jpg");
}
												
.nottingham .club-login {
    background-image: url("/Images/authority-images/nottingham_login.jpg");
}
												
.southampton .club-login {
    background-image: url("/Images/authority-images/southampton_login.jpg");
}
												
.surrey .club-login {
    background-image: url("/Images/authority-images/surrey_login.jpg");
}
												
.glamorgan .club-login {
    background-image: url("/Images/authority-images/glamorgan_login.jpg");
}
												
.glamorgan/en .club-login {
    background-image: url("/Images/authority-images/glamorgan_login.jpg");
}

.northyorks .club-login {
    background-image: url("/Images/authority-images/northyorkshire_login.jpg");
}
									
/* Jack's footer image */

.club_footer, .jacks_footer {
	padding:0px;
}


/* Dropdown sub menu */

.click-nav {
}
.click-nav ul {
}
.click-nav ul li {
}
.click-nav ul li ul {
}
.click-nav ul .clicker {
}
.click-nav ul .clicker:hover,
.click-nav ul .active {
}
.click-nav img {
}
.click-nav ul li a {
	transition:background-color 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out;
	-moz-transition:background-color 0.2s ease-in-out;
	display:block;
	text-decoration:none;
}
.click-nav ul li a:hover {
}
/* Fallbacks */
.click-nav .no-js ul {
	display:none;
}
.click-nav .no-js:hover ul {
	display:block;
}

/* Style for Search */

.search_results {
	display:block;
	padding-bottom:10px;
}
	
.search_results li {
	list-style-image:url("/Images/bullet-red.png");
	padding-left:2px;
}

.search_next {
	background-color: #d91600;
    border: medium none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    padding: 2px 0px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 90px;
}
.search_next:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
	color:#fff;
	text-decoration:none;
}

.search_next:active {
	position:relative;
	top:1px;
}

.search_back {
	background-color: #d91600;
    border: medium none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    padding: 2px 0px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 90px;
}
.search_back:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
	color:#fff;
	text-decoration:none;
}

.search_back:active {
	position:relative;
	top:1px;	
}

.star-one, .star-1 {
	width:100px;
	height:23px;
	
	margin-bottom:6px;
	margin-right:10px;
	
	vertical-align:bottom;
	
	background-image:url('/Images/Stars/One-Star.png');
	background-repeat:no-repeat;
	
	display:inline-block;	
}

.star-two, .star-2 {
	width:100px;
	height:23px;
	
	margin-bottom:6px;
	margin-right:10px;
	
	vertical-align:bottom;
	
	background-image:url('/Images/Stars/Two-Star.png');
	background-repeat:no-repeat;
	
	display:inline-block;	
}

.star-three, .star-3 {
	width:100px;
	height:23px;
	
	margin-bottom:6px;
	margin-right:10px;
	
	vertical-align:bottom;
	
	background-image:url('/Images/Stars/Three-Star.png');
	background-repeat:no-repeat;
	
	display:inline-block;	
}

.star-four, .star-4 {
	width:100px;
	height:23px;
	
	margin-bottom:6px;
	margin-right:10px;
	
	vertical-align:bottom;
	
	background-image:url('/Images/Stars/Four-Star.png');
	background-repeat:no-repeat;
	
	display:inline-block;	
}

.star-five, .star-5 {
	width:100px;
	height:23px;
	
	margin-bottom:6px;
	margin-right:10px;
	
	vertical-align:bottom;
	
	background-image:url('/Images/Stars/Five-Star.png');
	background-repeat:no-repeat;
	
	display:inline-block;	
}

/* Twitter Feed */

.interact  {
	visibility:hidden;
}

.timePosted {
	visibility:hidden;
}
.tweet {
	padding:0px;
	margin-bottom:-45px;;
}
#example3 {
	padding:0;
	margin-top:7px;
}
#example3 li{
	list-style:none;
}

#example3 li .media {
	display:inline;
}

#example3 li img {
	width:auto!important;
	height:auto!important;
	
	max-height:50px;	
	
	float:right;
}

.tweet a {
  	color:#ffffff;
  	text-decoration:underline;					
}

/* Recipes Style  start*/

/* Recipes Advanced Search */

#recipes_adv_search {
	padding:0;
}

#recipes_adv_search legend, .recipes_adv_search legend {
	background:none repeat scroll 0 0 #018ec3;
	color:#ffffff;
	display:block;
	font-size:1.5em;
	line-height:1.2em;
	padding: 3px 10px;
	font-family:cafeteriabold;
}

.recipes_food_list {
	padding:0;
}

.recipes_ingredients {
	padding:0;
}

.recipes_medicaldiets {
	padding:0;
}

.recipes_beliefs_form {
	padding:0;
}

.recipes_occasion_form {
	padding:0;
}

.recipes_countryoforigin {
	padding:0;
}

.recipes_search_button {
	padding:0;
}

.recipes_search_button .recipes_button {
 color: #ffffff;
 font-size: 14;
 width: 80px;
 height: 25px;
 border: none;
 border-radius:4px;
 margin: 0;
 padding: 0;
 background-color:#d91600;
 margin-top:10px;
}

.recipes_food_type {
	padding:1.4em;
	border:medium none !important;
	background:none repeat scroll 0 0 #f6f6f6;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	paddng-right:5px;
	margin:0 0 1.5em;
	
}

.recipes_medical_diets {
	padding:1.4em;
	border:medium none !important;
	background:none repeat scroll 0 0 #f6f6f6;
	margin:0 0 1.5em;
}

.recipes_beliefs {
	padding:1.4em;
		border:medium none !important;
	background:none repeat scroll 0 0 #f6f6f6;
	margin:0 0 1.5em;
}

.recipes_occasion {
	padding:1.4em;
	border:medium none !important;
	background:none repeat scroll 0 0 #f6f6f6;
	margin:0 0 1.5em;
}

.recipes_countryorigin {
	padding:1.4em;
	border:medium none !important;
	background:none repeat scroll 0 0 #f6f6f6;
	margin:0 0 1.5em;
}

/* Recipes Browse */


.container_recbrow {
  display: table;
  background:none repeat scroll 0 0 #f6f6f6;
  width:102.8%;
  text-align:left;
}
.row_recbrow {
  display: table-row;
  /*line-height:35px;*/
}
.column_rcbr {
  display: table-cell;
  width:25%;
  padding:10px;
}

#recipes_browse legend, .recipes_browse legend {
	background:none repeat scroll 0 0 #018ec3;
	color:#ffffff;
	display:block;
	font-size:1.5em;
	line-height:1.2em;
	padding: 3px 10px;
	font-family:cafeteriabold;
	width:100%;
}

.recipes_browse {
	
}

.recipeHeader {
	margin-bottom:10px;	
}

/* Recipes search sub menu */

.advanced_search_submenu {
	padding:0;
	margin-top:10px;
}

#sub_recipes_adv_search {
	padding:0;
	margin-top:10px;
	
}

#sub_recipes_adv_search legend, .recipes_adv_search legend {
	background:none repeat scroll 0 0 #d91600;
	color:#ffffff;
	display:block;
	font-size:1.5em;
	line-height:1.2em;
	padding: 3px 10px;
	font-family:cafeteriabold;
}

.sub_recipes_search_button .sub_recipes_button {
 color: #ffffff;
 font-size: 14;
 width: 80px;
 height: 25px;
 border: none;
 border-radius:4px;
 margin: 0;
 padding: 0;
 background-color:#d91600;
 margin-top:10px;
 margin-left:65px;
}

.sub_advanced_search_submenu {
	background:url("/Images/light-blue-gradient-background-210.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
}


.sub_recipes_food_type {
	padding-left:1.4em;
	padding-right:1.4em;
	border:medium none !important;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	paddng-right:5px;
	margin:0 0 1.5em;
	
}

.sub_recipes_medical_diets {
	padding-left:1.4em;
	padding-right:1.4em;
	border:medium none !important;
	margin:0 0 1.5em;
}

.sub_recipes_beliefs {
	padding-left:1.4em;
	padding-right:1.4em;
	border:medium none !important;
	margin:0 0 1.5em;
}

.sub_recipes_occasion {
	padding-left:1.4em;
	padding-right:1.4em;
	border:medium none !important;
	margin:0 0 1.5em;
}

.sub_recipes_countryorigin {
	padding-left:1.4em;
	padding-right:1.4em;
	border:medium none !important;
	margin:0 0 1.5em;
}

.reset {
	padding:0;
    margin-left: 100px;
    margin-top: -45px;
	}

/* Recipes pagination */

.pagination {
	padding:0;
	color:#F00;
}

.pagination a {
	padding:0;
}

.pagination ul li{
  display: inline;
}

.recipes_next {
 color: #ffffff;
 font-size: 14;
 width: 80px;
 height: 25px;
 border: none;
 border-radius:4px;
 margin: 0;
 padding: 0;
 background-color:#d91600;
 margin-top:10px;
 margin-left:10px;
 font-family:'cafeteriabold';
}

.recipes_prev {
 color: #ffffff;
 font-size: 14;
 width: 80px;
 height: 25px;
 border: none;
 border-radius:4px;
 margin: 0;
 padding: 0;
 background-color:#d91600;
 margin-top:10px;
 margin-right:10px;
 font-family:'cafeteriabold';
}

/* Recipes some details */

.recipes_back {
    background-color: #d91600;
    border: medium none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
	margin-bottom: -117px;
    margin-left: 30px;
}		


/* Recipes Style end */

/* News Styles */
.news-content {
	width:100%;
	
	padding:13px;
	margin-bottom:20px;
	
	background-image: url("/Images/light-blue-gradient-background-210.png");
	background-repeat: repeat-y;
	background-size:contain;
		
}

.news-content h2 {
    color: #999;  
    font-family: 'cafeteriabold';
    font-size:22.5px;

	margin-bottom: 0;
    margin-top: 0;
	
	float:right;
	
}

.news-content h3 {
    color: #018ec3;
    font-family: 'cafeteriabold';
	font-size:22.5px;
    margin-bottom: 0;
    margin-top: 0;
}

.news-content img {
    border:1px solid #018ec3;
	
	max-width:33%;
	
	margin-top:15px;
	margin-left:13px;
	margin-bottom:13px;
	
	float:right;
}

.right-image img {
    border:1px solid #018ec3;
	
	max-width:33%;
	
	margin-left:13px;
	margin-bottom:13px;
	
	float:right;
}

.news-table th, .news-table td {
	padding:5px;
}
.news-table th {
	background-color:#d91600;
	text-align:left;
	font-weight:bold;
	color:#fff;	
}

/* Bold and green */

.bold {
	font-weight:bold;
}
	
.green {
	color:#006633;
}

.pull-right {
	float:right;	
}

.no-pad {
	padding-left:0;	
	padding-right:0;	
}

.clear {
	clear:both;
}

/* Responsive fixes (Bootstrap)*/
.container {
	/*width:990px;*/	
}

.breadcrumb {
	background-color:transparent;	
}

/* Menu */
#weekName {
    font-family: 'cafeteriabold';
    font-size: 28px;
    color: #018ec3;
	
	margin-top:0;
}

.menuHeader {
    font-family: 'cafeteriabold';
    font-size: 22px;
    color: white;
    text-align: center;
	background-color:#018ec3;
}

.menuSection {
    font-family: 'cafeteriabold';
    font-size: 22px;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
	background-color:#018ec3;
}

.menuRow {
    background-color: #f8f8f9;
    text-align: center;
}

.menuItem {
    cursor: pointer;
	margin-bottom:20px;
}

.arrow-right {
    /*float: right;
    width: 0;
    height: 0;
    border-top: 20px solid #018ec3;
    border-bottom: 20px solid #018ec3;
    cursor: pointer;
	display:block;*/
}


.arrow-right {
	float: right;
	
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #018ec3;
	
	cursor: pointer;
}

.arrow-left {
    float: right;
    width: 0;
    height: 0;
    
	border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
	border-right: 20px solid #018ec3;
	
    margin-right: 10px;
    cursor: pointer;
}

.nutritionalinfo {
    padding:10px;
	
	background-color: #018ec3;
	color:#fff;
	
    border-radius:5px;
	text-align:left;
	
	z-index:999;
}

.nutritionalinfo h3 {
	color: white;
    font-family: 'cafeteriabold';
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 0;
}

.nutritionalinfo .key {
	display:inline-block;
	width:55%;
	clear:both;
}

.nutritionalinfo .value {
	display:inline-block;
	width:40%;

	font-weight:bold;	
}



/* #Tablet (Portrait)
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.nav > li > a {
		padding-top:3px;
		padding-left:8px;	
		padding-right:8px;
		
		font-size:14px;	
	}
		
}
	
/* #Tablet (Landscape)
================================================== */

@media only screen and (min-width: 1023px) and (max-width: 1024px) {
	.nav > li > a {
		padding-top:3px;
		padding-left:10px;	
		padding-right:7px;
		
		font-size:19px;	
	}
		
}
	
/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 767px) {
	.menu {
		background-color:#f5f5f5;	
	}
	
	.breadcrumb-container {
		display:none;	
	}
	
	.submenu-container {
		display:none;	
	}
	
	.nav > li {
		margin-left:0;
		width:100%;	
	}
	.nav > li > a {
		border-radius:0;	
	}
	
	.homepage-top .col-sm-8, .homepage-top .col-sm-4, .homepage-hero .col-sm-4, .homepage-boxes .col-sm-4, .homepage-lower .col-sm-6{
		width:100%;
	}
	
	#example3 ul {
		padding-top:10px;
		padding-left:0;
		text-align:left;
	}
.tweet a{
  color:#ffffff;
  text-decoration:underline;	
  }
	
	.site-links a {
		padding-left:0;	
	}
	.mobile {
	width:290px !important;
		}
	.col-sm-9 img {
	height: 60%;
    margin-top: 5px;
    max-width: 95%;
		}


.button {
							background-color: #d91600;
    border: medium none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 70px;
    margin-top: -25px;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

p.button {
	margin-top:inherit;
	margin-bottom: 25px;	
}

.button a {
	color:#fff;
}

#contour input.text, #contour textarea, .contour input.text, .contour textarea {
	width: 220px !important;
}

.surrey .club-login {
background-image: url("/Images/authority-images/surrey_login.jpg");
    background-size: 100% auto;
}
			
.club-login {
    background-repeat: no-repeat;
    height: 175px;
    margin-bottom: 10px;
    padding-left: 110px;
    padding-top: 100px;
    width: 275px;
}

.tweet a {
padding:0;
display: inline-block;
left:auto;
right:auto;

overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
    width: 235px;						
}		

.homepage-top .quote {
	background-image: url("/Images/background-quote.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    color: #fff;
    font-family: "cafeteriabold";
    font-size: 20px;
    height: 215px;
    line-height: 0.75em;
    margin-left: 17px;
    margin-top: 40px;
    padding-left: 14px;
    padding-right: 88px;
    padding-top: 30px;
    width: 215px;
					}

.homepage-top .col-sm-8, .homepage-top .col-sm-4 {
	margin-top: -40px;
    min-height: 215px;
		}
		

}


/* #Mobile (Landscape)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.breadcrumb-container {
		display:none;	
	}
	
	.homepage-top .col-sm-8, .homepage-top .col-sm-4, .homepage-hero .col-sm-4, .homepage-boxes .col-sm-4, .homepage-lower .col-sm-6{
		width:100%;
	}
	.mobile {
	width:538px !important;
		}
	
}

/* Responsive menu fix */

.mobile {
	padding:0;
	margin:0;
}

	

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 

.advert img {
	width:290px;
	height:45px;
}

.advert {
	margin-top:50px;
	margin-right:0px;
}

}

.v-icon {	
	/*content:""; */
	color:#006633;
	font-weight:bold;
}
/*.menuItem:before {
	padding:5px;
	content:url("/images/icons/v-icon.png")
}
*/
.r-icon {
	background-image: url("/images/icons/r-icon.png");
    display: inline-block;
    height: 53px;
    vertical-align: middle;
    width: 50px;
	margin-top:5px;
}

/* .b-icon:before {
	content:url("/images/icons/b-icon.png")
} */

.b-icon {
	background-image: url("/images/icons/b-icon.png");
    display: inline-block;
    height: 38px;
    margin-top: 5px;
    width: 100px;
}


/* Main Home page authorities logotypes */

#authority_selector {
	padding:0;
}

.authorities {
	padding:0;
}
	
.authority_logo {
			padding:0;
		}
		

.authority_logo ul {
    margin: 0;
    overflow: auto;
    padding: 0;
}
.authority_logo ul li {
    display: inline-block;
}

/* .authority_logo li {
	background-color: #ffffff;
    border: 5px solid #d7d6c9;
    float: right;
    height: 160px;
    margin-bottom: 10px;
    margin-right: 20px;
    padding-left: 20px;
    padding-top: 15px;
    position: relative;
    width: 265px;
} */

.authority_logo ul li a {
    min-height:90px;
	
	border: medium none;
    display: block;
    float: left;
    margin: 27px;
	
	padding:10px;
	
	border: 1px solid #eee;
    box-shadow: 2px 2px 4px #ada49f;
    
}	

.authority_logo ul li a:hover {
    border: 1px solid #fff;
    box-shadow: 2px 2px 6px #6d644f;
}	

.authority_logo ul li img, img.thumbnail {
    height: 100%;
    width: 100%;
}

.authority_logo ul li img:hover, img.thumbnail:hover {
    
}


/* Gallery Style CSS */

#photos {
	padding:0;
}

#gallery {
	padding:0;
    display: inline-block; 
	background-image: url("/Images/cokrboard_bg.jpg");
    background-repeat: repeat;
	border: medium dashed black;
}

div#photos {
    margin: 0 auto;
}
div#photos ul {
    margin: 0;
    overflow: auto;
    padding: 0;
}
div#photos ul li {
    display: inline;
}
div#photos ul li a {
    border: medium none;
    display: block;
    float: left;
    margin: 27px;
}
div#photos ul li img, img.thumbnail {
    border: 1px solid #eee;
    box-shadow: 2px 2px 4px #ada49f;
    height: 75px;
    width: 75px;
}
div#photos ul li img:hover, img.thumbnail:hover {
    border: 1px solid #fff;
    box-shadow: 2px 2px 6px #6d644f;
}
div#photos ul#gallery li img.thumbnail {
    height: 170px;
    width: 256px;
}

/* Pin image for images in gallery */

.inpins {
    /*display: block;*/

    text-align: center;
  
    margin-bottom: 10px;	
}

ins {
    background: url('/Images/msl_image_pin.png') no-repeat 0 0;
    position: absolute;
   /* left: 100;
    top: 70;*/
    width: 50px;
    height: 50px;
	margin-left: 225px;
    margin-top: -210px;	
}

#gallery .caption-outer {
	width:100%;
	display:inline-block;
	text-align:center;
}

#gallery .caption {
	
	padding:4px;
	margin:auto;
	
	display:inline-block;
	
	color:#000!important;
	background-color:#fff;
	
	font-weight:bold;
	text-align:center;
	text-decoration:none!important;
	
	box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
	border-radius:4px;
}



/* Table's years, ideas, worksheets, plane */

/*  begin year */

.item_list_header_teachers_years {
	color: #FFFFFF;
	font-weight: bold;
	background: #9ec501;
	padding-left:8px;
	text-align:left;

}

.item_list_even_teachers_years {
background: #f2f3f3;
	padding-left:7px;
	padding-top:2px;
	
}

.item_list_even_teachers_years a {
	color: #565f32;
}

.item_list_odd_teachers_years {
	background: #b4de36;
	padding-left:7px;
	padding-top:2px;
}

.item_list_odd_teachers_years a {
	color: #565f32;
}


/* Finish years */

/* Begin Curriculum Plan */


.cp_title_cplane {
	color: #9ec501;
	font-weight:bold;
	font-size: 1.6em;
	padding-left: 5px;
}

.cp_header_left_cplane {
	color: #FFFFFF;
	font-weight: bold;
	background: #9ec501;
	height: 30px;
}

.cp_header_item_cplane {
	color: #FFFFFF;
	font-weight: bold;
	background: #9ec501;
}

.centercolour01_cplane {
	background: #d1ee7a;
}

.centercolour02_cplane {
	background: #b4de36;
}


/* Finish Curriculum Plan */

/* ParentPay Form */
#parent-pay-form label {
	width:90px;
}

/* Fix for different resolutions */

/* ipad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

.homepage-boxes h3 {
	color:#cc0000;
	font-family:'cafeteriabold';
	font-size:25px;	
	padding-top: 5	px;
	padding-left:13px;
	margin-top:7px;
	margin-bottom:20px;
}

.nav > li > a:hover + .dynamic-menu-block,

.nav > li:hover + .dynamic-menu-block,

.dynamic-menu-block:hover {
    display:block !important;
    visibility: visible !important;
    position:absolute;
    /*top:210px;
    left:10px;*/
	left:0;
    width:712px;
    min-height:300px;
    padding:10px;
    color:#fff;
    font-size:13px;
	opacity:100%;
	border-top:4px solid #fff;
	z-index:9999;
}

.menu-image {
    width:170px;
    height:150px;
	background-repeat:no-repeat;
	position:relative;
}

.menu-image .title {
	font-family:'cafeteriabold';
	font-size:20px;
	background-color:rgba(35,143,133,0.60);
	bottom: 0;
    color: #FFFFFF;
    display: block;
    padding: 3px 10px;
    position: absolute;
    width: 100%;	
}

.recipeHeader select {
	height:31px;
	background-color:#FFF;
}

.inc_ingredients {
	width: 140px;
}

.exc_ingredients {
		width: 140px;
}

.reset {
	margin-left: 80px;
    margin-top: -47px;
}

.jacks_footer img{
	width: 512px;
	height: 120px;
}

}
/* ipad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

.recipeHeader select {
	height:31px;
	background-color:#FFF;
}

}

/* iPhone landscape */	
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 

.homepage-top .col-sm-4 {
	background: url("/Images/background-homepage-light-blue-gradient.gif");	
	font-size:16px;
	color:#000; 
	padding-top:15px;
	background-repeat:repeat-y;
	background-size:122%;
	margin-top:15px;				
}
						
		
}
		

	

/* Finish Fix for different resolutions */

.cdt-hidden-xs, .cdt-hidden-sm, .cdt-hidden-md, .cdt-hidden-lg {
    display: inline !important;
}

@media (max-width:767px)
{
    .cdt-hidden-xs, .cdt-hidden-sm.cdt-hidden-xs, .cdt-hidden-md.cdt-hidden-xs, .cdt-hidden-lg.cdt-hidden-xs {
        display: none !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cdt-hidden-xs.cdt-hidden-sm, .cdt-hidden-sm, .cdt-hidden-md.cdt-hidden-sm, .cdt-hidden-lg.cdt-hidden-sm {
        display: none !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cdt-hidden-xs.cdt-hidden-md, .cdt-hidden-sm.cdt-hidden-md, .cdt-hidden-md, .cdt-hidden-lg.cdt-hidden-md {
        display: none !important;
    }
}

@media (min-width:1200px) {
    .cdt-hidden-xs.cdt-hidden-lg, .cdt-hidden-sm.cdt-hidden-lg, .cdt-hidden-md.cdt-hidden-lg, .cdt-hidden-lg {
        display: none !important;
    }
}

.cdt-visible-xs, .cdt-visible-sm, .cdt-visible-md, .cdt-visible-lg {
    display: none !important;
}

@media (max-width:767px)
{
    .cdt-visible-xs, .cdt-visible-sm.cdt-visible-xs, .cdt-visible-md.cdt-visible-xs, .cdt-visible-lg.cdt-visible-xs {
        display: inline !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cdt-visible-xs.cdt-visible-sm, .cdt-visible-sm, .cdt-visible-md.cdt-visible-sm, .cdt-visible-lg.cdt-visible-sm {
        display: inline !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cdt-visible-xs.cdt-visible-md, .cdt-visible-sm.cdt-visible-md, .cdt-visible-md, .cdt-visible-lg.cdt-visible-md {
        display: inline !important;
    }
}

@media (min-width:1200px) {
    .cdt-visible-xs.cdt-visible-lg, .cdt-visible-sm.cdt-visible-lg, .cdt-visible-md.cdt-visible-lg, .cdt-visible-lg {
        display: inline !important;
    }
} 

/* Fix for hidden and non hidden objects */

.games_alternative {
	padding:0;
	left:auto;
	right:auto;
}

								
/* FInish fix for hidden and non hidden objects */

									
/* Fix layout issue on IE */
									
#contour fieldset, .contour fieldset {
	margin-bottom:60px 
					}
#contour legend, .contour legend {
    margin-top of -20px									
					}			
/* Finish layout issue on IE */	
									
									
/* Small color fix in top menu */
									
.col-md-2.col-sm-2 > p strong {
    color: #fff;
}									
									
/* FInish small color top menu fix */									
									
									









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */