@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width: 801px) and (max-width: 1100px) {


h3{

font-size:44px;


}


DIV#inlineEditButton{
display:none;
visibility:hidden;	
}

	.responsiveHideLg{
	display:none;
	visibility:hidden;
float:none;
clear:both;
}

	.responsiveshowSml {
	display: none;
	visibility: hidden;
	float: none;
	clear: both;
}
	.responsiveHide{
	display:none;
	visibility:hidden;
float:none;
clear:both;
}

.responsiveShow{
display: block;
	visibility: visible;
	float: none;
	clear: both;
}

DIV#header{
	min-height:185px;
}

DIV#headContainer{
	width:100%;
}

DIV#logoArea{
	left:4%;
		margin-left:0px;
	top:20px;
	background-image:none;
}

	DIV#basketBox{
		
		display:none;
visibility:hidden;
	}
	
	DIV#basketBoxEmpty{
		
		display:none;
visibility:hidden;
	}
	
	
	DIV#showResponsiveBasketLink{
		display:block;
		visibility:visible;
	   width:100%;
margin:0;
padding:11px 0 5px 0px;
height:29px;
border-bottom:solid;
border-bottom-width:3px;
border-bottom-color:#f4fbf3;
background-image:url(../images/wsimages/treedent-large.gif), url(../images/wsimages/treedent-large.gif), url(../images/wsimages/page-top-bg-tile.png);
background-repeat:no-repeat, no-repeat, repeat-x;
background-position:2% 7px, 98% 7px, center top;
text-align:center;
}


.recentlyPic{
	display:inline;
	float:left;
	margin:2px;
	padding:0px;
	width:19%;
	border:none;
}



.recentlyText{
	display:inline;
	float:left;
	width:60%;
	padding: 4px 0 0 2%;
	color:#222222;
	text-align:left;
	font-family:clarendon-regularregular, Arial, Helvetica, sans-serif; 
font-size: 12px;
line-height:14px;
}


.recentlyButton{
	margin:0px;
	  padding:23px 2px 0 0;
	 height:27px;
	  width:12%;
	  display:inline;
float:right; 
border-right:solid;
border-right-width:1px;
border-right-color:#888888;
}


	DIV#preHeader{
	
}

DIV#preHeadInner{
	margin:0;
width:100%;	
}

DIV#preHeadLeft{
	margin: 0 auto; 
		width:45%;
		padding: 1px 0 0 1%; 
font-size:21px;
line-height:21px;
float:left;
text-align:left;
	
}

	DIV#preHeadRight{
		width:52.5%;
padding:5px 1.5% 0 0;
color:#1d1d1d;
font-size:15px;
	display:inline;
		float:right;
		text-align:right;
}


DIV#headRight{
width:55%;
}

DIV#headRightLeft{
padding:5px 5px 10px 0;
}

#headRightBottom{
padding:25px 0% 0 0;
font-size:17px;
line-height:21px;
float: none;
display:block;
}

	 .smallerText {
font-size:14px;
line-height:14px;
}

	
DIV#pageContentInner{
	margin:0px;
width:100%; 
	border:none;
}
	
	.responsivePageBlock{
	margin:0px 4% 25px 0;
	width:46%;
}
	
	
	.generalPageBox{

width:94%;

	}
	
	
	#preXmas{
	position:absolute;
	margin:0;
	padding:0;
	width:300px;
	height:115px;
	top:295px;
	left:50px;
}


	
	DIV#frontSubMenu{
	width:300px;
	margin:22px 0 0px 0;
	padding:0px 0 16px 0;
	background-color:#515151;
	
}

	DIV#frontSubMenu li{
	
display:block;
float:none;
padding:12px 15px 0 15px;
	
}
	
	
	DIV#frontStyles{
		display: -webkit-flex;
      display: flex;
	  -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
	}
	
	
DIV#frontPressLeft{
	padding:20px 0 0 0px;
	clear:both;
	display:block;
	float:none;
	-webkit-order: 2;
order: 2;
	}

DIV#frontPressRight{
	padding:0px 0 0 0px;
	clear:both;
	display:block;
	float:none;
	-webkit-order: 1;
order: 1;
	}
	
	DIV#frontVideoRight{
	
	margin:20px 0 0 0;
	display:inline;
	float:left;
}	
	.usefulButtonBlue{
	margin:0 1% 0 1%;
	width:92%;
	}
	
	.bigButtonBlue{
	margin:0px 2% 16px 0;
	width:47%;
	
	}
	
	.bigButtonBlueContainerLeft{

max-width:280px;

}

.bigButtonBlueContainerLeft{

width:45%;

}

.bigButtonBlueContainerRight{
	
width:55%;

}

.bigButtonBlueContainerRightBottom{
	margin:0 8% 0 1%;
	padding:3px 0 4px 4%;
	text-align:left;
}



	.pageLinkBox{
		margin:0px 2% 16px 0;
	width:30.5%;
	font-size:18px;
	}
	
	.pageLinkInsideLeft{
	margin:3% 2% 2% 3%;
	padding:0px;
	width:30%;
	
}

.pageLinkInsideRight{
	padding:5px 2% 0 0%;
	width:61%;
	display:inline;
	font-size:14px;

}


 .pageLinkItem{
	 
width:47%;  

	  
  }
  
.pageLinkPic{
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
 }	
	
	DIV#content{
		
		width:100%;
		padding:0;
		margin:0px;
		border:none;
	}
	
	DIV#pageArea{
		
width:100%; 

  }

.setContentWidth{
	width:96%;
	padding:0% 2% 0 2%;
}

DIV#pageContentInner{
	width:100%;
	 display: -webkit-flex;
      display: flex;
	  -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
}


DIV#pageLeftColumn{
	padding:0px;
	margin:0px;
	width:100%;
	clear:both;
	border:none;
	-webkit-order: 2;
order: 2;
}

DIV#pageRightColumn{
	padding:0px;
	margin:0px;
	width:100%;
	clear:both;
	-webkit-order: 1;
order: 1;
}


DIV#mobilePanel{
	width:97%;
	padding:15px 1% 0 2%;
	min-width:300px;
	display:block;
	float:none;
	min-height: 200px;
	visibility:visible;
} 

.panelMustCentre{
	margin:0 auto;
	width:100%;
	
}

DIV#panelRightLeft{
	width:52%;
	padding:38px 2% 20px 3%;
	-webkit-order: 2;
order: 2;
}
  
DIV#panelRightRight{
	padding:20px 1% 20px 1%;
	width:41%;
	-webkit-order: 1;
order: 1;
}

DIV#galleryOuter{
	width:97%;
}

.galleryItem{
	padding:0px 0px 0px 0px;
	margin:0px 2% 2% 0px;
	width:23%;
	height:23%;
	display:inline;
float:left;
}


.galleryImage{
	
	width:100%;
	height:100%;
	
}

.galleryImage:hover{

	width:100%;

}


.hugeButton{
margin:0;
padding:20px 2% 24px 2%; 
	
	width:85%;
}

A.menuLink:link {color:#555555;  font-size: 28px; text-decoration: none; font-weight: 400;} 
A.menuLink:visited {color: #555555;  font-size: 28px; text-decoration: none; font-weight: 400;} 
A.menuLink:hover {color:#000000;  font-size: 28px; text-decoration: underline; font-weight: 400;} 
A.menuLink:active {color:#555555;  font-size: 28px; text-decoration: none; font-weight: 400;}

A.hugeButtonLink:link {color:#222222; font-family:walkway_semiboldregular, Arial, Helvetica, sans-serif; font-size: 19px; text-decoration: none; font-weight: 400; line-height:36px;} 
A.hugeButtonLink:visited {color: #222222; font-family:walkway_semiboldregular, Arial, Helvetica, sans-serif; font-size: 19px; text-decoration: none; font-weight: 400; line-height:36px;} 
A.hugeButtonLink:hover {color:#ffffff; font-family:walkway_semiboldregular, Arial, Helvetica, sans-serif; font-size: 19px; text-decoration: none; font-weight: 400; line-height:36px;} 
A.hugeButtonLink:active {color:#222222; font-family:walkway_semiboldregular, Arial, Helvetica, sans-serif; font-size: 19px; text-decoration: none; font-weight: 400; line-height:36px;}


DIV#footInner{

width:96%;
padding:10px 2% 0 2%;


}
 

.generalPageLeft, .generalPageRight{
	display:block;
	float:none;
	width:96%;
	padding:3px 0 5px 0;
	margin:0px;
	text-align:left;
	clear:both;
}

DIV#menuArea{
   padding:5px 0 5px 0;
background-color:#cccccc;
height:48px;
border-top:solid 1px #444444;
border-bottom:solid 1px #444444;

}

DIV#mainMenuHere{
	 
padding:0px 0 0 0px;
width:100%;
}
DIV#mainMenuHere ul li{
	border-bottom:solid;
	border-bottom-width:1px;
	padding: 0 0 0 0px;
}

DIV#nav {
	padding: 0px;
	margin: 0px;
	width: 100%;
	float: none;
}
#nav ul {
	float: none;
	padding: 53px 0 0 0;
	max-height: 0;
	overflow: hidden;
	margin: 0px 0 0 0;
	width: 100%;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	transition: all .45s ease;
}
#nav ul li {
	float: none;
	position:relative;
	clear:both;
	margin: 0px 0 0 0;
	background-image: url(../images/wsimages/page-top-bg-tile.png);
	background-position: center top;
	background-repeat: repeat-x;
	text-align: center;
	font-size: 35px;
	background-color: #EFEFEF;
	width: 100%;
	padding: 0px 0 0px 0px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}
#nav ul li ul {
				margin:5px 0 0 0;
				padding:0px 0 0px 0;
				width:100%;
				display: none;
				float: none;
					position: relative;
					left: 0;
					top: 0;
					text-align:center;
					background-image:none;	
							background-repeat:repeat;
					box-shadow: none;
					clear:both;										
				}
				
				#nav li:hover ul {
					display: block;
					
				}
				
#nav ul li ul li {
	float:none;
	position: relative;
	width:100%;
	top:0px;
	margin: 0px;
	padding: 0px;
	display:block;
	clear:both;
	background-image: none;
	line-height: 18px;
	height: auto;
	border: none;
}
#nav li:hover ul {
	display: none;
}

#nav li a {
	float: none;
	text-align: center;
	display: block;
	margin: 0px 0 0px 0px;
	padding: 16px 0 15px 0;
	font-size: 24px;
	color: #434343;
	background-image: none;
}
#nav li a:hover {
	color: #124b68;
}

#nav li ul li a {
			 background-color:#dedede;
				background-image:url(../images/wsimages/drop-strip-tile.png);
	background-repeat:repeat-x;
	background-position:center top;
	position:relative;
					display:block;
					text-align:center;
					margin:0px 0 0px 0px;
					padding:5px 0 5px 0;
					font-size:16px;	
					color:#444444;					
				}
				
				#nav li ul li a:hover {
				color: #990000;
				}
						
.dropMenu {
	border-top: none 1px #DBDBDB;
	border-bottom: none 1px #DBDBDB;
	
}
#nav .navbar-handle {
	display: block;
}
#navbar-checkbox:checked + #nav ul {
	max-height: 700px;
	overflow: auto;
}
#navbar-checkbox:checked + #nav li {
	visibility: visible;
	display:block;
	clear:both;
}
#navbar-checkbox:checked + #nav .navbar-handle,  #navbar-checkbox:checked + #nav .navbar-handle:after,  #navbar-checkbox:checked + #nav .navbar-handle:before {
	border-color: #aaa;
	color: #000000;
}



}



/* Note: Design for a width of greater than 1280px */
@media only screen and (min-width: 1080px) {
	
	
	  
}