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



@media only screen and (max-width: 600px) {
	 

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


	DIV#basketBox{
		
		display:none;
visibility:hidden;
	}
	
	DIV#showResponsiveBasketLink{
		display:block;
		visibility:visible;
	   width:76%;
margin:0;
padding:10px 12% 0 12%;
height:48px;
border-bottom:solid;
border-bottom-width:3px;
border-bottom-color:#ffde00;
background-image:url(../images/paneldent.png), url(../images/paneldent.png), url(../images/wsimages/page-top-bg-tile.png);
background-repeat:no-repeat, no-repeat, repeat-x;
background-position:2% 12px, 98% 12px, 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;
}

.recentlyBlock{
	-webkit-column-count: 2; 
							-moz-column-count: 2; 
							column-count: 2; 
							-webkit-column-gap: 0px; 
							-moz-column-gap: 0px; 
							column-gap: 0px;
}


.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;
}

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

}


 DIV#preHeader{
	width:100%;
	min-height:35px;
}

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

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;
	
}

DIV#preHeadRight{
	margin: 0; 
		width:99%;
padding:4px 0 3px 1%;
color:#ffffff;
font-size:14px;
	display:block;
		float:none;
		clear:both;
		text-align:left;
}



.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#pageLink{
		display:block;
	float:none;
		clear:both;
		-webkit-order: 3;
order: 3;
	}
	
	.pageLinkBox{
		margin:0px 2% 16px 0%;
	width:47%;
font-size:17px;
	}
	
	.pageLinkInsideLeft{
	margin:3% 2% 2% 3%;
	padding:0px;
	width:30%;
	
}

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

}

  .pageLinkItem{ 
width:97%;  
  
  }
  
  .pageLinkBlock{
	margin:5px 0 1px 1px;
	padding:175px 0 0 0;
	width:96%; 
	height:25px;
}

.pageLinkBlock:hover{
	margin:4px 0 0 0;
	padding:174px 0 0 0;
	width:96%; 
	height:26px;

}
	
	.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;
  }
  
  DIV#header{
min-height:128px;
background-image:none;
}
  

DIV#logoArea{
	position:relative;
	display:inline;
	float:left;
	margin:0 auto;
	top:0px;
		left:0%;
	padding:0px;
	width:100%;	
	background-repeat:no-repeat;
	background-position: center top;

}

.headerLogoImage{
	width:100%;
	height:auto;
}

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

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-image:url(../images/wsimages/menu-bg-tile.gif);
padding:2px 0 0 2%;

}
#headRightMid{
	height:28px;
	clear:none;
	display:inline;
	float:right;
	width:48%;
	
	color:#FFFFFF;
	padding:2px 2% 0 0%;
background-image:url(../images/wsimages/menu-bg-tile.gif);
}
#headRightBottom{
	width:98%;
	clear:both;
padding:8px 1% 6px 1%;
font-size:19px;
color:#212121;
line-height:17px;
text-align:center;
display:block;
	float:none;
}

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

	DIV#panelLeftLeft{
		width:97%;
	padding:22px 1% 0 2%;
	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% 0 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;
}

DIV#menuArea{
   height:40px;
   padding:10px 0 0 0;
   background-color:#333333;
   border-top:solid;
	border-top-width:1px;
border-top-color:#FFFFFF;
 border-bottom:solid;
	border-bottom-width:1px;
border-bottom-color:#FFFFFF;
background-image:url(../images/wsimages/menu-bg-tile.gif);
background-repeat:repeat;
background-position:left top;
}

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;
}


.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%;	
}




.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;
}

.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;
}

.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:#aaaaaa; font-size: 15px; text-decoration: underline; font-weight: 400; } 
A.headLink:active {color:#ffffff; font-size: 15px; text-decoration: none; font-weight: 400; }

 DIV#footer{
background-color:#95c17d;
background-image:none;
height:90px;
 }
 
 
DIV#footInner{
	width:100%;
	 display: -webkit-flex;
      display: flex;
	  -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
}

 DIV#footLeft{
	 display:block;
	float:none;
	width:96%;
padding:8px 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% 8px 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:41px 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 li {
	  float:none;
    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;
	height:44px;
	font-size:35px;
	background-color:#EBEBEB;
	width:100%;
    padding: 0px 0 0px 0px; 
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#000000;
  }
  
  #nav li ul {
	  float:none;
    visibility: hidden;
    display:none;
    padding: 0;
    border: none;
  }
  
  #nav li ul li {
	  float:none;
    visibility: hidden;
    display:none;
    padding: 0;
    border: none;
  }
  
  #nav li a {
					float:none;
					text-align:center;
					display:block;
					margin:0px 0 0px 0px;
					padding:16px 0 2px 0;
					font-size:24px;		
					color:#434343;			
				}
				#nav li a:hover {
				color: #124b68;
				}
				
  #nav .navbar-handle {
    display: block;
  }
  #navbar-checkbox:checked + #nav ul {
    max-height: 410px;
	overflow:auto;
  }
  #navbar-checkbox:checked + #nav li {
    visibility: visible;
  }
  #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;
  }


   
}