@charset "UTF-8";

/* CSS Document */



@media only screen and (max-width: 800px) {
h1 {
	font-size: 38px;
	line-height: 42px;
}
    
h3{
font-size:38px;

}
    
.galleria-theme-classic .galleria-info {
	top: 1px;
	left: 5px;
	z-index: 2;
	position: absolute;
}
DIV#topLeft {
	display: none;
	visibility: hidden;
}
DIV#inlineEditButton {
	display: none;
	visibility: hidden;
}
DIV#basketBox {
	display: none;
	visibility: hidden;
}

DIV#basketBoxEmpty{
		
		display:none;
visibility:hidden;
	}
	
	
DIV#showResponsiveBasketLink {
	display: block;
	visibility: visible;
	width: 76%;
	margin: 0;
	padding: 11px 12% 0 12%;
	height: 48px;
	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% 10px, 98% 10px, center top;
	text-align: center;
}
DIV#prodCatalyst ul {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
}
#prodCatalyst ul li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.recentlyBlock {
}
.recentlyPic {
	display: inline;
	float: left;
	margin: 2px;
	padding: 0px;
	width: 19%;
	max-width: 65px;
	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;
}
.smallerText {
	font-size: 14px;
	line-height: 14px;
}
DIV#preHeader {
	width: 100%;
	min-height: 40px;
}
DIV#preHeadInner {
	margin: 0;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
A.preHeadLink:link {
	font-size: 14px;
	padding: 0 6px 0 6px;
}
A.preHeadLink:visited {
	font-size: 14px;
	padding: 0 6px 0 6px;
}
A.preHeadLink:hover {
	font-size: 14px;
	padding: 0 6px 0 6px;
}
A.preHeadLink:active {
	font-size: 14px;
	padding: 0 6px 0 6px;
}
DIV#preHeadLeft {
	margin: 0;
	width: 98%;
	padding: 3px 0 0 1%;
	font-size: 21px;
	float: none;
	clear: both;
	text-align: left;
	-webkit-order: 2;
	order: 2;
}
DIV#preHeadRight {
	margin: 0;
	width: 90%;
	padding: 4px 0px 3px 6px;
	background-image: url(../images/wsimages/globe-icon.png);
	background-position: 4px 2px;
	color: #ffffff;
	font-size: 14px;
	display: block;
	float: none;
	clear: both;
	text-align: left;
	-webkit-order: 1;
	order: 1;
}
.roomBlock {
	width: 47%;
}
DIV#pageContent {
}
DIV#pageContentInner {
	margin: 0px;
	width: 100%;
	border: none;
	background-image: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.pageContentThinLeft {
	padding: 0px;
	margin: 0px 0 12px 0px;
	display: block;
	text-align: left;
	float: none;
	clear: both;
	width: 100%;
}
.pageContentThinRight {
	padding: 0px;
	margin: 0px 0 12px 0;
	display: block;
	text-align: left;
	float: none;
	clear: both;
	width: 100%;
}
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#servicePrices {
	display: block;
	float: none;
	clear: both;
	-webkit-order: 3;
	order: 3;
}
.usefulButtonBlue {
	margin: 0 1% 0 1%;
	width: 92%;
}
.bigButtonBlue {
	margin: 0 2% 18px 2%;
	padding: 0px 0 0px 0;
	display: block;
	float: none;
	min-height: 230px;
	max-height: 230px;
	min-width: 320px;
	width: 95%;
}
.bigButtonBlueContainerLeft {
	max-width: 280px;
}
DIV#frontSubMenu {
	width: 100%;
	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;
	text-align: center;
}
.frontStylesItem {
	display: block;
	float: none;
	clear: both;
	width: 94%;
	padding: 0 4% 0 2%;
}
.frontStylesPic {
	padding: 0 0 20px 0;
}
.frontStylesTitle {
	padding: 15px 0 20px 0;
	color: #000000;
	font-size: 30px;
	text-align: center;
	font-family: bembo_reg, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
.halfWidth {
	width: 90%;
}
.frontHowToItem {
	display: block;
	float: none;
	clear: both;
	width: 94%;
	padding: 0 4% 10px 2%;
}
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;
}
.pressgallinks {
	margin: 0 0 0 25px;
}
.responsiveFullWidth {
	width: 96%;
}
.pageLinkItem {
	width: 97%;
}
.pageLinkBlock {
	margin: 5px 0 1px 1px;
	padding: 175px 0 0 0;
	width: 96%;
	height: 29px;
}
.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%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.setContentWidth {
	width: 96%;
	padding: 0% 2% 0 2%;
}
DIV#header {
	background-image: none;
    min-height:165px;
    border-bottom: solid 1px #666666;
}
DIV#logoArea {
	position: relative;
	display: block;
	float: none;
	height: 120px;
	margin:0 0 0 0;
	top: 0px;
	left: 4%;
	padding: 18px 0 0px 0;
	width: 118px;
	background-image: none;
	background-position: center 12px;
}
.headerLogoImage {
	width: 120px;
	height: auto;
}
DIV#header {
}
DIV#headContainer {
	width: 100%;
}
DIV#headRight {
	min-height: 68px;
	width: 100%;
	padding: 0px 0% 0 0%;
}
#headRightTop {
	height: 28px;
	display: inline;
	float: left;
	width: 48%;
	text-align: left;
	color: #FFFFFF;
	background-color:#4c4c4c;
	padding: 2px 0 0 2%;
}
#headRightMid {
	height: 28px;
	clear: none;
	display: inline;
	float: right;
	width: 48%;
	color: #FFFFFF;
	padding: 2px 2% 0 0%;
	background-color:#4c4c4c;
}
#headRightBottom {
position:absolute;
top:100px;
right:3%;
max-width:50%;
padding:0px 0% 0 0;
font-size:17px;
line-height:21px;
float:none;
display:block;
}
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%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
DIV#panelLeftLeft {
	width: 100%;
	padding: 22px 0% 0 0%;
	min-width: 300px;
	display: block;
	min-height: 200px;
	float: none;
	-webkit-order: 2;
	order: 2;
}
DIV#panelLeftRight {
	width: 96%;
	padding: 20px 2% 0 2%;
	min-width: 300px;
	display: block;
	float: none;
	-webkit-order: 1;
	order: 1;
}
DIV#panelRightLeft {
	width: 96%;
	padding: 20px 2% 0 2%;
	min-width: 300px;
	display: block;
	float: none;
	-webkit-order: 1;
	order: 1;
}
DIV#panelRightRight {
	width: 97%;
	padding: 22px 1% 20px 2%;
	min-width: 300px;
	display: block;
	float: none;
	min-height: 200px;
	-webkit-order: 2;
	order: 2;
}
.logoStrip {
	-webkit-order: 3;
	order: 3;
}
.panelOuter {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.panelContent {
	-webkit-order: 1;
	order: 1;
}
DIV#panelMenu {
	-webkit-order: 2;
	order: 2;
}
.pageContentCopyLeft, .pageContentPicsLeft, .pageContentPicsRight, .pageContentCopyRight {
	display: block;
	float: none;
	width: 100%;
	padding: 3px 0 5px 0;
	margin: 0px;
	text-align: left;
	clear: both;
}
.threeQuartersPic, .halfPic, .thirdPic, .quarterPic, .sixthPic, .defaultPic, .threeQuartersPicText, .halfPicText, .thirdPicText, .quarterPicText, .sixthPicText, .defaultPicText {
	width: 98%;
}
.responsivePageBlock {
	margin: 0px 3% 25px 0;
	width: 97%;
	display: block;
	float: none;
}
.generalPageLeft, .generalPageRight {
	display: block;
	float: none;
	width: 96%;
	padding: 3px 0 5px 0;
	margin: 0px;
	text-align: left;
	clear: both;
}

#preXmas{
	position:absolute;
	margin:0 auto;
	padding:0;
	text-align:center;
	height:115px;
	top:350px;
	left:10px;
	
}


#preXmas img{
	max-width:180px;
}

    
DIV#menuArea {
    margin:0px;
    position: absolute;
    top:30px;
	padding: 0px 0 5px 0;
	background-color: transparent;
	height: 48px;
	border-top: none;
	border-bottom: none;
    z-index:6000;
}
DIV#mainMenuHere {
    margin:0px 0 0 0;
	padding: 0px 0 0 0px;
	width: 100%;
}
DIV#mainMenuHere ul li {
	border-bottom: solid;
	border-bottom-width: 1px;
	padding: 0 0 0 0px;
}
.pageBlockRight {
	margin: 0px;
	padding: 4px 0px 4px 0px;
	width: 100%;
	display: block;
	float: none;
	clear: both;
	text-align: left;
}
.newsListCopy {
	display: block;
	float: none;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 2% 0 2%;
	width: 96%;
	text-align: left;
}
.newsListImage {
	width: 60%;
	margin: 0 0 12px 0;
}
.newsCopyRight {
	display: block;
	float: none;
	clear: both;
	padding: 0px 0px 2px 0px;
	margin: 0px 0% 0 0%;
	font-size: 15px;
	width: 100%;
	text-align: left;
}
.productViewPictureBlock, .productViewBlockTextRight {
	display: block;
	float: none;
	clear: both;
	padding: 0px 2% 30px 2%;
	margin: 0px 0 0 0;
	width: 96%;
}
.productViewBlockRight, .newsListCopyLeft, .newsCopyLeft {
	display: block;
	float: none;
	clear: both;
	padding: 0px 1% 10px 1%;
	text-align: left;
	margin: 0px 0 0 0;
	width: 98%;
}
.productListCopyLeft {
	clear: both;
	line-height: 17px;
	margin: 0px 0 18px 0;
}
.productViewCopyRight, .productListCopyRight2, .productListCopyLeft2 {
	display: block;
	float: none;
	clear: both;
	padding: 0px 0% 10px 0%;
	text-align: left;
	margin: 0px 0 0px 0;
	width: 100%;
}
.productListImage {
	padding: 2px 0% 0px 0%;
}
.productListCopy2 {
	clear: both;
}
.pageBlockLeft {
	display: block;
	float: none;
	clear: both;
	padding: 6px 2% 10px 0%;
	text-align: left;
	margin: 0px 0 0 0;
	width: 98%;
}
DIV#galleryOuter {
	width: 97%;
}
.galleryItem {
	padding: 0px 0px 0px 0px;
	margin: 0px 3% 3% 0px;
	width: 47%;
	height: 47%;
	display: inline;
	float: left;
}
.galleryImage {
	width: 100%;
	height: 100%;
}
.galleryImage:hover {
	width: 100%;
}
.paymentSystemPic {
	width: 33%;
}
.paymentSystemBlockRight, .paymentSystemBlockLeft, .paymentSystemItemLeftLarge, .paymentSystemItemRightLarge, .paymentSystemItemLeftSmall {
	clear: both;
	width: 96%;
	margin: 3px 0 4px 0;
	font-size: 16px;
}



 .paymentSystemBlockLeft2{
  
  width:95%;
 
  }
   
  .paymentSystemBlockRight2{

  width:2%;
 
  }
  
.addTopLine {
	margin: 0px;
	padding: 8px 0 0 0;
	width: 100%;
	border-top: solid;
	border-top-width: 1px;
	border-top-color: #cccccc;
}
.paymentSystemItemRightFull {
	clear: both;
	width: 94%;
	padding: 0px;
	margin: 0px 0 8px 4%;
}
.productBlockDrop {
	display: block;
	visibility: visible;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 15px;
	width: 100%;
	background-image: url(../images/wsimages/fade-strip-dn.png);
	background-repeat: repeat-x;
	background-position: top;
}
.responsiveHideSml {
	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;
}
.responsiveshowSml {
	display: block;
	visibility: visible;
	float: none;
	clear: both;
}

.resposiveDrop {
	display: block;
	float: none;
	clear: both;
	padding: 6px 2% 10px 0%;
	text-align: left;
	margin: 0px 0 0 0;
	width: 98%;
}
ol {
	padding: 0px;
	margin: 0px;
	list-style: decimal-leading-zero inside;
	color: #333333;
	width: 100%;
	border-top: 1px solid #333333;
}
.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;
}
A.headLink:link {
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
	font-weight: 400;
}
A.headLink:visited {
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
	font-weight: 400;
}
A.headLink:hover {
	color: #111111;
	font-size: 15px;
	text-decoration: underline;
	font-weight: 400;
}
A.headLink:active {
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
	font-weight: 400;
}
A.footLink:link {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	padding: 0 0 10px 14px;
}
A.footLink:visited {
	color: #fffffff;
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	padding: 0 0 10px 14px;
}
A.footLink:hover {
	color: #555555;
	font-size: 14px;
	text-decoration: underline;
	font-weight: 400;
	padding: 0 0 10px 14px;
}
A.footLink:active {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	padding: 0 0 10px 14px;
}
DIV#footer {
	background-color:#4c4c4c;
color:#ffffff;
	background-image: none;
}
DIV#footInner {
	width: 100%;
	height: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
DIV#footLeft {
	display: block;
	float: none;
	width: 96%;
	padding: 2px 2% 0px 2%;
	-webkit-order: 2;
	order: 2;
	border: none;
}
DIV#footMid {
	display: block;
	float: none;
	width: 93%;
	padding: 10px 2% 10px 5%;
	-webkit-order: 1;
	order: 1;
}
DIV#footRight {
	display: block;
	float: none;
	width: 96%;
	padding: 14px 2% 18px 2%;
	-webkit-order: 3;
	order: 3;
	border: none;
	text-align: left;
}
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;
    padding:7px 0 0 0;
}
#navbar-checkbox:checked + #nav ul {
	max-height: 700px;
	overflow: auto;
    background-color:white;
}
#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;
}
}