/* cmsms stylesheet: MENU RESPONSIVE CSS modified: 12/04/17 16:22:29 */
/*nav*/

/*###### navigation #####################################################################*/

#navigation { /* the menu container */
      position: relative;
	padding-left: 0px; /* sets gap to left edge of 'ul' */ /* or right */
	/*height: 38px;*/
	text-align:left; /* or left if required*/
      z-index:1000;
}

#navigation ul { /* menu ul style */
    
	margin-left:20px; /*147px;*/ /* sets gap from left edge of 'ul' to first menu item*/ /* or right */
	text-align:left; /* positions menu items to left or right */
        padding-top:0px;
		height:46px;
z-index:1001;
}

#navigation li{ /* horizontal menu */
      display:block;
      position:relative;
      float:left;
      line-height:100%;
	list-style: none;
	margin-left:0px;/*  sets gap between menu items*/
	margin-bottom: 0px;
}

#navigation a { /* the link style of menu */
      display:block;
	  font-size:14px;
	  font-weight: bold;
      text-decoration:none;
      color:#ffffff;
      /* padding:7px 15px 3px 15px;*/
      padding:17px 10px;
      margin-left:0px;
      white-space:nowrap;
}

#navigation li a:hover {}

#navigation li a:hover { /* the link style of menu */
      display:block;
      text-decoration:none;
    color:#BACC2F;
      margin-left:0px;
      white-space:nowrap;
	/*  background-image:url(http://natures-nursery.co.uk/uploads/images/website/nav-arrow.gif);
	  background-repeat:no-repeat;
	  background-position:center top;*/
}

/*This block of CSS is to deal with the sub-menu (nested menu). The CSS defines how the sub-menu and sub sub menu must be shown and positioned.*/
/* The sub menu is hidden by default and its position is places right under the parent menu*/

#navigation ul ul {
      display: none;
	  padding-left:0px;
      position: absolute;
	  left:20px;
      float: left;
      z-index:1002;
	  margin: 0px 0px 0px -10px;
}

#navigation ul ul li {
      width:200px; /* width second level */
      padding-right:19px;
      left:-1px;
/*height:34px;*/
}

#navigation li li {margin-left:0px;height:auto;}

/*#menu ul ul li.menuactive, #h_nav ul ul li.menuactive li {height:33px;}*/

#navigation ul ul a { /* second level look */
      
	 background: #E00069;
      line-height: 100%;
      padding:4px 10px 2px 10px;
font-size:13px;
font-weight:100;
      width: 100%;
      height:18px;
      }
	  
#navigation li li a:hover { /* the link style of menu */
      display:block;
      text-decoration:none;
      margin-left:0px;
      white-space:nowrap;
	
	      color:#BACC2F;
}


/* third level */

#navigation ul ul ul {
      display: none;
      position: absolute;
      float: left;
      z-index: 99999;
      left:221px;top:0px;
z-index:1003;
}

#navigation ul ul ul li {
      width:170px; /* width third level */
}




/*The following part defines how and when the sub menu must be hidden and shown. The sub menu is shown when mouse over and hidden when the mouse leaves.*/

/* When the mouse is over a list (li) element with unordered-list (ul) element inside then show it. The position when its shown is defined in the previous block of CSS*/

#navigation ul li:hover > ul {
      display: block;
}

/* keeps parents state on */

/* Styles the anchor (a) tag when mouse over */
#navigation li:hover > a, li.sectionheader :hover > a {
    /* background: #ffffff;*/
      color:#BACC2F;
}



#navigation li :hover > a  {
      color:#BACC2F;
}

a.parent , .sectionheader/* {background-image: url(http://natures-nursery.co.uk/uploads/images/website/arrow.gif); background-position:right;background-repeat: no-repeat;}*/



/*###### mean menu #####################################################################*/

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #E00069;
	/*background-image:url(http://natures-nursery.co.uk/uploads/images/responsive-website/navigation-bg.gif);*/
	padding: 1px 0;
	min-height: 36px /*42px*/;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 19px/*22px*/;
	padding: 9px 13px/*13px 13px 11px 13px*/;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #00376A/*99BCBF*/;
	margin-top: 36px /*44px*/;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 0.9em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	background: #E00069;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	/*text-transform: uppercase;*/
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: .5em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: .3em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: .2em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: .2em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: fff;
	   color:#BACC2F;
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 28px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
background: #E00069;
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
.mean-container .mean-nav ul li ul li a.mean-expand {padding:6px !important;}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
background: #E00069;
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}
/* cmsms stylesheet: Slideshow modified: 12/04/17 16:29:36 */
/* john's new galery slideshow elements */

.cycle_slideshow {
z-index: 1000;
}

.pager {
font-size: 48px;
position: absolute;
right: 20px;
bottom: 20px;
z-index: 9999;
cursor: pointer;
}

.pager span {
color: #ffffff !important;
}

.pager span.cycle-pager-active {
color: #8c266a !important;
}

#slides {
width: 600px !important;
height: 245px !important;
}

#slides img {
width: 600px !important;
height: 245px !important;
}

#caption {
display: none;
}
/* cmsms stylesheet: MAIN RESPONSIVE CSS modified: 12/04/17 16:22:10 */
/* RESPONSIVE GRID SYSTEM =============================================================================  */

/* BASIC PAGE SETUP ============================================================================= */

body { 
margin : 0 auto;
padding : 0;
/*font : 100%/1em arial, helvetica, helve, sans-serif; */	
font-family: 'Droid Serif', serif;
font-size:12px;
font-weight:normal;
color: #666;
line-height:150%;
text-align: left;
}

/*  HEADINGS  ============================================================================= */


h1 { 
color:#E00069; font-size:18px;text-align:left;	font-weight:bold;
margin-bottom : 0.8em;
font-size : 1.5em; /* 96 / 16 */
line-height : 1.4;
}


h2 { 
color: #222;
margin-bottom : .5em;
margin-top : .5em;
font-size : 2.75em; /* 40 / 16 */
line-height : 1.2;
}

h3 { 
color:  #E00069; 
letter-spacing: -1px;
font-size:14px; 
line-height:20px; 
font-weight:300;margin:0px;
}

h4 { 
color: #444;
margin-bottom : 0.5em;
font-size : 1.5em; /* 24 / 16  */
line-height : 1.25; }

h5 { 
color: #555;
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */ }

h6 { 
color: #666;
font-size : 1em; /* 16 / 16  */ }

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address{ 
/*margin-bottom : 1.5em; */
/*font-size : 1.54em; /* 16 / 16 = 1 */ 
}

p {
hyphens :none; 
margin-bottom:1.1em; }

ul, 
ol { 
margin : 0; 
padding : 0;
list-style:none;}

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

b, strong { 
font-weight : bold; }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid #ccc;
}

li {color:#E00069; line-height:24px;}


small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

/* LINKS =============================================================================  */

a:link, a:visited { 
color: #0399D6; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-decoration: none;


}

a:hover {
outline : 0;
color : #dd2233;
}

#email a:link, #email a:visited{
color: #E00069;
text-decoration:none;
}

#email a:hover {
text-decoration:underline;}




/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

/*  SECTIONS  ============================================================================= */

.section {
position:relative;
	clear: both;
	padding: 0px;
	margin: 0px;
}

.col {
   display: block;
    float: left;
    margin: 0;
}



/*  GLOBAL OBJECTS ============================================================================= */

.clearer { clear: both; }
.width {width:920px;margin:auto;}
*html .width {width:920px;}

.floatleft {float: left;}
.floatright {float: right;}



/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GRID OF FOUR  ============================================================================= */
	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GRID OF THREE  ============================================================================= */


.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.1%; 
}

.span_1_of_3 {
	width: 32.2%; 
}




/*  MAIN classes	============================================================================= */

.navigation {height:auto;background: #E00069;}
.slider {padding-top:20px;padding-left:50px;}
.page-title {}
.maincontent {
margin-top:10px;
border-left: 1px #E2D9CF solid;
	border-right: 1px #E2D9CF solid;
	border-top: 1px #E2D9CF solid;  
	}
.footer {font-size:12px;}

/*  MAIN Divs/Classes	============================================================================= */



#wrapper {
   background-image: url(../../uploads/images/website/main-bac2.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
	padding-bottom:120px;
}


#header {
position:relative;
border: 1px #E2D9CF solid;
margin: 10px auto 10px auto;
background-image: url(../../uploads/images/website/header-bac.jpg); 
background-position:center top;
background-repeat:no-repeat;

}


#logo {padding-top:25px;margin-left:22px;width:100%;}

#lower-header {
margin-top:50px;}


.phone{
color: #E00069;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
text-align:left;
margin-left:35px;
padding-top:50px;
}

.email {
color: #E00069;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
text-align:right;
margin-right:15px;
padding-top:40px;
padding-bottom:10px;
}

.facebook {
padding-left:5px;
}

#title {margin-right:20px;}


#navigation {/*background:url(http://natures-nursery.co.uk/tmp/uploads/images/responsive-website/navigation-bg.gif);background-repeat:repeat-x;background-color:#003568;height:auto;*/ z-index:10;}

	#facebook a:link {position:absolute;top:0px;right:58px;width:29px;height:24px; background:url(../../uploads/images/website/facebook.jpg); background-position:left; background-repeat:no-repeat;padding:0px;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;}
	#facebook a:hover {background-position:right;}

#maincontent{
padding-right:20px;}


#left-col{
padding-left:0px;
}

#title {padding: 20px 0px 20px 30px;}

.manager-pic {
border:1px solid #E2D9CF;
margin-bottom:20px;
}

#manager-text {
color:#E00069;	
font-size:1.2em; 
line-height:22px;
background-image: url(../../uploads/images/website/butterfly.jpg);
background-position:right bottom;
background-repeat:no-repeat;
text-align:left;
padding: 0px 20px 40px 30px;
}

#right-col {
position:relative;
margin-top:15px;

}

#news {
height:225px;
border:1px solid #E2D9CF;
position:relative;
margin-bottom:20px;

}
.news-title{
text-align:center;
line-height:40px;
font-size:14px;
font-weight:bold;
color:#fff;
background:#80217F;
}

#daynurseries {
padding-left:70px;}

.button-img{padding-bottom:20px;}

#left-summary{
	padding: 10px 0px 10px 25px;
	color: #666;
	line-height:1.8em;
font-weight:bold;
font-size:1.1em;
}

.slideshow {
padding: 30px 20px 0px 70px;
}

#static-image {display:none;}

.page-content {
margin-top:20px;
margin-left:20px;
border-top:1px solid #E2D9CF;
padding: 30px 20px 20px 0px;
}

.fullwidth-content {
margin-top:20px;
margin-left:20px;
padding: 0px 20px 20px 0px;
}


#footer {
margin:auto;
line-height:20px;
clear:both;
text-align:center;
font-size:11px;
color: #0399D6;
 margin-bottom:20px;

}

.footer-fb{
padding-left:5px;}
.info {
color: #666;
	font-size: 10px;
	
}
/* NEWS ============================================================================= */

.NewsSummaryLink {
padding:0px 0px 5px 10px;}

.NewsSummaryPostdate {
padding:5px 0px 0px 10px;}

.NewsSummaryMorelink {
padding:5px 0px 20px 10px;}

.NewsSummarySummary {
padding:0px 0px 10px 10px;}

h3#NewsPostDetailTitle {
font-size:16px;}

#NewsPostDetailContent, #NewsPostDetailSummary,  #NewsPostDetailReturnLink  {
padding:20px 0px 0px 0px;}

#NewsPostDetailHorizRule {
display:none;}

 #NewsPostDetailReturnLink {margin-bottom:50px;}



/* TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* FORMS ============================================================================= */

form { 
width:50%;
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label{
font-weight : normal;
cursor : pointer;
display:block;
margin:10px 0 0 0;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}
	
	label span{
	color:#666;
	font-size:0.9em;
	}
	
	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}
	
	label.disabled{
	color:#ccc;
	}


button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
padding: 0.5em 1em;
margin: 0 0 1em 0;
cursor : pointer; 
text-shadow:0 1px 0 #fff;
width:20%;
}

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
	box-sizing : content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }

input{
display:block;
width:97%;
margin:0 0 20px 0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #ddd;
	-webkit-box-shadow:inset 0px 1px 2px #ddd;
	box-shadow:inset 0px 1px 2px #ddd;
	}
	
textarea{
width:97%;
height:200px;
margin:0 0 20px 0;
border:1px solid #ccc;
padding:5px;
font-family:inherit;
font-size:0.9em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
overflow : auto; 
vertical-align : top;
}

/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00; 
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : #ccc; }


/*  BUTTONS  ============================================================================= */


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #cc1122 url(http://natures-nursery.co.uk/images/glass.png) repeat-x 0 50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family:  LeagueGothicRegular, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size : 1.5em; /* 24 / 16 */
				
}
.button:hover {
	background: #dd2233 url(http://natures-nursery.co.uk/images/glass.png) repeat-x 0 50%;
	color: #fff;
	text-decoration: none;
}
.button:active {
	background: #dd2233 url(http://natures-nursery.co.uk/images/glass.png) repeat-x 0 50%;
	color: #fff;
	position: relative;
	top: 1px;
}
.button:visited { 
	color : #fff;
}

/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : none; }

/* media queries ==================================================================================================================*/

/*@media only screen and (max-width: 680px) {
.not-mobile {display:none;}
}*/

@media only screen and (max-width: 480px) {
body {background:none;}
.not-mobile {display:none;}
.width {width:95%;margin:auto;padding:0px 2.5%;}
#wrapper {background-image: none;padding-bottom:0px;
}


#header {background-image:none;}
#logo {width:90%;padding:20px 0px 0px 0px;margin:0px;}
.header {height:auto;margin-top:10px;}
.maincontent {width:95%;padding:0px;}
#maincontent {padding:25px;}


#left-summary{padding:0px 0px 10px 0px;}
#static-image {display:block;max-width:100%;}

.page-content{ padding:10px 0px 0px 0px;margin:0px;}
 .fullwidth-content { padding:0px 0px 0px 0px;margin:0px;}

#footer{border-top:1px #E2D9CF solid;padding-top:10px;}

form{width:100%;}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
width:100%;}

.email {text-align:center;margin:0px;padding:0px;padding-bottom:10px;}
.phone {text-align:center;margin:0px;padding-top:10px;}

.col {margin: 0% 0 0% 0%;}
	
	.span_1_of_2 {
		width: 100%; 
	}
	
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
	
		.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	
}